@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300&display=swap');

.sfsiplus_footerLnk {
  display: none;
}

/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

@font-face {
  font-family: 'myfont-poi';
  src: url('../../assets/fonts/PoiretOne-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'myfont';
  src: url('../../assets/fonts/ZenKakuGothicAntique-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'myfont-b';
  src: url('../../assets/fonts/ZenKakuGothicAntique-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'myfont-bold';
  src: url('../../assets/fonts/ZenKakuGothicAntique-Bold.ttf') format('truetype');
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
  font-family: 'myfont', 'Zen Kaku Gothic New', sans-serif;
  text-align: justify;
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  color: #2B2B2B;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

.main-inner {
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
  font-family: 'myfont-b';
  color: #1d3994;
  font-weight: normal;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
  font-weight: normal;
}

dd {
  margin-left: 0;
  font-weight: normal;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
  font-weight: normal;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
  font-weight: normal;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
  font-weight: normal;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}


.accordion-menu {
  width: 100%;
  margin: 35px auto 20px;
  background: #092084;
  border-radius: 4px;
  text-align: left;
  max-width: 1000px;
}

.space {
  font-size: 100%;
  letter-spacing: -23px;
  margin-left: -13px;
}

.accordion-menu li:nth-child(2n) {
  background: #0c299d;
}

.accordion-menu li.open .dropdownlink {
  color: #fcdb45;
}

.accordion-menu li.open .dropdownlink .fa-chevron-down {
  transform: rotate(180deg);
}

.accordion-menu li:last-child .dropdownlink {
  border-bottom: 0;
}

.dropdownlink {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 30px;
  font-size: 17px;
  /* border-bottom: 1px solid #425fa6; */
  color: white;
  position: relative;
  transition: all 0.4s ease-out;
}

.dropdownlink b {
  font-size: 20px;
  color: white;
  margin-right: 40px;
  vertical-align: baseline;
}

.submenuItems b {
  font-size: 20px;
  color: #ff9db9;
  vertical-align: top;
}

.submenuItems p {
  padding-left: 40px;
}

.submenuItems {
  background: white;
  padding: 20px 30px 60px;
  line-height: 30px;
  display: none;
  width: 100%;
}

.submenuItems p {
  max-width: 1000px;
  display: inline-block;
}

.submenuItems li {
  border-bottom: 1px solid #B6B6B6;
}

.submenuItems a {
  color: #dd2021;
  padding: 0;
  transition: all 0.4s ease-out;
}

.submenuItems a:hover {
  background-color: #019655;
  color: #fff;
}

.accordion-menu li .plus {
  float: right;
  height: 20px;
  margin-top: 3px;
  margin-right: 5px;
  transition: 0.2s ease-in-out;
}

.accordion-menu .open .plus {
  transform: rotate(45deg);
  transition: 0.2s ease-in-out;
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time02 {
  animation-delay: 0.2s;
}

.delay-time04 {
  animation-delay: 0.4s;
}

#stalker {
  pointer-events: none;
  position: fixed;
  top: -8px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  transition: transform 0.2s, top, 0.5s, left 0.5s, width 0.5s, height 0.5s, background-color 0.5s;
  transition-timing-function: ease-out;
  z-index: 999;
}

#stalker.hov_ {
  top: -22px;
  left: -22px;
  width: 44px;
  height: 44px;
  transition: 0.5s;
  background: rgba(255, 0, 0, 0.4);
}

.hero .slick-list {
  height: 100vh;
}

/** ローディング *****************************************************/

.canvas {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 150px;
  max-height: 200px;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-bottom: 50px;
}

.line {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 11.11%;
}

@-webkit-keyframes dot-scaling-one {

  0%,
  45%,
  100% {
    transform: scale(0.33);
  }

  15% {
    transform: scale(1);
  }

  30% {
    transform: scale(0.1);
  }
}

@keyframes dot-scaling-one {

  0%,
  45%,
  100% {
    transform: scale(0.33);
  }

  15% {
    transform: scale(1);
  }

  30% {
    transform: scale(0.1);
  }
}

@-webkit-keyframes dot-scaling-two {

  0%,
  55%,
  100% {
    transform: scale(1);
  }

  70% {
    transform: scale(3);
  }

  85% {
    transform: scale(0.33);
  }
}

@keyframes dot-scaling-two {

  0%,
  55%,
  100% {
    transform: scale(1);
  }

  70% {
    transform: scale(3);
  }

  85% {
    transform: scale(0.33);
  }
}

.dot {
  width: 18px;
  height: 18px;
  transform: scale(0.33);
  -webkit-animation-name: dot-scaling-one;
  animation-name: dot-scaling-one;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.dot::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation-name: dot-scaling-two;
  animation-name: dot-scaling-two;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.dot--aqua::before {
  background-color: aqua;
}

.dot--gold::before {
  background-color: gold;
}

.dot--tomato::before {
  background-color: tomato;
}

.line:nth-child(1) .dot:nth-child(1) {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.line:nth-child(1) .dot:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.line:nth-child(1) .dot:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.line:nth-child(1) .dot:nth-child(4) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.line:nth-child(1) .dot:nth-child(5) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.line:nth-child(1) .dot:nth-child(6) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.line:nth-child(1) .dot:nth-child(7) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.line:nth-child(1) .dot:nth-child(8) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.line:nth-child(1) .dot:nth-child(9) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.line:nth-child(2) .dot:nth-child(1) {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.line:nth-child(2) .dot:nth-child(2) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.line:nth-child(2) .dot:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.line:nth-child(2) .dot:nth-child(4) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.line:nth-child(2) .dot:nth-child(5) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.line:nth-child(2) .dot:nth-child(6) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.line:nth-child(2) .dot:nth-child(7) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.line:nth-child(2) .dot:nth-child(8) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.line:nth-child(2) .dot:nth-child(9) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.line:nth-child(3) .dot:nth-child(1) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.line:nth-child(3) .dot:nth-child(2) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.line:nth-child(3) .dot:nth-child(3) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.line:nth-child(3) .dot:nth-child(4) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.line:nth-child(3) .dot:nth-child(5) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.line:nth-child(3) .dot:nth-child(6) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.line:nth-child(3) .dot:nth-child(7) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.line:nth-child(3) .dot:nth-child(8) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.line:nth-child(3) .dot:nth-child(9) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.line:nth-child(4) .dot:nth-child(1) {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.line:nth-child(4) .dot:nth-child(2) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.line:nth-child(4) .dot:nth-child(3) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.line:nth-child(4) .dot:nth-child(4) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.line:nth-child(4) .dot:nth-child(5) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.line:nth-child(4) .dot:nth-child(6) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.line:nth-child(4) .dot:nth-child(7) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.line:nth-child(4) .dot:nth-child(8) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.line:nth-child(4) .dot:nth-child(9) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.line:nth-child(5) .dot:nth-child(1) {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.line:nth-child(5) .dot:nth-child(2) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.line:nth-child(5) .dot:nth-child(3) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.line:nth-child(5) .dot:nth-child(4) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.line:nth-child(5) .dot:nth-child(5) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.line:nth-child(5) .dot:nth-child(6) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.line:nth-child(5) .dot:nth-child(7) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.line:nth-child(5) .dot:nth-child(8) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.line:nth-child(5) .dot:nth-child(9) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.line:nth-child(6) .dot:nth-child(1) {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.line:nth-child(6) .dot:nth-child(2) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.line:nth-child(6) .dot:nth-child(3) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.line:nth-child(6) .dot:nth-child(4) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.line:nth-child(6) .dot:nth-child(5) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.line:nth-child(6) .dot:nth-child(6) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.line:nth-child(6) .dot:nth-child(7) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.line:nth-child(6) .dot:nth-child(8) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.line:nth-child(6) .dot:nth-child(9) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.line:nth-child(7) .dot:nth-child(1) {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.line:nth-child(7) .dot:nth-child(2) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.line:nth-child(7) .dot:nth-child(3) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.line:nth-child(7) .dot:nth-child(4) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.line:nth-child(7) .dot:nth-child(5) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.line:nth-child(7) .dot:nth-child(6) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.line:nth-child(7) .dot:nth-child(7) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.line:nth-child(7) .dot:nth-child(8) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.line:nth-child(7) .dot:nth-child(9) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.line:nth-child(8) .dot:nth-child(1) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.line:nth-child(8) .dot:nth-child(2) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.line:nth-child(8) .dot:nth-child(3) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.line:nth-child(8) .dot:nth-child(4) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.line:nth-child(8) .dot:nth-child(5) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.line:nth-child(8) .dot:nth-child(6) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.line:nth-child(8) .dot:nth-child(7) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.line:nth-child(8) .dot:nth-child(8) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.line:nth-child(8) .dot:nth-child(9) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.line:nth-child(9) .dot:nth-child(1) {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.line:nth-child(9) .dot:nth-child(2) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.line:nth-child(9) .dot:nth-child(3) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.line:nth-child(9) .dot:nth-child(4) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.line:nth-child(9) .dot:nth-child(5) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.line:nth-child(9) .dot:nth-child(6) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.line:nth-child(9) .dot:nth-child(7) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.line:nth-child(9) .dot:nth-child(8) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.line:nth-child(9) .dot:nth-child(9) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.line:nth-child(1) .dot:nth-child(1)::before,
.line:nth-child(1) .dot:nth-child(9)::before,
.line:nth-child(9) .dot:nth-child(1)::before,
.line:nth-child(9) .dot:nth-child(9)::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.line:nth-child(1) .dot:nth-child(2)::before,
.line:nth-child(1) .dot:nth-child(8)::before,
.line:nth-child(9) .dot:nth-child(2)::before,
.line:nth-child(9) .dot:nth-child(8)::before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.line:nth-child(1) .dot:nth-child(3)::before,
.line:nth-child(1) .dot:nth-child(7)::before,
.line:nth-child(9) .dot:nth-child(3)::before,
.line:nth-child(9) .dot:nth-child(7)::before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.line:nth-child(1) .dot:nth-child(4)::before,
.line:nth-child(1) .dot:nth-child(6)::before,
.line:nth-child(9) .dot:nth-child(4)::before,
.line:nth-child(9) .dot:nth-child(6)::before {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.line:nth-child(2) .dot:nth-child(1)::before,
.line:nth-child(2) .dot:nth-child(9)::before,
.line:nth-child(8) .dot:nth-child(1)::before,
.line:nth-child(8) .dot:nth-child(9)::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.line:nth-child(2) .dot:nth-child(2)::before,
.line:nth-child(2) .dot:nth-child(8)::before,
.line:nth-child(8) .dot:nth-child(2)::before,
.line:nth-child(8) .dot:nth-child(8)::before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.line:nth-child(2) .dot:nth-child(3)::before,
.line:nth-child(2) .dot:nth-child(7)::before,
.line:nth-child(8) .dot:nth-child(3)::before,
.line:nth-child(8) .dot:nth-child(7)::before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.line:nth-child(2) .dot:nth-child(4)::before,
.line:nth-child(2) .dot:nth-child(6)::before,
.line:nth-child(8) .dot:nth-child(4)::before,
.line:nth-child(8) .dot:nth-child(6)::before {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.line:nth-child(3) .dot:nth-child(1)::before,
.line:nth-child(3) .dot:nth-child(9)::before,
.line:nth-child(7) .dot:nth-child(1)::before,
.line:nth-child(7) .dot:nth-child(9)::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.line:nth-child(3) .dot:nth-child(2)::before,
.line:nth-child(3) .dot:nth-child(8)::before,
.line:nth-child(7) .dot:nth-child(2)::before,
.line:nth-child(7) .dot:nth-child(8)::before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.line:nth-child(3) .dot:nth-child(3)::before,
.line:nth-child(3) .dot:nth-child(7)::before,
.line:nth-child(7) .dot:nth-child(3)::before,
.line:nth-child(7) .dot:nth-child(7)::before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.line:nth-child(3) .dot:nth-child(4)::before,
.line:nth-child(3) .dot:nth-child(6)::before,
.line:nth-child(7) .dot:nth-child(4)::before,
.line:nth-child(7) .dot:nth-child(6)::before {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.line:nth-child(4) .dot:nth-child(1)::before,
.line:nth-child(4) .dot:nth-child(9)::before,
.line:nth-child(6) .dot:nth-child(1)::before,
.line:nth-child(6) .dot:nth-child(9)::before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.line:nth-child(4) .dot:nth-child(2)::before,
.line:nth-child(4) .dot:nth-child(8)::before,
.line:nth-child(6) .dot:nth-child(2)::before,
.line:nth-child(6) .dot:nth-child(8)::before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.line:nth-child(4) .dot:nth-child(3)::before,
.line:nth-child(4) .dot:nth-child(7)::before,
.line:nth-child(6) .dot:nth-child(3)::before,
.line:nth-child(6) .dot:nth-child(7)::before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

.line:nth-child(4) .dot:nth-child(4)::before,
.line:nth-child(4) .dot:nth-child(6)::before,
.line:nth-child(6) .dot:nth-child(4)::before,
.line:nth-child(6) .dot:nth-child(6)::before {
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

/** ローディング *****************************************************/
.common-loading {
  display: block;
  opacity: 1;
  z-index: 999;
  position: fixed;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #cba328;
  height: 100vh;
  padding-top: 35vh;
  -webkit-transition: ease 1.3s;
  transition: ease 1.3s;
}

.common-loading.loaded {
  opacity: 0;
}

.common-loading img {
  height: 70px;
}

/** 文字のウェービング ************************************************/
@keyframes wave {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(0, -15px, 0);
  }
}

.wave {}

.wave span {
  display: inline-block;
  transition: 0s;
}

.wave span.show {
  animation-name: wave;
  animation-duration: 0.4s;
  animation-direction: alternate;
  animation-iteration-count: 2;
}

.wave span.show:nth-of-type(2) {
  animation-delay: 0.1s;
}

.wave span.show:nth-of-type(3) {
  animation-delay: 0.2s;
}

.wave span.show:nth-of-type(4) {
  animation-delay: 0.3s;
}

.wave span.show:nth-of-type(5) {
  animation-delay: 0.4s;
}

.js-inview5 {
  opacity: 0;
}

.js-inview5.tlt {
  opacity: 1;
}

/** 文字のウェービング ************************************************/


/* ヘッダーナビゲーション用のメディクリ設定　*/
@media only screen and (max-width: 820px) {


  .header {
    position: fixed;
    width: 100%;
    background: white;
    height: 70px;
    display: flex;
    z-index: 10;
    top: 0;
  }

  .header-company {
    position: absolute;
  }

  .header-nav__desktop {
    display: none !important;
  }


  .header-nav {
    position: fixed;
    right: 50px;
    top: 10px;
  }

  .header-mobile {
    display: none;
    width: 0;
    margin-left: -100px;
  }



  .header-nav__desktop {
    display: none;
  }

  .header-nav__mobile span:nth-child(1) {
    top: 10px;
  }

  .header-nav__mobile span:nth-child(2) {
    top: 20px;
  }

  .header-nav__mobile span:nth-child(3) {
    top: 30px;
  }

  .header-nav__mobile.active {
    transform: rotate(360deg);
  }

  .header-nav__mobile.active span:nth-child(1) {
    top: 16px;
    left: 6px;
    background: #646464;
    transform: rotate(-45deg);
  }

  .header-nav__mobile.active span:nth-child(2) {
    top: 16px;
    background: #646464;
    transform: rotate(45deg);
  }

  .header-nav__mobile.active span:nth-child(3) {
    opacity: 0;
  }
}

/* ヘッダーナビゲーション用のメディクリ設定　ここまで　*/

/*==================================================
じわっ
===================================*/

/* ぼかしから出現 */
.blur {
  animation-name: blurAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 1 !important;
}

@keyframes blurAnime {
  from {
    filter: blur(10px);
    transform: scale(1.02);
  }

  to {
    filter: blur(0);
    transform: scale(1);
  }
}

@media print,
screen and (min-width:821px) {

  .slick-arrow {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 0;
    position: absolute;
    top: 300px;
    z-index: 1;
    filter: drop-shadow(0px 3px 6px transparent);
  }

  .slick-arrow::before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #1D3994;
    border-width: 3px 3px 0 0;
    position: absolute;
    top: 200px;
    transform: rotate(45deg);
  }

  .slick-next {
    right: 100px;
  }

  .slick-prev {
    left: 100px;
  }

  .slick-next::before {
    left: 20px;
  }

  .slick-prev::before {
    border-width: 0 0 3px 3px;
    right: 22px;
  }

  .mov {
    display: none;
  }

  .display {
    display: none;
  }

  .js-inview {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s;
  }

  .js-inview-stand {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s;
  }

  .js-inview-blur {
    opacity: 0;
    transform: translateY(60px);
    transition: all 1s;
  }

  .inview {
    opacity: 1;
    transform: translateY(0);
    transition: all 1s;
  }

  .red {
    color: #dd2021;
  }

  .green {
    color: #019655;
  }

  .blue {
    color: #0096de;
  }

  .header {
    width: 270px;
    height: 100vh;
    padding: 50px 30px 30px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
  }

  .main {
    margin-left: 270px;
    overflow: hidden;
    background: #ffd801;
    position: relative;
  }

  .header-company {
    margin-bottom: 60px;
  }

  .header-company h1 {
    text-align: center;
  }

  .header-company h1 img {
    width: 180px;
  }

  .header-nav {
    height: calc(100vh - 200px);
    overflow-y: auto;
  }

  .header-nav {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE */
  }

  .header-nav::-webkit-scrollbar {
    /* Edge Chorome Safari Operaなど */
    display: none;
  }

  .header-nav__desktop li {
    min-height: 35px;
    position: relative;
    letter-spacing: 0px;
    transform: scale(1, 1);
    transition: all 0.5s;
    transform-origin: left;
    font-size: 15px;
  }

  .header-nav__desktop li:hover {
    transform: scale(1, 1);
    transition: all 0.5s;
    transform-origin: left;
  }

  .header-nav__desktop li li:nth-child(1):hover {
    color: #0096de;
  }

  .header-nav__desktop li li:nth-child(2):hover {
    color: #019655;
  }

  .header-nav__desktop li li:nth-child(3):hover {
    color: #dd2021;
  }

  .header-nav__desktop li:nth-last-child(2):hover {
    transform: scale(1, 1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .header-nav__desktop li:nth-last-child(2):hover button {
    background: linear-gradient(to right, #8cd1f4, #1862e0);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .header-nav__desktop li:before {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 2px;
    width: 10px;
    height: 2px;
    background: #fec621;
    transition: all 0.5s;
  }

  .header-nav__desktop li:nth-last-child(9):before {
    content: "";
    position: absolute;
    top: 21px;
    left: 2px;
    width: 10px;
    height: 2px;
    background: #fec621;
    transition: all 0.5s;
  }

  .header-nav__desktop li:hover:before {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 2px;
    width: 110px;
    height: 2px;
    background: #fec621;
    transition: all 0.5s;
  }

  .header-nav__desktop li:nth-last-child(9):hover:before {
    content: "";
    position: absolute;
    top: 21px;
    left: 2px;
    width: 120px;
    height: 2px;
    background: #fec621;
    transition: all 0.5s;
  }

  .header-nav__desktop li:nth-last-child(1):before,
  .header-nav__desktop li:nth-last-child(6):before,
  .header-nav__desktop li:nth-last-child(5):before {
    background: transparent;
  }

  .header-nav__desktop li div {
    text-align: center;
  }

  .header-nav__desktop li .bubbly-button-menu {
    border-radius: 35px;
    line-height: 38px;
    font-size: 14px;
    /* padding: 0px 45px; */
    margin: 0px 0 10px;
    -webkit-appearance: none;
    appearance: none;
    background: linear-gradient(to right, #2ba5e3, #184ba2);
    color: white;
    cursor: pointer;
    position: relative;
    transition: transform ease-in 0.1s;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    width: 200px;
  }

  .bubbly-button-menu:focus {
    outline: 0;
  }

  .bubbly-button-menu:before,
  .bubbly-button-menu:after {
    position: absolute;
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
  }

  .bubbly-button-menu:before {
    display: none;
    top: -75%;
    background-image: radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, transparent 20%, #1e65b6 20%, transparent 30%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, transparent 10%, #1e65b6 15%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
  }

  .bubbly-button-menu:after {
    display: none;
    bottom: -75%;
    background-image: radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, transparent 10%, #1e65b6 15%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%), radial-gradient(circle, #1e65b6 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
  }

  .bubbly-button-menu:active {
    transform: scale(0.9);
    background-color: #1e65b6;
  }

  .bubbly-button-menu.animate:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
  }

  .bubbly-button-menu.animate:after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
  }




  .inner-list {
    font-size: 14px;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .inner-list li {
    min-height: 30px;
    position: relative;
  }

  .header-nav__desktop .inner-list li:before {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 2px;
    width: 10px;
    height: 2px;
    transition: all 0.5s;
  }

  .header-nav__desktop .inner-list li:nth-child(1):before {
    background: #0096de;
  }

  .header-nav__desktop .inner-list li:nth-child(2):before {
    background: #019655;
  }

  .header-nav__desktop .inner-list li:nth-child(3):before {
    background: #dd2021;
  }

  .header-nav__desktop li .bubbly-button-menu img {
    width: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-bottom: 3px;
    margin-right: -8px;
  }

  .header-nav__desktop li small {
    margin-top: 20px;
    display: block;
  }

  .header-nav__desktop li small a {
    margin-right: 15px;
  }

  .realtimeuserscounter {
    display: inline-block;
    background: #002c83;
    color: white;
    width: 51px;
    margin-top: -30px;
    line-height: 25px;
    margin-bottom: -10px;
    text-align: right;
    padding-right: 5px;
    margin-right: -3px;
    border-radius: 0 50px 50px 0;
    padding-right: 10px;
  }

  .realtimeuserscounter__num {
    display: inline-block;
  }

  .realtime a {
    display: none;
  }

  .realtime {
    margin-top: 20px;
    margin-bottom: -20px;
    color: #002c83;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-radius: 50px;
    padding: 5px;
    text-align: left;
    padding-left: 15px;
    padding-right: 0;
    margin-right: 10px;
  }

  .realtime span {
    padding-right: 10px;
  }

  .hero {
    height: 100vh;
    width: 100%;
  }

  .hero-inner {
    text-align: center;
    padding-top: 35vh;
  }

  .hero-inner h2 {
    font-size: 23px;
    display: inline-block;
    position: relative;
  }

  .hero-inner h2 br {
    display: none;
  }

  .hero-inner h2:after {
    content: "";
    background: url(../../assets/images/icon-hero1.png) center center;
    background-size: 150px;
    position: absolute;
    width: 150px;
    height: 150px;
    right: -20px;
    top: -160px;
    background-repeat: no-repeat;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 20.5s;
    animation-name: anim_po;
  }

  @keyframes anim_po {
    0% {
      right: -20px;
    }

    100% {
      right: 700px;
    }
  }

  .hero-inner h2:before {
    content: "";
    background: url(../../assets/images/img-hero-line.png) center center;
    background-size: 2155px;
    position: absolute;
    width: 1970px;
    height: 1400px;
    right: -775px;
    top: -526px;
    background-repeat: no-repeat;
  }

  .hero-contents {
    padding-bottom: 20px;
  }

  .hero-contents h2 span {
    color: #dd2022;
  }

  .hero-content2 {
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .hero-content-box {
    display: flex;
    justify-content: center;
    margin-top: 8px;
    align-items: flex-end;
  }

  .hero-content1 b {
    display: block;
    background: white;
    border-radius: 30px;
    font-size: 12px;
    color: #002c83;
    margin-bottom: 8px;
    vertical-align: middle;
    line-height: 20px;
    padding: 5px 20px;
  }

  .hero-content1 b span {
    font-size: 30px;
    padding: 0 0 0 5px;
  }

  .hero-content2 h3 {
    font-size: 30px;
    margin-bottom: 0;
    letter-spacing: -4px;
  }

  .waves_hero small {
    letter-spacing: 0;
  }

  .hero-content3 {
    padding-bottom: 18px;
    margin-left: 4px;
  }

  .hero-content3 small {
    margin-left: -10px;
    color: #002c83;
  }

  .hero-content3 h3 {
    margin-bottom: 0;
    font-size: 30px;
  }

  .hero-content3 h3 br {
    display: none;
  }

  .hero-content2 h3 span {
    font-size: 80px;
    margin-left: 10px;
  }

  .hero-contents h4 {
    font-size: 35px;
    margin-top: 15px;
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
  }

  .hero-contents h4 br {
    display: none;
  }


  .hero-contents h4:before {
    content: "";
    background: url(../../assets/images/icon-hero2.png) center center;
    background-size: 150px;
    position: absolute;
    width: 150px;
    height: 180px;
    left: -220px;
    bottom: -130px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 12.5s;
    animation-name: anim_po2;
  }

  @keyframes anim_po2 {
    0% {
      bottom: -130px;
      left: -220px;
    }

    50% {
      bottom: -200px;
      left: -220px;
    }

    100% {
      bottom: -420px;
      left: -300px;
    }
  }

  .hero-contents h4:after {
    content: "";
    background: url(../../assets/images/icon-hero3.png) center center;
    background-size: 150px;
    position: absolute;
    width: 150px;
    height: 170px;
    right: -220px;
    bottom: -160px;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    background-repeat: no-repeat;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 10.5s;
    animation-name: anim_po3;
  }

  @keyframes anim_po3 {
    0% {
      bottom: -160px;
    }

    50% {
      bottom: 0px;
    }

    100% {
      bottom: 120px;
    }
  }

  .hero-contents h4 span {
    display: block;
    margin-bottom: 10px;
    color: #dd2022;
  }

  .contact-button {
    background: white;
    display: inline-block;
    padding: 19px 25px;
    border-radius: 50px;
    box-shadow: 2px 2px 3px #b2b1b1;
    transition: all 0.2s;
    position: relative;
  }

  a:hover .contact-button {
    background: #f6f6f6;
    display: inline-block;
    padding: 19px 25px;
    border-radius: 50px;
    box-shadow: 1px 1px 3px #b2b1b1;
    margin-top: 1px;
    margin-left: 1px;
    transition: all 0.2s;
  }

  .contact-button img {
    width: 20px;
    display: inline-block;
  }

  .contact-button p {
    display: inline-block;
    padding-bottom: 1px;
    padding-left: 5px;
    color: #002c83;
  }

  .slider1 li .img-wrapper {
    position: relative;
  }

  .slider1 li img:nth-child(2) {
    position: absolute;
  }

  .target {
    position: relative;
    padding-top: 200px;
    background: #ffd701;
    z-index: 98;
  }

  .target img {
    width: 100%;
    padding: 0 50px;
  }

  .question-inner {
    padding: 0 50px;
    text-align: center;
    margin-top: -70px;
    position: relative;
  }

  .question-inner h2 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #dd2021;
  }

  .question-inner h2 br {
    display: none;
  }

  .question-inner h3 {
    font-size: 30px;
    margin-bottom: 50px;
  }

  .question-inner p {
    max-width: 670px;
    margin: 0 auto;
    line-height: 32px;
    font-size: 16px;
    background: white;
    padding: 30px;
    border-radius: 10px;
  }

  .question-inner p b {
    display: block;
    text-align: right;
    margin-top: 30px;
    font-family: 'myfont';
    color: #012c83;
  }

  .question-inner p br {
    display: none;
  }

  .question-inner p .appear {
    display: block;
  }

  .target-contents-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1150px;
    margin: 0 auto;
    margin-top: 70px;
  }

  .target-conents {
    margin: 0 20px;
    display: flex;
  }

  .target-box {
    border-radius: 20px;
    background: white;
    width: 450px;
    margin-bottom: 50px;
    box-shadow: 2px 1px 5px #cfcfcf;
    padding-bottom: 50px;
    opacity: 0;
  }

  .target-photo {
    height: 300px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
  }

  .target-photo.t1 {
    background: url(../../assets/images/img-target1.png) center center;
    background-size: cover;
  }

  .target-photo.t2 {
    background: url(../../assets/images/img-target2.png) center center;
    background-size: cover;
  }

  .target-photo.t3 {
    background: url(../../assets/images/img-target3.png) center center;
    background-size: cover;
  }

  .target-photo.t4 {
    background: url(../../assets/images/img-target4.png) center center;
    background-size: cover;
  }

  .target-box h4 {
    padding: 35px 0;
    font-size: 23px;
  }

  .target-box p {
    padding: 0 45px 0;
    text-align: left;
    font-size: 15px;
    line-height: 32px;
  }

  .osusume {
    text-align: left;
    padding: 0 45px;
  }

  .osusume .blue {
    background: #0096de;
    border-color: #0096de;
    color: white;
    font-size: 14px;
  }

  .osusume .red {
    background: #dd2021;
    border-color: #dd2021;
    color: white;
    font-size: 14px;
  }

  .osusume .green {
    background: #019655;
    border-color: #019655;
    color: white;
    font-size: 14px;
  }

  .osusume h4 {
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 30px;
    letter-spacing: 1px;
  }

  .osusume h5 {
    display: inline-block;
    font-size: 20px;
    float: right;
    margin-top: -20px;
  }

  .osusume h5 span {
    border-style: none;
    font-size: 35px;
    padding-right: 0;
    margin: 0;
    padding-left: 10px;
  }

  .osusume span {
    font-size: 13px;
    border-width: 1px;
    border-radius: 15px;
    padding: 4px 20px;
    margin-right: 8px;
    color: #1e3994;
    display: inline-block;
    margin-bottom: 10px;
  }

  .strong-title-contents {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 200px 40px 80px;
    max-width: 1400px;
    margin: 0 auto;
  }

  .strong-box:nth-child(1),
  .strong-box:nth-child(3) {
    flex-basis: 30%;
  }

  .strong-box:nth-child(2) {
    flex-basis: 40%;
    text-align: center;
  }

  .strong-box img {
    width: 100%;
  }

  .strong-box h3 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 40px;
    margin-top: 20px;
    letter-spacing: 1px;
    line-height: 38px;
    position: relative;
  }

  .strong-box h3.kirari:after {
    content: "";
    height: 1px;
    width: 1px;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out;
  }

  .strong-box:nth-child(2) img {
    width: 80%;
  }

  .strong-inner {
    text-align: center;
    padding: 0 50px;
  }

  .strong-inner h2 {
    padding: 0 20px;
    text-align: center;
    font-size: 30px;
    display: inline-block;
    background: linear-gradient(transparent 87%, white 10%);
    line-height: 50px;
    position: relative;
  }

  .strong-inner h2 br {
    display: none;
  }

  .strong-inner h2 span b {
    font-size: 100px;
  }

  .strong-inner h2:before {
    content: "";
    background: url(../../assets/images/icon-goodpoint1.png) center center;
    background-size: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    left: -50px;
    top: 20px;
    background-repeat: no-repeat;
  }

  .strong-inner h2:after {
    content: "";
    background: url(../../assets/images/icon-goodpoint2.png) center center;
    background-size: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -30px;
    top: 20px;
    background-repeat: no-repeat;
  }

  .strong-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 50px;
  }

  .strong-content {
    flex-basis: 50%;
    max-width: 400px;
  }

  .strong-content img {
    width: 130px;
    padding-right: 20px;
  }

  .strong-content:nth-child(1) img {
    width: 110px;
  }

  .strong-content:nth-child(3) img {
    margin-left: -9px;
    width: 120px;
  }

  .strong-content-inner {
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 41px;
    text-align: left;
    padding-bottom: 30px;
    padding-right: 20px;
  }

  .strong-content-inner p {
    max-width: 230px;
    color: #1e3994;
    font-family: 'myfont-b';
    line-height: 32px;
    margin-top: 30px;
  }

  .strong {
    padding-bottom: 200px;
  }

  .smart {
    display: none;
  }

  .achivement {
    text-align: center;
    background: #ffc501;
    padding-top: 100px;
  }

  .achivement-inner {
    padding: 0 50px;
  }

  .achivement-inner h2 {
    font-size: 30px;
  }

  .achivement-inner h2 br {
    display: none;
  }

  .slider1 {
    z-index: 2;
    position: relative;
  }

  .achivement-inner small {
    font-size: 13px;
    vertical-align: top;
    display: inline-block;
    padding-top: 10px;
  }

  .achivement-inner p {
    padding: 40px 0 0;
    line-height: 35px;
    font-size: 16px;
  }

  .achivement-inner p br {
    display: none;
  }

  .achivement-inner p .appear {
    display: block;
  }

  .achivement-inner img {
    width: 100%;
    margin-bottom: -40px;
  }

  .slider1 li {
    margin: 0 150px;
  }

  .slider1 li img {
    width: 90%;
  }

  .plan {
    margin-top: -100px;
    background: #ffd801;
    padding-top: 400px;
    margin-bottom: 100px;
    position: relative;
  }

  .dokan {
    position: absolute;
    width: 92%;
    padding-left: 240px;
    padding-top: 0px;
    margin-top: -20px;
  }

  .plan-inner {
    padding: 0 50px;
    text-align: center;
  }

  .plan-inner img {
    width: 500px;
  }

  .reflection {
    position: relative;
    display: inline-block;
  }

  .reflection.kirari:after {
    content: "";
    height: 1px;
    width: 1px;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out;
  }

  .plan-contents h2 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 50px;
    position: relative;
  }

  .plan-contents h2 br {
    display: none;
  }

  .plan-box-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .plan-box {
    flex-basis: calc(33% - 40px);
    margin: 20px;
    background: white;
    max-width: 270px;
    border-radius: 20px;
    box-shadow: 1px 1px 5px #bebebe;
    position: relative;
    padding-bottom: 30px;
    opacity: 0;
  }

  .plan-box img {
    width: 100%;
  }

  .plan-box h3 {
    padding: 20px 5px;
    color: white;
    font-size: 20px;
    border-radius: 20px 20px 0 0;
  }

  .plan-box:nth-child(1) h3 {
    background: linear-gradient(to right, #2ba5e3, #184ba2);
  }

  .plan-box:nth-child(2) h3 {
    background: linear-gradient(to right, #26b472, #0c551f);
  }

  .plan-box:nth-child(3) h3 {
    background: linear-gradient(to right, #dd0322, #b41a7a);
  }

  .plan-box h4 {
    font-size: 20px;
    padding: 35px 0;
    color: #2B2B2B;
    letter-spacing: 3px;
  }

  .plan-box h4 span {
    font-size: 35px;
    margin: 0 0 0 5px;
    letter-spacing: 1px;
  }

  .plan-box h4 small {
    display: block;
    font-size: 13px;
    font-family: "myfont";
    margin-top: 5px;
    letter-spacing: 1px;
  }

  .plan-box b {
    padding: 0px 20px;
    text-align: left;
    line-height: 23px;
    font-weight: normal;
    display: block;
    font-size: 13px;
  }

  .plan-box h5 {
    border-width: 2px;
    margin: 20px 20px 25px;
    border-radius: 5px;
    padding: 15px 5px;
    line-height: 24px;
    min-height: 115px;
    letter-spacing: -1px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'myfont-bold';
  }

  .plan-box:nth-child(1) h5 {
    border-color: #ccedf9;
    color: #00a5e3;
  }

  .plan-box:nth-child(2) h5 {
    border-color: #ccede1;
    color: #019655;
  }

  .plan-box:nth-child(3) h5 {
    border-color: #f8cdd3;
    color: #dd2022;
  }

  .detail-button {
    width: calc(100% - 20px);
    height: 40px;
    border-radius: 0 50px 50px 0;
  }

  .detail-button.blue {
    background: #0096de;
  }

  .detail-button.blue:hover {
    background: #25adec;
  }

  .detail-button.green {
    background: #019655;
  }

  .detail-button.green:hover {
    background: #1ba167;
  }

  .detail-button.red {
    background: #dd2022;
  }

  .detail-button.red:hover {
    background: #f15053;
  }

  .detail-button p {
    color: white;
    font-size: 15px;
    line-height: 40px;
    text-align: left;
    padding-left: 30px;
  }

  .detail-button p img {
    width: 10px;
    float: right;
    margin-right: 20px;
    margin-top: 13px;
  }

  .plan-box .plan-no1 {
    position: absolute;
    top: -40px;
    left: -30px;
    width: 90px;
    transform: rotate(-60deg);
    transition: 3s;
    animation: roll 3s infinite;
  }

  @keyframes roll {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(10deg);
    }

    100% {
      transform: rotate(0deg);
    }
  }

  .under-line {
    font-size: 26px;
    margin-top: 60px;
    line-height: 45px;
    position: relative;
    display: inline-block;
  }

  .under-line:before {
    content: "";
    background: url(../../assets/images/icon-plan-human1.png) center center;
    background-size: 200px;
    position: absolute;
    width: 200px;
    height: 200px;
    left: -140px;
    top: -80px;
    background-repeat: no-repeat;
    animation: flash step-end 2.2s infinite;
  }

  @keyframes flash {

    0%,
    100% {
      background: url(../../assets/images/icon-plan-human1-2.png) center center;
      background-size: 200px;
      position: absolute;
      width: 200px;
      height: 200px;
      left: -140px;
      top: -80px;
      background-repeat: no-repeat;
    }

    50% {
      background: url(../../assets/images/icon-plan-human1.png) center center;
      background-size: 200px;
      position: absolute;
      width: 200px;
      height: 200px;
      left: -140px;
      top: -80px;
      background-repeat: no-repeat;
    }
  }

  .under-line:after {
    content: "";
    background: url(../../assets/images/icon-plan-human2.png) center center;
    background-size: 210px;
    position: absolute;
    width: 210px;
    height: 210px;
    right: -140px;
    top: -80px;
    background-repeat: no-repeat;
    animation: flash2 step-end 2.2s infinite;
  }

  @keyframes flash2 {

    0%,
    100% {
      background: url(../../assets/images/icon-plan-human2.png) center center;
      background-size: 210px;
      position: absolute;
      width: 210px;
      height: 210px;
      right: -140px;
      top: -80px;
      background-repeat: no-repeat;
    }

    50% {
      background: url(../../assets/images/icon-plan-human2-1.png) center center;
      background-size: 210px;
      position: absolute;
      width: 210px;
      height: 210px;
      right: -140px;
      top: -80px;
      background-repeat: no-repeat;
    }
  }

  .under {
    background: linear-gradient(transparent 80%, white 10%);
  }

  .plan-detail {
    padding-top: 350px;
    z-index: 2;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .plan-detail::-webkit-scrollbar {
    background: #fda500;
    width: 5px;
    height: 5px;
  }

  .plan-detail::-webkit-scrollbar-thumb {
    background-color: #002c83;
  }

  .plan-detail::-webkit-scrollbar-thumb:hover {
    background-color: #002c83;
  }

  .plan-detail table {
    margin: 0 auto;
  }

  .plan-detail-inner {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .plan-detail-inner::-webkit-scrollbar {
    background: #fda500;
    width: 5px;
    height: 5px;
  }

  .plan-detail-inner::-webkit-scrollbar-thumb {
    background-color: #002c83;
  }

  .plan-detail-inner::-webkit-scrollbar-thumb:hover {
    background-color: #002c83;
  }

  .plan-detail table td {
    min-width: 210px;
    margin: 0 10px 0 0;
    min-height: 50px;
    background: white;
    margin-bottom: 2px;
    padding-bottom: 15px;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 22px;
  }

  .plan-detail table td b {
    font-size: 25px;
    margin-left: 5px;
    padding: 20px 0;
  }

  .plan-detail table td small {
    display: block;
  }

  .plan-detail table .blue-box {
    background: linear-gradient(to right, #2ba5e3, #184ba2);
    padding: 20px 10px;
    color: white;
    border-radius: 20px 20px 0 0;
    margin-bottom: 0;
  }

  .plan-detail table .green-box {
    background: linear-gradient(to right, #26b472, #0c551f);
    padding: 20px 10px;
    color: white;
    border-radius: 20px 20px 0 0;
    margin-bottom: 0;
  }

  .plan-detail table .red-box {
    background: linear-gradient(to right, #dd0322, #b41a7a);
    padding: 20px 10px;
    color: white;
    border-radius: 20px 20px 0 0;
    margin-bottom: 0;
  }

  .plan-detail table tr {
    display: inline-flex;
  }

  .bottom-radius {
    border-radius: 0 0 20px 20px;
  }

  .repair {
    display: block;
    text-align: right;
    max-width: 960px;
    margin-top: 10px;
  }

  .plan-detail table th {
    background: white;
    color: #3e56a3;
    width: 200px;
    margin-bottom: 2px;
    text-align: center;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .plan-detail table th span {
    vertical-align: middle;
  }

  .radius {
    border-radius: 20px 20px 0 0;
  }

  .teacher {
    background: url(../../assets/images/icon-question.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: right;
    padding-top: 100px;
    margin-top: -150px;
  }

  .teacher-inner h2 {
    text-align: center;
  }

  .teacher-inner h2 img {
    height: 170px;
  }

  .teacher-inner {
    padding-top: 150px;
  }

  .teacher-contents {
    display: flex;
    margin-top: 50px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 150px;
  }

  .teacher-box {
    flex-basis: 50%;
    padding: 20px 40px 50px 20px;
    max-width: 400px;
    line-height: 30px;
  }

  .teacher-box h3 {
    display: inline-block;
    font-family: 'myfont-bold';
  }

  .teacher-box .under {
    font-size: 24px;
    background: linear-gradient(transparent 75%, white 57%);
  }

  .teacher-box h4 {
    font-size: 18px;
    padding: 10px 0;
    font-family: 'myfont-bold';
  }

  .teacher-box p {
    font-size: 14px;
    line-height: 28px;
  }

  .okigaru {
    padding: 0 50px;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
  }

  .okigaru h2 {
    display: inline-block;
    background: linear-gradient(to right, #2ba5e3, #184ba2);
    color: white;
    padding: 20px 60px;
    font-size: 18px;
    letter-spacing: 2px;
    border-radius: 20px 20px 0 0;
  }

  .plan-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    max-width: 910px;
    margin: 0 auto;
  }

  .time-limit.blue {
    border-radius: 20px;
    border-width: 3px;
    border-color: #2ba5e3;
    padding: 10px 25px;
    height: 40px;
    margin-bottom: 10px;
    line-height: 12px;
  }

  .time-limit.blue span:nth-child(1) {
    height: 34px;
    display: inline-block;
    background: #2aa5e4;
    line-height: 34px;
    margin-top: -10px;
    margin-left: -25px;
    padding-left: 25px;
    border-radius: 20px 0 0 20px;
    margin-right: 5px;
    padding-right: 15px;
    color: white;
  }

  .time-limit.blue span:nth-child(2) {
    background: white;
    color: #2B2B2B;
    line-height: 34px;
    margin-top: -10px;
    padding-right: 15px;
    border-radius: 0 20px 20px 0;
    padding-left: 10px;
    height: 34px;
    display: inline-block;
    margin-left: -5px;
    margin-right: -25px;
  }

  .okigaru-contents {
    background: white;
    border-radius: 0 20px 20px 20px;
    padding: 50px;
    width: 910px;
    margin: 0 auto;
  }

  .okigaru-contents h3 {
    font-size: 20px;
    margin-bottom: 50px;
    position: relative;
    margin-left: 40px;
  }

  .okigaru-contents h3:before {
    content: "";
    background: url(../../assets/images/icon-okigaru.png) center center;
    background-size: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    left: -55px;
    top: -10px;
    background-repeat: no-repeat;
  }

  .plan-contents-wrapper {
    display: flex;
    justify-content: center;
  }

  .okigaru-box h4 {
    color: #2B2B2B;
    margin-bottom: 10px;
    font-size: 16px;
    display: inline-block;
  }

  .okigaru-box h4 small {
    display: inline-block;
  }


  .okigaru-box-wrapper {
    border-width: 2px;
    padding: 40px 30px;
    border-color: #2eb1e6;
    border-radius: 10px;
  }

  .okigaru-box-wrapper a {
    color: #dd2021;
  }

  .okigaru-box-wrapper img {
    width: 210px;
  }

  .okigaru-box-wrapper small {
    display: block;
    margin-top: 20px;
    width: 210px;
    line-height: 21px;
  }

  .okigaru-box h3 {
    font-size: 18px;
    line-height: 35px;
    margin-top: 10px;
    color: #2B2B2B;
    padding-left: 50px;
    margin-left: 0;
  }

  .okigaru-box h3:before {
    background: none;
  }

  .okigaru-box h3 span {
    background: linear-gradient(transparent 80%, #fcd804 10%);
    font-family: 'myfont-bold';
  }

  .okigaru-box p {
    padding-left: 50px;
  }

  .okigaru-box-detail {
    display: flex;
    flex-wrap: wrap;
    padding-left: 50px;
    margin-top: 13px;
    max-width: 600px;
  }

  .okigaru-box-detail a p {
    flex-basis: calc(50% - 20px);
    margin: 0px 10px 10px 0;
    padding: 20px 10px;
    text-align: center;
    color: #445ea9;
    border-radius: 10px;
    font-family: 'myfont-b';
    font-size: 16px;
    border-width: 3px;
    border-style: solid;
    min-width: 200px;
  }

  .okigaru-box-detail a p:hover {
    background: #f2f2f2;

  }

  .okigaru-box-detail a:nth-child(1) p {
    border-color: #64b7e9;
    color: #64b7e9;
  }

  .okigaru-box-detail a:nth-child(2) p {
    border-color: #E40153;
    color: #E40153;
  }

  .okigaru-box-detail a:nth-child(3) p {
    border-color: #B7B7B7;
    color: #B7B7B7;
  }

  .okigaru-box-detail a:nth-child(4) p {
    border-color: #6A3906;
    color: #6A3906;
  }

  .contact-plan-button {
    display: inline-block;
    border-width: 2px;
    border-radius: 30px;
    color: #294399;
    padding: 15px 20px 15px 30px;
    position: absolute;
    right: 40px;
    bottom: 0;
    line-height: 26px;
    box-shadow: 1px 1px 3px #a2a2a2;
  }

  .futu-box .futu-box-detail-content p {
    font-size: 14px;
    line-height: 32px;
    margin-bottom: -10px;
    font-family: 'myfont-b';
  }

  a:hover .contact-plan-button {
    right: 41px;
    bottom: -1px;
    line-height: 26px;
    box-shadow: 0px 0px 3px #a2a2a2;
  }

  .contact-plan-button img {
    width: 25px;
  }

  .contact-plan-button p img {
    width: 8px;
    margin-left: 20px;
    margin-bottom: 6px;
  }

  .contact-plan-button p {
    display: inline-block;
    padding-left: 5px;
    padding-top: 0 !important;
  }

  .okigaru-contents .plan-contents-wrapper {
    position: relative;
    padding-bottom: 80px;
  }

  .okigaru-contents small {
    display: block;
    margin-top: 20px;
    line-height: 20px;
  }

  .futu {
    padding: 0 50px;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 80px;
  }

  .futu h2 {
    display: inline-block;
    background: linear-gradient(to right, #26b472, #0c551f);
    color: white;
    padding: 20px 60px;
    font-size: 18px;
    letter-spacing: 2px;
    border-radius: 20px 20px 0 0;
  }

  .time-limit.green {
    border-radius: 20px;
    border-width: 3px;
    border-color: #019655;
    padding: 10px 25px;
    height: 40px;
    margin-bottom: 10px;
    line-height: 12px;
  }

  .time-limit.green span:nth-child(1) {
    height: 34px;
    display: inline-block;
    background: #019655;
    line-height: 34px;
    margin-top: -10px;
    margin-left: -25px;
    padding-left: 25px;
    border-radius: 20px 0 0 20px;
    margin-right: 5px;
    padding-right: 15px;
    color: white;
  }

  .time-limit.green span:nth-child(2) {
    background: white;
    color: #2B2B2B;
    line-height: 34px;
    margin-top: -10px;
    padding-right: 15px;
    border-radius: 0 20px 20px 0;
    padding-left: 10px;
    height: 34px;
    display: inline-block;
    margin-left: -5px;
    margin-right: -25px;
  }

  .futu-contents {
    background: white;
    border-radius: 0 20px 20px 20px;
    padding: 50px;
    position: relative;
    width: 910px;
    margin: 0 auto;
  }

  .futu-contents h3 {
    font-size: 20px;
    position: relative;
    margin-left: 40px;
    color: #177c4f;
  }

  .futu-contents h4 {
    margin-bottom: 70px;
    font-size: 30px;
    line-height: 34px;
    color: #167c4f;
    margin-top: 10px;
    margin-left: 40px;
  }

  .futu-contents h3:before {
    content: "";
    background: url(../../assets/images/icon-futu.png) center center;
    background-size: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    left: -55px;
    top: 10px;
    background-repeat: no-repeat;
  }

  .futu-box h4 {
    color: #2B2B2B;
    margin-bottom: 10px;
    font-size: 16px;
  }

  .futu-box h4 span {
    font-family: 'myfont';
  }

  .futu-box-wrapper {
    border-width: 2px;
    padding: 40px 30px;
    border-color: #019655;
    border-radius: 10px;
    margin-top: 10px;
  }

  .futu-box-wrapper a {
    color: #dd2021;
  }

  .futu-box-wrapper img {
    width: 205px;
  }

  .futu-contents .futu-box-wrapper small {
    display: block;
    margin-top: 20px;
    width: 205px;
    line-height: 21px;
    font-family: 'myfont';
    font-size: 12px;
  }

  .futu-contents .hosoku {
    font-size: 13px;
    font-family: 'myfont';
    margin-top: 20px;
  }

  .futu-box h3 {
    font-size: 18px;
    line-height: 35px;
    margin-top: -10px;
    color: #2B2B2B;
    padding-left: 50px;
    margin-left: 0;
    margin-bottom: 40px;
    margin-right: -20px;
  }

  .futu-contents .futu-box-detail-content-inner small {
    font-size: 12px;
    font-family: 'myfont';
    margin-top: 20px;
  }

  .futu-box h3:before {
    background: none;
  }

  .futu-box h3 span {
    background: linear-gradient(transparent 80%, #fcd804 10%);
    font-size: 18px;
    font-family: 'myfont-bold';
  }

  .futu-box p {
    padding-bottom: 10px;
    font-family: 'myfont';
    letter-spacing: 1px;
    font-size: 16px;
    display: inline-block;
  }

  .futu-box-detail {
    display: flex;
    flex-wrap: wrap;
    padding-left: 80px;
  }

  .futu-box-detail-content-inner.futu3 img {
    width: 215px;
  }

  .futu-box-detail p {
    flex-basis: calc(50% - 20px);
    background: #e3f7ff;
    padding: 20px;
    margin: 10px;
    text-align: center;
    color: #445ea9;
    border-radius: 10px;
    font-family: 'myfont-b';
    display: inline-block;
  }

  .futu-contents .plan-contents-wrapper {
    position: relative;
  }

  .futu-contents small {
    display: inline-block;
    line-height: 20px;
    text-align: left;
    font-size: 14px;
    font-family: 'myfont-b';
  }

  .futu-box-detail-wrapper {
    display: flex;
  }

  .futu-box-detail-wrapper img {
    width: 203px;
  }

  .futu-box-detail-warapper .futu-img {
    width: 200px;
  }

  .futu-box-detail-content {
    margin: 0 30px;
  }

  .futu-box-detail-content-inner {
    text-align: center;
    padding: 40px 20px;
    border-width: 2px;
    border-radius: 10px;
    border-color: #019655;
  }

  .futu-box-detail-content:nth-child(2) {
    margin: 0;
  }

  .contact-plan-button.green {
    right: 50px;
    bottom: 50px;

  }

  a:hover .contact-plan-button.green {
    right: 49px;
    bottom: 49px;
  }

  .honki {
    padding: 0 50px;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 300px;
  }

  .honki h2 {
    display: inline-block;
    background: linear-gradient(to right, #dd0322, #b41a7a);
    color: white;
    padding: 20px 60px;
    font-size: 18px;
    letter-spacing: 2px;
    border-radius: 20px 20px 0 0;
  }

  .time-limit.red {
    border-radius: 20px;
    border-width: 3px;
    border-color: #dd2021;
    padding: 10px 25px;
    height: 40px;
    margin-bottom: 10px;
    line-height: 12px;
  }

  .time-limit.red span:nth-child(1) {
    height: 34px;
    display: inline-block;
    background: #dd2021;
    line-height: 34px;
    margin-top: -10px;
    margin-left: -25px;
    padding-left: 25px;
    border-radius: 20px 0 0 20px;
    margin-right: 5px;
    padding-right: 15px;
    color: white;
  }

  .time-limit.red span:nth-child(2) {
    background: white;
    color: #2B2B2B;
    line-height: 34px;
    margin-top: -10px;
    padding-right: 15px;
    border-radius: 0 20px 20px 0;
    padding-left: 10px;
    height: 34px;
    display: inline-block;
    margin-left: -5px;
    margin-right: -25px;
  }

  .honki-contents {
    background: white;
    border-radius: 0 20px 20px 20px;
    position: relative;
    padding: 50px 50px 50px;
    width: 910px;
    margin: 0 auto;
  }

  .honki-contents h3 {
    font-size: 20px;
    position: relative;
    margin-left: 40px;
    color: #A50017;
  }

  .honki-contents h4 {
    margin-bottom: 70px;
    font-size: 30px;
    line-height: 34px;
    color: #A50017;
    margin-top: 10px;
    margin-left: 40px;
  }

  .honki-contents h3:before {
    content: "";
    background: url(../../assets/images/icon-honki.png) center center;
    background-size: 40px;
    position: absolute;
    width: 40px;
    height: 40px;
    left: -55px;
    top: 10px;
    background-repeat: no-repeat;
  }

  .honki-box h3 br {
    display: none;
  }

  .honki-box h3 .appear {
    display: block;
  }

  .honki-box h4 {
    color: #2B2B2B;
    margin-bottom: 10px;
    font-size: 16px;
  }

  .honki-box h4 span {
    font-family: 'myfont';
  }

  .honki-box-wrapper {
    border-width: 2px;
    padding: 40px 30px;
    border-color: #dd2021;
    border-radius: 10px;
  }

  .honki-box-wrapper a {
    color: #dd2021;
  }

  .honki-box-wrapper img {
    width: 210px;
  }

  .honki-box-wrapper small {
    display: block;
    margin-top: 20px;
    width: 210px;
    line-height: 21px;
  }

  .honki-box h3 {
    font-size: 18px;
    line-height: 35px;
    margin-top: -10px;
    color: #2B2B2B;
    padding-left: 50px;
    margin-left: 0;
    padding-top: 25px;
    margin-right: -20px;
  }

  .honki-box h3:before {
    background: none;
  }

  .honki-box .honki-box-detail-content p {
    font-size: 14px;
  }

  .honki-box h3 span {
    background: linear-gradient(transparent 80%, #fcd804 10%);
    font-size: 18px;
    font-family: 'myfont-bold';
  }

  .honki-box p {
    padding-bottom: 10px;
    font-family: 'myfont';
    letter-spacing: 1px;
    display: inline-block;
  }

  .honki-box-detail {
    display: flex;
    flex-wrap: wrap;
    padding-left: 80px;
  }

  .honki-box-detail-content-inner.honki3 img {
    width: 205px;
  }

  .honki-box-detail p {
    flex-basis: calc(50% - 20px);
    background: #e3f7ff;
    padding: 20px;
    margin: 10px;
    text-align: center;
    color: #445ea9;
    border-radius: 10px;
    font-family: 'myfont-b';
  }

  .honki-contents .plan-contents-wrapper {
    position: relative;
  }

  .honki-box .example-futu {
    margin-top: 50px;
  }

  .honki-box .example-okigaru {
    margin-top: 50px;
  }

  .example-okigaru b {
    margin-right: 50px;
    display: block;
    font-weight: normal;
    font-family: 'myfont-bold';
  }

  .example-okigaru b small {
    font-family: 'myfont';
    font-size: 13px;
    line-height: 24px;
    margin-top: 10px;
  }

  .honki-contents small {
    display: inline-block;
    margin-top: 20px;
    line-height: 20px;
    text-align: left;
    font-size: 14px;
    font-family: 'myfont-b';
    margin-bottom: 10px;
  }

  .honki-contents .hosoku {
    font-size: 13px;
    font-family: 'myfont';
  }

  .honki-box-wrapper small {
    font-family: 'myfont';
    font-size: 12px;
    text-align: justify;
  }

  .honki-contents .honki-box-detail-content-inner small {
    font-family: 'myfont';
    font-size: 12px;
  }

  .honki-box-detail-wrapper {
    display: flex;
  }

  .honki-box-detail-wrapper img {
    width: 210px;
  }

  .honki-box-detail-warapper .honki-img {
    width: 200px;
  }

  .honki-box-detail-content {
    margin: 0 30px;
    display: flex;
    flex-wrap: wrap;
  }

  .honki-box-detail-content-inner {
    text-align: center;
    padding: 40px 20px;
    border-width: 2px;
    border-radius: 10px;
    border-color: #dd2021;
  }

  .honki-tokuten {
    margin-top: 40px;
    padding: 0;
    margin-bottom: 30px;
    display: inline-table;
  }

  .honki-tokuten h3 {
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .honki-tokuten h3:before {
    display: none;
  }

  .honki-tokuten strong {
    display: inline-grid;
    color: white;
    border-radius: 20px;
    width: 250px;
    text-align: center;
    background: linear-gradient(to right, #dd0322, #b41a7a);
    margin: 5px 10px;
    font-family: 'myfont-bold';
    min-height: 70px;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .honki-tokuten strong span {
    display: inline-block;
    font-size: 13px;
    font-family: 'myfont';
    margin-top: -25px;
  }

  .honki-box-detail-content:nth-child(2) {
    margin: 0;
  }

  a:hover .contact-plan-button.red {
    right: 49px;
    bottom: 49px;
  }

  .contact-plan-button.blue {}

  .contact-plan-button.red {
    display: inline-block;
    border-width: 2px;
    border-radius: 30px;
    color: #294399;

    position: absolute;
    right: 50px;
    bottom: 50px;
    line-height: 26px;
  }

  .brand {
    text-align: center;
    background: #002c83 url(../../assets/images/title-couken.png);
    padding-top: 200px;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position-y: 80px;
    background-position-x: center;
    padding-bottom: 115px;
  }

  .brand-inner {
    color: white;
    font-size: 50px;
    padding: 30px 50px 30px;
  }

  .brand-inner h2 {
    color: white;
    position: relative;
    display: inline-block;
  }

  .brand-inner h2.kirari:after {
    content: "";
    height: 1px;
    width: 1px;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out;
  }

  @keyframes reflection {
    0% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0;
    }

    80% {
      -webkit-transform: scale(0) rotate(45deg);
      opacity: 0.5;
    }

    81% {
      -webkit-transform: scale(4) rotate(45deg);
      opacity: 1;
    }

    100% {
      -webkit-transform: scale(50) rotate(45deg);
      opacity: 0;
    }
  }

  .brand-inner ul {
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
    margin-top: 150px;
    display: inline-block;
  }

  .brand-inner ul li {
    display: flex;
    justify-content: flex-start;
    color: white;
    font-size: 20px;
    margin-bottom: 25px;
  }

  .brand-inner ul li br {
    display: none;
  }

  .brand-inner ul li .appear {
    display: none;
  }

  .brand-inner ul li img {
    height: 95px;
    margin-right: 50px;
  }

  .orange {
    color: #fda500;
  }

  .brand-inner ul li p small {
    display: block;
    margin-top: 0;
    margin-left: -7px;
  }

  .brand-inner ul li p {
    line-height: 30px;
    padding-top: 15px;
  }

  .number1 {
    margin-right: 64px !important;
    padding-left: 15px;
    height: 100px !important;
  }

  .number {
    margin-right: 50px !important;
  }

  .brand h3 {
    color: white;
    margin-top: 30px;
    font-size: 30px;
    position: relative;
  }

  .brand h3 br {
    display: none;
  }

  .brand h3 b {
    display: block;
    margin-top: 40px;
    position: sticky;
    z-index: 1;
    font-size: 50px;
    color: #002c83;
  }

  .brand-inner h3 {
    position: absolute;
    left: 0;
    width: 800px;
    right: 0;
    margin: 0 auto;
    bottom: -200px;
  }

  .brand h3 img {
    position: absolute;
    left: 0;
    width: 850px;
    right: 0;
    margin: 0 auto;
    bottom: -218px;
  }

  .voice {
    padding-top: 150px;
    text-align: center;
    padding-bottom: 100px;
  }

  .voice h2 {
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }

  .voice h2 br {
    display: none;
  }

  .voice h2 img {
    height: 50px;
  }

  .voice h2 span {
    font-size: 47px;
  }

  .voice p {
    line-height: 32px;
    font-size: 16px;
    letter-spacing: 1px;
  }

  .voice p br {
    display: none;
  }

  .voice p .appear {
    display: block;
  }

  .voice-contents {
    display: flex;
    margin-top: 30px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .voice-box img {
    width: 100px;
    margin-top: 40px;
  }

  .voice-box {
    flex-basis: calc(50% - 100px);
    background: white;
    margin: 50px;
    padding: 45px 35px 55px;
    border-radius: 20px;
    max-width: 420px;
  }

  .voice-box:nth-child(1) {
    margin-right: 0;
  }

  .voice-photo {
    display: inline-block;
    margin-top: -42px;
  }

  .voice-photo img {
    width: 150px;
  }

  .voice-photo b {
    display: block;
    background: #002c83;
    color: white;
    padding: 6px 15px;
    border-radius: 10px;
    margin-top: -35px;
    z-index: 2;
    position: relative;
    font-weight: normal;
    font-size: 13px;
    width: 168px;
  }

  .voice-box-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -110px;
  }

  .q-box {
    text-align: left;
    margin-top: 15px;
  }

  .q-box img {
    width: 30px;
    margin-top: 0;
  }

  .q-box h3 {
    line-height: 28px;
    font-size: 16px;
  }

  .a-box {
    margin-top: 20px;
    text-align: left;
  }

  .a-box img {
    width: 30px;
    margin-top: 0;
  }

  .a-box h3 {
    line-height: 30px;
    color: #de202a;
    font-size: 16px;
  }

  .a-box p {
    font-size: 15px;
    line-height: 32px;
    margin-top: 10px;
  }

  .flow {
    background: #fcc504;
    padding: 50px;
    text-align: center;
    padding-bottom: 150px;
  }

  .flow-inner {
    background: url(../../assets/images/img-grid.png);
    background-size: 80%;
    background-attachment: fixed;
  }

  .flow h2 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
  }

  .flow h2.kirari:after {
    content: "";
    height: 1px;
    width: 1px;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out;
  }

  .flow-contents-wrapper {
    max-width: 695px;
    margin: 0 auto;
    padding: 20px 20px;
    line-height: 30px;
  }

  .flow-contents {
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 50px;
  }

  .flow-contents p {
    font-size: 16px;
    line-height: 32px;
    text-align: justify;
  }

  .flow-contents img {
    width: 120px;
    margin-right: 30px;
    height: auto;
  }

  .flow-box {
    position: relative;
    border-width: 3px;
    border-style: dashed;
    border-color: #6c7eb9;
    background: white;
    color: #6477b6;
    padding: 35px;
    border-radius: 10px;
  }

  .flow-box img {
    position: absolute;
    width: 80px;
    top: -40px;
    right: -60px;
  }

  .flow-inner {
    text-align: center;
    padding-top: 100px;
  }

  .flow h3 {
    font-size: 30px;
    background: linear-gradient(transparent 80%, white 50%);
    display: inline-block;
    padding: 0 110px;
    padding-bottom: 30px;
    position: relative;
  }

  .flow h3 br {
    display: none;
  }

  .flow h3:before {
    content: "";
    background: url(../../assets/images/icon-flow2.png) center center;
    background-size: 50px;
    position: absolute;
    width: 50px;
    height: 150px;
    left: 25px;
    top: -50px;
    background-repeat: no-repeat
  }

  .flow h3:after {
    content: "";
    background: url(../../assets/images/icon-flow1.png) center center;
    background-size: 40px;
    position: absolute;
    width: 40px;
    height: 150px;
    right: 55px;
    top: -60px;
    background-repeat: no-repeat;
  }

  .qa {
    padding: 150px 50px;
  }

  .qa-inner {
    background: url(../../assets/images/title-answer.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 70px;
  }

  .qa-inner h2 {
    text-align: center;
    font-size: 30px;
    letter-spacing: 10px;
    display: inline-block;
    position: relative;
  }

  .qa-inner h2.kirari:after {
    content: "";
    height: 1px;
    width: 1px;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out;
  }

  .line-contact {
    padding-top: 20px;
    text-align: center;
  }

  .line-contact-inner h2 {
    font-size: 30px;
    margin-bottom: 50px;
    color: #2ac755;
  }

  .line-contact-inner h2 br {
    display: none;
  }

  .line-box {
    max-width: 800px;
    margin: 0 auto;
    border-width: 5px;
    border-radius: 10px;
    border-color: #29c656;
    background: white;
    position: relative;
    display: flex;
    padding: 10px 50px;
    align-items: center;
    justify-content: center;
  }

  .line-box img {
    width: 100px;
  }

  .line-box .smart-line {
    margin-top: -40px;
    width: 80px;
  }

  .line-box h3 {
    color: #03c756;
    line-height: 33px;
    padding: 0 38px;
    font-size: 18px;
  }

  .line-box h3 span {
    color: #2B2B2B;
    font-family: 'myfont';
    font-size: 16px;
  }

  .line-contact-inner {
    padding-bottom: 35px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-us {
    padding-top: 150px;
    padding-bottom: 150px;
    position: relative;
  }

  .contact-us-inner {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    position: relative;
  }

  .dokan2 {
    position: absolute;
    right: 0;
    width: 100%;
    margin-top: -100px;
    padding-right: 50px;
  }

  .contact-us h2 {
    text-align: center;
    font-size: 30px;
    background: linear-gradient(transparent 75%, white 10%);
    display: inline-block;
    margin-bottom: 20px;
  }

  .attend {
    margin-top: 50px;
    text-align: left;
    border-bottom-width: 2px;
    padding-bottom: 40px;
    border-style: dashed;
    border-color: #807f53;
  }

  .contact-dl {
    display: flex;
    margin-bottom: 5px;
    align-items: center;
  }

  .contact-dl dt {
    margin-right: 20px;
    min-width: 150px;
  }

  .contact-dl dd input {
    background: white;
    padding: 6px 20px;
    width: 550px;
    border-radius: 5px;
  }

  .attend.attend-last {
    border-bottom-width: 0;
  }

  .attend h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .contact-us .attend-box h4 {
    font-size: 15px;
    margin: 0;
    text-align: left;
  }

  .attend .attend-contents {
    display: flex;
    justify-content: space-between;
    padding-right: 40px;
  }

  .attend-box h4 {
    color: #2B2B2B;
    margin-bottom: 20px;
  }

  .attend-box ul li {
    line-height: 25px;
    margin-bottom: 5px;
  }

  .attend table {
    margin-top: 20px;
    width: 100%;
  }

  .attend table th,
  .attend table td {
    border-bottom-width: 2px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-style: dashed;
    border-color: #fcce05;
  }

  .attend h3 span {
    font-family: 'myfont';
    font-size: 13px;
    padding-left: 20px;
    vertical-align: revert;
    color: #2B2B2B;
  }

  .attend b {
    padding: 20px 20px 0 0;
    display: inline-block;
    font-weight: normal;
  }

  .send-button {
    background: #1d3994;
    color: white;
    display: inline-block;
    border-radius: 50px;
    padding: 20px 40px;
    margin-top: 50px;
    box-shadow: 1px 1px 3px #bebdbd;
  }

  .send-button img {
    width: 8px;
    margin-left: 20px;
    padding-bottom: 1px;
  }

  .contact-us small {
    display: block;
    margin-top: 10px;
  }

  .contact-us h4 {
    text-align: center;
    margin-top: 70px;
    font-size: 26px;
    line-height: 45px;
  }

  .column {
    padding-top: 150px;
    background: #fcc504;
    text-align: center;
    padding-bottom: 150px;
    position: relative;
  }

  .dokan3 {
    position: absolute;
    width: 90px;
    top: 50%;
  }

  .dokan4 {
    position: absolute;
    height: 90px;
    bottom: 0;
    right: 150px;
  }

  .column h2 {
    font-size: 30px;
  }

  .column h2 br {
    display: none;
  }

  .column h2 small {
    font-size: 14px;
    color: #2B2B2B;
    background: white;
    display: inline-block;
    padding: 10px 15px;
    font-family: 'myfont';
    border-radius: 50px;
    vertical-align: bottom;
    margin-left: 50px;
  }

  .column-wrapper {
    padding: 0 50px;
    max-width: 1300px;
    margin: 0 auto;
  }

  .column-contents {
    background: url(../../assets/images/title-info.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 130px;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }

  .column-inner {
    flex-basis: calc(33% - 50px);
  }

  .column-photo {
    width: 100%;
    height: 200px;
    background: white;
    border-radius: 20px;
  }

  .column-box {
    padding: 0 20px;
    padding-bottom: 50px;
    min-width: 350px;
  }

  .column-box p {
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0 10px;
  }

  .column-box b {
    margin-top: 10px;
    display: block;
    font-size: 13px;
    color: #012c83;
  }

  .column-box h3 {
    margin-top: 15px;
    font-family: 'myfont';
    color: #2B2B2B;
    font-size: 16px;
  }

  .column-box img {
    height: 6px;
  }

  .company {
    text-align: center;
    color: white;
    background: #1d3994;
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .company-inner {
    padding: 50px;
    max-width: 600px;
    margin: 0 auto;
  }

  .company h2 {
    color: white;
    font-size: 30px;
    margin-bottom: 70px;
  }

  .company table {
    text-align: left;
    font-size: 14px;
    margin: 0 auto;
  }

  .company table th {
    min-width: 100px;
  }

  .company table th,
  .company table td {
    padding-bottom: 15px;
    line-height: 25px;
  }

  footer {
    text-align: center;
    padding: 100px 50px 80px;
    position: relative;
  }

  .footer-banner a br {
    display: none;
  }

  .footer-banner .bubbly-button .footer-button {
    height: 32px;
    margin: -5px;
    margin-right: 15px;
    margin-top: -7px;
  }

  .footer-banner {
    bottom: 0;
    text-align: center;
    width: calc(100% - 270px);
    background: linear-gradient(88deg, #dd0322, #b01b81);
    right: 0;
    color: white;
    position: fixed;
    z-index: 2;
    padding: 10px 18px;
    animation: change-color-anim 20s linear infinite;
  }

  @keyframes change-color-anim {
    0% {
      -webkit-filter: hue-rotate(0deg);
      filter: hue-rotate(0deg);
    }

    100% {
      -webkit-filter: hue-rotate(360deg);
      filter: hue-rotate(360deg);
    }
  }

  .address-block.header_type {}

  .footer-banner .bubbly-button img {
    height: 10px;
    vertical-align: middle;
    display: inline-block;
    padding-left: 20px;
    margin-top: 0px;
  }

  footer img {
    height: 75px;
    width: auto;
    margin-bottom: 15px;
  }

  footer h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  footer h2 br {
    display: none;
  }

  footer h3 {
    font-size: 27px;
    margin-bottom: 50px;
  }

  .footer-stamp {
    margin-top: 100px;
    font-size: 12px;
  }

  .backtotop {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 3;
  }

  .bubbly-button {
    font-family: "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    padding: 7px 7px;
    -webkit-appearance: none;
    appearance: none;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
    font-weight: bold;
    letter-spacing: 1.5px;
    width: 100%;
    display: inline-block;
  }

  .bubbly-button:focus {
    outline: 0;
  }

  .bubbly-button:before,
  .bubbly-button:after {
    position: absolute;
    content: "";
    display: block;
    width: 140%;
    height: 100%;
    left: -20%;
    z-index: -1000;
    transition: all ease-in-out 0.5s;
    background-repeat: no-repeat;
  }

  .bubbly-button:before {
    display: none;
    top: -75%;
    background-image: radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, transparent 20%, #b71874 20%, transparent 30%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, transparent 10%, #b71874 15%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%);
    background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
  }

  .bubbly-button:after {
    display: none;
    bottom: -75%;
    background-image: radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, transparent 10%, #b71874 15%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%), radial-gradient(circle, #b71874 20%, transparent 20%);
    background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
  }

  .bubbly-button:active {
    transform: scale(0.9);
  }

  .bubbly-button.animate:before {
    display: block;
    animation: topBubbles ease-in-out 0.75s forwards;
  }

  .bubbly-button.animate:after {
    display: block;
    animation: bottomBubbles ease-in-out 0.75s forwards;
  }

  @keyframes topBubbles {
    0% {
      background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
    }

    50% {
      background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
    }

    100% {
      background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
      background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
  }

  @keyframes bottomBubbles {
    0% {
      background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
    }

    50% {
      background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
    }

    100% {
      background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
      background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
    }
  }

  .page-title {
    min-height: 320px;
    width: 100%;
    position: relative;
    text-align: center;
  }

  .page-title h1 {
    display: inline-block;
    position: relative;
    margin-top: 100px;
    font-size: 40px;
    color: white;
    letter-spacing: 3px;
  }

  .page-title h1 br {
    display: none;
  }

  .page-title h1 .appear {
    display: block;
  }

  .page-inner {
    position: relative;
    height: 360px;
  }

  .page-title h1 .under {
    padding: 0 50px;
  }

  .page-title.greeting h1 .under {
    background: linear-gradient(transparent 70%, #ff9e00 10%);
  }

  .page-title h1 img {
    height: 50px;
    margin-top: 20px;
  }

  .page-title.greeting {
    background: url(../../assets/images/img-greeting-back.png);
    background-size: 100%;
    background-repeat: repeat;
  }

  .page-title.greeting .page-inner:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-greeting1.png);
    background-size: 210px;
    background-repeat: no-repeat;
    left: 20px;
    top: 20px;
    width: 210px;
    height: 210px;
  }

  .page-title.greeting .page-inner:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-greeting2.png);
    background-size: 100px;
    background-repeat: no-repeat;
    right: 50px;
    bottom: 30px;
    width: 100px;
    height: 100px;
  }

  .greeting {
    line-height: 30px;
    margin-bottom: 200px;
  }

  .greeting .greeting-president-photo {
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 80px;
  }

  .greeting .greeting-president-photo img {
    width: 100%;
  }

  .greeting h2 {
    font-size: 25px;
    color: #fb9d01;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 60px;
  }

  .greeting p {
    max-width: 800px;
    margin: 0 auto;
  }

  .sign-content p {
    font-size: 16px;
  }

  .sign-content h3 {
    font-size: 20px;
    color: #2B2B2B;
    font-weight: normal;
    padding-bottom: 50px;
  }

  .sign-content {
    text-align: right;
    background: url(../../assets/images/title-kiryu.png);
    background-size: 170px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 40px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 50px;
  }

  .page-title.contact h1 .under {
    background: linear-gradient(transparent 70%, #ac0018 10%);
  }

  .page-title.contact {
    background: url(../../assets/images/img-contact-back.png);
    background-size: 100%;
    background-repeat: repeat;
  }

  .page-title.contact .page-inner:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-contact1.png);
    background-size: 210px;
    background-repeat: no-repeat;
    left: 20px;
    top: 20px;
    width: 210px;
    height: 210px;
  }

  .page-title.contact .page-inner:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-contactimg-contact-back2.png);
    background-size: 100px;
    background-repeat: no-repeat;
    right: 50px;
    bottom: 30px;
    width: 100px;
    height: 100px;
  }

  .line-contact.under-page {
    background: #fcc504;
    padding: 100px 0;
  }

  .contact-page {
    text-align: center;
    margin-top: 70px;
    line-height: 30px;
  }

  .contact-page-inner h5 img {
    width: 100%;
  }

  .contact-page-inner h5 {
    padding: 50px 20px 10px;
  }

  .cp-banner-contents {
    max-width: 800px;
    margin: 0 auto;
  }

  .cp-banner-contents p {
    padding: 0 20px 50px;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
  }

  .cp-banner-sidebar img {
    width: calc(100% + 55px);
    max-width: 500px;
  }

  .cp-banner-sidebar {
    margin-top: 20px;
    margin-bottom: -20px;
    z-index: 999;
    position: relative;
  }


  .cp-banner-sidebar h5 span {
    position: fixed;
    right: 5px;
    top: 5px;
  }

  .contact-page-inner h3 img {
    height: 110px;
  }

  .contact-page-inner h3 {
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .contact-page-img-contents {
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
  }

  .contact-img {
    margin: 0 -50px;
    width: 300px
  }

  .contact-img img {
    width: 100%;
  }

  .page-title.contact h1 .under {
    background: linear-gradient(transparent 70%, #ac0018 10%);
  }

  .page-title.contact {
    background: url(../../assets/images/img-contact-back.png);
    background-size: 100%;
    background-repeat: repeat;
  }

  .page-title.contact .page-inner:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-contact1.png);
    background-size: 210px;
    background-repeat: no-repeat;
    left: 20px;
    top: 20px;
    width: 210px;
    height: 210px;
  }

  .page-title.contact .page-inner:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-contact2.png);
    background-size: 100px;
    background-repeat: no-repeat;
    right: 50px;
    bottom: 30px;
    width: 100px;
    height: 100px;
  }

  .page-title.okigaru h1 {
    width: 100%;
  }

  .page-title.okigaru h1 .under {
    background: linear-gradient(transparent 70%, #ac0018 10%);
  }

  .page-title.okigaru {
    background: url(../../assets/images/img-okigaru-back.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 380px;
    width: calc(100% - 80px);
    position: relative;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 80px;
    background-position: inherit;
    border-radius: 10px;
  }

  .page-title.okigaru .page-inner:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-okigaru1.png);
    background-size: 250px;
    background-repeat: no-repeat;
    left: -100px;
    top: -100px;
    width: 250px;
    height: 250px;
  }

  .page-title.okigaru .page-inner:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-okigaru2.png);
    background-size: 250px;
    background-repeat: no-repeat;
    right: 0px;
    bottom: -224px;
    width: 250px;
    height: 250px;
  }

  .okigaru-page {
    min-height: 100px;
    background: white;
    border-radius: 10px 10px 0 0;
    margin: 0 50px;
    margin-top: 110px;
  }

  .okigaru-icon-main {
    text-align: center;
  }

  .okigaru-icon-main img {
    width: 150px;
    margin-top: -50px;
  }

  .okigaru-page h2 {
    text-align: center;
    margin-top: 50px;
    font-size: 40px;
    color: #2ba5e3;
    margin-bottom: 10px;
  }

  .okigaru-page p {
    text-align: center;
    font-size: 16px;
    line-height: 32px;
  }

  .okigaru-page p b {
    font-family: 'myfont-b';
    font-weight: normal;
  }

  .okigaru-page p br {
    display: none;
  }

  .okigaru-page p .appear {
    display: block;
  }

  .okigaru-page h4 br {
    display: none;
  }

  .okigaru-page h4 .appear {
    display: block;
  }

  .okigaru-page h2 span {
    font-size: 18px;
    color: white;
    background: #2ba5e3;
    display: inline-block;
    margin-left: 20px;
    padding: 6px 20px;
    vertical-align: top;
    margin-top: 10px;
    border-radius: 10px;
    font-family: auto;
  }

  .okigaru-page-price-contents {
    display: flex;
    justify-content: center;
    padding: 50px 50px 20px;
    flex-wrap: wrap;
  }

  .okigaru-page-price-box {
    display: flex;
    align-items: flex-end;
    padding: 0 10px;
    min-width: 390px;
  }

  .okigaru-small-price {
    writing-mode: vertical-rl;
    font-size: 31px;
    color: #1d3994;
    font-family: 'myfont-b';
    margin-right: 10px;
    margin-bottom: 0px;
    letter-spacing: 3px;
  }

  .okigaru-small-maney {
    font-size: 92px;
    font-family: 'myfont-b';
    color: #dd0322;
    margin-right: 10px;
    margin-bottom: -9px;
  }

  .okigaru-small-en small {
    display: block;
    color: #1d3994;
    font-size: 14px;
  }

  .okigaru-small-en b {
    display: block;
    color: #1d3994;
    font-size: 31px;
    font-family: 'myfont-b';
  }

  .okigaru-small-img img {
    width: 100%;
  }

  .okigaru-small-img {
    width: 130px;
    margin-right: 20px;
  }

  .okigaru-nenbarai b {
    font-size: 20px;
    color: #1d3994;
    font-family: 'myfont-b';
  }

  .okigaru-nenbarai p {
    font-size: 14px;
    color: #1d3994;
    display: inline-block;
  }

  .okigaru-nenbarai h3 {
    font-size: 40px;
    color: #dd0322;
    font-family: 'myfont-b';
    margin-top: -14px;
  }

  .okigaru-nenbarai h3 span {
    font-size: 22px;
    color: #1d3994;
    font-family: 'myfont-b';
    margin-left: 5px;
  }

  .okigaru-page-point {
    text-align: center;
  }

  .okigaru-page-point small {
    border-style: solid;
    border-width: 2px;
    padding: 7px 15px 5px;
    margin: 0 3px 10px 3px;
    border-radius: 50px;
    color: #1c3a94;
    font-size: 15px;
    display: inline-block;
    height: 35px;
    vertical-align: text-bottom;
  }

  .okigaru-page-point small span {
    font-family: 'myfont-b';
    font-size: 26px;
    margin: 0 2px 0 6px;
    line-height: 10px;
  }


  .okigaru-second-contents {
    margin-top: 100px;
    text-align: center;
  }

  .other-company img {
    width: 500px;
  }

  .other-company {
    margin-bottom: 40px;
  }

  .okigaru-second-contents h4 {
    font-size: 25px;
    line-height: 50px;
    margin-bottom: 40px;
  }

  .okigaru-second-contents h4 br {
    display: none;
  }

  .okigaru-second-contents h4 .appear {
    display: block;
  }

  .okigaru-second-contents h4 .under {
    background: linear-gradient(transparent 70%, #fcd804 10%);
  }

  .okigaru-six-contents p br {
    display: none;
  }

  .okigaru-six-contents p {
    padding: 20px;
  }

  .okigaru-six-contents p .appear {
    display: block;
  }

  .okigaru-seven-contents p br {
    display: none;
  }

  .okigaru-seven-contents p {
    padding: 0 20px;
  }

  .okigaru-seven-contents p .appear {
    display: block;
  }

  .okigaru-second-contents p {
    font-size: 16px;
    max-width: 1100px;
    text-align: center;
    line-height: 32px;
    padding: 0 20px;
  }

  .okigaru-third-contents {
    margin-top: 170px;
    text-align: center;
    margin-bottom: 200px;
  }

  .okigaru-page-small-title h3 {
    display: inline-block;
    font-size: 22px;
    background: #2ba5e3;
    padding: 13px 30px;
    color: white;
    border-radius: 5px;
    min-width: 250px;
    text-align: center;
    font-family: 'myfont-bold';
  }

  .okigaru-seven-contents h4 {
    text-align: center;
    margin-top: 50px;
  }

  .okigaru-seven-contents h6 {
    color: #04A5E3;
    max-width: 300px;
    margin: 0 auto;
    padding: 20px;
    font-size: 16px;
  }

  .okigaru-seven-contents h6 img {
    width: 100px;
    padding-bottom: 3px;
    margin: 0 10px;
    display: inline-block;
  }

  .okigaru-seven-contents h6 span {
    font-size: 35px;
  }

  .okigaru-seven-contents h4 img {
    height: 180px;
    margin-bottom: -150px;
  }

  .okigaru-demo-contents-small {
    border-width: 2px;
    border-color: #f8b616;
    border-radius: 30px;
    margin: 0 30px;
    margin-top: 30px;
    padding: 0 20px 30px;
    box-shadow: 0 2px 5px #c4c4c4;
  }

  .okigaru-demo-contents-small h5 {
    font-size: 18px;
    line-height: 45px;
    color: #ff7600;
    background: white;
    width: 235px;
    margin: 0 auto;
    margin-top: -25px;
  }

  .okigaru-demo-contents-small ul {
    text-align: left;
    padding-left: 40px;
    line-height: 32px;
    margin-top: 5px;
    color: #ff2700;
    font-size: 16px;
  }

  .okigaru-demo-contents-small ul li {
    position: relative;
    margin-bottom: 5px;
  }

  .okigaru-demo-contents-small ul li:before {
    content: "";
    position: absolute;
    background: url(../../assets/images/icon-demo2-li.png);
    background-size: 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    left: -30px;
    top: 5px;
  }

  .okigaru-demo-box strong {
    margin-top: 25px;
    display: block;
  }

  .okigaru-demo-box strong img {
    width: 30px;
  }






  .okigaru-page-small-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
  }

  .okigaru-fifth-contents strong {
    font-family: 'myfont-b';
  }

  .okigaru-page-small-title img {
    height: 8px;
    margin: 0 20px;
  }

  .okigaru-third-boxes {
    text-align: left;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 50px;
  }

  .okigaru-third-boxes h5 {
    font-size: 18px;
    color: #1d3994;
    margin-bottom: 3px;
    position: relative;
  }

  .okigaru-third-boxes h5:before {
    content: "";
    position: absolute;
    left: -27px;
    top: 4px;
    width: 20px;
    height: 20px;
    background: url(../../assets/images/icon-check.png);
    background-size: 20px;
    background-repeat: no-repeat;
  }

  .okigaru-third-boxes p {
    text-align: left;
    margin-bottom: 30px;
    font-size: 15px;
  }

  .okigaru-forth-contents {
    margin-bottom: 200px;
  }

  .okigaru-forth-contents h4 {
    font-size: 25px;
    text-align: center;
    line-height: 45px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 0 20px;
  }

  .okigaru-fifth-contents b {
    font-family: 'myfont-bold';
    font-size: 22px;
    line-height: 25px;
    background: #f8b616;
    color: white;
    padding: 10px 20px;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    display: flex;
    margin-top: -30px;
    margin-left: -25px;
    align-items: center;
    justify-content: center;
  }

  .okigaru-fifth-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .okigaru-fifth-box {
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 4px 7px #cfcfcf;
    max-width: 250px;
    padding: 0 10px 30px;
    margin: 0 15px 60px;
  }

  .okigaru-fifth-boxes.n2 {
    margin-top: -100px;
  }

  .okigaru-fifth-box img {
    width: 80px;
    margin-top: -60px;
  }

  .okigaru-fifth-box h4 {
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 15px !important;
    letter-spacing: 1px;
    color: #ff9d01;
  }

  .okigaru-fifth-box strong {
    font-family: 'myfont-b';
  }

  .okigaru-table {
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 10px;
  }

  .okigaru-table::-webkit-scrollbar {
    background: #fda500;
    width: 5px;
    height: 5px;
  }

  .okigaru-table::-webkit-scrollbar-thumb {
    background-color: #002c83;
  }

  .okigaru-table::-webkit-scrollbar-thumb:hover {
    background-color: #002c83;
  }

  .okigaru-fifth-box p {
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    padding: 0 20px;
  }

  .okigaru-six-contents table {
    width: 855px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
  }

  .okigaru-six-contents table th,
  .okigaru-six-contents table td {
    padding: 10px 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #e5e5e5;
  }

  .okigaru-six-contents table th b {
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
  }

  .okigaru-six-contents table th h6 {
    margin-top: 2px;
    font-size: 25px;
  }

  .okigaru-six-contents table th .red {
    margin-top: 2px;
    font-size: 19px;
  }

  .okigaru-six-contents table th .no-red {
    margin-top: 2px;
    font-size: 19px;
  }

  .okigaru-six-contents table th h6 span {
    font-size: 15px;
  }

  .okigaru-six-contents table th h6 small {
    font-size: 13px;
    font-family: 'myfont';
    margin-left: 10px;
  }

  .big-red {
    font-size: 19px;
    color: #dd2021;
    font-family: 'myfont-b';
  }

  .okigaru-six-contents table td {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }

  .okigaru-six-contents table tr:nth-child(1) th:nth-child(1) {
    background: white;
    border-style: none;
  }

  .okigaru-six-contents table tr:nth-child(1) th:nth-child(2) {
    background: linear-gradient(to right, #2ba5e3, #184ba2);
    color: white;
    border-radius: 20px 20px 0 0;
    border-style: none solid none none;
    padding: 20px 20px 10px;
    border-color: white;
    height: 100px;
    vertical-align: bottom;
    min-width: 185px;
  }

  .okigaru-six-contents table tr:nth-child(1) th:nth-child(3) {
    background: linear-gradient(to right, #26b472, #0c551f);
    color: white;
    border-radius: 20px 20px 0 0;
    border-style: none solid none none;
    padding: 20px 20px 10px;
    border-color: white;
    height: 100px;
    vertical-align: bottom;
    min-width: 185px;
  }

  .okigaru-six-contents table tr:nth-child(1) th:nth-child(4) {
    background: linear-gradient(to right, #dd0322, #b41a7a);
    color: white;
    border-radius: 20px 20px 0 0;
    border-style: none;
    padding: 20px 20px 10px;
    height: 100px;
    vertical-align: bottom;
    min-width: 185px;
  }

  .okigaru-six-contents table tr:nth-child(2) td:nth-child(2),
  .okigaru-six-contents table tr:nth-child(2) td:nth-child(3),
  .okigaru-six-contents table tr:nth-child(2) td:nth-child(4) {
    border-top-style: none;
  }

  .okigaru-six-contents table tr:nth-child(1) th h4 {
    color: white;
    font-size: 17px;
    margin-bottom: 10px;
    font-family: 'myfont';
    text-align: center;
  }

  .okigaru-six-contents table tr:nth-child(1) th h5 {
    color: white;
    font-size: 15px;
    text-align: center;
    font-family: 'myfont';
    margin-top: -5px;
  }

  .okigaru-six-contents table tr:nth-child(1) th h5 span {
    color: white;
    font-size: 28px;
    margin-left: 10px;
    margin-right: 3px;
  }

  .okigaru-six-contents table tr:nth-child(1) th small {
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 3px;
  }

  .okigaru-six-contents {
    margin-bottom: 160px;
  }

  .okigaru-demo-dammy {}

  .okigaru-demo-contents {
    display: flex;
    margin-top: 40px;
    justify-content: center;
    position: relative;
    padding-bottom: 540px;
    flex-wrap: wrap;
  }

  .okigaru-demo-box img {
    width: 350px;
  }

  .okigaru-demo-box {
    text-align: center;
    margin: 0 20px;
    max-width: 400px;
    position: relative;
    margin-top: 200px;
  }

  .okigaru-demo-box h4 {
    background: #2ba5e3;
    color: white;
    width: 310px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'myfont';
  }

  .okigaru-demo-box h4 img {
    width: 15px;
    margin: 0 20px;
  }

  .okigaru-demo-box p {
    margin-top: 30px;
    font-size: 16px;
    padding: 0 30px;
    text-align: left;
  }

  .okigaru-demo-add {
    border-width: 2px;
    border-radius: 30px;
    border-color: #2ba5e3;
    max-width: 340px;
    margin: 0 auto;
    margin-top: 25px;
    box-shadow: 0 2px 5px #c4c4c4;
  }

  .okigaru-demo-add h5 {
    font-size: 18px;
    color: #2ba5e3;
    background: white;
    padding: 0 30px;
    display: block;
    margin: 0 auto;
    margin-top: -10px;
    width: 230px;
    margin-bottom: 30px;
  }

  .okigaru-demo-add ul {
    text-align: left;
    padding: 0 30px;
    color: #304a9d;
    font-size: 16px;
    padding-bottom: 20px;
  }

  .okigaru-demo-add ul li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
  }

  .okigaru-demo-add ul li:before {
    content: "";
    position: absolute;
    background: url(../../assets/images/icon-demo-li.png);
    background-size: 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    left: 0;
    top: -2px;
  }

  .thema-wrapper {
    display: block;
    position: absolute;
    bottom: -315px;
  }

  .okigaru-demo-box b {
    color: white;
    width: 310px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'myfont';
    display: block;
    box-shadow: 1px 1px 5px rgb(144 144 144);
  }

  .okigaru-demo-box b:hover {
    font-size: 17px;
    transition: all 0.5s 0s ease;
    padding: 19.5px;
  }

  .kawaii-btn b {
    background: #DD0322;
  }

  .simple-btn b {
    background: #B7B7B7
  }

  .pop-btn b {
    background: #42A7E4;
  }

  .kokyu-btn b {
    background: #6A3906;
  }

  .okigaru-demo-box b img {
    width: 8px;
    margin: 0 2px 0 50px;
  }


  .okigaru-demo-contents .contact-plan-button {
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 265px;
    bottom: 100px;
    border-style: none;
  }

  .okigaru-demo-contents a:hover .contact-plan-button {
    right: -1px;
    left: -1px;
    bottom: 100px;
  }

  .okigaru-wanted {
    background: url(../../assets/images/img-okigaru-page-back.png);
    background-size: cover;
    color: white;
    text-align: center;
    padding: 100px 20px;
    border-radius: 0 0 10px 10px;
    margin: 0 50px;
    margin-bottom: 100px;
  }

  .okigaru-wanted h2 {
    font-size: 25px;
    margin-bottom: 50px;
    color: white;
  }

  .okigaru-wanted p {
    line-height: 32px;
    font-size: 16px;
    font-family: 'myfont';
  }

  .okigaru-wanted p br {
    display: none;
  }

  .okigaru-wanted p .appear {
    display: block;
  }

  .contact-page-wrapper {
    max-width: 700px;
    margin: 0 auto;
  }

  .contact-form table {
    max-width: 1100px;
    margin: 0 auto;
  }

  .contact-form table th {
    width: 200px;
    font-family: 'myfont-bold';
    min-height: 60px;
    display: flex;
    align-items: center;
  }

  .contact-form table td {
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
  }

  .contact-form table td input,
  .contact-form table td textarea {
    background: white;
    padding: 7px 10px;
    border-radius: 5px;
    width: 100%;
  }

  .client-type,
  .contact-order {
    width: auto !important;
  }

  .contact-form table .zizai input {
    width: 100%;
  }

  .gp-contact__prybacy__context {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 80px;
    text-align: left;
    font-size: 14px;
    line-height: 23px;
    height: 300px;
    margin-bottom: 30px;
    background: white;
    padding: 20px;
    border-radius: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
  }

  .gp-contact__prybacy__context::-webkit-scrollbar {
    background: #fda500;
    width: 5px;
    height: 5px;
  }

  .gp-contact__prybacy__context::-webkit-scrollbar-thumb {
    background-color: #002c83;
  }

  .gp-contact__prybacy__context::-webkit-scrollbar-thumb:hover {
    background-color: #002c83;
  }

  .contact-must {
    color: white;
    background: #DD0322;
    border-radius: 5px;
    font-size: 12px;
    padding: 0 5px;
    line-height: 20px;
    margin-left: 5px;
    font-family: 'myfont';
  }

  .contact-form h3 {
    text-align: left;
    max-width: 700px;
    margin: 0 auto;
    display: block;
    margin-top: 80px;
  }

  .contact-textarea-us textarea {
    width: 700px;
    background: white;
    border-radius: 5px;
    text-align: left;
    padding: 10px;
  }

  .check-td .mwform-checkbox-field {
    margin-left: 0 !important;
    display: block;
  }

  .contact-order,
  .client-type {
    position: relative;
    top: -0.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer;
    margin-top: 4px;
  }

  .contact-form .contact-button {
    background: #1d3994;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 50px;
    box-shadow: 2px 2px 3px #b2b1b1;
    transition: all 0.2s;
    position: relative;
    color: white;
    width: 200px;
    margin-bottom: 0;
  }

  .contact-order:before,
  .client-type:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border: 2px solid #ffffff;
  }

  .contact-order:checked:before,
  .client-type:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 0.5rem;
    border-color: #009688;
    border-top-style: none;
    border-right-style: none;
  }

  .contact-order:after,
  .client-type:after {
    content: "";
    position: absolute;
    top: -0.255rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: #fff;
    cursor: pointer;
    margin-top: 4px;
  }

  .mwform-checkbox-field.horizontal-item {
    margin-right: 20px;
  }

  .contact-captcha input {
    background: white;
    border-radius: 5px;
    height: 40px;
    width: 200px;
    text-align: center;
    padding: 2px 5px;
    margin-top: 10px;
  }

  .contact-captcha {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .contact-captcha img {
    margin-bottom: 30px;
  }

  .contact-info {
    display: block;
    margin-top: 10px;
    padding-bottom: 200px;
  }

  .contact-info br {
    display: none;
  }

  /******************************************************* 投稿ページのデザイン */
  .single_detail h1 {
    line-height: 40px;
    font-size: 28px;
    font-family: 'myfont-b';
    color: #2b2b2b;
    letter-spacing: 1px;
    margin-bottom: 50px;
  }

  .single_detail h2 {
    background: #f4f4f4;
    padding: 10px 20px;
    color: #2b2b2b;
    font-size: 23px;
    font-family: 'myfont-b';
    line-height: 40px;
    letter-spacing: 1px;
    margin-bottom: 30px;
  }

  .single_detail h3 {
    font-size: 20px;
    font-family: 'myfont-b';
    line-height: 30px;
    color: #2b2b2b;
    border-left-style: solid;
    border-left-width: 5px;
    padding-left: 15px;
    border-color: #ff7b01;
  }

  .single_detail h4 {
    font-size: 16px;
    font-family: 'myfont-b';
    color: #2b2b2b;
    line-height: 40px;
  }

  .single_detail p {
    padding: 0 0 10px 0;
    font-size: 16px;
  }

  .single_detail ul li {
    font-size: 16px;
    line-height: 32px;
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
  }

  .single_detail ul li:before {
    content: "●";
    position: absolute;
    font-size: 10px;
    color: #ff7b01;
    left: 0;
    top: 1px;
  }

  .single_detail ol {
    margin-left: 16px;
  }

  .single_detail ol li {
    font-size: 16px;
    line-height: 32px;
    position: relative;
    padding-left: 20px;
    counter-increment: title;
    margin-bottom: 10px;
  }

  .single_detail ol li:before {
    content: counter(title);
    position: absolute;
    font-size: 25px;
    color: #ff7b01;
    left: -15px;
    top: 0px;
    font-family: "myfont-b";
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-position: under;
  }

  .news-category {
    margin: 60px 0;
    border-style: dotted;
    border-width: 0 0 6px 0;
    border-color: #FF6F00;
    padding: 10px;
    display: inline-block;
  }

  .news-category.list {
    margin: 60px 0;
    padding: 10px;
    display: inline-block;
    background: white;
    border-radius: 15px;
    border-width: 3px;
    border-color: #fda500;
    border-style: solid;
  }

  .news-category h3 {
    color: #FF6F00;
    font-family: "myfont";
  }

  .news-category span {
    border-style: solid;
    border-width: 2px;
    border-color: #dddddd;
    border-radius: 7px;
    padding: 4px 25px;
    margin: 15px;
    display: inline-block;
  }

  /******************************************************* 投稿ページのデザイン 終 */


  .order-page {
    padding: 80px 50px;
    text-align: center;
    line-height: 32px;
  }

  .order-page-point {
    background: white;
    padding: 30px;
    margin-top: 30px;
    border-radius: 20px;
  }

  .order-page b {
    color: #dd2022;
  }

  .order-page p br,
  .order-page b br {
    display: none;
  }

  .order-page p .appear,
  .order-page b .appear {
    display: block;
  }

  .google-form-wrapper {
    margin-top: 50px;
    background: white;
    border-radius: 20px;
    padding: 50px;
  }

  .google-form-inner {
    overflow-x: auto;
    overflow-y: hidden;
  }

  .google-form-inner::-webkit-scrollbar {
    background: #fda500;
    width: 5px;
    height: 5px;
  }

  .google-form-inner::-webkit-scrollbar-thumb {
    background-color: #002c83;
  }

  .google-form-inner::-webkit-scrollbar-thumb:hover {
    background-color: #002c83;
  }

  .google-form-inner iframe {
    width: 750px;
  }

  .page-title.order h1 .under {
    background: linear-gradient(transparent 70%, #01166e 10%);
  }

  .page-title.order {
    background: url(../../assets/images/img-order-back.png);
    background-size: 100%;
    background-repeat: repeat;
  }

  .page-title.order .page-inner:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-order1.png);
    background-size: 210px;
    background-repeat: no-repeat;
    left: 20px;
    top: 20px;
    width: 210px;
    height: 210px;
  }

  .page-title.order .page-inner:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-order2.png);
    background-size: 100px;
    background-repeat: no-repeat;
    right: 50px;
    bottom: 30px;
    width: 100px;
    height: 100px;
  }

  .page-title.colum h1 .under {
    background: linear-gradient(transparent 70%, #FF5800 10%);
  }

  .page-title.colum {
    background: url(../../assets/images/img-colum-back.png);
    background-size: 100%;
    background-repeat: repeat;
  }

  .page-title.colum .page-inner:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-colum1.png);
    background-size: 210px;
    background-repeat: no-repeat;
    left: 20px;
    top: 20px;
    width: 210px;
    height: 210px;
  }

  .page-title.colum .page-inner:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-colum2.png);
    background-size: 100px;
    background-repeat: no-repeat;
    right: 50px;
    bottom: 30px;
    width: 100px;
    height: 100px;
  }

  .column-page {
    padding: 80px 50px;
    text-align: center;
    line-height: 32px;
    max-width: 1300px;
    margin: 0 auto;
  }

  .common-archive__pager {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 200px;
    margin-top: 60px;
  }

  .common-archive__pager ul li {
    display: inline-block;
    background: white;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #ff9300;
    margin: 10px 8px;
  }

  .common-archive__pager li:has(.current) {
    background: #032d83;
  }

  .common-archive__pager ul li a {
    padding: 15px 21px;
  }

  .common-archive__pager ul li:has(.next) {
    width: 150px;
    background: #ff9300;
    color: white;
    box-shadow: 2px 2px 4px #dfbd00;
    margin-left: 50px;
  }

  .common-archive__pager ul li:has(.prev) {
    width: 150px;
    background: #ff9300;
    color: white;
    box-shadow: 2px 2px 4px #dfbd00;
    margin-right: 50px;
  }

  .related-contents {
    margin-bottom: 150px;
    text-align: center;
  }

  .related-contents h2 {
    text-align: center;
    font-family: 'myfont-b';
    line-height: 45px;
    font-size: 25px;
  }

  .column-contents-single {
    text-align: left;
    background: white;
    padding: 60px 50px;
    border-radius: 20px;
  }

  .news_content_cat {
    color: #ff6f00;
    font-size: 16px;
    line-height: 32px;
    font-family: 'myfont-bold';
    margin-bottom: 25px;
  }

  .control_area {
    display: flex;
    justify-content: space-around;
    margin-top: 80px;
    font-family: 'myfont-b';
    align-items: center;
  }

  .control-prev {
    background: #ff9300;
    padding: 10px 20px;
    border-radius: 50px;
    color: white;
    font-family: 'myfont';
    font-size: 15px;
    box-shadow: 2px 2px 6px #dfbd00;
    margin-right: 50px;
    width: 170px;
  }

  .control-after {
    background: #ff9300;
    padding: 10px 20px;
    border-radius: 50px;
    color: white;
    font-family: 'myfont';
    font-size: 15px;
    box-shadow: 2px 2px 6px #dfbd00;
    margin-left: 50px;
    width: 170px;
  }

  .only-inner {
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 150px;
    text-align: center;
  }

  .only h2 {
    font-size: 30px;
    position: relative;
    display: inline-block;
    text-align: left;
    margin-bottom: 50px;
  }

  .only h2:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-only-content.png);
    background-size: 150px;
    background-repeat: no-repeat;
    right: -80px;
    top: -40px;
    width: 210px;
    height: 210px;
  }

  .only img {
    height: 80px;
    margin-right: 5px;
  }

  .only h2 span {
    display: block;
    margin-top: 15px;
    font-size: 40px;
  }

  .only {
    margin-top: 50px;
    line-height: 32px;
    font-size: 16px;
  }

  .example-futu {
    padding-left: 30px;
  }

  .example-okigaru {
    padding-left: 50px;
    margin-top: 30px;
  }

  .example-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
    padding-right: 50px;
    position: relative;
  }

  .example-wrapper span {
    margin-top: 8px;
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    padding: 7px 10px;
    border-radius: 5px;
    border-color: #e6e6e6;
    font-size: 13px;
    margin-right: 10px;
    cursor: nw-resize;
    width: 130px;
    text-align: center;
  }

  .scheme {
    margin: 0 auto;
    max-width: 900px;
    margin-top: 250px;
    text-align: center;
  }

  .scheme h2 {
    font-size: 80px !important;
    line-height: 45px;
    color: #002c83 !important;
    margin-bottom: 70px !important;
    position: relative;
    margin-left: -200px;
    display: inline-block;
    margin-top: 0 !important;
  }

  .scheme h2:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-choice.png);
    background-size: 200px;
    background-repeat: no-repeat;
    right: -140px;
    top: -100px;
    width: 210px;
    height: 210px;
    animation: flash-5 step-end 2.2s infinite;

  }

  @keyframes flash-5 {

    0%,
    100% {
      background: url(../../assets/images/icon-choice-ura.png) center center;
      background-size: 200px;
      background-repeat: no-repeat;
      right: -140px;
      top: -100px;
      width: 210px;
      height: 210px;
      background-repeat: no-repeat;
    }

    50% {
      background: url(../../assets/images/icon-choice.png) center center;
      background-size: 200px;
      background-repeat: no-repeat;
      right: -140px;
      top: -100px;
      width: 210px;
      height: 210px;
      background-repeat: no-repeat;
    }
  }

  .scheme h2 .appear {
    display: none;
  }

  .scheme h2 span {
    font-size: 80px !important;
    font-family: 'myfont-b' !important;
    background: transparent !important;
    color: #dd2022 !important;
    margin: 0;
    padding: 0 !important;
  }

  .scheme h4 img {
    height: 115px;
  }

  .okigaru-forth-contents .scheme_inner {
    max-width: 770px;
    margin: 0 auto;
    padding-bottom: 10px;
  }

  .scheme_inner {
    display: flex;
    align-items: center;
    border-color: #002c83;
    margin: 0 auto;
    margin: 10px 20px 20px;
    border-style: dotted;
    border-width: 0 0 7px 0;
  }

  .scheme_inner h4 {
    width: 300px;
    font-size: 20px;
    color: #019655;
    margin: 0;
  }

  .scheme_inner p {
    text-align: left;
    font-size: 16px;
    padding-top: 25px;
    font-family: 'myfont-b';
  }

  .css-fukidashi {
    padding: 0;
    margin: 0;
  }

  .fukidashi {
    display: none;
    position: absolute;
    top: -90px;
    left: 0;
    padding: 16px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 13px !important;
    line-height: 20px;
    padding-left: 20px !important;
    font-family: 'myfont';
    letter-spacing: 0;
    border-width: 2px;
    border-style: solid;
    font-weight: normal;
  }

  .okigaru .fukidashi {
    background: #00a5e2;
  }

  .futu .fukidashi {
    background: #00a569;
  }

  .honki .fukidashi {
    background: #e74701;
  }

  .fukidashi:after {
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    bottom: -20px;
    margin-left: 10px;
    border: solid transparent;
    border-color: rgba(51, 204, 153, 0);
    border-width: 10px;
    pointer-events: none;
    content: " ";
  }

  .okigaru .fukidashi:after {
    border-top-color: rgb(0 165 226);
  }

  .honki .fukidashi:after {
    border-top-color: rgb(231 70 2);
  }

  .futu .fukidashi:after {
    border-top-color: rgb(0 165 105);
  }

  .okigaru .text:hover {
    color: #00a5e2;
  }

  .futu .text:hover {
    color: #00a569;
  }

  .honki .text:hover {
    color: #dd2022;
  }

  .text:hover+.fukidashi {
    display: block;
  }

  .text {
    position: relative;
  }

  .futu .example-wrapper {}

  .honki .example-wrapper {}

  .css-fukidashi p {
    display: none;
  }

  .footer-button {
    animation-duration: 1s;
    animation: rotation 2s infinite;
  }

  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(-5deg);
    }

    100% {
      transform: rotate(0deg);
    }
  }

  .Nav-fire {
    display: none;
  }

  .fa-fire {
    display: none;
  }

  canvas {
    display: none;
  }
































  .okigaru-forth-fifth-contents h4 {
    text-align: center;
    margin-top: -65px;
  }

  .okigaru-forth-fifth-contents h4 img {
    height: 110px;
  }

  .choice-tmp-wrapper {
    padding: 5px 50px 130px;
    max-width: 900px;
    margin: 0 auto;
  }

  .choice-tmp-kawaii {
    border-width: 3px;
    border-radius: 10px;
    border-color: #e40153;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 210px;
    margin-bottom: 33px;
  }

  .choice-tmp-kawaii img {
    position: absolute;
    width: 70px;
    left: -40px;
    bottom: -13px;
  }

  .choice-tmp-simple img {
    position: absolute;
    width: 70px;
    left: -40px;
    bottom: -13px;
  }

  .choice-tmp-pop img {
    position: absolute;
    width: 60px;
    left: -20px;
    bottom: -13px;
  }

  .choice-tmp-higrade img {
    position: absolute;
    width: 53px;
    left: -30px;
    bottom: -13px;
  }

  .choice-tmp-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .choice-tmp-left {
    flex-basis: 30%;
    text-align: center;
  }

  .choice-tmp-left h5 {
    font-size: 33px;
    line-height: 32px;
    font-family: 'myfont-b';
  }

  .choice-tmp-kawaii .choice-tmp-left h5 {
    color: #dd0322;
  }

  .choice-tmp-simple .choice-tmp-left h5 {
    color: #b7b7b7;
  }

  .choice-tmp-pop .choice-tmp-left h5 {
    color: #42a7e4;
  }

  .choice-tmp-higrade .choice-tmp-left h5 {
    color: #6a3906;
  }

  .choice-tmp-right {
    flex-basis: 70%;
  }

  .choice-tmp-right p {
    font-size: 14px;
    text-align: left;
    line-height: 27px;
  }

  .choice-tmp-simple {
    border-width: 3px;
    border-radius: 10px;
    border-color: #b7b7b7;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 210px;
    margin-bottom: 33px;
  }

  .choice-tmp-pop {
    border-width: 3px;
    border-radius: 10px;
    border-color: #64b7e9;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 210px;
    margin-bottom: 33px;
  }

  .choice-tmp-higrade {
    border-width: 3px;
    border-radius: 10px;
    border-color: #6a3906;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 210px;
    margin-bottom: 50px;
  }

  .okigaru-fifth-contents h4 {
    text-align: center;
    margin-top: -65px;
  }

  .okigaru-fifth-contents h4 img {
    height: 110px;
  }

  .okigaru-six-contents h4 {
    text-align: center;
    margin-top: -65px;
  }

  .okigaru-six-contents h4 img {
    height: 110px;
  }

  .page-title.futu h1 {
    width: 100%;
  }

  .page-title.futu h1 .under {
    background: linear-gradient(transparent 70%, #ac0018 10%);
  }

  .page-title.futu {
    background: url(../../assets/images/img-futu-back.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 380px;
    width: calc(100% - 80px);
    position: relative;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 80px;
    background-position: inherit;
    border-radius: 10px;
  }

  .page-title.futu .page-inner:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-okigaru1.png);
    background-size: 250px;
    background-repeat: no-repeat;
    left: -100px;
    top: -100px;
    width: 250px;
    height: 250px;
  }

  .page-title.futu .page-inner:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-okigaru2.png);
    background-size: 250px;
    background-repeat: no-repeat;
    right: 0px;
    bottom: -224px;
    width: 250px;
    height: 250px;
  }

  .futu-page {
    min-height: 100px;
    background: white;
    border-radius: 10px 10px 0 0;
    margin: 0 50px;
    margin-top: 110px;
  }

  .futu-icon-main {
    text-align: center;
  }

  .futu-icon-main img {
    width: 150px;
    margin-top: -50px;
  }

  .futu-page h2 {
    text-align: center;
    margin-top: 50px;
    font-size: 40px;
    color: #22a569;
    margin-bottom: 10px;
  }

  .futu-page p {
    text-align: center;
    font-size: 16px;
    line-height: 32px;
  }

  .futu-page p b {
    font-family: 'myfont-b';
    font-weight: normal;
  }

  .futu-page p br {
    display: none;
  }

  .futu-page p .appear {
    display: block;
  }

  .futu-page h4 br {
    display: none;
  }

  .futu-page h4 .appear {
    display: block;
  }

  .futu-page h2 span {
    font-size: 18px;
    color: white;
    background: #22a569;
    display: inline-block;
    margin-left: 20px;
    padding: 6px 20px;
    vertical-align: top;
    margin-top: 10px;
    border-radius: 10px;
    font-family: auto;
  }

  .futu-page-price-contents {
    display: flex;
    justify-content: center;
    padding: 50px 50px 20px;
    flex-wrap: wrap;
  }

  .futu-page-price-box {
    display: flex;
    align-items: flex-end;
    padding: 0 10px;
    min-width: 390px;
  }

  .futu-small-price {
    writing-mode: vertical-rl;
    font-size: 31px;
    color: #1d3994;
    font-family: 'myfont-b';
    margin-right: 10px;
    margin-bottom: 0px;
    letter-spacing: 3px;
  }

  .futu-small-maney {
    font-size: 92px;
    font-family: 'myfont-b';
    color: #dd0322;
    margin-right: 10px;
    margin-bottom: -9px;
  }

  .futu-small-en small {
    display: block;
    color: #1d3994;
    font-size: 14px;
  }

  .futu-small-en b {
    display: block;
    color: #1d3994;
    font-size: 31px;
    font-family: 'myfont-b';
  }

  .futu-small-img img {
    width: 100%;
  }

  .futu-small-img {
    width: 130px;
    margin-right: 20px;
  }

  .futu-nenbarai b {
    font-size: 20px;
    color: #1d3994;
    font-family: 'myfont-b';
  }

  .futu-nenbarai p {
    font-size: 14px;
    color: #1d3994;
    display: inline-block;
  }

  .futu-nenbarai h3 {
    font-size: 40px;
    color: #dd0322;
    font-family: 'myfont-b';
    margin-top: -13px;
  }

  .futu-nenbarai h3 span {
    font-size: 22px;
    color: #1d3994;
    font-family: 'myfont-b';
    margin-left: 5px;
  }

  .futu-page-point {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
  }

  .futu-page-point small {
    border-style: solid;
    border-width: 2px;
    padding: 7px 15px 5px;
    margin: 0 3px 10px 3px;
    border-radius: 50px;
    color: #1c3a94;
    font-size: 15px;
    display: inline-block;
    height: 35px;
    vertical-align: text-bottom;
  }

  .futu-page-point small span {
    font-family: 'myfont-b';
    font-size: 26px;
    margin: 0 2px 0 6px;
    line-height: 10px;
  }

  .futu-second-contents {
    margin-top: 80px;
    text-align: center;
  }

  .futu-second-contents h4 {
    font-size: 25px;
    line-height: 50px;
    margin-bottom: 50px;
    color: #177c4f;
  }

  .futu-second-contents h4 br {
    display: none;
  }

  .futu-second-contents h4 .appear {
    display: block;
  }

  .futu-second-contents h4 .under {
    background: linear-gradient(transparent 70%, #fcd804 10%);
  }

  .futu-six-contents p br {
    display: none;
  }

  .futu-six-contents p {
    padding: 20px;
  }

  .futu-six-contents p .appear {
    display: block;
  }

  .futu-seven-contents p br {
    display: none;
  }

  .futu-seven-contents p .appear {
    display: block;
  }

  .futu-second-contents p {
    font-size: 16px;
    max-width: 1100px;
    text-align: center;
    line-height: 32px;
    padding: 0 20px;
  }

  .futu-third-contents {
    margin-top: 200px;
    text-align: center;
    margin-bottom: 200px;
  }

  .futu-page-small-title h3 {
    display: inline-block;
    font-size: 22px;
    background: #22a569;
    padding: 13px 30px;
    color: white;
    border-radius: 5px;
    min-width: 250px;
    text-align: center;
    font-family: 'myfont-bold';
  }

  .futu-seven-contents h4 {
    text-align: center;
    margin-top: 80px;
  }

  .futu-seven-contents h6 {
    background: #22a569;
    color: white;
    max-width: 300px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 2px 3px 3px #e0e0e0;
  }

  .futu-seven-contents h6 img {
    width: 13px;
    padding-bottom: 3px;
    margin: 0 10px;
  }

  .futu-seven-contents h6 span {
    font-size: 22px;
  }

  .futu-seven-contents h4 img {
    height: 220px;
  }

  .futu-demo-contents-small {
    border-width: 2px;
    border-color: #f8b616;
    border-radius: 30px;
    margin: 0 30px;
    margin-top: 30px;
    padding: 0 20px 30px;
    box-shadow: 0 2px 5px #c4c4c4;
  }

  .futu-demo-contents-small h5 {
    font-size: 18px;
    line-height: 45px;
    color: #ff7600;
    background: white;
    width: 235px;
    margin: 0 auto;
    margin-top: -25px;
  }

  .futu-demo-contents-small ul {
    text-align: left;
    padding-left: 40px;
    line-height: 32px;
    margin-top: 5px;
    color: #ff2700;
    font-size: 16px;
  }

  .futu-demo-contents-small ul li {
    position: relative;
    margin-bottom: 5px;
  }

  .futu-demo-contents-small ul li:before {
    content: "";
    position: absolute;
    background: url(../../assets/images/icon-demo2-li.png);
    background-size: 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    left: -30px;
    top: 5px;
  }

  .futu-demo-box strong {
    margin-top: 50px;
    display: block;
  }

  .futu-demo-box strong img {
    width: 30px;
  }

  .futu-page-small-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
  }

  .futu-page-small-title img {
    height: 8px;
    margin: 0 20px;
  }

  .futu-third-boxes {
    text-align: left;
    max-width: 500px;
    margin: 0 auto;
    padding: 0 50px;
    line-height: 45px;
    margin-top: 30px;
  }

  .futu-third-contents h4 {
    font-size: 48px;
  }

  .futu-third-boxes h5 {
    font-size: 18px;
    color: #1d3994;
    margin-bottom: 5px;
    position: relative;
  }

  .futu-third-boxes h5:before {
    content: "";
    position: absolute;
    left: -27px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url(../../assets/images/icon-check.png);
    background-size: 20px;
    background-repeat: no-repeat;
  }

  .futu-third-boxes p {
    text-align: left;
    margin-bottom: 30px;
    font-size: 15px;
  }

  .futu-forth-contents {
    margin-bottom: 200px;
  }

  .futu-forth-contents h4 {
    font-size: 25px;
    text-align: center;
    line-height: 45px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 15px;
    padding: 0 20px;
    color: #22a569;
  }

  .futu-fifth-contents b {
    font-family: 'myfont-bold';
    font-size: 22px;
    line-height: 25px;
    background: #f8b616;
    color: white;
    padding: 10px 20px;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    display: flex;
    margin-top: -30px;
    margin-left: -25px;
    align-items: center;
    justify-content: center;
  }

  .futu-fifth-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .futu-fifth-box {
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 4px 7px #cfcfcf;
    max-width: 250px;
    padding: 0 10px 30px;
    margin: 0 15px 60px;
  }

  .futu-fifth-boxes.n2 {
    margin-top: -100px;
  }

  .futu-fifth-box img {
    width: 80px;
    margin-top: -60px;
  }

  .futu-fifth-box h4 {
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 15px !important;
    letter-spacing: 1px;
    color: #ff9d01;
  }

  .futu-fifth-box strong {
    font-family: 'myfont-b';
  }

  .futu-table {
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 10px;
  }

  .futu-table::-webkit-scrollbar {
    background: #fda500;
    width: 5px;
    height: 5px;
  }

  .futu-table::-webkit-scrollbar-thumb {
    background-color: #002c83;
  }

  .futu-table::-webkit-scrollbar-thumb:hover {
    background-color: #002c83;
  }

  .futu-fifth-box p {
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    padding: 0 20px;
  }

  .futu-six-contents table {
    width: 855px;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .futu-six-contents table th,
  .futu-six-contents table td {
    padding: 10px 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #e5e5e5;
  }

  .futu-six-contents table th b {
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
  }

  .futu-six-contents table th h6 {
    margin-top: 2px;
    font-size: 25px;
  }

  .futu-six-contents table th .red {
    margin-top: 2px;
    font-size: 19px;
  }

  .futu-six-contents table th .no-red {
    margin-top: 2px;
    font-size: 19px;
  }

  .futu-six-contents table th h6 span {
    font-size: 15px;
  }

  .futu-six-contents table th h6 small {
    font-size: 13px;
    font-family: 'myfont';
    margin-left: 10px;
  }

  .futu-six-contents table td {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }

  .futu-six-contents table tr:nth-child(1) th:nth-child(1) {
    background: white;
    border-style: none;
  }

  .futu-six-contents table tr:nth-child(1) th:nth-child(2) {
    background: linear-gradient(to right, #2ba5e3, #184ba2);
    color: white;
    border-radius: 20px 20px 0 0;
    border-style: none solid none none;
    padding: 20px 20px 10px;
    border-color: white;
    height: 100px;
    vertical-align: bottom;
    min-width: 185px;
  }

  .futu-six-contents table tr:nth-child(1) th:nth-child(3) {
    background: linear-gradient(to right, #26b472, #0c551f);
    color: white;
    border-radius: 20px 20px 0 0;
    border-style: none solid none none;
    padding: 20px 20px 10px;
    border-color: white;
    height: 100px;
    vertical-align: bottom;
    min-width: 185px;
  }

  .futu-six-contents table tr:nth-child(1) th:nth-child(4) {
    background: linear-gradient(to right, #dd0322, #b41a7a);
    color: white;
    border-radius: 20px 20px 0 0;
    border-style: none;
    padding: 20px 20px 10px;
    height: 100px;
    vertical-align: bottom;
    min-width: 185px;
  }

  .futu-six-contents table tr:nth-child(2) td:nth-child(2),
  .futu-six-contents table tr:nth-child(2) td:nth-child(3),
  .futu-six-contents table tr:nth-child(2) td:nth-child(4) {
    border-top-style: none;
  }

  .futu-six-contents table tr:nth-child(1) th h4 {
    color: white;
    font-size: 17px;
    margin-bottom: 5px;
    font-family: 'myfont';
    text-align: center;
  }

  .futu-six-contents table tr:nth-child(1) th h5 {
    color: white;
    font-size: 15px;
    text-align: center;
    font-family: 'myfont';
  }

  .futu-six-contents table tr:nth-child(1) th h5 span {
    color: white;
    font-size: 28px;
    margin-left: 10px;
    margin-right: 3px;
  }

  .futu-six-contents table tr:nth-child(1) th small {
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 3px;
  }

  .futu-six-contents {}

  .futu-demo-contents {
    display: flex;
    margin-top: 50px;
    justify-content: center;
    position: relative;
    padding-bottom: 400px;
  }

  .futu-demo-box img {
    width: 350px;
  }

  .futu-demo-box {
    text-align: center;
    margin: 0 20px;
    max-width: 400px;
    position: relative;
  }

  .futu-demo-box h4 {
    background: #22a569;
    color: white;
    width: 310px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'myfont';
  }

  .futu-demo-box h4 img {
    width: 15px;
    margin: 0 20px;
  }

  .futu-demo-box p {
    margin-top: 30px;
    font-size: 16px;
    padding: 0 30px;
    text-align: left;
  }

  .futu-demo-add {
    border-width: 2px;
    border-radius: 30px;
    border-color: #22a569;
    max-width: 340px;
    margin: 0 auto;
    margin-top: 50px;
    box-shadow: 0 2px 5px #c4c4c4;
  }

  .futu-demo-add h5 {
    font-size: 18px;
    color: #22a569;
    background: white;
    padding: 0 30px;
    display: block;
    margin: 0 auto;
    margin-top: -10px;
    width: 230px;
    margin-bottom: 30px;
  }

  .futu-demo-add ul {
    text-align: left;
    padding: 0 30px;
    color: #304a9d;
    font-size: 16px;
    padding-bottom: 20px;
  }

  .futu-demo-add ul li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
  }

  .futu-demo-add ul li:before {
    content: "";
    position: absolute;
    background: url(../../assets/images/icon-demo-li.png);
    background-size: 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    left: 0;
    top: -2px;
  }

  .futu-demo-box b {
    background: #1d3994;
    color: white;
    width: 310px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'myfont';
    display: block;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .futu-demo-box b img {
    width: 8px;
    margin: 0 2px 0 50px;
  }

  .futu-demo-contents .contact-plan-button {
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 265px;
    bottom: 180px;
    border-style: none;
  }

  .futu-demo-contents a:hover .contact-plan-button {
    right: -1px;
    left: -1px;
    bottom: 180px;
  }

  .futu-wanted {
    background: url(../../assets/images/img-futu-page-back.png);
    background-size: cover;
    color: white;
    text-align: center;
    padding: 100px 20px;
    border-radius: 0 0 10px 10px;
    margin: 0 50px;
    margin-bottom: 100px;
  }

  .futu-wanted h2 {
    font-size: 25px;
    margin-bottom: 50px;
    color: white;
  }

  .futu-wanted p {
    line-height: 32px;
    font-size: 16px;
    font-family: 'myfont';
  }

  .futu-wanted p br {
    display: none;
  }

  .futu-wanted p .appear {
    display: block;
  }

  .futu-effect {
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
    margin-top: 100px;
  }

  .futu-effect h5 {
    color: #22a569;
    font-size: 22px;
    line-height: 45px;
    position: relative;
    display: inline-block;
  }

  .futu-effect h5 b {
    font-size: 66px;
  }

  .futu-effect h5:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-futu-effect01.png);
    background-size: 30px;
    background-repeat: no-repeat;
    left: -50px;
    top: 45px;
    width: 30px;
    height: 30px;
  }

  .futu-effect h5:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-futu-effect02.png);
    background-size: 30px;
    background-repeat: no-repeat;
    right: -50px;
    top: 45px;
    width: 30px;
    height: 30px;
  }

  .futu-effect h5 span {
    font-size: 45px;
    display: block;
    letter-spacing: 1px;
  }

  .futu-effect h5 .under {
    background: linear-gradient(transparent 75%, #fcd804 70%);
    display: inline-block;
    padding: 0 20px;
  }

  .futu-effect-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
  }

  .futu-effect-box {
    flex-basis: 50%;
    margin-bottom: 50px;
    padding: 0 20px;
  }

  .futu-effect-box h6 {
    font-family: 'myfont-bold';
    font-size: 18px;
    color: #22a569;
    position: relative;
    z-index: 1;
  }

  .futu-effect-box .h6-box {
    position: relative;
  }

  .futu-effect-box .h6-box:after {
    content: "";
    position: absolute;
    background: url(../../assets/images/title-effect.png);
    background-size: 230px;
    background-repeat: no-repeat;
    width: 230px;
    height: 80px;
    left: 60px;
    top: -25px;
    right: 0;
  }

  .futu-effect-box p {
    text-align: justify;
    padding: 50px 10px;
  }

  .futu-forth-contents .scheme h2:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-choice2.png);
    background-size: 200px;
    background-repeat: no-repeat;
    right: -140px;
    top: -95px;
    width: 210px;
    height: 210px;
  }

  .futu-forth-contents .scheme {
    margin-top: 100px;
  }

  .futu-forth-contents .scheme .red {
    margin-left: 0;
    margin-right: -10px;
    margin-top: 0;
  }

  .futu-forth-contents .scheme_inner .red {
    margin-right: 0px;
  }

  .futu-forth-contents .scheme_inner h4 {
    font-size: 20px;
    color: #019655;
    margin-top: 0;
    padding: 0;
    margin: 0;
  }

  .futu-forth-contents .scheme_inner {
    max-width: 770px;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .futu-forth-contents .scheme_inner p {
    text-align: left;
  }

  .futu-forth-contents .scheme_inner p small {
    font-family: 'myfont';
    margin-top: -7px;
    display: block;
    margin-left: -8px;
    margin-bottom: 10px;
  }

  .futu-forth-fifth-contents h4 {
    text-align: center;
    margin-top: -50px;
  }

  .futu-forth-fifth-contents h4 img {
    height: 85px;
  }

  .answer-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 200px;
  }

  .answer-left {
    padding: 20px 50px;
  }

  .answer-left img {
    width: 250px;
  }

  .answer-right {
    padding: 0px 50px;
  }

  .answer-right img {
    width: 320px;
  }

  .futu-fifth-contents h4 {
    text-align: center;
    margin-top: -50px;
  }

  .futu-fifth-contents h4 img {
    height: 85px;
  }

  .futu-six-contents h4 {
    text-align: center;
    margin-top: -50px;
  }

  .futu-six-contents h4 img {
    height: 85px;
  }

  .honki-forth-contents .scheme h2:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-choice2.png);
    background-size: 200px;
    background-repeat: no-repeat;
    right: -140px;
    top: -95px;
    width: 210px;
    height: 210px;
  }

  .honki-forth-contents .scheme {
    margin-top: 50px;
  }

  .honki-forth-contents .scheme .red {
    margin-left: 0;
    margin-right: -10px;
    margin-top: 0;
  }

  .honki-forth-contents .scheme_inner .red {
    margin-right: 0px;
  }

  .honki-forth-contents .scheme_inner h4 {
    font-size: 20px;
    color: #AC0018;
    margin-top: 0;
    padding: 0;
    margin: 0;
    text-align: left;
    padding-left: 30px;
  }

  .honki-forth-contents .scheme_inner {
    max-width: 750px;
    padding-bottom: 10px;
    margin: 0 auto;
    justify-content: flex-start;
  }

  .honki-forth-contents .scheme_inner p {
    text-align: left;
  }

  .honki-forth-contents .scheme_inner p small {
    font-family: 'myfont';
    margin-top: -7px;
    display: block;
    margin-left: -8px;
  }

  .honki-forth-fifth-contents h4 {
    text-align: center;
    margin-top: -50px;
  }

  .honki-forth-fifth-contents p {
    padding: 0 20px;
  }

  .honki-forth-fifth-contents h4 img {
    height: 85px;
  }

  .honki-fifth-contents h4 {
    text-align: center;
    margin-top: -50px;
  }

  .honki-fifth-contents h4 img {
    height: 85px;
  }

  .honki-six-contents h4 {
    text-align: center;
    margin-top: -50px;
  }

  .honki-six-contents h4 img {
    height: 85px;
  }

  .honki-page {
    min-height: 100px;
    background: white;
    border-radius: 10px 10px 0 0;
    margin: 0 50px;
    margin-top: 110px;
  }


  .honki-icon-main {
    text-align: center;
  }

  .honki-icon-main img {
    width: 150px;
    margin-top: -50px;
  }

  .honki-page h2 {
    text-align: center;
    margin-top: 50px;
    font-size: 40px;
    color: #AC0018;
    margin-bottom: 10px;
  }

  .honki-page p {
    text-align: center;
    font-size: 16px;
    line-height: 32px;
  }

  .honki-page p b {
    font-family: 'myfont-b';
    font-weight: normal;
  }

  .honki-page p br {
    display: none;
  }

  .honki-page p .appear {
    display: block;
  }

  .honki-page h4 br {
    display: none;
  }

  .honki-page h4 .appear {
    display: block;
  }

  .honki-page h2 span {
    font-size: 18px;
    color: white;
    background: #AC0018;
    display: inline-block;
    margin-left: 20px;
    padding: 6px 20px;
    vertical-align: top;
    margin-top: 10px;
    border-radius: 10px;
    font-family: auto;
  }

  .honki-page-price-contents {
    display: flex;
    justify-content: center;
    padding: 50px 50px 20px;
    flex-wrap: wrap;
  }

  .honki-page-price-box {
    display: flex;
    align-items: flex-end;
    padding: 0 10px;
    min-width: 390px;
  }

  .honki-small-price {
    writing-mode: vertical-rl;
    font-size: 31px;
    color: #1d3994;
    font-family: 'myfont-b';
    margin-right: 10px;
    margin-bottom: 0px;
    letter-spacing: 3px;
  }

  .honki-small-maney {
    font-size: 92px;
    font-family: 'myfont-b';
    color: #dd0322;
    margin-right: 10px;
    margin-bottom: -9px;
  }

  .honki-small-en small {
    display: block;
    color: #1d3994;
    font-size: 14px;
  }

  .honki-small-en b {
    display: block;
    color: #1d3994;
    font-size: 31px;
    font-family: 'myfont-b';
  }

  .honki-small-img img {
    width: 100%;
  }

  .honki-small-img {
    width: 130px;
    margin-right: 20px;
  }

  .honki-nenbarai b {
    font-size: 20px;
    color: #1d3994;
    font-family: 'myfont-b';
  }

  .honki-nenbarai p {
    font-size: 14px;
    color: #1d3994;
    display: inline-block;
  }

  .honki-nenbarai h3 {
    font-size: 40px;
    color: #dd0322;
    font-family: 'myfont-b';
    margin-top: -13px;
  }

  .honki-nenbarai h3 span {
    font-size: 22px;
    color: #1d3994;
    font-family: 'myfont-b';
    margin-left: 5px;
  }

  .honki-page-point {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
  }

  .honki-page-point small {
    border-style: solid;
    border-width: 2px;
    padding: 7px 15px 5px;
    margin: 0 3px 10px 3px;
    border-radius: 50px;
    color: #1c3a94;
    font-size: 15px;
    display: inline-block;
    height: 35px;
    vertical-align: text-bottom;
  }

  .honki-page-point small span {
    font-family: 'myfont-b';
    font-size: 26px;
    margin: 0 2px 0 6px;
    line-height: 10px;
  }

  .honki-second-contents {
    margin-top: 60px;
    text-align: center;
  }

  .honki-second-contents h4 {
    font-size: 25px;
    line-height: 50px;
    margin-bottom: 40px;
    color: #AC0018;
  }

  .honki-second-contents h4 br {
    display: none;
  }

  .honki-second-contents h4 .appear {
    display: block;
  }

  .honki-second-contents h4 .under {
    background: linear-gradient(transparent 70%, #fcd804 10%);
  }

  .honki-six-contents p br {
    display: none;
  }

  .honki-six-contents p .appear {
    display: block;
  }

  .honki-seven-contents p br {
    display: none;
  }

  .honki-seven-contents p .appear {
    display: block;
  }

  .honki-second-contents p {
    font-size: 16px;
    max-width: 1100px;
    text-align: center;
    line-height: 32px;
    padding: 0 20px;
  }

  .honki-third-contents {
    margin-top: 140px;
    text-align: center;
    margin-bottom: 150px;
  }

  .honki-page-small-title h3 {
    display: inline-block;
    font-size: 22px;
    background: #AC0018;
    padding: 13px 30px;
    color: white;
    border-radius: 5px;
    min-width: 250px;
    text-align: center;
    font-family: 'myfont-bold';
  }

  .honki-page-small-title strong {
    font-family: 'myfont-b';
  }

  .honki-seven-contents h4 {
    text-align: center;
    margin-top: 80px;
  }

  .honki-seven-contents h6 {
    background: #AC0018;
    color: white;
    max-width: 300px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 30px;
    box-shadow: 2px 3px 3px #e0e0e0;
  }

  .honki-seven-contents h6 img {
    width: 13px;
    padding-bottom: 3px;
    margin: 0 10px;
  }

  .honki-seven-contents h6 span {
    font-size: 22px;
  }

  .honki-seven-contents h4 img {
    height: 220px;
  }

  .honki-demo-contents-small {
    border-width: 2px;
    border-color: #f8b616;
    border-radius: 30px;
    margin: 0 30px;
    margin-top: 30px;
    padding: 0 20px 30px;
    box-shadow: 0 2px 5px #c4c4c4;
  }

  .honki-demo-contents-small h5 {
    font-size: 18px;
    line-height: 45px;
    color: #ff7600;
    background: white;
    width: 235px;
    margin: 0 auto;
    margin-top: -25px;
  }

  .honki-demo-contents-small ul {
    text-align: left;
    padding-left: 40px;
    line-height: 32px;
    margin-top: 5px;
    color: #ff2700;
    font-size: 16px;
  }

  .honki-demo-contents-small ul li {
    position: relative;
    margin-bottom: 5px;
  }

  .honki-demo-contents-small ul li:before {
    content: "";
    position: absolute;
    background: url(../../assets/images/icon-demo2-li.png);
    background-size: 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    left: -30px;
    top: 5px;
  }

  .honki-demo-box strong {
    margin-top: 50px;
    display: block;
  }

  .honki-demo-box strong img {
    width: 30px;
  }

  .honki-page-small-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
  }

  .honki-page-small-title img {
    height: 8px;
    margin: 0 20px;
  }

  .honki-third-boxes {
    text-align: left;
    max-width: 530px;
    margin: 0 auto;
    padding: 0 50px;
    line-height: 45px;
    margin-top: 30px;
  }

  .honki-third-contents h4 {
    font-size: 48px;
  }

  .honki-third-boxes h5 {
    font-size: 18px;
    color: #1d3994;
    margin-bottom: 5px;
    position: relative;
  }

  .honki-third-boxes h5:before {
    content: "";
    position: absolute;
    left: -27px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url(../../assets/images/icon-check.png);
    background-size: 20px;
    background-repeat: no-repeat;
  }

  .honki-third-boxes p {
    text-align: left;
    margin-bottom: 30px;
    font-size: 15px;
  }

  .honki-forth-contents {
    margin-bottom: 200px;
    padding: 0 20px;
  }

  .honki-forth-contents h4 {
    font-size: 25px;
    text-align: center;
    line-height: 45px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 0 20px;
    color: #AC0018;
  }

  .honki-fifth-contents b {
    font-family: 'myfont-bold';
    font-size: 22px;
    line-height: 25px;
    background: #f8b616;
    color: white;
    padding: 10px 20px;
    border-radius: 50px;
    width: 60px;
    height: 60px;
    display: flex;
    margin-top: -30px;
    margin-left: -25px;
    align-items: center;
    justify-content: center;
  }

  .honki-fifth-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .honki-fifth-box {
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 4px 7px #cfcfcf;
    max-width: 250px;
    padding: 0 10px 30px;
    margin: 0 15px 60px;
  }

  .honki-fifth-box p {
    text-align: justify;
    line-height: 27px;
  }

  .honki-page .okigaru-fifth-box p {
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    padding: 0 20px;
  }

  .futu-page .okigaru-fifth-box p {
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    padding: 0 20px;
  }

  .honki-fifth-boxes.n2 {
    margin-top: -100px;
  }

  .honki-fifth-box img {
    width: 80px;
    margin-top: -60px;
  }

  .honki-fifth-box h4 {
    font-size: 18px;
    margin-bottom: 25px;
    margin-top: 15px !important;
    letter-spacing: 1px;
    color: #ff9d01;
  }

  .honki-fifth-box strong {
    font-family: 'myfont-b';
  }

  .honki-table {
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 10px;
  }

  .honki-table::-webkit-scrollbar {
    background: #fda500;
    width: 5px;
    height: 5px;
  }

  .honki-table::-webkit-scrollbar-thumb {
    background-color: #002c83;
  }

  .honki-table::-webkit-scrollbar-thumb:hover {
    background-color: #002c83;
  }

  .honki-fifth-box p {
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    padding: 0 20px;
  }

  .honki-six-contents table {
    width: 855px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 80px;
  }

  .honki-six-contents table th,
  .honki-six-contents table td {
    padding: 10px 20px;
    border-style: solid;
    border-width: 2px;
    border-color: #e5e5e5;
  }

  .honki-six-contents table th b {
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
  }

  .honki-six-contents table th h6 {
    margin-top: 2px;
    font-size: 25px;
  }

  .honki-six-contents table th .red {
    margin-top: 2px;
    font-size: 19px;
  }

  .honki-six-contents table th .no-red {
    margin-top: 2px;
    font-size: 19px;
  }

  .honki-six-contents table th h6 span {
    font-size: 15px;
  }

  .honki-six-contents table th h6 small {
    font-size: 13px;
    font-family: 'myfont';
    margin-left: 10px;
  }

  .honki-six-contents table td {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
  }

  .honki-six-contents table tr:nth-child(1) th:nth-child(1) {
    background: white;
    border-style: none;
  }

  .honki-six-contents table tr:nth-child(1) th:nth-child(2) {
    background: linear-gradient(to right, #2ba5e3, #184ba2);
    color: white;
    border-radius: 20px 20px 0 0;
    border-style: none solid none none;
    padding: 20px 20px 10px;
    border-color: white;
    height: 100px;
    vertical-align: bottom;
    min-width: 185px;
  }

  .honki-six-contents table tr:nth-child(1) th:nth-child(3) {
    background: linear-gradient(to right, #26b472, #0c551f);
    color: white;
    border-radius: 20px 20px 0 0;
    border-style: none solid none none;
    padding: 20px 20px 10px;
    border-color: white;
    height: 100px;
    vertical-align: bottom;
    min-width: 185px;
  }

  .honki-six-contents table tr:nth-child(1) th:nth-child(4) {
    background: linear-gradient(to right, #dd0322, #b41a7a);
    color: white;
    border-radius: 20px 20px 0 0;
    border-style: none;
    padding: 20px 20px 10px;
    height: 100px;
    vertical-align: bottom;
    min-width: 185px;
  }

  .honki-six-contents table tr:nth-child(2) td:nth-child(2),
  .honki-six-contents table tr:nth-child(2) td:nth-child(3),
  .honki-six-contents table tr:nth-child(2) td:nth-child(4) {
    border-top-style: none;
  }

  .honki-six-contents table tr:nth-child(1) th h4 {
    color: white;
    font-size: 17px;
    margin-bottom: 5px;
    font-family: 'myfont';
    text-align: center;
    margin-top: -5px;
  }

  .honki-six-contents table tr:nth-child(1) th h5 {
    color: white;
    font-size: 15px;
    text-align: center;
    font-family: 'myfont';
  }

  .honki-six-contents table tr:nth-child(1) th h5 span {
    color: white;
    font-size: 28px;
    margin-left: 10px;
    margin-right: 3px;
  }

  .honki-six-contents table tr:nth-child(1) th small {
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 3px;
  }

  .honki-six-contents {}

  .honki-demo-contents {
    display: flex;
    margin-top: 50px;
    justify-content: center;
    position: relative;
    padding-bottom: 400px;
  }

  .honki-demo-box img {
    width: 350px;
  }

  .honki-demo-box {
    text-align: center;
    margin: 0 20px;
    max-width: 400px;
    position: relative;
  }

  .honki-demo-box h4 {
    background: #AC0018;
    color: white;
    width: 310px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'myfont';
  }

  .honki-demo-box h4 img {
    width: 15px;
    margin: 0 20px;
  }

  .honki-demo-box p {
    margin-top: 30px;
    font-size: 16px;
    padding: 0 30px;
    text-align: left;
  }

  .honki-demo-add {
    border-width: 2px;
    border-radius: 30px;
    border-color: #AC0018;
    max-width: 340px;
    margin: 0 auto;
    margin-top: 50px;
    box-shadow: 0 2px 5px #c4c4c4;
  }

  .honki-demo-add h5 {
    font-size: 18px;
    color: #AC0018;
    background: white;
    padding: 0 30px;
    display: block;
    margin: 0 auto;
    margin-top: -10px;
    width: 230px;
    margin-bottom: 30px;
  }

  .honki-demo-add ul {
    text-align: left;
    padding: 0 30px;
    color: #304a9d;
    font-size: 16px;
    padding-bottom: 20px;
  }

  .honki-demo-add ul li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 30px;
  }

  .honki-demo-add ul li:before {
    content: "";
    position: absolute;
    background: url(../../assets/images/icon-demo-li.png);
    background-size: 25px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    left: 0;
    top: -2px;
  }

  .honki-demo-box b {
    background: #1d3994;
    color: white;
    width: 310px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 50px;
    font-size: 16px;
    font-family: 'myfont';
    display: block;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .honki-demo-box b img {
    width: 8px;
    margin: 0 2px 0 50px;
  }

  .honki-demo-contents .contact-plan-button {
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 265px;
    bottom: 180px;
    border-style: none;
  }

  .honki-demo-contents a:hover .contact-plan-button {
    right: -1px;
    left: -1px;
    bottom: 180px;
  }

  .honki-wanted {
    background: url(../../assets/images/img-honki-page-back.png);
    background-size: cover;
    color: white;
    text-align: center;
    padding: 100px 20px;
    border-radius: 0 0 10px 10px;
    margin: 0 50px;
    margin-bottom: 100px;
  }

  .honki-wanted h2 {
    font-size: 25px;
    margin-bottom: 50px;
    color: white;
  }

  .honki-wanted p {
    line-height: 32px;
    font-size: 16px;
    font-family: 'myfont';
  }

  .honki-wanted p br {
    display: none;
  }

  .honki-wanted p .appear {
    display: block;
  }

  .page-title.honki h1 .under {
    background: linear-gradient(transparent 70%, #ac0018 10%);
  }

  .page-title.honki {
    background: url(../../assets/images/img-honki-back.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 380px;
    width: calc(100% - 80px);
    position: relative;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 80px;
    background-position: inherit;
    border-radius: 10px;
  }

  .page-title.honki .page-inner:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-okigaru1.png);
    background-size: 250px;
    background-repeat: no-repeat;
    left: -100px;
    top: -100px;
    width: 250px;
    height: 250px;
  }

  .page-title.honki .page-inner:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-okigaru2.png);
    background-size: 250px;
    background-repeat: no-repeat;
    right: 0px;
    bottom: -224px;
    width: 250px;
    height: 250px;
  }

  .honki-effect {
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
    margin-top: 80px;
  }

  .honki-effect h5 {
    color: #ac1619;
    font-size: 22px;
    line-height: 45px;
    position: relative;
    display: inline-block;
  }

  .honki-effect h5:before {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-futu-effect01.png);
    background-size: 30px;
    background-repeat: no-repeat;
    left: -50px;
    top: 45px;
    width: 30px;
    height: 30px;
  }

  .honki-effect h5:after {
    position: absolute;
    content: "";
    background: url(../../assets/images/icon-futu-effect02.png);
    background-size: 30px;
    background-repeat: no-repeat;
    right: -50px;
    top: 45px;
    width: 30px;
    height: 30px;
  }

  .honki-effect h5 span {
    font-size: 45px;
    display: block;
    letter-spacing: 1px;
  }

  .honki-effect h5 .under {
    background: linear-gradient(transparent 75%, #fcd804 70%);
    display: inline-block;
    padding: 0 20px;
  }

  .honki-effect h5 b {
    font-size: 66px;
  }

  .honki-effect-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
  }

  .honki-effect-box {
    flex-basis: 50%;
    margin-bottom: 50px;
    padding: 0 20px;
  }

  .honki-effect-box h6 {
    font-family: 'myfont-bold';
    font-size: 18px;
    color: #ac1619;
    position: relative;
    z-index: 1;
  }

  .honki-effect-box .h6-box {
    position: relative;
  }

  .honki-effect-box .h6-box:after {
    content: "";
    position: absolute;
    background: url(../../assets/images/title-effect2.png);
    background-size: 230px;
    background-repeat: no-repeat;
    width: 230px;
    height: 80px;
    left: 0;
    top: -25px;
    right: 0;
    margin: 0 auto;
  }

  .honki-effect-box p {
    text-align: left;
    padding: 50px 10px;
  }

  .honki-only h4 .under {
    background: linear-gradient(transparent 75%, #fcd804 70%);
    display: inline-block;
    padding: 0 20px;
  }

  .honki-only {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    border-width: 3px;
    border-radius: 10px;
    border-color: #ab1617;
    margin-top: 60px;
    display: grid;
  }

  .honki-only h4 {
    margin-top: -27px;
    background: white;
    display: inline-block;
    padding: 0 30px;
    margin-bottom: 30px;
  }

  .honki-only h4 .under {
    background: linear-gradient(transparent 75%, #fcd804 70%);
    display: inline-block;
    padding: 0 20px;
  }

  .honki-only h5 {
    color: #ab1617;
    font-size: 18px;
    line-height: 45px;
  }

  .honki-only img {
    width: 35px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .honki-only h6 {
    font-size: 17px;
    color: #2B2B2B;
    margin-left: -25px;
  }

  .honki-only h6 span {
    color: #ab1617;
    font-size: 15px;
    line-height: 29px;
    display: inline-block;
    border-width: 2px;
    padding: 0 60px;
    border-radius: 50px;
    font-family: 'myfont';
    margin-left: 10px;
  }

  .honki-only-pack {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-family: 'myfont-b';
    color: #1d3994;
    text-align: left;
    width: 500px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .honki-only-pack ul li {
    position: relative;
    line-height: 40px;
  }

  .honki-only-pack ul li:before {
    content: "";
    position: absolute;
    left: -27px;
    top: 15px;
    width: 20px;
    height: 20px;
    background: url(../../assets/images/icon-check.png);
    background-size: 20px;
    background-repeat: no-repeat;
  }

  .honki-only-right-wrapper {
    display: flex;
    align-items: flex-end;
  }

  .honki-only-right-wrapper-left {
    font-size: 70px;
    color: #dd2022;
    font-family: 'myfont-b';
  }

  .honki-only-right-wrapper-right {
    margin-bottom: 10px;
    margin-left: 10px;
  }

  .honki-only-right-wrapper-right small {
    display: block;
    font-size: 15px;
    margin-left: -7px;
    font-family: 'myfont';
  }

  .honki-only-right-wrapper-right b {
    display: block;
    font-size: 26px;
  }


  .fukidashi2 {
    display: none;
    position: absolute;
    left: -40px;
    padding: 16px;
    border-radius: 5px;
    color: #dd2021;
    font-weight: bold;
    font-size: 13px !important;
    padding-left: 20px !important;
    font-family: 'myfont';
    letter-spacing: 0;
    border-width: 2px;
    border-color: #111111;
    border-style: solid;
    top: -160px;
    background: white;
    width: 250px;
    text-align: justify !important;
    line-height: 27px !important;
  }

  .okigaru .fukidashi2 {
    background: #00a5e2;
  }

  .futu .fukidashi2 {
    background: #00a569;
  }

  .honki .fukidashi2 {
    background: #e74701;
  }

  .fukidashi2:after {
    position: absolute;
    width: 0;
    height: 0;
    left: -50px;
    top: -100px;
    margin-left: 10px;
    border: solid transparent;
    border-color: rgba(51, 204, 153, 0);
    border-width: 10px;
    pointer-events: none;
    content: " ";
  }

  .okigaru .fukidashi2:after {
    border-top-color: rgb(43 43 43);
  }

  .honki .fukidashi2:after {
    border-top-color: rgb(43 43 43);
  }

  .futu .fukidashi2:after {
    border-top-color: rgb(43 43 43);
  }

  .okigaru .text2:hover {
    color: #00a5e2;
  }

  .futu .text2:hover {
    color: #00a569;
  }

  .honki .text2:hover {
    color: #dd2022;
  }

  .text2:hover+.fukidashi2 {
    display: block;
  }

  .text2 {
    position: absolute;
    right: -11px;
    top: -22px;
    background: grey;
    width: 20px;
    height: 20px;
    color: white;
    font-size: 12px;
    text-align: center;
    border-radius: 50px;
    line-height: 20px;
  }

  .css-fabicon {
    position: relative;
  }

  .css-fabicon p {
    display: none;
  }

  .breadcrumb__list {
    padding: 0 50px;
    display: flex;
    vertical-align: middle;
    font-size: 13px;
    margin-bottom: 40px;
  }

  .breadcrumb__list.pankuzu-greeting {
    margin-top: -180px;
  }

  .breadcrumb__list.pankuzu-contact {
    margin-top: 15px;
  }

  .breadcrumb__list.pankuzu-archive {
    margin-top: 15px;
  }

  .breadcrumb__list.pankuzu-plan {
    position: absolute;
    bottom: -65px;
    left: -20px;
  }

  .breadcrumb__item {
    margin-right: 30px;
    position: relative;
  }

  .breadcrumb__item a img {
    width: 15px;
    margin-right: 10px;
  }

  .breadcrumb__item:after {
    position: absolute;
    content: ">";
    font-size: 15px;
    right: -20px;
    bottom: 1px;
  }

  .breadcrumb__item:nth-last-child(1):after {
    display: none;
  }


  .contents-teacher-button {
    position: fixed;
    top: 38vh;
    background: #002c83;
    color: white;
    padding: 20px;
    margin-left: 20px;
    width: 150px;
    border-radius: 10px;
    font-size: 13px;
    text-align: center;
    height: 120px;
    cursor: pointer;
  }

  .contents-teacher-button p {
    margin-bottom: 15px;
    font-family: "myfont-b";
    line-height: 19px;
  }

  .contents-teacher-button b .teacher-plus {
    width: 20px;
    transition: 0.2s ease-in-out;
  }

  .contents-teacher-button b .teacher-plus:hover {
    opacity: 0.9;
  }

  .contents-teacher-button b .teacher-plus.plus-open {
    transform: rotate(45deg);
    transition: 0.2s ease-in-out;
  }

  .contents-teacher {
    display: none;
  }

  .contents-teacher.plus-open {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 270px;
    padding-top: 20px;
    background: white;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 999;
  }

  .contents-teacher.plus-open {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE */
  }

  .contents-teacher.plus-open::-webkit-scrollbar {
    /* Edge Chorome Safari Operaなど */
    display: none;
  }

  .contents-teacher-inner h2 {
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    color: #dd2021;
  }

  .contents-teacher-inner .accordion-menu {
    margin-top: 20px;
    border-radius: 0;
  }

  .contents-teacher-inner .accordion-menu .dropdownlink {
    font-size: 13px;
    padding-left: 10px;
    letter-spacing: -2px;
  }

  .contents-teacher-inner .accordion-menu li .plus {
    height: 10px;
  }

  .contents-teacher-inner .accordion-menu li .submenuItems {
    padding: 20px 13px 20px;
  }

  .contents-teacher-inner .accordion-menu li .submenuItems h2 {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-family: 'myfont';
    margin-bottom: 10px;
    letter-spacing: -1px;
  }

  .contents-teacher-inner .accordion-menu li .submenuItems p {
    padding-left: 0;
    font-size: 13px;
    line-height: 20px;
  }

  .contents-teacher-inner .accordion-menu li .submenuItems ol li {
    font-size: 13px;
    line-height: 20px;
    color: #002c83;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }

  .contents-teacher-inner .accordion-menu li .submenuItems ol li:nth-child(2n) {
    background: white;
  }

  .contents-teacher-button-option {
    position: fixed;
    top: calc(40vh + 120px);
    background: #019655;
    color: white;
    padding: 20px;
    margin-left: 20px;
    width: 150px;
    border-radius: 10px;
    font-size: 13px;
    text-align: center;
    height: 120px;
    cursor: pointer;
  }

  .contents-teacher-button-option span {
    display: block;
    font-size: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: #ffd701;
  }

  .contents-teacher-button span {
    display: block;
    font-size: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    color: #ffd701;
  }

  .contents-teacher-option .accordion-menu {
    background: #019655;
  }

  .contents-teacher-option .accordion-menu li:nth-child(2n) {
    background: #02aa61;
  }

  .contents-teacher-button-option p {
    margin-bottom: 15px;
    font-family: "myfont-b";
    line-height: 19px;
  }

  .contents-teacher-button-option b .teacher-plus-option {
    width: 20px;
    transition: 0.2s ease-in-out;
  }

  .contents-teacher-button-option b .teacher-plus-option:hover {
    opacity: 0.9;
  }

  .contents-teacher-button-option b .teacher-plus-option.plus-open {
    transform: rotate(45deg);
    transition: 0.2s ease-in-out;
  }

  .contents-teacher-option {
    display: none;
  }

  .contents-teacher-option.plus-open {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 270px;
    padding-top: 20px;
    background: white;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 999;
  }

  .contents-teacher-option.plus-open {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE */
  }

  .contents-teacher-option.plus-open::-webkit-scrollbar {
    /* Edge Chorome Safari Operaなど */
    display: none;
  }

  .contents-teacher-option-inner h2 {
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    color: #019655;
  }

  .contents-teacher-option-inner .accordion-menu {
    margin-top: 20px;
    border-radius: 0;
  }

  .contents-teacher-option-inner .accordion-menu .dropdownlink {
    font-size: 13px;
    padding-left: 10px;
    letter-spacing: -1px;
  }

  .contents-teacher-option-inner .accordion-menu li .plus {
    height: 10px;
  }

  .contents-teacher-option-inner .accordion-menu li .submenuItems {
    padding: 20px 13px 20px;
  }

  .contents-teacher-option-inner .accordion-menu li .submenuItems h2 {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-family: 'myfont';
    margin-bottom: 10px;
    letter-spacing: -1px;
  }

  .contents-teacher-option-inner .accordion-menu li .submenuItems p {
    padding-left: 0;
    font-size: 13px;
    line-height: 20px;
  }

  .contents-teacher-option-inner .accordion-menu li .submenuItems li {
    font-size: 13px;
    line-height: 20px;
    color: #002c83;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }

  .contents-teacher-option-inner .accordion-menu li .submenuItems li:nth-child(2n) {
    background: white;
  }

  /*ランキング順位表示*/
  ul.wpp-list li {
    position: relative;
    list-style: none;
    text-align: left;
    margin-bottom: 50px;
  }

  /*記事タイトル*/
  .ranking-list {
    max-width: 600px;
    margin: 0 auto;
    padding: 50px;
    background: #ffd701;
  }

  ul.wpp-list li a.wpp-post-title {
    display: block;
    text-decoration: none;
    font-size: 20px;
    margin: 10px 10px 0px 0px;
    line-height: 37px;
    font-family: 'myfont-b';
  }

  ul.wpp-list li a.wpp-post-title:hover {
    color: #3b62e7;
  }

  /*アイキャッチ*/
  ul.wpp-list li img {
    margin: 10px;
  }

  /*ランキングカウンター*/
  ul.wpp-list li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 3px 14px;
    border-radius: 50%;
    z-index: 1;
    left: -46px;
    line-height: 32px;
  }

  .column-ranking>h2 {
    color: #2b2b2b;
    font-size: 35px;
    padding-bottom: 35px;
    margin-top: 80px;
    line-height: 49px;
    display: inline-block;
    background: #ffd701;
  }

  .column-ranking>h2 span {
    display: block;
    font-size: 15px;
    text-align: left;
    margin-top: -35px;
    font-weight: normal;
    font-family: "myfont-b";
  }

  .column-ranking>h2 img {
    height: 70px;
    vertical-align: text-top;
    margin-left: 15px;
  }

  .column-ranking {
    background: url(../../assets/images/img-rank-bk.png);
    background-size: contain;
  }

  /*カウント数*/
  ul.wpp-list li {
    /* counter-increment: wpp-count; */
    text-align: right;
  }

  .wpp-views {
    background: white;
    font-size: 14px;
    padding: 5px 24px;
    border-radius: 5px;
  }

  ul.wpp-list li h2 {
    color: white;
    padding: 0 20px;
    border-radius: 5px;
    text-align: left;
  }

  ul.wpp-list li p {
    padding: 15px 0;
    text-align: left;
  }

  ul.wpp-list li:before {
    content: "";
    position: absolute;
    left: -77px;
    top: -13px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
  }

  /*ランキング1〜5の色変更*/
  ul.wpp-list li:nth-child(1) h2 {
    background-color: #ba8100;
  }

  ul.wpp-list li:nth-child(1):before {
    background: url(../../assets/images/icon-rank1.png);
    background-size: 60px;
  }

  ul.wpp-list li:nth-child(2):before {
    background: url(../../assets/images/icon-rank2.png);
    background-size: 60px;
  }

  ul.wpp-list li:nth-child(2) h2 {
    background-color: #A0A0A0;
  }

  ul.wpp-list li:nth-child(3):before {
    background: url(../../assets/images/icon-rank3.png);
    background-size: 60px;
  }

  ul.wpp-list li:nth-child(3) h2 {
    background-color: #884A01;
  }

  ul.wpp-list li:nth-child(4):before {
    background: url(../../assets/images/icon-rank4.png);
    background-size: 60px;
  }

  ul.wpp-list li:nth-child(4) h2 {
    background-color: #316E57;
  }

  ul.wpp-list li:nth-child(5):before {
    background: url(../../assets/images/icon-rank5.png);
    background-size: 60px;
  }

  ul.wpp-list li:nth-child(5) h2 {
    background-color: #304584;
  }

  .search-box {
    max-width: 650px;
    margin: 0 auto;
    margin-top: 30px;
    text-align: left;
    color: #2b2b2b;
    height: 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-start;
  }

  .search-button {
    background: #032d83;
    padding: 6px 10px 10px;
    color: white;
    height: 40px;
    display: inline-block;
    position: absolute;
    right: 0;
    line-height: 15px;
    top: 0;
    border-radius: 5px;
    width: 100px;
    text-align: center;
  }

  .search-box p {
    line-height: 32px;
    padding-left: 10px;
  }

  .search-box p input {
    width: 520px;
    background: white;
    border-radius: 5px;
    height: 40px;
    padding: 0 20px;
  }

  .search-box ::placeholder {
    color: #DBDBDB;
  }

  .ez-toc-list li:before {
    display: none;
  }

  #ez-toc-container {
    margin-bottom: 40px !important;
  }

  .ez-toc-v2_0_53.counter-hierarchy.ez-toc-counter.ez-toc-transparent.ez-toc-container-direction {
    border-color: #FFC395;
    border-width: 1px;
  }

  .ez-toc-title {
    color: #FF6F00;
    font-size: 20px;
  }

  .target-area {
    max-width: 800px;
    margin: 0 auto;
    line-height: 23px;
    font-size: 13px;
    margin-top: 80px;
    color: #a68d00;
    text-align: justify;
  }

  .work_area h2 {
    margin-top: 50px;
    text-align: center;
    font-size: 25px;
    line-height: 35px;
    color: #dd2021;
  }

  .work_area h3 {
    margin-bottom: 10px;
    margin-top: 80px;
    font-size: 20px;
  }

  .status_wrapper {
    display: flex;
    margin-top: 50px;
    align-items: center;
  }

  .status_left {
    margin-right: 30px;
  }

  .status_left img {
    width: 100%;
    height: auto;
    background: #0096de;
    padding: 30px;
    border-radius: 20px;
    border-style: solid;
    border-width: 3px;
    border-color: #012c83;
    max-width: 400px;
  }

  .status_right {}

  .status ul {}

  .status_box {
    min-width: 91px;
    padding: 10px;
  }

  .status_box h3,
  .status_box h2 {
    font-size: 20px;
    margin-top: 20px;
    color: #019655;
    margin-bottom: 10px;
  }

  .status_under_wrapper {
    display: flex;
    min-width: 200px;
    justify-content: center;
  }

  .job {
    max-width: 800px;
    margin: 0 auto;
    line-height: 23px;
    font-size: 13px;
    margin-top: 80px;
    color: #a68d00;
    text-align: justify;
    border-width: 3px;
    padding: 30px 50px;
    border-radius: 20px;
    border-color: #012c83;
  }

  .job h3 {
    font-size: 15px;
    margin-bottom: 0;
    color: #686868;
    letter-spacing: 2px;
  }

  .job h2 {
    margin-bottom: 50px;
    color: #971c75;
    font-size: 20px;
  }

  .job p {
    margin-bottom: 20px;
  }




  /**
   * ポップアップ
  */
  .information-wrapper {
    position: relative;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    line-height: 22px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
    height: 100vh;
    background: rgba(208, 192, 72, 0.8);
  }

  #popup {}

  .popup_inner {
    padding: 15px 20px 0;
    border-width: 10px;
    border-radius: 5px;
    border-color: #afa44f;
    background: white;
    display: flex;
    align-items: center;
    height: calc(100vh - 40px);
    justify-content: center;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 20px;
    max-height: 500px;
  }

  .eraser_button {
    display: block;
    width: 20px;
    line-height: 20px;
    position: absolute;
    top: 50px;
    right: 50px;
    font-size: 25px;
    color: #b8af53;
  }

  .information-wrapper.close {
    display: none;
  }

  .information-wrapper label span:hover {
    cursor: pointer;
  }

  .information-wrapper input[type="checkbox"] {
    display: none;
  }

  .information-wrapper input[type="checkbox"]:checked~.eraser_button {
    display: none;
  }

  .information-wrapper input[type="checkbox"]:checked~#popup {
    display: block;
    transition: .2s;
    display: none;
  }

  .popup_inner h2 {
    text-align: center;
    padding-top: 20px;
  }

  .popup_inner h2 img {
    height: auto;
    width: auto;
    max-width: 400px;
  }

  .popup_inner h2 p {
    font-family: 'myfont';
    font-size: 13px;
    color: #0c3cc5;
    padding-top: 30px;
  }

  .popup_inner h5 {
    font-size: 16px;
    color: #4a4400;
    font-family: "myfont";
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    padding-bottom: 10px;
    max-width: 530px;
    padding: 30px;
  }

  .popup_inner h5 strong {
    font-size: 20px;
    display: block;
    color: #d41e25;
    text-decoration: underline;
    margin-bottom: 10px;
  }

  .popup_contents {
    padding: 50px 20px 30px;
    line-height: 25px;
    color: #b7b054;
    text-align: center;
  }

  .popup_contents h4 {
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px;
  }

  .popup_contents h3 {
    text-align: center;
    background: #b8af53;
    color: white;
    font-size: 25px;
    line-height: initial;
    padding: 10px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: inline-block;
  }

  .popup_contents p {
    color: #5c5714;
    text-align: left;
  }

  /**
             * ポップアップ
            */

  .sp-wrapper {
    display: none;
  }

  .greeting-us {
    padding: 180px 0 0;
    z-index: 98;
    background: #ffd801;
    position: relative;
  }

  .greeting-us-inner {
    padding: 0 50px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .greeting-us-inner .left {
    display: flex;
    flex-wrap: wrap;
    width: 40%;
    max-width: 500px;
  }

  .greeting-us-inner .right a {
    float: right;
    text-decoration: underline;
    color: #dd2021;
  }

  .greeting-us-inner .right a:hover {
    opacity: 0.8
  }

  .greeting-us-inner .left img {
    width: calc(100% / 3);
    height: auto;
    margin: -1px;
  }

  .greeting-us-inner .right {
    line-height: 28px;
    padding-left: 50px;
  }

  .greeting-us-inner .right b {
    display: block;
    text-align: right;
    margin-top: 30px;
    max-width: 420px;
  }

  .greeting-us-inner .right p {
    max-width: 420px;
  }

  .x-forrow {
    padding: 20px;
  }

  .x-forrow:hover {
    opacity: 0.7;
  }

  .x-forrow-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    border-style: dotted;
    border-width: 3px 0 0;
    padding: 50px 20px;
    border-color: #0096de;
    max-width: 970px;
    margin: 0 auto;
  }

  .x-forrow-inner img {
    width: 50px;
  }

  .x-forrow-inner p {
    font-size: 23px;
    margin-left: 20px;
    color: #0096de;
  }

  .x-forrow-inner p span {
    display: block;
    font-size: 15px;
    margin-top: 5px;
    color: #2b2b2b;
  }

  .footer-banner2 {
    display: none;
  }

  .choice-tmp-wrapper p {
    margin-bottom: 20px;
  }

  .choice-tmp-wrapper p b {
    color: #DD0322;

  }

  .choice-tmp-wrapper a img {
    transition: all 0.5s;
  }

  .choice-tmp-wrapper a:hover img {
    transform: scale(105%);
    transition: all 0.5s;
  }

  .choice-tmp-new-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .choice-tmp-new-box {
    flex-basis: 50%;
    padding: 20px;
  }

  .choice-tmp-new-box img {
    width: 100%;
  }

  .main-tmp img {
    width: 100%;
    margin-bottom: 60px;
  }

  .floating-contents {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 13px;
    line-height: 21px;
    background: #bc206a;
    padding: 10px;
  }

  .okigaru-box-new-detail strong {
    background: linear-gradient(to right, #2ba5e3, #184ba2);
    color: white;
    width: calc(100% - 50px);
    display: block;
    text-align: center;
    height: 80px;
    line-height: 30px;
    margin-left: 50px;
    margin-top: 20px;
    border-radius: 10px;
    padding-top: 26px;
    font-size: 16px;
  }

  .okigaru-box-new-detail strong:hover {
    opacity: 0.8;
  }

  .consult {
    padding: 50px;
    text-align: center;
    max-width: 850px;
    margin: auto;
    margin-top: 100px;
  }

  .consult h2 {
    background: url(../../assets/images/img-okigaru-back.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 80px;
    text-align: center;
    margin-top: 30px;
    background-position: inherit;
    border-radius: 10px 10px 0 0;
    font-size: 29px;
    color: white;
    position: relative;
    margin: 0 auto;
  }

  .consult h2 b {
    font-size: 60px;
    margin-right: 5px;
  }

  .consult h2 span {
    font-size: 21px;
  }

  .consult h2 small {
    display: block;
    position: absolute;
    left: 195px;
    top: 14px;
    font-size: 15px;
  }

  .consult-contents {
    background: white;
    max-width: 850px;
    margin: 0 auto;
    padding: 30px;
    border-radius: 0 0 10px 10px;
    height: 230px;
    overflow-y: scroll;
  }

  .consult-contents::-webkit-scrollbar {
    background: #fda500;
    width: 5px;
    height: 5px;
  }

  .consult-contents::-webkit-scrollbar-thumb {
    background-color: #002c83;
  }

  .consult-contents::-webkit-scrollbar-thumb:hover {
    background-color: #002c83;
  }

  .consult-contents table {
    width: 100%;
    margin: 0 auto;
    line-height: 32px;
    text-align: left;
  }

  .consult-contents table th {
    width: 100px;
  }

  .consult h2:before {
    content: "";
    background: url(../../assets/images/icon-consult-l.png) center center;
    background-size: 100px;
    position: absolute;
    width: 120px;
    height: 170px;
    left: 10px;
    top: -98px;
    background-repeat: no-repeat;
  }

  .consult h2:after {
    content: "";
    background: url(../../assets/images/icon-consult-r.png) center center;
    background-size: 100px;
    position: absolute;
    width: 120px;
    height: 170px;
    right: 10px;
    top: -98px;
    background-repeat: no-repeat;
  }

  .new-voice-contents {
    padding: 80px 50px;
  }

  .new-voice-box {
    max-width: 780px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    border-width: 2px;
    border-color: #1D3994;
    border-radius: 5px;
    margin-bottom: 25px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
  }

  .new-voice-box .left {
    width: 220px;
    background: #1D3994;
    color: white;
  }

  .new-voice-box .left b {
    font-family: "myfont-poi";
    font-size: 25px;
    margin-bottom: -8px;
    display: block;
    padding-top: 20px;
  }

  .new-voice-box .left h4 {
    color: white;
    text-align: left;
    padding-left: 20px;
    padding-top: 15px;
    font-family: "myfont";
  }

  .new-voice-box .left h5 {
    color: white;
    text-align: left;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 20px;
    font-family: "myfont";
  }

  .new-voice-img {
    height: 180px;
    width: 220px;
  }

  .new-voice-item {
    padding: 0 0px 50px 20px;
    text-align: left;
  }

  .new-voice-item strong {
    background: white;
    color: #1D3994;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: 13px;
    margin: 3px;
    display: inline-block;
    margin-bottom: 9px;
    margin-top: -10px;
  }

  .new-voice-box .right {
    padding: 20px;
    text-align: left;
    background: white;
    border-radius: 0 5px 5px 0;
  }

  .new-voice-box .right h3 {
    font-size: 18px;
    font-family: "myfont-b";
    margin-bottom: 15px;
  }

  .new-voice-box .right p {
    font-size: 15px;
  }

  .new-voice-box .right h4 {
    font-size: 15px;
    color: #DD0322;
    margin-bottom: 15px;
  }

  .new-voice-box .right .response {
    font-size: 14px;
    line-height: 24px;
    color: #971c75;
  }

  .new-consult-line {
    background: url("../../assets/images/icon-consult-line.png");
    background-size: contain;
    height: 10px;
    width: 100%;
    background-repeat: space;
    margin: 25px 0;
  }

  .whats-q {
    position: relative;
    color: white;
    padding-bottom: 100px;
    background: #1D3994 url(../../assets/images/icon-hatena.png);
    background-size: 500px;
    background-position: right;
    background-repeat: no-repeat;
    background-position-y: bottom;
  }

  .title-what-q {
    width: 98%;
    padding-top: 30px;
    position: absolute;
  }

  .whats-q h2 {
    text-align: center;
    color: white;
    font-size: 30px;
    padding-top: 150px;
    position: relative;
  }

  .whats-q h2 span {
    color: #DD0322;
  }

  .whats-q-contents {
    position: relative;
    width: 500px;
    margin: 0 auto;
    margin-top: 80px;
  }

  .whats-q-contents ul {
    font-size: 20px;
    line-height: 34px;
  }

  .whats-q-contents li {
    margin-bottom: 20px;
    position: relative;
  }

  .whats-q-contents li span {
    color: #F8B616;
  }

  .whats-q-contents li:before {
    background: url(../../assets/images/icon-what-q-list.png);
    background-size: contain;
    content: "";
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    position: absolute;
    left: -50px;
    top: -3px;
  }

  .icon-what-q {
    position: absolute;
    width: 150px;
    right: 0;
    bottom: 0px;
  }

  .only .human-maru {
    height: 200px;
    margin-left: 25px;
  }

  .plan-contents {
    position: relative;
  }

  .plan-inner .human-cyurippu {
    width: auto;
    height: 250px;
    position: absolute;
  }

  .plan-inner .human-maru2 {
    width: auto;
    height: 250px;
    position: absolute;
    left: 20px;
  }

  .brand h3 .human-point {
    width: auto;
    height: 250px;
    right: auto;
    position: absolute;
    margin: unset;
    left: auto;
    bottom: -115px;
    margin-left: 450px;
  }

  .flow-box .human-wide {
    width: auto;
    height: 200px;
    right: -150px;
    bottom: -60px;
    top: auto;
  }

  .sdgs {
    width: 210px;
    margin-bottom: -13px;
  }

  .footer-banner .fukidashi {
    background: red;
    width: 280px;
    text-align: left;
    left: 10px;
    line-height: 21px;
    border-radius: 50px;
  }

  .footer-banner .fukidashi:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid red;
    bottom: -12px;
    left: 36px;
    transform: rotate(45deg);
    border-style: solid;
  }
}