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

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

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

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

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

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input, textarea, select {
  *font-size: 100%;
}

legend {
  color: #000;
}

table {
  width: 100%;
}

*,
::before,
::after {
  border-style: solid;
  border-width: 0;
}

:root {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important;
  }
}
img {
  vertical-align: bottom;
}

.clearfix:after,
.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix, * html .cf {
  zoom: 1;
} /* IE6 */
*:first-child + html .clearfix, *:first-child + html .cf {
  zoom: 1;
} /* IE7 */
/*------------------------------------------------------*/
/* noneImages */
/*------------------------------------------------------*/
.noneImages {
  display: none;
}

.nf-message {
  display: none;
}

* {
  -webkit-appearance: none;
}

/*------------------------------------------------------*/
/*  set */
/*------------------------------------------------------*/
/*------------------------------------------------------*/
/*  base */
/*------------------------------------------------------*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel, .owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

html {
  height: 100%;
  font-size: 62.5%;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: #252525;
  background: #f5f5f5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

a {
  color: #252525;
  text-decoration: none;
  display: inline-block;
  position: relative;
  cursor: pointer;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
  color: #000;
}

button {
  background-color: initial;
}

button,
input:focus {
  outline: 0;
}

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

main {
  display: block;
  position: relative;
}

svg {
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: initial;
}

img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

canvas {
  vertical-align: bottom;
}

::-moz-selection {
  background: #eee;
}

::selection {
  background: #eee;
}

::-moz-selection {
  background: #ffdbdc;
}

::-webkit-input-placeholder {
  color: #ccdeec;
}

::-moz-placeholder {
  color: #ccdeec;
}

:-ms-input-placeholder {
  color: #ccdeec;
}

::-ms-input-placeholder {
  color: #ccdeec;
}

::placeholder {
  color: #ccdeec;
}

.layout {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: -3px;
}
@media screen and (max-width: 750px) {
  .layout {
    width: 100%;
    left: 0;
    margin-left: 0;
    top: 15px;
  }
}

#wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
}
@media screen and (max-width: 750px) {
  #wrapper {
    padding: 0;
  }
}
#wrapper.-notfound {
  min-height: 100vh;
}

.img-cover {
  position: relative;
}
.img-cover::before {
  content: "";
  width: 100%;
  display: block;
  position: relative;
}
.img-cover img.img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  font-family: "object-fit: cover;";
}
.img-cover img.imgc {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  font-family: "object-fit: contain;";
}

.en, .-fontp {
  font-family: "Prompt", sans-serif;
  font-weight: 400;
}

.jp, .-fonth {
  font-family: "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-weight: 700;
}

.-fontn {
  font-family: "Nunito", sans-serif;
}

.-fontw {
  font-family: "Work Sans", sans-serif;
}

.i-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

._cms-contexts ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}
._cms-contexts ul li::before {
  content: "・";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
._cms-contexts ol li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
._cms-contexts ol li::before {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
._cms-contexts ol li:nth-of-type(1)::before {
  content: "1.";
}
._cms-contexts ol li:nth-of-type(2)::before {
  content: "2.";
}
._cms-contexts ol li:nth-of-type(3)::before {
  content: "3.";
}
._cms-contexts ol li:nth-of-type(4)::before {
  content: "4.";
}
._cms-contexts ol li:nth-of-type(5)::before {
  content: "5.";
}
._cms-contexts ol li:nth-of-type(6)::before {
  content: "6.";
}
._cms-contexts ol li:nth-of-type(7)::before {
  content: "7.";
}
._cms-contexts ol li:nth-of-type(8)::before {
  content: "8.";
}
._cms-contexts ol li:nth-of-type(9)::before {
  content: "9.";
}
._cms-contexts ol li:nth-of-type(10)::before {
  content: "10.";
}
._cms-contexts ol li:nth-of-type(11)::before {
  content: "11.";
}
._cms-contexts ol li:nth-of-type(12)::before {
  content: "12.";
}
._cms-contexts ol li:nth-of-type(13)::before {
  content: "13.";
}
._cms-contexts ol li:nth-of-type(14)::before {
  content: "14.";
}
._cms-contexts ol li:nth-of-type(15)::before {
  content: "15.";
}
._cms-contexts ol li:nth-of-type(16)::before {
  content: "16.";
}
._cms-contexts ol li:nth-of-type(17)::before {
  content: "17.";
}
._cms-contexts ol li:nth-of-type(18)::before {
  content: "18.";
}
._cms-contexts ol li:nth-of-type(19)::before {
  content: "19.";
}
._cms-contexts ol li:nth-of-type(20)::before {
  content: "20.";
}
._cms-contexts ol li:nth-of-type(21)::before {
  content: "21.";
}
._cms-contexts ol li:nth-of-type(22)::before {
  content: "22.";
}
._cms-contexts ol li:nth-of-type(23)::before {
  content: "23.";
}
._cms-contexts ol li:nth-of-type(24)::before {
  content: "24.";
}
._cms-contexts ol li:nth-of-type(25)::before {
  content: "25.";
}
._cms-contexts ol li:nth-of-type(26)::before {
  content: "26.";
}
._cms-contexts ol li:nth-of-type(27)::before {
  content: "27.";
}
._cms-contexts ol li:nth-of-type(28)::before {
  content: "28.";
}
._cms-contexts ol li:nth-of-type(29)::before {
  content: "29.";
}
._cms-contexts ol li:nth-of-type(30)::before {
  content: "30.";
}
._cms-contexts ol li:nth-of-type(31)::before {
  content: "31.";
}
._cms-contexts ol li:nth-of-type(32)::before {
  content: "32.";
}
._cms-contexts ol li:nth-of-type(33)::before {
  content: "33.";
}
._cms-contexts ol li:nth-of-type(34)::before {
  content: "34.";
}
._cms-contexts ol li:nth-of-type(35)::before {
  content: "35.";
}
._cms-contexts ol li:nth-of-type(36)::before {
  content: "36.";
}
._cms-contexts ol li:nth-of-type(37)::before {
  content: "37.";
}
._cms-contexts ol li:nth-of-type(38)::before {
  content: "38.";
}
._cms-contexts ol li:nth-of-type(39)::before {
  content: "39.";
}
._cms-contexts ol li:nth-of-type(40)::before {
  content: "40.";
}
._cms-contexts ol li:nth-of-type(41)::before {
  content: "41.";
}
._cms-contexts ol li:nth-of-type(42)::before {
  content: "42.";
}
._cms-contexts ol li:nth-of-type(43)::before {
  content: "43.";
}
._cms-contexts ol li:nth-of-type(44)::before {
  content: "44.";
}
._cms-contexts ol li:nth-of-type(45)::before {
  content: "45.";
}
._cms-contexts ol li:nth-of-type(46)::before {
  content: "46.";
}
._cms-contexts ol li:nth-of-type(47)::before {
  content: "47.";
}
._cms-contexts ol li:nth-of-type(48)::before {
  content: "48.";
}
._cms-contexts ol li:nth-of-type(49)::before {
  content: "49.";
}
._cms-contexts ol li:nth-of-type(50)::before {
  content: "50.";
}
._cms-contexts ol li:nth-of-type(51)::before {
  content: "51.";
}
._cms-contexts ol li:nth-of-type(52)::before {
  content: "52.";
}
._cms-contexts ol li:nth-of-type(53)::before {
  content: "53.";
}
._cms-contexts ol li:nth-of-type(54)::before {
  content: "54.";
}
._cms-contexts ol li:nth-of-type(55)::before {
  content: "55.";
}
._cms-contexts ol li:nth-of-type(56)::before {
  content: "56.";
}
._cms-contexts ol li:nth-of-type(57)::before {
  content: "57.";
}
._cms-contexts ol li:nth-of-type(58)::before {
  content: "58.";
}
._cms-contexts ol li:nth-of-type(59)::before {
  content: "59.";
}
._cms-contexts ol li:nth-of-type(60)::before {
  content: "60.";
}
._cms-contexts ol li:nth-of-type(61)::before {
  content: "61.";
}
._cms-contexts ol li:nth-of-type(62)::before {
  content: "62.";
}
._cms-contexts ol li:nth-of-type(63)::before {
  content: "63.";
}
._cms-contexts ol li:nth-of-type(64)::before {
  content: "64.";
}
._cms-contexts ol li:nth-of-type(65)::before {
  content: "65.";
}
._cms-contexts ol li:nth-of-type(66)::before {
  content: "66.";
}
._cms-contexts ol li:nth-of-type(67)::before {
  content: "67.";
}
._cms-contexts ol li:nth-of-type(68)::before {
  content: "68.";
}
._cms-contexts ol li:nth-of-type(69)::before {
  content: "69.";
}
._cms-contexts ol li:nth-of-type(70)::before {
  content: "70.";
}
._cms-contexts ol li:nth-of-type(71)::before {
  content: "71.";
}
._cms-contexts ol li:nth-of-type(72)::before {
  content: "72.";
}
._cms-contexts ol li:nth-of-type(73)::before {
  content: "73.";
}
._cms-contexts ol li:nth-of-type(74)::before {
  content: "74.";
}
._cms-contexts ol li:nth-of-type(75)::before {
  content: "75.";
}
._cms-contexts ol li:nth-of-type(76)::before {
  content: "76.";
}
._cms-contexts ol li:nth-of-type(77)::before {
  content: "77.";
}
._cms-contexts ol li:nth-of-type(78)::before {
  content: "78.";
}
._cms-contexts ol li:nth-of-type(79)::before {
  content: "79.";
}
._cms-contexts ol li:nth-of-type(80)::before {
  content: "80.";
}
._cms-contexts ol li:nth-of-type(81)::before {
  content: "81.";
}
._cms-contexts ol li:nth-of-type(82)::before {
  content: "82.";
}
._cms-contexts ol li:nth-of-type(83)::before {
  content: "83.";
}
._cms-contexts ol li:nth-of-type(84)::before {
  content: "84.";
}
._cms-contexts ol li:nth-of-type(85)::before {
  content: "85.";
}
._cms-contexts ol li:nth-of-type(86)::before {
  content: "86.";
}
._cms-contexts ol li:nth-of-type(87)::before {
  content: "87.";
}
._cms-contexts ol li:nth-of-type(88)::before {
  content: "88.";
}
._cms-contexts ol li:nth-of-type(89)::before {
  content: "89.";
}
._cms-contexts ol li:nth-of-type(90)::before {
  content: "90.";
}
._cms-contexts ol li:nth-of-type(91)::before {
  content: "91.";
}
._cms-contexts ol li:nth-of-type(92)::before {
  content: "92.";
}
._cms-contexts ol li:nth-of-type(93)::before {
  content: "93.";
}
._cms-contexts ol li:nth-of-type(94)::before {
  content: "94.";
}
._cms-contexts ol li:nth-of-type(95)::before {
  content: "95.";
}
._cms-contexts ol li:nth-of-type(96)::before {
  content: "96.";
}
._cms-contexts ol li:nth-of-type(97)::before {
  content: "97.";
}
._cms-contexts ol li:nth-of-type(98)::before {
  content: "98.";
}
._cms-contexts ol li:nth-of-type(99)::before {
  content: "99.";
}
._cms-contexts ol li:nth-of-type(100)::before {
  content: "100.";
}
._cms-contexts ol li:nth-of-type(101)::before {
  content: "101.";
}
._cms-contexts ol li:nth-of-type(102)::before {
  content: "102.";
}
._cms-contexts ol li:nth-of-type(103)::before {
  content: "103.";
}
._cms-contexts ol li:nth-of-type(104)::before {
  content: "104.";
}
._cms-contexts ol li:nth-of-type(105)::before {
  content: "105.";
}
._cms-contexts ol li:nth-of-type(106)::before {
  content: "106.";
}
._cms-contexts ol li:nth-of-type(107)::before {
  content: "107.";
}
._cms-contexts ol li:nth-of-type(108)::before {
  content: "108.";
}
._cms-contexts ol li:nth-of-type(109)::before {
  content: "109.";
}
._cms-contexts ol li:nth-of-type(110)::before {
  content: "110.";
}
._cms-contexts ol li:nth-of-type(111)::before {
  content: "111.";
}
._cms-contexts ol li:nth-of-type(112)::before {
  content: "112.";
}
._cms-contexts ol li:nth-of-type(113)::before {
  content: "113.";
}
._cms-contexts ol li:nth-of-type(114)::before {
  content: "114.";
}
._cms-contexts ol li:nth-of-type(115)::before {
  content: "115.";
}
._cms-contexts ol li:nth-of-type(116)::before {
  content: "116.";
}
._cms-contexts ol li:nth-of-type(117)::before {
  content: "117.";
}
._cms-contexts ol li:nth-of-type(118)::before {
  content: "118.";
}
._cms-contexts ol li:nth-of-type(119)::before {
  content: "119.";
}
._cms-contexts ol li:nth-of-type(120)::before {
  content: "120.";
}
._cms-contexts ol li:nth-of-type(121)::before {
  content: "121.";
}
._cms-contexts ol li:nth-of-type(122)::before {
  content: "122.";
}
._cms-contexts ol li:nth-of-type(123)::before {
  content: "123.";
}
._cms-contexts ol li:nth-of-type(124)::before {
  content: "124.";
}
._cms-contexts ol li:nth-of-type(125)::before {
  content: "125.";
}
._cms-contexts ol li:nth-of-type(126)::before {
  content: "126.";
}
._cms-contexts ol li:nth-of-type(127)::before {
  content: "127.";
}
._cms-contexts ol li:nth-of-type(128)::before {
  content: "128.";
}
._cms-contexts ol li:nth-of-type(129)::before {
  content: "129.";
}
._cms-contexts ol li:nth-of-type(130)::before {
  content: "130.";
}
._cms-contexts ol li:nth-of-type(131)::before {
  content: "131.";
}
._cms-contexts ol li:nth-of-type(132)::before {
  content: "132.";
}
._cms-contexts ol li:nth-of-type(133)::before {
  content: "133.";
}
._cms-contexts ol li:nth-of-type(134)::before {
  content: "134.";
}
._cms-contexts ol li:nth-of-type(135)::before {
  content: "135.";
}
._cms-contexts ol li:nth-of-type(136)::before {
  content: "136.";
}
._cms-contexts ol li:nth-of-type(137)::before {
  content: "137.";
}
._cms-contexts ol li:nth-of-type(138)::before {
  content: "138.";
}
._cms-contexts ol li:nth-of-type(139)::before {
  content: "139.";
}
._cms-contexts ol li:nth-of-type(140)::before {
  content: "140.";
}
._cms-contexts ol li:nth-of-type(141)::before {
  content: "141.";
}
._cms-contexts ol li:nth-of-type(142)::before {
  content: "142.";
}
._cms-contexts ol li:nth-of-type(143)::before {
  content: "143.";
}
._cms-contexts ol li:nth-of-type(144)::before {
  content: "144.";
}
._cms-contexts ol li:nth-of-type(145)::before {
  content: "145.";
}
._cms-contexts ol li:nth-of-type(146)::before {
  content: "146.";
}
._cms-contexts ol li:nth-of-type(147)::before {
  content: "147.";
}
._cms-contexts ol li:nth-of-type(148)::before {
  content: "148.";
}
._cms-contexts ol li:nth-of-type(149)::before {
  content: "149.";
}
._cms-contexts ol li:nth-of-type(150)::before {
  content: "150.";
}
._cms-contexts ol li:nth-of-type(151)::before {
  content: "151.";
}
._cms-contexts ol li:nth-of-type(152)::before {
  content: "152.";
}
._cms-contexts ol li:nth-of-type(153)::before {
  content: "153.";
}
._cms-contexts ol li:nth-of-type(154)::before {
  content: "154.";
}
._cms-contexts ol li:nth-of-type(155)::before {
  content: "155.";
}
._cms-contexts ol li:nth-of-type(156)::before {
  content: "156.";
}
._cms-contexts ol li:nth-of-type(157)::before {
  content: "157.";
}
._cms-contexts ol li:nth-of-type(158)::before {
  content: "158.";
}
._cms-contexts ol li:nth-of-type(159)::before {
  content: "159.";
}
._cms-contexts ol li:nth-of-type(160)::before {
  content: "160.";
}
._cms-contexts ol li:nth-of-type(161)::before {
  content: "161.";
}
._cms-contexts ol li:nth-of-type(162)::before {
  content: "162.";
}
._cms-contexts ol li:nth-of-type(163)::before {
  content: "163.";
}
._cms-contexts ol li:nth-of-type(164)::before {
  content: "164.";
}
._cms-contexts ol li:nth-of-type(165)::before {
  content: "165.";
}
._cms-contexts ol li:nth-of-type(166)::before {
  content: "166.";
}
._cms-contexts ol li:nth-of-type(167)::before {
  content: "167.";
}
._cms-contexts ol li:nth-of-type(168)::before {
  content: "168.";
}
._cms-contexts ol li:nth-of-type(169)::before {
  content: "169.";
}
._cms-contexts ol li:nth-of-type(170)::before {
  content: "170.";
}
._cms-contexts ol li:nth-of-type(171)::before {
  content: "171.";
}
._cms-contexts ol li:nth-of-type(172)::before {
  content: "172.";
}
._cms-contexts ol li:nth-of-type(173)::before {
  content: "173.";
}
._cms-contexts ol li:nth-of-type(174)::before {
  content: "174.";
}
._cms-contexts ol li:nth-of-type(175)::before {
  content: "175.";
}
._cms-contexts ol li:nth-of-type(176)::before {
  content: "176.";
}
._cms-contexts ol li:nth-of-type(177)::before {
  content: "177.";
}
._cms-contexts ol li:nth-of-type(178)::before {
  content: "178.";
}
._cms-contexts ol li:nth-of-type(179)::before {
  content: "179.";
}
._cms-contexts ol li:nth-of-type(180)::before {
  content: "180.";
}
._cms-contexts ol li:nth-of-type(181)::before {
  content: "181.";
}
._cms-contexts ol li:nth-of-type(182)::before {
  content: "182.";
}
._cms-contexts ol li:nth-of-type(183)::before {
  content: "183.";
}
._cms-contexts ol li:nth-of-type(184)::before {
  content: "184.";
}
._cms-contexts ol li:nth-of-type(185)::before {
  content: "185.";
}
._cms-contexts ol li:nth-of-type(186)::before {
  content: "186.";
}
._cms-contexts ol li:nth-of-type(187)::before {
  content: "187.";
}
._cms-contexts ol li:nth-of-type(188)::before {
  content: "188.";
}
._cms-contexts ol li:nth-of-type(189)::before {
  content: "189.";
}
._cms-contexts ol li:nth-of-type(190)::before {
  content: "190.";
}
._cms-contexts ol li:nth-of-type(191)::before {
  content: "191.";
}
._cms-contexts ol li:nth-of-type(192)::before {
  content: "192.";
}
._cms-contexts ol li:nth-of-type(193)::before {
  content: "193.";
}
._cms-contexts ol li:nth-of-type(194)::before {
  content: "194.";
}
._cms-contexts ol li:nth-of-type(195)::before {
  content: "195.";
}
._cms-contexts ol li:nth-of-type(196)::before {
  content: "196.";
}
._cms-contexts ol li:nth-of-type(197)::before {
  content: "197.";
}
._cms-contexts ol li:nth-of-type(198)::before {
  content: "198.";
}
._cms-contexts ol li:nth-of-type(199)::before {
  content: "199.";
}
._cms-contexts ol li:nth-of-type(200)::before {
  content: "200.";
}
._cms-contexts ol li:nth-of-type(201)::before {
  content: "201.";
}
._cms-contexts ol li:nth-of-type(202)::before {
  content: "202.";
}
._cms-contexts ol li:nth-of-type(203)::before {
  content: "203.";
}
._cms-contexts ol li:nth-of-type(204)::before {
  content: "204.";
}
._cms-contexts ol li:nth-of-type(205)::before {
  content: "205.";
}
._cms-contexts ol li:nth-of-type(206)::before {
  content: "206.";
}
._cms-contexts ol li:nth-of-type(207)::before {
  content: "207.";
}
._cms-contexts ol li:nth-of-type(208)::before {
  content: "208.";
}
._cms-contexts ol li:nth-of-type(209)::before {
  content: "209.";
}
._cms-contexts ol li:nth-of-type(210)::before {
  content: "210.";
}
._cms-contexts ol li:nth-of-type(211)::before {
  content: "211.";
}
._cms-contexts ol li:nth-of-type(212)::before {
  content: "212.";
}
._cms-contexts ol li:nth-of-type(213)::before {
  content: "213.";
}
._cms-contexts ol li:nth-of-type(214)::before {
  content: "214.";
}
._cms-contexts ol li:nth-of-type(215)::before {
  content: "215.";
}
._cms-contexts ol li:nth-of-type(216)::before {
  content: "216.";
}
._cms-contexts ol li:nth-of-type(217)::before {
  content: "217.";
}
._cms-contexts ol li:nth-of-type(218)::before {
  content: "218.";
}
._cms-contexts ol li:nth-of-type(219)::before {
  content: "219.";
}
._cms-contexts ol li:nth-of-type(220)::before {
  content: "220.";
}
._cms-contexts ol li:nth-of-type(221)::before {
  content: "221.";
}
._cms-contexts ol li:nth-of-type(222)::before {
  content: "222.";
}
._cms-contexts ol li:nth-of-type(223)::before {
  content: "223.";
}
._cms-contexts ol li:nth-of-type(224)::before {
  content: "224.";
}
._cms-contexts ol li:nth-of-type(225)::before {
  content: "225.";
}
._cms-contexts ol li:nth-of-type(226)::before {
  content: "226.";
}
._cms-contexts ol li:nth-of-type(227)::before {
  content: "227.";
}
._cms-contexts ol li:nth-of-type(228)::before {
  content: "228.";
}
._cms-contexts ol li:nth-of-type(229)::before {
  content: "229.";
}
._cms-contexts ol li:nth-of-type(230)::before {
  content: "230.";
}
._cms-contexts ol li:nth-of-type(231)::before {
  content: "231.";
}
._cms-contexts ol li:nth-of-type(232)::before {
  content: "232.";
}
._cms-contexts ol li:nth-of-type(233)::before {
  content: "233.";
}
._cms-contexts ol li:nth-of-type(234)::before {
  content: "234.";
}
._cms-contexts ol li:nth-of-type(235)::before {
  content: "235.";
}
._cms-contexts ol li:nth-of-type(236)::before {
  content: "236.";
}
._cms-contexts ol li:nth-of-type(237)::before {
  content: "237.";
}
._cms-contexts ol li:nth-of-type(238)::before {
  content: "238.";
}
._cms-contexts ol li:nth-of-type(239)::before {
  content: "239.";
}
._cms-contexts ol li:nth-of-type(240)::before {
  content: "240.";
}
._cms-contexts ol li:nth-of-type(241)::before {
  content: "241.";
}
._cms-contexts ol li:nth-of-type(242)::before {
  content: "242.";
}
._cms-contexts ol li:nth-of-type(243)::before {
  content: "243.";
}
._cms-contexts ol li:nth-of-type(244)::before {
  content: "244.";
}
._cms-contexts ol li:nth-of-type(245)::before {
  content: "245.";
}
._cms-contexts ol li:nth-of-type(246)::before {
  content: "246.";
}
._cms-contexts ol li:nth-of-type(247)::before {
  content: "247.";
}
._cms-contexts ol li:nth-of-type(248)::before {
  content: "248.";
}
._cms-contexts ol li:nth-of-type(249)::before {
  content: "249.";
}
._cms-contexts ol li:nth-of-type(250)::before {
  content: "250.";
}
._cms-contexts ol li:nth-of-type(251)::before {
  content: "251.";
}
._cms-contexts ol li:nth-of-type(252)::before {
  content: "252.";
}
._cms-contexts ol li:nth-of-type(253)::before {
  content: "253.";
}
._cms-contexts ol li:nth-of-type(254)::before {
  content: "254.";
}
._cms-contexts ol li:nth-of-type(255)::before {
  content: "255.";
}
._cms-contexts ol li:nth-of-type(256)::before {
  content: "256.";
}
._cms-contexts ol li:nth-of-type(257)::before {
  content: "257.";
}
._cms-contexts ol li:nth-of-type(258)::before {
  content: "258.";
}
._cms-contexts ol li:nth-of-type(259)::before {
  content: "259.";
}
._cms-contexts ol li:nth-of-type(260)::before {
  content: "260.";
}
._cms-contexts ol li:nth-of-type(261)::before {
  content: "261.";
}
._cms-contexts ol li:nth-of-type(262)::before {
  content: "262.";
}
._cms-contexts ol li:nth-of-type(263)::before {
  content: "263.";
}
._cms-contexts ol li:nth-of-type(264)::before {
  content: "264.";
}
._cms-contexts ol li:nth-of-type(265)::before {
  content: "265.";
}
._cms-contexts ol li:nth-of-type(266)::before {
  content: "266.";
}
._cms-contexts ol li:nth-of-type(267)::before {
  content: "267.";
}
._cms-contexts ol li:nth-of-type(268)::before {
  content: "268.";
}
._cms-contexts ol li:nth-of-type(269)::before {
  content: "269.";
}
._cms-contexts ol li:nth-of-type(270)::before {
  content: "270.";
}
._cms-contexts ol li:nth-of-type(271)::before {
  content: "271.";
}
._cms-contexts ol li:nth-of-type(272)::before {
  content: "272.";
}
._cms-contexts ol li:nth-of-type(273)::before {
  content: "273.";
}
._cms-contexts ol li:nth-of-type(274)::before {
  content: "274.";
}
._cms-contexts ol li:nth-of-type(275)::before {
  content: "275.";
}
._cms-contexts ol li:nth-of-type(276)::before {
  content: "276.";
}
._cms-contexts ol li:nth-of-type(277)::before {
  content: "277.";
}
._cms-contexts ol li:nth-of-type(278)::before {
  content: "278.";
}
._cms-contexts ol li:nth-of-type(279)::before {
  content: "279.";
}
._cms-contexts ol li:nth-of-type(280)::before {
  content: "280.";
}
._cms-contexts ol li:nth-of-type(281)::before {
  content: "281.";
}
._cms-contexts ol li:nth-of-type(282)::before {
  content: "282.";
}
._cms-contexts ol li:nth-of-type(283)::before {
  content: "283.";
}
._cms-contexts ol li:nth-of-type(284)::before {
  content: "284.";
}
._cms-contexts ol li:nth-of-type(285)::before {
  content: "285.";
}
._cms-contexts ol li:nth-of-type(286)::before {
  content: "286.";
}
._cms-contexts ol li:nth-of-type(287)::before {
  content: "287.";
}
._cms-contexts ol li:nth-of-type(288)::before {
  content: "288.";
}
._cms-contexts ol li:nth-of-type(289)::before {
  content: "289.";
}
._cms-contexts ol li:nth-of-type(290)::before {
  content: "290.";
}
._cms-contexts ol li:nth-of-type(291)::before {
  content: "291.";
}
._cms-contexts ol li:nth-of-type(292)::before {
  content: "292.";
}
._cms-contexts ol li:nth-of-type(293)::before {
  content: "293.";
}
._cms-contexts ol li:nth-of-type(294)::before {
  content: "294.";
}
._cms-contexts ol li:nth-of-type(295)::before {
  content: "295.";
}
._cms-contexts ol li:nth-of-type(296)::before {
  content: "296.";
}
._cms-contexts ol li:nth-of-type(297)::before {
  content: "297.";
}
._cms-contexts ol li:nth-of-type(298)::before {
  content: "298.";
}
._cms-contexts ol li:nth-of-type(299)::before {
  content: "299.";
}
._cms-contexts ol li:nth-of-type(300)::before {
  content: "300.";
}
._cms-contexts ol li:nth-of-type(301)::before {
  content: "301.";
}
._cms-contexts ol li:nth-of-type(302)::before {
  content: "302.";
}
._cms-contexts ol li:nth-of-type(303)::before {
  content: "303.";
}
._cms-contexts ol li:nth-of-type(304)::before {
  content: "304.";
}
._cms-contexts ol li:nth-of-type(305)::before {
  content: "305.";
}
._cms-contexts ol li:nth-of-type(306)::before {
  content: "306.";
}
._cms-contexts ol li:nth-of-type(307)::before {
  content: "307.";
}
._cms-contexts ol li:nth-of-type(308)::before {
  content: "308.";
}
._cms-contexts ol li:nth-of-type(309)::before {
  content: "309.";
}
._cms-contexts ol li:nth-of-type(310)::before {
  content: "310.";
}
._cms-contexts ol li:nth-of-type(311)::before {
  content: "311.";
}
._cms-contexts ol li:nth-of-type(312)::before {
  content: "312.";
}
._cms-contexts ol li:nth-of-type(313)::before {
  content: "313.";
}
._cms-contexts ol li:nth-of-type(314)::before {
  content: "314.";
}
._cms-contexts ol li:nth-of-type(315)::before {
  content: "315.";
}
._cms-contexts ol li:nth-of-type(316)::before {
  content: "316.";
}
._cms-contexts ol li:nth-of-type(317)::before {
  content: "317.";
}
._cms-contexts ol li:nth-of-type(318)::before {
  content: "318.";
}
._cms-contexts ol li:nth-of-type(319)::before {
  content: "319.";
}
._cms-contexts ol li:nth-of-type(320)::before {
  content: "320.";
}
._cms-contexts ol li:nth-of-type(321)::before {
  content: "321.";
}
._cms-contexts ol li:nth-of-type(322)::before {
  content: "322.";
}
._cms-contexts ol li:nth-of-type(323)::before {
  content: "323.";
}
._cms-contexts ol li:nth-of-type(324)::before {
  content: "324.";
}
._cms-contexts ol li:nth-of-type(325)::before {
  content: "325.";
}
._cms-contexts ol li:nth-of-type(326)::before {
  content: "326.";
}
._cms-contexts ol li:nth-of-type(327)::before {
  content: "327.";
}
._cms-contexts ol li:nth-of-type(328)::before {
  content: "328.";
}
._cms-contexts ol li:nth-of-type(329)::before {
  content: "329.";
}
._cms-contexts ol li:nth-of-type(330)::before {
  content: "330.";
}
._cms-contexts ol li:nth-of-type(331)::before {
  content: "331.";
}
._cms-contexts ol li:nth-of-type(332)::before {
  content: "332.";
}
._cms-contexts ol li:nth-of-type(333)::before {
  content: "333.";
}
._cms-contexts ol li:nth-of-type(334)::before {
  content: "334.";
}
._cms-contexts ol li:nth-of-type(335)::before {
  content: "335.";
}
._cms-contexts ol li:nth-of-type(336)::before {
  content: "336.";
}
._cms-contexts ol li:nth-of-type(337)::before {
  content: "337.";
}
._cms-contexts ol li:nth-of-type(338)::before {
  content: "338.";
}
._cms-contexts ol li:nth-of-type(339)::before {
  content: "339.";
}
._cms-contexts ol li:nth-of-type(340)::before {
  content: "340.";
}
._cms-contexts ol li:nth-of-type(341)::before {
  content: "341.";
}
._cms-contexts ol li:nth-of-type(342)::before {
  content: "342.";
}
._cms-contexts ol li:nth-of-type(343)::before {
  content: "343.";
}
._cms-contexts ol li:nth-of-type(344)::before {
  content: "344.";
}
._cms-contexts ol li:nth-of-type(345)::before {
  content: "345.";
}
._cms-contexts ol li:nth-of-type(346)::before {
  content: "346.";
}
._cms-contexts ol li:nth-of-type(347)::before {
  content: "347.";
}
._cms-contexts ol li:nth-of-type(348)::before {
  content: "348.";
}
._cms-contexts ol li:nth-of-type(349)::before {
  content: "349.";
}
._cms-contexts ol li:nth-of-type(350)::before {
  content: "350.";
}
._cms-contexts ol li:nth-of-type(351)::before {
  content: "351.";
}
._cms-contexts ol li:nth-of-type(352)::before {
  content: "352.";
}
._cms-contexts ol li:nth-of-type(353)::before {
  content: "353.";
}
._cms-contexts ol li:nth-of-type(354)::before {
  content: "354.";
}
._cms-contexts ol li:nth-of-type(355)::before {
  content: "355.";
}
._cms-contexts ol li:nth-of-type(356)::before {
  content: "356.";
}
._cms-contexts ol li:nth-of-type(357)::before {
  content: "357.";
}
._cms-contexts ol li:nth-of-type(358)::before {
  content: "358.";
}
._cms-contexts ol li:nth-of-type(359)::before {
  content: "359.";
}
._cms-contexts ol li:nth-of-type(360)::before {
  content: "360.";
}
._cms-contexts ol li:nth-of-type(361)::before {
  content: "361.";
}
._cms-contexts ol li:nth-of-type(362)::before {
  content: "362.";
}
._cms-contexts ol li:nth-of-type(363)::before {
  content: "363.";
}
._cms-contexts ol li:nth-of-type(364)::before {
  content: "364.";
}
._cms-contexts ol li:nth-of-type(365)::before {
  content: "365.";
}
._cms-contexts ol li:nth-of-type(366)::before {
  content: "366.";
}
._cms-contexts ol li:nth-of-type(367)::before {
  content: "367.";
}
._cms-contexts ol li:nth-of-type(368)::before {
  content: "368.";
}
._cms-contexts ol li:nth-of-type(369)::before {
  content: "369.";
}
._cms-contexts ol li:nth-of-type(370)::before {
  content: "370.";
}
._cms-contexts ol li:nth-of-type(371)::before {
  content: "371.";
}
._cms-contexts ol li:nth-of-type(372)::before {
  content: "372.";
}
._cms-contexts ol li:nth-of-type(373)::before {
  content: "373.";
}
._cms-contexts ol li:nth-of-type(374)::before {
  content: "374.";
}
._cms-contexts ol li:nth-of-type(375)::before {
  content: "375.";
}
._cms-contexts ol li:nth-of-type(376)::before {
  content: "376.";
}
._cms-contexts ol li:nth-of-type(377)::before {
  content: "377.";
}
._cms-contexts ol li:nth-of-type(378)::before {
  content: "378.";
}
._cms-contexts ol li:nth-of-type(379)::before {
  content: "379.";
}
._cms-contexts ol li:nth-of-type(380)::before {
  content: "380.";
}
._cms-contexts ol li:nth-of-type(381)::before {
  content: "381.";
}
._cms-contexts ol li:nth-of-type(382)::before {
  content: "382.";
}
._cms-contexts ol li:nth-of-type(383)::before {
  content: "383.";
}
._cms-contexts ol li:nth-of-type(384)::before {
  content: "384.";
}
._cms-contexts ol li:nth-of-type(385)::before {
  content: "385.";
}
._cms-contexts ol li:nth-of-type(386)::before {
  content: "386.";
}
._cms-contexts ol li:nth-of-type(387)::before {
  content: "387.";
}
._cms-contexts ol li:nth-of-type(388)::before {
  content: "388.";
}
._cms-contexts ol li:nth-of-type(389)::before {
  content: "389.";
}
._cms-contexts ol li:nth-of-type(390)::before {
  content: "390.";
}
._cms-contexts ol li:nth-of-type(391)::before {
  content: "391.";
}
._cms-contexts ol li:nth-of-type(392)::before {
  content: "392.";
}
._cms-contexts ol li:nth-of-type(393)::before {
  content: "393.";
}
._cms-contexts ol li:nth-of-type(394)::before {
  content: "394.";
}
._cms-contexts ol li:nth-of-type(395)::before {
  content: "395.";
}
._cms-contexts ol li:nth-of-type(396)::before {
  content: "396.";
}
._cms-contexts ol li:nth-of-type(397)::before {
  content: "397.";
}
._cms-contexts ol li:nth-of-type(398)::before {
  content: "398.";
}
._cms-contexts ol li:nth-of-type(399)::before {
  content: "399.";
}
._cms-contexts ol li:nth-of-type(400)::before {
  content: "400.";
}
._cms-contexts ol li:nth-of-type(401)::before {
  content: "401.";
}
._cms-contexts ol li:nth-of-type(402)::before {
  content: "402.";
}
._cms-contexts ol li:nth-of-type(403)::before {
  content: "403.";
}
._cms-contexts ol li:nth-of-type(404)::before {
  content: "404.";
}
._cms-contexts ol li:nth-of-type(405)::before {
  content: "405.";
}
._cms-contexts ol li:nth-of-type(406)::before {
  content: "406.";
}
._cms-contexts ol li:nth-of-type(407)::before {
  content: "407.";
}
._cms-contexts ol li:nth-of-type(408)::before {
  content: "408.";
}
._cms-contexts ol li:nth-of-type(409)::before {
  content: "409.";
}
._cms-contexts ol li:nth-of-type(410)::before {
  content: "410.";
}
._cms-contexts ol li:nth-of-type(411)::before {
  content: "411.";
}
._cms-contexts ol li:nth-of-type(412)::before {
  content: "412.";
}
._cms-contexts ol li:nth-of-type(413)::before {
  content: "413.";
}
._cms-contexts ol li:nth-of-type(414)::before {
  content: "414.";
}
._cms-contexts ol li:nth-of-type(415)::before {
  content: "415.";
}
._cms-contexts ol li:nth-of-type(416)::before {
  content: "416.";
}
._cms-contexts ol li:nth-of-type(417)::before {
  content: "417.";
}
._cms-contexts ol li:nth-of-type(418)::before {
  content: "418.";
}
._cms-contexts ol li:nth-of-type(419)::before {
  content: "419.";
}
._cms-contexts ol li:nth-of-type(420)::before {
  content: "420.";
}
._cms-contexts ol li:nth-of-type(421)::before {
  content: "421.";
}
._cms-contexts ol li:nth-of-type(422)::before {
  content: "422.";
}
._cms-contexts ol li:nth-of-type(423)::before {
  content: "423.";
}
._cms-contexts ol li:nth-of-type(424)::before {
  content: "424.";
}
._cms-contexts ol li:nth-of-type(425)::before {
  content: "425.";
}
._cms-contexts ol li:nth-of-type(426)::before {
  content: "426.";
}
._cms-contexts ol li:nth-of-type(427)::before {
  content: "427.";
}
._cms-contexts ol li:nth-of-type(428)::before {
  content: "428.";
}
._cms-contexts ol li:nth-of-type(429)::before {
  content: "429.";
}
._cms-contexts ol li:nth-of-type(430)::before {
  content: "430.";
}
._cms-contexts ol li:nth-of-type(431)::before {
  content: "431.";
}
._cms-contexts ol li:nth-of-type(432)::before {
  content: "432.";
}
._cms-contexts ol li:nth-of-type(433)::before {
  content: "433.";
}
._cms-contexts ol li:nth-of-type(434)::before {
  content: "434.";
}
._cms-contexts ol li:nth-of-type(435)::before {
  content: "435.";
}
._cms-contexts ol li:nth-of-type(436)::before {
  content: "436.";
}
._cms-contexts ol li:nth-of-type(437)::before {
  content: "437.";
}
._cms-contexts ol li:nth-of-type(438)::before {
  content: "438.";
}
._cms-contexts ol li:nth-of-type(439)::before {
  content: "439.";
}
._cms-contexts ol li:nth-of-type(440)::before {
  content: "440.";
}
._cms-contexts ol li:nth-of-type(441)::before {
  content: "441.";
}
._cms-contexts ol li:nth-of-type(442)::before {
  content: "442.";
}
._cms-contexts ol li:nth-of-type(443)::before {
  content: "443.";
}
._cms-contexts ol li:nth-of-type(444)::before {
  content: "444.";
}
._cms-contexts ol li:nth-of-type(445)::before {
  content: "445.";
}
._cms-contexts ol li:nth-of-type(446)::before {
  content: "446.";
}
._cms-contexts ol li:nth-of-type(447)::before {
  content: "447.";
}
._cms-contexts ol li:nth-of-type(448)::before {
  content: "448.";
}
._cms-contexts ol li:nth-of-type(449)::before {
  content: "449.";
}
._cms-contexts ol li:nth-of-type(450)::before {
  content: "450.";
}
._cms-contexts ol li:nth-of-type(451)::before {
  content: "451.";
}
._cms-contexts ol li:nth-of-type(452)::before {
  content: "452.";
}
._cms-contexts ol li:nth-of-type(453)::before {
  content: "453.";
}
._cms-contexts ol li:nth-of-type(454)::before {
  content: "454.";
}
._cms-contexts ol li:nth-of-type(455)::before {
  content: "455.";
}
._cms-contexts ol li:nth-of-type(456)::before {
  content: "456.";
}
._cms-contexts ol li:nth-of-type(457)::before {
  content: "457.";
}
._cms-contexts ol li:nth-of-type(458)::before {
  content: "458.";
}
._cms-contexts ol li:nth-of-type(459)::before {
  content: "459.";
}
._cms-contexts ol li:nth-of-type(460)::before {
  content: "460.";
}
._cms-contexts ol li:nth-of-type(461)::before {
  content: "461.";
}
._cms-contexts ol li:nth-of-type(462)::before {
  content: "462.";
}
._cms-contexts ol li:nth-of-type(463)::before {
  content: "463.";
}
._cms-contexts ol li:nth-of-type(464)::before {
  content: "464.";
}
._cms-contexts ol li:nth-of-type(465)::before {
  content: "465.";
}
._cms-contexts ol li:nth-of-type(466)::before {
  content: "466.";
}
._cms-contexts ol li:nth-of-type(467)::before {
  content: "467.";
}
._cms-contexts ol li:nth-of-type(468)::before {
  content: "468.";
}
._cms-contexts ol li:nth-of-type(469)::before {
  content: "469.";
}
._cms-contexts ol li:nth-of-type(470)::before {
  content: "470.";
}
._cms-contexts ol li:nth-of-type(471)::before {
  content: "471.";
}
._cms-contexts ol li:nth-of-type(472)::before {
  content: "472.";
}
._cms-contexts ol li:nth-of-type(473)::before {
  content: "473.";
}
._cms-contexts ol li:nth-of-type(474)::before {
  content: "474.";
}
._cms-contexts ol li:nth-of-type(475)::before {
  content: "475.";
}
._cms-contexts ol li:nth-of-type(476)::before {
  content: "476.";
}
._cms-contexts ol li:nth-of-type(477)::before {
  content: "477.";
}
._cms-contexts ol li:nth-of-type(478)::before {
  content: "478.";
}
._cms-contexts ol li:nth-of-type(479)::before {
  content: "479.";
}
._cms-contexts ol li:nth-of-type(480)::before {
  content: "480.";
}
._cms-contexts ol li:nth-of-type(481)::before {
  content: "481.";
}
._cms-contexts ol li:nth-of-type(482)::before {
  content: "482.";
}
._cms-contexts ol li:nth-of-type(483)::before {
  content: "483.";
}
._cms-contexts ol li:nth-of-type(484)::before {
  content: "484.";
}
._cms-contexts ol li:nth-of-type(485)::before {
  content: "485.";
}
._cms-contexts ol li:nth-of-type(486)::before {
  content: "486.";
}
._cms-contexts ol li:nth-of-type(487)::before {
  content: "487.";
}
._cms-contexts ol li:nth-of-type(488)::before {
  content: "488.";
}
._cms-contexts ol li:nth-of-type(489)::before {
  content: "489.";
}
._cms-contexts ol li:nth-of-type(490)::before {
  content: "490.";
}
._cms-contexts ol li:nth-of-type(491)::before {
  content: "491.";
}
._cms-contexts ol li:nth-of-type(492)::before {
  content: "492.";
}
._cms-contexts ol li:nth-of-type(493)::before {
  content: "493.";
}
._cms-contexts ol li:nth-of-type(494)::before {
  content: "494.";
}
._cms-contexts ol li:nth-of-type(495)::before {
  content: "495.";
}
._cms-contexts ol li:nth-of-type(496)::before {
  content: "496.";
}
._cms-contexts ol li:nth-of-type(497)::before {
  content: "497.";
}
._cms-contexts ol li:nth-of-type(498)::before {
  content: "498.";
}
._cms-contexts ol li:nth-of-type(499)::before {
  content: "499.";
}
._cms-contexts ol li:nth-of-type(500)::before {
  content: "500.";
}
._cms-contexts ol li:nth-of-type(501)::before {
  content: "501.";
}
._cms-contexts ol li:nth-of-type(502)::before {
  content: "502.";
}
._cms-contexts ol li:nth-of-type(503)::before {
  content: "503.";
}
._cms-contexts ol li:nth-of-type(504)::before {
  content: "504.";
}
._cms-contexts ol li:nth-of-type(505)::before {
  content: "505.";
}
._cms-contexts ol li:nth-of-type(506)::before {
  content: "506.";
}
._cms-contexts ol li:nth-of-type(507)::before {
  content: "507.";
}
._cms-contexts ol li:nth-of-type(508)::before {
  content: "508.";
}
._cms-contexts ol li:nth-of-type(509)::before {
  content: "509.";
}
._cms-contexts ol li:nth-of-type(510)::before {
  content: "510.";
}
._cms-contexts ol li:nth-of-type(511)::before {
  content: "511.";
}
._cms-contexts ol li:nth-of-type(512)::before {
  content: "512.";
}
._cms-contexts ol li:nth-of-type(513)::before {
  content: "513.";
}
._cms-contexts ol li:nth-of-type(514)::before {
  content: "514.";
}
._cms-contexts ol li:nth-of-type(515)::before {
  content: "515.";
}
._cms-contexts ol li:nth-of-type(516)::before {
  content: "516.";
}
._cms-contexts ol li:nth-of-type(517)::before {
  content: "517.";
}
._cms-contexts ol li:nth-of-type(518)::before {
  content: "518.";
}
._cms-contexts ol li:nth-of-type(519)::before {
  content: "519.";
}
._cms-contexts ol li:nth-of-type(520)::before {
  content: "520.";
}
._cms-contexts ol li:nth-of-type(521)::before {
  content: "521.";
}
._cms-contexts ol li:nth-of-type(522)::before {
  content: "522.";
}
._cms-contexts ol li:nth-of-type(523)::before {
  content: "523.";
}
._cms-contexts ol li:nth-of-type(524)::before {
  content: "524.";
}
._cms-contexts ol li:nth-of-type(525)::before {
  content: "525.";
}
._cms-contexts ol li:nth-of-type(526)::before {
  content: "526.";
}
._cms-contexts ol li:nth-of-type(527)::before {
  content: "527.";
}
._cms-contexts ol li:nth-of-type(528)::before {
  content: "528.";
}
._cms-contexts ol li:nth-of-type(529)::before {
  content: "529.";
}
._cms-contexts ol li:nth-of-type(530)::before {
  content: "530.";
}
._cms-contexts ol li:nth-of-type(531)::before {
  content: "531.";
}
._cms-contexts ol li:nth-of-type(532)::before {
  content: "532.";
}
._cms-contexts ol li:nth-of-type(533)::before {
  content: "533.";
}
._cms-contexts ol li:nth-of-type(534)::before {
  content: "534.";
}
._cms-contexts ol li:nth-of-type(535)::before {
  content: "535.";
}
._cms-contexts ol li:nth-of-type(536)::before {
  content: "536.";
}
._cms-contexts ol li:nth-of-type(537)::before {
  content: "537.";
}
._cms-contexts ol li:nth-of-type(538)::before {
  content: "538.";
}
._cms-contexts ol li:nth-of-type(539)::before {
  content: "539.";
}
._cms-contexts ol li:nth-of-type(540)::before {
  content: "540.";
}
._cms-contexts ol li:nth-of-type(541)::before {
  content: "541.";
}
._cms-contexts ol li:nth-of-type(542)::before {
  content: "542.";
}
._cms-contexts ol li:nth-of-type(543)::before {
  content: "543.";
}
._cms-contexts ol li:nth-of-type(544)::before {
  content: "544.";
}
._cms-contexts ol li:nth-of-type(545)::before {
  content: "545.";
}
._cms-contexts ol li:nth-of-type(546)::before {
  content: "546.";
}
._cms-contexts ol li:nth-of-type(547)::before {
  content: "547.";
}
._cms-contexts ol li:nth-of-type(548)::before {
  content: "548.";
}
._cms-contexts ol li:nth-of-type(549)::before {
  content: "549.";
}
._cms-contexts ol li:nth-of-type(550)::before {
  content: "550.";
}
._cms-contexts ol li:nth-of-type(551)::before {
  content: "551.";
}
._cms-contexts ol li:nth-of-type(552)::before {
  content: "552.";
}
._cms-contexts ol li:nth-of-type(553)::before {
  content: "553.";
}
._cms-contexts ol li:nth-of-type(554)::before {
  content: "554.";
}
._cms-contexts ol li:nth-of-type(555)::before {
  content: "555.";
}
._cms-contexts ol li:nth-of-type(556)::before {
  content: "556.";
}
._cms-contexts ol li:nth-of-type(557)::before {
  content: "557.";
}
._cms-contexts ol li:nth-of-type(558)::before {
  content: "558.";
}
._cms-contexts ol li:nth-of-type(559)::before {
  content: "559.";
}
._cms-contexts ol li:nth-of-type(560)::before {
  content: "560.";
}
._cms-contexts ol li:nth-of-type(561)::before {
  content: "561.";
}
._cms-contexts ol li:nth-of-type(562)::before {
  content: "562.";
}
._cms-contexts ol li:nth-of-type(563)::before {
  content: "563.";
}
._cms-contexts ol li:nth-of-type(564)::before {
  content: "564.";
}
._cms-contexts ol li:nth-of-type(565)::before {
  content: "565.";
}
._cms-contexts ol li:nth-of-type(566)::before {
  content: "566.";
}
._cms-contexts ol li:nth-of-type(567)::before {
  content: "567.";
}
._cms-contexts ol li:nth-of-type(568)::before {
  content: "568.";
}
._cms-contexts ol li:nth-of-type(569)::before {
  content: "569.";
}
._cms-contexts ol li:nth-of-type(570)::before {
  content: "570.";
}
._cms-contexts ol li:nth-of-type(571)::before {
  content: "571.";
}
._cms-contexts ol li:nth-of-type(572)::before {
  content: "572.";
}
._cms-contexts ol li:nth-of-type(573)::before {
  content: "573.";
}
._cms-contexts ol li:nth-of-type(574)::before {
  content: "574.";
}
._cms-contexts ol li:nth-of-type(575)::before {
  content: "575.";
}
._cms-contexts ol li:nth-of-type(576)::before {
  content: "576.";
}
._cms-contexts ol li:nth-of-type(577)::before {
  content: "577.";
}
._cms-contexts ol li:nth-of-type(578)::before {
  content: "578.";
}
._cms-contexts ol li:nth-of-type(579)::before {
  content: "579.";
}
._cms-contexts ol li:nth-of-type(580)::before {
  content: "580.";
}
._cms-contexts ol li:nth-of-type(581)::before {
  content: "581.";
}
._cms-contexts ol li:nth-of-type(582)::before {
  content: "582.";
}
._cms-contexts ol li:nth-of-type(583)::before {
  content: "583.";
}
._cms-contexts ol li:nth-of-type(584)::before {
  content: "584.";
}
._cms-contexts ol li:nth-of-type(585)::before {
  content: "585.";
}
._cms-contexts ol li:nth-of-type(586)::before {
  content: "586.";
}
._cms-contexts ol li:nth-of-type(587)::before {
  content: "587.";
}
._cms-contexts ol li:nth-of-type(588)::before {
  content: "588.";
}
._cms-contexts ol li:nth-of-type(589)::before {
  content: "589.";
}
._cms-contexts ol li:nth-of-type(590)::before {
  content: "590.";
}
._cms-contexts ol li:nth-of-type(591)::before {
  content: "591.";
}
._cms-contexts ol li:nth-of-type(592)::before {
  content: "592.";
}
._cms-contexts ol li:nth-of-type(593)::before {
  content: "593.";
}
._cms-contexts ol li:nth-of-type(594)::before {
  content: "594.";
}
._cms-contexts ol li:nth-of-type(595)::before {
  content: "595.";
}
._cms-contexts ol li:nth-of-type(596)::before {
  content: "596.";
}
._cms-contexts ol li:nth-of-type(597)::before {
  content: "597.";
}
._cms-contexts ol li:nth-of-type(598)::before {
  content: "598.";
}
._cms-contexts ol li:nth-of-type(599)::before {
  content: "599.";
}
._cms-contexts ol li:nth-of-type(600)::before {
  content: "600.";
}
._cms-contexts ol li:nth-of-type(601)::before {
  content: "601.";
}
._cms-contexts ol li:nth-of-type(602)::before {
  content: "602.";
}
._cms-contexts ol li:nth-of-type(603)::before {
  content: "603.";
}
._cms-contexts ol li:nth-of-type(604)::before {
  content: "604.";
}
._cms-contexts ol li:nth-of-type(605)::before {
  content: "605.";
}
._cms-contexts ol li:nth-of-type(606)::before {
  content: "606.";
}
._cms-contexts ol li:nth-of-type(607)::before {
  content: "607.";
}
._cms-contexts ol li:nth-of-type(608)::before {
  content: "608.";
}
._cms-contexts ol li:nth-of-type(609)::before {
  content: "609.";
}
._cms-contexts ol li:nth-of-type(610)::before {
  content: "610.";
}
._cms-contexts ol li:nth-of-type(611)::before {
  content: "611.";
}
._cms-contexts ol li:nth-of-type(612)::before {
  content: "612.";
}
._cms-contexts ol li:nth-of-type(613)::before {
  content: "613.";
}
._cms-contexts ol li:nth-of-type(614)::before {
  content: "614.";
}
._cms-contexts ol li:nth-of-type(615)::before {
  content: "615.";
}
._cms-contexts ol li:nth-of-type(616)::before {
  content: "616.";
}
._cms-contexts ol li:nth-of-type(617)::before {
  content: "617.";
}
._cms-contexts ol li:nth-of-type(618)::before {
  content: "618.";
}
._cms-contexts ol li:nth-of-type(619)::before {
  content: "619.";
}
._cms-contexts ol li:nth-of-type(620)::before {
  content: "620.";
}
._cms-contexts ol li:nth-of-type(621)::before {
  content: "621.";
}
._cms-contexts ol li:nth-of-type(622)::before {
  content: "622.";
}
._cms-contexts ol li:nth-of-type(623)::before {
  content: "623.";
}
._cms-contexts ol li:nth-of-type(624)::before {
  content: "624.";
}
._cms-contexts ol li:nth-of-type(625)::before {
  content: "625.";
}
._cms-contexts ol li:nth-of-type(626)::before {
  content: "626.";
}
._cms-contexts ol li:nth-of-type(627)::before {
  content: "627.";
}
._cms-contexts ol li:nth-of-type(628)::before {
  content: "628.";
}
._cms-contexts ol li:nth-of-type(629)::before {
  content: "629.";
}
._cms-contexts ol li:nth-of-type(630)::before {
  content: "630.";
}
._cms-contexts ol li:nth-of-type(631)::before {
  content: "631.";
}
._cms-contexts ol li:nth-of-type(632)::before {
  content: "632.";
}
._cms-contexts ol li:nth-of-type(633)::before {
  content: "633.";
}
._cms-contexts ol li:nth-of-type(634)::before {
  content: "634.";
}
._cms-contexts ol li:nth-of-type(635)::before {
  content: "635.";
}
._cms-contexts ol li:nth-of-type(636)::before {
  content: "636.";
}
._cms-contexts ol li:nth-of-type(637)::before {
  content: "637.";
}
._cms-contexts ol li:nth-of-type(638)::before {
  content: "638.";
}
._cms-contexts ol li:nth-of-type(639)::before {
  content: "639.";
}
._cms-contexts ol li:nth-of-type(640)::before {
  content: "640.";
}
._cms-contexts ol li:nth-of-type(641)::before {
  content: "641.";
}
._cms-contexts ol li:nth-of-type(642)::before {
  content: "642.";
}
._cms-contexts ol li:nth-of-type(643)::before {
  content: "643.";
}
._cms-contexts ol li:nth-of-type(644)::before {
  content: "644.";
}
._cms-contexts ol li:nth-of-type(645)::before {
  content: "645.";
}
._cms-contexts ol li:nth-of-type(646)::before {
  content: "646.";
}
._cms-contexts ol li:nth-of-type(647)::before {
  content: "647.";
}
._cms-contexts ol li:nth-of-type(648)::before {
  content: "648.";
}
._cms-contexts ol li:nth-of-type(649)::before {
  content: "649.";
}
._cms-contexts ol li:nth-of-type(650)::before {
  content: "650.";
}
._cms-contexts ol li:nth-of-type(651)::before {
  content: "651.";
}
._cms-contexts ol li:nth-of-type(652)::before {
  content: "652.";
}
._cms-contexts ol li:nth-of-type(653)::before {
  content: "653.";
}
._cms-contexts ol li:nth-of-type(654)::before {
  content: "654.";
}
._cms-contexts ol li:nth-of-type(655)::before {
  content: "655.";
}
._cms-contexts ol li:nth-of-type(656)::before {
  content: "656.";
}
._cms-contexts ol li:nth-of-type(657)::before {
  content: "657.";
}
._cms-contexts ol li:nth-of-type(658)::before {
  content: "658.";
}
._cms-contexts ol li:nth-of-type(659)::before {
  content: "659.";
}
._cms-contexts ol li:nth-of-type(660)::before {
  content: "660.";
}
._cms-contexts ol li:nth-of-type(661)::before {
  content: "661.";
}
._cms-contexts ol li:nth-of-type(662)::before {
  content: "662.";
}
._cms-contexts ol li:nth-of-type(663)::before {
  content: "663.";
}
._cms-contexts ol li:nth-of-type(664)::before {
  content: "664.";
}
._cms-contexts ol li:nth-of-type(665)::before {
  content: "665.";
}
._cms-contexts ol li:nth-of-type(666)::before {
  content: "666.";
}
._cms-contexts ol li:nth-of-type(667)::before {
  content: "667.";
}
._cms-contexts ol li:nth-of-type(668)::before {
  content: "668.";
}
._cms-contexts ol li:nth-of-type(669)::before {
  content: "669.";
}
._cms-contexts ol li:nth-of-type(670)::before {
  content: "670.";
}
._cms-contexts ol li:nth-of-type(671)::before {
  content: "671.";
}
._cms-contexts ol li:nth-of-type(672)::before {
  content: "672.";
}
._cms-contexts ol li:nth-of-type(673)::before {
  content: "673.";
}
._cms-contexts ol li:nth-of-type(674)::before {
  content: "674.";
}
._cms-contexts ol li:nth-of-type(675)::before {
  content: "675.";
}
._cms-contexts ol li:nth-of-type(676)::before {
  content: "676.";
}
._cms-contexts ol li:nth-of-type(677)::before {
  content: "677.";
}
._cms-contexts ol li:nth-of-type(678)::before {
  content: "678.";
}
._cms-contexts ol li:nth-of-type(679)::before {
  content: "679.";
}
._cms-contexts ol li:nth-of-type(680)::before {
  content: "680.";
}
._cms-contexts ol li:nth-of-type(681)::before {
  content: "681.";
}
._cms-contexts ol li:nth-of-type(682)::before {
  content: "682.";
}
._cms-contexts ol li:nth-of-type(683)::before {
  content: "683.";
}
._cms-contexts ol li:nth-of-type(684)::before {
  content: "684.";
}
._cms-contexts ol li:nth-of-type(685)::before {
  content: "685.";
}
._cms-contexts ol li:nth-of-type(686)::before {
  content: "686.";
}
._cms-contexts ol li:nth-of-type(687)::before {
  content: "687.";
}
._cms-contexts ol li:nth-of-type(688)::before {
  content: "688.";
}
._cms-contexts ol li:nth-of-type(689)::before {
  content: "689.";
}
._cms-contexts ol li:nth-of-type(690)::before {
  content: "690.";
}
._cms-contexts ol li:nth-of-type(691)::before {
  content: "691.";
}
._cms-contexts ol li:nth-of-type(692)::before {
  content: "692.";
}
._cms-contexts ol li:nth-of-type(693)::before {
  content: "693.";
}
._cms-contexts ol li:nth-of-type(694)::before {
  content: "694.";
}
._cms-contexts ol li:nth-of-type(695)::before {
  content: "695.";
}
._cms-contexts ol li:nth-of-type(696)::before {
  content: "696.";
}
._cms-contexts ol li:nth-of-type(697)::before {
  content: "697.";
}
._cms-contexts ol li:nth-of-type(698)::before {
  content: "698.";
}
._cms-contexts ol li:nth-of-type(699)::before {
  content: "699.";
}
._cms-contexts ol li:nth-of-type(700)::before {
  content: "700.";
}
._cms-contexts ol li:nth-of-type(701)::before {
  content: "701.";
}
._cms-contexts ol li:nth-of-type(702)::before {
  content: "702.";
}
._cms-contexts ol li:nth-of-type(703)::before {
  content: "703.";
}
._cms-contexts ol li:nth-of-type(704)::before {
  content: "704.";
}
._cms-contexts ol li:nth-of-type(705)::before {
  content: "705.";
}
._cms-contexts ol li:nth-of-type(706)::before {
  content: "706.";
}
._cms-contexts ol li:nth-of-type(707)::before {
  content: "707.";
}
._cms-contexts ol li:nth-of-type(708)::before {
  content: "708.";
}
._cms-contexts ol li:nth-of-type(709)::before {
  content: "709.";
}
._cms-contexts ol li:nth-of-type(710)::before {
  content: "710.";
}
._cms-contexts ol li:nth-of-type(711)::before {
  content: "711.";
}
._cms-contexts ol li:nth-of-type(712)::before {
  content: "712.";
}
._cms-contexts ol li:nth-of-type(713)::before {
  content: "713.";
}
._cms-contexts ol li:nth-of-type(714)::before {
  content: "714.";
}
._cms-contexts ol li:nth-of-type(715)::before {
  content: "715.";
}
._cms-contexts ol li:nth-of-type(716)::before {
  content: "716.";
}
._cms-contexts ol li:nth-of-type(717)::before {
  content: "717.";
}
._cms-contexts ol li:nth-of-type(718)::before {
  content: "718.";
}
._cms-contexts ol li:nth-of-type(719)::before {
  content: "719.";
}
._cms-contexts ol li:nth-of-type(720)::before {
  content: "720.";
}
._cms-contexts ol li:nth-of-type(721)::before {
  content: "721.";
}
._cms-contexts ol li:nth-of-type(722)::before {
  content: "722.";
}
._cms-contexts ol li:nth-of-type(723)::before {
  content: "723.";
}
._cms-contexts ol li:nth-of-type(724)::before {
  content: "724.";
}
._cms-contexts ol li:nth-of-type(725)::before {
  content: "725.";
}
._cms-contexts ol li:nth-of-type(726)::before {
  content: "726.";
}
._cms-contexts ol li:nth-of-type(727)::before {
  content: "727.";
}
._cms-contexts ol li:nth-of-type(728)::before {
  content: "728.";
}
._cms-contexts ol li:nth-of-type(729)::before {
  content: "729.";
}
._cms-contexts ol li:nth-of-type(730)::before {
  content: "730.";
}
._cms-contexts ol li:nth-of-type(731)::before {
  content: "731.";
}
._cms-contexts ol li:nth-of-type(732)::before {
  content: "732.";
}
._cms-contexts ol li:nth-of-type(733)::before {
  content: "733.";
}
._cms-contexts ol li:nth-of-type(734)::before {
  content: "734.";
}
._cms-contexts ol li:nth-of-type(735)::before {
  content: "735.";
}
._cms-contexts ol li:nth-of-type(736)::before {
  content: "736.";
}
._cms-contexts ol li:nth-of-type(737)::before {
  content: "737.";
}
._cms-contexts ol li:nth-of-type(738)::before {
  content: "738.";
}
._cms-contexts ol li:nth-of-type(739)::before {
  content: "739.";
}
._cms-contexts ol li:nth-of-type(740)::before {
  content: "740.";
}
._cms-contexts ol li:nth-of-type(741)::before {
  content: "741.";
}
._cms-contexts ol li:nth-of-type(742)::before {
  content: "742.";
}
._cms-contexts ol li:nth-of-type(743)::before {
  content: "743.";
}
._cms-contexts ol li:nth-of-type(744)::before {
  content: "744.";
}
._cms-contexts ol li:nth-of-type(745)::before {
  content: "745.";
}
._cms-contexts ol li:nth-of-type(746)::before {
  content: "746.";
}
._cms-contexts ol li:nth-of-type(747)::before {
  content: "747.";
}
._cms-contexts ol li:nth-of-type(748)::before {
  content: "748.";
}
._cms-contexts ol li:nth-of-type(749)::before {
  content: "749.";
}
._cms-contexts ol li:nth-of-type(750)::before {
  content: "750.";
}
._cms-contexts ol li:nth-of-type(751)::before {
  content: "751.";
}
._cms-contexts ol li:nth-of-type(752)::before {
  content: "752.";
}
._cms-contexts ol li:nth-of-type(753)::before {
  content: "753.";
}
._cms-contexts ol li:nth-of-type(754)::before {
  content: "754.";
}
._cms-contexts ol li:nth-of-type(755)::before {
  content: "755.";
}
._cms-contexts ol li:nth-of-type(756)::before {
  content: "756.";
}
._cms-contexts ol li:nth-of-type(757)::before {
  content: "757.";
}
._cms-contexts ol li:nth-of-type(758)::before {
  content: "758.";
}
._cms-contexts ol li:nth-of-type(759)::before {
  content: "759.";
}
._cms-contexts ol li:nth-of-type(760)::before {
  content: "760.";
}
._cms-contexts ol li:nth-of-type(761)::before {
  content: "761.";
}
._cms-contexts ol li:nth-of-type(762)::before {
  content: "762.";
}
._cms-contexts ol li:nth-of-type(763)::before {
  content: "763.";
}
._cms-contexts ol li:nth-of-type(764)::before {
  content: "764.";
}
._cms-contexts ol li:nth-of-type(765)::before {
  content: "765.";
}
._cms-contexts ol li:nth-of-type(766)::before {
  content: "766.";
}
._cms-contexts ol li:nth-of-type(767)::before {
  content: "767.";
}
._cms-contexts ol li:nth-of-type(768)::before {
  content: "768.";
}
._cms-contexts ol li:nth-of-type(769)::before {
  content: "769.";
}
._cms-contexts ol li:nth-of-type(770)::before {
  content: "770.";
}
._cms-contexts ol li:nth-of-type(771)::before {
  content: "771.";
}
._cms-contexts ol li:nth-of-type(772)::before {
  content: "772.";
}
._cms-contexts ol li:nth-of-type(773)::before {
  content: "773.";
}
._cms-contexts ol li:nth-of-type(774)::before {
  content: "774.";
}
._cms-contexts ol li:nth-of-type(775)::before {
  content: "775.";
}
._cms-contexts ol li:nth-of-type(776)::before {
  content: "776.";
}
._cms-contexts ol li:nth-of-type(777)::before {
  content: "777.";
}
._cms-contexts ol li:nth-of-type(778)::before {
  content: "778.";
}
._cms-contexts ol li:nth-of-type(779)::before {
  content: "779.";
}
._cms-contexts ol li:nth-of-type(780)::before {
  content: "780.";
}
._cms-contexts ol li:nth-of-type(781)::before {
  content: "781.";
}
._cms-contexts ol li:nth-of-type(782)::before {
  content: "782.";
}
._cms-contexts ol li:nth-of-type(783)::before {
  content: "783.";
}
._cms-contexts ol li:nth-of-type(784)::before {
  content: "784.";
}
._cms-contexts ol li:nth-of-type(785)::before {
  content: "785.";
}
._cms-contexts ol li:nth-of-type(786)::before {
  content: "786.";
}
._cms-contexts ol li:nth-of-type(787)::before {
  content: "787.";
}
._cms-contexts ol li:nth-of-type(788)::before {
  content: "788.";
}
._cms-contexts ol li:nth-of-type(789)::before {
  content: "789.";
}
._cms-contexts ol li:nth-of-type(790)::before {
  content: "790.";
}
._cms-contexts ol li:nth-of-type(791)::before {
  content: "791.";
}
._cms-contexts ol li:nth-of-type(792)::before {
  content: "792.";
}
._cms-contexts ol li:nth-of-type(793)::before {
  content: "793.";
}
._cms-contexts ol li:nth-of-type(794)::before {
  content: "794.";
}
._cms-contexts ol li:nth-of-type(795)::before {
  content: "795.";
}
._cms-contexts ol li:nth-of-type(796)::before {
  content: "796.";
}
._cms-contexts ol li:nth-of-type(797)::before {
  content: "797.";
}
._cms-contexts ol li:nth-of-type(798)::before {
  content: "798.";
}
._cms-contexts ol li:nth-of-type(799)::before {
  content: "799.";
}
._cms-contexts ol li:nth-of-type(800)::before {
  content: "800.";
}
._cms-contexts ol li:nth-of-type(801)::before {
  content: "801.";
}
._cms-contexts ol li:nth-of-type(802)::before {
  content: "802.";
}
._cms-contexts ol li:nth-of-type(803)::before {
  content: "803.";
}
._cms-contexts ol li:nth-of-type(804)::before {
  content: "804.";
}
._cms-contexts ol li:nth-of-type(805)::before {
  content: "805.";
}
._cms-contexts ol li:nth-of-type(806)::before {
  content: "806.";
}
._cms-contexts ol li:nth-of-type(807)::before {
  content: "807.";
}
._cms-contexts ol li:nth-of-type(808)::before {
  content: "808.";
}
._cms-contexts ol li:nth-of-type(809)::before {
  content: "809.";
}
._cms-contexts ol li:nth-of-type(810)::before {
  content: "810.";
}
._cms-contexts ol li:nth-of-type(811)::before {
  content: "811.";
}
._cms-contexts ol li:nth-of-type(812)::before {
  content: "812.";
}
._cms-contexts ol li:nth-of-type(813)::before {
  content: "813.";
}
._cms-contexts ol li:nth-of-type(814)::before {
  content: "814.";
}
._cms-contexts ol li:nth-of-type(815)::before {
  content: "815.";
}
._cms-contexts ol li:nth-of-type(816)::before {
  content: "816.";
}
._cms-contexts ol li:nth-of-type(817)::before {
  content: "817.";
}
._cms-contexts ol li:nth-of-type(818)::before {
  content: "818.";
}
._cms-contexts ol li:nth-of-type(819)::before {
  content: "819.";
}
._cms-contexts ol li:nth-of-type(820)::before {
  content: "820.";
}
._cms-contexts ol li:nth-of-type(821)::before {
  content: "821.";
}
._cms-contexts ol li:nth-of-type(822)::before {
  content: "822.";
}
._cms-contexts ol li:nth-of-type(823)::before {
  content: "823.";
}
._cms-contexts ol li:nth-of-type(824)::before {
  content: "824.";
}
._cms-contexts ol li:nth-of-type(825)::before {
  content: "825.";
}
._cms-contexts ol li:nth-of-type(826)::before {
  content: "826.";
}
._cms-contexts ol li:nth-of-type(827)::before {
  content: "827.";
}
._cms-contexts ol li:nth-of-type(828)::before {
  content: "828.";
}
._cms-contexts ol li:nth-of-type(829)::before {
  content: "829.";
}
._cms-contexts ol li:nth-of-type(830)::before {
  content: "830.";
}
._cms-contexts ol li:nth-of-type(831)::before {
  content: "831.";
}
._cms-contexts ol li:nth-of-type(832)::before {
  content: "832.";
}
._cms-contexts ol li:nth-of-type(833)::before {
  content: "833.";
}
._cms-contexts ol li:nth-of-type(834)::before {
  content: "834.";
}
._cms-contexts ol li:nth-of-type(835)::before {
  content: "835.";
}
._cms-contexts ol li:nth-of-type(836)::before {
  content: "836.";
}
._cms-contexts ol li:nth-of-type(837)::before {
  content: "837.";
}
._cms-contexts ol li:nth-of-type(838)::before {
  content: "838.";
}
._cms-contexts ol li:nth-of-type(839)::before {
  content: "839.";
}
._cms-contexts ol li:nth-of-type(840)::before {
  content: "840.";
}
._cms-contexts ol li:nth-of-type(841)::before {
  content: "841.";
}
._cms-contexts ol li:nth-of-type(842)::before {
  content: "842.";
}
._cms-contexts ol li:nth-of-type(843)::before {
  content: "843.";
}
._cms-contexts ol li:nth-of-type(844)::before {
  content: "844.";
}
._cms-contexts ol li:nth-of-type(845)::before {
  content: "845.";
}
._cms-contexts ol li:nth-of-type(846)::before {
  content: "846.";
}
._cms-contexts ol li:nth-of-type(847)::before {
  content: "847.";
}
._cms-contexts ol li:nth-of-type(848)::before {
  content: "848.";
}
._cms-contexts ol li:nth-of-type(849)::before {
  content: "849.";
}
._cms-contexts ol li:nth-of-type(850)::before {
  content: "850.";
}
._cms-contexts ol li:nth-of-type(851)::before {
  content: "851.";
}
._cms-contexts ol li:nth-of-type(852)::before {
  content: "852.";
}
._cms-contexts ol li:nth-of-type(853)::before {
  content: "853.";
}
._cms-contexts ol li:nth-of-type(854)::before {
  content: "854.";
}
._cms-contexts ol li:nth-of-type(855)::before {
  content: "855.";
}
._cms-contexts ol li:nth-of-type(856)::before {
  content: "856.";
}
._cms-contexts ol li:nth-of-type(857)::before {
  content: "857.";
}
._cms-contexts ol li:nth-of-type(858)::before {
  content: "858.";
}
._cms-contexts ol li:nth-of-type(859)::before {
  content: "859.";
}
._cms-contexts ol li:nth-of-type(860)::before {
  content: "860.";
}
._cms-contexts ol li:nth-of-type(861)::before {
  content: "861.";
}
._cms-contexts ol li:nth-of-type(862)::before {
  content: "862.";
}
._cms-contexts ol li:nth-of-type(863)::before {
  content: "863.";
}
._cms-contexts ol li:nth-of-type(864)::before {
  content: "864.";
}
._cms-contexts ol li:nth-of-type(865)::before {
  content: "865.";
}
._cms-contexts ol li:nth-of-type(866)::before {
  content: "866.";
}
._cms-contexts ol li:nth-of-type(867)::before {
  content: "867.";
}
._cms-contexts ol li:nth-of-type(868)::before {
  content: "868.";
}
._cms-contexts ol li:nth-of-type(869)::before {
  content: "869.";
}
._cms-contexts ol li:nth-of-type(870)::before {
  content: "870.";
}
._cms-contexts ol li:nth-of-type(871)::before {
  content: "871.";
}
._cms-contexts ol li:nth-of-type(872)::before {
  content: "872.";
}
._cms-contexts ol li:nth-of-type(873)::before {
  content: "873.";
}
._cms-contexts ol li:nth-of-type(874)::before {
  content: "874.";
}
._cms-contexts ol li:nth-of-type(875)::before {
  content: "875.";
}
._cms-contexts ol li:nth-of-type(876)::before {
  content: "876.";
}
._cms-contexts ol li:nth-of-type(877)::before {
  content: "877.";
}
._cms-contexts ol li:nth-of-type(878)::before {
  content: "878.";
}
._cms-contexts ol li:nth-of-type(879)::before {
  content: "879.";
}
._cms-contexts ol li:nth-of-type(880)::before {
  content: "880.";
}
._cms-contexts ol li:nth-of-type(881)::before {
  content: "881.";
}
._cms-contexts ol li:nth-of-type(882)::before {
  content: "882.";
}
._cms-contexts ol li:nth-of-type(883)::before {
  content: "883.";
}
._cms-contexts ol li:nth-of-type(884)::before {
  content: "884.";
}
._cms-contexts ol li:nth-of-type(885)::before {
  content: "885.";
}
._cms-contexts ol li:nth-of-type(886)::before {
  content: "886.";
}
._cms-contexts ol li:nth-of-type(887)::before {
  content: "887.";
}
._cms-contexts ol li:nth-of-type(888)::before {
  content: "888.";
}
._cms-contexts ol li:nth-of-type(889)::before {
  content: "889.";
}
._cms-contexts ol li:nth-of-type(890)::before {
  content: "890.";
}
._cms-contexts ol li:nth-of-type(891)::before {
  content: "891.";
}
._cms-contexts ol li:nth-of-type(892)::before {
  content: "892.";
}
._cms-contexts ol li:nth-of-type(893)::before {
  content: "893.";
}
._cms-contexts ol li:nth-of-type(894)::before {
  content: "894.";
}
._cms-contexts ol li:nth-of-type(895)::before {
  content: "895.";
}
._cms-contexts ol li:nth-of-type(896)::before {
  content: "896.";
}
._cms-contexts ol li:nth-of-type(897)::before {
  content: "897.";
}
._cms-contexts ol li:nth-of-type(898)::before {
  content: "898.";
}
._cms-contexts ol li:nth-of-type(899)::before {
  content: "899.";
}
._cms-contexts ol li:nth-of-type(900)::before {
  content: "900.";
}
._cms-contexts ol li:nth-of-type(901)::before {
  content: "901.";
}
._cms-contexts ol li:nth-of-type(902)::before {
  content: "902.";
}
._cms-contexts ol li:nth-of-type(903)::before {
  content: "903.";
}
._cms-contexts ol li:nth-of-type(904)::before {
  content: "904.";
}
._cms-contexts ol li:nth-of-type(905)::before {
  content: "905.";
}
._cms-contexts ol li:nth-of-type(906)::before {
  content: "906.";
}
._cms-contexts ol li:nth-of-type(907)::before {
  content: "907.";
}
._cms-contexts ol li:nth-of-type(908)::before {
  content: "908.";
}
._cms-contexts ol li:nth-of-type(909)::before {
  content: "909.";
}
._cms-contexts ol li:nth-of-type(910)::before {
  content: "910.";
}
._cms-contexts ol li:nth-of-type(911)::before {
  content: "911.";
}
._cms-contexts ol li:nth-of-type(912)::before {
  content: "912.";
}
._cms-contexts ol li:nth-of-type(913)::before {
  content: "913.";
}
._cms-contexts ol li:nth-of-type(914)::before {
  content: "914.";
}
._cms-contexts ol li:nth-of-type(915)::before {
  content: "915.";
}
._cms-contexts ol li:nth-of-type(916)::before {
  content: "916.";
}
._cms-contexts ol li:nth-of-type(917)::before {
  content: "917.";
}
._cms-contexts ol li:nth-of-type(918)::before {
  content: "918.";
}
._cms-contexts ol li:nth-of-type(919)::before {
  content: "919.";
}
._cms-contexts ol li:nth-of-type(920)::before {
  content: "920.";
}
._cms-contexts ol li:nth-of-type(921)::before {
  content: "921.";
}
._cms-contexts ol li:nth-of-type(922)::before {
  content: "922.";
}
._cms-contexts ol li:nth-of-type(923)::before {
  content: "923.";
}
._cms-contexts ol li:nth-of-type(924)::before {
  content: "924.";
}
._cms-contexts ol li:nth-of-type(925)::before {
  content: "925.";
}
._cms-contexts ol li:nth-of-type(926)::before {
  content: "926.";
}
._cms-contexts ol li:nth-of-type(927)::before {
  content: "927.";
}
._cms-contexts ol li:nth-of-type(928)::before {
  content: "928.";
}
._cms-contexts ol li:nth-of-type(929)::before {
  content: "929.";
}
._cms-contexts ol li:nth-of-type(930)::before {
  content: "930.";
}
._cms-contexts ol li:nth-of-type(931)::before {
  content: "931.";
}
._cms-contexts ol li:nth-of-type(932)::before {
  content: "932.";
}
._cms-contexts ol li:nth-of-type(933)::before {
  content: "933.";
}
._cms-contexts ol li:nth-of-type(934)::before {
  content: "934.";
}
._cms-contexts ol li:nth-of-type(935)::before {
  content: "935.";
}
._cms-contexts ol li:nth-of-type(936)::before {
  content: "936.";
}
._cms-contexts ol li:nth-of-type(937)::before {
  content: "937.";
}
._cms-contexts ol li:nth-of-type(938)::before {
  content: "938.";
}
._cms-contexts ol li:nth-of-type(939)::before {
  content: "939.";
}
._cms-contexts ol li:nth-of-type(940)::before {
  content: "940.";
}
._cms-contexts ol li:nth-of-type(941)::before {
  content: "941.";
}
._cms-contexts ol li:nth-of-type(942)::before {
  content: "942.";
}
._cms-contexts ol li:nth-of-type(943)::before {
  content: "943.";
}
._cms-contexts ol li:nth-of-type(944)::before {
  content: "944.";
}
._cms-contexts ol li:nth-of-type(945)::before {
  content: "945.";
}
._cms-contexts ol li:nth-of-type(946)::before {
  content: "946.";
}
._cms-contexts ol li:nth-of-type(947)::before {
  content: "947.";
}
._cms-contexts ol li:nth-of-type(948)::before {
  content: "948.";
}
._cms-contexts ol li:nth-of-type(949)::before {
  content: "949.";
}
._cms-contexts ol li:nth-of-type(950)::before {
  content: "950.";
}
._cms-contexts ol li:nth-of-type(951)::before {
  content: "951.";
}
._cms-contexts ol li:nth-of-type(952)::before {
  content: "952.";
}
._cms-contexts ol li:nth-of-type(953)::before {
  content: "953.";
}
._cms-contexts ol li:nth-of-type(954)::before {
  content: "954.";
}
._cms-contexts ol li:nth-of-type(955)::before {
  content: "955.";
}
._cms-contexts ol li:nth-of-type(956)::before {
  content: "956.";
}
._cms-contexts ol li:nth-of-type(957)::before {
  content: "957.";
}
._cms-contexts ol li:nth-of-type(958)::before {
  content: "958.";
}
._cms-contexts ol li:nth-of-type(959)::before {
  content: "959.";
}
._cms-contexts ol li:nth-of-type(960)::before {
  content: "960.";
}
._cms-contexts ol li:nth-of-type(961)::before {
  content: "961.";
}
._cms-contexts ol li:nth-of-type(962)::before {
  content: "962.";
}
._cms-contexts ol li:nth-of-type(963)::before {
  content: "963.";
}
._cms-contexts ol li:nth-of-type(964)::before {
  content: "964.";
}
._cms-contexts ol li:nth-of-type(965)::before {
  content: "965.";
}
._cms-contexts ol li:nth-of-type(966)::before {
  content: "966.";
}
._cms-contexts ol li:nth-of-type(967)::before {
  content: "967.";
}
._cms-contexts ol li:nth-of-type(968)::before {
  content: "968.";
}
._cms-contexts ol li:nth-of-type(969)::before {
  content: "969.";
}
._cms-contexts ol li:nth-of-type(970)::before {
  content: "970.";
}
._cms-contexts ol li:nth-of-type(971)::before {
  content: "971.";
}
._cms-contexts ol li:nth-of-type(972)::before {
  content: "972.";
}
._cms-contexts ol li:nth-of-type(973)::before {
  content: "973.";
}
._cms-contexts ol li:nth-of-type(974)::before {
  content: "974.";
}
._cms-contexts ol li:nth-of-type(975)::before {
  content: "975.";
}
._cms-contexts ol li:nth-of-type(976)::before {
  content: "976.";
}
._cms-contexts ol li:nth-of-type(977)::before {
  content: "977.";
}
._cms-contexts ol li:nth-of-type(978)::before {
  content: "978.";
}
._cms-contexts ol li:nth-of-type(979)::before {
  content: "979.";
}
._cms-contexts ol li:nth-of-type(980)::before {
  content: "980.";
}
._cms-contexts ol li:nth-of-type(981)::before {
  content: "981.";
}
._cms-contexts ol li:nth-of-type(982)::before {
  content: "982.";
}
._cms-contexts ol li:nth-of-type(983)::before {
  content: "983.";
}
._cms-contexts ol li:nth-of-type(984)::before {
  content: "984.";
}
._cms-contexts ol li:nth-of-type(985)::before {
  content: "985.";
}
._cms-contexts ol li:nth-of-type(986)::before {
  content: "986.";
}
._cms-contexts ol li:nth-of-type(987)::before {
  content: "987.";
}
._cms-contexts ol li:nth-of-type(988)::before {
  content: "988.";
}
._cms-contexts ol li:nth-of-type(989)::before {
  content: "989.";
}
._cms-contexts ol li:nth-of-type(990)::before {
  content: "990.";
}
._cms-contexts ol li:nth-of-type(991)::before {
  content: "991.";
}
._cms-contexts ol li:nth-of-type(992)::before {
  content: "992.";
}
._cms-contexts ol li:nth-of-type(993)::before {
  content: "993.";
}
._cms-contexts ol li:nth-of-type(994)::before {
  content: "994.";
}
._cms-contexts ol li:nth-of-type(995)::before {
  content: "995.";
}
._cms-contexts ol li:nth-of-type(996)::before {
  content: "996.";
}
._cms-contexts ol li:nth-of-type(997)::before {
  content: "997.";
}
._cms-contexts ol li:nth-of-type(998)::before {
  content: "998.";
}
._cms-contexts ol li:nth-of-type(999)::before {
  content: "999.";
}
._cms-contexts ol li:nth-of-type(1000)::before {
  content: "1000.";
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.d-flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.d-flex-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

._d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
._d-flex.-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
._d-flex.-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
._d-flex.-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
._d-flex.-space {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
._d-flex.-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  ._d-flex.-pc {
    display: block;
  }
}

a.anm-line > span {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(96%, transparent), color-stop(96.1%, #ff9598), to(#ff9598));
  background: linear-gradient(transparent 0%, transparent 96%, #ff9598 96.1%, #ff9598 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: right;
}
@media screen and (min-width: 751px) {
  a.anm-line:hover > span {
    -webkit-animation-name: underline;
            animation-name: underline;
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
}

.top_section {
  padding-top: 110px;
}
@media screen and (max-width: 750px) {
  .top_section {
    padding-top: 102px;
  }
}

.lead_txt {
  font-size: 2rem;
  letter-spacing: 0.02em;
  line-height: 5.2rem;
}
@media screen and (max-width: 750px) {
  .lead_txt {
    font-size: 1.8rem;
    line-height: 3.9rem;
  }
}

.lead_txt2 {
  font-size: 1.9rem;
  letter-spacing: 0.02em;
  line-height: 4.4rem;
}
@media screen and (max-width: 750px) {
  .lead_txt2 {
    font-size: 1.6rem;
    line-height: 3.2rem;
  }
}

.lead_txtsub {
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  line-height: 3.7rem;
}
@media screen and (max-width: 750px) {
  .lead_txtsub {
    font-size: 1.5rem;
    line-height: 2.6rem;
  }
}

.top_ttl {
  width: 100%;
  position: relative;
  text-align: center;
}
.top_ttl h2.jp {
  font-size: 4rem;
  letter-spacing: 0.01em;
  line-height: 5.7rem;
}
.top_ttl .icon {
  position: absolute;
  top: 50%;
  right: 80px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .top_ttl {
    padding: 0 20px 0 8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .top_ttl h2.jp {
    font-size: 2.7rem;
    line-height: 3.9rem;
  }
  .top_ttl .icon {
    position: relative;
    top: initial;
    right: initial;
    -webkit-transform: none;
            transform: none;
  }
}

.-rl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

@media screen and (max-width: 1340px) {
  .cont-min1341 {
    display: none !important;
  }
}

@media screen and (min-width: 1341px) {
  .cont-max1340 {
    display: none !important;
  }
}

@media screen and (max-width: 1270px) {
  .cont-min1271 {
    display: none !important;
  }
}

@media screen and (min-width: 1271px) {
  .cont-max1270 {
    display: none !important;
  }
}

@media screen and (max-width: 1200px) {
  .cont-min1201 {
    display: none !important;
  }
}

@media screen and (min-width: 1201px) {
  .cont-max1200 {
    display: none !important;
  }
}

@media screen and (max-width: 1160px) {
  .cont-min1161 {
    display: none !important;
  }
}

@media screen and (min-width: 1161px) {
  .cont-max1160 {
    display: none !important;
  }
}

@media screen and (max-width: 1060px) {
  .cont-min1061 {
    display: none !important;
  }
}

@media screen and (min-width: 1061px) {
  .cont-max1060 {
    display: none !important;
  }
}

@media screen and (max-width: 950px) {
  .cont-min951 {
    display: none !important;
  }
}

@media screen and (min-width: 951px) {
  .cont-max950 {
    display: none !important;
  }
}

@media screen and (max-width: 850px) {
  .cont-min851 {
    display: none !important;
  }
}

@media screen and (min-width: 851px) {
  .cont-max850 {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
  .cont-min751 {
    display: none !important;
  }
}

@media screen and (min-width: 751px) {
  .cont-max750 {
    display: none !important;
  }
}

@media screen and (min-width: 487px) {
  .cont-max486 {
    display: none !important;
  }
}

@media screen and (min-width: 321px) {
  .cont-max320 {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
  .cont-pc {
    display: none !important;
  }
}

@media screen and (min-width: 751px) {
  .cont-sp {
    display: none !important;
  }
}

/*------------------------------------------------------*/
/*  keyframes */
/*------------------------------------------------------*/
@-webkit-keyframes underline {
  0% {
    background-size: 100% 100%;
    background-position: right;
  }
  50% {
    background-size: 0% 100%;
    background-position: right;
  }
  50.1% {
    background-size: 0% 100%;
    background-position: left;
  }
  100% {
    background-size: 100% 100%;
    background-position: left;
  }
}
@keyframes underline {
  0% {
    background-size: 100% 100%;
    background-position: right;
  }
  50% {
    background-size: 0% 100%;
    background-position: right;
  }
  50.1% {
    background-size: 0% 100%;
    background-position: left;
  }
  100% {
    background-size: 100% 100%;
    background-position: left;
  }
}
@-webkit-keyframes open-anm {
  0% {
    height: 24px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 24px;
  }
}
@keyframes open-anm {
  0% {
    height: 24px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 24px;
  }
}
@-webkit-keyframes close-anm {
  0% {
    height: 24px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 24px;
  }
}
@keyframes close-anm {
  0% {
    height: 24px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 24px;
  }
}
@-webkit-keyframes open-anm-sp {
  0% {
    height: 21px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 21px;
  }
}
@keyframes open-anm-sp {
  0% {
    height: 21px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 21px;
  }
}
@-webkit-keyframes close-anm-sp {
  0% {
    height: 21px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 21px;
  }
}
@keyframes close-anm-sp {
  0% {
    height: 21px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 21px;
  }
}
@-webkit-keyframes open-subanm-sp {
  0% {
    height: 19px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 19px;
  }
}
@keyframes open-subanm-sp {
  0% {
    height: 19px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 19px;
  }
}
@-webkit-keyframes close-subanm-sp {
  0% {
    height: 19px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 19px;
  }
}
@keyframes close-subanm-sp {
  0% {
    height: 19px;
  }
  25% {
    height: 0;
  }
  75% {
    height: 0;
  }
  100% {
    height: 19px;
  }
}
@-webkit-keyframes andon-anm {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes andon-anm {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@-webkit-keyframes prestart-arrow {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  12.5% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  37.5% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes prestart-arrow {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  12.5% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  25% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  37.5% {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes prestart-dot {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  60.1% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  62% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes prestart-dot {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    opacity: 1;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  60.1% {
    opacity: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  62% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes prestart-arrow-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(16px);
            transform: translateX(16px);
  }
}
@keyframes prestart-arrow-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(16px);
            transform: translateX(16px);
  }
}
@-webkit-keyframes prestart-arrow-right {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(16px);
            transform: translateX(16px);
  }
  50.01% {
    opacity: 0;
    -webkit-transform: translateX(16px);
            transform: translateX(16px);
  }
  50.02% {
    opacity: 0;
    -webkit-transform: translateX(-32px);
            transform: translateX(-32px);
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px);
  }
}
@keyframes prestart-arrow-right {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateX(16px);
            transform: translateX(16px);
  }
  50.01% {
    opacity: 0;
    -webkit-transform: translateX(16px);
            transform: translateX(16px);
  }
  50.02% {
    opacity: 0;
    -webkit-transform: translateX(-32px);
            transform: translateX(-32px);
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-16px);
            transform: translateX(-16px);
  }
}
@-webkit-keyframes top-lead__turnman {
  0%, 55%, 100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  5%, 50% {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
@keyframes top-lead__turnman {
  0%, 55%, 100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  5%, 50% {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
}
@-webkit-keyframes top-lead__runman {
  0%, 30% {
    left: 36%;
    -webkit-transform: rotate(0) scaleX(-1);
            transform: rotate(0) scaleX(-1);
  }
  35% {
    left: 36%;
    -webkit-transform: rotate(0) scaleX(1);
            transform: rotate(0) scaleX(1);
  }
  45% {
    -webkit-transform: rotate(-8deg) scaleX(1);
            transform: rotate(-8deg) scaleX(1);
  }
  90% {
    -webkit-transform: rotate(-8deg) scaleX(1);
            transform: rotate(-8deg) scaleX(1);
  }
  100% {
    left: 4%;
    -webkit-transform: rotate(0) scaleX(1);
            transform: rotate(0) scaleX(1);
  }
}
@keyframes top-lead__runman {
  0%, 30% {
    left: 36%;
    -webkit-transform: rotate(0) scaleX(-1);
            transform: rotate(0) scaleX(-1);
  }
  35% {
    left: 36%;
    -webkit-transform: rotate(0) scaleX(1);
            transform: rotate(0) scaleX(1);
  }
  45% {
    -webkit-transform: rotate(-8deg) scaleX(1);
            transform: rotate(-8deg) scaleX(1);
  }
  90% {
    -webkit-transform: rotate(-8deg) scaleX(1);
            transform: rotate(-8deg) scaleX(1);
  }
  100% {
    left: 4%;
    -webkit-transform: rotate(0) scaleX(1);
            transform: rotate(0) scaleX(1);
  }
}
@-webkit-keyframes top-lead__runman--sp {
  0% {
    left: 34%;
    -webkit-transform: rotate(0deg) scaleX(-1);
            transform: rotate(0deg) scaleX(-1);
  }
  20% {
    left: 34%;
    -webkit-transform: rotate(-5deg) scaleX(-1);
            transform: rotate(-5deg) scaleX(-1);
  }
  30% {
    left: 34%;
    -webkit-transform: rotate(5deg) scaleX(-1);
            transform: rotate(5deg) scaleX(-1);
  }
  90% {
    -webkit-transform: rotate(5deg) scaleX(-1);
            transform: rotate(5deg) scaleX(-1);
  }
  100% {
    left: 56%;
    -webkit-transform: rotate(0) scaleX(-1);
            transform: rotate(0) scaleX(-1);
  }
}
@keyframes top-lead__runman--sp {
  0% {
    left: 34%;
    -webkit-transform: rotate(0deg) scaleX(-1);
            transform: rotate(0deg) scaleX(-1);
  }
  20% {
    left: 34%;
    -webkit-transform: rotate(-5deg) scaleX(-1);
            transform: rotate(-5deg) scaleX(-1);
  }
  30% {
    left: 34%;
    -webkit-transform: rotate(5deg) scaleX(-1);
            transform: rotate(5deg) scaleX(-1);
  }
  90% {
    -webkit-transform: rotate(5deg) scaleX(-1);
            transform: rotate(5deg) scaleX(-1);
  }
  100% {
    left: 56%;
    -webkit-transform: rotate(0) scaleX(-1);
            transform: rotate(0) scaleX(-1);
  }
}
@-webkit-keyframes top-case__rotater {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes top-case__rotater {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes top-case__modal--hand {
  0%, 40%, 100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  10% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  30% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
}
@keyframes top-case__modal--hand {
  0%, 40%, 100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  10% {
    -webkit-transform: translateX(-20%);
            transform: translateX(-20%);
  }
  30% {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
}
@-webkit-keyframes top-case__modal--larrow {
  0%, 40%, 100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
  }
  20.1%, 30% {
    opacity: 0;
    -webkit-transform: translateX(25%);
            transform: translateX(25%);
  }
}
@keyframes top-case__modal--larrow {
  0%, 40%, 100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
  }
  20.1%, 30% {
    opacity: 0;
    -webkit-transform: translateX(25%);
            transform: translateX(25%);
  }
}
@-webkit-keyframes top-case__modal--rarrow {
  0%, 40%, 100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateX(25%);
            transform: translateX(25%);
  }
  20.1%, 30% {
    opacity: 0;
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
  }
}
@keyframes top-case__modal--rarrow {
  0%, 40%, 100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateX(25%);
            transform: translateX(25%);
  }
  20.1%, 30% {
    opacity: 0;
    -webkit-transform: translateX(-25%);
            transform: translateX(-25%);
  }
}
@-webkit-keyframes blog-toc__arrow {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}
@keyframes blog-toc__arrow {
  0%, 100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}
@-webkit-keyframes blog-g2-right {
  0%, 30% {
    fill: #ffd9cb;
  }
  35%, 52% {
    fill: #AAAAAA;
  }
  53%, 100% {
    fill: #ffd9cb;
  }
}
@keyframes blog-g2-right {
  0%, 30% {
    fill: #ffd9cb;
  }
  35%, 52% {
    fill: #AAAAAA;
  }
  53%, 100% {
    fill: #ffd9cb;
  }
}
@-webkit-keyframes blog-g2-line {
  0%, 30% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  35%, 53% {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateY(-2px) scale(1);
            transform: translateY(-2px) scale(1);
  }
  57%, 100% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}
@keyframes blog-g2-line {
  0%, 30% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  35%, 53% {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateY(-2px) scale(1);
            transform: translateY(-2px) scale(1);
  }
  57%, 100% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}
@-webkit-keyframes blog-g2-left-arm {
  0%, 30% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  35%, 50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  55%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes blog-g2-left-arm {
  0%, 30% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  35%, 50% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  55%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes blog-g2-right-head {
  0%, 30% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  35%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  55%, 100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@keyframes blog-g2-right-head {
  0%, 30% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  35%, 50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  55%, 100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@-webkit-keyframes blog-g3-left-arm {
  0%, 95%, 100% {
    -webkit-transform: translateX(0px) rotate(90deg);
            transform: translateX(0px) rotate(90deg);
  }
  5%, 8% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  13%, 50% {
    -webkit-transform: translateX(-18px) rotate(0deg);
            transform: translateX(-18px) rotate(0deg);
  }
  55%, 90% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  95% {
    -webkit-transform: translateX(0px) rotate(90deg);
            transform: translateX(0px) rotate(90deg);
  }
}
@keyframes blog-g3-left-arm {
  0%, 95%, 100% {
    -webkit-transform: translateX(0px) rotate(90deg);
            transform: translateX(0px) rotate(90deg);
  }
  5%, 8% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  13%, 50% {
    -webkit-transform: translateX(-18px) rotate(0deg);
            transform: translateX(-18px) rotate(0deg);
  }
  55%, 90% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  95% {
    -webkit-transform: translateX(0px) rotate(90deg);
            transform: translateX(0px) rotate(90deg);
  }
}
@-webkit-keyframes blog-g3-r-woman {
  0%, 13%, 55%, 100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  18%, 50% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@keyframes blog-g3-r-woman {
  0%, 13%, 55%, 100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  18%, 50% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@-webkit-keyframes casestudy-balman {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  5% {
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-50%, 20%) rotate(15deg);
            transform: translate(-50%, 20%) rotate(15deg);
  }
  30% {
    -webkit-transform: translate(-100%, 40%) rotate(-5deg);
            transform: translate(-100%, 40%) rotate(-5deg);
  }
  45% {
    -webkit-transform: translate(-150%, 60%) rotate(10deg);
            transform: translate(-150%, 60%) rotate(10deg);
  }
  55% {
    opacity: 1;
  }
  60%, 100% {
    opacity: 0;
    -webkit-transform: translate(-200%, 80%) rotate(-8deg);
            transform: translate(-200%, 80%) rotate(-8deg);
  }
}
@keyframes casestudy-balman {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  5% {
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-50%, 20%) rotate(15deg);
            transform: translate(-50%, 20%) rotate(15deg);
  }
  30% {
    -webkit-transform: translate(-100%, 40%) rotate(-5deg);
            transform: translate(-100%, 40%) rotate(-5deg);
  }
  45% {
    -webkit-transform: translate(-150%, 60%) rotate(10deg);
            transform: translate(-150%, 60%) rotate(10deg);
  }
  55% {
    opacity: 1;
  }
  60%, 100% {
    opacity: 0;
    -webkit-transform: translate(-200%, 80%) rotate(-8deg);
            transform: translate(-200%, 80%) rotate(-8deg);
  }
}
@-webkit-keyframes casestudy-balman__sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  5% {
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-20%, 40%) rotate(15deg);
            transform: translate(-20%, 40%) rotate(15deg);
  }
  30% {
    -webkit-transform: translate(-40%, 80%) rotate(-5deg);
            transform: translate(-40%, 80%) rotate(-5deg);
  }
  45% {
    -webkit-transform: translate(-60%, 120%) rotate(10deg);
            transform: translate(-60%, 120%) rotate(10deg);
  }
  55% {
    opacity: 1;
  }
  60%, 100% {
    opacity: 0;
    -webkit-transform: translate(-80%, 160%) rotate(-8deg);
            transform: translate(-80%, 160%) rotate(-8deg);
  }
}
@keyframes casestudy-balman__sp {
  0% {
    opacity: 0;
    -webkit-transform: translate(0%, 0%) rotate(0deg);
            transform: translate(0%, 0%) rotate(0deg);
  }
  5% {
    opacity: 1;
  }
  15% {
    -webkit-transform: translate(-20%, 40%) rotate(15deg);
            transform: translate(-20%, 40%) rotate(15deg);
  }
  30% {
    -webkit-transform: translate(-40%, 80%) rotate(-5deg);
            transform: translate(-40%, 80%) rotate(-5deg);
  }
  45% {
    -webkit-transform: translate(-60%, 120%) rotate(10deg);
            transform: translate(-60%, 120%) rotate(10deg);
  }
  55% {
    opacity: 1;
  }
  60%, 100% {
    opacity: 0;
    -webkit-transform: translate(-80%, 160%) rotate(-8deg);
            transform: translate(-80%, 160%) rotate(-8deg);
  }
}
@-webkit-keyframes case-man {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  9% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  13% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  42% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  45% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes case-man {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  9% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  13% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  42% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  45% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes case-l-arm1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  14% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  16% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  18% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  19% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20.5% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  21% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  22% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  23% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  26% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  26.5% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes case-l-arm1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  14% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  16% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  18% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  19% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20.5% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  21% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  22% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  23% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  26% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  26.5% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes case-machine {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  27% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  30% {
    -webkit-transform: translateY(5px) rotate(1deg);
            transform: translateY(5px) rotate(1deg);
  }
  32% {
    -webkit-transform: translateY(5px) rotate(-1deg);
            transform: translateY(5px) rotate(-1deg);
  }
  35% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@keyframes case-machine {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  27% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  30% {
    -webkit-transform: translateY(5px) rotate(1deg);
            transform: translateY(5px) rotate(1deg);
  }
  32% {
    -webkit-transform: translateY(5px) rotate(-1deg);
            transform: translateY(5px) rotate(-1deg);
  }
  35% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes case-rect {
  0% {
    opacity: 1;
  }
  38% {
    opacity: 1;
  }
  39% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes case-rect {
  0% {
    opacity: 1;
  }
  38% {
    opacity: 1;
  }
  39% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes case-maru {
  0% {
    opacity: 0;
  }
  38% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes case-maru {
  0% {
    opacity: 0;
  }
  38% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes case-r-arm {
  43% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  46% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  50% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  53% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes case-r-arm {
  43% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  46% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  50% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  53% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes case-graph {
  57% {
    height: 45px;
  }
  62% {
    height: 0px;
  }
  97% {
    height: 0px;
  }
  100% {
    height: 45px;
  }
}
@keyframes case-graph {
  57% {
    height: 45px;
  }
  62% {
    height: 0px;
  }
  97% {
    height: 0px;
  }
  100% {
    height: 45px;
  }
}
@media screen and (max-width: 750px) {
  @-webkit-keyframes case-graph {
    57% {
      height: 25px;
    }
    62% {
      height: 0px;
    }
    97% {
      height: 0px;
    }
    100% {
      height: 25px;
    }
  }
  @keyframes case-graph {
    57% {
      height: 25px;
    }
    62% {
      height: 0px;
    }
    97% {
      height: 0px;
    }
    100% {
      height: 25px;
    }
  }
}
@-webkit-keyframes case-l-head {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  72% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  78% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  81% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  84% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes case-l-head {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  72% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  78% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  81% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  84% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes case-r-head {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  72% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  78% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  81% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  84% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes case-r-head {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  72% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  78% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  81% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  84% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
/*------------------------------------------------------*/
/*  common */
/*------------------------------------------------------*/
.btn {
  position: absolute;
}
.btn > a {
  background: #fff;
  border-radius: 9999px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  text-align: center;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.btn > a .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.btn > a .inner .en {
  font-size: 1.8rem;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.btn > a .inner .ttl {
  font-size: 2.6rem;
  letter-spacing: 0.01em;
}
.btn > a .circle {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ff9598;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  overflow: hidden;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  pointer-events: none;
}
.btn > a .circle .txt {
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  color: #fff;
}
@media screen and (min-width: 751px) {
  .btn > a:hover {
    background: #ff9598;
  }
  .btn > a:hover .inner {
    color: #fff;
  }
  .btn > a:hover .circle {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media screen and (max-width: 750px) {
  .btn > a .inner .en {
    font-size: 1.4rem;
  }
  .btn > a .inner .ttl {
    font-size: 1.9rem;
    line-height: 2.3rem;
  }
  .btn > a .circle {
    width: 46px !important;
    height: 46px !important;
  }
  .btn > a .circle .txt {
    font-size: 1.1rem;
  }
}

.-js--scroll .-js--scroll__item {
  opacity: 0;
}

.-js--in .top-lead__photo {
  -webkit-transform: translateX(60px);
          transform: translateX(60px);
  -webkit-transition: 1s ease-out;
  transition: 1s ease-out;
}
.-js--in .box-graph {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.-js--in .box-txt__block {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.-js--in .box-txt__block::before {
  width: 0;
}
.-js--in .box-txt__block::after {
  opacity: 0;
}
.-js--in.-show .top-lead__photo {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.-js--in.-show .box-graph {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.-js--in.-show .box-txt__block {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.4s ease-out 0.6s;
  transition: 0.4s ease-out 0.6s;
}
.-js--in.-show .box-txt__block::before {
  width: 90px;
  -webkit-transition: 0.2s ease-out 1.6s;
  transition: 0.2s ease-out 1.6s;
}
.-js--in.-show .box-txt__block::after {
  opacity: 1;
  -webkit-transition: 0s ease-out 1.8s;
  transition: 0s ease-out 1.8s;
}
.-js--in.-show .box-txt.-left .box-txt__block.-point2 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.-js--in.-show .box-txt.-right .box-txt__block:nth-of-type(1) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.-js--in.-show .box-txt.-right .box-txt__block.-point4 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
@media screen and (max-width: 1060px) {
  .-js--in .top-lead__photo {
    -webkit-transform: translate(0, 40px);
            transform: translate(0, 40px);
  }
  .-js--in.-show .top-lead__photo {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  .-js--in.-show .box-txt__block {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.4s ease-out 0.6s;
    transition: 0.4s ease-out 0.6s;
  }
  .-js--in.-show .box-txt__block::before {
    width: 90px;
    -webkit-transition: 0.2s ease-out 1.6s;
    transition: 0.2s ease-out 1.6s;
  }
  .-js--in.-show .box-txt__block::after {
    opacity: 1;
    -webkit-transition: 0s ease-out 1.8s;
    transition: 0s ease-out 1.8s;
  }
  .-js--in.-show .box-txt.-left .box-txt__block.-point2 {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
  }
  .-js--in.-show .box-txt.-right .box-txt__block.-point3 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
  }
  .-js--in.-show .box-txt.-right .box-txt__block.-point4 {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
  }
}

.-js--flow.top-lead__data ul > li {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
}
.-js--flow.top-lead__data ul > li:nth-of-type(1) {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}
.-js--flow.top-lead__data ul > li:nth-of-type(2) {
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
}
.-js--flow.top-lead__data ul > li:nth-of-type(3) {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}
.-js--flow.top-lead__data ul > li:nth-of-type(4) {
  -webkit-transition-delay: 2.05s;
          transition-delay: 2.05s;
}
.-js--flow.-show .solostep {
  opacity: 1 !important;
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}
.-js--flow.-show .arrow > svg .st0, .-js--flow.-show .arrow > svg .st1 {
  opacity: 1;
}
.-js--flow.-show + .top-flow__btn {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.-js--flow.-show.top-lead__data ul > li {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

@media screen and (max-width: 850px) {
  .-js--single .-js--single__item, .-js--single .-js--single__left, .-js--single .-js--single__right {
    opacity: 0;
  }
  .-js--single.-show .-js--single__left, .-js--single.-show .-js--single__right {
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
    opacity: 1;
  }
}
.page-main__box {
  width: 100%;
  height: 387px;
  position: relative;
  margin-bottom: 47px;
}
.page-main__box .dots {
  position: absolute;
  width: 100%;
  height: 17px;
  left: 0;
  bottom: 0;
}
.page-main__box .dots.-show .dot.-d1 {
  -webkit-animation-name: page-dot1;
          animation-name: page-dot1;
}
.page-main__box .dots.-show .dot.-d2 {
  -webkit-animation-name: page-dot2;
          animation-name: page-dot2;
}
.page-main__box .dots.-show .dot.-d3 {
  -webkit-animation-name: page-dot2;
          animation-name: page-dot2;
}
.page-main__box .dots.-show .dot.-d4 {
  -webkit-animation-name: page-dot2;
          animation-name: page-dot2;
}
.page-main__box .dots.-show .dot.-d5 {
  -webkit-animation-name: page-dot2;
          animation-name: page-dot2;
}
.page-main__box .dots .dot {
  position: absolute;
  top: 0;
  width: 17px;
  height: 100%;
  border-radius: 50%;
  background: #7adf6f;
  -webkit-animation-duration: 7s;
          animation-duration: 7s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .dots .dot.-d1 {
  left: 8vw;
}
.page-main__box .dots .dot.-d2 {
  left: 32vw;
}
.page-main__box .dots .dot.-d3 {
  left: 56vw;
}
.page-main__box .dots .dot.-d4 {
  left: 80vw;
}
.page-main__box .dots .dot.-d5 {
  left: 104vw;
}
.page-main__box .graphic {
  position: absolute;
  bottom: 0;
}
.page-main__box .graphic.-g1 {
  width: 100%;
  height: 23px;
  background-image: url("../../assets/images/contact/head/line.svg");
  background-size: 1500px 100%;
  background-repeat: repeat;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.page-main__box .graphic.page-contact.-g2 {
  width: 260px;
  height: 104px;
  left: 38%;
}
.page-main__box .graphic.page-contact.-g2 > svg .st0 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-contact.-g2 > svg .st1 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-contact.-g2 > svg .st2 {
  fill: #FF9598;
}
.page-main__box .graphic.page-contact.-g2 > svg .st3 {
  fill: #878787;
}
.page-main__box .graphic.page-contact.-g2 > svg .st4 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-contact.-g2 > svg .st5 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-contact.-g2 > svg .st6 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-contact.-g2 > svg .st7 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-contact.-g2 .graph {
  display: block;
  background: #fff;
  width: 12px;
  height: 43px;
  position: absolute;
  top: 37px;
  left: 147px;
  -webkit-animation-name: contact-g2-graph;
          animation-name: contact-g2-graph;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-contact.-g2 {
    left: 0;
    display: none;
  }
}
.page-main__box .graphic.page-contact.-g3 {
  width: 408px;
  height: 111px;
  right: 0;
}
.page-main__box .graphic.page-contact.-g3 > svg .st0 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-contact.-g3 > svg .st1 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-contact.-g3 > svg .st2 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-contact.-g3 > svg .st3 {
  fill: #878787;
}
.page-main__box .graphic.page-contact.-g3 > svg .st4 {
  fill: #FF9598;
}
.page-main__box .graphic.page-contact.-g3 > svg .st5 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-contact.-g3 > svg .st6 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-contact.-g3 > svg .st7 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-contact.-g3 > svg .tri {
  opacity: 0;
  -webkit-transform: translate(11px, -52px) scale(0.56) rotate(20deg);
          transform: translate(11px, -52px) scale(0.56) rotate(20deg);
  -webkit-animation-name: contact-g3-tri;
          animation-name: contact-g3-tri;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-contact.-g3 > svg .r-arm {
  -webkit-transform-origin: 28px 70px;
          transform-origin: 28px 70px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: contact-g3-arm;
          animation-name: contact-g3-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-contact.-g4 {
  width: 36px;
  bottom: 93px;
  left: calc(38% + 114px);
}
.page-main__box .graphic.page-contact.-g4 > svg .cls-1 {
  fill: #ff9b9b;
}
.page-main__box .graphic.page-contact.-g4 > svg .wifi {
  opacity: 0;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-contact.-g4 > svg .wifi.-s {
  -webkit-animation-name: contact-g4-wifi1;
          animation-name: contact-g4-wifi1;
}
.page-main__box .graphic.page-contact.-g4 > svg .wifi.-m {
  -webkit-animation-name: contact-g4-wifi2;
          animation-name: contact-g4-wifi2;
}
.page-main__box .graphic.page-contact.-g4 > svg .wifi.-l {
  -webkit-animation-name: contact-g4-wifi3;
          animation-name: contact-g4-wifi3;
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-contact.-g4 {
    left: 114px;
    bottom: 82px;
    display: none;
  }
}
.page-main__box .graphic.page-plan.-g2 {
  width: 320px;
  height: 113px;
  left: 38%;
}
.page-main__box .graphic.page-plan.-g2 > svg .st0 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-plan.-g2 > svg .st1 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-plan.-g2 > svg .st2 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-plan.-g2 > svg .st3 {
  fill: #878787;
}
.page-main__box .graphic.page-plan.-g2 > svg .st4 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-plan.-g2 > svg .st5 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-plan.-g2 > svg .st6 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-plan.-g2 > svg .st7 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-plan.-g2 > svg .st8 {
  fill: #AAAAA9;
}
.page-main__box .graphic.page-plan.-g2 > svg .st9 {
  fill: #AAA9A9;
}
.page-main__box .graphic.page-plan.-g2 > svg .tri {
  opacity: 0;
  -webkit-transform: translate(308px, 61px) scale(0.65) rotate(-10deg);
          transform: translate(308px, 61px) scale(0.65) rotate(-10deg);
  -webkit-animation-name: plan-tri;
          animation-name: plan-tri;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-plan.-g2 > svg .l-arm {
  -webkit-animation-name: plan-l-arm;
          animation-name: plan-l-arm;
  -webkit-transform-origin: 585px 110px;
          transform-origin: 585px 110px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-plan.-g2 {
    left: initial;
    right: -10px;
  }
}
.page-main__box .graphic.page-plan.-g3 {
  width: 380px;
  height: 103px;
  right: 0;
}
.page-main__box .graphic.page-plan.-g3 > svg .st0 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-plan.-g3 > svg .st1 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-plan.-g3 > svg .st2 {
  fill: #878787;
}
.page-main__box .graphic.page-plan.-g3 > svg .st3 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-plan.-g3 > svg .st4 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-plan.-g3 > svg .st5 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-plan.-g3 > svg .st6 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-plan.-g3 > svg .st7 {
  fill: #858585;
}
.page-main__box .graphic.page-plan.-g3 > svg .st8 {
  fill: #DADADA;
}
.page-main__box .graphic.page-plan.-g3 > svg .st9 {
  fill: #A8A8A8;
}
.page-main__box .graphic.page-plan.-g3 > svg .st10 {
  fill: #DBDBDB;
}
.page-main__box .graphic.page-plan.-g3 > svg .machine {
  -webkit-animation-name: plan-machine;
          animation-name: plan-machine;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-plan.-g3 > svg .batu {
  opacity: 0;
  -webkit-animation-name: plan-batu;
          animation-name: plan-batu;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-plan.-g3 > svg .r-arm {
  -webkit-transform-origin: 25px 57px;
          transform-origin: 25px 57px;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-animation-name: plan-r-arm;
          animation-name: plan-r-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-plan.-g3 {
    display: none;
  }
}
.page-main__box .graphic.page-news.-g2 {
  width: 202px;
  height: 112px;
  left: 38%;
}
.page-main__box .graphic.page-news.-g2 > svg .st0 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-news.-g2 > svg .st1 {
  fill: #878787;
}
.page-main__box .graphic.page-news.-g2 > svg .st2 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-news.-g2 > svg .st3 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-news.-g2 > svg .st4 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-news.-g2 > svg .st5 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-news.-g2 > svg .st6 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-news.-g2 > svg .st7 {
  fill: #FFFFFF;
  stroke: #AAAAAA;
  stroke-width: 4;
  stroke-miterlimit: 10;
}
.page-main__box .graphic.page-news.-g2 > svg .tri {
  opacity: 0;
  -webkit-transform: translate(-3px, -140px) scale(0.8) rotate(32deg);
          transform: translate(-3px, -140px) scale(0.8) rotate(32deg);
  -webkit-animation-name: news-g2-tri;
          animation-name: news-g2-tri;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-news.-g2 > svg .r-arm {
  -webkit-animation-name: news-r-arm;
          animation-name: news-r-arm;
  -webkit-transform-origin: 30px 65px;
          transform-origin: 30px 65px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-news.-g2 {
    display: none;
  }
}
.page-main__box .graphic.page-news.-g3 {
  width: 442px;
  height: 123px;
  right: 0;
}
.page-main__box .graphic.page-news.-g3 > svg .st0 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-news.-g3 > svg .st1 {
  fill: #878787;
}
.page-main__box .graphic.page-news.-g3 > svg .st2 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-news.-g3 > svg .st3 {
  fill: #ABABAB;
}
.page-main__box .graphic.page-news.-g3 > svg .st4 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-news.-g3 > svg .st5 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-news.-g3 > svg .tri {
  opacity: 0;
  -webkit-animation-name: news-g3-tri;
          animation-name: news-g3-tri;
  -webkit-transform: translate(-26px, -41px) scale(0.65) rotate(15deg);
          transform: translate(-26px, -41px) scale(0.65) rotate(15deg);
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-news.-g3 > svg .wifi {
  opacity: 0;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-news.-g3 > svg .wifi.-l {
  -webkit-animation-name: news-wifi3;
          animation-name: news-wifi3;
}
.page-main__box .graphic.page-news.-g3 > svg .wifi.-m {
  -webkit-animation-name: news-wifi2;
          animation-name: news-wifi2;
}
.page-main__box .graphic.page-news.-g3 > svg .wifi.-s {
  -webkit-animation-name: news-wifi1;
          animation-name: news-wifi1;
}
.page-main__box .graphic.page-news.-g3 > svg .man {
  -webkit-transform-origin: 625px 100%;
          transform-origin: 625px 100%;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-animation-name: news-man;
          animation-name: news-man;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-support.-g2 {
  width: 353px;
  height: 106px;
  left: 38%;
}
.page-main__box .graphic.page-support.-g2 > svg .st0 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-support.-g2 > svg .st1 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-support.-g2 > svg .st2 {
  fill: #ABABAB;
}
.page-main__box .graphic.page-support.-g2 > svg .st3 {
  fill: #878787;
}
.page-main__box .graphic.page-support.-g2 > svg .st4 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-support.-g2 > svg .st5 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-support.-g2 > svg .st6 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-support.-g2 > svg .st7 {
  fill: #AAAAA9;
}
.page-main__box .graphic.page-support.-g2 > svg .st8 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-support.-g2 > svg .cloud {
  opacity: 0;
  -webkit-animation-name: support-cloud;
          animation-name: support-cloud;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-support.-g2 > svg .l-arm {
  -webkit-animation-name: support-l-arm2;
          animation-name: support-l-arm2;
  -webkit-transform-origin: 658px 69px;
          transform-origin: 658px 69px;
  -webkit-transform: rotate(-60deg) scale(-1, 1);
          transform: rotate(-60deg) scale(-1, 1);
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-support.-g2 > svg .l-head {
  -webkit-transform-origin: 34px 43px;
          transform-origin: 34px 43px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: support-l-head;
          animation-name: support-l-head;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-support.-g2 > svg .r-head {
  -webkit-transform-origin: 186px 43px;
          transform-origin: 186px 43px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: support-l-head;
          animation-name: support-l-head;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-support.-g2 {
    left: 0;
  }
}
.page-main__box .graphic.page-support.-g3 {
  width: 303px;
  height: 98px;
  right: 0;
}
.page-main__box .graphic.page-support.-g3 > svg .st0 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-support.-g3 > svg .st1 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-support.-g3 > svg .st2 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-support.-g3 > svg .st3 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-support.-g3 > svg .st4 {
  fill: #878787;
}
.page-main__box .graphic.page-support.-g3 > svg .st5 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-support.-g3 > svg .st6 {
  fill: #AAA9A9;
}
.page-main__box .graphic.page-support.-g3 > svg .rect {
  opacity: 1;
  -webkit-animation-name: support-rect;
          animation-name: support-rect;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-support.-g3 > svg .man {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation-name: support-man;
          animation-name: support-man;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-support.-g3 > svg .l-arm {
  -webkit-transform-origin: 75px 85px;
          transform-origin: 75px 85px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-name: support-l-arm3;
          animation-name: support-l-arm3;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-support.-g3 > svg .machine {
  -webkit-transform-origin: 317px 118px;
          transform-origin: 317px 118px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-animation-name: support-machine;
          animation-name: support-machine;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-support.-g3 > .maru {
  opacity: 0;
  display: block;
  position: absolute;
  top: 51px;
  left: 131px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 3px solid #ff9598;
  -webkit-animation-name: support-maru;
          animation-name: support-maru;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-flow.-g2 {
  width: 285px;
  height: 165px;
  left: 38%;
}
.page-main__box .graphic.page-flow.-g2 > svg .st0 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-flow.-g2 > svg .st1 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-flow.-g2 > svg .st2 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-flow.-g2 > svg .st3 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-flow.-g2 > svg .st4 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-flow.-g2 > svg .st5 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-flow.-g2 > svg .st6 {
  fill: #868686;
}
.page-main__box .graphic.page-flow.-g2 > svg .st7 {
  fill: #ABABAB;
}
.page-main__box .graphic.page-flow.-g2 > svg .st8 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-flow.-g2 > svg .st9 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-flow.-g2 > svg .st10 {
  fill: #878787;
}
.page-main__box .graphic.page-flow.-g2 > svg .box {
  -webkit-animation-name: flow-g2-box;
          animation-name: flow-g2-box;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-flow.-g2 > svg .right {
  -webkit-animation-name: flow-g2-right;
          animation-name: flow-g2-right;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-flow.-g2 > svg .line {
  -webkit-transform-origin: 34px 20px;
          transform-origin: 34px 20px;
  opacity: 0;
  -webkit-transform: translateY(0) scale(0.5);
          transform: translateY(0) scale(0.5);
  -webkit-animation-name: flow-g2-line;
          animation-name: flow-g2-line;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1300px) {
  .page-main__box .graphic.page-flow.-g2 {
    left: 30%;
  }
}
@media screen and (max-width: 1060px) {
  .page-main__box .graphic.page-flow.-g2 {
    left: initial;
    right: 10px;
  }
}
.page-main__box .graphic.page-flow.-g3 {
  width: 533px;
  height: 122px;
  right: -6%;
}
.page-main__box .graphic.page-flow.-g3 > svg .st0 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-flow.-g3 > svg .st1 {
  fill: #A8A8A8;
}
.page-main__box .graphic.page-flow.-g3 > svg .st2 {
  fill: #DADADA;
}
.page-main__box .graphic.page-flow.-g3 > svg .st3 {
  fill: #878787;
}
.page-main__box .graphic.page-flow.-g3 > svg .st4 {
  fill: #DBDBDB;
}
.page-main__box .graphic.page-flow.-g3 > svg .st5 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-flow.-g3 > svg .st6 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-flow.-g3 > svg .st7 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-flow.-g3 > svg .st8 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-flow.-g3 > svg .st9 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-flow.-g3 > svg .st10 {
  fill: #ABABAB;
}
.page-main__box .graphic.page-flow.-g3 > svg .st11 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-flow.-g3 > svg .machine {
  -webkit-transform-origin: 277px 147px;
          transform-origin: 277px 147px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: flow-g3-machine;
          animation-name: flow-g3-machine;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-flow.-g3 > svg .tri {
  opacity: 0;
  -webkit-animation-name: flow-g3-tri;
          animation-name: flow-g3-tri;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-flow.-g3 > svg .tri.tab {
  opacity: 0;
  -webkit-transform: translate(1px, -40px) rotate(15deg) scale(0.6);
          transform: translate(1px, -40px) rotate(15deg) scale(0.6);
}
.page-main__box .graphic.page-flow.-g3 > svg .r-arm {
  -webkit-transform-origin: 29px 96px;
          transform-origin: 29px 96px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: flow-g3-r-arm;
          animation-name: flow-g3-r-arm;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-flow.-g3 > svg .wifi {
  opacity: 0;
  -webkit-animation-name: flow-g3-wifi-s;
          animation-name: flow-g3-wifi-s;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-flow.-g3 > svg .wifi.-m {
  -webkit-animation-name: flow-g3-wifi-m;
          animation-name: flow-g3-wifi-m;
}
.page-main__box .graphic.page-flow.-g3 > svg .wifi.-l {
  -webkit-animation-name: flow-g3-wifi-l;
          animation-name: flow-g3-wifi-l;
}
.page-main__box .graphic.page-flow.-g3 > svg .run-man {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 810px 240px;
          transform-origin: 810px 240px;
  -webkit-animation-name: flow-g3-run-arm;
          animation-name: flow-g3-run-arm;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1300px) {
  .page-main__box .graphic.page-flow.-g3 {
    right: -9%;
  }
}
@media screen and (max-width: 1060px) {
  .page-main__box .graphic.page-flow.-g3 {
    display: none;
  }
}
.page-main__box .graphic.page-feature.-g2 {
  width: 267px;
  height: 106px;
  left: 40.6vw;
  bottom: 0;
}
.page-main__box .graphic.page-feature.-g2 > svg .st0 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-feature.-g2 > svg .st1 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-feature.-g2 > svg .st2 {
  fill: #ABABAB;
}
.page-main__box .graphic.page-feature.-g2 > svg .st3 {
  fill: #878787;
}
.page-main__box .graphic.page-feature.-g2 > svg .st4 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-feature.-g2 > svg .st5 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-feature.-g2 > svg .st6 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-feature.-g2 > svg .st7 {
  fill: #DBDBDB;
}
.page-main__box .graphic.page-feature.-g2 > svg .st8 {
  fill: #888888;
}
.page-main__box .graphic.page-feature.-g2 > svg .l-arm {
  -webkit-transform: translateX(0px) rotate(90deg);
          transform: translateX(0px) rotate(90deg);
  -webkit-transform-origin: 50px 60px;
          transform-origin: 50px 60px;
  -webkit-animation-name: feature-g2-l-arm;
          animation-name: feature-g2-l-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-feature.-g2 > svg .r-man {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: 495px 0;
          transform-origin: 495px 0;
  -webkit-animation-name: feature-g2-r-man;
          animation-name: feature-g2-r-man;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1200px) {
  .page-main__box .graphic.page-feature.-g2 {
    left: initial;
    right: 0;
  }
}
.page-main__box .graphic.page-feature.-g3 {
  width: 570px;
  height: 104px;
  bottom: 0;
  right: -130px;
}
.page-main__box .graphic.page-feature.-g3 > svg .st0 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-feature.-g3 > svg .st1 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-feature.-g3 > svg .st2 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-feature.-g3 > svg .st3 {
  fill: #878787;
}
.page-main__box .graphic.page-feature.-g3 > svg .st4 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-feature.-g3 > svg .st5 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-feature.-g3 > svg .st6 {
  fill: #DBDBDB;
}
.page-main__box .graphic.page-feature.-g3 > svg .st7 {
  fill: #AAAAA9;
}
.page-main__box .graphic.page-feature.-g3 > svg .st8 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-feature.-g3 > svg .st9 {
  fill: #AAA9A9;
}
.page-main__box .graphic.page-feature.-g3 > svg .tri.tab {
  opacity: 0;
  -webkit-transform: translate(6px, -6px) rotate(15deg) scale(0.6);
          transform: translate(6px, -6px) rotate(15deg) scale(0.6);
  -webkit-animation-name: feature-g3-tri;
          animation-name: feature-g3-tri;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-feature.-g3 > svg .r-arm {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 45px 106px;
          transform-origin: 45px 106px;
  -webkit-animation-name: feature-g3-r-arm;
          animation-name: feature-g3-r-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-feature.-g3 > svg .r-man {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  -webkit-transform-origin: 810px 0;
          transform-origin: 810px 0;
  -webkit-animation-name: feature-g3-r-man;
          animation-name: feature-g3-r-man;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-feature.-g3 > svg .tool {
  -webkit-transform: rotate(-720deg);
          transform: rotate(-720deg);
  -webkit-transform-origin: 876px 63px;
          transform-origin: 876px 63px;
  -webkit-animation-name: feature-g3-l-arm;
          animation-name: feature-g3-l-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1200px) {
  .page-main__box .graphic.page-feature.-g3 {
    display: none;
  }
}
@-webkit-keyframes feature-g2-l-arm {
  0%, 95%, 100% {
    -webkit-transform: translateX(0px) rotate(90deg);
            transform: translateX(0px) rotate(90deg);
  }
  5%, 8% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  13%, 50% {
    -webkit-transform: translateX(-18px) rotate(0deg);
            transform: translateX(-18px) rotate(0deg);
  }
  55%, 90% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  95% {
    -webkit-transform: translateX(0px) rotate(90deg);
            transform: translateX(0px) rotate(90deg);
  }
}
@keyframes feature-g2-l-arm {
  0%, 95%, 100% {
    -webkit-transform: translateX(0px) rotate(90deg);
            transform: translateX(0px) rotate(90deg);
  }
  5%, 8% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  13%, 50% {
    -webkit-transform: translateX(-18px) rotate(0deg);
            transform: translateX(-18px) rotate(0deg);
  }
  55%, 90% {
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
  }
  95% {
    -webkit-transform: translateX(0px) rotate(90deg);
            transform: translateX(0px) rotate(90deg);
  }
}
@-webkit-keyframes feature-g2-r-man {
  0%, 13%, 55%, 100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  18%, 50% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@keyframes feature-g2-r-man {
  0%, 13%, 55%, 100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  18%, 50% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@-webkit-keyframes feature-g3-tri {
  0%, 50%, 66%, 100% {
    opacity: 0;
  }
  53%, 63% {
    opacity: 1;
  }
}
@keyframes feature-g3-tri {
  0%, 50%, 66%, 100% {
    opacity: 0;
  }
  53%, 63% {
    opacity: 1;
  }
}
@-webkit-keyframes feature-g3-r-arm {
  0%, 55%, 73%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  58%, 68% {
    -webkit-transform: rotate(-70deg);
            transform: rotate(-70deg);
  }
}
@keyframes feature-g3-r-arm {
  0%, 55%, 73%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  58%, 68% {
    -webkit-transform: rotate(-70deg);
            transform: rotate(-70deg);
  }
}
@-webkit-keyframes feature-g3-r-man {
  0%, 73%, 100% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  78%, 97% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@keyframes feature-g3-r-man {
  0%, 73%, 100% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  78%, 97% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}
@-webkit-keyframes feature-g3-l-arm {
  0%, 80% {
    -webkit-transform: rotate(-720deg);
            transform: rotate(-720deg);
  }
  85%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes feature-g3-l-arm {
  0%, 80% {
    -webkit-transform: rotate(-720deg);
            transform: rotate(-720deg);
  }
  85%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.page-main__box .graphic.page-policy.-g2 {
  width: 260px;
  height: 106px;
  left: 40.7vw;
  bottom: 0;
}
.page-main__box .graphic.page-policy.-g2 > svg .st0 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-policy.-g2 > svg .st1 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-policy.-g2 > svg .st2 {
  fill: #878787;
}
.page-main__box .graphic.page-policy.-g2 > svg .st3 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-policy.-g2 > svg .st4 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-policy.-g2 > svg .st5 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-policy.-g2 > svg .st6 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-policy.-g2 > svg .st7 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-policy.-g2 > svg .lock-all {
  opacity: 0;
  -webkit-animation-name: policy-g2-lockall;
          animation-name: policy-g2-lockall;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-policy.-g2 > svg .lock {
  -webkit-transform: translateY(-8px) rotate(-45deg);
          transform: translateY(-8px) rotate(-45deg);
  -webkit-transform-origin: center 100px;
          transform-origin: center 100px;
  -webkit-animation-name: policy-g2-lock;
          animation-name: policy-g2-lock;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1060px) {
  .page-main__box .graphic.page-policy.-g2 {
    left: initial;
    right: 0;
  }
}
.page-main__box .graphic.page-policy.-g3 {
  width: 290px;
  height: 114px;
  right: 4vw;
  bottom: 0;
}
.page-main__box .graphic.page-policy.-g3 > svg .st0 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-policy.-g3 > svg .st1 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-policy.-g3 > svg .st2 {
  fill: #AAA9A9;
}
.page-main__box .graphic.page-policy.-g3 > svg .st3 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-policy.-g3 > svg .st4 {
  fill: #878787;
}
.page-main__box .graphic.page-policy.-g3 > svg .st5 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-policy.-g3 > svg .st6 {
  fill: #A8A8A8;
}
.page-main__box .graphic.page-policy.-g3 > svg .st7 {
  fill: #DADADA;
}
.page-main__box .graphic.page-policy.-g3 > svg .st8 {
  fill: #DBDBDB;
}
.page-main__box .graphic.page-policy.-g3 > svg .man {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-animation-name: policy-g3-man;
          animation-name: policy-g3-man;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-policy.-g3 > svg .r-arm {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 500px 116px;
          transform-origin: 500px 116px;
  -webkit-animation-name: policy-g3-r-arm;
          animation-name: policy-g3-r-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-policy.-g3 > svg .machine {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 270px 104px;
          transform-origin: 270px 104px;
  -webkit-animation-name: policy-g3-machine;
          animation-name: policy-g3-machine;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-policy.-g3 > svg .line {
  opacity: 1;
  -webkit-animation-name: policy-g3-line;
          animation-name: policy-g3-line;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-policy.-g3 > .maru {
  position: absolute;
  top: 65px;
  left: 109px;
  display: block;
  width: 5%;
  border-radius: 50%;
  border: 3px solid #ff9598;
  opacity: 0;
  -webkit-animation-name: policy-g3-maru;
          animation-name: policy-g3-maru;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-policy.-g3 > .maru::before {
  content: "";
  display: block;
  padding-top: 100%;
}
@media screen and (max-width: 1060px) {
  .page-main__box .graphic.page-policy.-g3 {
    display: none;
  }
}
@-webkit-keyframes policy-g2-lockall {
  0%, 95%, 100% {
    opacity: 0;
  }
  3%, 90% {
    opacity: 1;
  }
}
@keyframes policy-g2-lockall {
  0%, 95%, 100% {
    opacity: 0;
  }
  3%, 90% {
    opacity: 1;
  }
}
@-webkit-keyframes policy-g2-lock {
  0%, 10%, 100% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
  16% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
  18% {
    -webkit-transform: translateY(3px) rotate(0deg);
            transform: translateY(3px) rotate(0deg);
  }
  20%, 99.9% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
}
@keyframes policy-g2-lock {
  0%, 10%, 100% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
  16% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
  18% {
    -webkit-transform: translateY(3px) rotate(0deg);
            transform: translateY(3px) rotate(0deg);
  }
  20%, 99.9% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
}
@-webkit-keyframes policy-g3-man {
  0%, 30%, 55%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  35%, 50% {
    -webkit-transform: translateX(-70px);
            transform: translateX(-70px);
  }
}
@keyframes policy-g3-man {
  0%, 30%, 55%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  35%, 50% {
    -webkit-transform: translateX(-70px);
            transform: translateX(-70px);
  }
}
@-webkit-keyframes policy-g3-r-arm {
  0%, 40%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  41% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  43% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  44% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  45% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  45.6% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  46.2% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  46.8% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  47.4% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  48% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes policy-g3-r-arm {
  0%, 40%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  41% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  43% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  44% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  45% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  45.6% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  46.2% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  46.8% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  47.4% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  48% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes policy-g3-machine {
  0%, 50%, 100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  52% {
    -webkit-transform: translateY(3px) rotate(5deg);
            transform: translateY(3px) rotate(5deg);
  }
  56% {
    -webkit-transform: translateY(3px) rotate(-3deg);
            transform: translateY(3px) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@keyframes policy-g3-machine {
  0%, 50%, 100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  52% {
    -webkit-transform: translateY(3px) rotate(5deg);
            transform: translateY(3px) rotate(5deg);
  }
  56% {
    -webkit-transform: translateY(3px) rotate(-3deg);
            transform: translateY(3px) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes policy-g3-line {
  0%, 65%, 100% {
    opacity: 1;
  }
  66%, 99% {
    opacity: 0;
  }
}
@keyframes policy-g3-line {
  0%, 65%, 100% {
    opacity: 1;
  }
  66%, 99% {
    opacity: 0;
  }
}
@-webkit-keyframes policy-g3-maru {
  0%, 65%, 100% {
    opacity: 0;
  }
  67%, 99% {
    opacity: 1;
  }
}
@keyframes policy-g3-maru {
  0%, 65%, 100% {
    opacity: 0;
  }
  67%, 99% {
    opacity: 1;
  }
}
.page-main__box .graphic.page-terms.-g2 {
  width: 50px;
  height: 98px;
  left: 27.3vw;
  bottom: 0;
}
.page-main__box .graphic.page-terms.-g2 > svg .st0 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-terms.-g2 > svg .st1 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-terms.-g2 > svg .st2 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-terms.-g2 > svg .st3 {
  fill: #878787;
}
.page-main__box .graphic.page-terms.-g2 > svg .st4 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-terms.-g2 > svg .st5 {
  fill: #ABABAB;
}
.page-main__box .graphic.page-terms.-g2 > svg .st6 {
  fill: #FFFFFF;
}
@media screen and (max-width: 950px) {
  .page-main__box .graphic.page-terms.-g2 {
    left: initial;
    right: 28vw;
  }
}
.page-main__box .graphic.page-terms.-g3 {
  width: 105px;
  height: 100px;
  left: 40.7vw;
  bottom: 0;
}
.page-main__box .graphic.page-terms.-g3 > svg .st0 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-terms.-g3 > svg .st1 {
  fill: #878787;
}
.page-main__box .graphic.page-terms.-g3 > svg .st2 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-terms.-g3 > svg .st3 {
  fill: #ABABAB;
}
.page-main__box .graphic.page-terms.-g3 > svg .arm {
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-terms.-g3 > svg .arm.-l {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-transform-origin: 57px 58px;
          transform-origin: 57px 58px;
  -webkit-animation-name: terms-g3-l-arm;
          animation-name: terms-g3-l-arm;
}
.page-main__box .graphic.page-terms.-g3 > svg .arm.-r {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  -webkit-transform-origin: 161px 58px;
          transform-origin: 161px 58px;
  -webkit-animation-name: terms-g3-r-arm;
          animation-name: terms-g3-r-arm;
}
.page-main__box .graphic.page-terms.-g3 > svg .man-head {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-terms.-g3 > svg .man-head.-l {
  -webkit-transform-origin: 42px 46px;
          transform-origin: 42px 46px;
  -webkit-animation-name: terms-g3-l-head;
          animation-name: terms-g3-l-head;
}
.page-main__box .graphic.page-terms.-g3 > svg .man-head.-r {
  -webkit-transform-origin: 177px 46px;
          transform-origin: 177px 46px;
  -webkit-animation-name: terms-g3-r-head;
          animation-name: terms-g3-r-head;
}
@media screen and (max-width: 950px) {
  .page-main__box .graphic.page-terms.-g3 {
    left: initial;
    right: 0;
  }
}
.page-main__box .graphic.page-terms.-g4 {
  width: 395px;
  height: 108px;
  right: 0;
  bottom: 0;
}
.page-main__box .graphic.page-terms.-g4 > svg .st0 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-terms.-g4 > svg .st1 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-terms.-g4 > svg .st2 {
  fill: #DBDBDB;
}
.page-main__box .graphic.page-terms.-g4 > svg .st3 {
  fill: #AAA9A9;
}
.page-main__box .graphic.page-terms.-g4 > svg .st4 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-terms.-g4 > svg .st5 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-terms.-g4 > svg .st6 {
  fill: #AAAAA9;
}
.page-main__box .graphic.page-terms.-g4 > svg .st7 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-terms.-g4 > svg .st8 {
  fill: #878787;
}
.page-main__box .graphic.page-terms.-g4 > svg .st9 {
  fill: #7ADF6F;
}
.page-main__box .graphic.page-terms.-g4 > svg .box {
  -webkit-transform: translateX(-68px);
          transform: translateX(-68px);
  -webkit-animation-name: terms-g4-box;
          animation-name: terms-g4-box;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-terms.-g4 > svg .tri {
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-terms.-g4 > svg .tri.machine {
  -webkit-animation-name: terms-g4-tri-machine;
          animation-name: terms-g4-tri-machine;
}
.page-main__box .graphic.page-terms.-g4 > svg .tri.tab {
  -webkit-animation-name: terms-g4-tri-tab;
          animation-name: terms-g4-tri-tab;
  opacity: 0;
  -webkit-transform: translate(-8px, -50px) rotate(15deg) scale(0.6);
          transform: translate(-8px, -50px) rotate(15deg) scale(0.6);
}
.page-main__box .graphic.page-terms.-g4 > svg .r-arm {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 30px 70px;
          transform-origin: 30px 70px;
  -webkit-animation-name: terms-g4-r-arm;
          animation-name: terms-g4-r-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 950px) {
  .page-main__box .graphic.page-terms.-g4 {
    display: none;
  }
}
@-webkit-keyframes terms-g3-l-arm {
  0%, 10%, 95%, 100% {
    -webkit-transform: translateY(0px) rotate(40deg);
            transform: translateY(0px) rotate(40deg);
  }
  15%, 19%, 23%, 90% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
  17%, 21% {
    -webkit-transform: translateY(-4px) rotate(0deg);
            transform: translateY(-4px) rotate(0deg);
  }
}
@keyframes terms-g3-l-arm {
  0%, 10%, 95%, 100% {
    -webkit-transform: translateY(0px) rotate(40deg);
            transform: translateY(0px) rotate(40deg);
  }
  15%, 19%, 23%, 90% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
  17%, 21% {
    -webkit-transform: translateY(-4px) rotate(0deg);
            transform: translateY(-4px) rotate(0deg);
  }
}
@-webkit-keyframes terms-g3-r-arm {
  0%, 10%, 95%, 100% {
    -webkit-transform: translateY(0px) rotate(-40deg);
            transform: translateY(0px) rotate(-40deg);
  }
  15%, 19%, 23%, 90% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
  17%, 21% {
    -webkit-transform: translateY(-4px) rotate(0deg);
            transform: translateY(-4px) rotate(0deg);
  }
}
@keyframes terms-g3-r-arm {
  0%, 10%, 95%, 100% {
    -webkit-transform: translateY(0px) rotate(-40deg);
            transform: translateY(0px) rotate(-40deg);
  }
  15%, 19%, 23%, 90% {
    -webkit-transform: translateY(0px) rotate(0deg);
            transform: translateY(0px) rotate(0deg);
  }
  17%, 21% {
    -webkit-transform: translateY(-4px) rotate(0deg);
            transform: translateY(-4px) rotate(0deg);
  }
}
@-webkit-keyframes terms-g3-l-head {
  0%, 23%, 33%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  28% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
@keyframes terms-g3-l-head {
  0%, 23%, 33%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  28% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
@-webkit-keyframes terms-g3-r-head {
  0%, 23%, 33%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  28% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
}
@keyframes terms-g3-r-head {
  0%, 23%, 33%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  28% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
}
@-webkit-keyframes terms-g4-box {
  0%, 50%, 100% {
    -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
  }
  60%, 95% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes terms-g4-box {
  0%, 50%, 100% {
    -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
  }
  60%, 95% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@-webkit-keyframes terms-g4-tri-machine {
  0%, 60%, 100% {
    opacity: 0;
  }
  62%, 70%, 95% {
    opacity: 1;
  }
}
@keyframes terms-g4-tri-machine {
  0%, 60%, 100% {
    opacity: 0;
  }
  62%, 70%, 95% {
    opacity: 1;
  }
}
@-webkit-keyframes terms-g4-tri-tab {
  0%, 60%, 72%, 100% {
    opacity: 0;
  }
  62%, 70% {
    opacity: 1;
  }
}
@keyframes terms-g4-tri-tab {
  0%, 60%, 72%, 100% {
    opacity: 0;
  }
  62%, 70% {
    opacity: 1;
  }
}
@-webkit-keyframes terms-g4-r-arm {
  0%, 62%, 78%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  65%, 75% {
    -webkit-transform: rotate(-100deg);
            transform: rotate(-100deg);
  }
}
@keyframes terms-g4-r-arm {
  0%, 62%, 78%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  65%, 75% {
    -webkit-transform: rotate(-100deg);
            transform: rotate(-100deg);
  }
}
.page-main__box .graphic.page-environment.-g2 {
  width: 320px;
  height: 105px;
  left: 37.7vw;
  bottom: 0;
}
.page-main__box .graphic.page-environment.-g2 > svg .st0 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-environment.-g2 > svg .st1 {
  fill: #AAA9A9;
}
.page-main__box .graphic.page-environment.-g2 > svg .st2 {
  fill: #DBDBDB;
}
.page-main__box .graphic.page-environment.-g2 > svg .st3 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-environment.-g2 > svg .st4 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-environment.-g2 > svg .st5 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-environment.-g2 > svg .st6 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-environment.-g2 > svg .st7 {
  fill: #878787;
}
.page-main__box .graphic.page-environment.-g2 > svg .st8 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-environment.-g2 > svg .st9 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-environment.-g2 > svg .st10 {
  fill: #FFFFFF;
  stroke: #AAAAAA;
  stroke-width: 4;
  stroke-miterlimit: 10;
}
.page-main__box .graphic.page-environment.-g2 > svg .st11 {
  fill: #ABABAB;
}
.page-main__box .graphic.page-environment.-g2 > svg .st12 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-environment.-g2 > svg .l-arm {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transform-origin: 57px 56px;
          transform-origin: 57px 56px;
  -webkit-animation-name: environment-g2-l-arm;
          animation-name: environment-g2-l-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-environment.-g2 > svg .r-arm {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  -webkit-transform-origin: 272px 57px;
          transform-origin: 272px 57px;
  -webkit-animation-name: environment-g2-r-arm;
          animation-name: environment-g2-r-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-environment.-g2 > svg .cloud1 {
  opacity: 1;
  -webkit-animation-name: environment-g2-cloud1;
          animation-name: environment-g2-cloud1;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1200px) {
  .page-main__box .graphic.page-environment.-g2 {
    left: 20vw;
  }
}
@media screen and (max-width: 950px) {
  .page-main__box .graphic.page-environment.-g2 {
    left: initial;
    right: 20px;
  }
}
.page-main__box .graphic.page-environment.-g3 {
  width: 446px;
  height: 124px;
  right: -5vw;
  bottom: 0;
}
.page-main__box .graphic.page-environment.-g3 > svg .st0 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-environment.-g3 > svg .st1 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-environment.-g3 > svg .st2 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-environment.-g3 > svg .st3 {
  fill: #ABABAB;
}
.page-main__box .graphic.page-environment.-g3 > svg .st4 {
  fill: #878787;
}
.page-main__box .graphic.page-environment.-g3 > svg .st5 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-environment.-g3 > svg .wifi {
  opacity: 0;
  -webkit-animation-name: environment-g3-wifi-s;
          animation-name: environment-g3-wifi-s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-environment.-g3 > svg .wifi.-m {
  -webkit-animation-name: environment-g3-wifi-m;
          animation-name: environment-g3-wifi-m;
}
.page-main__box .graphic.page-environment.-g3 > svg .wifi.-l {
  -webkit-animation-name: environment-g3-wifi-l;
          animation-name: environment-g3-wifi-l;
}
.page-main__box .graphic.page-environment.-g3 > svg .r-arm {
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
  -webkit-transform-origin: 268px 90px;
          transform-origin: 268px 90px;
  -webkit-animation-name: environment-g3-r-arm;
          animation-name: environment-g3-r-arm;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-environment.-g3 > svg .run-man {
  -webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1);
          transform: translate(0, 0) rotate(0deg) scale(1, 1);
  -webkit-transform-origin: 570px 100%;
          transform-origin: 570px 100%;
  -webkit-animation-name: environment-g3-run-man;
          animation-name: environment-g3-run-man;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 950px) {
  .page-main__box .graphic.page-environment.-g3 {
    display: none;
  }
}
@-webkit-keyframes environment-g2-cloud1 {
  0%, 6%, 12%, 100% {
    opacity: 1;
  }
  3%, 9% {
    opacity: 0;
  }
}
@keyframes environment-g2-cloud1 {
  0%, 6%, 12%, 100% {
    opacity: 1;
  }
  3%, 9% {
    opacity: 0;
  }
}
@-webkit-keyframes environment-g2-l-arm {
  0%, 10%, 90%, 100% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  15%, 85% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes environment-g2-l-arm {
  0%, 10%, 90%, 100% {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
  }
  15%, 85% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes environment-g2-r-arm {
  0%, 10%, 90%, 100% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  15%, 85% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes environment-g2-r-arm {
  0%, 10%, 90%, 100% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
  15%, 85% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes environment-g3-wifi-s {
  0%, 15%, 100% {
    opacity: 0;
  }
  16%, 99% {
    opacity: 1;
  }
}
@keyframes environment-g3-wifi-s {
  0%, 15%, 100% {
    opacity: 0;
  }
  16%, 99% {
    opacity: 1;
  }
}
@-webkit-keyframes environment-g3-wifi-m {
  0%, 20%, 100% {
    opacity: 0;
  }
  21%, 99% {
    opacity: 1;
  }
}
@keyframes environment-g3-wifi-m {
  0%, 20%, 100% {
    opacity: 0;
  }
  21%, 99% {
    opacity: 1;
  }
}
@-webkit-keyframes environment-g3-wifi-l {
  0%, 25%, 100% {
    opacity: 0;
  }
  26%, 99% {
    opacity: 1;
  }
}
@keyframes environment-g3-wifi-l {
  0%, 25%, 100% {
    opacity: 0;
  }
  26%, 99% {
    opacity: 1;
  }
}
@-webkit-keyframes environment-g3-r-arm {
  0%, 28%, 100% {
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
  }
  33% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes environment-g3-r-arm {
  0%, 28%, 100% {
    -webkit-transform: rotate(-50deg);
            transform: rotate(-50deg);
  }
  33% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes environment-g3-run-man {
  0%, 35%, 80%, 100% {
    -webkit-transform-origin: 527px 100%;
            transform-origin: 527px 100%;
    -webkit-transform: translateX(0) rotate(0) scale(1, 1);
            transform: translateX(0) rotate(0) scale(1, 1);
  }
  43% {
    -webkit-transform-origin: 527px 100%;
            transform-origin: 527px 100%;
    -webkit-transform: translateX(0) rotate(-15deg) scale(1, 1);
            transform: translateX(0) rotate(-15deg) scale(1, 1);
  }
  50% {
    -webkit-transform-origin: 627px 100%;
            transform-origin: 627px 100%;
    -webkit-transform: translateX(0) rotate(15deg) scale(1, 1);
            transform: translateX(0) rotate(15deg) scale(1, 1);
  }
  65% {
    -webkit-transform-origin: 627px 100%;
            transform-origin: 627px 100%;
    -webkit-transform: translateX(100%) rotate(20deg) scale(1, 1);
            transform: translateX(100%) rotate(20deg) scale(1, 1);
  }
  65.1% {
    -webkit-transform-origin: 627px 100%;
            transform-origin: 627px 100%;
    -webkit-transform: translateX(100%) rotate(20deg) scale(-1, 1);
            transform: translateX(100%) rotate(20deg) scale(-1, 1);
  }
  75% {
    -webkit-transform-origin: 627px 100%;
            transform-origin: 627px 100%;
    -webkit-transform: translateX(0) rotate(20deg) scale(-1, 1);
            transform: translateX(0) rotate(20deg) scale(-1, 1);
  }
}
@keyframes environment-g3-run-man {
  0%, 35%, 80%, 100% {
    -webkit-transform-origin: 527px 100%;
            transform-origin: 527px 100%;
    -webkit-transform: translateX(0) rotate(0) scale(1, 1);
            transform: translateX(0) rotate(0) scale(1, 1);
  }
  43% {
    -webkit-transform-origin: 527px 100%;
            transform-origin: 527px 100%;
    -webkit-transform: translateX(0) rotate(-15deg) scale(1, 1);
            transform: translateX(0) rotate(-15deg) scale(1, 1);
  }
  50% {
    -webkit-transform-origin: 627px 100%;
            transform-origin: 627px 100%;
    -webkit-transform: translateX(0) rotate(15deg) scale(1, 1);
            transform: translateX(0) rotate(15deg) scale(1, 1);
  }
  65% {
    -webkit-transform-origin: 627px 100%;
            transform-origin: 627px 100%;
    -webkit-transform: translateX(100%) rotate(20deg) scale(1, 1);
            transform: translateX(100%) rotate(20deg) scale(1, 1);
  }
  65.1% {
    -webkit-transform-origin: 627px 100%;
            transform-origin: 627px 100%;
    -webkit-transform: translateX(100%) rotate(20deg) scale(-1, 1);
            transform: translateX(100%) rotate(20deg) scale(-1, 1);
  }
  75% {
    -webkit-transform-origin: 627px 100%;
            transform-origin: 627px 100%;
    -webkit-transform: translateX(0) rotate(20deg) scale(-1, 1);
            transform: translateX(0) rotate(20deg) scale(-1, 1);
  }
}
.page-main__box .graphic.page-notfound.-g2 {
  width: 580px;
  height: 111px;
  bottom: 0;
  left: 30vw;
}
.page-main__box .graphic.page-notfound.-g2 > svg .st0 {
  fill: #878787;
}
.page-main__box .graphic.page-notfound.-g2 > svg .st1 {
  fill: #FFDACC;
}
.page-main__box .graphic.page-notfound.-g2 > svg .st2 {
  fill: #DBDBDB;
}
.page-main__box .graphic.page-notfound.-g2 > svg .st3 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-notfound.-g2 > svg .st4 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-notfound.-g2 > svg .st5 {
  fill: #AAA9A9;
}
.page-main__box .graphic.page-notfound.-g2 > svg .st6 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-notfound.-g2 > svg .st7 {
  fill: #FFD9CB;
}
.page-main__box .graphic.page-notfound.-g2 > svg .st8 {
  fill: #DCDCDC;
}
.page-main__box .graphic.page-notfound.-g2 > svg .l-arm {
  -webkit-transform-origin: 53px 65px;
          transform-origin: 53px 65px;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-animation-name: notfound-g2-l-arm;
          animation-name: notfound-g2-l-arm;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-notfound.-g2 > svg .l-machine {
  -webkit-transform-origin: 236px 145px;
          transform-origin: 236px 145px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: notfound-g2-l-machine;
          animation-name: notfound-g2-l-machine;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-notfound.-g2 > svg .c-machine {
  -webkit-transform-origin: 661px 117px;
          transform-origin: 661px 117px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: notfound-g2-c-machine;
          animation-name: notfound-g2-c-machine;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-notfound.-g2 > svg .r-machine {
  -webkit-transform-origin: 764px 103px;
          transform-origin: 764px 103px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: notfound-g2-r-machine;
          animation-name: notfound-g2-r-machine;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-notfound.-g2 > svg .l-q {
  opacity: 0;
  -webkit-animation-name: notfound-g2-lq;
          animation-name: notfound-g2-lq;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-notfound.-g2 > svg .c-q {
  opacity: 0;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-animation-name: notfound-g2-cq;
          animation-name: notfound-g2-cq;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-notfound.-g2 > svg .r-q {
  opacity: 0;
  -webkit-animation-name: notfound-g2-rq;
          animation-name: notfound-g2-rq;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1270px) {
  .page-main__box .graphic.page-notfound.-g2 {
    left: 20vw;
  }
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-notfound.-g2 {
    left: initial;
    right: 3vw;
  }
}
@media screen and (max-width: 950px) {
  .page-main__box .graphic.page-notfound.-g2 {
    right: -230px;
  }
}
.page-main__box .graphic.page-notfound.-g3 {
  width: 280px;
  height: 90px;
  bottom: 0;
  right: 0;
}
.page-main__box .graphic.page-notfound.-g3 > svg .st0 {
  fill: #FFDCCE;
}
.page-main__box .graphic.page-notfound.-g3 > svg .st1 {
  fill: #FF9B9B;
}
.page-main__box .graphic.page-notfound.-g3 > svg .st2 {
  fill: #AAAAAA;
}
.page-main__box .graphic.page-notfound.-g3 > svg .st3 {
  fill: #DDDDDD;
}
.page-main__box .graphic.page-notfound.-g3 > svg .st4 {
  fill: #878787;
}
.page-main__box .graphic.page-notfound.-g3 > svg .st5 {
  fill: #FFFFFF;
}
.page-main__box .graphic.page-notfound.-g3 > svg .st6 {
  fill: none;
  stroke: #FF9B9B;
  stroke-width: 7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.page-main__box .graphic.page-notfound.-g3 > svg .st7 {
  fill: #AAA9A9;
}
.page-main__box .graphic.page-notfound.-g3 > svg .man-head {
  -webkit-transform-origin: 59px 77px;
          transform-origin: 59px 77px;
  -webkit-transform: rotate(5deg) scale(-1, 1);
          transform: rotate(5deg) scale(-1, 1);
  -webkit-animation-name: notfound-g3-head;
          animation-name: notfound-g3-head;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-notfound.-g3 {
    display: none;
  }
}
@-webkit-keyframes notfound-g2-l-arm {
  0%, 41%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  5%, 36% {
    -webkit-transform: translateX(-1.3%);
            transform: translateX(-1.3%);
  }
}
@keyframes notfound-g2-l-arm {
  0%, 41%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  5%, 36% {
    -webkit-transform: translateX(-1.3%);
            transform: translateX(-1.3%);
  }
}
@-webkit-keyframes notfound-g2-l-machine {
  0%, 7%, 20%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  11%, 17% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@keyframes notfound-g2-l-machine {
  0%, 7%, 20%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  11%, 17% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@-webkit-keyframes notfound-g2-lq {
  0%, 13%, 83%, 100% {
    opacity: 0;
  }
  16%, 80% {
    opacity: 1;
  }
}
@keyframes notfound-g2-lq {
  0%, 13%, 83%, 100% {
    opacity: 0;
  }
  16%, 80% {
    opacity: 1;
  }
}
@-webkit-keyframes notfound-g2-c-machine {
  0%, 17%, 30%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  21%, 27% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@keyframes notfound-g2-c-machine {
  0%, 17%, 30%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  21%, 27% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@-webkit-keyframes notfound-g2-cq {
  0%, 23%, 88%, 100% {
    opacity: 0;
  }
  26%, 82% {
    opacity: 1;
  }
}
@keyframes notfound-g2-cq {
  0%, 23%, 88%, 100% {
    opacity: 0;
  }
  26%, 82% {
    opacity: 1;
  }
}
@-webkit-keyframes notfound-g2-r-machine {
  0%, 27%, 40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  31%, 37% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
}
@keyframes notfound-g2-r-machine {
  0%, 27%, 40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  31%, 37% {
    -webkit-transform: rotate(4deg);
            transform: rotate(4deg);
  }
}
@-webkit-keyframes notfound-g2-rq {
  0%, 33%, 89%, 100% {
    opacity: 0;
  }
  36%, 86% {
    opacity: 1;
  }
}
@keyframes notfound-g2-rq {
  0%, 33%, 89%, 100% {
    opacity: 0;
  }
  36%, 86% {
    opacity: 1;
  }
}
@-webkit-keyframes notfound-g3-head {
  0%, 35%, 100% {
    -webkit-transform: rotate(5deg) scale(-1, 1);
            transform: rotate(5deg) scale(-1, 1);
  }
  37%, 97% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@keyframes notfound-g3-head {
  0%, 35%, 100% {
    -webkit-transform: rotate(5deg) scale(-1, 1);
            transform: rotate(5deg) scale(-1, 1);
  }
  37%, 97% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
.page-main__box .graphic.-blog.-g2 {
  width: 155px;
  height: 164px;
  left: 41.9vw;
  bottom: 0;
}
.page-main__box .graphic.-blog.-g2 > svg .st0 {
  fill: #ff9b9b;
}
.page-main__box .graphic.-blog.-g2 > svg .st1 {
  fill: #aaa;
}
.page-main__box .graphic.-blog.-g2 > svg .st2 {
  fill: #ddd;
}
.page-main__box .graphic.-blog.-g2 > svg .st3 {
  fill: #fff;
}
.page-main__box .graphic.-blog.-g2 > svg .st4 {
  fill: #878787;
}
.page-main__box .graphic.-blog.-g2 > svg .st5 {
  fill: #ababab;
}
.page-main__box .graphic.-blog.-g2 > svg .st6 {
  fill: #ffdcce;
}
.page-main__box .graphic.-blog.-g2 > svg .st7 {
  fill: #ffd9cb;
}
.page-main__box .graphic.-blog.-g2 > svg .st8 {
  fill: #dcdcdc;
}
.page-main__box .graphic.-blog.-g2 > svg .right {
  -webkit-animation: blog-g2-right 8s linear infinite;
          animation: blog-g2-right 8s linear infinite;
}
.page-main__box .graphic.-blog.-g2 > svg .line {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0.5);
          transform: translateY(0) scale(0.5);
  -webkit-animation: blog-g2-line 8s linear infinite;
          animation: blog-g2-line 8s linear infinite;
}
.page-main__box .graphic.-blog.-g2 > svg .line.-l1 {
  -webkit-transform-origin: 89% 7%;
          transform-origin: 89% 7%;
}
.page-main__box .graphic.-blog.-g2 > svg .line.-l2 {
  -webkit-transform-origin: 14% 7%;
          transform-origin: 14% 7%;
}
.page-main__box .graphic.-blog.-g2 > svg .right-head {
  -webkit-transform-origin: 89% 49%;
          transform-origin: 89% 49%;
  -webkit-animation: blog-g2-right-head 8s linear infinite;
          animation: blog-g2-right-head 8s linear infinite;
}
.page-main__box .graphic.-blog.-g2 > svg .left-arm {
  -webkit-transform-origin: 19% 51%;
          transform-origin: 19% 51%;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation: blog-g2-left-arm 8s linear infinite;
          animation: blog-g2-left-arm 8s linear infinite;
}
@media screen and (max-width: 950px) {
  .page-main__box .graphic.-blog.-g2 {
    left: initial;
    right: 40px;
  }
}
.page-main__box .graphic.-blog.-g3 {
  width: 264px;
  height: 105px;
  right: 10.4vw;
  bottom: 0;
}
.page-main__box .graphic.-blog.-g3 > svg .st0 {
  fill: #ff9b9b;
}
.page-main__box .graphic.-blog.-g3 > svg .st1 {
  fill: #ddd;
}
.page-main__box .graphic.-blog.-g3 > svg .st2 {
  fill: #878787;
}
.page-main__box .graphic.-blog.-g3 > svg .st3 {
  fill: #ababab;
}
.page-main__box .graphic.-blog.-g3 > svg .st4 {
  fill: #ffdcce;
}
.page-main__box .graphic.-blog.-g3 > svg .left-arm {
  -webkit-transform: translateX(0px) rotate(90deg);
          transform: translateX(0px) rotate(90deg);
  -webkit-transform-origin: 9% 28%;
          transform-origin: 9% 28%;
  -webkit-animation: blog-g3-left-arm 8s linear infinite;
          animation: blog-g3-left-arm 8s linear infinite;
}
.page-main__box .graphic.-blog.-g3 > svg .r-woman {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: 94% 0;
          transform-origin: 94% 0;
  -webkit-animation: blog-g3-r-woman 8s linear infinite;
          animation: blog-g3-r-woman 8s linear infinite;
}
@media screen and (max-width: 1200px) {
  .page-main__box .graphic.-blog.-g3 {
    right: 2vw;
  }
}
@media screen and (max-width: 950px) {
  .page-main__box .graphic.-blog.-g3 {
    display: none;
  }
}
.page-main__box .ttl {
  font-size: 4rem;
  letter-spacing: 0.01em;
  line-height: 5.7rem;
  position: absolute;
  top: 230px;
  left: 80px;
}
.page-main__box .ttl.-fontp {
  font-size: 4.5rem;
  font-weight: 600;
}
.page-main__bread {
  padding-left: 80px;
}
.page-main__bread.-contact {
  position: absolute;
  left: 0;
  top: 298px;
}
.page-main__bread > ul .item {
  white-space: nowrap;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
}
.page-main__bread > ul .item > a {
  overflow: hidden;
  top: 2px;
}
.page-main__bread > ul .item > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 1px;
  background: #000;
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .page-main__bread > ul .item > a:hover::before {
    width: 100%;
    left: 0;
    right: initial;
  }
}
.page-main__bread > ul .item.-current {
  cursor: auto;
  pointer-events: none;
}
.page-main__bread > ul .arrow {
  width: 7px;
  margin: 0 20px;
}
@-webkit-keyframes flow-g2-box {
  0%, 50% {
    fill: #AAAAAA;
  }
  51% {
    fill: #ff9598;
  }
  95% {
    fill: #ff9598;
  }
  100% {
    fill: #aaaaaa;
  }
}
@keyframes flow-g2-box {
  0%, 50% {
    fill: #AAAAAA;
  }
  51% {
    fill: #ff9598;
  }
  95% {
    fill: #ff9598;
  }
  100% {
    fill: #aaaaaa;
  }
}
@-webkit-keyframes flow-g2-right {
  0% {
    fill: #ffd9cb;
  }
  30% {
    fill: #ffd9cb;
  }
  35% {
    fill: #AAAAAA;
  }
  52% {
    fill: #AAAAAA;
  }
  53% {
    fill: #ffd9cb;
  }
  100% {
    fill: #ffd9cb;
  }
}
@keyframes flow-g2-right {
  0% {
    fill: #ffd9cb;
  }
  30% {
    fill: #ffd9cb;
  }
  35% {
    fill: #AAAAAA;
  }
  52% {
    fill: #AAAAAA;
  }
  53% {
    fill: #ffd9cb;
  }
  100% {
    fill: #ffd9cb;
  }
}
@-webkit-keyframes flow-g2-line {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  35% {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
  }
  53% {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateY(-15px) scale(1);
            transform: translateY(-15px) scale(1);
  }
  57% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}
@keyframes flow-g2-line {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  35% {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
  }
  53% {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
  }
  55% {
    opacity: 1;
    -webkit-transform: translateY(-15px) scale(1);
            transform: translateY(-15px) scale(1);
  }
  57% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}
@-webkit-keyframes flow-g3-machine {
  0.2% {
    -webkit-transform: translate(2px, -2px) rotate(0deg);
            transform: translate(2px, -2px) rotate(0deg);
  }
  0.4% {
    -webkit-transform: translate(-2px, 0px) rotate(2deg);
            transform: translate(-2px, 0px) rotate(2deg);
  }
  0.6% {
    -webkit-transform: translate(2px, 4px) rotate(0deg);
            transform: translate(2px, 4px) rotate(0deg);
  }
  0.8% {
    -webkit-transform: translate(4px, 0px) rotate(0deg);
            transform: translate(4px, 0px) rotate(0deg);
  }
  1% {
    -webkit-transform: translate(4px, 0px) rotate(0deg);
            transform: translate(4px, 0px) rotate(0deg);
  }
  1.2% {
    -webkit-transform: translate(0px, 2px) rotate(2deg);
            transform: translate(0px, 2px) rotate(2deg);
  }
  1.4% {
    -webkit-transform: translate(4px, 0px) rotate(2deg);
            transform: translate(4px, 0px) rotate(2deg);
  }
  1.6% {
    -webkit-transform: translate(0px, -2px) rotate(0deg);
            transform: translate(0px, -2px) rotate(0deg);
  }
  1.8% {
    -webkit-transform: translate(4px, 4px) rotate(0deg);
            transform: translate(4px, 4px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(2px, 0px) rotate(2deg);
            transform: translate(2px, 0px) rotate(2deg);
  }
  2.2% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  2.4% {
    -webkit-transform: translate(-2px, 2px) rotate(0deg);
            transform: translate(-2px, 2px) rotate(0deg);
  }
  2.6% {
    -webkit-transform: translate(4px, 0px) rotate(2deg);
            transform: translate(4px, 0px) rotate(2deg);
  }
  2.8% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  3% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  3.2% {
    -webkit-transform: translate(2px, 0px) rotate(2deg);
            transform: translate(2px, 0px) rotate(2deg);
  }
  3.4% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  3.6% {
    -webkit-transform: translate(0px, 4px) rotate(0deg);
            transform: translate(0px, 4px) rotate(0deg);
  }
  3.8% {
    -webkit-transform: translate(-2px, 0px) rotate(0deg);
            transform: translate(-2px, 0px) rotate(0deg);
  }
  4% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  4.2% {
    -webkit-transform: translate(0px, 0px) rotate(2deg);
            transform: translate(0px, 0px) rotate(2deg);
  }
  4.4% {
    -webkit-transform: translate(-2px, 0px) rotate(2deg);
            transform: translate(-2px, 0px) rotate(2deg);
  }
  4.6% {
    -webkit-transform: translate(-2px, 0px) rotate(0deg);
            transform: translate(-2px, 0px) rotate(0deg);
  }
  4.8% {
    -webkit-transform: translate(-2px, 0px) rotate(0deg);
            transform: translate(-2px, 0px) rotate(0deg);
  }
  5% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  5.2% {
    -webkit-transform: translate(-2px, 0px) rotate(2deg);
            transform: translate(-2px, 0px) rotate(2deg);
  }
  5.4% {
    -webkit-transform: translate(4px, 0px) rotate(0deg);
            transform: translate(4px, 0px) rotate(0deg);
  }
  5.6% {
    -webkit-transform: translate(2px, 4px) rotate(2deg);
            transform: translate(2px, 4px) rotate(2deg);
  }
  5.8% {
    -webkit-transform: translate(0px, 2px) rotate(2deg);
            transform: translate(0px, 2px) rotate(2deg);
  }
  6% {
    -webkit-transform: translate(-2px, -2px) rotate(2deg);
            transform: translate(-2px, -2px) rotate(2deg);
  }
  6.2% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  6.4% {
    -webkit-transform: translate(2px, 4px) rotate(2deg);
            transform: translate(2px, 4px) rotate(2deg);
  }
  6.6% {
    -webkit-transform: translate(2px, 0px) rotate(2deg);
            transform: translate(2px, 0px) rotate(2deg);
  }
  6.8% {
    -webkit-transform: translate(-2px, 2px) rotate(0deg);
            transform: translate(-2px, 2px) rotate(0deg);
  }
  7% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  7.2% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  7.4% {
    -webkit-transform: translate(0px, -2px) rotate(0deg);
            transform: translate(0px, -2px) rotate(0deg);
  }
  7.6% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  7.8% {
    -webkit-transform: translate(2px, -2px) rotate(0deg);
            transform: translate(2px, -2px) rotate(0deg);
  }
  8% {
    -webkit-transform: translate(-2px, 0px) rotate(0deg);
            transform: translate(-2px, 0px) rotate(0deg);
  }
  8.2% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  8.4% {
    -webkit-transform: translate(4px, 4px) rotate(2deg);
            transform: translate(4px, 4px) rotate(2deg);
  }
  8.6% {
    -webkit-transform: translate(4px, 0px) rotate(2deg);
            transform: translate(4px, 0px) rotate(2deg);
  }
  8.8% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  9% {
    -webkit-transform: translate(0px, -2px) rotate(0deg);
            transform: translate(0px, -2px) rotate(0deg);
  }
  9.2% {
    -webkit-transform: translate(4px, 2px) rotate(0deg);
            transform: translate(4px, 2px) rotate(0deg);
  }
  9.4% {
    -webkit-transform: translate(4px, -2px) rotate(0deg);
            transform: translate(4px, -2px) rotate(0deg);
  }
  9.6% {
    -webkit-transform: translate(4px, 4px) rotate(0deg);
            transform: translate(4px, 4px) rotate(0deg);
  }
  9.8% {
    -webkit-transform: translate(4px, 0px) rotate(0deg);
            transform: translate(4px, 0px) rotate(0deg);
  }
  0%, 10% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes flow-g3-machine {
  0.2% {
    -webkit-transform: translate(2px, -2px) rotate(0deg);
            transform: translate(2px, -2px) rotate(0deg);
  }
  0.4% {
    -webkit-transform: translate(-2px, 0px) rotate(2deg);
            transform: translate(-2px, 0px) rotate(2deg);
  }
  0.6% {
    -webkit-transform: translate(2px, 4px) rotate(0deg);
            transform: translate(2px, 4px) rotate(0deg);
  }
  0.8% {
    -webkit-transform: translate(4px, 0px) rotate(0deg);
            transform: translate(4px, 0px) rotate(0deg);
  }
  1% {
    -webkit-transform: translate(4px, 0px) rotate(0deg);
            transform: translate(4px, 0px) rotate(0deg);
  }
  1.2% {
    -webkit-transform: translate(0px, 2px) rotate(2deg);
            transform: translate(0px, 2px) rotate(2deg);
  }
  1.4% {
    -webkit-transform: translate(4px, 0px) rotate(2deg);
            transform: translate(4px, 0px) rotate(2deg);
  }
  1.6% {
    -webkit-transform: translate(0px, -2px) rotate(0deg);
            transform: translate(0px, -2px) rotate(0deg);
  }
  1.8% {
    -webkit-transform: translate(4px, 4px) rotate(0deg);
            transform: translate(4px, 4px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(2px, 0px) rotate(2deg);
            transform: translate(2px, 0px) rotate(2deg);
  }
  2.2% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  2.4% {
    -webkit-transform: translate(-2px, 2px) rotate(0deg);
            transform: translate(-2px, 2px) rotate(0deg);
  }
  2.6% {
    -webkit-transform: translate(4px, 0px) rotate(2deg);
            transform: translate(4px, 0px) rotate(2deg);
  }
  2.8% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  3% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  3.2% {
    -webkit-transform: translate(2px, 0px) rotate(2deg);
            transform: translate(2px, 0px) rotate(2deg);
  }
  3.4% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  3.6% {
    -webkit-transform: translate(0px, 4px) rotate(0deg);
            transform: translate(0px, 4px) rotate(0deg);
  }
  3.8% {
    -webkit-transform: translate(-2px, 0px) rotate(0deg);
            transform: translate(-2px, 0px) rotate(0deg);
  }
  4% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  4.2% {
    -webkit-transform: translate(0px, 0px) rotate(2deg);
            transform: translate(0px, 0px) rotate(2deg);
  }
  4.4% {
    -webkit-transform: translate(-2px, 0px) rotate(2deg);
            transform: translate(-2px, 0px) rotate(2deg);
  }
  4.6% {
    -webkit-transform: translate(-2px, 0px) rotate(0deg);
            transform: translate(-2px, 0px) rotate(0deg);
  }
  4.8% {
    -webkit-transform: translate(-2px, 0px) rotate(0deg);
            transform: translate(-2px, 0px) rotate(0deg);
  }
  5% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  5.2% {
    -webkit-transform: translate(-2px, 0px) rotate(2deg);
            transform: translate(-2px, 0px) rotate(2deg);
  }
  5.4% {
    -webkit-transform: translate(4px, 0px) rotate(0deg);
            transform: translate(4px, 0px) rotate(0deg);
  }
  5.6% {
    -webkit-transform: translate(2px, 4px) rotate(2deg);
            transform: translate(2px, 4px) rotate(2deg);
  }
  5.8% {
    -webkit-transform: translate(0px, 2px) rotate(2deg);
            transform: translate(0px, 2px) rotate(2deg);
  }
  6% {
    -webkit-transform: translate(-2px, -2px) rotate(2deg);
            transform: translate(-2px, -2px) rotate(2deg);
  }
  6.2% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  6.4% {
    -webkit-transform: translate(2px, 4px) rotate(2deg);
            transform: translate(2px, 4px) rotate(2deg);
  }
  6.6% {
    -webkit-transform: translate(2px, 0px) rotate(2deg);
            transform: translate(2px, 0px) rotate(2deg);
  }
  6.8% {
    -webkit-transform: translate(-2px, 2px) rotate(0deg);
            transform: translate(-2px, 2px) rotate(0deg);
  }
  7% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  7.2% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  7.4% {
    -webkit-transform: translate(0px, -2px) rotate(0deg);
            transform: translate(0px, -2px) rotate(0deg);
  }
  7.6% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  7.8% {
    -webkit-transform: translate(2px, -2px) rotate(0deg);
            transform: translate(2px, -2px) rotate(0deg);
  }
  8% {
    -webkit-transform: translate(-2px, 0px) rotate(0deg);
            transform: translate(-2px, 0px) rotate(0deg);
  }
  8.2% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  8.4% {
    -webkit-transform: translate(4px, 4px) rotate(2deg);
            transform: translate(4px, 4px) rotate(2deg);
  }
  8.6% {
    -webkit-transform: translate(4px, 0px) rotate(2deg);
            transform: translate(4px, 0px) rotate(2deg);
  }
  8.8% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  9% {
    -webkit-transform: translate(0px, -2px) rotate(0deg);
            transform: translate(0px, -2px) rotate(0deg);
  }
  9.2% {
    -webkit-transform: translate(4px, 2px) rotate(0deg);
            transform: translate(4px, 2px) rotate(0deg);
  }
  9.4% {
    -webkit-transform: translate(4px, -2px) rotate(0deg);
            transform: translate(4px, -2px) rotate(0deg);
  }
  9.6% {
    -webkit-transform: translate(4px, 4px) rotate(0deg);
            transform: translate(4px, 4px) rotate(0deg);
  }
  9.8% {
    -webkit-transform: translate(4px, 0px) rotate(0deg);
            transform: translate(4px, 0px) rotate(0deg);
  }
  0%, 10% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes flow-g3-tri {
  12% {
    opacity: 0;
  }
  13% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
  0%, 100% {
    opacity: 0;
  }
}
@keyframes flow-g3-tri {
  12% {
    opacity: 0;
  }
  13% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  96% {
    opacity: 0;
  }
  0%, 100% {
    opacity: 0;
  }
}
@-webkit-keyframes flow-g3-r-arm {
  14% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  17% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  21% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  24% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes flow-g3-r-arm {
  14% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  17% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  21% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  24% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes flow-g3-run-arm {
  0% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(-1, 1);
            transform: translate(0, 0) rotate(0) scale(-1, 1);
  }
  3% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(-1, 1);
            transform: translate(0, 0) rotate(0) scale(-1, 1);
  }
  4.5% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, -20px) rotate(3deg) scale(-1, 1);
            transform: translate(0, -20px) rotate(3deg) scale(-1, 1);
  }
  6% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(5deg) scale(-1, 1);
            transform: translate(0, 0) rotate(5deg) scale(-1, 1);
  }
  7.5% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(6px, -10px) rotate(5deg) scale(-1, 1);
            transform: translate(6px, -10px) rotate(5deg) scale(-1, 1);
  }
  9% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(10px, 0px) rotate(10deg) scale(-1, 1);
            transform: translate(10px, 0px) rotate(10deg) scale(-1, 1);
  }
  12% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(10px, 0px) rotate(10deg) scale(-1, 1);
            transform: translate(10px, 0px) rotate(10deg) scale(-1, 1);
  }
  16% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(-1, 1);
            transform: translate(0px, 0px) rotate(0deg) scale(-1, 1);
  }
  18% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
            transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
  }
  25% {
    -webkit-transform-origin: 810px 100%;
            transform-origin: 810px 100%;
    -webkit-transform: translate(0, 0) rotate(15deg) scale(1, 1);
            transform: translate(0, 0) rotate(15deg) scale(1, 1);
  }
  40% {
    -webkit-transform-origin: 810px 100%;
            transform-origin: 810px 100%;
    -webkit-transform: translate(100%, 0) rotate(20deg) scale(1, 1);
            transform: translate(100%, 0) rotate(20deg) scale(1, 1);
  }
  40.1% {
    -webkit-transform-origin: 810px 100%;
            transform-origin: 810px 100%;
    -webkit-transform: translate(100%, 0) rotate(20deg) scale(-1, 1);
            transform: translate(100%, 0) rotate(20deg) scale(-1, 1);
  }
  50% {
    -webkit-transform-origin: 810px 100%;
            transform-origin: 810px 100%;
    -webkit-transform: translate(0, 0) rotate(20deg) scale(-1, 1);
            transform: translate(0, 0) rotate(20deg) scale(-1, 1);
  }
  55% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(1, 1);
            transform: translate(0, 0) rotate(0) scale(1, 1);
  }
  95% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(1, 1);
            transform: translate(0, 0) rotate(0) scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(-1, 1);
            transform: translate(0, 0) rotate(0) scale(-1, 1);
  }
}
@keyframes flow-g3-run-arm {
  0% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(-1, 1);
            transform: translate(0, 0) rotate(0) scale(-1, 1);
  }
  3% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(-1, 1);
            transform: translate(0, 0) rotate(0) scale(-1, 1);
  }
  4.5% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, -20px) rotate(3deg) scale(-1, 1);
            transform: translate(0, -20px) rotate(3deg) scale(-1, 1);
  }
  6% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(5deg) scale(-1, 1);
            transform: translate(0, 0) rotate(5deg) scale(-1, 1);
  }
  7.5% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(6px, -10px) rotate(5deg) scale(-1, 1);
            transform: translate(6px, -10px) rotate(5deg) scale(-1, 1);
  }
  9% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(10px, 0px) rotate(10deg) scale(-1, 1);
            transform: translate(10px, 0px) rotate(10deg) scale(-1, 1);
  }
  12% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(10px, 0px) rotate(10deg) scale(-1, 1);
            transform: translate(10px, 0px) rotate(10deg) scale(-1, 1);
  }
  16% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(-1, 1);
            transform: translate(0px, 0px) rotate(0deg) scale(-1, 1);
  }
  18% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
            transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
  }
  25% {
    -webkit-transform-origin: 810px 100%;
            transform-origin: 810px 100%;
    -webkit-transform: translate(0, 0) rotate(15deg) scale(1, 1);
            transform: translate(0, 0) rotate(15deg) scale(1, 1);
  }
  40% {
    -webkit-transform-origin: 810px 100%;
            transform-origin: 810px 100%;
    -webkit-transform: translate(100%, 0) rotate(20deg) scale(1, 1);
            transform: translate(100%, 0) rotate(20deg) scale(1, 1);
  }
  40.1% {
    -webkit-transform-origin: 810px 100%;
            transform-origin: 810px 100%;
    -webkit-transform: translate(100%, 0) rotate(20deg) scale(-1, 1);
            transform: translate(100%, 0) rotate(20deg) scale(-1, 1);
  }
  50% {
    -webkit-transform-origin: 810px 100%;
            transform-origin: 810px 100%;
    -webkit-transform: translate(0, 0) rotate(20deg) scale(-1, 1);
            transform: translate(0, 0) rotate(20deg) scale(-1, 1);
  }
  55% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(1, 1);
            transform: translate(0, 0) rotate(0) scale(1, 1);
  }
  95% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(1, 1);
            transform: translate(0, 0) rotate(0) scale(1, 1);
  }
  100% {
    -webkit-transform-origin: 700px 100%;
            transform-origin: 700px 100%;
    -webkit-transform: translate(0, 0) rotate(0) scale(-1, 1);
            transform: translate(0, 0) rotate(0) scale(-1, 1);
  }
}
@-webkit-keyframes support-cloud {
  0% {
    opacity: 1;
  }
  38% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  42% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes support-cloud {
  0% {
    opacity: 1;
  }
  38% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  42% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes support-l-arm2 {
  0% {
    -webkit-transform: rotate(-60deg) scale(-1, 1);
            transform: rotate(-60deg) scale(-1, 1);
  }
  3% {
    -webkit-transform: rotate(-60deg) scale(-1, 1);
            transform: rotate(-60deg) scale(-1, 1);
  }
  6% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@keyframes support-l-arm2 {
  0% {
    -webkit-transform: rotate(-60deg) scale(-1, 1);
            transform: rotate(-60deg) scale(-1, 1);
  }
  3% {
    -webkit-transform: rotate(-60deg) scale(-1, 1);
            transform: rotate(-60deg) scale(-1, 1);
  }
  6% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@-webkit-keyframes support-man {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  9% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  13% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  42% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  45% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes support-man {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  9% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  13% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  42% {
    -webkit-transform: translateX(80px);
            transform: translateX(80px);
  }
  45% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes support-l-arm3 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  14% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  16% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  18% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  19% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20.5% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  21% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  22% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  23% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  26% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  26.5% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes support-l-arm3 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  14% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  16% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  18% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  19% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20.5% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  21% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  22% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  23% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  26% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  26.5% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes support-machine {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  27% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  30% {
    -webkit-transform: translateY(3px) rotate(5deg);
            transform: translateY(3px) rotate(5deg);
  }
  32% {
    -webkit-transform: translateY(3px) rotate(-3deg);
            transform: translateY(3px) rotate(-3deg);
  }
  35% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@keyframes support-machine {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  27% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  30% {
    -webkit-transform: translateY(3px) rotate(5deg);
            transform: translateY(3px) rotate(5deg);
  }
  32% {
    -webkit-transform: translateY(3px) rotate(-3deg);
            transform: translateY(3px) rotate(-3deg);
  }
  35% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes support-rect {
  0% {
    opacity: 1;
  }
  38% {
    opacity: 1;
  }
  39% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes support-rect {
  0% {
    opacity: 1;
  }
  38% {
    opacity: 1;
  }
  39% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes support-maru {
  0% {
    opacity: 0;
  }
  38% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes support-maru {
  0% {
    opacity: 0;
  }
  38% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes support-l-head {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  52% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  55% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  58% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  61% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  64% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes support-l-head {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  52% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  55% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  58% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  61% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  64% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes contact-g3-tri {
  20% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes contact-g3-tri {
  20% {
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes contact-g3-arm {
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(-100deg);
            transform: rotate(-100deg);
  }
  95% {
    -webkit-transform: rotate(-100deg);
            transform: rotate(-100deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes contact-g3-arm {
  25% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  30% {
    -webkit-transform: rotate(-100deg);
            transform: rotate(-100deg);
  }
  95% {
    -webkit-transform: rotate(-100deg);
            transform: rotate(-100deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes contact-g4-wifi1 {
  34% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes contact-g4-wifi1 {
  34% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes contact-g4-wifi2 {
  41% {
    opacity: 0;
  }
  42% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes contact-g4-wifi2 {
  41% {
    opacity: 0;
  }
  42% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes contact-g4-wifi3 {
  47% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes contact-g4-wifi3 {
  47% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes contact-g2-graph {
  53% {
    height: 43px;
  }
  58% {
    height: 0;
  }
  100% {
    height: 0;
  }
}
@keyframes contact-g2-graph {
  53% {
    height: 43px;
  }
  58% {
    height: 0;
  }
  100% {
    height: 0;
  }
}
@-webkit-keyframes page-dot1 {
  0% {
    -webkit-transform: translate(0, -400px);
            transform: translate(0, -400px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@keyframes page-dot1 {
  0% {
    -webkit-transform: translate(0, -400px);
            transform: translate(0, -400px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@-webkit-keyframes page-dot2 {
  0% {
    -webkit-transform: translate(-24vw, 0);
            transform: translate(-24vw, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes page-dot2 {
  0% {
    -webkit-transform: translate(-24vw, 0);
            transform: translate(-24vw, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes plan-machine {
  0.2% {
    -webkit-transform: translate(1px, -1px) rotate(0deg);
            transform: translate(1px, -1px) rotate(0deg);
  }
  0.4% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  0.6% {
    -webkit-transform: translate(1px, 2px) rotate(0deg);
            transform: translate(1px, 2px) rotate(0deg);
  }
  0.8% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  1% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  1.2% {
    -webkit-transform: translate(0px, 1px) rotate(1deg);
            transform: translate(0px, 1px) rotate(1deg);
  }
  1.4% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  1.6% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  1.8% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  2.2% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  2.4% {
    -webkit-transform: translate(-1px, 1px) rotate(0deg);
            transform: translate(-1px, 1px) rotate(0deg);
  }
  2.6% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  2.8% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  3% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  3.2% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  3.4% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  3.6% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  3.8% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  4% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  4.2% {
    -webkit-transform: translate(0px, 0px) rotate(1deg);
            transform: translate(0px, 0px) rotate(1deg);
  }
  4.4% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  4.6% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  4.8% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  5% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  5.2% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  5.4% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  5.6% {
    -webkit-transform: translate(1px, 2px) rotate(1deg);
            transform: translate(1px, 2px) rotate(1deg);
  }
  5.8% {
    -webkit-transform: translate(0px, 1px) rotate(1deg);
            transform: translate(0px, 1px) rotate(1deg);
  }
  6% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg);
  }
  6.2% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  6.4% {
    -webkit-transform: translate(1px, 2px) rotate(1deg);
            transform: translate(1px, 2px) rotate(1deg);
  }
  6.6% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  6.8% {
    -webkit-transform: translate(-1px, 1px) rotate(0deg);
            transform: translate(-1px, 1px) rotate(0deg);
  }
  7% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  7.2% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  7.4% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  7.6% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  7.8% {
    -webkit-transform: translate(1px, -1px) rotate(0deg);
            transform: translate(1px, -1px) rotate(0deg);
  }
  8% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  8.2% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  8.4% {
    -webkit-transform: translate(2px, 2px) rotate(1deg);
            transform: translate(2px, 2px) rotate(1deg);
  }
  8.6% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  8.8% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}
@keyframes plan-machine {
  0.2% {
    -webkit-transform: translate(1px, -1px) rotate(0deg);
            transform: translate(1px, -1px) rotate(0deg);
  }
  0.4% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  0.6% {
    -webkit-transform: translate(1px, 2px) rotate(0deg);
            transform: translate(1px, 2px) rotate(0deg);
  }
  0.8% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  1% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  1.2% {
    -webkit-transform: translate(0px, 1px) rotate(1deg);
            transform: translate(0px, 1px) rotate(1deg);
  }
  1.4% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  1.6% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  1.8% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg);
  }
  2% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  2.2% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  2.4% {
    -webkit-transform: translate(-1px, 1px) rotate(0deg);
            transform: translate(-1px, 1px) rotate(0deg);
  }
  2.6% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  2.8% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  3% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  3.2% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  3.4% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  3.6% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  3.8% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  4% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  4.2% {
    -webkit-transform: translate(0px, 0px) rotate(1deg);
            transform: translate(0px, 0px) rotate(1deg);
  }
  4.4% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  4.6% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  4.8% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  5% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  5.2% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  5.4% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  5.6% {
    -webkit-transform: translate(1px, 2px) rotate(1deg);
            transform: translate(1px, 2px) rotate(1deg);
  }
  5.8% {
    -webkit-transform: translate(0px, 1px) rotate(1deg);
            transform: translate(0px, 1px) rotate(1deg);
  }
  6% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg);
  }
  6.2% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  6.4% {
    -webkit-transform: translate(1px, 2px) rotate(1deg);
            transform: translate(1px, 2px) rotate(1deg);
  }
  6.6% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  6.8% {
    -webkit-transform: translate(-1px, 1px) rotate(0deg);
            transform: translate(-1px, 1px) rotate(0deg);
  }
  7% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  7.2% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  7.4% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  7.6% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  7.8% {
    -webkit-transform: translate(1px, -1px) rotate(0deg);
            transform: translate(1px, -1px) rotate(0deg);
  }
  8% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  8.2% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  8.4% {
    -webkit-transform: translate(2px, 2px) rotate(1deg);
            transform: translate(2px, 2px) rotate(1deg);
  }
  8.6% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  8.8% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
}
@-webkit-keyframes plan-batu {
  0% {
    opacity: 0;
  }
  14% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes plan-batu {
  0% {
    opacity: 0;
  }
  14% {
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes plan-r-arm {
  0% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
  17% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
  23% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  27% {
    -webkit-transform: rotateX(180deg) translateY(-3px);
            transform: rotateX(180deg) translateY(-3px);
  }
  31% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  35% {
    -webkit-transform: rotateX(180deg) translateY(-3px);
            transform: rotateX(180deg) translateY(-3px);
  }
  39% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  45% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
  100% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
}
@keyframes plan-r-arm {
  0% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
  17% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
  23% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  27% {
    -webkit-transform: rotateX(180deg) translateY(-3px);
            transform: rotateX(180deg) translateY(-3px);
  }
  31% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  35% {
    -webkit-transform: rotateX(180deg) translateY(-3px);
            transform: rotateX(180deg) translateY(-3px);
  }
  39% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  45% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
  100% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
}
@-webkit-keyframes plan-tri {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes plan-tri {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  67% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes plan-l-arm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  55% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  60% {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
  }
  65% {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
  }
  70% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes plan-l-arm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  55% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  60% {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
  }
  65% {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
  }
  70% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes news-g2-tri {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  16% {
    opacity: 1;
  }
  17% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes news-g2-tri {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  16% {
    opacity: 1;
  }
  17% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes news-r-arm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  5% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  15% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  20% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes news-r-arm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  5% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  15% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  20% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes news-wifi1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes news-wifi1 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  26% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes news-wifi2 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  31% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes news-wifi2 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  31% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes news-wifi3 {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  36% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes news-wifi3 {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  36% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes news-g3-tri {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  41% {
    opacity: 1;
  }
  43% {
    opacity: 1;
  }
  47% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes news-g3-tri {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  41% {
    opacity: 1;
  }
  43% {
    opacity: 1;
  }
  47% {
    opacity: 0;
  }
  51% {
    opacity: 1;
  }
  55% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes news-man {
  0% {
    -webkit-transform-origin: 530px 100%;
            transform-origin: 530px 100%;
    -webkit-transform: translateX(0) rotate(0) scale(1, 1);
            transform: translateX(0) rotate(0) scale(1, 1);
  }
  55% {
    -webkit-transform-origin: 530px 100%;
            transform-origin: 530px 100%;
    -webkit-transform: translateX(0) rotate(0) scale(1, 1);
            transform: translateX(0) rotate(0) scale(1, 1);
  }
  63% {
    -webkit-transform-origin: 530px 100%;
            transform-origin: 530px 100%;
    -webkit-transform: translateX(0) rotate(-15deg) scale(1, 1);
            transform: translateX(0) rotate(-15deg) scale(1, 1);
  }
  70% {
    -webkit-transform-origin: 625px 100%;
            transform-origin: 625px 100%;
    -webkit-transform: translateX(0) rotate(15deg) scale(1, 1);
            transform: translateX(0) rotate(15deg) scale(1, 1);
  }
  85% {
    -webkit-transform-origin: 625px 100%;
            transform-origin: 625px 100%;
    -webkit-transform: translateX(100%) rotate(20deg) scale(1, 1);
            transform: translateX(100%) rotate(20deg) scale(1, 1);
  }
  85.1% {
    -webkit-transform-origin: 625px 100%;
            transform-origin: 625px 100%;
    -webkit-transform: translateX(100%) rotate(20deg) scale(-1, 1);
            transform: translateX(100%) rotate(20deg) scale(-1, 1);
  }
  95% {
    -webkit-transform-origin: 625px 100%;
            transform-origin: 625px 100%;
    -webkit-transform: translateX(0) rotate(20deg) scale(-1, 1);
            transform: translateX(0) rotate(20deg) scale(-1, 1);
  }
  100% {
    -webkit-transform-origin: 530px 100%;
            transform-origin: 530px 100%;
    -webkit-transform: translateX(0) rotate(0) scale(1, 1);
            transform: translateX(0) rotate(0) scale(1, 1);
  }
}
@keyframes news-man {
  0% {
    -webkit-transform-origin: 530px 100%;
            transform-origin: 530px 100%;
    -webkit-transform: translateX(0) rotate(0) scale(1, 1);
            transform: translateX(0) rotate(0) scale(1, 1);
  }
  55% {
    -webkit-transform-origin: 530px 100%;
            transform-origin: 530px 100%;
    -webkit-transform: translateX(0) rotate(0) scale(1, 1);
            transform: translateX(0) rotate(0) scale(1, 1);
  }
  63% {
    -webkit-transform-origin: 530px 100%;
            transform-origin: 530px 100%;
    -webkit-transform: translateX(0) rotate(-15deg) scale(1, 1);
            transform: translateX(0) rotate(-15deg) scale(1, 1);
  }
  70% {
    -webkit-transform-origin: 625px 100%;
            transform-origin: 625px 100%;
    -webkit-transform: translateX(0) rotate(15deg) scale(1, 1);
            transform: translateX(0) rotate(15deg) scale(1, 1);
  }
  85% {
    -webkit-transform-origin: 625px 100%;
            transform-origin: 625px 100%;
    -webkit-transform: translateX(100%) rotate(20deg) scale(1, 1);
            transform: translateX(100%) rotate(20deg) scale(1, 1);
  }
  85.1% {
    -webkit-transform-origin: 625px 100%;
            transform-origin: 625px 100%;
    -webkit-transform: translateX(100%) rotate(20deg) scale(-1, 1);
            transform: translateX(100%) rotate(20deg) scale(-1, 1);
  }
  95% {
    -webkit-transform-origin: 625px 100%;
            transform-origin: 625px 100%;
    -webkit-transform: translateX(0) rotate(20deg) scale(-1, 1);
            transform: translateX(0) rotate(20deg) scale(-1, 1);
  }
  100% {
    -webkit-transform-origin: 530px 100%;
            transform-origin: 530px 100%;
    -webkit-transform: translateX(0) rotate(0) scale(1, 1);
            transform: translateX(0) rotate(0) scale(1, 1);
  }
}
@media screen and (max-width: 750px) {
  .page-main__box {
    height: 256px;
    margin-bottom: 29px;
  }
  .page-main__box::before {
    content: "";
    display: block !important;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 89px;
    width: 100vw;
    height: 33px;
    background-size: 91px 100%;
    background-position: 2.5% center;
    background-image: url("../../assets/images/sp/top/main/graphic/graphic9.svg");
  }
  .page-main__box .dots {
    height: 10px;
  }
  .page-main__box .dots.-show .dot.-d1 {
    -webkit-animation-name: page-sp-dot1;
            animation-name: page-sp-dot1;
  }
  .page-main__box .dots.-show .dot.-d2 {
    -webkit-animation-name: page-sp-dot2;
            animation-name: page-sp-dot2;
  }
  .page-main__box .dots.-show .dot.-d3 {
    -webkit-animation-name: page-sp-dot2;
            animation-name: page-sp-dot2;
  }
  .page-main__box .dots.-show .dot.-d4 {
    -webkit-animation-name: page-sp-dot2;
            animation-name: page-sp-dot2;
  }
  .page-main__box .dots.-show .dot.-d5 {
    -webkit-animation-name: page-sp-dot2;
            animation-name: page-sp-dot2;
  }
  .page-main__box .dots .dot {
    width: 10px;
  }
  .page-main__box .dots .dot.-d1 {
    left: 9vw;
  }
  .page-main__box .dots .dot.-d2 {
    left: 49vw;
  }
  .page-main__box .dots .dot.-d3 {
    left: 89vw;
  }
  .page-main__box .dots .dot.-d4 {
    left: 129vw;
  }
  .page-main__box .dots .dot.-d5 {
    display: none;
  }
  .page-main__box .graphic.-g1 {
    height: 14px;
    background-size: 900px 100%;
  }
  .page-main__box .graphic.page-contact.-g2 {
    width: 155px;
    height: 62px;
    left: initial;
    right: 0;
    display: block;
  }
  .page-main__box .graphic.page-contact.-g2 .graph {
    width: 9px;
    height: 24px;
    top: 22px;
    left: 87px;
    -webkit-animation-name: contact-sp-g2-graph;
            animation-name: contact-sp-g2-graph;
  }
  .page-main__box .graphic.page-contact.-g3 {
    display: none;
  }
  .page-main__box .graphic.page-contact.-g4 {
    width: 24px;
    bottom: 55px;
    right: 65px;
    left: initial;
  }
  .page-main__box .graphic.page-news.-g2 {
    display: none;
  }
  .page-main__box .graphic.page-news.-g3 {
    width: 265px;
    height: 74px;
    right: -66px;
  }
  .page-main__box .graphic.page-support.-g2 {
    width: 210px;
    height: 63px;
    left: initial;
    right: 13px;
  }
  .page-main__box .graphic.page-support.-g2 > svg .cloud {
    -webkit-animation-name: support-sp-cloud;
            animation-name: support-sp-cloud;
    -webkit-animation-duration: 8s;
            animation-duration: 8s;
  }
  .page-main__box .graphic.page-support.-g2 > svg .l-arm {
    -webkit-animation-name: support-sp-l-arm2;
            animation-name: support-sp-l-arm2;
    -webkit-animation-duration: 8s;
            animation-duration: 8s;
  }
  .page-main__box .graphic.page-support.-g2 > svg .r-head, .page-main__box .graphic.page-support.-g2 > svg .l-head {
    -webkit-animation-name: support-sp-l-head;
            animation-name: support-sp-l-head;
    -webkit-animation-duration: 8s;
            animation-duration: 8s;
  }
  .page-main__box .graphic.page-support.-g3 {
    display: none;
  }
  .page-main__box .graphic.page-flow.-g2 {
    width: 172px;
    height: 99px;
  }
  .page-main__box .graphic.page-plan.-g2 {
    width: 185px;
    height: 65px;
    right: -5px;
  }
  .page-main__box .graphic.page-environment.-g2 {
    width: 190px;
    height: 62px;
    right: -61px;
  }
  .page-main__box .graphic.page-policy.-g2 {
    width: 153px;
    height: 62px;
    right: 17px;
  }
  .page-main__box .graphic.page-policy.-g2 > svg .sp-delete {
    opacity: 0;
  }
  .page-main__box .graphic.page-terms.-g2 {
    width: 33px;
    height: 62px;
    right: 120px;
  }
  .page-main__box .graphic.page-terms.-g3 {
    width: 65px;
    height: 62px;
    right: 20px;
  }
  .page-main__box .graphic.page-feature.-g2 {
    width: 153px;
    height: 60px;
    right: -26px;
  }
  .page-main__box .graphic.page-notfound.-g2 {
    width: 183px;
    height: 109px;
    right: -30px;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .st0 {
    fill: #878787;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .st1 {
    fill: #FFDACC;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .st2 {
    fill: #DBDBDB;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .st3 {
    fill: #DDDDDD;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .st4 {
    fill: #FFFFFF;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .st5 {
    fill: #AAA9A9;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .st6 {
    fill: #FF9B9B;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .st7 {
    fill: #868686;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .l-arm {
    -webkit-animation-name: notfound-g2-sp-l-arm;
            animation-name: notfound-g2-sp-l-arm;
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .l-q {
    -webkit-animation-name: notfound-g2-sp-lq;
            animation-name: notfound-g2-sp-lq;
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .c-q {
    -webkit-animation-name: notfound-g2-sp-cq;
            animation-name: notfound-g2-sp-cq;
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .r-q {
    -webkit-animation-name: notfound-g2-sp-rq;
            animation-name: notfound-g2-sp-rq;
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
  }
  .page-main__box .graphic.page-notfound.-g2 > svg .last-q {
    -webkit-animation-name: notfound-g2-sp-lastq;
            animation-name: notfound-g2-sp-lastq;
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
  }
  .page-main__box .graphic.-blog.-g2 {
    width: 93px;
    height: 98px;
    right: 24px;
  }
  @-webkit-keyframes notfound-g2-sp-l-arm {
    0%, 85%, 100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    10%, 80% {
      -webkit-transform: translateX(-1.3%);
              transform: translateX(-1.3%);
    }
  }
  @keyframes notfound-g2-sp-l-arm {
    0%, 85%, 100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    10%, 80% {
      -webkit-transform: translateX(-1.3%);
              transform: translateX(-1.3%);
    }
  }
  @-webkit-keyframes notfound-g2-sp-lq {
    0%, 10%, 84%, 100% {
      opacity: 0;
    }
    15%, 80% {
      opacity: 1;
    }
  }
  @keyframes notfound-g2-sp-lq {
    0%, 10%, 84%, 100% {
      opacity: 0;
    }
    15%, 80% {
      opacity: 1;
    }
  }
  @-webkit-keyframes notfound-g2-sp-cq {
    0%, 15%, 86%, 100% {
      opacity: 0;
    }
    20%, 82% {
      opacity: 1;
    }
  }
  @keyframes notfound-g2-sp-cq {
    0%, 15%, 86%, 100% {
      opacity: 0;
    }
    20%, 82% {
      opacity: 1;
    }
  }
  @-webkit-keyframes notfound-g2-sp-rq {
    0%, 20%, 88%, 100% {
      opacity: 0;
    }
    25%, 84% {
      opacity: 1;
    }
  }
  @keyframes notfound-g2-sp-rq {
    0%, 20%, 88%, 100% {
      opacity: 0;
    }
    25%, 84% {
      opacity: 1;
    }
  }
  @-webkit-keyframes notfound-g2-sp-lastq {
    0%, 25%, 90%, 100% {
      opacity: 0;
    }
    30%, 86% {
      opacity: 1;
    }
  }
  @keyframes notfound-g2-sp-lastq {
    0%, 25%, 90%, 100% {
      opacity: 0;
    }
    30%, 86% {
      opacity: 1;
    }
  }
  .page-main__box .ttl {
    font-size: 2.8rem;
    position: absolute;
    top: 155px;
    left: 30px;
  }
  .page-main__box .ttl.-contact {
    top: 140px;
  }
  .page-main__box .ttl.-fontp {
    font-size: 3.2rem;
  }
  .page-main__bread {
    padding-left: 30px;
  }
  .page-main__bread.-contact {
    top: 195px;
  }
  .page-main__bread > ul .item {
    font-size: 1.3rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .page-main__bread > ul .item > a {
    top: 0;
  }
  .page-main__bread > ul .arrow {
    width: 6px;
    margin: 0 13px 2px;
  }
}

@-webkit-keyframes support-sp-l-arm2 {
  0% {
    -webkit-transform: rotate(-60deg) scale(-1, 1);
            transform: rotate(-60deg) scale(-1, 1);
  }
  4% {
    -webkit-transform: rotate(-60deg) scale(-1, 1);
            transform: rotate(-60deg) scale(-1, 1);
  }
  8% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}

@keyframes support-sp-l-arm2 {
  0% {
    -webkit-transform: rotate(-60deg) scale(-1, 1);
            transform: rotate(-60deg) scale(-1, 1);
  }
  4% {
    -webkit-transform: rotate(-60deg) scale(-1, 1);
            transform: rotate(-60deg) scale(-1, 1);
  }
  8% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1, 1);
            transform: rotate(0deg) scale(1, 1);
  }
}
@-webkit-keyframes support-sp-cloud {
  0% {
    opacity: 0;
  }
  12% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes support-sp-cloud {
  0% {
    opacity: 0;
  }
  12% {
    opacity: 0;
  }
  16% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes support-sp-l-head {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  24% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  28% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  32% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  36% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes support-sp-l-head {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  24% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  28% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  32% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  36% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes contact-sp-g2-graph {
  53% {
    height: 24px;
  }
  58% {
    height: 0;
  }
  100% {
    height: 0;
  }
}
@keyframes contact-sp-g2-graph {
  53% {
    height: 24px;
  }
  58% {
    height: 0;
  }
  100% {
    height: 0;
  }
}
@-webkit-keyframes page-sp-dot1 {
  0% {
    -webkit-transform: translate(0, -270px);
            transform: translate(0, -270px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@keyframes page-sp-dot1 {
  0% {
    -webkit-transform: translate(0, -270px);
            transform: translate(0, -270px);
  }
  100% {
    -webkit-transform: translate(0, 0px);
            transform: translate(0, 0px);
  }
}
@-webkit-keyframes page-sp-dot2 {
  0% {
    -webkit-transform: translate(-40vw, 0);
            transform: translate(-40vw, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes page-sp-dot2 {
  0% {
    -webkit-transform: translate(-40vw, 0);
            transform: translate(-40vw, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
/*------------------------------------------------------*/
/*  header */
/*------------------------------------------------------*/
@media screen and (min-width: 751px) {
  .child-page .head.-top::before {
    display: block;
  }
  .child-page .head::before {
    display: none;
    content: "";
    position: absolute;
    top: 115px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw;
    height: 60px;
    background-image: url("../../assets/images/top/main/graphic/graphic9.svg");
    background-size: 253px 100%;
    background-repeat: repeat;
  }
}
@media screen and (min-width: 1371px) {
  .child-page .head.-scroll .head-box__item--sub {
    position: static;
    bottom: initial;
    right: initial;
    display: none;
  }
  .child-page .head.-scroll .head-box__item--sub > li {
    margin-right: 0;
    margin-left: 40px;
  }
  .child-page .head.-scroll .head-box__item--sub > li:nth-of-type(1) {
    margin-left: 50px;
  }
  .child-page .head.-scroll .head-box__item--sub > li > a {
    display: inline-block;
    background: initial;
    width: initial;
    height: initial;
    border-radius: 0;
    padding: 0;
    overflow: initial;
    top: 2px;
  }
  .child-page .head.-scroll .head-box__item--sub > li > a .icon {
    margin-right: 0;
    height: 28px;
  }
  .child-page .head.-scroll .head-box__item--sub > li > a .icon > svg .st0 {
    fill: #252525;
  }
  .child-page .head.-scroll .head-box__item--sub > li > a .icon > svg .st1 {
    fill: #FF9598;
  }
  .child-page .head.-scroll .head-box__item--sub > li > a .bal {
    color: #252525 !important;
  }
  .child-page .head.-scroll .head-box__item--sub > li > a:hover {
    width: initial !important;
  }
  .child-page .head.-scroll .head-box__item--sub > li:nth-of-type(1) > a .icon {
    height: 23px;
  }
  .child-page .head.-scroll .head-box__item--sub > li:nth-of-type(1) > a .icon > svg .st0 {
    fill: #FF9598 !important;
  }
  .child-page .head.-scroll .head-box__item--sub > li:nth-of-type(1) > a .icon > svg .st1 {
    fill: #252525 !important;
  }
  .child-page .head::before {
    display: none;
    content: "";
    position: absolute;
    top: 115px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100vw;
    height: 60px;
    background-image: url("../../assets/images/top/main/graphic/graphic9.svg");
    background-size: 253px 100%;
    background-repeat: repeat;
  }
  .child-page .head-box__list {
    position: relative;
  }
  .child-page .head-box__item--sub {
    display: none;
  }
  .child-page .head-box__item--sub li:nth-of-type(1) {
    margin-right: 10px;
  }
  .child-page .head-box__item--sub li > a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
    border-radius: 30px;
    padding: 0 20px 0 20px;
    width: 60px;
    overflow: hidden;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
  .child-page .head-box__item--sub li > a .icon {
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 22px;
    margin-right: 10px;
  }
  .child-page .head-box__item--sub li > a .icon > svg .st0, .child-page .head-box__item--sub li > a .icon > svg .st1 {
    fill: #fff;
  }
  .child-page .head-box__item--sub li > a .bal {
    font-size: 1.7rem;
    letter-spacing: 0.02em;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
}
@media screen and (min-width: 1371px) and (min-width: 751px) {
  .child-page .head-box__item--sub li > a:hover {
    padding: 0 20px 0 25px;
  }
  .child-page .head-box__item--sub li > a:hover .bal {
    opacity: 1;
    -webkit-transition: 0.2s ease-out 0.1s;
    transition: 0.2s ease-out 0.1s;
  }
}
@media screen and (min-width: 1371px) {
  .child-page .head-box__item--sub li:nth-of-type(1) > a {
    background: #ff9598;
  }
  .child-page .head-box__item--sub li:nth-of-type(1) > a .icon {
    height: 19px;
  }
}
@media screen and (min-width: 1371px) and (min-width: 751px) {
  .child-page .head-box__item--sub li:nth-of-type(1) > a:hover {
    width: 175px;
  }
}
@media screen and (max-width: 750px) and (min-width: 400px) {
  .child-page .head::before {
    background-position: center;
  }
}

.head {
  width: 100%;
  padding: 25px 30px 0;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  z-index: 99;
}
.head.-top {
  position: absolute;
}
@media screen and (min-width: 751px) {
  .head.-scroll {
    padding: 10px 30px 0;
  }
  .head.-scroll .head-box {
    height: 75px;
    padding: 0 50px;
  }
  .head.-scroll .head-box__logo .logo {
    width: 165px;
  }
  .head.-scroll .head-box__logo .txt {
    display: none;
  }
  .head.-scroll .head-box__item {
    margin-right: 25px;
  }
  .head.-scroll .head-box__item > a {
    font-size: 1.8rem;
  }
  .head.-scroll .head-box__item:not(.-contact, .-document) > a {
    padding-bottom: 10px;
  }
  .head.-scroll .head-box__item--sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (min-width: 751px) and (min-width: 1371px) {
  .head.-scroll .head-box__item--sub {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  .head.-scroll .head-box__item--sub > li {
    margin-left: 40px;
  }
  .head.-scroll .head-box__item--sub > li:nth-of-type(1) {
    margin-left: 0px;
  }
}
@media screen and (min-width: 751px) and (min-width: 1371px) {
  .head.-scroll .head-box__item--sub > li:nth-of-type(1) {
    margin-left: 50px;
  }
}
@media screen and (min-width: 751px) {
  .head.-scroll .head-box__item--sub > li > a::before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #000;
    width: 0;
    height: 2px;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .head.-scroll .head-box__item--sub > li > a .icon {
    display: block;
    width: 25px;
  }
  .head.-scroll .head-box__item--sub > li > a .bal {
    display: block;
    position: absolute;
    top: 80px;
    left: 50%;
    z-index: 1;
    pointer-events: none;
    cursor: auto;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 1.7rem;
    letter-spacing: 0.02em;
    font-weight: 700;
    line-height: 2.6rem;
    padding: 15px 25px;
    background: #fff;
    white-space: nowrap;
    border-radius: 999px;
    opacity: 0;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .head.-scroll .head-box__item--sub > li > a .bal::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 9px 5px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    left: 50%;
    top: 1px;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
  }
}
@media screen and (min-width: 751px) and (min-width: 751px) {
  .head.-scroll .head-box__item--sub > li > a:hover::before {
    width: 100%;
  }
  .head.-scroll .head-box__item--sub > li > a:hover .bal {
    opacity: 1;
    top: 70px;
  }
}
@media screen and (min-width: 751px) {
  .head.-scroll .head-box__subnav {
    -webkit-transform: translateY(-35%);
            transform: translateY(-35%);
  }
}
.head-box {
  position: relative;
  width: 100%;
  height: 90px;
  padding: 0 48px 0 60px;
  border-radius: 45px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  background: #fff;
}
.head-box__logo {
  display: block;
  position: relative;
  z-index: 1;
}
.head-box__logo .logo {
  width: 220px;
  margin-bottom: 6px;
}
.head-box__logo .txt {
  font-size: 1.2rem;
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #868686;
}
.head-box__list .head-box__item.-document, .head-box__list .head-box__item.-contact {
  display: none;
}
.head-box__item {
  margin-right: 28px;
}
@media screen and (min-width: 1371px) {
  .head-box__item > a {
    padding-bottom: 20px;
  }
  .head-box__item.-document > a, .head-box__item.-contact > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ff9598;
    color: #fff;
    font-size: 1.8rem;
    line-height: 4.6rem;
    gap: 6px;
    padding: 0 22px 2px;
    border-radius: 30px;
    position: relative;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  }
  .head-box__item.-document > a::before, .head-box__item.-contact > a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #ff9598;
    border-radius: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .head-box__item.-document > a .icon2, .head-box__item.-contact > a .icon2 {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: block;
    width: 19px;
    font-size: 0;
    line-height: 0;
    position: relative;
    top: 2px;
  }
  .head-box__item.-document > a .icon2 .st0, .head-box__item.-contact > a .icon2 .st0 {
    fill: #fff;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .head-box__item.-document > a:hover, .head-box__item.-contact > a:hover {
    background: #fff;
    color: #ff9598;
  }
  .head-box__item.-document > a:hover .icon2 .st0, .head-box__item.-contact > a:hover .icon2 .st0 {
    fill: #ff9598;
  }
  .head-box__item.-document > a .icon2 {
    top: 1px;
  }
  .head-box__item.-document > a .icon2 .st0 {
    fill: #fff;
  }
  .head-box__item.-document > a .icon2 .st1 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 3.5px;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .head-box__item.-document > a:hover {
    background: #fff;
    color: #ff9598;
  }
  .head-box__item.-document > a:hover .icon2 .st0 {
    fill: #ff9598;
  }
  .head-box__item.-document > a:hover .icon2 .st1 {
    stroke: #ff9598;
  }
}
@media screen and (max-width: 1450px) {
  .head-box__item {
    margin-right: 18px;
  }
}
.head-box__item > a {
  font-size: 1.9rem;
  letter-spacing: 0.02em;
  font-weight: 700;
  line-height: 5.7rem;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.head-box__item > a .icon {
  display: none;
}
.head-box__item > a .icon2 {
  display: none;
}
@media screen and (min-width: 751px) {
  .head-box__item > a:hover {
    color: #ff9598;
  }
}
.head-box__item.-current > a {
  color: #ff9598;
}
.head-box__item:nth-of-type(8) {
  margin-right: 0;
}
@media screen and (max-width: 1350px) {
  .head-box__item {
    margin-right: 40px;
  }
}
.head-box__item--sub {
  display: none;
}
.head-box__item--sub > li.header-close {
  display: none;
}
.head-box__item--sub > li > a > span:nth-of-type(2) {
  display: none;
}
.head-box__menu {
  display: none;
}
.head-box__subnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: absolute;
  top: 100%;
  right: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.head-box__subnav .head-box__item.-document, .head-box__subnav .head-box__item.-contact {
  margin-right: 0;
}
.head-box__subnav .head-box__item.-document > a, .head-box__subnav .head-box__item.-contact > a {
  gap: 10px;
  font-size: 1.6rem;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.5);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.5);
}
.head-box__subnav .head-box__item.-document > a .icon2, .head-box__subnav .head-box__item.-contact > a .icon2 {
  top: 1px;
}
@media screen and (max-width: 1370px) and (min-width: 751px) {
  .head.-scroll .head-box {
    padding-right: 60px;
  }
  .head.-scroll .head-box__logo {
    margin-top: 17px;
  }
  .head.-scroll .head-box__item:not(.-contact) > a {
    padding-bottom: 0;
  }
  .head.-scroll .head-box__menu {
    margin-top: 18px;
  }
}
@media screen and (max-width: 1370px) {
  .head-box {
    position: relative;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-transition: 0.5s cubic-bezier(0.3, 0.6, 0.4, 0.9) 0.2s !important;
    transition: 0.5s cubic-bezier(0.3, 0.6, 0.4, 0.9) 0.2s !important;
  }
  .head-box__logo {
    margin-top: 9px;
  }
  .head-box__nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 120px;
  }
  .head-box__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 100%;
    max-width: 450px;
    padding-bottom: 80px;
    margin: 0 auto;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  .head-box__list::-webkit-scrollbar {
    display: none;
  }
  .head-box__list .head-box__item.-document, .head-box__list .head-box__item.-contact {
    display: block;
  }
  .head-box__item {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .head-box__item > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 2.1rem;
  }
  .head-box__item > a > span, .head-box__item > a span.icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .head-box__item > a > span.-i1, .head-box__item > a span.icon.-i1 {
    width: 31px;
  }
  .head-box__item > a > span.-i2, .head-box__item > a span.icon.-i2 {
    width: 29px;
  }
  .head-box__item > a > span.-i3, .head-box__item > a span.icon.-i3 {
    width: 30px;
  }
  .head-box__item > a > span.-i4, .head-box__item > a span.icon.-i4 {
    width: 30px;
  }
  .head-box__item > a > span.-i5, .head-box__item > a span.icon.-i5 {
    width: 32px;
  }
  .head-box__item > a > span.-i6, .head-box__item > a span.icon.-i6 {
    width: 29px;
  }
  .head-box__item > a > span.-i7, .head-box__item > a span.icon.-i7 {
    position: relative;
    top: -4px;
    width: 26px;
  }
  .head-box__item > a > span.-i8, .head-box__item > a span.icon.-i8 {
    width: 29px;
  }
  .head-box__item--sub {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 60px;
  }
  .head-box__item--sub > li {
    text-align: center;
    margin-right: 70px;
  }
}
@media screen and (max-width: 1370px) and (min-width: 751px) {
  .head-box__item--sub > li:nth-of-type(2) {
    margin-right: 97px;
  }
}
@media screen and (max-width: 1370px) {
  .head-box__item--sub > li.header-close {
    display: block;
    margin-right: 0;
  }
  .head-box__item--sub > li > a:before {
    display: none !important;
  }
  .head-box__item--sub > li > a > span {
    display: block;
    margin: 0 auto;
    font-size: 1.2rem;
    letter-spacing: -0.01em;
    white-space: nowrap;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .head-box__item--sub > li > a > span.close-txt, .head-box__item--sub > li > a > span.sub-txt {
    display: block !important;
  }
  .head-box__item--sub > li > a > span.bal {
    display: none !important;
  }
  .head-box__item--sub > li > a > span.icon {
    margin-bottom: 6px;
    width: 33px;
    height: 33px;
    position: relative;
  }
  .head-box__item--sub > li > a > span.icon > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .head-box__item--sub > li > a > span.icon > svg {
    position: relative;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .head-box__item--sub > li > a > span.icon.-i1 > svg .st0 {
    fill: #252525;
  }
  .head-box__item--sub > li > a > span.icon.-i1 > svg .st1 {
    fill: #FF9B9B;
  }
  .head-box__item--sub > li > a > span.icon.-i1 > img {
    width: 27px;
  }
  .head-box__item--sub > li > a > span.icon.-i2 > svg .st0 {
    fill: #FF9B9B;
  }
  .head-box__item--sub > li > a > span.icon.-i2 > svg .st1 {
    fill: #252525;
  }
  .head-box__item--sub > li > a > span.icon.-i2 > img {
    width: 27px;
  }
  .head-box__item--sub > li > a > span.icon.-i3 > img {
    width: 30px;
  }
  .head-box__item--sub > li > a > span.icon.-i4 > svg .st0 {
    fill: #252525;
  }
  .head-box__item--sub > li > a > span.icon.-i4 > svg .st1 {
    fill: #FF9B9B;
  }
  .head-box__item--sub > li > a > span.icon.-i4 > img {
    width: 30px;
  }
}
@media screen and (max-width: 1370px) and (min-width: 751px) {
  .head-box__item--sub > li > a:hover > span {
    color: #ff9598;
  }
  .head-box__item--sub > li > a:hover > span.icon > img {
    top: calc(50% - 4px);
  }
  .head-box__item--sub > li > a:hover > span.icon > svg {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
}
@media screen and (max-width: 1370px) {
  .head-box__subnav {
    display: none;
  }
  .head-box__menu {
    display: block;
    margin-top: 25px;
    cursor: pointer;
  }
  .head-box__menu a .icon-outer {
    height: 24px;
    margin-bottom: 4px;
    position: relative;
  }
  .head-box__menu a .icon-outer .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transform-origin: center;
            transform-origin: center;
    width: 34px;
    height: 24px;
    overflow: hidden;
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .head-box__menu a .icon-outer .icon > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0s 0.2s;
    transition: 0s 0.2s;
  }
  .head-box__menu a .icon-outer .icon > svg.normal {
    opacity: 1;
  }
  .head-box__menu a .icon-outer .icon > svg.reverse {
    -webkit-transform: translate(-50%, -50%) scale(-1, 1);
            transform: translate(-50%, -50%) scale(-1, 1);
    opacity: 0;
  }
  .head-box__menu a .icon-outer .icon > svg.reverse .-t {
    -webkit-transform: translateY(17px);
            transform: translateY(17px);
  }
  .head-box__menu a .icon-outer .icon > svg.reverse .-b {
    -webkit-transform: translateY(-17px);
            transform: translateY(-17px);
  }
  .head-box__menu a .icon-outer .icon > svg .st0 {
    fill: #252525;
  }
  .head-box__menu a .icon-outer .icon > svg .st1 {
    fill: #FF9B9B;
  }
  .head-box__menu a .icon-outer .icon > svg > g {
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
  }
  .head-box__menu a .icon-outer .icon > svg .-ar {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    -webkit-transform-origin: 49px 18px;
            transform-origin: 49px 18px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .head-box__menu a .txt {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
    font-weight: 500;
    width: 39px;
    height: 18px;
    text-align: center;
    padding-right: 1px;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    overflow: hidden;
    position: relative;
  }
  .head-box__menu a .txt > span {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.2s ease-out 0.6s;
    transition: -webkit-transform 0.2s ease-out 0.6s;
    transition: transform 0.2s ease-out 0.6s;
    transition: transform 0.2s ease-out 0.6s, -webkit-transform 0.2s ease-out 0.6s;
  }
  .head-box__menu a .txt > span.-o {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .head-box__menu a .txt > span.-c {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@media screen and (max-width: 1370px) and (min-width: 751px) {
  .head-box__menu a:hover .icon > svg > .-ar {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .head-box__menu a:hover .txt {
    color: #ff9598;
  }
}
@media screen and (max-width: 1370px) {
  .head-box__menu.-open a .icon-outer .icon {
    -webkit-animation-name: open-anm;
            animation-name: open-anm;
  }
  .head-box__menu.-open a .icon-outer .icon > svg.normal {
    opacity: 0;
  }
  .head-box__menu.-open a .icon-outer .icon > svg.normal .-t {
    -webkit-transform: translateY(17px);
            transform: translateY(17px);
  }
  .head-box__menu.-open a .icon-outer .icon > svg.normal .-b {
    -webkit-transform: translateY(-17px);
            transform: translateY(-17px);
  }
  .head-box__menu.-open a .icon-outer .icon > svg.reverse {
    opacity: 1;
  }
  .head-box__menu.-open a .icon-outer .icon > svg.reverse .-t {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-box__menu.-open a .icon-outer .icon > svg.reverse .-b {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-box__menu.-open a .txt > span.-o {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .head-box__menu.-open a .txt > span.-c {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .head-box__menu.-close a .icon-outer .icon {
    -webkit-animation-name: close-anm;
            animation-name: close-anm;
  }
  .head-box__menu.-close a .icon-outer .icon > svg.normal {
    opacity: 1;
  }
  .head-box__menu.-close a .icon-outer .icon > svg.normal .-t {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-box__menu.-close a .icon-outer .icon > svg.normal .-b {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-box__menu.-close a .icon-outer .icon > svg.reverse {
    opacity: 0;
  }
  .head-box__menu.-close a .icon-outer .icon > svg.reverse .-t {
    -webkit-transform: translateY(17px);
            transform: translateY(17px);
  }
  .head-box__menu.-close a .icon-outer .icon > svg.reverse .-b {
    -webkit-transform: translateY(-17px);
            transform: translateY(-17px);
  }
}
@media screen and (max-width: 750px) {
  .head {
    padding: 20px 20px 0;
    position: fixed;
    -webkit-transition: 0.6s cubic-bezier(0.3, 0.6, 0.4, 0.9);
    transition: 0.6s cubic-bezier(0.3, 0.6, 0.4, 0.9);
    -webkit-transform: translateY(-90px) !important;
            transform: translateY(-90px) !important;
  }
  .head.-top {
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
  .head.-top.-hide {
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
  .head.-top .head-box {
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
    background: #fff;
  }
  .head.-hide {
    -webkit-transform: translateY(-90px) !important;
            transform: translateY(-90px) !important;
  }
  .head.-hopen {
    position: fixed;
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
  .head-box {
    height: 70px;
    padding: 0 30px 0 25px;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: initial;
    -webkit-transition: height 0.5s cubic-bezier(0.3, 0.6, 0.4, 0.9) 0.2s, background 0s 0s !important;
    transition: height 0.5s cubic-bezier(0.3, 0.6, 0.4, 0.9) 0.2s, background 0s 0s !important;
  }
  .head-box.-wide {
    padding: 0 10px;
  }
  .head-box.-wide .head-box__logo {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-box.-wide .head-box__logo .logo {
    width: 180px;
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-box.-wide .head-box__logo .txt {
    opacity: 1;
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-box__logo {
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
  .head-box__logo .logo {
    width: 155px;
    margin-top: 8px;
    margin-bottom: 0px;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
  .head-box__logo .txt {
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .head-box__nav {
    padding: 90px 10px 0;
  }
  .head-box__list {
    padding-bottom: 100px;
  }
  .head-box__item {
    margin-right: 60px;
  }
  .head-box__item > a {
    font-size: 1.9rem;
    letter-spacing: 0.02em;
    font-weight: 700;
    line-height: 5.7rem;
  }
  .head-box__item > a > span.icon.-i1 {
    width: 28px;
  }
  .head-box__item > a > span.icon.-i2 {
    width: 26px;
  }
  .head-box__item > a > span.icon.-i3 {
    width: 28px;
  }
  .head-box__item > a > span.icon.-i4 {
    width: 27px;
  }
  .head-box__item > a > span.icon.-i5 {
    width: 29px;
  }
  .head-box__item > a > span.icon.-i6 {
    width: 26px;
  }
  .head-box__item > a > span.icon.-i7 {
    top: -2px;
    width: 23px;
  }
  .head-box__item > a > span.icon.-i8 {
    width: 26px;
  }
  .head-box__item:nth-last-of-type(1) {
    margin-right: 0;
  }
  .head-box__menu {
    margin-top: 17px;
  }
  .head-box__menu > a .icon-outer {
    width: 30px;
    height: 21px;
    margin-bottom: 5px;
  }
  .head-box__menu > a .icon-outer .icon {
    width: 30px;
    height: 21px;
  }
  .head-box__menu > a .txt {
    font-size: 1rem;
    width: 33px;
    height: 15px;
  }
  .head-box__menu.-open a .icon-outer .icon {
    -webkit-animation-name: open-anm-sp;
            animation-name: open-anm-sp;
  }
  .head-box__menu.-close a .icon-outer .icon {
    -webkit-animation-name: close-anm-sp;
            animation-name: close-anm-sp;
  }
  .head-sp {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 0 20px 10px;
    -webkit-transition: 0.6s cubic-bezier(0.3, 0.6, 0.4, 0.9);
    transition: 0.6s cubic-bezier(0.3, 0.6, 0.4, 0.9);
  }
  .head-sp.-hide {
    -webkit-transform: translateY(90px);
            transform: translateY(90px);
  }
  .head-sp.-esc {
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;
  }
  .head-sp .head-box__item--sub {
    width: 100%;
    max-width: 335px;
    height: 60px;
    border-radius: 999px;
    background: #fff;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .head-sp .head-box__item--sub > li {
    margin-right: 0 !important;
    width: 46%;
    height: 48px;
    position: relative;
  }
  .head-sp .head-box__item--sub > li:nth-of-type(1)::before, .head-sp .head-box__item--sub > li:nth-of-type(2)::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
    height: 18px;
    background: #e9e9e9;
  }
  .head-sp .head-box__item--sub > li > a span {
    font-size: 1rem;
  }
  .head-sp .head-box__item--sub > li > a span.icon {
    margin-bottom: 0;
    overflow: hidden;
    -webkit-animation-duration: 0.8s;
            animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  .head-sp .head-box__item--sub > li > a span.icon-outer {
    width: 33px;
    height: 33px;
    position: relative;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i1 > img {
    width: 24px;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i2 > img {
    width: 26px;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 27px;
    height: 19px;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: 0s 0.2s;
    transition: 0s 0.2s;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.menu-icon {
    opacity: 1;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.menu-icon .st0 {
    fill: #252525;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.menu-icon .st1 {
    fill: #FF9B9B;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.menu-icon .-t, .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.menu-icon .-b {
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.close-icon {
    opacity: 0;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.close-icon .st0 {
    fill: #FF9B9B;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.close-icon .st1 {
    fill: #252525;
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.close-icon .-pink {
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(36deg);
            transform: rotate(36deg);
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i3 > svg.close-icon .-grey {
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(-36deg);
            transform: rotate(-36deg);
  }
  .head-sp .head-box__item--sub > li > a span.icon.-i4 > img {
    width: 24px;
  }
  .head-sp .head-box__item--sub > li > a span.close-txt {
    width: 40px;
    height: 14px;
    text-align: center;
    overflow: hidden;
    position: relative;
  }
  .head-sp .head-box__item--sub > li > a span.close-txt > span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: -webkit-transform 0.2s ease-out 0.6s;
    transition: -webkit-transform 0.2s ease-out 0.6s;
    transition: transform 0.2s ease-out 0.6s;
    transition: transform 0.2s ease-out 0.6s, -webkit-transform 0.2s ease-out 0.6s;
  }
  .head-sp .head-box__item--sub > li > a span.close-txt > span.-o {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .head-sp .head-box__item--sub > li > a span.close-txt > span.-c {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .head-sp .head-box__item--sub > li.-open a span.icon {
    -webkit-animation-name: open-subanm-sp;
            animation-name: open-subanm-sp;
  }
  .head-sp .head-box__item--sub > li.-open a span.icon > svg.menu-icon {
    opacity: 0;
  }
  .head-sp .head-box__item--sub > li.-open a span.icon > svg.menu-icon .-t {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
  }
  .head-sp .head-box__item--sub > li.-open a span.icon > svg.menu-icon .-b {
    -webkit-transform: translateY(16px);
            transform: translateY(16px);
  }
  .head-sp .head-box__item--sub > li.-open a span.icon > svg.close-icon {
    opacity: 1;
  }
  .head-sp .head-box__item--sub > li.-open a span.icon > svg.close-icon .-pink {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-sp .head-box__item--sub > li.-open a span.icon > svg.close-icon .-grey {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-sp .head-box__item--sub > li.-open a span.close-txt > span.-o {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .head-sp .head-box__item--sub > li.-open a span.close-txt > span.-c {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .head-sp .head-box__item--sub > li.-close a span.icon {
    -webkit-animation-name: close-subanm-sp;
            animation-name: close-subanm-sp;
  }
  .head-sp .head-box__item--sub > li.-close a span.icon > svg.menu-icon {
    opacity: 1;
  }
  .head-sp .head-box__item--sub > li.-close a span.icon > svg.menu-icon .-t {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-sp .head-box__item--sub > li.-close a span.icon > svg.menu-icon .-b {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
  }
  .head-sp .head-box__item--sub > li.-close a span.icon > svg.close-icon {
    opacity: 0;
  }
  .head-sp .head-box__item--sub > li.-close a span.icon > svg.close-icon .-pink {
    -webkit-transform: rotate(36deg);
            transform: rotate(36deg);
  }
  .head-sp .head-box__item--sub > li.-close a span.icon > svg.close-icon .-grey {
    -webkit-transform: rotate(-36deg);
            transform: rotate(-36deg);
  }
  .head #head-sp-bg {
    position: absolute;
    top: -20px;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    width: 100vw;
    height: calc(100vh + 20px);
    background: initial;
    -webkit-transition: background 0s 0.65s, -webkit-transform 0.65s cubic-bezier(0.3, 0.6, 0.4, 0.9) 0.2s;
    transition: background 0s 0.65s, -webkit-transform 0.65s cubic-bezier(0.3, 0.6, 0.4, 0.9) 0.2s;
    transition: transform 0.65s cubic-bezier(0.3, 0.6, 0.4, 0.9) 0.2s, background 0s 0.65s;
    transition: transform 0.65s cubic-bezier(0.3, 0.6, 0.4, 0.9) 0.2s, background 0s 0.65s, -webkit-transform 0.65s cubic-bezier(0.3, 0.6, 0.4, 0.9) 0.2s;
  }
  .head #head-sp-bg.-open {
    background: #f5f5f5;
    -webkit-transition: background 0s 0s, -webkit-transform 0.6s cubic-bezier(0.3, 0.6, 0.4, 0.9);
    transition: background 0s 0s, -webkit-transform 0.6s cubic-bezier(0.3, 0.6, 0.4, 0.9);
    transition: transform 0.6s cubic-bezier(0.3, 0.6, 0.4, 0.9), background 0s 0s;
    transition: transform 0.6s cubic-bezier(0.3, 0.6, 0.4, 0.9), background 0s 0s, -webkit-transform 0.6s cubic-bezier(0.3, 0.6, 0.4, 0.9);
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  .head #head-sp-bg.-open::before {
    opacity: 1;
    -webkit-transition-delay: 0.61s;
            transition-delay: 0.61s;
  }
  .head #head-sp-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150vh;
    background: #f5f5f5;
    opacity: 0;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    pointer-events: none;
  }
}

/*------------------------------------------------------*/
/*  footer */
/*------------------------------------------------------*/
@media screen and (min-width: 1271px) {
  .-br-edge .foot-topbox__item.-s {
    width: 210px;
  }
}
.foot {
  position: relative;
  padding: 90px 40px 65px;
  background: #e9e9e9;
}
.foot .graphic {
  position: absolute;
}
.foot .graphic.-g1 {
  width: 161px;
  height: 105px;
  top: -105px;
  left: 9vw;
}
.foot .graphic.-g1.-show > svg .foot-head {
  -webkit-animation-name: head5;
          animation-name: head5;
}
.foot .graphic.-g1.-show > svg .foot-rr-arm {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.foot .graphic.-g1 > svg .st0 {
  display: none;
  fill: #FFDCCE;
}
.foot .graphic.-g1 > svg .st1 {
  display: none;
  fill: #878787;
}
.foot .graphic.-g1 > svg .st2 {
  display: none;
  fill: #DDDDDD;
}
.foot .graphic.-g1 > svg .st3 {
  display: none;
  fill: #ABABAB;
}
.foot .graphic.-g1 > svg .st4 {
  display: none;
  fill: #FFFFFF;
}
.foot .graphic.-g1 > svg .st5 {
  display: none;
  fill: #FF9B9B;
}
.foot .graphic.-g1 > svg .st6 {
  fill: #FFDCCE;
}
.foot .graphic.-g1 > svg .st7 {
  fill: #878787;
}
.foot .graphic.-g1 > svg .st8 {
  fill: #DDDDDD;
}
.foot .graphic.-g1 > svg .st9 {
  fill: #ABABAB;
}
.foot .graphic.-g1 > svg .st10 {
  fill: #FFFFFF;
}
.foot .graphic.-g1 > svg .st11 {
  fill: #FF9B9B;
}
.foot .graphic.-g1 > svg .foot-head {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 50px 50px;
          transform-origin: 50px 50px;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
.foot .graphic.-g1 > svg .foot-rr-arm {
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
  -webkit-transform-origin: 280px 63px;
          transform-origin: 280px 63px;
  -webkit-transition: 0.4s 5.2s;
  transition: 0.4s 5.2s;
}
.foot .graphic.-g2 {
  width: 372px;
  height: 100px;
  top: -100px;
  right: 0.3vw;
}
.foot .graphic.-g2.-show > svg .foot-machine {
  -webkit-animation-name: machine1;
          animation-name: machine1;
}
.foot .graphic.-g2.-show > svg .foot-batu {
  opacity: 1;
}
.foot .graphic.-g2.-show > svg .foot-r-arm {
  -webkit-animation-name: r-arm1;
          animation-name: r-arm1;
}
.foot .graphic.-g2 > svg .st0 {
  fill: #FFDCCF;
}
.foot .graphic.-g2 > svg .st1 {
  fill: #FF9B9B;
}
.foot .graphic.-g2 > svg .st2 {
  fill: #DCDCDC;
}
.foot .graphic.-g2 > svg .st3 {
  fill: #AAAAAA;
}
.foot .graphic.-g2 > svg .st4 {
  fill: #DDDDDD;
}
.foot .graphic.-g2 > svg .st5 {
  fill: #FFFFFF;
}
.foot .graphic.-g2 > svg .st6 {
  fill: #878787;
}
.foot .graphic.-g2 > svg .foot-machine {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.foot .graphic.-g2 > svg .foot-batu {
  opacity: 0;
  -webkit-transition: 0.2s 1.6s;
  transition: 0.2s 1.6s;
}
.foot .graphic.-g2 > svg .foot-r-arm {
  -webkit-transform-origin: 1000px 55px;
          transform-origin: 1000px 55px;
  -webkit-transform: rotateX(0deg) translateY(0);
          transform: rotateX(0deg) translateY(0);
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.foot .dots {
  position: absolute;
  top: -17px;
  left: 0;
  width: 100%;
  height: 17px;
}
.foot .dots .dot {
  width: 17px;
  height: 100%;
  border-radius: 50%;
  background: #7adf6f;
  position: absolute;
  top: 0;
}
.foot .dots .dot.-d1 {
  left: 15vw;
}
.foot .dots .dot.-d2 {
  left: 39vw;
}
.foot .dots .dot.-d3 {
  left: 63vw;
}
.foot .dots .dot.-d4 {
  left: 87vw;
}
.foot-topbox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 59px;
}
.foot-topbox__logo .logo {
  width: 290px;
  margin-bottom: 15px;
}
.foot-topbox__logo .txt {
  font-size: 1.5rem;
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #868686;
}
.foot-topbox__link {
  max-width: 1180px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 40px;
  gap: 0 120px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 1271px) {
  .foot-topbox__link {
    width: 780px;
  }
  .foot-topbox__link .foot-topbox__item:nth-of-type(1), .foot-topbox__link .foot-topbox__item:nth-of-type(4), .foot-topbox__link .foot-topbox__item:nth-of-type(7) {
    width: 110px;
  }
  .foot-topbox__link .foot-topbox__item:nth-of-type(2), .foot-topbox__link .foot-topbox__item:nth-of-type(5), .foot-topbox__link .foot-topbox__item:nth-of-type(8) {
    width: 220px;
  }
  .foot-topbox__link .foot-topbox__item:nth-of-type(3), .foot-topbox__link .foot-topbox__item:nth-of-type(6), .foot-topbox__link .foot-topbox__item:nth-of-type(9) {
    width: 170px;
  }
}
@media screen and (max-width: 1270px) {
  .foot-topbox__link {
    width: 490px;
  }
  .foot-topbox__link .foot-topbox__item:nth-of-type(1n) {
    width: 110px;
  }
  .foot-topbox__link .foot-topbox__item:nth-of-type(2n) {
    width: 220px;
  }
}
.foot-topbox__item {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-bottom: 43px;
}
.foot-topbox__item.-current > a {
  color: #ff9598;
}
.foot-topbox__item.-current > a > span::before {
  width: 100%;
}
.foot-topbox__item > a {
  width: 100%;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
}
.foot-topbox__item > a > span {
  position: relative;
}
.foot-topbox__item > a > span:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  background: #ff9598;
  width: 0;
  height: 2px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .foot-topbox__item > a:hover {
    color: #ff9598;
  }
}
.foot-middlebox {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: -4px;
}
.foot-middlebox__link {
  padding-right: 102px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.foot-middlebox__link.-kobetsu {
  padding-right: 64px;
  width: 327px;
}
.foot-middlebox__link.-kobetsu .bal {
  left: 64px;
  width: 386px;
}
.foot-middlebox__link.-kobetsu > a .logo-cover {
  width: 244px;
}
@media screen and (min-width: 751px) {
  .foot-middlebox__link.-kobetsu > a:hover ~ .bal {
    background: #00bb9e;
  }
  .foot-middlebox__link.-kobetsu > a:hover ~ .bal::before {
    border-color: #00bb9e transparent transparent transparent;
  }
}
.foot-middlebox__link .bal {
  width: 220px;
  height: 63px;
  border-radius: 35px;
  position: relative;
  margin-bottom: 35px;
  background: #fff;
  position: relative;
  left: -60px;
  -webkit-box-shadow: 2px 2px 10px rgba(176, 176, 176, 0.2);
          box-shadow: 2px 2px 10px rgba(176, 176, 176, 0.2);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.foot-middlebox__link .bal > span {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  text-align: center;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}
.foot-middlebox__link .bal::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 7.5px 0 7.5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: 4px;
  -webkit-transform: translate(-50%, 100%) rotate(-10deg);
          transform: translate(-50%, 100%) rotate(-10deg);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.foot-middlebox__link > a .logo {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.foot-middlebox__link > a .logo .txt {
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  font-weight: 600;
  color: #868686;
  white-space: nowrap;
  margin-bottom: 15px;
}
.foot-middlebox__link > a .logo-cover {
  width: 239px;
}
@media screen and (min-width: 751px) {
  .foot-middlebox__link > a:hover .logo {
    -webkit-animation-name: andon-anm;
            animation-name: andon-anm;
  }
  .foot-middlebox__link > a:hover ~ .bal {
    background: #00c19b;
  }
  .foot-middlebox__link > a:hover ~ .bal::before {
    border-color: #00c19b transparent transparent transparent;
  }
  .foot-middlebox__link > a:hover ~ .bal > span {
    color: #fff;
  }
}
.foot-bottombox {
  padding-right: 120px;
}
.foot-bottombox__main {
  margin-bottom: 68px;
}
.foot-bottombox__name {
  font-size: 2.2rem;
  letter-spacing: 0.02em;
  font-weight: 700;
  margin-bottom: 25px;
}
.foot-bottombox__office {
  margin-bottom: 49px;
}
.foot-bottombox__office .block {
  margin-right: 120px;
}
.foot-bottombox__office .block .place {
  font-size: 2rem;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}
.foot-bottombox__office .block .address {
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  line-height: 3.6rem;
  margin-bottom: 15px;
}
.foot-bottombox__office .block .address > span {
  display: block;
}
@media screen and (min-width: 1271px) {
  .foot-bottombox__office .block .address br {
    display: none;
  }
}
.foot-bottombox__office .block .map > a {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__office .block .map > a .icon {
  width: 25px;
  margin-right: 15px;
}
.foot-bottombox__office .block .map > a .txt {
  font-size: 2rem;
  letter-spacing: 0.01em;
  font-weight: 500;
  position: relative;
}
.foot-bottombox__office .block .map > a .txt::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  background: #252525;
  width: 100%;
  height: 2px;
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .foot-bottombox__office .block .map > a:hover {
    color: #ff9598;
  }
  .foot-bottombox__office .block .map > a:hover .txt::before {
    width: 0;
    left: initial;
    right: 0;
  }
}
.foot-bottombox__item {
  margin-right: 30px;
}
.foot-bottombox__item.-current > a {
  color: #ff9598;
}
.foot-bottombox__item.-current > a .circle {
  background: #ff9598;
}
.foot-bottombox__item.-current > a .circle .icon > svg .st0, .foot-bottombox__item.-current > a .circle .icon svg .st1 {
  fill: #fff !important;
}
.foot-bottombox__item > a {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .circle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  margin-right: 15px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .circle .icon.-i1 {
  width: 21px;
  top: 52%;
}
.foot-bottombox__item > a .circle .icon.-i1 > svg .st0 {
  fill: #FF9598;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .circle .icon.-i1 > svg .st1 {
  fill: #252525;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .circle .icon.-i2 {
  width: 24px;
  top: 54%;
}
.foot-bottombox__item > a .circle .icon.-i2 > svg .st0 {
  fill: #FF9598;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .circle .icon.-i2 > svg .st1 {
  fill: #002524;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .circle .icon.-i3 {
  width: 20px;
  top: 51%;
}
.foot-bottombox__item > a .circle .icon.-i3 > svg .st0 {
  fill: #FF9598;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .circle .icon.-i3 > svg .st1 {
  fill: #252525;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .circle .icon.-i4 {
  width: 21px;
  top: 56%;
}
.foot-bottombox__item > a .circle .icon.-i4 > svg .st0 {
  fill: #FF9598;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .circle .icon.-i4 > svg .st1 {
  fill: #252525;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-bottombox__item > a .txt {
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 3.6rem;
  white-space: nowrap;
}
@media screen and (min-width: 751px) {
  .foot-bottombox__item > a:hover {
    color: #ff9598;
  }
  .foot-bottombox__item > a:hover .circle {
    background: #ff9598;
  }
  .foot-bottombox__item > a:hover .circle .icon > svg .st0, .foot-bottombox__item > a:hover .circle .icon svg .st1 {
    fill: #fff;
  }
}
.foot-bottombox__copy {
  font-size: 1.3rem;
  letter-spacing: 0;
  color: #868686;
  font-weight: 300;
}
.foot-pagetop {
  position: absolute;
  bottom: 60px;
  right: 40px;
}
.foot-pagetop > a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 80px;
  margin-left: auto;
  margin-right: 0;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-pagetop > a .circle {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  margin-bottom: 8px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-pagetop > a .circle .icon {
  width: 10px;
}
.foot-pagetop > a .circle .icon > svg .st0 {
  fill: #252525;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-pagetop > a .circle .icon > svg .st1 {
  fill: #FF9B9B;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.foot-pagetop > a .txt {
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media screen and (min-width: 751px) {
  .foot-pagetop > a:hover {
    color: #ff9598;
  }
  .foot-pagetop > a:hover .circle {
    background: #ff9598;
  }
  .foot-pagetop > a:hover .circle .icon > svg .st0, .foot-pagetop > a:hover .circle .icon svg path {
    fill: #fff;
  }
}
@media screen and (max-width: 1270px) {
  .foot-bottombox__link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 50px;
    width: 600px;
  }
  .foot-bottombox__item {
    margin-bottom: 20px;
    margin-right: 0;
    width: 300px;
  }
}
@media screen and (max-width: 1270px) and (min-width: 1061px) {
  .foot-bottombox__item:nth-of-type(2n) {
    padding-left: 16px;
  }
}
@media screen and (max-width: 1160px) {
  .foot-middlebox {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1060px) {
  .foot-bottombox__office {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 30px;
  }
  .foot-bottombox__office .block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 50px;
    margin-right: 0;
  }
  .foot-bottombox__office .block .place {
    width: 100%;
  }
  .foot-bottombox__office .block .address {
    margin-bottom: 0;
    margin-right: 80px;
  }
  .foot-bottombox__office .block .map {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 1060px) and (min-width: 851px) {
  .foot-bottombox__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: initial;
  }
  .foot-bottombox__item {
    width: initial;
  }
  .foot-bottombox__item:nth-of-type(1) {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .foot-topbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .foot-topbox__link {
    width: 100%;
    padding-top: 50px;
    padding-left: 0;
    margin-right: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: initial;
    gap: 0;
  }
  .foot-topbox__link .foot-topbox__item {
    padding-left: 0;
    padding-right: 60px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .foot-topbox__link .foot-topbox__item:nth-of-type(1), .foot-topbox__link .foot-topbox__item:nth-of-type(4), .foot-topbox__link .foot-topbox__item:nth-of-type(7) {
    width: 30%;
  }
  .foot-topbox__link .foot-topbox__item:nth-of-type(2), .foot-topbox__link .foot-topbox__item:nth-of-type(5), .foot-topbox__link .foot-topbox__item:nth-of-type(8) {
    width: 42%;
  }
  .foot-topbox__link .foot-topbox__item:nth-of-type(3), .foot-topbox__link .foot-topbox__item:nth-of-type(6), .foot-topbox__link .foot-topbox__item:nth-of-type(9) {
    width: 28%;
  }
}
@media screen and (max-width: 750px) {
  .foot {
    padding: 50px 8vw 60px;
  }
  .foot .graphic.-g1 {
    width: 97px;
    height: 63px;
    top: -63px;
    left: 3vw;
  }
  .foot .graphic.-g2 {
    width: 235px;
    height: 63px;
    top: -63px;
    right: -21vw;
  }
  .foot .dots {
    height: 10px;
    top: -10px;
  }
  .foot .dots .dot {
    width: 10px;
  }
  .foot-topbox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 26px;
  }
  .foot-topbox__logo .logo {
    width: 210px;
    margin-bottom: 10px;
  }
  .foot-topbox__logo .txt {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
  }
  .foot-topbox__link {
    width: 315px;
    max-width: 100%;
    padding-top: 45px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 20px;
  }
  .foot-topbox__link .foot-topbox__item {
    width: 45% !important;
  }
}
@media screen and (max-width: 750px) and (min-width: 376px) {
  .foot-topbox__link {
    width: 100%;
  }
}
@media screen and (max-width: 750px) and (min-width: 561px) {
  .foot-topbox__link {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 750px) {
  .foot-topbox__item {
    margin-bottom: 30px;
    padding: 0 !important;
  }
  .foot-topbox__item > a {
    font-size: 1.6rem;
  }
  .foot-middlebox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    left: 12px;
    margin-bottom: 64px;
  }
  .foot-middlebox__link {
    padding-right: 0 !important;
    position: relative;
    padding-top: 68px;
  }
  .foot-middlebox__link + .foot-middlebox__link {
    margin-top: 48px;
  }
  .foot-middlebox__link.-kobetsu {
    width: 295px;
  }
  .foot-middlebox__link.-kobetsu .bal {
    left: -20px;
    width: 335px;
  }
  .foot-middlebox__link.-kobetsu > a .logo {
    padding-left: 38px;
  }
  .foot-middlebox__link.-kobetsu > a .logo .logo-cover {
    width: 213px;
  }
  .foot-middlebox__link.-kobetsu > a .logo .circle {
    background: #00bb9e;
  }
  .foot-middlebox__link .bal {
    width: 197px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    left: -20px;
    top: 0;
    position: absolute;
  }
  .foot-middlebox__link .bal > span {
    font-size: 1.4rem;
  }
  .foot-middlebox__link .bal::before {
    bottom: 8px;
  }
  .foot-middlebox__link > a .logo {
    width: 295px;
    height: 100px;
    border-radius: 999px;
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
    padding-left: 50px;
  }
  .foot-middlebox__link > a .logo .txt {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: 1.2rem;
    letter-spacing: 0.02em;
    text-align: left;
    margin-bottom: 0;
  }
  .foot-middlebox__link > a .logo .logo-cover {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 207px;
    margin-bottom: 10px;
  }
  .foot-middlebox__link > a .logo .circle {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    width: 45px;
    height: 45px;
    background: #00c19b;
    border-radius: 50%;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  }
  .foot-middlebox__link > a .logo .circle .icon {
    width: 19px;
    height: 19px;
  }
  .foot-middlebox__link > a .logo .circle .icon > svg .st0 {
    fill: #FFFFFF;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .foot-middlebox__link.-kobetsu > a .logo .logo-cover {
    width: 190px;
  }
  .foot-middlebox__link > a .logo {
    width: 270px;
    padding-left: 40px;
    left: -10px;
    padding-left: 30px;
  }
  .foot-middlebox__link > a .logo .logo-cover {
    width: 190px;
  }
  .foot-middlebox__link .bal {
    left: -33px;
  }
}
@media screen and (max-width: 750px) {
  .foot-bottombox {
    padding-top: 0;
    padding-right: 0;
  }
  .foot-bottombox__name {
    font-size: 1.7rem;
    margin-bottom: 23px;
  }
  .foot-bottombox__office {
    margin-bottom: 15px;
  }
  .foot-bottombox__office .block {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 15px;
  }
  .foot-bottombox__office .block .place {
    font-size: 1.7rem;
    margin-bottom: 8px;
  }
  .foot-bottombox__office .block .address {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .foot-bottombox__office .block .address > span > span {
    position: relative;
    top: -2px;
  }
  .foot-bottombox__office .block .map {
    margin-bottom: 11px;
  }
  .foot-bottombox__office .block .map.map2 {
    margin-bottom: 36px;
  }
  .foot-bottombox__office .block .map > a .icon {
    width: 21px;
    margin-right: 10px;
  }
  .foot-bottombox__office .block .map > a .txt {
    font-size: 1.6rem;
  }
  .foot-bottombox__office .block .map > a .txt::before {
    height: 2px;
  }
  .foot-bottombox__link {
    width: 100%;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .foot-bottombox__link {
    display: block;
  }
  .foot-bottombox__link .foot-bottombox__item > a .txt br {
    display: none !important;
  }
}
@media screen and (max-width: 750px) {
  .foot-bottombox__item {
    width: 50%;
  }
  .foot-bottombox__item > a .circle {
    width: 45px;
    height: 45px;
    margin-right: 10px;
  }
  .foot-bottombox__item > a .circle .icon.-i1 {
    width: 19px;
    height: 18px;
  }
  .foot-bottombox__item > a .circle .icon.-i2 {
    width: 23px;
    height: 15px;
    top: 52%;
  }
  .foot-bottombox__item > a .circle .icon.-i3 {
    width: 18px;
    height: 22px;
    top: 50%;
  }
  .foot-bottombox__item > a .circle .icon.-i4 {
    width: 20px;
    height: 20px;
    top: 51%;
  }
  .foot-bottombox__item > a .txt {
    font-size: 1.5rem;
    line-height: 2.1rem;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 750px) and (min-width: 321px) {
  .foot-bottombox__item:nth-of-type(2n) {
    padding-left: 10px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .foot-bottombox__item {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .foot-bottombox__copy {
    font-size: 1.1rem;
    position: relative;
    left: -10px;
  }
  .foot-pagetop {
    bottom: 28px;
    right: 15px;
  }
  .foot-pagetop > a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 80px;
    margin-left: auto;
    margin-right: 0;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .foot-pagetop > a .circle {
    width: 70px;
    height: 70px;
    margin-bottom: 5px;
  }
  .foot-pagetop > a .circle .icon {
    width: 9px;
  }
  .foot-pagetop > a .circle .icon > svg .st0 {
    fill: #252525;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .foot-pagetop > a .circle .icon > svg .st1 {
    fill: #FF9B9B;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .foot-pagetop > a .txt {
    font-size: 1.5rem;
  }
}

/*------------------------------------------------------*/
/*  top */
/*------------------------------------------------------*/
.top-main {
  position: relative;
  width: 100%;
  height: 978px;
  background: #fff;
}
@media screen and (max-width: 1200px) {
  .top-main {
    height: 900px;
  }
}
@media screen and (max-width: 750px) {
  .top-main {
    height: 720px;
  }
}
.top-main__title {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 171px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.top-main__title .text1 {
  font-size: 5.8rem;
  font-weight: 700;
  margin-bottom: 7px;
  text-align: center;
}
.top-main__title .text1 p {
  display: inline-block;
  position: relative;
  margin-right: 5px;
}
.top-main__title .text1 p > .dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  gap: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  left: 0;
  top: -7px;
}
.top-main__title .text1 p > .dot span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff9598;
}
.top-main__title .text2 {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 500;
}
.top-main__title .text2 span {
  color: #ff9598;
}
@media screen and (max-width: 750px) {
  .top-main__title {
    top: 129px;
  }
  .top-main__title .text1 {
    font-size: 3.8rem;
    line-height: 4.8rem;
    margin-bottom: 10px;
  }
  .top-main__title .text1 p > .dot {
    gap: 28px;
    top: -11px;
  }
  .top-main__title .text1 p > .dot span {
    width: 8px;
    height: 8px;
  }
  .top-main__title .text2 {
    font-size: 1.8rem;
    line-height: 3.4rem;
  }
}
.top-main__obj1 {
  width: 85px;
  position: absolute;
  top: 0;
  right: 114px;
}
@media screen and (max-width: 1050px) {
  .top-main__obj1 {
    right: 54px;
  }
}
.top-main__obj2 {
  width: 189px;
  position: absolute;
  bottom: 0;
  left: 72px;
}
@media screen and (max-width: 1050px) {
  .top-main__obj2 {
    width: 159px;
    left: 32px;
  }
}
.top-main__obj3 {
  width: 34px;
  position: absolute;
  top: -106px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.top-main__bg {
  width: 100%;
  height: 560px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/common/bg/fgr1.webp) repeat center top;
  background-size: 497px 1327px;
  -webkit-animation: review-bg-reverse 20s linear infinite;
          animation: review-bg-reverse 20s linear infinite;
}
@media screen and (max-width: 750px) {
  .top-main__bg {
    height: 408px;
  }
}
.top-main__kv {
  width: 100%;
  max-width: 1500px;
  height: 642px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}
.top-main__kv img {
  position: relative;
}
.top-main__kv1 {
  width: 48%;
  max-width: 720px;
  position: absolute;
  left: 26%;
  top: 0;
}
.top-main__kv2 {
  width: 34.4%;
  max-width: 516px;
  position: absolute;
  left: 7%;
  bottom: 16px;
}
.top-main__kv3 {
  width: 15.13%;
  max-width: 227px;
  position: absolute;
  left: 68%;
  bottom: 3px;
}
@media screen and (max-width: 1200px) {
  .top-main__kv {
    height: 500px;
  }
  .top-main__kv3 {
    left: 62%;
  }
}
@media screen and (max-width: 950px) {
  .top-main__kv {
    height: 420px;
  }
  .top-main__kv3 {
    left: 62%;
  }
}
@media screen and (max-width: 750px) {
  .top-main__kv {
    height: 253px;
    bottom: 166px;
  }
  .top-main__kv1 {
    width: 272px;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .top-main__kv2 {
    width: 195px;
    left: 50%;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    bottom: 10px;
  }
  .top-main__kv3 {
    width: 78px;
    left: 50%;
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
    bottom: 3px;
  }
}
.top-main__animation {
  width: 100%;
  height: 100%;
}
.top-main__copy {
  position: absolute;
  top: 390px;
  left: 80px;
  z-index: 1;
}
.top-main__copy h2 {
  font-size: 4.9rem;
  letter-spacing: 0.02em;
  line-height: 5.7rem;
}
.top-main__copy > p {
  font-size: 2rem;
  letter-spacing: 0.02em;
  line-height: 5.7rem;
}
@media screen and (max-width: 850px) {
  .top-main__copy {
    top: 325px;
    left: 40px;
  }
  .top-main__copy h2 {
    font-size: 4rem;
    line-height: 5rem;
  }
  .top-main__copy > p {
    font-size: 1.6rem;
    line-height: 5.8rem;
  }
}
.top-main__link {
  width: 55px;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top-main__link .block {
  width: 100%;
}
.top-main__link .block.con {
  margin-bottom: 10px;
}
.top-main__link .block:nth-of-type(2) {
  opacity: 0;
  pointer-events: none;
  cursor: auto;
}
.top-main__link .block > a {
  width: 100%;
  padding: 20px 0;
  background: #ff9598;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 9999px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-main__link .block > a::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  border: 2px solid #ff9598;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  opacity: 0;
}
.top-main__link .block > a .icon {
  width: 21px;
  margin-bottom: 5px;
}
.top-main__link .block > a .icon > svg .st0 {
  fill: #FFFFFF;
}
.top-main__link .block > a .txt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 1.8rem;
  letter-spacing: 0;
  color: #fff;
}
@media screen and (min-width: 751px) {
  .top-main__link .block > a:hover {
    background: #fff;
  }
  .top-main__link .block > a:hover::before {
    opacity: 1;
  }
  .top-main__link .block > a:hover .icon > svg .st0 {
    fill: #ff9598;
  }
  .top-main__link .block > a:hover .txt {
    color: #ff9598;
  }
}
.top-main__mv {
  bottom: -70px;
  right: 230px;
  z-index: 1;
}
.top-main__mv > a {
  width: 415px;
  border-radius: 25px;
  border: 8px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
}
.top-main__mv > a .thumb {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.top-main__mv > a .thumb > p {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.top-main__mv > a .circle.look {
  width: 80px;
  height: 80px;
  -webkit-box-shadow: none;
          box-shadow: none;
  right: 50%;
  border: 1px solid transparent;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
  z-index: 1;
}
.top-main__mv > a .circle.look .icon {
  width: 16px;
  height: 22px;
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
  margin: 4px 0 1px;
}
.top-main__mv > a .circle.look .icon > svg .st0 {
  fill: #fff;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-main__mv > a .circle.look .txt {
  margin-left: 2px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-main__mv > a .inner {
  position: absolute;
  right: -210px;
  bottom: -20px;
  width: 250px;
  height: 110px;
  background: #fff;
  border-radius: 25px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  z-index: 1;
}
.top-main__mv > a .inner::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 15px 8px 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}
.top-main__mv > a .inner > .ttl {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.top-main__mv > a .inner > .ttl > .-fontp {
  color: #ff9598;
  font-size: 4rem;
  font-weight: 600;
  padding-right: 3px;
}
@media screen and (min-width: 951px) {
  .top-main__mv > a .inner {
    -webkit-animation-name: movie-balloon-pc;
            animation-name: movie-balloon-pc;
  }
}
@media screen and (max-width: 950px) and (min-width: 751px) {
  .top-main__mv > a .inner {
    -webkit-animation-name: movie-balloon-tab;
            animation-name: movie-balloon-tab;
  }
}
@media screen and (max-width: 750px) {
  .top-main__mv > a .inner > .en {
    -webkit-animation-name: movie-balloon-sp;
            animation-name: movie-balloon-sp;
    -webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
}
@media screen and (min-width: 751px) {
  .top-main__mv > a:hover {
    background: initial !important;
  }
  .top-main__mv > a:hover .thumb > p {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  .top-main__mv > a:hover .inner {
    color: #252525 !important;
  }
  .top-main__mv > a:hover .circle {
    right: 50% !important;
    -webkit-transform: translate(50%, -50%) !important;
            transform: translate(50%, -50%) !important;
    background: #fff;
    border: 2px solid #ff9598;
  }
  .top-main__mv > a:hover .circle > .icon > svg .st0 {
    fill: #ff9598;
  }
  .top-main__mv > a:hover .circle > .txt {
    color: #ff9598;
  }
}
@-webkit-keyframes movie-balloon-pc {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  15%, 20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  17.5% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
@keyframes movie-balloon-pc {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  15%, 20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  17.5% {
    -webkit-transform: translateX(3px);
            transform: translateX(3px);
  }
}
@-webkit-keyframes movie-balloon-tab {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  15%, 20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  17.5% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
}
@keyframes movie-balloon-tab {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  15%, 20% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  17.5% {
    -webkit-transform: translateX(-3px);
            transform: translateX(-3px);
  }
}
@-webkit-keyframes movie-balloon-sp {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  13%, 17% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  15% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
@keyframes movie-balloon-sp {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  8% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  13%, 17% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  15% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
}
.top-main__trial {
  position: absolute;
  bottom: 46px;
  right: 53px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  z-index: 1;
}
.top-main__trial--link {
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  padding-top: 46px;
}
.top-main__trial--link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  background: #fff;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid #ff9598;
}
.top-main__trial--link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid #ff9598;
}
.top-main__trial--link .subtxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 9px;
  font-size: 1.6rem;
  font-weight: 700;
  color: #ff9598;
  margin-bottom: 6px;
}
.top-main__trial--link .txt {
  font-size: 2.8rem;
  line-height: 3.4rem;
  font-weight: 700;
  margin-bottom: 19px;
}
.top-main__trial--link .txt > span {
  display: block;
  font-size: 1.9rem;
  line-height: 1.9rem;
  margin: 5px 0 -26px;
}
.top-main__trial--link .illust {
  width: 72px;
  margin: 0 auto;
}
.top-main__trial--link .circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  bottom: 1px;
  right: -5px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ff9598;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  z-index: 2;
}
.top-main__trial--link .circle-icon {
  width: 21px;
  margin-bottom: -1px;
}
.top-main__trial--link .circle-icon svg .st0 {
  fill: #fff;
}
.top-main__trial--link .circle-txt {
  font-size: 1.2rem;
  color: #fff;
}
@media screen and (min-width: 751px) {
  .top-main__trial--link:hover::before {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
            transform: translate(-50%, -50%) scale(1.05);
  }
  .top-main__trial--link:hover::after {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
            transform: translate(-50%, -50%) scale(1.05);
  }
  .top-main__trial--link:hover .circle {
    -webkit-animation: top-main__trial--btn 0.7s linear;
            animation: top-main__trial--btn 0.7s linear;
  }
}
@-webkit-keyframes top-main__trial--btn {
  0%, 50%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25%, 75% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}
@keyframes top-main__trial--btn {
  0%, 50%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25%, 75% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
}
.top-main__modal {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100vw;
  height: 0;
  background: #fff;
  z-index: 101;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: height 0.6s cubic-bezier(1, 0, 0.75, 1) 0s, opacity 0.2s ease-out 0.4s;
  transition: height 0.6s cubic-bezier(1, 0, 0.75, 1) 0s, opacity 0.2s ease-out 0.4s;
}
.top-main__modal.-open {
  opacity: 1;
  height: 100vh;
  -webkit-transition: height 0.6s cubic-bezier(1, 0, 0.75, 1) 0s, opacity 0.3s ease-out 0.3s;
  transition: height 0.6s cubic-bezier(1, 0, 0.75, 1) 0s, opacity 0.3s ease-out 0.3s;
}
.top-main__modal .box {
  width: 59%;
  height: 100%;
  max-width: 1250px;
  min-width: 800px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1;
}
.top-main__modal .box .ttl {
  margin-top: 10%;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  position: relative;
}
.top-main__modal .box .ttl h2 {
  font-size: 3.7rem;
  letter-spacing: 0.01em;
  font-weight: 700;
  margin-right: 40px;
}
.top-main__modal .box .ttl .icon {
  position: static;
  top: initial;
  right: initial;
  -webkit-transform: none;
          transform: none;
  width: 40px;
}
.top-main__modal .box .movie {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 45px;
  z-index: 1;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.top-main__modal .box .movie .rear {
  width: 100%;
}
.top-main__modal .box .movie .rear::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.top-main__modal .box .movie .rear > #player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top-main__modal .box .movie .front {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.top-main__modal .box .movie .front.-hide {
  display: none;
}
.top-main__modal .box .movie .front::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e9e9e9;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  z-index: 1;
}
.top-main__modal .box .movie .front .thumbnail {
  width: 100%;
  height: 100%;
}
.top-main__modal .box .movie .front .circle {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.top-main__modal .box .movie .front .circle .icon {
  width: 25px;
  margin-top: 8px;
  margin-bottom: 5px;
  position: relative;
  left: 3px;
}
.top-main__modal .box .movie .front .circle .icon > svg .st0 {
  fill: #FF9B9B;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-main__modal .box .movie .front .circle .txt {
  font-size: 1.8rem;
  letter-spacing: 0.01em;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .top-main__modal .box .movie .front:hover::before {
    opacity: 0.1;
  }
  .top-main__modal .box .movie .front:hover .circle {
    background: #ff9598;
  }
  .top-main__modal .box .movie .front:hover .circle .icon > svg .st0 {
    fill: #fff;
  }
  .top-main__modal .box .movie .front:hover .circle .txt {
    color: #fff;
  }
}
@media screen and (max-width: 850px) {
  .top-main__modal .box {
    min-width: 710px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-height: 660px) {
  .top-main__modal .box {
    min-width: initial;
  }
  .top-main__modal .box > .ttl {
    margin-top: 3%;
  }
}
.top-main__modal .close {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ff9598;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  cursor: pointer;
}
.top-main__modal .close .icon {
  width: 18px;
  margin-bottom: 3px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-main__modal .close .icon > svg .st0 {
  fill: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.top-main__modal .close .txt {
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
  color: #fff;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .top-main__modal .close:hover {
    background: #fff;
  }
  .top-main__modal .close:hover .icon > svg .st0 {
    fill: #ff9598;
  }
  .top-main__modal .close:hover .txt {
    color: #ff9598;
  }
}
.top-main__modal .graphic {
  position: absolute;
}
.top-main__modal .graphic.-g1 {
  width: 85px;
  top: -95px;
  right: 95px;
}
.top-main__modal .graphic.-g2 {
  width: 160px;
  bottom: 0;
  left: 9.3vw;
}
.top-main__modal .graphic.-g3 {
  width: 365px;
  bottom: 0;
  right: 0;
}
.top-main__modal .dot {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #7adf6f;
  position: absolute;
  bottom: 0;
}
.top-main__modal .dot.-d1 {
  left: 23.6vw;
}
.top-main__modal .dot.-d2 {
  left: 43.3vw;
}
.top-main__modal .dot.-d3 {
  left: 62.6vw;
}
.top-main__modal .dot.-d4 {
  left: 90.6vw;
}
.top-main__contact {
  width: 1px;
  height: 100vh;
  position: absolute;
  right: 0;
  top: 0;
}
.top-main__contact .block {
  width: 78px;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.top-main__contact .block > a {
  width: 100%;
  padding: 30px 0 48px;
  background: #ff9598;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 30px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  position: relative;
}
.top-main__contact .block > a::before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 30px;
  border: 2px solid #ff9598;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  opacity: 0;
}
.top-main__contact .block > a .icon {
  width: 60px;
  height: 60px;
  position: absolute;
  right: -18px;
  bottom: -18px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  border: 2px solid #fff;
}
.top-main__contact .block > a .icon > img {
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.top-main__contact .block > a .txt {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
}
@media screen and (min-width: 751px) {
  .top-main__contact .block > a:hover {
    background: #fff;
  }
  .top-main__contact .block > a:hover::before {
    opacity: 1;
  }
  .top-main__contact .block > a:hover .icon {
    border: 2px solid #ff9598;
  }
  .top-main__contact .block > a:hover .txt {
    color: #ff9598;
  }
}
@media screen and (max-width: 1060px) {
  .top-main__mv {
    bottom: -180px;
    right: initial;
    left: 30px;
  }
  .top-main__trial {
    left: initial;
    right: 30px;
  }
  .top-main__contact {
    height: 890px;
  }
}
@media screen and (max-width: 850px) {
  .top-main__contact {
    height: 750px;
  }
}
.top-record {
  padding-top: 90px;
  padding-bottom: 30px;
  background: #fff;
}
.top-record__title {
  text-align: center;
  margin-bottom: 53px;
}
.top-record__title p {
  display: inline-block;
  position: relative;
  font-size: 4rem;
  font-weight: bold;
}
.top-record__title p::before {
  content: "";
  width: 30px;
  height: 33px;
  background: url(../images/top/kv/icon1.svg) no-repeat 0 0;
  background-size: contain;
  position: absolute;
  left: -72px;
  top: 17px;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.top-record__title p::after {
  content: "";
  width: 30px;
  height: 33px;
  background: url(../images/top/kv/icon1.svg) no-repeat 0 0;
  background-size: contain;
  position: absolute;
  right: -72px;
  top: 17px;
}
.top-record__list {
  position: relative;
}
.top-record__inner {
  font-size: 0;
  white-space: nowrap;
  position: relative;
}
.top-record__inner ul {
  white-space: nowrap;
  display: inline-block;
}
.top-record__inner ul li {
  display: inline-block;
  padding: 15px 30px;
  font-size: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ff9598;
  color: #fff;
  margin-right: 18px;
  border-radius: 32px;
  -webkit-box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
}
.top-functions {
  padding: 88px 80px 0;
  position: relative;
  background: #fff;
}
.top-functions > .page-feature__ttl {
  margin-bottom: 74px;
}
.top-functions > .page-feature__ttl .icon.-i5 {
  width: 38px;
  right: 0;
}
@media screen and (max-width: 1270px) {
  .top-functions {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.top-review {
  padding: 93px 0 126px;
  background: url(../images/common/bg/fgr1.webp) repeat;
  background-size: 497px 1327px;
  -webkit-animation: review-bg 20s linear infinite;
          animation: review-bg 20s linear infinite;
}
.top-review > .top_ttl {
  margin-bottom: 60px;
}
.top-review > .top_ttl .icon.-i1 {
  width: 39px;
}
.top-review__main {
  padding: 0 120px;
}
.top-review__item {
  gap: 48px;
}
.top-review__item.-item1 .figure .image {
  width: 78px;
}
.top-review__item.-item1 .comment {
  width: calc(100% - 350px);
}
.top-review__item.-item2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 65px;
}
.top-review__item.-item2 .figure {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.top-review__item.-item2 .figure .image {
  width: 88px;
}
.top-review__item.-item2 .comment {
  width: calc(100% - 360px);
  text-align: right;
  margin-left: 0;
  margin-right: 17px;
}
.top-review__item.-item2 .comment p::after {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  right: -17px;
  left: auto;
}
.top-review__item.-item3 {
  margin-top: 50px;
}
.top-review__item.-item3 .figure .image {
  width: 78px;
}
.top-review__item.-item3 .comment {
  width: calc(100% - 350px);
}
.top-review__item.-item3 .comment p {
  max-width: 98%;
}
.top-review__item .figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 31px;
}
.top-review__item .figure .image {
  position: relative;
}
.top-review__item .figure .info {
  font-size: 2rem;
  line-height: 3.4rem;
  position: relative;
  top: 8px;
}
.top-review__item .comment {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.top-review__item .comment p {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 3.4rem;
  max-width: 86%;
  text-align: center;
  margin-left: 17px;
  padding: 30px 40px;
  border-radius: 30px;
  background: #fff;
  -webkit-box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
  position: relative;
}
.top-review__item .comment p::after {
  content: "";
  background: #ffffff;
  height: 23px;
  width: 17px;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  position: absolute;
  left: -17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .top-review__main {
    padding-left: 45px;
    padding-right: 45px;
  }
  .top-review__item .comment p {
    max-width: 100% !important;
  }
  .top-review__item.-item2 {
    margin-top: 50px;
  }
}
.top-solution {
  padding: 85px 80px 120px;
}
.top-solution__ttl {
  margin-bottom: 58px;
}
.top-solution__ttl .jp {
  font-size: 3.6rem !important;
}
.top-solution__main {
  gap: 30px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}
.top-solution__item {
  width: calc(25% - 23px);
}
.top-solution__item .solution-top {
  padding: 10px 0 43px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 80px;
  -webkit-box-shadow: 0px 4.5px 9px 1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9px 1px rgba(176, 176, 176, 0.3);
  background: #fff;
}
.top-solution__item .solution-top .illust {
  height: 197px;
  position: relative;
  margin-bottom: -2px;
}
.top-solution__item .solution-top .illust img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.top-solution__item .solution-top .illust.-item1 img {
  width: 215px;
}
.top-solution__item .solution-top .illust.-item2 img {
  width: 164px;
}
.top-solution__item .solution-top .illust.-item3 img {
  width: 134px;
}
.top-solution__item .solution-top .illust.-item4 img {
  width: 175px;
}
.top-solution__item .solution-top .text {
  font-size: 2rem;
  line-height: 3.4rem;
  padding: 0 40px;
}
.top-solution__item .solution-top .text span {
  font-weight: 700;
}
.top-solution__item .solution-arrow {
  margin-bottom: 24px;
}
.top-solution__item .solution-arrow::before {
  content: "";
  width: 6px;
  margin: 0 auto;
  height: 153px;
  display: block;
  background: #ddd;
}
.top-solution__item .solution-arrow::after {
  content: "";
  width: 22px;
  height: 13px;
  display: block;
  margin: 0 auto;
  background: url(../images/top/solution/icon2.svg) no-repeat center top;
  background-size: contain;
}
.top-solution__item .solution-bottom {
  padding-top: 43px;
  padding-bottom: 52px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 80px;
  -webkit-box-shadow: 0px 4.5px 9px 1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9px 1px rgba(176, 176, 176, 0.3);
  background: #fff;
}
.top-solution__item .solution-bottom .title {
  font-size: 2.2rem;
  line-height: 3.4rem;
  font-weight: 700;
  color: #ff9598;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 15px;
}
.top-solution__item .solution-bottom ul {
  margin: 0 30px 0 40px;
}
.top-solution__item .solution-bottom ul li {
  position: relative;
  font-size: 1.8rem;
  line-height: 3.4rem;
  padding-left: 36px;
}
.top-solution__item .solution-bottom ul li + li {
  margin-top: 8px;
}
.top-solution__item .solution-bottom ul li .icon {
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 50%;
  background: #ff9598;
}
.top-solution__item .solution-bottom ul li .icon img {
  width: 13px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.top-solution__item .solution-bottom ul li .icon .st0 {
  fill: #fff;
}
.top-solution__item .solution-bottom .illust {
  height: 132px;
  position: relative;
  margin-top: 25px;
}
.top-solution__item .solution-bottom .illust img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.top-solution__item .solution-bottom .illust.-item1 img {
  width: 170px;
}
.top-solution__item .solution-bottom .illust.-item2 img {
  width: 173px;
}
.top-solution__item .solution-bottom .illust.-item3 img {
  width: 170px;
}
.top-solution__item .solution-bottom .illust.-item4 img {
  width: 129px;
}
.top-solution__lead {
  font-size: 3.6rem;
  font-weight: 700;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #f5f5f5;
  padding: 28px 0 18px;
}
.top-solution__lead > span {
  display: inline-block;
  position: relative;
  padding-right: 60px;
  white-space: nowrap;
}
.top-solution__lead > span span {
  font-size: 0;
  display: inline-block;
  width: 34px;
  position: absolute;
  right: 0;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .top-solution__main {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
    gap: 60px 30px;
  }
  .top-solution__item {
    width: calc(50% - 15px);
  }
}
.top-news {
  position: relative;
  padding: 0 30px 0;
}
.top-news__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 50px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.top-news__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 50px;
  margin-bottom: 20px;
}
.top-news__ttl .jp {
  font-size: 3.7rem;
  letter-spacing: 0.01em;
  line-height: 5.7rem;
  font-weight: 700;
  margin-right: 30px;
}
.top-news__ttl .icon {
  width: 40px;
}
.top-news__link {
  margin-bottom: 18px;
}
.top-news__link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.top-news__link a .text {
  font-size: 2rem;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.top-news__link a .arrow {
  width: 45px;
  height: 45px;
  position: relative;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.top-news__link a .arrow span {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.top-news__link a .arrow span .st0 {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  fill: #ff9598;
}
@media screen and (min-width: 751px) {
  .top-news__link a:hover .text {
    color: #ff9598;
  }
  .top-news__link a:hover .arrow {
    background: #ff9598;
  }
  .top-news__link a:hover .arrow span .st0 {
    fill: #fff;
  }
}
.top-news__list {
  width: 100%;
}
.top-news__item {
  width: 100%;
  cursor: pointer;
  margin-bottom: 7px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  border-radius: 999px;
  -webkit-transition: opacity 0.2s ease-out, border-radius 0s 0.4s, -webkit-box-shadow 0.2s ease-out;
  transition: opacity 0.2s ease-out, border-radius 0s 0.4s, -webkit-box-shadow 0.2s ease-out;
  transition: opacity 0.2s ease-out, border-radius 0s 0.4s, box-shadow 0.2s ease-out;
  transition: opacity 0.2s ease-out, border-radius 0s 0.4s, box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  background: #fff;
  position: relative;
}
@media screen and (min-width: 751px) {
  .top-news__item:not(.-open):hover {
    -webkit-box-shadow: 8px 4px 12px rgba(176, 176, 176, 0.5);
            box-shadow: 8px 4px 12px rgba(176, 176, 176, 0.5);
  }
}
.top-news__item.-open {
  border-radius: 35px;
  -webkit-transition: opacity 0.2s ease-out, border-radius 0s ease-out;
  transition: opacity 0.2s ease-out, border-radius 0s ease-out;
}
.top-news__item.-open .item-top {
  padding-top: 50px;
}
.top-news__item.-open .item-top .arrow {
  -webkit-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}
@media screen and (min-width: 751px) {
  .top-news__item.-open .item-top .arrow {
    top: calc(50% + 15px);
  }
}
.top-news__item .item-top {
  position: relative;
  padding: 18px 100px 19px 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: padding 0.4s ease-out, color 0.2s ease-out;
  transition: padding 0.4s ease-out, color 0.2s ease-out;
  pointer-events: none;
}
.top-news__item .item-top .date {
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
  width: 170px;
  min-width: 170px;
}
.top-news__item .item-top .ttl {
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  line-height: 3.4rem;
}
.top-news__item .item-top .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  right: 26px;
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  width: 45px;
  height: 45px;
}
.top-news__item .item-top .arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ff9598;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-news__item .item-top .arrow .arrow-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  top: 1px;
  width: 20px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-news__item .item-top .arrow .arrow-inner svg .st0 {
  fill: #FF9B9B;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-news__item .item-bottom {
  padding: 0 100px 0 219px;
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  pointer-events: none;
}
.top-news__item .item-bottom .item-bottom__inner > p {
  font-size: 1.8rem;
  letter-spacing: 0.02em;
  line-height: 3.9rem;
  margin-bottom: 50px;
}
.top-news__item .item-bottom .item-bottom__inner > p:nth-of-type(1) {
  padding-top: 20px;
}
.top-news__item .item-bottom .item-bottom__inner > p:nth-last-of-type(1) {
  padding-bottom: 65px;
}
.top-news__item .item-bottom .item-bottom__inner > p a {
  pointer-events: auto;
  line-height: 1.4;
  color: #ff9598;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(96%, transparent), color-stop(96.1%, #ff9598), to(#ff9598));
  background: linear-gradient(transparent 0%, transparent 96%, #ff9598 96.1%, #ff9598 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left;
  -webkit-transition: background-size 0.2s ease-out;
  transition: background-size 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .top-news__item .item-bottom .item-bottom__inner > p a:hover {
    background-size: 0% 100%;
    background-position: right;
  }
}
@media screen and (min-width: 751px) {
  .top-news__item:hover .item-top {
    color: #ff9598;
  }
  .top-news__item:hover .item-top .arrow::before {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  .top-news__item:hover .item-top .arrow .arrow-inner svg .st0 {
    fill: #fff;
  }
}
.top-lead {
  position: relative;
  padding: 105px 0 175px;
  width: 100%;
}
.top-lead__intro {
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.top-lead__intro:nth-of-type(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 0;
}
.top-lead__intro:nth-of-type(2) .top-lead__copy {
  padding-left: 200px;
  padding-right: 80px;
}
.top-lead__copy {
  padding: 0 80px;
  width: 55%;
}
.top-lead__copy .bal {
  position: relative;
  left: -20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 19px;
  padding: 20px 30px;
  background: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  margin-bottom: 50px;
}
.top-lead__copy .bal-icon {
  width: 38px;
}
.top-lead__copy .bal-txt {
  font-size: 2.3rem;
  font-weight: 700;
}
.top-lead__copy .bal::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: 1px;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.top-lead__copy .ttl {
  font-size: 4.2rem;
  letter-spacing: 0.01em;
  line-height: 6.8rem;
  font-weight: 700;
  margin-bottom: 40px;
}
.top-lead__copy .ttl .-pink {
  color: #ff9598;
}
.top-lead__copy .txt {
  line-height: 5.1rem;
}
.top-lead__copy .txt > p {
  margin-bottom: 45px;
}
.top-lead__copy .txt > p:nth-last-of-type(1) {
  margin-bottom: 0;
}
.top-lead__photobox {
  width: 45%;
}
.top-lead__photo {
  position: relative;
  width: 540px;
  max-width: calc(100% - 80px);
  margin: 105px 80px 0 10px;
}
.top-lead__photo .arm {
  position: absolute;
  bottom: calc(100% - 1px);
  width: 32px;
}
.top-lead__photo .arm.-left {
  left: 42px;
}
.top-lead__photo .arm.-right {
  right: 42px;
}
.top-lead__photo .inner {
  overflow: hidden;
  border: 11px solid #ddd;
  border-radius: 30px;
}
.top-lead__photo .inner::before {
  padding-top: 353px;
}
.top-lead .dots {
  position: absolute;
  width: 100%;
  height: 17px;
  left: 0;
  bottom: 0;
}
.top-lead .dots .dot {
  position: absolute;
  top: 0;
  width: 17px;
  height: 100%;
  border-radius: 50%;
  background: #7adf6f;
}
.top-lead .dots .dot.-d1 {
  left: 8vw;
}
.top-lead .dots .dot.-d2 {
  left: 32vw;
}
.top-lead .dots .dot.-d3 {
  left: 56vw;
}
.top-lead .dots .dot.-d4 {
  left: 80vw;
}
.top-lead__graphics.-show .graphic.-g1 {
  -webkit-animation: top-lead__runman 3s linear forwards;
          animation: top-lead__runman 3s linear forwards;
}
.top-lead__graphics.-show .graphic.-g2 > svg .left {
  -webkit-animation: top-lead__turnman 3s linear forwards;
          animation: top-lead__turnman 3s linear forwards;
}
.top-lead__graphics .graphic {
  position: absolute;
  bottom: 0;
}
.top-lead__graphics .graphic.-g1 {
  width: 60px;
  left: 36%;
  bottom: -1px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.top-lead__graphics .graphic.-g2 {
  width: 149px;
  height: 105px;
  left: 46%;
}
.top-lead__graphics .graphic.-g2 > svg .st0 {
  fill: #FFDACC;
}
.top-lead__graphics .graphic.-g2 > svg .st1 {
  fill: #DDDDDD;
}
.top-lead__graphics .graphic.-g2 > svg .st2 {
  fill: #ABABAB;
}
.top-lead__graphics .graphic.-g2 > svg .st3 {
  fill: #FF9B9B;
}
.top-lead__graphics .graphic.-g2 > svg .st4 {
  fill: #AAA9A9;
}
.top-lead__graphics .graphic.-g2 > svg .st5 {
  fill: #FFD9CB;
}
.top-lead__graphics .graphic.-g2 > svg .st6 {
  fill: #DCDCDC;
}
.top-lead__graphics .graphic.-g2 > svg .st7 {
  fill: #868686;
}
.top-lead__graphics .graphic.-g2 > svg .left {
  -webkit-transform-origin: 40px 100%;
          transform-origin: 40px 100%;
}
.top-lead__graphics .graphic.-g3 {
  width: 84px;
  right: 1%;
}
@media screen and (min-width: 1561px) {
  .top-lead__photo {
    margin: 105px auto 0;
  }
}
@media screen and (max-width: 1160px) {
  .top-lead__copy {
    width: 52%;
    padding-right: 60px;
  }
  .top-lead__photobox {
    width: 48%;
  }
}
@media screen and (max-width: 1060px) {
  .top-lead__intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 30px;
  }
  .top-lead__copy {
    width: 100%;
    padding: 0 80px;
  }
}
@media screen and (max-width: 1060px) and (max-width: 850px) {
  .top-lead__copy {
    padding: 0 30px !important;
  }
}
@media screen and (max-width: 1060px) {
  .top-lead__photobox {
    width: 100%;
    padding: 0 80px;
  }
  .top-lead__photo {
    margin: 200px auto 0;
  }
  .top-lead__photo.left-border {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 160px;
    border-bottom-right-radius: 160px;
  }
  .top-lead__photo.left-border > img {
    -o-object-position: center top;
       object-position: center top;
  }
  .top-lead__photo.right-border {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 160px;
    border-bottom-left-radius: 160px;
  }
}
.top-detail {
  position: relative;
  background: #e9e9e9;
  padding: 127px 0 148px;
}
.top-detail__ttl {
  margin-bottom: 70px;
}
.top-detail__ttl .icon {
  width: 37px;
}
@media screen and (max-width: 950px) {
  .top-detail__ttl .icon {
    right: 30px;
  }
}
.top-detail__support {
  margin-bottom: 142px;
}
.top-detail__support .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 50px;
  padding: 0 127px;
  max-width: 1700px;
  margin: 0 auto;
}
.top-detail__support .box-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc((100% - 524px - 106px) / 2);
}
.top-detail__support .box-txt.-left .box-txt__block::before {
  left: calc(100% + 30px);
  -webkit-transform-origin: left;
          transform-origin: left;
}
.top-detail__support .box-txt.-left .box-txt__block::after {
  left: calc(100% + 113px);
}
.top-detail__support .box-txt.-left .box-txt__block:first-child::before {
  -webkit-transform: translateY(-50%) rotate(22deg);
          transform: translateY(-50%) rotate(22deg);
}
.top-detail__support .box-txt.-left .box-txt__block:first-child::after {
  top: 116px;
}
.top-detail__support .box-txt.-left .box-txt__block:last-child {
  padding-left: 8px;
  margin-top: 160px;
}
.top-detail__support .box-txt.-left .box-txt__block:last-child::before {
  top: initial;
  bottom: 52px;
  -webkit-transform: translateY(-50%) rotate(-22deg);
          transform: translateY(-50%) rotate(-22deg);
}
.top-detail__support .box-txt.-left .box-txt__block:last-child::after {
  bottom: 79px;
}
.top-detail__support .box-txt.-right .box-txt__block::before {
  top: 90px;
  right: calc(100% + 30px);
}
.top-detail__support .box-txt.-right .box-txt__block::after {
  right: calc(100% + 113px);
}
.top-detail__support .box-txt.-right .box-txt__block:first-child::before {
  -webkit-transform: translateY(-50%) rotate(-20deg);
          transform: translateY(-50%) rotate(-20deg);
}
.top-detail__support .box-txt.-right .box-txt__block:first-child::after {
  top: 106px;
}
.top-detail__support .box-txt.-right .box-txt__block:last-child {
  padding-left: 8px;
  margin-top: 160px;
}
.top-detail__support .box-txt.-right .box-txt__block:last-child::before {
  top: initial;
  bottom: 72px;
  -webkit-transform: translateY(-50%) rotate(20deg);
          transform: translateY(-50%) rotate(20deg);
}
.top-detail__support .box-txt.-right .box-txt__block:last-child::after {
  bottom: 80px;
}
.top-detail__support .box-txt__block {
  position: relative;
}
.top-detail__support .box-txt__block::before {
  content: "";
  position: absolute;
  top: 80px;
  height: 2px;
  background: #ff9598;
}
.top-detail__support .box-txt__block::after {
  content: "";
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff9598;
}
.top-detail__support .box-txt__block--ttl {
  position: relative;
  font-size: 2.2rem;
  line-height: 3.1rem;
  letter-spacing: 0.01em;
  font-weight: 700;
  padding-left: 26px;
  margin-bottom: 18px;
}
.top-detail__support .box-txt__block--ttl::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 6px;
  height: 24px;
  background: #ff9598;
}
.top-detail__support .box-txt__block--txt {
  font-size: 1.7rem;
  line-height: 3.3rem;
  letter-spacing: 0.02em;
}
.top-detail__support .box-txt__block--illust {
  position: absolute;
  top: -130px;
}
.top-detail__support .box-txt__block--illust.-i1 {
  left: 50px;
  width: 66px;
}
.top-detail__support .box-txt__block--illust.-i2 {
  right: 0;
  width: 67px;
}
.top-detail__support .box-graph {
  padding-top: 15px;
}
.top-detail__support .box-graph__img {
  width: 524px;
}
@media screen and (max-width: 1400px) {
  .top-detail__support .box {
    padding: 0 80px;
  }
  .top-detail__support .box-txt__block--ttl br {
    display: none;
  }
}
@media screen and (max-width: 1270px) {
  .top-detail__support .box {
    gap: 24px;
  }
  .top-detail__support .box-graph__img {
    width: 400px;
  }
  .top-detail__support .box-txt {
    width: calc(100% - 400px - 48px);
  }
  .top-detail__support .box-txt.-left .box-txt__block::before {
    left: calc(100% + 10px);
  }
  .top-detail__support .box-txt.-left .box-txt__block::after {
    left: calc(100% + 93px);
  }
  .top-detail__support .box-txt.-left .box-txt__block:last-child {
    margin-top: 30px;
  }
  .top-detail__support .box-txt.-right .box-txt__block::before {
    right: calc(100% + 10px);
  }
  .top-detail__support .box-txt.-right .box-txt__block::after {
    right: calc(100% + 93px);
  }
  .top-detail__support .box-txt.-right .box-txt__block:last-child {
    margin-top: 30px;
  }
  .top-detail__support .box-txt__block--illust {
    top: -70px;
  }
  .top-detail__support .box-txt__block--illust.-i1 {
    left: -10px;
    -webkit-transform: translateX(-100%) scale(0.7);
            transform: translateX(-100%) scale(0.7);
  }
  .top-detail__support .box-txt__block--illust.-i2 {
    right: -10px;
    -webkit-transform: translateX(100%) scale(0.7);
            transform: translateX(100%) scale(0.7);
  }
}
@media screen and (max-width: 1060px) {
  .top-detail__support .box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 60px 0;
  }
  .top-detail__support .box-graph {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .top-detail__support .box-graph__img {
    position: relative;
    margin: 0 auto;
  }
  .top-detail__support .box-graph__img--illust {
    position: absolute;
    width: 50px;
    bottom: 36px;
  }
  .top-detail__support .box-graph__img--illust.-i1 {
    left: 0;
  }
  .top-detail__support .box-graph__img--illust.-i2 {
    right: 0;
  }
  .top-detail__support .box-txt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 80px;
    width: 100%;
  }
  .top-detail__support .box-txt.-left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .top-detail__support .box-txt.-right {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .top-detail__support .box-txt__block {
    width: calc((100% - 80px) / 2);
    margin-top: 0 !important;
  }
  .top-detail__support .box-txt__block::before, .top-detail__support .box-txt__block::after {
    display: none;
  }
  .top-detail__support .box-txt__block--point {
    display: inline-block;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #ff9598;
    border-radius: 999px;
    font-size: 1.8rem;
    font-weight: 500;
    color: #ff9598;
    padding: 0 12px;
    margin-bottom: 10px;
    margin-left: -6px;
  }
  .top-detail__support .box-txt__block--ttl {
    padding-left: 0;
  }
  .top-detail__support .box-txt__block--ttl::before {
    display: none;
  }
  .top-detail__support .box-txt__block--illust {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .top-detail__support .box {
    padding: 0 30px;
  }
}
.top-detail__recommend {
  margin-bottom: 148px;
}
.top-detail__recommend .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 44px;
  padding: 0 120px;
}
.top-detail__recommend .box .solostep {
  width: calc((100% - 88px) / 3);
  opacity: 0;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.top-detail__recommend .box .solostep:nth-of-type(2) {
  -webkit-transition: 0.4s ease-out 0.2s;
  transition: 0.4s ease-out 0.2s;
}
.top-detail__recommend .box .solostep:nth-of-type(3) {
  -webkit-transition: 0.4s ease-out 0.4s;
  transition: 0.4s ease-out 0.4s;
}
.top-detail__recommend .box .solostep .image {
  position: relative;
  width: 100%;
  height: 230px;
  max-height: 100%;
  border-radius: 80px;
  background: #fff;
}
.top-detail__recommend .box .solostep .image .image-graphic.-g1 {
  width: 264px;
}
.top-detail__recommend .box .solostep .image .image-graphic.-g2 {
  width: 245px;
}
.top-detail__recommend .box .solostep .image .image-graphic.-g3 {
  width: 246px;
}
.top-detail__recommend .box .solostep .image .image-bal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 20px;
  left: -12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  padding: 8px;
  border-radius: 9999px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.top-detail__recommend .box .solostep .image .image-bal .num {
  font-size: 3rem;
  color: #ff9598;
  font-weight: 500;
  margin-top: 0;
}
.top-detail__recommend .box .solostep .txt {
  font-size: 2.2rem;
  line-height: 3.1rem;
  letter-spacing: 0.02em;
  font-weight: 700;
  text-align: center;
  padding: 18px 11% 0;
}
.top-detail__recommend .box .solostep .txt br {
  display: none;
}
@media screen and (min-width: 1601px) {
  .top-detail__recommend .box .solostep .txt {
    padding: 18px 30px 0;
  }
  .top-detail__recommend .box .solostep .txt br {
    display: block;
  }
}
@media screen and (max-width: 1480px) {
  .top-detail__recommend .box {
    padding: 0 80px;
  }
  .top-detail__recommend .box .solostep .image .image-graphic.-g1 {
    width: 230px;
  }
}
@media screen and (max-width: 1270px) and (min-width: 1061px) {
  .top-detail__recommend .box .solostep .image .image-graphic {
    -webkit-transform: translate(-50%, -50%) scale(0.9);
            transform: translate(-50%, -50%) scale(0.9);
  }
}
@media screen and (max-width: 1060px) {
  .top-detail__recommend .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 70px;
  }
  .top-detail__recommend .box .solostep {
    width: 350px;
  }
}
.top-detail__trial {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  padding: 0 127px;
}
.top-detail__trial.-show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
.top-detail__trial .trial-box {
  position: relative;
  width: 100%;
  border-radius: 140px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  background: #ff9598;
  color: #fff;
  padding-top: 70px;
  padding-bottom: 110px;
}
.top-detail__trial .trial-box__txt {
  font-size: 2.1rem;
  line-height: 4.6rem;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: 26px;
}
.top-detail__trial .trial-box__btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 37px);
          transform: translate(-50%, 37px);
}
.top-detail__trial .trial-box__btn > a {
  width: 340px;
  height: 100px;
}
.top-detail__trial .trial-box__btn > a .inner .ttl {
  font-size: 2.4rem;
}
@media screen and (min-width: 751px) {
  .top-detail__trial .trial-box__btn > a:hover {
    width: 350px;
  }
  .top-detail__trial .trial-box__btn > a:hover .inner {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  .top-detail__trial .trial-box__btn > a:hover .circle.flow {
    background: #ff9598;
  }
  .top-detail__trial .trial-box__btn > a:hover .circle.flow .icon > svg .st0 {
    fill: #fff;
  }
}
.top-detail__trial .trial-box__btn .circle.flow {
  width: 60px;
  height: 60px;
  background: #fff;
  -webkit-box-shadow: -2px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: -2px 4px 14px rgba(176, 176, 176, 0.3);
}
.top-detail__trial .trial-box__btn .circle.flow .icon {
  width: 20px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.top-detail__trial .trial-box__btn .circle.flow .icon > svg {
  width: 100%;
}
.top-detail__trial .trial-box__btn .circle.flow .icon > svg .st0 {
  fill: #ff9598;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (max-width: 1480px) {
  .top-detail__trial {
    padding: 0 80px;
  }
}
@media screen and (max-width: 1160px) {
  .top-detail__trial {
    padding: 0 30px;
  }
  .top-detail__trial .trial-box {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.top-detail .graphic {
  position: absolute;
  width: 243px;
  bottom: 0;
  left: 6.3vw;
}
.top-detail .graphic.-show > .mask {
  opacity: 0;
}
.top-detail .graphic > .mask {
  display: block;
  width: 60px;
  height: 40px;
  background: #fff;
  opacity: 1;
  top: 50%;
  -webkit-transition: 0.4s ease-out 1s;
  transition: 0.4s ease-out 1s;
}
.top-detail .dots {
  position: absolute;
  width: 100%;
  height: 17px;
  left: 0;
  bottom: 0;
}
.top-detail .dots .dot {
  position: absolute;
  top: 0;
  width: 17px;
  height: 100%;
  border-radius: 50%;
  background: #7adf6f;
}
.top-detail .dots .dot.-d1 {
  left: 8vw;
}
.top-detail .dots .dot.-d2 {
  left: 32vw;
}
.top-detail .dots .dot.-d3 {
  left: 56vw;
}
.top-detail .dots .dot.-d4 {
  left: 80vw;
}
@media screen and (max-width: 1060px) {
  .top-detail {
    padding-bottom: 170px;
  }
}
.top-feature {
  width: 100%;
  position: relative;
  background: #fff;
  padding-top: 58px;
}
.top-feature__ttl {
  margin-bottom: 91px;
}
.top-feature .top_ttl .icon {
  width: 35px;
}
.top-feature__main > .box {
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px 44px;
  padding: 0 120px;
}
.top-feature__main > .box .box-item {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  width: calc((100% - 88px) / 3);
  background: #fff;
  position: relative;
  border-radius: 70px;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
}
.top-feature__main > .box .box-item.-show {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
@media screen and (min-width: 1401px) {
  .top-feature__main > .box .box-item.-show:nth-of-type(3n) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
  }
  .top-feature__main > .box .box-item.-show:nth-of-type(3n-1) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1061px) {
  .top-feature__main > .box .box-item.-show:nth-of-type(2n) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
}
.top-feature__main > .box .box-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 70px;
  z-index: 1;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(176, 176, 176, 0.2) inset;
          box-shadow: 0px 0px 15px 4px rgba(176, 176, 176, 0.2) inset;
  pointer-events: none;
}
.top-feature__main > .box .box-item .inner {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 60px;
}
.top-feature__main > .box .box-item .inner > .ttl {
  font-size: 2.5rem;
  letter-spacing: 0.01em;
  line-height: 3.6rem;
  text-align: center;
}
.top-feature__main > .box .box-item .inner > .graphic {
  width: 100%;
  height: 200px;
}
.top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g1 {
  width: 173px;
}
.top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g2 {
  width: 221px;
}
.top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g3 {
  width: 291px;
}
.top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g4 {
  width: 215px;
}
.top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g5 {
  width: 221px;
}
.top-feature__main > .box .box-item .inner > .txt {
  font-size: 1.9rem;
  letter-spacing: 0.02em;
  line-height: 3.5rem;
  padding: 0 37px 45px;
}
@media screen and (max-width: 1400px) {
  .top-feature__main > .box .box-item {
    width: calc((100% - 44px) / 2);
  }
}
@media screen and (max-width: 1060px) {
  .top-feature__main > .box .box-item {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .top-feature__main > .box .box-item .inner > .txt {
    padding-bottom: 60px;
  }
}
.top-feature__main > .box .bal {
  position: absolute;
  top: 0;
  left: -22px;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -2px -2px 20px rgba(176, 176, 176, 0.2);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -2px -2px 20px rgba(176, 176, 176, 0.2);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 30px;
  border-radius: 999px;
  z-index: 1;
}
.top-feature__main > .box .bal > span {
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
  color: #868686;
  margin-top: 5px;
}
.top-feature__main > .box .bal > span.num {
  font-size: 3.9rem;
  color: #ff9598;
  margin-top: 0;
}
.top-feature__main > .box .bal::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 58%;
  bottom: 2px;
  -webkit-transform: translateY(100%) rotate(-10deg);
          transform: translateY(100%) rotate(-10deg);
}
@media screen and (max-width: 1160px) {
  .top-feature__main > .box {
    padding: 0 80px;
  }
}
@media screen and (max-width: 1060px) and (min-width: 851px) {
  .top-feature__main > .box .box-item {
    width: calc((100% - 44px) / 2);
    margin: 0;
  }
}
@media screen and (max-width: 950px) {
  .top-feature__main > .box {
    padding: 0 30px;
  }
}
.top-feature__more {
  width: 100%;
  padding: 80px 0 172px;
  position: relative;
}
.top-feature__more .graphic {
  position: absolute;
}
.top-feature__more .graphic.-show .wifi > svg .-wifi {
  opacity: 1 !important;
}
.top-feature__more .graphic.-show svg .machine-feature {
  -webkit-animation-name: machine4;
          animation-name: machine4;
}
.top-feature__more .graphic.-show svg .maru {
  opacity: 1 !important;
}
.top-feature__more .graphic.-g1 {
  bottom: 5px;
  left: -124px;
}
.top-feature__more .graphic.-g1 .man {
  width: 549px;
}
.top-feature__more .graphic.-g1 .wifi {
  width: 38px;
  position: absolute;
  top: -10px;
  left: 44%;
}
.top-feature__more .graphic.-g1 .wifi > svg .cls-1 {
  fill: #ff9b9b;
}
.top-feature__more .graphic.-g1 .wifi > svg .-wifi {
  opacity: 0;
}
.top-feature__more .graphic.-g1 .wifi > svg .-wifi.-m {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.top-feature__more .graphic.-g1 .wifi > svg .-wifi.-l {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.top-feature__more .graphic.-g2 {
  bottom: 105%;
  right: -84px;
  width: 496px;
}
.top-feature__more .graphic.-g2 > svg .st0 {
  fill: #DDDDDD;
}
.top-feature__more .graphic.-g2 > svg .st1 {
  fill: #FFDCCE;
}
.top-feature__more .graphic.-g2 > svg .st2 {
  fill: #ABABAB;
}
.top-feature__more .graphic.-g2 > svg .st3 {
  fill: #878787;
}
.top-feature__more .graphic.-g2 > svg .st4 {
  fill: #7ADF6F;
}
.top-feature__more .graphic.-g2 > svg .st5 {
  fill: #FFFFFF;
}
.top-feature__more .graphic.-g2 > svg .st6 {
  fill: #AAAAAA;
}
.top-feature__more .graphic.-g2 > svg .st7 {
  fill: none;
  stroke: #DDDDDD;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.top-feature__more .graphic.-g2 > svg .st8 {
  fill: #FF9598;
}
.top-feature__more .graphic.-g2 > svg .machine-feature {
  -webkit-transform-origin: 290px 140px;
          transform-origin: 290px 140px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.top-feature__more .graphic.-g2 > svg .maru {
  opacity: 0;
  -webkit-transition: 0.2s 1.8s;
  transition: 0.2s 1.8s;
}
@media screen and (max-width: 1160px) {
  .top-feature__more .graphic.-g1 .man {
    width: 440px;
  }
  .top-feature__more .graphic.-g1 .wifi {
    width: 30px;
  }
  .top-feature__more .graphic.-g2 {
    width: 399px;
    right: -67px;
  }
}
@media screen and (max-width: 850px) {
  .top-feature__more {
    padding-bottom: 190px;
  }
  .top-feature__more .graphic.-g1 {
    display: none;
  }
  .top-feature__more .graphic.-g2 {
    top: initial;
    bottom: 0;
    right: initial;
    left: -20px;
  }
}
.top-feature__morebtn {
  position: relative;
  text-align: center;
}
.top-feature__morebtn > a {
  width: 480px;
  height: 100px;
}
.top-feature__morebtn > a .inner .ttl {
  font-size: 2.4rem;
}
.top-feature__morebtn > a .circle.more {
  width: 60px;
  height: 60px;
}
.top-feature__morebtn > a .circle.more .icon {
  width: 20px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) {
  .top-feature__morebtn > a:hover {
    width: 500px;
  }
  .top-feature__morebtn > a:hover .inner {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  .top-feature__morebtn > a:hover .circle {
    right: 10px;
  }
}
.top-feature__case {
  margin: -31px 0 109px;
}
.top-feature__case .top-feature__ttl {
  margin-bottom: 67px;
}
.top-feature__case .casebox {
  padding: 0 80px;
}
.top-feature__case .case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.top-feature__case .case + .case {
  margin-top: 90px;
}
.top-feature__case .case-img {
  -ms-flex-item-align: start;
      align-self: flex-start;
  position: relative;
  width: 610px;
  cursor: pointer;
}
.top-feature__case .case-img__item {
  border-radius: 80px;
  overflow: hidden;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.top-feature__case .case-img__bal {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  width: 145px;
  height: 60px;
  background: #fff;
  border-radius: 999px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  font-size: 1.7rem;
  font-weight: 500;
  color: #868686;
}
.top-feature__case .case-img__bal .num {
  font-size: 3.2rem;
  font-weight: 500;
  color: #ff9598;
}
.top-feature__case .case-img__bal::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: 1px;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.top-feature__case .case-img__circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: 40px;
  right: 40px;
  width: 60px;
  height: 60px;
}
.top-feature__case .case-img__circle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff9598;
  border-radius: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-feature__case .case-img__circle svg {
  position: relative;
  width: 23px;
}
.top-feature__case .case-img__circle svg .st0 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 4.5px;
}
.top-feature__case .case-img__circle svg .rotater {
  -webkit-transform-origin: 48% 47%;
          transform-origin: 48% 47%;
}
@media screen and (min-width: 751px) {
  .top-feature__case .case-img:hover .case-img__circle::before {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .top-feature__case .case-img:hover .case-img__circle svg .rotater {
    -webkit-animation: top-case__rotater 3s linear infinite;
            animation: top-case__rotater 3s linear infinite;
  }
}
.top-feature__case .case-detail {
  width: calc(100% - 610px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 32px;
  padding-left: 78px;
}
.top-feature__case .case-detail__ttl {
  font-size: 3.1rem;
  line-height: 4.6rem;
  letter-spacing: 0.02em;
  font-weight: 700;
}
.top-feature__case .case-detail__divider {
  width: 100%;
  height: 6px;
  background: url(../../assets/images/top/case/fgr1.svg) 0 0 repeat;
  background-size: 10px 100%;
  margin: 32px 0;
}
.top-feature__case .case-detail__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 72px;
}
.top-feature__case .case-detail__point .item {
  width: calc((100% - 60px) / 2);
  margin-right: 12px;
}
.top-feature__case .case-detail__point .item-num {
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 6px;
}
.top-feature__case .case-detail__point .item-num .num {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #ff9598;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 25px;
  color: #fff;
  text-align: center;
  margin-left: 6px;
  padding-right: 1px;
}
.top-feature__case .case-detail__point .item-ttl {
  font-size: 2.5rem;
  line-height: 3.6rem;
  font-weight: 700;
  margin-bottom: 9px;
}
.top-feature__case .case-detail__point .item-txt {
  font-size: 1.7rem;
  line-height: 3.3rem;
}
.top-feature__case--modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: #f5f5f5;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
}
.top-feature__case--modal.-show {
  opacity: 1;
  pointer-events: auto;
}
.top-feature__case--modal .case-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.top-feature__case--modal .case-img::-webkit-scrollbar {
  display: none;
}
.top-feature__case--modal .case-img__item {
  display: none;
  min-width: 1560px;
}
.top-feature__case--modal .case-img__item.-current {
  display: block;
}
.top-feature__case--modal .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 60px;
  right: 80px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #ff9598;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  cursor: pointer;
}
.top-feature__case--modal .close svg {
  width: 22px;
}
.top-feature__case--modal .close svg .st0 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 3.5px;
}
.top-feature__case--modal .close svg .line1, .top-feature__case--modal .close svg .line2 {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .top-feature__case--modal .close:hover svg .line1 {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  .top-feature__case--modal .close:hover svg .line2 {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
.top-feature__case--modal .guidebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 210px;
  height: 178px;
  border-radius: 30px;
  background: #fff;
  pointer-events: none;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.top-feature__case--modal .guidebox.-hide {
  opacity: 0;
}
.top-feature__case--modal .guidebox-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 130px;
}
.top-feature__case--modal .guidebox-item svg .st0, .top-feature__case--modal .guidebox-item svg .st1 {
  stroke-linejoin: round;
}
.top-feature__case--modal .guidebox-item svg .st0, .top-feature__case--modal .guidebox-item svg .st1, .top-feature__case--modal .guidebox-item svg .st2 {
  fill: none;
  stroke-linecap: round;
  stroke-width: 4.5px;
}
.top-feature__case--modal .guidebox-item svg .st0, .top-feature__case--modal .guidebox-item svg .st2 {
  stroke: #ff9b9b;
}
.top-feature__case--modal .guidebox-item svg .st1 {
  fill: #fff;
  stroke: #252525;
}
.top-feature__case--modal .guidebox-item svg .st2 {
  stroke-miterlimit: 10;
}
.top-feature__case--modal .guidebox-item svg.hand {
  position: relative;
  -webkit-animation: top-case__modal--hand 4s linear infinite;
          animation: top-case__modal--hand 4s linear infinite;
}
.top-feature__case--modal .guidebox-item svg.left {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: top-case__modal--larrow 4s linear infinite;
          animation: top-case__modal--larrow 4s linear infinite;
}
.top-feature__case--modal .guidebox-item svg.right {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: top-case__modal--rarrow 4s linear infinite;
          animation: top-case__modal--rarrow 4s linear infinite;
}
.top-feature__case--modal .guidebox-txt {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
@media screen and (min-width: 1561px) {
  .top-feature__case--modal .case-img__item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 106%;
    height: 106%;
  }
  .top-feature__case--modal .case-img__item img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .top-feature__case--modal .guidebox {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .top-feature__case .case-img {
    width: 480px;
  }
  .top-feature__case .case-detail {
    width: calc(100% - 480px);
  }
  .top-feature__case .case-detail__point {
    gap: 44px;
  }
  .top-feature__case .case-detail__point .item {
    width: calc((100% - 44px) / 2);
    margin-right: 0;
  }
}
@media screen and (max-width: 1160px) {
  .top-feature__case .case-img {
    width: 380px;
  }
  .top-feature__case .case-detail {
    width: calc(100% - 380px);
  }
}
@media screen and (max-width: 1060px) {
  .top-feature__case .case {
    display: block;
  }
  .top-feature__case .case + .case {
    margin-top: 110px;
  }
  .top-feature__case .case-img {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }
  .top-feature__case .case-detail {
    width: 100%;
    padding: 0;
    margin-top: 60px;
  }
}
@media screen and (max-width: 950px) {
  .top-feature__case--modal .case-img__item {
    min-width: 1300px;
  }
}
@media screen and (max-width: 850px) {
  .top-feature__case {
    margin-top: 100px;
  }
  .top-feature__case .casebox {
    padding: 0 30px;
  }
  .top-feature__case .case-detail__point {
    display: block;
  }
  .top-feature__case .case-detail__point .item {
    width: 100%;
  }
  .top-feature__case .case-detail__point .item + .item {
    margin-top: 40px;
  }
}
.top-feature__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 70px;
  max-width: 1614px;
  margin: 0 auto;
}
.top-feature__img .item {
  border-radius: 36%;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.top-feature__img .item::before {
  padding-top: 100%;
}
.top-feature__img .item:nth-of-type(1) {
  width: calc((100% - 210px) * 0.22);
  border-radius: 33%;
  margin-top: 27px;
}
.top-feature__img .item:nth-of-type(2) {
  width: calc((100% - 210px) * 0.27);
  margin-top: 60px;
}
.top-feature__img .item:nth-of-type(3) {
  width: calc((100% - 210px) * 0.24);
  border-radius: 35%;
}
.top-feature__img .item:nth-of-type(4) {
  width: calc((100% - 210px) * 0.27);
  margin-top: 36px;
}
@media screen and (max-width: 1614px) {
  .top-feature__img {
    position: relative;
    left: -2.4%;
    width: 108%;
  }
}
@media screen and (max-width: 1060px) {
  .top-feature__img {
    gap: 40px;
  }
  .top-feature__img .item:nth-of-type(1) {
    width: calc((100% - 120px) * 0.22);
  }
  .top-feature__img .item:nth-of-type(2) {
    width: calc((100% - 120px) * 0.27);
  }
  .top-feature__img .item:nth-of-type(3) {
    width: calc((100% - 120px) * 0.24);
  }
  .top-feature__img .item:nth-of-type(4) {
    width: calc((100% - 120px) * 0.27);
  }
}
@media screen and (max-width: 850px) {
  .top-feature__img {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px 0;
    width: 960px;
    margin-bottom: 40px;
  }
  .top-feature__img .item {
    width: 480px !important;
    border-radius: 33% !important;
    margin-top: 0 !important;
  }
  .top-feature__img .item:nth-of-type(1) {
    left: -120px;
  }
  .top-feature__img .item:nth-of-type(2) {
    left: -100px;
  }
  .top-feature__img .item:nth-of-type(3) {
    left: 100px;
  }
  .top-feature__img .item:nth-of-type(4) {
    left: 120px;
  }
}
.top-feature__graphics {
  height: 152px;
}
.top-feature__graphics.-show .graphic.-g1 svg .wifi {
  opacity: 1;
  -webkit-transition: 0s 1.4s;
  transition: 0s 1.4s;
}
.top-feature__graphics.-show .graphic.-g1 svg .wifi.-w2 {
  -webkit-transition: 0s 1.6s;
  transition: 0s 1.6s;
}
.top-feature__graphics.-show .graphic.-g1 svg .wifi.-w3 {
  -webkit-transition: 0s 1.8s;
  transition: 0s 1.8s;
}
.top-feature__graphics.-show .graphic.-g1 svg .-pink {
  fill: #ff9598;
  -webkit-transition: 0.2s 2s;
  transition: 0.2s 2s;
}
.top-feature__graphics.-show .graphic.-g2 svg .machine {
  -webkit-animation: machine4 0.6s linear;
          animation: machine4 0.6s linear;
}
.top-feature__graphics.-show .graphic.-g2 svg .batu {
  opacity: 1;
  -webkit-transition: 0s 0.6s;
  transition: 0s 0.6s;
}
.top-feature__graphics.-show .graphic.-g2 svg .wifi {
  opacity: 1;
  -webkit-transition: 0s 0.8s;
  transition: 0s 0.8s;
}
.top-feature__graphics.-show .graphic.-g2 svg .wifi.-w2 {
  -webkit-transition: 0s 1s;
  transition: 0s 1s;
}
.top-feature__graphics.-show .graphic.-g2 svg .wifi.-w3 {
  -webkit-transition: 0s 1.2s;
  transition: 0s 1.2s;
}
.top-feature__graphics .graphic {
  position: absolute;
  bottom: 18px;
}
.top-feature__graphics .graphic.-g1 {
  width: 152px;
  left: 12%;
}
.top-feature__graphics .graphic.-g1 svg .st0 {
  fill: #FF9598;
}
.top-feature__graphics .graphic.-g1 svg .st1 {
  fill: #DDDDDD;
}
.top-feature__graphics .graphic.-g1 svg .st2 {
  fill: #ABABAB;
}
.top-feature__graphics .graphic.-g1 svg .st3 {
  fill: #FFFFFF;
}
.top-feature__graphics .graphic.-g1 svg .st4 {
  fill: #FFDCCE;
}
.top-feature__graphics .graphic.-g1 svg .st5 {
  fill: #878787;
}
.top-feature__graphics .graphic.-g1 svg .st6 {
  fill: #AAAAAA;
}
.top-feature__graphics .graphic.-g1 svg .st7 {
  fill: #FF9B9B;
}
.top-feature__graphics .graphic.-g1 svg .wifi {
  opacity: 0;
}
.top-feature__graphics .graphic.-g1 svg .-pink {
  fill: #DDDDDD;
}
.top-feature__graphics .graphic.-g2 {
  width: 251px;
  right: 16%;
}
.top-feature__graphics .graphic.-g2 svg .st0 {
  fill: #FFDACC;
}
.top-feature__graphics .graphic.-g2 svg .st1 {
  fill: #DCDCDC;
}
.top-feature__graphics .graphic.-g2 svg .st2 {
  fill: #AAAAAA;
}
.top-feature__graphics .graphic.-g2 svg .st3 {
  fill: #878787;
}
.top-feature__graphics .graphic.-g2 svg .st4 {
  fill: #FFFFFF;
}
.top-feature__graphics .graphic.-g2 svg .st5 {
  fill: #DDDDDD;
}
.top-feature__graphics .graphic.-g2 svg .st6 {
  fill: #FF9598;
}
.top-feature__graphics .graphic.-g2 svg .machine {
  -webkit-transform-origin: 250px 100%;
          transform-origin: 250px 100%;
}
.top-feature__graphics .graphic.-g2 svg .batu {
  opacity: 0;
}
.top-feature__graphics .graphic.-g2 svg .wifi {
  opacity: 0;
}
.top-feature__graphics .line {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 23px;
  background: url(../../assets/images/contact/head/line.svg) 0 0 repeat;
  background-size: 1520px 100%;
}
.top-flow {
  background: #e9e9e9;
  padding-top: 95px;
}
.top-flow .top_ttl .icon {
  width: 38px;
}
.top-flow__txt {
  font-size: 2rem;
  text-align: center;
  margin-top: 53px;
}
.top-flow__step {
  margin-top: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.top-flow__step .solostep {
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
@media screen and (min-width: 751px) {
  .top-flow__step .solostep:nth-of-type(1) .image .image-bal {
    padding: 8px 40px;
  }
}
.top-flow__step .solostep:nth-of-type(2) {
  -webkit-transition: 0.3s ease-out 0.5s;
  transition: 0.3s ease-out 0.5s;
}
.top-flow__step .solostep:nth-of-type(3) {
  -webkit-transition: 0.3s ease-out 1s;
  transition: 0.3s ease-out 1s;
}
.top-flow__step .solostep:nth-of-type(4) {
  -webkit-transition: 0.3s ease-out 1.5s;
  transition: 0.3s ease-out 1.5s;
}
.top-flow__step .solostep .image {
  position: relative;
  width: 250px;
  max-width: 100%;
  height: 230px;
  max-height: 100%;
  border-radius: 80px;
  background: #fff;
}
.top-flow__step .solostep .image .image-graphic.-g1 {
  width: 148px;
}
.top-flow__step .solostep .image .image-graphic.-g2 {
  width: 167px;
}
.top-flow__step .solostep .image .image-graphic.-g3 {
  width: 163px;
}
.top-flow__step .solostep .image .image-graphic.-g4 {
  top: 45%;
  width: 172px;
}
.top-flow__step .solostep .image .image-bal {
  position: absolute;
  top: 0;
  left: -12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 35px;
  border-radius: 9999px;
}
.top-flow__step .solostep .image .image-bal > span {
  display: block;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
  color: #868686;
  margin-top: 5px;
}
.top-flow__step .solostep .image .image-bal > span.num {
  font-size: 3.9rem;
  color: #ff9598;
  margin-top: 0;
}
.top-flow__step .solostep .image .image-bal::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 58%;
  bottom: 2px;
  -webkit-transform: translateY(100%) rotate(-10deg);
          transform: translateY(100%) rotate(-10deg);
}
.top-flow__step .solostep .txt {
  font-size: 2.5rem;
  letter-spacing: 0.02em;
  line-height: 3.6rem;
  font-weight: 700;
  text-align: center;
  margin-top: 25px;
  height: 72px;
}
.top-flow__step .solostep .txt.solo-col {
  line-height: 72px;
}
.top-flow__step .arrow {
  width: 40px;
  height: 26px;
  margin: 102px 24px 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.top-flow__step .arrow:nth-of-type(2) > svg .st1 {
  -webkit-transition: 0.2s 0.7s;
  transition: 0.2s 0.7s;
}
.top-flow__step .arrow:nth-of-type(2) > svg .st0 {
  -webkit-transition: 0.2s 0.8s;
  transition: 0.2s 0.8s;
}
.top-flow__step .arrow:nth-of-type(3) > svg .st1 {
  -webkit-transition: 0.2s 1.2s;
  transition: 0.2s 1.2s;
}
.top-flow__step .arrow:nth-of-type(3) > svg .st0 {
  -webkit-transition: 0.2s 1.3s;
  transition: 0.2s 1.3s;
}
.top-flow__step .arrow > svg .st1 {
  fill: #DDDDDD;
  opacity: 0;
  -webkit-transition: 0.2s 0.2s;
  transition: 0.2s 0.2s;
}
.top-flow__step .arrow > svg .st0 {
  fill: #AAAAAA;
  opacity: 0;
  -webkit-transition: 0.2s 0.3s;
  transition: 0.2s 0.3s;
}
.top-flow__btn {
  position: relative;
  text-align: center;
  padding: 75px 0 105px;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: 0.4s ease-out 1.8s;
  transition: 0.4s ease-out 1.8s;
}
.top-flow__btn > a {
  width: 355px;
  height: 100px;
}
.top-flow__btn > a .inner .ttl {
  font-size: 2.4rem;
}
.top-flow__btn > a .circle.flow {
  width: 60px;
  height: 60px;
}
.top-flow__btn > a .circle.flow .icon {
  width: 20px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) {
  .top-flow__btn > a:hover {
    width: 375px;
  }
  .top-flow__btn > a:hover .inner {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  .top-flow__btn > a:hover .circle {
    right: 10px;
  }
}
@media screen and (max-width: 1060px) {
  .top-flow__btn {
    padding: 120px 0 130px;
  }
}
.top-plan {
  padding-top: 90px;
}
.top-plan__ttl {
  margin-bottom: 60px;
}
.top-plan .top_ttl .icon {
  width: 38px;
}
.top-plan__box {
  margin-top: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 105px;
}
.top-plan__box .solobox {
  margin-right: 100px;
}
.top-plan__box .solobox:nth-last-of-type(1) {
  margin-right: 0;
}
.top-plan__box .solobox .image {
  position: relative;
  width: 350px;
  height: 300px;
  border-radius: 100px;
  background: #fff;
}
.top-plan__box .solobox .image .image-graphic.-g1 {
  width: 180px;
}
.top-plan__box .solobox .image .image-graphic.-g2 {
  width: 237px;
}
.top-plan__box .solobox .image .image-graphic.-g3 {
  width: 283px;
  -webkit-transform: translate(-47%, -50%);
          transform: translate(-47%, -50%);
}
.top-plan__box .solobox .image .image-bal {
  width: 265px;
  height: 80px;
  position: absolute;
  top: -75px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  border-radius: 9999px;
}
.top-plan__box .solobox .image .image-bal > span {
  position: absolute;
  display: inline-block;
  width: 100%;
  font-size: 1.8rem;
  line-height: 2.6rem;
  letter-spacing: 0.02em;
  font-weight: 500;
  text-align: center;
}
.top-plan__box .solobox .image .image-bal > span.txt-br {
  padding-bottom: 5px;
}
.top-plan__box .solobox .image .image-bal::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: 1px;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.top-plan__box .solobox .txt {
  font-size: 2.5rem;
  letter-spacing: 0.02em;
  line-height: 3.5rem;
  font-weight: 700;
  text-align: center;
  margin-top: 25px;
}
.top-plan__box .solobox .txt .txt-name {
  margin-bottom: 14px;
}
.top-plan__box .solobox .txt .txt-fee {
  font-size: 1.8rem;
}
.top-plan__box .solobox .txt .txt-fee .-fontp {
  font-size: 4.3rem;
  font-weight: 600;
  padding-left: 30px;
  padding-right: 8px;
}
.top-plan__box .solobox .txt .txt-fee .tax {
  font-size: 1.4rem;
}
@media screen and (max-width: 1270px) and (min-width: 1061px) {
  .top-plan__box .solobox .image {
    width: 280px;
    height: 248px;
  }
  .top-plan__box .solobox .image .image-graphic {
    -webkit-transform: translate(-50%, -50%) scale(0.75);
            transform: translate(-50%, -50%) scale(0.75);
  }
  .top-plan__box .solobox .image .image-graphic.-g3 {
    -webkit-transform: translate(-47%, -50%) scale(0.75);
            transform: translate(-47%, -50%) scale(0.75);
  }
}
@media screen and (max-width: 1060px) {
  .top-plan__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top-plan__box .solobox {
    margin-right: 0;
    margin-top: 180px;
  }
  .top-plan__box .solobox:nth-of-type(1) {
    margin-top: 40px;
  }
}
.top-plan__table .top-plan__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  margin-bottom: 25px;
}
.top-plan__table .top-plan__ttl .jp {
  font-size: 3.1rem;
}
.top-plan__table .top-plan__ttl::before, .top-plan__table .top-plan__ttl::after {
  content: "";
  display: block;
  width: 25px;
  height: 2px;
  background: #252525;
}
.top-plan__table--scroll {
  display: none;
}
.top-plan__table--cover {
  max-width: 1560px;
  margin: 0 auto 57px;
  overflow-y: hidden;
  overflow-x: scroll;
}
.top-plan__table--cover::-webkit-scrollbar {
  height: 8px;
  background: transparent;
  border-radius: 10px;
}
.top-plan__table--cover::-webkit-scrollbar-track {
  border-radius: 10px;
}
.top-plan__table--cover::-webkit-scrollbar-thumb {
  background: #ff9598;
  border-radius: 10px;
}
.top-plan__table--inner {
  width: calc(100% - 160px);
  margin: 0 80px 20px;
  min-width: 1100px;
}
.top-plan__table table {
  width: 100%;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  border-radius: 20px;
  background: #fff;
}
.top-plan__table table thead tr th {
  height: 80px;
  border-left: 1px solid #dedede;
  text-align: center;
  vertical-align: middle;
  font-size: 2.4rem;
  font-weight: 700;
  color: #6c6c6c;
}
.top-plan__table table thead tr th:nth-of-type(1) {
  width: 20%;
  border-left: none;
}
.top-plan__table table thead tr th:nth-of-type(2) {
  width: 23%;
}
.top-plan__table table thead tr th:nth-of-type(3), .top-plan__table table thead tr th:nth-of-type(4), .top-plan__table table thead tr th:nth-of-type(5) {
  width: 19%;
}
.top-plan__table table thead tr th .logo {
  display: inline-block;
  width: 177px;
}
.top-plan__table table tbody tr:nth-of-type(3) td, .top-plan__table table tbody tr:nth-of-type(4) td, .top-plan__table table tbody tr:nth-of-type(5) td, .top-plan__table table tbody tr:nth-of-type(6) td, .top-plan__table table tbody tr:nth-of-type(7) td {
  height: 111px;
}
.top-plan__table table tbody tr td {
  height: 93px;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  text-align: center;
  vertical-align: middle;
}
.top-plan__table table tbody tr td.title {
  font-size: 1.9rem;
  text-align: left;
  padding-left: 30px;
  border-left: none;
}
.top-plan__table table tbody tr td.title > span {
  font-size: 1.5rem;
  margin-left: -5px;
}
.top-plan__table table tbody tr td .icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../../assets/images/top/plan/icon1.svg) 0 0 no-repeat;
}
.top-plan__table table tbody tr td .icon.-type2 {
  background: url(../../assets/images/top/plan/icon2.svg) 0 0 no-repeat;
}
.top-plan__table table tbody tr td .icon.-type3 {
  width: 31px;
  height: 27px;
  background: url(../../assets/images/top/plan/icon3.svg) 0 0 no-repeat;
}
.top-plan__table table tbody tr td .icon.-type4 {
  width: 28px;
  height: 28px;
  background: url(../../assets/images/top/plan/icon4.svg) 0 0 no-repeat;
}
.top-plan__table table tbody tr td .txt {
  font-size: 1.3rem;
  line-height: 1.8rem;
  margin-top: 4px;
}
.top-plan__table table tbody tr td .txt.-bold {
  font-size: 2rem;
  font-weight: 700;
}
@media screen and (max-width: 1260px) {
  .top-plan__table--scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 80px;
    margin-bottom: 16px;
  }
  .top-plan__table--scroll > .txt {
    font-size: 2rem;
    letter-spacing: 0.01em;
    color: #ff9598;
    margin-right: 15px;
  }
  .top-plan__table--scroll > .icon {
    width: 18px;
    height: 16px;
  }
  .top-plan__table--scroll > .icon > svg .st0 {
    fill: #ff9598;
  }
  .top-plan__table--scroll > .icon > svg .left-arrow {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-name: page-plan-l-arrow;
            animation-name: page-plan-l-arrow;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  .top-plan__table--scroll > .icon > svg .right-arrow {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-name: page-plan-r-arrow;
            animation-name: page-plan-r-arrow;
    -webkit-animation-duration: 4s;
            animation-duration: 4s;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
  }
  .top-plan__table--inner {
    margin-right: 0;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1340px) {
  .top-plan__table table thead tr th:nth-of-type(1) {
    width: 22%;
    border-left: none;
  }
  .top-plan__table table thead tr th:nth-of-type(2) {
    width: 27%;
  }
  .top-plan__table table thead tr th:nth-of-type(3), .top-plan__table table thead tr th:nth-of-type(4), .top-plan__table table thead tr th:nth-of-type(5) {
    width: 17%;
  }
}
@media screen and (max-width: 850px) {
  .top-plan__table--cover {
    margin-bottom: 99px;
  }
  .top-plan__table--scroll {
    padding-right: 30px;
  }
  .top-plan__table--inner {
    margin: 0 0 20px 30px;
    padding-right: 30px;
  }
}
.top-plan__btn {
  position: relative;
  text-align: center;
  padding-bottom: 97px;
}
.top-plan__btn > a {
  width: 250px;
  height: 100px;
}
.top-plan__btn > a .inner .ttl {
  font-size: 2.4rem;
}
.top-plan__btn > a .circle.plan {
  width: 60px;
  height: 60px;
}
.top-plan__btn > a .circle.plan .icon {
  width: 20px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) {
  .top-plan__btn > a:hover {
    width: 270px;
  }
  .top-plan__btn > a:hover .inner {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  .top-plan__btn > a:hover .circle {
    right: 10px;
  }
}
.top-case {
  position: relative;
  max-width: 1800px;
  padding: 101px 120px 120px;
  margin: 0 auto;
}
.top-case__ttl {
  margin-bottom: 61px;
}
.top-case__ttl .icon {
  right: -40px;
  width: 42px;
}
.top-case .top-case__box {
  margin-bottom: 71px;
}
.top-case .top-flow__btn {
  position: relative;
  opacity: 1;
  padding-top: 0;
  padding-bottom: 0;
}
.top-case .top-flow__btn > a {
  width: 280px;
}
.top-case__box {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  margin-bottom: 80px;
}
.top-case__box .block {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  width: calc((100% - 48px) / 3);
  border-radius: 50px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  background: #fff;
  overflow: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
}
.top-case__box .block > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-bottom: 24px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .top-case__box .block > a:hover {
    color: #ff9598;
  }
  .top-case__box .block > a:hover .block-detail__place .icon::before {
    opacity: 0;
  }
  .top-case__box .block > a:hover .block-detail__place .icon::after {
    opacity: 1;
  }
  .top-case__box .block > a:hover .block-detail__devider {
    background-image: linear-gradient(to right, #ff9598, #ff9598 2px, transparent 2px, transparent 6px);
  }
  .top-case__box .block > a:hover .block-circle {
    opacity: 1;
  }
}
.top-case__box .block-detail {
  letter-spacing: 0.02em;
  padding: 0 41px 63px;
}
.top-case__box .block-detail__image {
  position: relative;
  left: -41px;
  width: calc(100% + 82px);
  height: 240px;
  overflow: hidden;
  margin-bottom: 27px;
}
.top-case__box .block-detail__image img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.top-case__box .block-detail__ttl {
  font-size: 2.2rem;
  line-height: 3.1rem;
  font-weight: 700;
  margin-bottom: 13px;
}
.top-case__box .block-detail__company {
  font-size: 1.9rem;
  line-height: 3.5rem;
  margin-bottom: 4px;
}
.top-case__box .block-detail__place {
  gap: 12px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.08em;
}
.top-case__box .block-detail__place .icon {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 16px;
  height: 19px;
}
.top-case__box .block-detail__place .icon::before, .top-case__box .block-detail__place .icon::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-case__box .block-detail__place .icon::before {
  background: url(../../assets/images/casestudy/icon1.svg) 0 0 no-repeat;
  background-size: 100%;
}
.top-case__box .block-detail__place .icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../../assets/images/casestudy/icon1_pink.svg) 0 0 no-repeat;
  background-size: 100%;
  opacity: 0;
}
.top-case__box .block-detail__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 6px;
  margin-top: 21px;
  margin-bottom: 36px;
}
.top-case__box .block-detail__list li {
  font-size: 1.3rem;
  line-height: 2rem;
  color: #ff9598;
  border-radius: 999px;
  border: 1px solid #ff9598;
  padding: 1px 10px;
}
.top-case__box .block-detail__devider {
  display: block;
  width: 100%;
  height: 2px;
  background-size: 6px 2px;
  background-image: linear-gradient(to right, #878787, #878787 2px, transparent 2px, transparent 6px);
  background-repeat: repeat-x;
  margin-bottom: 19px;
}
.top-case__box .block-detail__information {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 9px 24px;
}
.top-case__box .block-detail__information li {
  position: relative;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-left: 24px;
}
.top-case__box .block-detail__information li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff9598;
}
.top-case__box .block-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 175px;
  right: 20px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #ff9598;
  opacity: 0;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-case__box .block-circle__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 18px;
}
.top-case__box .block-circle__arrow svg .st0 {
  fill: #FFFFFF;
}
.top-case__btn .btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.top-case__btn .btn > a {
  width: 250px;
  height: 100px;
}
.top-case__btn .btn > a .circle {
  width: 60px;
  height: 60px;
}
.top-case__btn .btn > a .circle .icon {
  width: 24px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.top-case__btn .btn > a .circle .icon svg .st0 {
  fill: #fff;
}
.top-case__graphic {
  position: absolute;
}
.top-case__graphic.-g1 {
  bottom: 72px;
  left: -1%;
  width: 202px;
}
.top-case__graphic.-g1.-show svg .man {
  -webkit-animation: casestudy-man 1.2s linear forwards;
          animation: casestudy-man 1.2s linear forwards;
}
.top-case__graphic.-g1 svg .cls-1 {
  fill: #ababab;
}
.top-case__graphic.-g1 svg .cls-1, .top-case__graphic.-g1 svg .cls-2, .top-case__graphic.-g1 svg .cls-3, .top-case__graphic.-g1 svg .cls-4 {
  stroke-width: 0px;
}
.top-case__graphic.-g1 svg .cls-2 {
  fill: #ddd;
}
.top-case__graphic.-g1 svg .cls-3 {
  fill: #878787;
}
.top-case__graphic.-g1 svg .cls-4 {
  fill: #ffdcce;
}
.top-case__graphic.-g1 svg .man {
  -webkit-transform: translateX(-120px) rotate(0deg);
          transform: translateX(-120px) rotate(0deg);
  -webkit-transform-origin: 110px 170px;
          transform-origin: 110px 170px;
}
.top-case__graphic.-g2 {
  bottom: 0;
  right: 8%;
  width: 171px;
  height: 126px;
}
.top-case__graphic.-g2.-show .wifi {
  opacity: 1;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.top-case__graphic.-g2.-show .wifi.-w2 {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.top-case__graphic.-g2.-show .wifi.-w3 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
.top-case__graphic.-g2.-show .line {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transition: 0.4s linear 2.2s;
  transition: 0.4s linear 2.2s;
}
.top-case__graphic.-g2.-show .larm {
  -webkit-animation: casestudy-larm 0.8s linear 1.2s forwards;
          animation: casestudy-larm 0.8s linear 1.2s forwards;
}
.top-case__graphic.-g2.-show .rarm {
  -webkit-animation: casestudy-rarm 0.8s linear 1.2s forwards;
          animation: casestudy-rarm 0.8s linear 1.2s forwards;
}
.top-case__graphic.-g2 svg .cls-1 {
  fill: #7adf6f;
}
.top-case__graphic.-g2 svg .cls-1, .top-case__graphic.-g2 svg .cls-2, .top-case__graphic.-g2 svg .cls-3, .top-case__graphic.-g2 svg .cls-4, .top-case__graphic.-g2 svg .cls-5, .top-case__graphic.-g2 svg .cls-6, .top-case__graphic.-g2 svg .cls-7 {
  stroke-width: 0px;
}
.top-case__graphic.-g2 svg .cls-2 {
  fill: #ababab;
}
.top-case__graphic.-g2 svg .cls-3 {
  fill: #ddd;
}
.top-case__graphic.-g2 svg .cls-4 {
  fill: #878787;
}
.top-case__graphic.-g2 svg .cls-5 {
  fill: #f1bf84;
}
.top-case__graphic.-g2 svg .cls-6 {
  fill: #ffdcce;
}
.top-case__graphic.-g2 svg .cls-7 {
  fill: #fff;
}
.top-case__graphic.-g2 svg .wifi {
  opacity: 0;
}
.top-case__graphic.-g2 svg .line {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 230px;
          transform-origin: 230px;
}
.top-case__graphic.-g2 svg .larm {
  -webkit-transform-origin: 295px 105px;
          transform-origin: 295px 105px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.top-case__graphic.-g2 svg .rarm {
  -webkit-transform-origin: 315px 105px;
          transform-origin: 315px 105px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.top-blog {
  position: relative;
  padding: 106px 80px 124px;
}
.top-blog__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.top-blog__head .top-news__link {
  position: relative;
  top: -4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.top-blog__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: initial;
  margin-bottom: 20px;
}
.top-blog__ttl .jp {
  font-size: 3.7rem !important;
  letter-spacing: 0.01em;
  line-height: 5.7rem;
  font-weight: 700;
  margin-right: 30px;
}
.top-blog__ttl .icon {
  position: relative;
  top: -5px;
  right: initial;
  -webkit-transform: none;
          transform: none;
  width: 32px;
}
.top-blog__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 58px 24px;
  padding: 0 40px;
}
.top-blog__list > li {
  width: calc((100% - 48px) / 3);
}
.top-blog__list > li a {
  width: 100%;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
.top-blog__list > li a .image {
  width: 100%;
  border-radius: 50px;
  overflow: hidden;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.top-blog__list > li a .image::before {
  padding-top: 240px;
}
.top-blog__list > li a .detail {
  padding: 30px 24px 0;
}
.top-blog__list > li a .detail-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.top-blog__list > li a .detail-head__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #ff9598;
}
.top-blog__list > li a .detail-head__category::before {
  content: "";
  position: relative;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff9598;
}
.top-blog__list > li a .detail-head__date {
  font-size: 1.7rem;
}
.top-blog__list > li a .detail-ttl {
  font-size: 2.2rem;
  line-height: 3.1rem;
  font-weight: 500;
}
.top-blog__list > li a .detail-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 6px;
}
.top-blog__list > li a .detail-tag li {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background: #fff;
  font-size: 1.3rem;
  line-height: 2rem;
  border-radius: 999px;
  padding: 2px 14px;
}
.top-blog__list > li a .detail-circle {
  position: absolute;
  top: 175px;
  right: 20px;
  width: 45px;
  height: 45px;
  background: #ff9598;
  border-radius: 50%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  opacity: 0;
}
.top-blog__list > li a .detail-circle .icon {
  width: 18px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 951px) {
  .top-blog__list > li a .detail-circle .icon::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/common/icon/arrow.svg) 0 0 no-repeat;
  }
  .top-blog__list > li a .detail-circle .icon img {
    display: none;
  }
}
@media screen and (min-width: 751px) {
  .top-blog__list > li a:hover {
    color: #ff9598;
  }
  .top-blog__list > li a:hover .image {
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.5);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.5);
  }
  .top-blog__list > li a:hover .detail-circle {
    opacity: 1;
  }
}
@media screen and (max-width: 1400px) and (min-width: 951px) {
  .top-flow__step {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 100px 0;
    position: relative;
    left: 42px;
    width: 800px;
    margin: 104px auto 0;
  }
  .top-flow__step .solostep:last-child {
    padding-right: 84px;
  }
}
@media screen and (max-width: 1400px) {
  .top-blog__list {
    padding: 0;
  }
}
@media screen and (max-width: 1270px) {
  .top-case {
    padding-left: 80px;
    padding-right: 80px;
  }
  .top-case__ttl .icon {
    right: 0;
  }
  .top-blog__list > li {
    width: calc((100% - 24px) / 2);
  }
}
@media screen and (max-width: 1060px) {
  .top-case__box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .top-case__box .block {
    width: calc((100% - 24px) / 2);
  }
}
@media screen and (max-width: 950px) {
  .top-case {
    padding-left: 30px;
    padding-right: 30px;
  }
  .top-flow__step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .top-flow__step .solostep .image {
    width: 320px;
    height: 200px;
    border-radius: 60px;
  }
  .top-flow__step .solostep .image .image-graphic.-g4 {
    top: 50%;
  }
  .top-flow__step .solostep .txt {
    height: initial;
  }
  .top-flow__step .solostep .txt.solo-col {
    line-height: initial;
  }
  .top-flow__step .arrow {
    margin: 40px auto 50px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .top-blog__ttl {
    width: 100%;
    display: block;
    margin-bottom: 40px;
  }
  .top-blog__ttl .jp {
    margin-right: 0;
  }
  .top-blog__ttl .icon {
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .top-blog__list {
    gap: 80px 24px;
  }
  .top-blog__list > li {
    width: 100%;
  }
  .top-blog__list > li a .image::before {
    padding-top: 50%;
  }
  .top-blog__list > li a .detail-tag {
    width: calc(100% - 84px);
  }
  .top-blog__list > li a .detail-circle {
    top: initial;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: #fff;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%);
    opacity: 1 !important;
  }
  .top-blog__list > li a .detail-circle .icon {
    width: 20px;
    height: 22px;
  }
}
@media screen and (max-width: 950px) and (min-width: 751px) {
  .top-blog__list > li a:hover .detail-circle {
    -webkit-transform: translate(4px, 50%);
            transform: translate(4px, 50%);
  }
}
@media screen and (max-width: 950px) {
  .top-blog__btn {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 99px;
  }
  .top-blog__btn > a {
    width: 320px;
    height: 100px;
  }
  .top-blog__btn > a .circle {
    width: 60px;
    height: 60px;
  }
  .top-blog__btn > a .circle .icon {
    width: 20px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 950px) and (min-width: 751px) {
  .top-blog__btn > a:hover {
    width: 340px;
  }
  .top-blog__btn > a:hover .inner {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
}
@media screen and (max-width: 750px) {
  .top-main {
    height: 753px;
  }
  .top-main__copy {
    left: 30px;
    top: 267px;
  }
  .top-main__copy h2 {
    font-size: 4rem;
    line-height: 5rem;
    letter-spacing: 0.01em;
  }
  .top-main__copy > p {
    font-size: 1.6rem;
    line-height: 5.8rem;
  }
  .top-main__mv {
    left: initial;
    bottom: initial;
    right: 0;
    top: 768px;
    width: 100%;
    z-index: 2;
  }
  .top-main__mv.-hide {
    pointer-events: none;
  }
  .top-main__mv.-hide > a .thumb {
    opacity: 0;
  }
  .top-main__mv.-hide > a .inner .en {
    display: none;
  }
  .top-main__mv > a {
    width: 73%;
    height: initial;
    background: initial;
    margin: 0 auto;
    display: block;
    border-radius: initial;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .top-main__mv > a .thumb {
    border-radius: 25px;
    border: 8px solid #fff;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
    position: relative;
  }
  .top-main__mv > a .thumb > .img-cover::before {
    padding-top: 56.25%;
  }
  .top-main__mv > a .thumb > .circle.look {
    width: 60px !important;
    height: 60px !important;
  }
  .top-main__mv > a .thumb > .circle.look .txt {
    font-size: 1.3rem;
  }
  .top-main__mv > a .thumb > .circle.look .icon {
    width: 12px;
    height: 17px;
    margin: 4px 0 1px;
  }
  .top-main__mv > a .inner {
    position: static;
    bottom: initial;
    right: initial;
    background: initial;
    -webkit-box-shadow: initial;
            box-shadow: initial;
    height: initial;
    width: initial;
    margin-top: 15px;
  }
  .top-main__mv > a .inner::before {
    display: none;
  }
  .top-main__mv > a .inner .en {
    width: 85px;
    height: 45px;
    border-radius: 999px;
    background: #fff;
    line-height: 45px;
    position: absolute;
    top: -29px;
    left: -30px;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
    z-index: 2;
  }
  .top-main__mv > a .inner .en::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: 0;
    left: 26px;
    -webkit-transform: translateY(6px) rotate(13deg);
            transform: translateY(6px) rotate(13deg);
  }
  .top-main__mv > a .inner .ttl {
    font-size: 2.1rem;
    letter-spacing: -0.04em;
  }
  .top-main__mv > a .inner .ttl > .-fontp {
    font-size: 3.5rem;
  }
  .top-main__trial {
    bottom: initial;
    bottom: 38px;
    right: 0;
    width: 100%;
    height: 102px;
    text-align: center;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .top-main__trial--link {
    width: 303px;
    margin: 0 auto;
    padding-top: 11px;
    text-align: left;
    border-radius: 51px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 78px;
  }
  .top-main__trial--link::before {
    display: none;
  }
  .top-main__trial--link::after {
    border: 2px solid #ff9598;
    border-radius: 51px;
  }
  .top-main__trial--link .subtxt {
    font-size: 1.3rem;
    line-height: 1.8rem;
    gap: 7px;
    margin-bottom: 4px;
  }
  .top-main__trial--link .subtxt::before, .top-main__trial--link .subtxt::after {
    height: 12px;
  }
  .top-main__trial--link .txt {
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 10px;
    text-align: center;
  }
  .top-main__trial--link .illust {
    width: 60px;
    position: absolute;
    top: 51%;
    right: 41px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .top-main__trial--link .circle {
    bottom: 49%;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    right: -18px;
    width: 45px;
    height: 45px;
    z-index: 2;
  }
  .top-main__trial--link .circle-icon {
    width: 16px;
  }
  .top-main__trial--link .circle-txt {
    font-size: 1rem;
  }
  .top-main__modal {
    position: absolute;
    top: 768px;
    left: initial;
    right: 0;
    width: 100%;
    height: initial;
    -webkit-transform: initial;
            transform: initial;
    z-index: 1;
    opacity: 1 !important;
    background: initial;
    padding-bottom: 20px;
  }
  .top-main__modal .box {
    min-width: initial;
    width: 72.8%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    height: initial;
    display: block;
  }
  .top-main__modal .box .ttl {
    margin-top: 70px;
    margin-bottom: 45px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .top-main__modal .box .ttl h2 {
    margin-top: 10px;
    font-size: 2.7rem;
    line-height: 3.3rem;
    text-align: center;
    margin-right: 0;
  }
  .top-main__modal .box .ttl .icon {
    width: 31px;
  }
  .top-main__modal .box .movie {
    border-radius: 25px;
  }
  .top-main__modal .box .movie .rear > #player {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 102%;
    height: 100%;
  }
  .top-main__modal .box .movie .front .circle {
    width: 90px;
    height: 90px;
  }
  .top-main__modal .box .movie .front .circle .icon {
    width: 18px;
    margin-top: 4px;
    margin-bottom: 0;
  }
  .top-main__modal .box .movie .front .circle .txt {
    font-size: 1.5rem;
  }
  .top-main__modal .close {
    width: 50px;
    height: 50px;
    top: 20px;
    right: 20px;
  }
  .top-main__modal .close .icon {
    width: 15px;
    margin-bottom: 0;
  }
  .top-main__modal .close .txt {
    font-size: 1.1rem;
  }
  .top-record {
    padding-top: 34px;
    padding-bottom: 30px;
  }
  .top-record__title {
    margin-bottom: 35px;
  }
  .top-record__title p {
    font-size: 2.7rem;
    line-height: 3.8rem;
  }
  .top-record__title p::before {
    width: 22px;
    height: 24px;
    left: -40px;
    top: 47px;
  }
  .top-record__title p::after {
    width: 22px;
    height: 24px;
    right: -40px;
    top: 47px;
  }
  .top-record__list.-bottom {
    margin-top: 24px;
    position: relative;
    height: 48px;
  }
  .top-record__list.-bottom .top-record__inner {
    position: absolute;
    right: 0;
    top: 0;
  }
  .top-record__inner ul li {
    padding: 11px 22px;
    font-size: 1.8rem;
    margin-right: 12px;
    border-radius: 32px;
  }
  .top-functions {
    padding: 75px 0 0;
    position: relative;
  }
  .top-functions > .page-feature__ttl {
    margin-bottom: 40px;
  }
  .top-functions > .page-feature__ttl .icon.-i5 {
    width: 31px;
    right: 0;
    top: 0;
  }
  .top-review {
    padding: 83px 0 100px;
  }
  .top-review > .top_ttl {
    margin-bottom: 43px;
  }
  .top-review > .top_ttl .icon.-i1 {
    width: 31px;
  }
  .top-review__main {
    padding: 0 20px;
  }
  .top-review__item {
    gap: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .top-review__item.-item1 .figure .image {
    width: 58px;
  }
  .top-review__item.-item2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 28px;
  }
  .top-review__item.-item2 .figure {
    padding-right: 30px;
  }
  .top-review__item.-item2 .figure .image {
    width: 65px;
  }
  .top-review__item.-item2 .comment {
    margin-right: 0;
  }
  .top-review__item.-item2 .comment p::after {
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    right: 50px;
  }
  .top-review__item.-item3 {
    margin-top: 28px;
  }
  .top-review__item.-item3 .figure .image {
    width: 58px;
  }
  .top-review__item .figure {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 24px;
    padding-left: 25px;
  }
  .top-review__item .figure .image {
    position: relative;
  }
  .top-review__item .figure .info {
    font-size: 1.6rem;
    line-height: 2.8rem;
    position: relative;
    top: 8px;
  }
  .top-review__item .comment {
    width: 100% !important;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .top-review__item .comment p {
    max-width: 100%;
    text-align: left;
    margin-left: 0;
    padding: 19px 31px 23px;
    border-radius: 30px;
  }
  .top-review__item .comment p::after {
    height: 12px;
    width: 16px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    left: 50px;
    top: -12px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .top-solution {
    padding: 85px 0 96px;
  }
  .top-solution__ttl {
    margin-bottom: 45px;
  }
  .top-solution__ttl .jp {
    font-size: 2.7rem !important;
  }
  .top-solution__main {
    gap: 58px;
    padding: 0 20px;
  }
  .top-solution__note {
    font-size: 2.7rem;
    line-height: 3.9rem;
    font-weight: 700;
    text-align: center;
    color: #ff9598;
    margin-top: 41px;
  }
  .top-solution__item {
    width: 100%;
  }
  .top-solution__item .solution-top {
    padding: 34px 0 34px;
    border-radius: 40px;
    height: auto !important;
  }
  .top-solution__item .solution-top .illust {
    height: auto;
    margin-bottom: 26px;
    text-align: center;
  }
  .top-solution__item .solution-top .illust img {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .top-solution__item .solution-top .illust.-item1 img {
    width: 199px;
  }
  .top-solution__item .solution-top .illust.-item2 img {
    width: 152px;
  }
  .top-solution__item .solution-top .illust.-item3 img {
    width: 123px;
  }
  .top-solution__item .solution-top .illust.-item4 img {
    width: 160px;
  }
  .top-solution__item .solution-top .text {
    font-size: 1.8rem;
    line-height: 3.4rem;
    padding: 0 30px;
  }
  .top-solution__item .solution-arrow {
    margin-bottom: 13px;
    position: relative;
  }
  .top-solution__item .solution-arrow::before {
    height: 86px;
  }
  .top-solution__item .solution-bottom {
    padding-top: 34px;
    padding-bottom: 39px;
    border-radius: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 2px solid #ff9598;
  }
  .top-solution__item .solution-bottom .inner {
    height: auto !important;
  }
  .top-solution__item .solution-bottom .title {
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 19px;
  }
  .top-solution__item .solution-bottom ul {
    margin: 0 20px 0 28px;
  }
  .top-solution__item .solution-bottom ul li {
    position: relative;
    font-size: 1.6rem;
    line-height: 3rem;
    padding-left: 36px;
  }
  .top-solution__item .solution-bottom ul li + li {
    margin-top: 8px;
  }
  .top-solution__item .solution-bottom ul li .icon {
    width: 20px;
    height: 20px;
    top: 6px;
  }
  .top-solution__item .solution-bottom ul li .icon img {
    width: 10px;
  }
  .top-solution__item .solution-bottom .illust {
    height: auto;
    text-align: center;
    margin-top: 32px;
  }
  .top-solution__item .solution-bottom .illust img {
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  .top-solution__item .solution-bottom .illust.-item1 img {
    width: 150px;
  }
  .top-solution__item .solution-bottom .illust.-item2 img {
    width: 151px;
  }
  .top-solution__item .solution-bottom .illust.-item3 img {
    width: 150px;
  }
  .top-solution__item .solution-bottom .illust.-item4 img {
    width: 102px;
  }
  .top-solution__lead {
    font-size: 2.4rem;
    padding: 13px 0 11px;
    top: 20px !important;
  }
  .top-solution__lead > span {
    padding-right: 35px;
  }
  .top-solution__lead > span span {
    width: 20px;
    top: 50%;
  }
  .top-news {
    padding: 0 5.3vw 89px 8vw;
  }
  .top-news__head {
    display: block;
    padding-right: 0;
  }
  .top-news__ttl {
    padding-left: 0;
    margin-bottom: 18px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .top-news__ttl .jp {
    font-size: 2.7rem;
    margin-right: 0;
  }
  .top-news__ttl .icon {
    width: 35px;
  }
  .top-news__list {
    margin-bottom: 57px;
  }
  .top-news__item {
    background: initial;
    margin-bottom: 26px;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .top-news__item.-open .item-top .arrow {
    -webkit-transform: translateY(-50%) !important;
            transform: translateY(-50%) !important;
  }
  .top-news__item.-open .item-top .arrow .arrow-inner {
    -webkit-transform: translate(-50%, -60%) rotate(-180deg);
            transform: translate(-50%, -60%) rotate(-180deg);
  }
  .top-news__item .item-top {
    padding: 0 !important;
    display: block;
  }
  .top-news__item .item-top .date {
    font-size: 1.4rem;
    width: initial;
    min-width: initial;
    margin-bottom: 4px;
  }
  .top-news__item .item-top .ttl {
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding-right: 70px;
    position: relative;
  }
  .top-news__item .item-top .arrow {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
    right: 0;
  }
  .top-news__item .item-top .arrow::before {
    display: none;
  }
  .top-news__item .item-top .arrow .arrow-inner {
    width: 16px;
    height: 9px;
    position: absolute;
    top: 51%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .top-news__item .item-top .arrow .arrow-inner > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .top-news__item .item-bottom {
    padding: 0;
  }
  .top-news__item .item-bottom .item-bottom__inner > p {
    font-size: 1.6rem;
    line-height: 3.4rem;
    margin-bottom: 35px;
  }
  .top-news__item .item-bottom .item-bottom__inner > p:nth-of-type(1) {
    padding-top: 22px;
  }
  .top-news__item .item-bottom .item-bottom__inner > p:nth-last-of-type(1) {
    padding-bottom: 24px;
  }
  .top-news__btn {
    padding-bottom: 5px;
    position: relative;
    text-align: center;
  }
  .top-news__btn > a {
    width: 195px;
    height: 75px;
  }
  .top-news__btn > a .inner .ttl {
    font-size: 1.9rem;
  }
  .top-news__btn > a .circle.plan .icon {
    width: 18px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .top-news .graphic {
    width: 280px;
    position: absolute;
    bottom: 70px;
    left: -38px;
  }
  .top-news .graphic > svg .cls-1 {
    fill: #ffdcce;
  }
  .top-news .graphic > svg .cls-2 {
    fill: #ff9b9b;
  }
  .top-news .graphic > svg .cls-3 {
    fill: #aaa;
  }
  .top-news .graphic > svg .cls-4 {
    fill: #ddd;
  }
  .top-news .graphic > svg .cls-5 {
    fill: #878787;
  }
  .top-news .graphic > svg .cls-6 {
    fill: #fff;
  }
  .top-news .graphic > svg .cls-7 {
    fill: none;
    stroke: #ff9b9b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 7px;
  }
  .top-news .graphic > svg .man {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .top-news .graphic > svg .l-arm {
    -webkit-transform-origin: 270px 60px;
            transform-origin: 270px 60px;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
  }
  .top-news .graphic > svg .machine {
    -webkit-transform-origin: 500px 90px;
            transform-origin: 500px 90px;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
  .top-news .graphic > svg .line {
    opacity: 1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .top-news .graphic > .maru {
    position: absolute;
    top: 21px;
    left: 130px;
    display: block;
    width: 3%;
    border-radius: 50%;
    border: 2px solid #ff9598;
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .top-news .graphic > .maru::before {
    content: "";
    display: block;
    padding-top: 100%;
  }
  .top-news .graphic.-show > svg .man {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    -webkit-transform: translateX(53px);
            transform: translateX(53px);
  }
  .top-news .graphic.-show > svg .l-arm {
    -webkit-animation-name: arm4;
            animation-name: arm4;
  }
  .top-news .graphic.-show > svg .machine {
    -webkit-animation-name: machine4;
            animation-name: machine4;
  }
  .top-news .graphic.-show > svg .line {
    -webkit-transition: 0.2s 3.8s;
    transition: 0.2s 3.8s;
    opacity: 0;
  }
  .top-news .graphic.-show .maru {
    opacity: 1;
    -webkit-transition: 0.2s 3.8s;
    transition: 0.2s 3.8s;
  }
  .top-news .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #7adf6f;
    position: absolute;
    top: 16px;
    left: 220px;
  }
  .top-lead {
    padding: 0 0 87px;
  }
  .top-lead__intro {
    margin-bottom: 0;
  }
  .top-lead__copy {
    padding: 0 8vw !important;
    margin-bottom: 40px;
  }
  .top-lead__copy .bal {
    left: initial;
    padding: 13px 18px;
    margin-bottom: 26px;
  }
  .top-lead__copy .bal-icon {
    width: 25px;
  }
  .top-lead__copy .bal-txt {
    font-size: 1.5rem;
  }
  .top-lead__copy .ttl {
    font-size: 3.4rem;
    line-height: 4.8rem;
    margin-bottom: 50px;
  }
  .top-lead__copy .txt {
    line-height: 3.9rem;
  }
  .top-lead__copy .txt > p {
    margin-bottom: 30px;
  }
  .top-lead__photobox {
    padding: 0 8vw;
  }
  .top-lead__photo {
    width: 100%;
    max-width: initial;
    margin-top: 40px;
  }
  .top-lead__photo .arm {
    bottom: calc(100% - 3px);
    width: 19px;
  }
  .top-lead__photo .arm.-left {
    left: 45px;
  }
  .top-lead__photo .arm.-right {
    right: 45px;
  }
  .top-lead__photo .arm::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: #f5f5f5;
  }
  .top-lead__photo .inner {
    border-radius: 20px;
    border-width: 8px;
  }
  .top-lead__photo .inner.img-cover::before {
    padding-top: 184px;
  }
  .top-lead .dots {
    height: 10px;
  }
  .top-lead .dots .dot {
    width: 10px;
  }
  .top-lead__graphics.-show .graphic.-g1 {
    -webkit-animation: top-lead__runman--sp 1.6s linear forwards;
            animation: top-lead__runman--sp 1.6s linear forwards;
  }
  .top-lead__graphics.-show .graphic.-g2 svg .left {
    -webkit-animation: none;
            animation: none;
  }
  .top-lead__graphics .graphic.-g1 {
    width: 36px;
    left: 34%;
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }
  .top-lead__graphics .graphic.-g2 {
    width: 90px;
    height: 63px;
    left: 8vw;
  }
  .top-lead__graphics .graphic.-g3 {
    width: 50px;
    right: -4px;
  }
  .top-detail {
    padding: 84px 0 144px;
  }
  .top-detail__ttl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
    margin-bottom: 30px;
  }
  .top-detail__ttl .icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 29px;
    right: 0;
    margin-top: 5px;
  }
  .top-detail__support {
    margin-bottom: 98px;
  }
  .top-detail__support .box {
    gap: 34px 0;
    padding: 0 6.7vw;
  }
  .top-detail__support .box-graph {
    padding-top: 0;
  }
  .top-detail__support .box-graph__img {
    position: relative;
    left: -6px;
    width: calc(100% + 12px);
  }
  .top-detail__support .box-graph__img--illust {
    width: 40px;
  }
  .top-detail__support .box-txt {
    gap: 30px;
  }
  .top-detail__support .box-txt__block {
    width: calc((100% - 30px) / 2);
  }
  .top-detail__support .box-txt__block--point {
    border-width: 1px;
    font-size: 1.4rem;
    height: 23px;
    margin-bottom: 5px;
  }
  .top-detail__support .box-txt__block--point > span {
    position: relative;
    top: -1px;
  }
  .top-detail__support .box-txt__block--point .-num {
    font-size: 1.5rem;
  }
  .top-detail__support .box-txt__block--ttl {
    font-size: 1.9rem;
    line-height: 2.6rem;
    margin-bottom: 10px;
  }
  .top-detail__support .box-txt__block--txt {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  .top-detail__recommend {
    margin-bottom: 95px;
  }
  .top-detail__recommend .top-detail__ttl {
    margin-bottom: 44px;
  }
  .top-detail__recommend .box {
    gap: 40px;
    padding: 0 8vw;
  }
  .top-detail__recommend .box .solostep {
    width: 100%;
  }
  .top-detail__recommend .box .solostep.step1 .image .image-bal .num {
    margin-left: -2px;
  }
  .top-detail__recommend .box .solostep .image {
    width: calc(100% - 46px);
    height: 170px;
    border-radius: 50px;
    margin: 0 auto;
  }
  .top-detail__recommend .box .solostep .image .image-bal {
    top: 10px;
    left: -8px;
    width: 54px;
    height: 54px;
  }
  .top-detail__recommend .box .solostep .image .image-bal .num {
    font-size: 2.5rem;
  }
  .top-detail__recommend .box .solostep .image .image-graphic.-g1 {
    width: 201px;
  }
  .top-detail__recommend .box .solostep .image .image-graphic.-g2 {
    width: 196px;
  }
  .top-detail__recommend .box .solostep .image .image-graphic.-g3 {
    width: 197px;
  }
  .top-detail__recommend .box .solostep .txt {
    font-size: 2.1rem;
    line-height: 3rem;
    padding: 16px 3% 0;
  }
  .top-detail__trial {
    padding: 0 5.2vw;
  }
  .top-detail__trial .trial-box {
    border-radius: 50px;
    padding: 44px 8vw 72px;
  }
  .top-detail__trial .trial-box__ttl {
    padding: 0;
  }
  .top-detail__trial .trial-box__ttl .-and {
    display: block;
    font-size: 2.1rem;
    margin: -3px 0;
  }
  .top-detail__trial .trial-box__txt {
    font-size: 1.6rem;
    line-height: 2.9rem;
    text-align: left;
  }
  .top-detail__trial .trial-box__btn {
    -webkit-transform: translate(-50%, 42px);
            transform: translate(-50%, 42px);
  }
  .top-detail__trial .trial-box__btn > a {
    width: 235px;
    height: 75px;
  }
  .top-detail__trial .trial-box__btn > a .inner .ttl {
    font-size: 1.9rem;
  }
  .top-detail__trial .trial-box__btn > a .circle.flow {
    width: 45px !important;
    height: 45px !important;
  }
  .top-detail__trial .trial-box__btn > a .circle.flow .icon {
    width: 16px;
    height: 17px;
  }
  .top-detail .graphic {
    position: absolute;
    width: 148px;
    bottom: 0;
    left: 20vw;
  }
  .top-detail .graphic > .mask {
    width: 45px;
    height: 25px;
  }
  .top-detail .dots {
    height: 10px;
  }
  .top-detail .dots .dot {
    width: 10px;
  }
  .top-feature {
    padding-top: 75px;
  }
  .top-feature .top_ttl .icon {
    width: 28px;
  }
  .top-feature__ttl {
    margin-bottom: 55px;
  }
  .top-feature__main > .box {
    padding: 0 5.2vw;
  }
  .top-feature__main > .box .bal {
    left: -9px;
    padding: 4px 16px;
  }
  .top-feature__main > .box .bal > span {
    font-size: 1.3rem;
  }
  .top-feature__main > .box .bal > span.num {
    font-size: 3rem;
  }
  .top-feature__main > .box .box-item {
    width: 100%;
    max-width: 400px;
    border-radius: 40px;
  }
  .top-feature__main > .box .box-item::before {
    border-radius: 40px;
  }
  .top-feature__main > .box .box-item .inner {
    padding-top: 43px;
  }
  .top-feature__main > .box .box-item .inner > .ttl {
    font-size: 2.3rem;
    line-height: 3.5rem;
  }
  .top-feature__main > .box .box-item .inner > .graphic {
    height: 186px;
  }
  .top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g1 {
    width: 163px;
  }
  .top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g2 {
    width: 213px;
  }
  .top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g3 {
    width: 257px;
  }
  .top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g4, .top-feature__main > .box .box-item .inner > .graphic .graphic-inner.-g5 {
    width: 208px;
  }
  .top-feature__main > .box .box-item .inner > .txt {
    font-size: 1.8rem;
    line-height: 3.5rem;
    padding-bottom: 32px;
  }
  .top-feature__more {
    padding: 50px 0 143px;
  }
  .top-feature__more .graphic.-g2 {
    width: 290px;
    right: initial;
    left: -4vw;
  }
  .top-feature__morebtn > a {
    width: 270px;
    height: 75px;
  }
  .top-feature__morebtn > a .inner .ttl {
    font-size: 1.9rem;
  }
  .top-feature__morebtn > a .circle.more .icon {
    width: 18px;
    height: 20px;
  }
  .top-feature__case {
    margin: 92px 0 104px;
  }
  .top-feature__case .top-feature__ttl .icon {
    width: 31px;
  }
  .top-feature__case .casebox {
    padding: 0 5.2vw;
  }
  .top-feature__case .case + .case {
    margin-top: 97px;
  }
  .top-feature__case .case-img__bal {
    top: -10px;
    width: 95px;
    height: 45px;
    gap: 7px;
    font-size: 1.2rem;
  }
  .top-feature__case .case-img__bal .num {
    font-size: 2.3rem;
  }
  .top-feature__case .case-img__item {
    border-radius: 40px;
  }
  .top-feature__case .case-img__circle {
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
  }
  .top-feature__case .case-img__circle::before {
    background: #fff;
  }
  .top-feature__case .case-img__circle svg {
    width: 20px;
  }
  .top-feature__case .case-img__circle svg .st0 {
    stroke: #ff9b9b;
    stroke-width: 3.5px;
  }
  .top-feature__case .case-detail {
    padding: 0 10px;
    margin-top: 23px;
  }
  .top-feature__case .case-detail__ttl {
    font-size: 2.6rem;
    line-height: 3.7rem;
  }
  .top-feature__case .case-detail__divider {
    margin: 25px 0;
  }
  .top-feature__case .case-detail__point .item + .item {
    margin-top: 27px;
  }
  .top-feature__case .case-detail__point .item-num {
    font-size: 1.4rem;
  }
  .top-feature__case .case-detail__point .item-num .num {
    width: 19px;
    height: 19px;
    font-size: 1.4rem;
    line-height: 19px;
    padding-right: 0;
  }
  .top-feature__case .case-detail__point .item-ttl {
    font-size: 2.1rem;
    line-height: 3rem;
  }
  .top-feature__case .case-detail__point .item-txt {
    font-size: 1.6rem;
    line-height: 2.9rem;
  }
  .top-feature__case--modal .case-img__item {
    min-width: 1000px;
  }
  .top-feature__case--modal .close {
    top: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
  }
  .top-feature__case--modal .close svg {
    width: 20px;
  }
  .top-feature__case--modal .guidebox {
    gap: 18px;
    width: 150px;
    height: 120px;
  }
  .top-feature__case--modal .guidebox-item {
    width: 109px;
  }
  .top-feature__case--modal .guidebox-item svg .st0, .top-feature__case--modal .guidebox-item svg .st1, .top-feature__case--modal .guidebox-item svg .st2 {
    stroke-width: 3.5px;
  }
  .top-feature__case--modal .guidebox-txt {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
  .top-feature__img {
    gap: 10px 0;
    width: 460px;
    margin-bottom: 37px;
  }
  .top-feature__img .item {
    width: 230px !important;
  }
  .top-feature__img .item::before {
    padding-top: 200px;
  }
  .top-feature__img .item:nth-of-type(1) {
    left: -70px;
  }
  .top-feature__img .item:nth-of-type(2) {
    left: -50px;
  }
  .top-feature__img .item:nth-of-type(3) {
    left: 50px;
  }
  .top-feature__img .item:nth-of-type(4) {
    left: 70px;
  }
  .top-feature__graphics {
    height: 81px;
  }
  .top-feature__graphics .graphic {
    bottom: 18px;
  }
  .top-feature__graphics .graphic.-g1 {
    width: 94px;
    height: 74px;
    left: 9%;
  }
  .top-feature__graphics .graphic.-g2 {
    width: 156px;
    height: 76px;
    right: -30px;
  }
  .top-feature__graphics .line {
    bottom: 5px;
    height: 14px;
    background-size: 924px 100%;
  }
  .top-flow {
    padding-top: 82px;
  }
  .top-flow .top_ttl .icon {
    width: 31px;
  }
  .top-flow__txt {
    font-size: 1.8rem;
    line-height: 3.5rem;
    text-align: left;
    padding: 0 5.7vw 0 8vw;
    margin-top: 33px;
  }
  .top-flow__step {
    margin-top: 60px;
  }
  .top-flow__step .solostep .image {
    width: 270px;
    height: 170px;
    border-radius: 50px;
  }
  .top-flow__step .solostep .image .image-graphic.-g1 {
    width: 130px;
    left: 52%;
  }
  .top-flow__step .solostep .image .image-graphic.-g2 {
    width: 150px;
  }
  .top-flow__step .solostep .image .image-graphic.-g3 {
    width: 145px;
  }
  .top-flow__step .solostep .image .image-graphic.-g4 {
    width: 154px;
  }
  .top-flow__step .solostep .image .image-bal {
    left: -5px;
    padding: 4px 29px;
  }
  .top-flow__step .solostep .image .image-bal > span {
    font-size: 1.3rem;
  }
  .top-flow__step .solostep .image .image-bal > span.num {
    font-size: 3rem;
  }
  .top-flow__step .solostep .image .image-bal::before {
    bottom: 3px;
  }
  .top-flow__step .solostep .txt {
    font-size: 2.1rem;
    line-height: 2.6rem;
    margin-top: 20px;
  }
  .top-flow__step .arrow {
    width: 27px;
    height: initial;
    margin: 25px 30px;
    -webkit-transform: none;
            transform: none;
  }
  .top-flow__btn {
    padding: 60px 0 100px;
  }
  .top-flow__btn > a {
    width: 250px;
    height: 75px;
  }
  .top-flow__btn > a .inner .ttl {
    font-size: 1.9rem;
  }
  .top-flow__btn > a .circle.flow .icon {
    width: 18px;
    height: 20px;
  }
  .top-plan {
    padding-top: 73px;
  }
  .top-plan__ttl {
    margin-bottom: 35px;
  }
  .top-plan .top_ttl .icon {
    width: 32px;
  }
  .top-plan__box {
    margin-top: 120px;
    margin-bottom: 86px;
  }
  .top-plan__box .solobox {
    margin-top: 140px;
  }
  .top-plan__box .solobox:nth-of-type(1) {
    margin-top: 0;
  }
  .top-plan__box .solobox .image {
    width: 270px;
    height: 170px;
    border-radius: 45px;
  }
  .top-plan__box .solobox .image .image-graphic.-g1 {
    width: 125px;
  }
  .top-plan__box .solobox .image .image-graphic.-g2 {
    width: 165px;
  }
  .top-plan__box .solobox .image .image-graphic.-g3 {
    width: 195px;
  }
  .top-plan__box .solobox .image .image-bal {
    width: 232px;
    height: 60px;
    top: -75px;
  }
  .top-plan__box .solobox .image .image-bal > span {
    font-size: 1.6rem;
    line-height: 1.7rem;
  }
  .top-plan__box .solobox .image .image-bal > span.txt-br {
    padding-bottom: 5px;
  }
  .top-plan__box .solobox .image .image-bal::before {
    bottom: 2px;
  }
  .top-plan__box .solobox .txt {
    font-size: 2.1rem;
    line-height: 2.6rem;
    margin-top: 16px;
  }
  .top-plan__box .solobox .txt .txt-name {
    margin-bottom: 10px;
  }
  .top-plan__box .solobox .txt .txt-fee {
    font-size: 1.5rem;
  }
  .top-plan__box .solobox .txt .txt-fee .-fontp {
    font-size: 3.9rem;
    padding-left: 20px;
    padding-right: 5px;
  }
  .top-plan__box .solobox .txt .txt-fee .tax {
    font-size: 1.1rem;
  }
  .top-plan__table .top-plan__ttl {
    gap: 10px;
    padding: 0 5.2vw;
    margin-bottom: 15px;
  }
  .top-plan__table .top-plan__ttl::before, .top-plan__table .top-plan__ttl::after {
    width: 10px;
  }
  .top-plan__table .top-plan__ttl .jp {
    font-size: 2.3rem;
  }
  .top-plan__table--cover {
    margin-bottom: 22px;
  }
  .top-plan__table--cover::-webkit-scrollbar {
    height: 6px;
  }
  .top-plan__table--scroll {
    padding-right: 5.2vw;
    margin-bottom: 10px;
  }
  .top-plan__table--scroll .txt {
    font-size: 1.7rem;
    margin-right: 11px;
  }
  .top-plan__table--scroll .icon {
    width: 13px;
    height: 11px;
  }
  .top-plan__table--inner {
    width: 700px;
    min-width: initial;
    margin: 0 0 20px 5.2vw;
    padding-right: 20px;
  }
  .top-plan__table table thead tr th {
    height: 40px;
    font-size: 1.6rem;
  }
  .top-plan__table table thead tr th:nth-of-type(1) {
    width: 18%;
  }
  .top-plan__table table thead tr th:nth-of-type(2) {
    width: 22%;
  }
  .top-plan__table table thead tr th:nth-of-type(3), .top-plan__table table thead tr th:nth-of-type(4), .top-plan__table table thead tr th:nth-of-type(5) {
    width: 20%;
  }
  .top-plan__table table thead tr th .logo {
    width: 106px;
  }
  .top-plan__table table tbody tr:nth-of-type(3) td, .top-plan__table table tbody tr:nth-of-type(4) td, .top-plan__table table tbody tr:nth-of-type(5) td, .top-plan__table table tbody tr:nth-of-type(6) td, .top-plan__table table tbody tr:nth-of-type(7) td {
    height: 101px;
  }
  .top-plan__table table tbody tr td {
    height: 62px;
  }
  .top-plan__table table tbody tr td.title {
    font-size: 1.4rem;
    padding: 0 10px;
  }
  .top-plan__table table tbody tr td.title > span {
    font-size: 1.1rem;
    margin-left: -4px;
  }
  .top-plan__table table tbody tr td .icon {
    width: 23px;
    height: 23px;
    background: url(../../assets/images/sp/top/plan/icon1.svg) 0 0 no-repeat;
  }
  .top-plan__table table tbody tr td .icon.-type2 {
    width: 24px;
    height: 24px;
    background: url(../../assets/images/sp/top/plan/icon2.svg) 0 0 no-repeat;
  }
  .top-plan__table table tbody tr td .icon.-type3 {
    width: 21px;
    height: 18px;
    background: url(../../assets/images/sp/top/plan/icon3.svg) 0 0 no-repeat;
  }
  .top-plan__table table tbody tr td .icon.-type4 {
    width: 19px;
    height: 19px;
    background: url(../../assets/images/sp/top/plan/icon4.svg) 0 0 no-repeat;
  }
  .top-plan__table table tbody tr td .txt {
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 0 4px;
  }
  .top-plan__table table tbody tr td .txt.-bold {
    font-size: 1.4rem;
  }
  .top-plan__table table tbody tr td .txt .-symbol {
    font-size: 1.1rem;
  }
  .top-plan__btn {
    padding-bottom: 85px;
  }
  .top-plan__btn > a {
    width: 180px;
    height: 75px;
  }
  .top-plan__btn > a .inner .ttl {
    font-size: 1.9rem;
  }
  .top-plan__btn > a .circle.plan .icon {
    width: 18px;
    height: 20px;
  }
  .top-case {
    padding: 83px 0 120px;
  }
  .top-case .top-case__box {
    margin-bottom: 31px;
  }
  .top-case .top-flow__btn > a {
    width: 198px;
  }
  .top-case__ttl {
    margin-bottom: 43px;
  }
  .top-case__ttl .icon {
    right: initial;
    width: 31px;
  }
  .top-case__box {
    padding: 0 5.4vw;
    margin-bottom: 60px;
  }
  .top-case__box .block {
    width: 100%;
    border-radius: 20px;
  }
  .top-case__box .block a {
    padding-bottom: 0;
  }
  .top-case__box .block-detail {
    padding: 0 30px;
  }
  .top-case__box .block-detail__image {
    left: -30px;
    width: calc(100% + 60px);
    height: 189px;
    margin-bottom: 23px;
  }
  .top-case__box .block-detail__image.-spzero {
    height: 0;
  }
  .top-case__box .block-detail__ttl {
    font-size: 2rem;
    line-height: 2.7rem;
    margin-bottom: 8px;
  }
  .top-case__box .block-detail__company {
    font-size: 1.6rem;
    line-height: 2.9rem;
    margin-bottom: 1px;
  }
  .top-case__box .block-detail__place {
    gap: 10px;
    font-size: 1.5rem;
    line-height: 2.8rem;
  }
  .top-case__box .block-detail__place .icon {
    width: 15px;
    height: 18px;
  }
  .top-case__box .block-detail__place .icon::after {
    display: none;
  }
  .top-case__box .block-detail__list {
    margin-top: 13px;
    margin-bottom: 25px;
  }
  .top-case__box .block-detail__list li {
    line-height: 1.8rem;
    padding-bottom: 2px;
  }
  .top-case__box .block-detail__devider {
    height: 3px;
    background-size: 10px 3px;
    background-image: linear-gradient(to right, #878787, #878787 3px, transparent 3px, transparent 10px);
    margin-bottom: 16px;
  }
  .top-case__box .block-detail__information {
    display: block;
    padding-right: 60px;
  }
  .top-case__box .block-detail__information li {
    font-size: 1.4rem;
    line-height: 1.7rem;
    padding-left: 20px;
  }
  .top-case__box .block-detail__information li::before {
    top: 4px;
    width: 10px;
    height: 10px;
  }
  .top-case__box .block-detail__information li + li {
    margin-top: 9px;
  }
  .top-case__box .block-circle {
    position: static;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: #fff;
    -webkit-box-shadow: -2px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: -2px 4px 14px rgba(176, 176, 176, 0.3);
    opacity: 1 !important;
    margin-left: auto;
    margin-right: 20px;
    margin-bottom: -4px;
  }
  .top-case__box .block-circle__arrow {
    width: 17px;
  }
  .top-case__box .block-circle__arrow svg .st0 {
    fill: #ff9598;
  }
  .top-case__btn .btn > a {
    width: 195px;
    height: 75px;
  }
  .top-case__btn .btn > a .circle .icon {
    width: 19px;
    height: 16px;
  }
  .top-case__graphic.-g1 {
    bottom: 27px;
    width: 121px;
  }
  .top-case__graphic.-g2 {
    right: 6%;
    width: 100px;
    height: 74px;
  }
  .top-blog {
    padding: 0 20px 120px;
  }
  .top-blog__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
    padding: 0;
    margin-bottom: 33px;
  }
  .top-blog__ttl .jp {
    font-size: 2.7rem !important;
    line-height: 3.9rem;
    padding-left: 8px;
  }
  .top-blog__ttl .icon {
    position: relative;
    top: -2px;
    right: initial;
    -webkit-transform: none;
            transform: none;
    width: 25px;
  }
  .top-blog__list {
    gap: 14px 0;
  }
  .top-blog__list > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 10px;
  }
  .top-blog__list > li a .image {
    width: 127px;
    height: 75px;
    border-radius: 20px;
  }
  .top-blog__list > li a .image::before {
    display: none;
  }
  .top-blog__list > li a .detail {
    padding: 2px 0 0;
    width: calc(100% - 148px);
  }
  .top-blog__list > li a .detail-head {
    margin-bottom: 7px;
    display: none;
  }
  .top-blog__list > li a .detail-head__category {
    gap: 9px;
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
  .top-blog__list > li a .detail-head__category::before {
    top: 4px;
    width: 10px;
    height: 10px;
  }
  .top-blog__list > li a .detail-head__date {
    font-size: 1.5rem;
  }
  .top-blog__list > li a .detail-ttl {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-bottom: 9px;
  }
  .top-blog__list > li a .detail-tag {
    gap: 6px;
    width: calc(100% - 60px);
    display: none;
  }
  .top-blog__list > li a .detail-tag li {
    font-size: 1.3rem;
    line-height: 1.8rem;
    padding: 3px 14px;
  }
  .top-blog__list > li a .detail-circle {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    position: relative;
    width: auto;
    height: auto;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    gap: 8px;
  }
  .top-blog__list > li a .detail-circle::before {
    content: "読む";
    display: block;
    font-size: 1.6rem;
    color: #ff9598;
  }
  .top-blog__list > li a .detail-circle .icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: url(../images/top/blog/icon2.svg) no-repeat center center #ff9598;
    background-size: 16px 11px;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  .top-blog__list > li a .detail-circle .icon img {
    display: none;
  }
  .top-blog__btn {
    margin-top: 78px;
  }
  .top-blog__btn > a {
    width: 260px;
    height: 75px;
  }
  .top-blog__btn > a .circle {
    width: 45px;
    height: 45px;
  }
  .top-blog__btn > a .circle .icon {
    width: 16px;
    height: 17px;
  }
}

/*------------------------------------------------------*/
/*  contact */
/*------------------------------------------------------*/
.contact {
  position: relative;
  padding: 83px 30px 150px;
}
.contact .graphic {
  position: absolute;
  width: 211px;
  height: 83px;
  top: 0;
  left: 187px;
}
.contact .graphic.-show > svg .contact-man {
  opacity: 1 !important;
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}
.contact .graphic > svg .st0 {
  fill: #DDDDDD;
}
.contact .graphic > svg .st1 {
  fill: #FFDACC;
}
.contact .graphic > svg .st2 {
  fill: #AAAAAA;
}
.contact .graphic > svg .st3 {
  fill: #878787;
}
.contact .graphic > svg .st4 {
  fill: #FF9598;
}
.contact .graphic > svg .st5 {
  fill: #FFFFFF;
}
.contact .graphic > svg .contact-man {
  opacity: 0;
  -webkit-transform: translateX(-50px);
          transform: translateX(-50px);
  -webkit-transition: opacity 0.3s 1s, -webkit-transform 0.8s 1s;
  transition: opacity 0.3s 1s, -webkit-transform 0.8s 1s;
  transition: opacity 0.3s 1s, transform 0.8s 1s;
  transition: opacity 0.3s 1s, transform 0.8s 1s, -webkit-transform 0.8s 1s;
}
.contact-box {
  background: #fff;
  width: 100%;
  border-radius: 170px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  padding: 91px 0 110px;
}
.contact-box .top_ttl .icon {
  width: 36px;
  right: 100px;
}
.contact-box__link {
  margin: 56px 0 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact-box__link .block {
  margin-right: 253px;
}
.contact-box__link .block:nth-last-of-type(1) {
  width: 100%;
  margin-right: 0;
}
.contact-box__link .block .txt {
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  line-height: 4.6rem;
  text-align: center;
  margin-bottom: 48px;
}
.contact-box__link .block .txt.solo-txt {
  line-height: 92px;
}
.contact-box__link .block .btn-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 105px;
  width: 100%;
  height: 100px;
}
.contact-box__link .block .btn-cover .btn {
  position: relative;
}
.contact-box__link .block .btn-cover .btn > a {
  width: 370px;
  height: 100px;
  background: #ff9598;
}
.contact-box__link .block .btn-cover .btn > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ff9598;
  border-radius: 999px;
  z-index: -1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.contact-box__link .block .btn-cover .btn > a .inner {
  color: #fff;
}
.contact-box__link .block .btn-cover .btn > a .inner .ttl {
  font-size: 2.4rem;
}
.contact-box__link .block .btn-cover .btn > a .circle.contact-icon {
  width: 60px;
  height: 60px;
  background: #fff;
  -webkit-transition: background 0.1s linear, right 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: background 0.1s linear, right 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: background 0.1s linear, transform 0.3s ease-out, right 0.3s ease-out;
  transition: background 0.1s linear, transform 0.3s ease-out, right 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.contact-box__link .block .btn-cover .btn > a .circle.contact-icon .icon {
  position: absolute;
  top: 52%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.contact-box__link .block .btn-cover .btn > a .circle.contact-icon .icon.-i1 {
  width: 26px;
}
.contact-box__link .block .btn-cover .btn > a .circle.contact-icon .icon.-i1 > svg .st0 {
  fill: #252525;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.contact-box__link .block .btn-cover .btn > a .circle.contact-icon .icon.-i1 > svg .st1 {
  fill: #868686;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.contact-box__link .block .btn-cover .btn > a .circle.contact-icon .icon.-i2 {
  top: 54%;
  width: 23px;
}
.contact-box__link .block .btn-cover .btn > a .circle.contact-icon .icon.-i2 > svg .st0 {
  fill: #868686;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.contact-box__link .block .btn-cover .btn > a .circle.contact-icon .icon.-i2 > svg .st1 {
  fill: #252525;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .contact-box__link .block .btn-cover .btn > a:hover {
    width: 370px;
    background: #ff9598;
  }
  .contact-box__link .block .btn-cover .btn > a:hover::before {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  .contact-box__link .block .btn-cover .btn > a:hover .inner {
    color: #fff;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  .contact-box__link .block .btn-cover .btn > a:hover .circle {
    right: 10px;
    background: #ff9598;
  }
  .contact-box__link .block .btn-cover .btn > a:hover .circle .icon > svg .st0, .contact-box__link .block .btn-cover .btn > a:hover .circle .icon > svg .st1 {
    fill: #fff !important;
  }
}
.contact-box__link .block .btn-cover .btn:nth-of-type(2) > a {
  width: 430px;
}
.contact-box__link .block .btn-cover .btn:nth-of-type(2) > a .circle.contact-icon .icon.-i3 {
  width: 20px;
  height: 21px;
}
.contact-box__link .block .btn-cover .btn:nth-of-type(2) > a .circle.contact-icon .icon svg .st0 {
  fill: none;
  stroke: #252525;
  stroke-width: 3.5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.contact-box__link .block .btn-cover .btn:nth-of-type(2) > a .circle.contact-icon .icon svg .st1 {
  fill: #868686;
}
@media screen and (min-width: 751px) {
  .contact-box__link .block .btn-cover .btn:nth-of-type(2) > a:hover .inner {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  .contact-box__link .block .btn-cover .btn:nth-of-type(2) > a:hover .circle.contact-icon .icon svg .st0 {
    fill: none !important;
    stroke: #fff;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .contact-box__link .block .btn-cover .btn:nth-of-type(2) > a:hover .circle.contact-icon .icon svg .st1 {
    fill: #fff;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
}
.contact-box__link.-document {
  margin: 70px 0 0;
}
.contact-box__link.-document .block .btn-cover .btn > a {
  width: 370px !important;
}
.contact-box__link.-document .block .btn-cover .btn > a .circle.contact-icon .icon.-i4 {
  width: 24px;
}
.contact-box__link.-document .block .btn-cover .btn > a .circle.contact-icon .icon.-i4 svg .st0 {
  fill: #252525;
}
.contact-box__link.-document .block .btn-cover .btn > a .circle.contact-icon .icon.-i4 svg .st1 {
  fill: #868686;
}
.contact-box__tel .txt {
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  line-height: 4.3rem;
  margin-right: 73px;
}
.contact-box__tel .number .number-icon {
  width: 30px;
  margin-right: 26px;
  margin-top: -5px;
}
.contact-box__tel .number .number-numbering > a {
  font-size: 3.6rem;
  letter-spacing: 0.02em;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
}
.contact-box__tel .number .number-numbering > a::before {
  content: "";
  position: absolute;
  bottom: 9px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #252525;
  pointer-events: none;
  -webkit-transition: width 0.3s ease-out, right 0s, left 0s;
  transition: width 0.3s ease-out, right 0s, left 0s;
}
@media screen and (min-width: 751px) {
  .contact-box__tel .number .number-numbering > a {
    cursor: auto;
    pointer-events: none;
  }
  .contact-box__tel .number .number-numbering > a:hover::before {
    width: 0;
    left: initial;
    right: 0;
  }
}
@media screen and (max-width: 850px) {
  .contact-box__tel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contact-box__tel .txt {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1160px) {
  .contact-box__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contact-box__link .block {
    margin-right: 0;
  }
  .contact-box__link .block .txt {
    height: initial;
    line-height: 4.6rem !important;
  }
  .contact-box__link .block .btn-cover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    height: initial;
  }
  .contact-box__link .block .btn-cover .btn > a {
    width: 430px !important;
  }
}
@media screen and (max-width: 750px) {
  .contact {
    padding: 51px 5.2vw 121px;
  }
  .contact .graphic {
    width: 130px;
    height: 51px;
    height: initial;
    left: 75px;
  }
  .contact-box {
    border-radius: 50px;
    padding: 52px 8vw 60px;
  }
  .contact-box .top_ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .contact-box .top_ttl .jp {
    line-height: 3.3rem;
  }
  .contact-box .top_ttl .icon {
    width: 28px;
    right: initial;
    margin-bottom: 7px;
  }
  .contact-box__link {
    margin: 40px 0 44px;
  }
  .contact-box__link .block .txt {
    font-size: 1.6rem;
    line-height: 2.9rem !important;
    height: initial;
    margin-bottom: 43px;
  }
  .contact-box__link .block .btn-cover .btn {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
  .contact-box__link .block .btn-cover .btn > a {
    width: calc(100% - 15px) !important;
    height: 75px;
  }
  .contact-box__link .block .btn-cover .btn > a .inner .ttl {
    font-size: 1.9rem;
  }
  .contact-box__link .block .btn-cover .btn > a .circle.contact-icon .icon {
    width: 20px !important;
  }
  .contact-box__link.-document {
    margin-top: 52px;
  }
  .contact-box__link.-document .block .btn-cover .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contact-box__link.-document .block .btn-cover .btn > a {
    width: 240px !important;
    max-width: calc(100% - 15px);
  }
  .contact-box__link.-document .block .txt {
    margin-bottom: 35px;
  }
  .contact-box__link.-document .block .txt .cont-max1060 {
    display: none !important;
  }
  .contact-box__tel .txt {
    font-size: 1.6rem;
    line-height: 2.9rem;
    margin-bottom: 13px;
  }
  .contact-box__tel .number .number-icon {
    width: 22px;
    margin-right: 18px;
  }
  .contact-box__tel .number .number-numbering > a {
    font-size: 2.8rem;
  }
  .contact-box__tel .number .number-numbering > a::before {
    bottom: 6px;
  }
}
@media screen and (max-width: 374px) {
  .contact .contact-box {
    padding: 52px 3vw 51px;
  }
}

/*------------------------------------------------------*/
/*  top-main */
/*------------------------------------------------------*/
.top-main__animation {
  position: relative;
  width: 100vw;
  max-width: 1875px;
  margin: 0 auto;
  height: 100%;
}
.top-main__animation .graphic.-g9 {
  position: absolute;
  top: 115px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  height: 60px;
  background-image: url("../../assets/images/top/main/graphic/graphic9.svg");
  background-size: 253px 100%;
  background-repeat: repeat;
}
.top-main__animation .box {
  position: absolute;
  width: 1875px;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1);
}
.top-main__animation .box .dots {
  position: absolute;
}
.top-main__animation .box .dots .cls-1 {
  fill: #7adf6f;
}
.top-main__animation .box .dots.col {
  top: 0;
  left: 1510px;
  width: 17px;
}
.top-main__animation .box .dots.col.col2 {
  left: 393px;
}
.top-main__animation .box .dots.col > svg #main > circle {
  opacity: 0;
}
.top-main__animation .box .dots.col > svg #main > circle.-anm {
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .top-main__animation .box .dots.col {
    width: 10px;
  }
}
.top-main__animation .box .dots.row.row1 {
  top: 326px;
  right: 545px;
  width: 120px;
}
.top-main__animation .box .dots.row.row2 {
  top: 466px;
  left: 1260px;
  width: 120px;
}
.top-main__animation .box .dots.row.row3 {
  top: 294px;
  left: 566px;
  width: 120px;
}
.top-main__animation .box .dots.row.row3 > svg {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(-1, 1) rotate(-135deg);
          transform: scale(-1, 1) rotate(-135deg);
}
.top-main__animation .box .dots.row.row4 {
  top: 486px;
  left: 794px;
  width: 120px;
}
.top-main__animation .box .dots.row > svg #main > circle {
  opacity: 0;
}
.top-main__animation .box .dots.row > svg #main > circle.-anm {
  opacity: 1;
}
.top-main__animation .box .graphic {
  position: absolute;
}
.top-main__animation .box .graphic#main-g1 {
  z-index: 1;
  width: 605px;
  top: 175px;
  left: 25px;
}
.top-main__animation .box .graphic#main-g1 > svg .st0 {
  fill: #DDDDDD;
}
.top-main__animation .box .graphic#main-g1 > svg .st1 {
  fill: #FFDCCF;
}
.top-main__animation .box .graphic#main-g1 > svg .st2 {
  fill: #878787;
}
.top-main__animation .box .graphic#main-g1 > svg .st3 {
  fill: #DCDCDC;
}
.top-main__animation .box .graphic#main-g1 > svg .st4 {
  fill: #AAAAAA;
}
.top-main__animation .box .graphic#main-g1 > svg .st5 {
  fill: #FFFFFF;
}
.top-main__animation .box .graphic#main-g1 > svg .st6 {
  fill: #FF9B9B;
}
.top-main__animation .box .graphic#main-g1 > svg .st7 {
  fill: #FFDCCE;
}
.top-main__animation .box .graphic#main-g1 > svg .st8 {
  fill: none;
  stroke: #DDDDDD;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.top-main__animation .box .graphic#main-g1 > svg .machine1 {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.top-main__animation .box .graphic#main-g1 > svg .batu {
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.top-main__animation .box .graphic#main-g1 > svg .r_l-arm {
  -webkit-transform-origin: 1000px 55px;
          transform-origin: 1000px 55px;
  -webkit-transform: rotateX(0deg) translateY(0);
          transform: rotateX(0deg) translateY(0);
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.top-main__animation .box .graphic#main-g1 > svg .l-arm {
  -webkit-transform-origin: 550px 57px;
          transform-origin: 550px 57px;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.top-main__animation .box .graphic#main-g1 > svg .r-head {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: 990px 50px;
          transform-origin: 990px 50px;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 5.2s;
          animation-delay: 5.2s;
}
.top-main__animation .box .graphic#main-g1 > svg .man {
  opacity: 1;
}
.top-main__animation .box .graphic#main-g1.-anm > svg .machine1 {
  -webkit-animation-name: machine1;
          animation-name: machine1;
}
.top-main__animation .box .graphic#main-g1.-anm > svg .r-head {
  -webkit-animation-name: head1;
          animation-name: head1;
}
.top-main__animation .box .graphic#main-g1.-anm > svg .r_l-arm {
  -webkit-animation-name: r-arm1;
          animation-name: r-arm1;
}
.top-main__animation .box .graphic#main-g1.-anm > svg .batu {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  opacity: 1;
}
.top-main__animation .box .graphic#main-g1.-anm > svg .l-arm {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
}
.top-main__animation .box .graphic#main-g1.-keyanm .man {
  opacity: 0;
  -webkit-transition-delay: 6.2s;
          transition-delay: 6.2s;
}
.top-main__animation .box .graphic#main-g1_5 {
  width: 75px;
  top: 124px;
  left: 477px;
  z-index: 2;
  opacity: 0;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.top-main__animation .box .graphic#main-g1_5 > svg {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.top-main__animation .box .graphic#main-g1_5 > svg .st0 {
  fill: #ABABAB;
}
.top-main__animation .box .graphic#main-g1_5 > svg .st1 {
  fill: #DDDDDD;
}
.top-main__animation .box .graphic#main-g1_5 > svg .st2 {
  fill: #F7D8CB;
}
.top-main__animation .box .graphic#main-g1_5 > svg .st3 {
  fill: #858585;
}
.top-main__animation .box .graphic#main-g1_5 > svg .st4 {
  fill: #DADADA;
}
.top-main__animation .box .graphic#main-g1_5 > svg .st5 {
  fill: #A9A8A8;
}
.top-main__animation .box .graphic#main-g1_5 > svg .st6 {
  fill: #DBDBDB;
}
.top-main__animation .box .graphic#main-g1_5 > svg .bal {
  opacity: 0;
}
.top-main__animation .box .graphic#main-g1_5 > svg .man {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.top-main__animation .box .graphic#main-g1_5 > svg .l-arm, .top-main__animation .box .graphic#main-g1_5 > svg .r-arm {
  -webkit-transform: rotateX(0deg);
          transform: rotateX(0deg);
  -webkit-transform-origin: 100px 160px;
          transform-origin: 100px 160px;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.top-main__animation .box .graphic#main-g1_5.-anm {
  opacity: 1;
  -webkit-animation-name: bal-man;
          animation-name: bal-man;
}
.top-main__animation .box .graphic#main-g1_5.-anm > svg {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.top-main__animation .box .graphic#main-g1_5.-anm > svg .man {
  -webkit-animation-name: bal-man-reverse;
          animation-name: bal-man-reverse;
}
.top-main__animation .box .graphic#main-g1_5.-anm > svg .l-arm, .top-main__animation .box .graphic#main-g1_5.-anm > svg .r-arm {
  -webkit-animation-name: l-arm1_5;
          animation-name: l-arm1_5;
}
.top-main__animation .box .graphic#main-g1_5.-balanm .bal {
  opacity: 1;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.top-main__animation .box .graphic#main-g1_6 {
  width: 75px;
  top: 124px;
  left: 477px;
  z-index: 2;
  opacity: 0;
  -webkit-transform: translate(230px, 415px) rotate(0);
          transform: translate(230px, 415px) rotate(0);
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.top-main__animation .box .graphic#main-g1_6 > svg .st0 {
  fill: #ABABAB;
}
.top-main__animation .box .graphic#main-g1_6 > svg .st1 {
  fill: #DDDDDD;
}
.top-main__animation .box .graphic#main-g1_6 > svg .st2 {
  fill: #F9DACD;
}
.top-main__animation .box .graphic#main-g1_6 > svg .st3 {
  fill: #858585;
}
.top-main__animation .box .graphic#main-g1_6 > svg .st4 {
  fill: #DADADA;
}
.top-main__animation .box .graphic#main-g1_6 > svg .st5 {
  fill: #A8A8A8;
}
.top-main__animation .box .graphic#main-g1_6 > svg .st6 {
  fill: #DBDBDB;
}
.top-main__animation .box .graphic#main-g1_6 > svg .bal {
  opacity: 0;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.top-main__animation .box .graphic#main-g1_6 > svg .l-arm, .top-main__animation .box .graphic#main-g1_6 > svg .r-arm {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
  -webkit-transform-origin: 100px 160px;
          transform-origin: 100px 160px;
  -webkit-animation-duration: 6s;
          animation-duration: 6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.top-main__animation .box .graphic#main-g1_6.-anm {
  opacity: 1;
  -webkit-animation-name: back-man1_6;
          animation-name: back-man1_6;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.top-main__animation .box .graphic#main-g1_6.-anm > svg .bal {
  -webkit-animation-name: bal1_6;
          animation-name: bal1_6;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.top-main__animation .box .graphic#main-g1_6.-anm > svg .l-arm, .top-main__animation .box .graphic#main-g1_6.-anm > svg .r-arm {
  -webkit-animation-name: l-arm1_6;
          animation-name: l-arm1_6;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.top-main__animation .box .graphic#main-g1_6.-keyanm > svg {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.top-main__animation .box .graphic#main-g2 {
  z-index: 1;
  width: 520px;
  top: 225px;
  right: 85px;
}
.top-main__animation .box .graphic#main-g2 > svg .cls-1 {
  fill: #ffdcce;
}
.top-main__animation .box .graphic#main-g2 > svg .cls-2 {
  fill: #878787;
}
.top-main__animation .box .graphic#main-g2 > svg .cls-3 {
  fill: #dcdcdc;
}
.top-main__animation .box .graphic#main-g2 > svg .cls-4 {
  fill: #aaa;
}
.top-main__animation .box .graphic#main-g2 > svg .cls-5 {
  fill: #fff;
}
.top-main__animation .box .graphic#main-g2 > svg .cls-6 {
  fill: #ddd;
}
.top-main__animation .box .graphic#main-g2 > svg .cls-7 {
  fill: #ff9b9b;
}
.top-main__animation .box .graphic#main-g2 > svg .cls-8 {
  fill: #ababab;
}
.top-main__animation .box .graphic#main-g2 > svg .tri {
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
  opacity: 0;
  -webkit-transform: translate(89px, -103px) scale(0.6) rotate(20deg);
          transform: translate(89px, -103px) scale(0.6) rotate(20deg);
}
.top-main__animation .box .graphic#main-g2 > svg .r-arm {
  -webkit-transition: 0.3s linear 0.2s;
  transition: 0.3s linear 0.2s;
  -webkit-transform-origin: 228px 70px;
          transform-origin: 228px 70px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.top-main__animation .box .graphic#main-g2.-anm > svg .tri {
  opacity: 1;
}
.top-main__animation .box .graphic#main-g2.-anm > svg .r-arm {
  -webkit-transform: rotate(-100deg);
          transform: rotate(-100deg);
}
.top-main__animation .box .graphic#main-g3 {
  z-index: 1;
  width: 505px;
  top: 360px;
  left: 845px;
}
.top-main__animation .box .graphic#main-g3 > svg .cls-1 {
  fill: #ffdcce;
}
.top-main__animation .box .graphic#main-g3 > svg .cls-2 {
  fill: #ddd;
}
.top-main__animation .box .graphic#main-g3 > svg .cls-3 {
  fill: #ababab;
}
.top-main__animation .box .graphic#main-g3 > svg .cls-4 {
  fill: #878787;
}
.top-main__animation .box .graphic#main-g3 > svg .cls-5 {
  fill: #fff;
}
.top-main__animation .box .graphic#main-g3 > svg .cls-6 {
  fill: #ff9b9b;
}
.top-main__animation .box .graphic#main-g3 > svg .wifi {
  opacity: 0;
  -webkit-animation-duration: 0s;
          animation-duration: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.top-main__animation .box .graphic#main-g3 > svg .wifi.-m {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.top-main__animation .box .graphic#main-g3 > svg .wifi.-l {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.top-main__animation .box .graphic#main-g3 > svg .l-head {
  -webkit-transform-origin: 290px 70px;
          transform-origin: 290px 70px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: 0.3s linear 0s;
  transition: 0.3s linear 0s;
}
.top-main__animation .box .graphic#main-g3 > svg .r-head {
  -webkit-transform-origin: 710px 70px;
          transform-origin: 710px 70px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: 0.3s linear 0s;
  transition: 0.3s linear 0s;
}
.top-main__animation .box .graphic#main-g3 .graph {
  display: block;
  background: #fff;
  width: 12px;
  height: 43px;
  position: absolute;
  top: 50px;
  left: 268px;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.top-main__animation .box .graphic#main-g3.-anm > svg .l-head {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  -webkit-transition: 0.3s linear 1.5s;
  transition: 0.3s linear 1.5s;
}
.top-main__animation .box .graphic#main-g3.-anm > svg .r-head {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  -webkit-transition: 0.3s linear 1.5s;
  transition: 0.3s linear 1.5s;
}
.top-main__animation .box .graphic#main-g3.-keyanm > svg .wifi {
  -webkit-animation-name: wifi;
          animation-name: wifi;
}
.top-main__animation .box .graphic#main-g3.-keyanm .graph {
  -webkit-animation-name: graph;
          animation-name: graph;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.top-main__animation .box .graphic#main-g4 {
  z-index: 1;
  width: 475px;
  top: 610px;
  left: 340px;
}
.top-main__animation .box .graphic#main-g4 > svg .cls-1 {
  fill: #ffdcce;
}
.top-main__animation .box .graphic#main-g4 > svg .cls-2 {
  fill: #ff9b9b;
}
.top-main__animation .box .graphic#main-g4 > svg .cls-3 {
  fill: #aaa;
}
.top-main__animation .box .graphic#main-g4 > svg .cls-4 {
  fill: #ddd;
}
.top-main__animation .box .graphic#main-g4 > svg .cls-5 {
  fill: #878787;
}
.top-main__animation .box .graphic#main-g4 > svg .cls-6 {
  fill: #fff;
}
.top-main__animation .box .graphic#main-g4 > svg .cls-7 {
  fill: none;
  stroke: #ff9b9b;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 7px;
}
.top-main__animation .box .graphic#main-g4 > svg .man {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.top-main__animation .box .graphic#main-g4 > svg .l-arm {
  -webkit-transform-origin: 270px 60px;
          transform-origin: 270px 60px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.top-main__animation .box .graphic#main-g4 > svg .machine {
  -webkit-transform-origin: 500px 90px;
          transform-origin: 500px 90px;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.top-main__animation .box .graphic#main-g4 > svg .line {
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.top-main__animation .box .graphic#main-g4 > .maru {
  position: absolute;
  top: 35px;
  left: 220px;
  display: block;
  width: 3%;
  border-radius: 50%;
  border: 3px solid #ff9598;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.top-main__animation .box .graphic#main-g4 > .maru::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.top-main__animation .box .graphic#main-g4.-anm > svg .man {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  -webkit-transform: translateX(53px);
          transform: translateX(53px);
}
.top-main__animation .box .graphic#main-g4.-anm > svg .l-arm {
  -webkit-animation-name: arm4;
          animation-name: arm4;
}
.top-main__animation .box .graphic#main-g4.-anm > svg .machine {
  -webkit-animation-name: machine4;
          animation-name: machine4;
}
.top-main__animation .box .graphic#main-g4.-anm > svg .line {
  -webkit-transition: 0.2s 3.8s;
  transition: 0.2s 3.8s;
  opacity: 0;
}
.top-main__animation .box .graphic#main-g4.-anm .maru {
  opacity: 1;
  -webkit-transition: 0.2s 3.8s;
  transition: 0.2s 3.8s;
}
.top-main__animation .box .graphic#main-g5 {
  z-index: 1;
  width: 570px;
  top: 625px;
  right: 75px;
}
.top-main__animation .box .graphic#main-g5 > svg .st0 {
  fill: #FFDCCE;
}
.top-main__animation .box .graphic#main-g5 > svg .st1 {
  fill: #878787;
}
.top-main__animation .box .graphic#main-g5 > svg .st2 {
  fill: #DDDDDD;
}
.top-main__animation .box .graphic#main-g5 > svg .st3 {
  fill: #ABABAB;
}
.top-main__animation .box .graphic#main-g5 > svg .st4 {
  fill: #FF9B9B;
}
.top-main__animation .box .graphic#main-g5 > svg .st5 {
  fill: #FFFFFF;
}
.top-main__animation .box .graphic#main-g5 > svg .st6 {
  fill: #AAAAAA;
}
.top-main__animation .box .graphic#main-g5 > svg .wifi {
  opacity: 0;
  -webkit-animation-duration: 0s;
          animation-duration: 0s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.top-main__animation .box .graphic#main-g5 > svg .wifi.-m {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.top-main__animation .box .graphic#main-g5 > svg .wifi.-l {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.top-main__animation .box .graphic#main-g5 > svg .l-head {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transform-origin: 290px 70px;
          transform-origin: 290px 70px;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.top-main__animation .box .graphic#main-g5 > svg .r-arm {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 520px 100px;
          transform-origin: 520px 100px;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.top-main__animation .box .graphic#main-g5 > svg .r-man {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 840px 240px;
          transform-origin: 840px 240px;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.top-main__animation .box .graphic#main-g5.-anm > svg .l-head {
  -webkit-animation-name: head5;
          animation-name: head5;
}
.top-main__animation .box .graphic#main-g5.-anm > svg .r-arm {
  -webkit-animation-name: arm5;
          animation-name: arm5;
}
.top-main__animation .box .graphic#main-g5.-keyanm > svg .wifi {
  -webkit-animation-name: wifi;
          animation-name: wifi;
}
.top-main__animation .box .graphic#main-g5.-keyanm > svg .r-man {
  -webkit-animation-name: r-man5;
          animation-name: r-man5;
}
.top-main__animation .box .graphic#main-g4_5 {
  z-index: 1;
  width: 570px;
  top: 570px;
  left: -40px;
}
.top-main__animation .box .graphic#main-g4_5 > svg .st0 {
  fill: #FFDCCE;
}
.top-main__animation .box .graphic#main-g4_5 > svg .st1 {
  fill: #878787;
}
.top-main__animation .box .graphic#main-g4_5 > svg .st2 {
  fill: #DDDDDD;
}
.top-main__animation .box .graphic#main-g4_5 > svg .st3 {
  fill: #ABABAB;
}
.top-main__animation .box .graphic#main-g4_5 > svg .st4 {
  fill: #FF9B9B;
}
.top-main__animation .box .graphic#main-g4_5 > svg .st5 {
  fill: #FFFFFF;
}
.top-main__animation .box .graphic#main-g4_5 > svg .st6 {
  fill: #AAAAAA;
}
.top-main__animation .box .graphic#main-g4_5 > svg .r-man {
  opacity: 0;
  -webkit-transform: translateX(0) rotate(0deg);
          transform: translateX(0) rotate(0deg);
  -webkit-transform-origin: 840px 240px;
          transform-origin: 840px 240px;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.top-main__animation .box .graphic#main-g4_5.-keyanm > svg .r-man {
  -webkit-animation-name: r-man4_5;
          animation-name: r-man4_5;
}
.top-main__animation .box .graphic#main-g4_5.-anm > svg .r-man {
  -webkit-transition: opacity 0s, -webkit-transform 0.2s linear 0.2s;
  transition: opacity 0s, -webkit-transform 0.2s linear 0.2s;
  transition: transform 0.2s linear 0.2s, opacity 0s;
  transition: transform 0.2s linear 0.2s, opacity 0s, -webkit-transform 0.2s linear 0.2s;
  opacity: 1;
  -webkit-transform-origin: 820px center;
          transform-origin: 820px center;
  -webkit-transform: translateX(60px) rotate(0deg) scale(-1, 1);
          transform: translateX(60px) rotate(0deg) scale(-1, 1);
}
.top-main__animation .box .graphic.-g6 {
  width: 104px;
  top: 565px;
  left: calc((1860px - 100vw) * 0.5);
}
.top-main__animation .box .graphic.-g6 > svg .cls-1 {
  fill: #ddd;
}
.top-main__animation .box .graphic.-g6 > svg .cls-2 {
  fill: #ababab;
}
.top-main__animation .box .graphic.-g6 > svg .cls-3 {
  fill: #878787;
}
.top-main__animation .box .graphic.-g6 > svg .cls-4 {
  fill: #ff9b9b;
}
.top-main__animation .box .graphic.-g6 > svg > g {
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.top-main__animation .box .graphic.-g6 > svg .bar {
  -webkit-transform-origin: 98px 93px;
          transform-origin: 98px 93px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.6s cubic-bezier(1, 0, 0.3, 0.5);
  transition: 0.6s cubic-bezier(1, 0, 0.3, 0.5);
}
.top-main__animation .box .graphic.-g6.-anm .bar {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.top-main__animation .box .graphic.-g7 {
  width: 84px;
  top: 685px;
  left: 960px;
}
.top-main__animation .box .graphic.-g7 .cls-1 {
  fill: #ddd;
}
.top-main__animation .box .graphic.-g7 .cls-2 {
  fill: #ababab;
}
.top-main__animation .box .graphic.-g8 {
  width: 85px;
  top: -115px;
  left: 720px;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.top-main__animation .box .graphic.-g8 > svg .st0 {
  fill: #DDDDDD;
}
.top-main__animation .box .graphic.-g8 > svg .st1 {
  fill: #ABABAB;
}
.top-main__animation .box .graphic.-g8 > .-g8_5 {
  width: 17px;
  position: absolute;
  top: 368px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}
.top-main__animation .box .graphic.-g8 > .-g8_5 > svg .cls-1 {
  fill: #7adf6f;
}
.top-main__animation .box .graphic.-g8 > .-g8_5 > svg .circle {
  opacity: 0;
}
.top-main__animation .box .graphic.-g8.-anm {
  -webkit-animation-name: machine8_2;
          animation-name: machine8_2;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.top-main__animation .box .graphic.-g8.-anm > .-g8_5 > svg .circle {
  -webkit-animation-name: machine8-dot1;
          animation-name: machine8-dot1;
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.top-main__animation .box .graphic.-g8.-anm > .-g8_5 > svg .circle:nth-of-type(2) {
  -webkit-animation-name: machine8-dot2;
          animation-name: machine8-dot2;
}
.top-main__animation .box .graphic.-g8.-anm > .-g8_5 > svg .circle:nth-of-type(3) {
  -webkit-animation-name: machine8-dot3;
          animation-name: machine8-dot3;
}
.top-main__animation .box .graphic.-g8.-preanm {
  -webkit-animation-name: machine8_1;
          animation-name: machine8_1;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}
.top-main__animation .box .graphic.-g8.-reanm {
  -webkit-animation-name: machine8;
          animation-name: machine8;
}
@media screen and (max-width: 1300px) {
  .top-main__animation .box {
    -webkit-transform: translateX(-50%) scale(0.9);
            transform: translateX(-50%) scale(0.9);
  }
  .top-main__animation .box .graphic.-g6 {
    top: 525px;
    left: calc((1674px - 100vw) * 0.56);
  }
}
@media screen and (max-width: 1200px) {
  .top-main__animation .box .graphic.-g6 {
    top: 408px;
    left: calc((1674px - 100vw) * 0.48);
  }
}
@media screen and (max-width: 1060px) {
  .top-main__animation .graphic.-g9 {
    height: 43px;
    background-size: 177px 100%;
  }
  .top-main__animation .box {
    -webkit-transform: translateX(-50%) scale(0.7);
            transform: translateX(-50%) scale(0.7);
  }
  .top-main__animation .box .graphic.-g6 {
    left: calc((1302px - 100vw) * 0.65);
  }
}
@media screen and (max-width: 850px) {
  .top-main__animation .box {
    top: -50px;
    -webkit-transform: translateX(-50%) scale(0.6);
            transform: translateX(-50%) scale(0.6);
  }
  .top-main__animation .box .dots.col.col1 {
    top: -90px;
    left: 1432px;
  }
  .top-main__animation .box .dots.row.row1 {
    top: 238px;
    right: 637px;
  }
  .top-main__animation .box .graphic#main-g2 {
    top: 135px;
    right: 175px;
  }
  .top-main__animation .box .graphic.-g6 {
    top: 870px;
    left: calc((1116px - 100vw) * 0.83);
  }
}
@-webkit-keyframes bal-man {
  0% {
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
  3% {
    -webkit-transform: translate(15px, 0) rotate(5deg);
            transform: translate(15px, 0) rotate(5deg);
  }
  6% {
    -webkit-transform: translate(30px, 0) rotate(-1deg);
            transform: translate(30px, 0) rotate(-1deg);
  }
  9% {
    -webkit-transform: translate(45px, 0) rotate(5deg);
            transform: translate(45px, 0) rotate(5deg);
  }
  20% {
    -webkit-transform: translate(65px, 0) rotate(-10deg);
            transform: translate(65px, 0) rotate(-10deg);
  }
  40% {
    -webkit-transform: translate(150px, -30px) rotate(0deg);
            transform: translate(150px, -30px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(300px, 200px) rotate(-5deg);
            transform: translate(300px, 200px) rotate(-5deg);
  }
  95% {
    -webkit-transform: translate(230px, 415px) rotate(2deg);
            transform: translate(230px, 415px) rotate(2deg);
  }
  100% {
    -webkit-transform: translate(230px, 415px) rotate(0);
            transform: translate(230px, 415px) rotate(0);
  }
}
@keyframes bal-man {
  0% {
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
  3% {
    -webkit-transform: translate(15px, 0) rotate(5deg);
            transform: translate(15px, 0) rotate(5deg);
  }
  6% {
    -webkit-transform: translate(30px, 0) rotate(-1deg);
            transform: translate(30px, 0) rotate(-1deg);
  }
  9% {
    -webkit-transform: translate(45px, 0) rotate(5deg);
            transform: translate(45px, 0) rotate(5deg);
  }
  20% {
    -webkit-transform: translate(65px, 0) rotate(-10deg);
            transform: translate(65px, 0) rotate(-10deg);
  }
  40% {
    -webkit-transform: translate(150px, -30px) rotate(0deg);
            transform: translate(150px, -30px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(300px, 200px) rotate(-5deg);
            transform: translate(300px, 200px) rotate(-5deg);
  }
  95% {
    -webkit-transform: translate(230px, 415px) rotate(2deg);
            transform: translate(230px, 415px) rotate(2deg);
  }
  100% {
    -webkit-transform: translate(230px, 415px) rotate(0);
            transform: translate(230px, 415px) rotate(0);
  }
}
@-webkit-keyframes bal-man-reverse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  72% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  90% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  100% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@keyframes bal-man-reverse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  72% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  90% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  100% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@-webkit-keyframes l-arm1_5 {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  9% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  20% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  90% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
@keyframes l-arm1_5 {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  9% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  20% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  90% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
@-webkit-keyframes back-man1_6 {
  0% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(230px, 415px) rotate(0);
            transform: translate(230px, 415px) rotate(0);
  }
  5% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(230px, 415px) rotate(10deg);
            transform: translate(230px, 415px) rotate(10deg);
  }
  8% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(230px, 415px) rotate(0deg);
            transform: translate(230px, 415px) rotate(0deg);
  }
  15% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(230px, 380px) rotate(0deg);
            transform: translate(230px, 380px) rotate(0deg);
  }
  45% {
    opacity: 1;
    top: 124px;
  }
  50% {
    opacity: 0;
    top: 100px;
    -webkit-transform: translate(350px, 780px) rotate(0deg);
            transform: translate(350px, 780px) rotate(0deg);
  }
  50.1% {
    opacity: 0;
    top: 0;
    -webkit-transform: translate(350px, -100%) rotate(10deg);
            transform: translate(350px, -100%) rotate(10deg);
  }
  51% {
    opacity: 1;
    top: 0;
    -webkit-transform: translate(350px, -100%) rotate(10deg);
            transform: translate(350px, -100%) rotate(10deg);
  }
  98% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(0) rotate(3deg);
            transform: translate(0) rotate(3deg);
  }
  100% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
}
@keyframes back-man1_6 {
  0% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(230px, 415px) rotate(0);
            transform: translate(230px, 415px) rotate(0);
  }
  5% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(230px, 415px) rotate(10deg);
            transform: translate(230px, 415px) rotate(10deg);
  }
  8% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(230px, 415px) rotate(0deg);
            transform: translate(230px, 415px) rotate(0deg);
  }
  15% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(230px, 380px) rotate(0deg);
            transform: translate(230px, 380px) rotate(0deg);
  }
  45% {
    opacity: 1;
    top: 124px;
  }
  50% {
    opacity: 0;
    top: 100px;
    -webkit-transform: translate(350px, 780px) rotate(0deg);
            transform: translate(350px, 780px) rotate(0deg);
  }
  50.1% {
    opacity: 0;
    top: 0;
    -webkit-transform: translate(350px, -100%) rotate(10deg);
            transform: translate(350px, -100%) rotate(10deg);
  }
  51% {
    opacity: 1;
    top: 0;
    -webkit-transform: translate(350px, -100%) rotate(10deg);
            transform: translate(350px, -100%) rotate(10deg);
  }
  98% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(0) rotate(3deg);
            transform: translate(0) rotate(3deg);
  }
  100% {
    opacity: 1;
    top: 124px;
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
}
@-webkit-keyframes l-arm1_6 {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  8% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  15% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  90% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
@keyframes l-arm1_6 {
  0% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  8% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
  15% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  90% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
  }
}
@-webkit-keyframes bal1_6 {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  51% {
    opacity: 1;
  }
  51.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bal1_6 {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  51% {
    opacity: 1;
  }
  51.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes wifi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wifi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes graph {
  0% {
    height: 43px;
  }
  100% {
    height: 0;
  }
}
@keyframes graph {
  0% {
    height: 43px;
  }
  100% {
    height: 0;
  }
}
@-webkit-keyframes r-arm1 {
  0% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
  30% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  40% {
    -webkit-transform: rotateX(180deg) translateY(-3px);
            transform: rotateX(180deg) translateY(-3px);
  }
  50% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  60% {
    -webkit-transform: rotateX(180deg) translateY(-3px);
            transform: rotateX(180deg) translateY(-3px);
  }
  70% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  100% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
}
@keyframes r-arm1 {
  0% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
  30% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  40% {
    -webkit-transform: rotateX(180deg) translateY(-3px);
            transform: rotateX(180deg) translateY(-3px);
  }
  50% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  60% {
    -webkit-transform: rotateX(180deg) translateY(-3px);
            transform: rotateX(180deg) translateY(-3px);
  }
  70% {
    -webkit-transform: rotateX(180deg) translateY(0);
            transform: rotateX(180deg) translateY(0);
  }
  100% {
    -webkit-transform: rotateX(0) translateY(0);
            transform: rotateX(0) translateY(0);
  }
}
@-webkit-keyframes head1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes head1 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes arm4 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  30% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  40% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  56% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  62% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  68% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  74% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  80% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes arm4 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  30% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  40% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  56% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  62% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  68% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  74% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  80% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes machine4 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  20% {
    -webkit-transform: translateY(3px) rotate(5deg);
            transform: translateY(3px) rotate(5deg);
  }
  60% {
    -webkit-transform: translateY(3px) rotate(-3deg);
            transform: translateY(3px) rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes machine4 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  20% {
    -webkit-transform: translateY(3px) rotate(5deg);
            transform: translateY(3px) rotate(5deg);
  }
  60% {
    -webkit-transform: translateY(3px) rotate(-3deg);
            transform: translateY(3px) rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes arm5 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes arm5 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes head5 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes head5 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes r-man5 {
  0% {
    opacity: 1;
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
  10% {
    opacity: 1;
    -webkit-transform: translate(25px) rotate(5deg);
            transform: translate(25px) rotate(5deg);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(50px) rotate(-1deg);
            transform: translate(50px) rotate(-1deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(75px) rotate(5deg);
            transform: translate(75px) rotate(5deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(100px) rotate(-1deg);
            transform: translate(100px) rotate(-1deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(100px) rotate(-6deg);
            transform: translate(100px) rotate(-6deg);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(95px) rotate(8deg);
            transform: translate(95px) rotate(8deg);
  }
  99% {
    opacity: 1;
    -webkit-transform: translate(250px) rotate(8deg);
            transform: translate(250px) rotate(8deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(250px) rotate(8deg);
            transform: translate(250px) rotate(8deg);
  }
}
@keyframes r-man5 {
  0% {
    opacity: 1;
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
  10% {
    opacity: 1;
    -webkit-transform: translate(25px) rotate(5deg);
            transform: translate(25px) rotate(5deg);
  }
  20% {
    opacity: 1;
    -webkit-transform: translate(50px) rotate(-1deg);
            transform: translate(50px) rotate(-1deg);
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(75px) rotate(5deg);
            transform: translate(75px) rotate(5deg);
  }
  40% {
    opacity: 1;
    -webkit-transform: translate(100px) rotate(-1deg);
            transform: translate(100px) rotate(-1deg);
  }
  50% {
    opacity: 1;
    -webkit-transform: translate(100px) rotate(-6deg);
            transform: translate(100px) rotate(-6deg);
  }
  75% {
    opacity: 1;
    -webkit-transform: translate(95px) rotate(8deg);
            transform: translate(95px) rotate(8deg);
  }
  99% {
    opacity: 1;
    -webkit-transform: translate(250px) rotate(8deg);
            transform: translate(250px) rotate(8deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(250px) rotate(8deg);
            transform: translate(250px) rotate(8deg);
  }
}
@-webkit-keyframes r-man4_5 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0) rotate(8deg);
            transform: translateX(0) rotate(8deg);
  }
  1% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(8deg);
            transform: translateX(0) rotate(8deg);
  }
  10% {
    -webkit-transform: translateX(6px) rotate(10deg);
            transform: translateX(6px) rotate(10deg);
  }
  20% {
    -webkit-transform: translateX(12px) rotate(8deg);
            transform: translateX(12px) rotate(8deg);
  }
  30% {
    -webkit-transform: translateX(18px) rotate(9deg);
            transform: translateX(18px) rotate(9deg);
  }
  40% {
    -webkit-transform: translateX(24px) rotate(8deg);
            transform: translateX(24px) rotate(8deg);
  }
  50% {
    -webkit-transform: translateX(30px) rotate(10deg);
            transform: translateX(30px) rotate(10deg);
  }
  60% {
    -webkit-transform: translateX(36px) rotate(8deg);
            transform: translateX(36px) rotate(8deg);
  }
  70% {
    -webkit-transform: translateX(42px) rotate(9deg);
            transform: translateX(42px) rotate(9deg);
  }
  80% {
    -webkit-transform: translateX(48px) rotate(10deg);
            transform: translateX(48px) rotate(10deg);
  }
  90% {
    -webkit-transform: translateX(54px) rotate(6deg);
            transform: translateX(54px) rotate(6deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(60px) rotate(0deg);
            transform: translateX(60px) rotate(0deg);
  }
}
@keyframes r-man4_5 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0) rotate(8deg);
            transform: translateX(0) rotate(8deg);
  }
  1% {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(8deg);
            transform: translateX(0) rotate(8deg);
  }
  10% {
    -webkit-transform: translateX(6px) rotate(10deg);
            transform: translateX(6px) rotate(10deg);
  }
  20% {
    -webkit-transform: translateX(12px) rotate(8deg);
            transform: translateX(12px) rotate(8deg);
  }
  30% {
    -webkit-transform: translateX(18px) rotate(9deg);
            transform: translateX(18px) rotate(9deg);
  }
  40% {
    -webkit-transform: translateX(24px) rotate(8deg);
            transform: translateX(24px) rotate(8deg);
  }
  50% {
    -webkit-transform: translateX(30px) rotate(10deg);
            transform: translateX(30px) rotate(10deg);
  }
  60% {
    -webkit-transform: translateX(36px) rotate(8deg);
            transform: translateX(36px) rotate(8deg);
  }
  70% {
    -webkit-transform: translateX(42px) rotate(9deg);
            transform: translateX(42px) rotate(9deg);
  }
  80% {
    -webkit-transform: translateX(48px) rotate(10deg);
            transform: translateX(48px) rotate(10deg);
  }
  90% {
    -webkit-transform: translateX(54px) rotate(6deg);
            transform: translateX(54px) rotate(6deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(60px) rotate(0deg);
            transform: translateX(60px) rotate(0deg);
  }
}
@-webkit-keyframes machine1 {
  2% {
    -webkit-transform: translate(1px, -1px) rotate(0deg);
            transform: translate(1px, -1px) rotate(0deg);
  }
  4% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  6% {
    -webkit-transform: translate(1px, 2px) rotate(0deg);
            transform: translate(1px, 2px) rotate(0deg);
  }
  8% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  12% {
    -webkit-transform: translate(0px, 1px) rotate(1deg);
            transform: translate(0px, 1px) rotate(1deg);
  }
  14% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  16% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  18% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  22% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  24% {
    -webkit-transform: translate(-1px, 1px) rotate(0deg);
            transform: translate(-1px, 1px) rotate(0deg);
  }
  26% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  28% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  30% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  32% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  34% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  36% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  38% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  42% {
    -webkit-transform: translate(0px, 0px) rotate(1deg);
            transform: translate(0px, 0px) rotate(1deg);
  }
  44% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  46% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  48% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  54% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  56% {
    -webkit-transform: translate(1px, 2px) rotate(1deg);
            transform: translate(1px, 2px) rotate(1deg);
  }
  58% {
    -webkit-transform: translate(0px, 1px) rotate(1deg);
            transform: translate(0px, 1px) rotate(1deg);
  }
  60% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg);
  }
  62% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  64% {
    -webkit-transform: translate(1px, 2px) rotate(1deg);
            transform: translate(1px, 2px) rotate(1deg);
  }
  66% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  68% {
    -webkit-transform: translate(-1px, 1px) rotate(0deg);
            transform: translate(-1px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  72% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  74% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  76% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  78% {
    -webkit-transform: translate(1px, -1px) rotate(0deg);
            transform: translate(1px, -1px) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  82% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  84% {
    -webkit-transform: translate(2px, 2px) rotate(1deg);
            transform: translate(2px, 2px) rotate(1deg);
  }
  86% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  88% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  90% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  92% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
            transform: translate(2px, 1px) rotate(0deg);
  }
  94% {
    -webkit-transform: translate(2px, -1px) rotate(0deg);
            transform: translate(2px, -1px) rotate(0deg);
  }
  96% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg);
  }
  98% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes machine1 {
  2% {
    -webkit-transform: translate(1px, -1px) rotate(0deg);
            transform: translate(1px, -1px) rotate(0deg);
  }
  4% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  6% {
    -webkit-transform: translate(1px, 2px) rotate(0deg);
            transform: translate(1px, 2px) rotate(0deg);
  }
  8% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  10% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  12% {
    -webkit-transform: translate(0px, 1px) rotate(1deg);
            transform: translate(0px, 1px) rotate(1deg);
  }
  14% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  16% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  18% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg);
  }
  20% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  22% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  24% {
    -webkit-transform: translate(-1px, 1px) rotate(0deg);
            transform: translate(-1px, 1px) rotate(0deg);
  }
  26% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  28% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  30% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  32% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  34% {
    -webkit-transform: translate(1px, 0px) rotate(0deg);
            transform: translate(1px, 0px) rotate(0deg);
  }
  36% {
    -webkit-transform: translate(0px, 2px) rotate(0deg);
            transform: translate(0px, 2px) rotate(0deg);
  }
  38% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  40% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  42% {
    -webkit-transform: translate(0px, 0px) rotate(1deg);
            transform: translate(0px, 0px) rotate(1deg);
  }
  44% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  46% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  48% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  52% {
    -webkit-transform: translate(-1px, 0px) rotate(1deg);
            transform: translate(-1px, 0px) rotate(1deg);
  }
  54% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  56% {
    -webkit-transform: translate(1px, 2px) rotate(1deg);
            transform: translate(1px, 2px) rotate(1deg);
  }
  58% {
    -webkit-transform: translate(0px, 1px) rotate(1deg);
            transform: translate(0px, 1px) rotate(1deg);
  }
  60% {
    -webkit-transform: translate(-1px, -1px) rotate(1deg);
            transform: translate(-1px, -1px) rotate(1deg);
  }
  62% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  64% {
    -webkit-transform: translate(1px, 2px) rotate(1deg);
            transform: translate(1px, 2px) rotate(1deg);
  }
  66% {
    -webkit-transform: translate(1px, 0px) rotate(1deg);
            transform: translate(1px, 0px) rotate(1deg);
  }
  68% {
    -webkit-transform: translate(-1px, 1px) rotate(0deg);
            transform: translate(-1px, 1px) rotate(0deg);
  }
  70% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  72% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  74% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  76% {
    -webkit-transform: translate(0px, 1px) rotate(0deg);
            transform: translate(0px, 1px) rotate(0deg);
  }
  78% {
    -webkit-transform: translate(1px, -1px) rotate(0deg);
            transform: translate(1px, -1px) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(-1px, 0px) rotate(0deg);
            transform: translate(-1px, 0px) rotate(0deg);
  }
  82% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  84% {
    -webkit-transform: translate(2px, 2px) rotate(1deg);
            transform: translate(2px, 2px) rotate(1deg);
  }
  86% {
    -webkit-transform: translate(2px, 0px) rotate(1deg);
            transform: translate(2px, 0px) rotate(1deg);
  }
  88% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
            transform: translate(0px, 0px) rotate(0deg);
  }
  90% {
    -webkit-transform: translate(0px, -1px) rotate(0deg);
            transform: translate(0px, -1px) rotate(0deg);
  }
  92% {
    -webkit-transform: translate(2px, 1px) rotate(0deg);
            transform: translate(2px, 1px) rotate(0deg);
  }
  94% {
    -webkit-transform: translate(2px, -1px) rotate(0deg);
            transform: translate(2px, -1px) rotate(0deg);
  }
  96% {
    -webkit-transform: translate(2px, 2px) rotate(0deg);
            transform: translate(2px, 2px) rotate(0deg);
  }
  98% {
    -webkit-transform: translate(2px, 0px) rotate(0deg);
            transform: translate(2px, 0px) rotate(0deg);
  }
  0%, 100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes machine8 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(335px, 0);
            transform: translate(335px, 0);
  }
  50% {
    -webkit-transform: translate(335px, 50px);
            transform: translate(335px, 50px);
  }
  60% {
    -webkit-transform: translate(335px, 0);
            transform: translate(335px, 0);
  }
  90% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes machine8 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(335px, 0);
            transform: translate(335px, 0);
  }
  50% {
    -webkit-transform: translate(335px, 50px);
            transform: translate(335px, 50px);
  }
  60% {
    -webkit-transform: translate(335px, 0);
            transform: translate(335px, 0);
  }
  90% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes machine8_1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(335px, 0);
            transform: translate(335px, 0);
  }
  50% {
    -webkit-transform: translate(335px, 50px);
            transform: translate(335px, 50px);
  }
  60% {
    -webkit-transform: translate(335px, 0);
            transform: translate(335px, 0);
  }
  90% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes machine8_1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(335px, 0);
            transform: translate(335px, 0);
  }
  50% {
    -webkit-transform: translate(335px, 50px);
            transform: translate(335px, 50px);
  }
  60% {
    -webkit-transform: translate(335px, 0);
            transform: translate(335px, 0);
  }
  90% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes machine8-dot1 {
  0% {
    opacity: 0;
  }
  24% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  71% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes machine8-dot1 {
  0% {
    opacity: 0;
  }
  24% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  71% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes machine8-dot2 {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  71% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes machine8-dot2 {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  71% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  76% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes machine8-dot3 {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  76% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  81% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes machine8-dot3 {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  76% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  81% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes machine8_2 {
  0% {
    top: -115px;
    left: 720px;
  }
  10% {
    top: -115px;
    left: 598px;
  }
  20% {
    top: -27px;
    left: 598px;
  }
  30% {
    top: -27px;
    left: 598px;
  }
  40% {
    top: -115px;
    left: 598px;
  }
  65% {
    top: -115px;
    left: 1055px;
  }
  70% {
    top: -65px;
    left: 1055px;
  }
  81% {
    top: -65px;
    left: 1055px;
  }
  85% {
    top: -115px;
    left: 1055px;
  }
  100% {
    top: -115px;
    left: 720px;
  }
}
@keyframes machine8_2 {
  0% {
    top: -115px;
    left: 720px;
  }
  10% {
    top: -115px;
    left: 598px;
  }
  20% {
    top: -27px;
    left: 598px;
  }
  30% {
    top: -27px;
    left: 598px;
  }
  40% {
    top: -115px;
    left: 598px;
  }
  65% {
    top: -115px;
    left: 1055px;
  }
  70% {
    top: -65px;
    left: 1055px;
  }
  81% {
    top: -65px;
    left: 1055px;
  }
  85% {
    top: -115px;
    left: 1055px;
  }
  100% {
    top: -115px;
    left: 720px;
  }
}
@media screen and (max-width: 750px) {
  .top-main__animation {
    max-width: 375px;
    min-height: 667px;
  }
  .top-main__animation .graphic.-g9 {
    top: 89px;
    height: 33px;
    background-size: 91px 100%;
    background-position: 2.5% center;
    background-image: url("../../assets/images/sp/top/main/graphic/graphic9.svg");
  }
}
@media screen and (max-width: 750px) and (min-width: 400px) {
  .top-main__animation .graphic.-g9 {
    background-position: center;
  }
}
@media screen and (max-width: 750px) {
  .top-main__animation .box {
    width: 375px;
    top: 0;
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
  .top-main__animation .box .dots.col.col2 {
    top: 38px;
    left: 86px;
  }
  .top-main__animation .box .dots.row.row1 {
    width: 71px;
    top: 325px;
    right: 115px;
  }
  .top-main__animation .box .dots.row.row3 {
    width: 71px;
    top: 214px;
    left: 194px;
  }
  .top-main__animation .box .graphic#main-g1 {
    width: 375px;
    top: 141px;
    left: -142px;
  }
  .top-main__animation .box .graphic#main-g1_5 {
    width: 47px;
    top: 108px;
    left: 138px;
  }
  .top-main__animation .box .graphic#main-g1_5 > svg {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  .top-main__animation .box .graphic#main-g1_5.-anm {
    -webkit-animation-name: sp-bal-man;
            animation-name: sp-bal-man;
  }
  .top-main__animation .box .graphic#main-g1_5.-anm > svg .man {
    -webkit-animation-name: sp-bal-man-reverse;
            animation-name: sp-bal-man-reverse;
  }
  .top-main__animation .box .graphic#main-g1_6 {
    width: 47px;
    top: 108px;
    left: 138px;
    -webkit-transform: translate(80px, 361px) rotate(0);
            transform: translate(80px, 361px) rotate(0);
  }
  .top-main__animation .box .graphic#main-g1_6.-anm {
    -webkit-animation-name: sp-back-man1_6;
            animation-name: sp-back-man1_6;
  }
  .top-main__animation .box .graphic#main-g2 {
    width: 315px;
    top: 263px;
    right: -164px;
  }
  .top-main__animation .box .graphic#main-g3 {
    width: 305px;
    top: 493px;
    left: -11px;
  }
  .top-main__animation .box .graphic#main-g3 .graph {
    width: 9px;
    height: 25px;
    top: 30px;
    left: 161px;
  }
  .top-main__animation .box .graphic#main-g3.-keyanm .graph {
    -webkit-animation-name: sp-graph;
            animation-name: sp-graph;
  }
  .top-main__animation .box .graphic.-g4 {
    display: none;
  }
  .top-main__animation .box .graphic.-g5 {
    display: none;
  }
  .top-main__animation .box .graphic.-g6 {
    width: 68px;
    top: 635px;
    left: 20px;
  }
  .top-main__animation .box .graphic.-g7 {
    width: 49px;
    top: 421px;
    left: 309px;
  }
  .top-main__animation .box .graphic#main-g8 {
    width: 52px;
    top: -60px;
    left: 270px;
  }
  .top-main__animation .box .graphic#main-g8 > .-g8_5 {
    width: 10px;
    top: 224px;
  }
  .top-main__animation .box .graphic#main-g8.-anm {
    -webkit-animation-name: sp-machine8_2;
            animation-name: sp-machine8_2;
  }
  .top-main__animation .box .graphic#main-g8.-preanm {
    -webkit-animation-name: sp-machine8_1;
            animation-name: sp-machine8_1;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
  }
  .top-main__animation .box .graphic#main-g8.-reanm {
    -webkit-animation-name: sp-machine8;
            animation-name: sp-machine8;
  }
  .top-main__animation .box .graphic.-g9 {
    top: 89px;
    left: 0;
    height: 36px;
    background-size: 151px 100%;
  }
}

@-webkit-keyframes sp-bal-man {
  0% {
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
  3% {
    -webkit-transform: translate(7px, 0) rotate(5deg);
            transform: translate(7px, 0) rotate(5deg);
  }
  6% {
    -webkit-transform: translate(14px, 0) rotate(-1deg);
            transform: translate(14px, 0) rotate(-1deg);
  }
  9% {
    -webkit-transform: translate(21px, 0) rotate(5deg);
            transform: translate(21px, 0) rotate(5deg);
  }
  20% {
    -webkit-transform: translate(35px, 0) rotate(-10deg);
            transform: translate(35px, 0) rotate(-10deg);
  }
  30% {
    -webkit-transform: translate(70px, -20px) rotate(0deg);
            transform: translate(70px, -20px) rotate(0deg);
  }
  55% {
    -webkit-transform: translate(100px, 120px) rotate(-5deg);
            transform: translate(100px, 120px) rotate(-5deg);
  }
  80% {
    -webkit-transform: translate(60px, 260px) rotate(2deg);
            transform: translate(60px, 260px) rotate(2deg);
  }
  100% {
    -webkit-transform: translate(80px, 361px) rotate(0);
            transform: translate(80px, 361px) rotate(0);
  }
}

@keyframes sp-bal-man {
  0% {
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
  3% {
    -webkit-transform: translate(7px, 0) rotate(5deg);
            transform: translate(7px, 0) rotate(5deg);
  }
  6% {
    -webkit-transform: translate(14px, 0) rotate(-1deg);
            transform: translate(14px, 0) rotate(-1deg);
  }
  9% {
    -webkit-transform: translate(21px, 0) rotate(5deg);
            transform: translate(21px, 0) rotate(5deg);
  }
  20% {
    -webkit-transform: translate(35px, 0) rotate(-10deg);
            transform: translate(35px, 0) rotate(-10deg);
  }
  30% {
    -webkit-transform: translate(70px, -20px) rotate(0deg);
            transform: translate(70px, -20px) rotate(0deg);
  }
  55% {
    -webkit-transform: translate(100px, 120px) rotate(-5deg);
            transform: translate(100px, 120px) rotate(-5deg);
  }
  80% {
    -webkit-transform: translate(60px, 260px) rotate(2deg);
            transform: translate(60px, 260px) rotate(2deg);
  }
  100% {
    -webkit-transform: translate(80px, 361px) rotate(0);
            transform: translate(80px, 361px) rotate(0);
  }
}
@-webkit-keyframes sp-back-man1_6 {
  0% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(80px, 361px) rotate(0);
            transform: translate(80px, 361px) rotate(0);
  }
  5% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(80px, 361px) rotate(10deg);
            transform: translate(80px, 361px) rotate(10deg);
  }
  8% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(80px, 361px) rotate(0deg);
            transform: translate(80px, 361px) rotate(0deg);
  }
  15% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(80px, 340px) rotate(0deg);
            transform: translate(80px, 340px) rotate(0deg);
  }
  45% {
    opacity: 1;
    top: 108px;
  }
  50% {
    opacity: 0;
    top: 110px;
    -webkit-transform: translate(160px, 680px) rotate(0deg);
            transform: translate(160px, 680px) rotate(0deg);
  }
  50.1% {
    opacity: 0;
    top: 0;
    -webkit-transform: translate(160px, -100%) rotate(10deg);
            transform: translate(160px, -100%) rotate(10deg);
  }
  51% {
    opacity: 1;
    top: 0;
    -webkit-transform: translate(160px, -100%) rotate(10deg);
            transform: translate(160px, -100%) rotate(10deg);
  }
  98% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(0) rotate(3deg);
            transform: translate(0) rotate(3deg);
  }
  100% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
}
@keyframes sp-back-man1_6 {
  0% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(80px, 361px) rotate(0);
            transform: translate(80px, 361px) rotate(0);
  }
  5% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(80px, 361px) rotate(10deg);
            transform: translate(80px, 361px) rotate(10deg);
  }
  8% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(80px, 361px) rotate(0deg);
            transform: translate(80px, 361px) rotate(0deg);
  }
  15% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(80px, 340px) rotate(0deg);
            transform: translate(80px, 340px) rotate(0deg);
  }
  45% {
    opacity: 1;
    top: 108px;
  }
  50% {
    opacity: 0;
    top: 110px;
    -webkit-transform: translate(160px, 680px) rotate(0deg);
            transform: translate(160px, 680px) rotate(0deg);
  }
  50.1% {
    opacity: 0;
    top: 0;
    -webkit-transform: translate(160px, -100%) rotate(10deg);
            transform: translate(160px, -100%) rotate(10deg);
  }
  51% {
    opacity: 1;
    top: 0;
    -webkit-transform: translate(160px, -100%) rotate(10deg);
            transform: translate(160px, -100%) rotate(10deg);
  }
  98% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(0) rotate(3deg);
            transform: translate(0) rotate(3deg);
  }
  100% {
    opacity: 1;
    top: 108px;
    -webkit-transform: translate(0) rotate(0);
            transform: translate(0) rotate(0);
  }
}
@-webkit-keyframes sp-bal-man-reverse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  58% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  65% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  100% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@keyframes sp-bal-man-reverse {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  58% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  65% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  100% {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
}
@-webkit-keyframes sp-machine8 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
  }
  50% {
    -webkit-transform: translate(80px, 40px);
            transform: translate(80px, 40px);
  }
  60% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
  }
  90% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes sp-machine8 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
  }
  50% {
    -webkit-transform: translate(80px, 40px);
            transform: translate(80px, 40px);
  }
  60% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
  }
  90% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes sp-machine8_1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
  }
  50% {
    -webkit-transform: translate(80px, 40px);
            transform: translate(80px, 40px);
  }
  60% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
  }
  90% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes sp-machine8_1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  10% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  40% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
  }
  50% {
    -webkit-transform: translate(80px, 40px);
            transform: translate(80px, 40px);
  }
  60% {
    -webkit-transform: translate(80px, 0);
            transform: translate(80px, 0);
  }
  90% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@-webkit-keyframes sp-graph {
  0% {
    height: 25px;
  }
  100% {
    height: 0;
  }
}
@keyframes sp-graph {
  0% {
    height: 25px;
  }
  100% {
    height: 0;
  }
}
@-webkit-keyframes review-bg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -497px 0;
  }
}
@keyframes review-bg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -497px 0;
  }
}
@-webkit-keyframes review-bg-reverse {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 497px 0;
  }
}
@keyframes review-bg-reverse {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 497px 0;
  }
}
@-webkit-keyframes sp-machine8_2 {
  0% {
    top: -60px;
    left: 270px;
  }
  10% {
    top: -60px;
    left: 211px;
  }
  20% {
    top: 17px;
    left: 211px;
  }
  30% {
    top: 17px;
    left: 211px;
  }
  40% {
    top: -60px;
    left: 211px;
  }
  65% {
    top: -60px;
    left: 349px;
  }
  70% {
    top: -23px;
    left: 349px;
  }
  81% {
    top: -23px;
    left: 349px;
  }
  85% {
    top: -60px;
    left: 349px;
  }
  100% {
    top: -60px;
    left: 270px;
  }
}
@keyframes sp-machine8_2 {
  0% {
    top: -60px;
    left: 270px;
  }
  10% {
    top: -60px;
    left: 211px;
  }
  20% {
    top: 17px;
    left: 211px;
  }
  30% {
    top: 17px;
    left: 211px;
  }
  40% {
    top: -60px;
    left: 211px;
  }
  65% {
    top: -60px;
    left: 349px;
  }
  70% {
    top: -23px;
    left: 349px;
  }
  81% {
    top: -23px;
    left: 349px;
  }
  85% {
    top: -60px;
    left: 349px;
  }
  100% {
    top: -60px;
    left: 270px;
  }
}
/*------------------------------------------------------*/
/*  page-contact */
/*------------------------------------------------------*/
.form {
  padding: 62px 80px 0;
  max-width: 1780px;
  margin: 0 auto;
}
.form-txt {
  font-size: 2rem;
  letter-spacing: 0.02em;
  line-height: 5.1rem;
  margin-bottom: 70px;
}
.form-txt > a {
  line-height: 1.4;
  color: #ff9598;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(95%, transparent), color-stop(95.1%, #ff9598), to(#ff9598));
  background: linear-gradient(transparent 0%, transparent 95%, #ff9598 95.1%, #ff9598 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left;
  -webkit-transition: background-size 0.2s ease-out;
  transition: background-size 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .form-txt > a:hover {
    background-size: 0% 100%;
    background-position: right;
  }
}
.form-txt.bottom {
  font-size: 1.7rem;
  line-height: 4.1rem;
  margin-bottom: 0;
}
.form-inner {
  padding: 0 40px;
}
.form-inner__cover form.form {
  padding: 0 !important;
}
.form-inner__cover form .ttl {
  letter-spacing: 0.02em;
}
.form-inner__cover form .ttl.intro-required {
  font-size: 1.7rem;
  color: #ff9598;
  margin-bottom: 44px;
}
.form-inner__cover form .ttl.intro-required > span {
  font-size: 1.6rem;
  padding-right: 20px;
}
.form-inner__cover form .ttl > .asterisk {
  color: #ff9598;
  font-size: 1.6rem;
  padding-right: 20px;
  position: relative;
  top: -2px;
}
.form-inner__cover form .ttl > .asterisk.none {
  opacity: 0 !important;
}
.form-inner__cover form .ttl > .required-mark {
  font-size: 1.6rem;
  line-height: 3rem;
  display: inline-block;
  background: #ff9598;
  color: #fff;
  border-radius: 20px;
  padding: 0 10px;
  margin-left: 8px;
}
.form-inner__cover form .ttl > .required-mark span {
  display: inline-block;
  position: relative;
  top: -1px;
}
.form-inner__cover form .ttl > .sub-txt {
  font-size: 1.7rem;
  letter-spacing: 0.02em;
}
.form-inner__cover form dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 9px;
}
.form-inner__cover form dl.-s {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.form-inner__cover form dl.-s dd {
  width: 350px;
  max-width: 350px;
}
.form-inner__cover form dl.-s .form-error {
  padding-left: 360px;
}
.form-inner__cover form dl.-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.form-inner__cover form dl.-top dt {
  padding-top: 25px;
}
.form-inner__cover form dl.checkbox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 50px;
}
.form-inner__cover form dl.checkbox .ttl {
  padding-left: 35px;
  position: relative;
  line-height: 3.5rem;
}
.form-inner__cover form dl.checkbox .ttl > .asterisk {
  position: absolute;
  left: 2px;
  top: 2px;
}
.form-inner__cover form dl.checkbox .ttl > .sub-txt {
  margin-left: -8px;
}
.form-inner__cover form dl.checkbox .form-error {
  position: relative;
  top: -15px;
}
@media screen and (min-width: 1061px) {
  .form-inner__cover form dl:nth-of-type(12).-any {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .form-inner__cover form dl:nth-of-type(12).-any .ttl.required {
    padding-top: 25px;
  }
}
.form-inner__cover form dl dt {
  width: 230px;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
}
.form-inner__cover form dl dd {
  position: relative;
  width: calc(100% - 230px);
  background: #fff;
  border-radius: 9999px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  overflow: hidden;
}
.form-inner__cover form dl dd:nth-of-type(2) {
  margin-top: 5px;
}
.form-inner__cover form dl dd::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  pointer-events: none;
  border: 2px solid #ff9598;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
.form-inner__cover form dl dd select, .form-inner__cover form dl dd input, .form-inner__cover form dl dd textarea {
  width: 100%;
  padding: 0 40px;
  height: 76px;
  min-height: 76px;
  padding-bottom: 4px;
  font-size: 2.1rem;
  letter-spacing: 0.04em;
  background: initial;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-inner__cover form dl dd select::-webkit-input-placeholder, .form-inner__cover form dl dd input::-webkit-input-placeholder, .form-inner__cover form dl dd textarea::-webkit-input-placeholder {
  color: #dddddd;
}
.form-inner__cover form dl dd select::-moz-placeholder, .form-inner__cover form dl dd input::-moz-placeholder, .form-inner__cover form dl dd textarea::-moz-placeholder {
  color: #dddddd;
}
.form-inner__cover form dl dd select:-ms-input-placeholder, .form-inner__cover form dl dd input:-ms-input-placeholder, .form-inner__cover form dl dd textarea:-ms-input-placeholder {
  color: #dddddd;
}
.form-inner__cover form dl dd select::-ms-input-placeholder, .form-inner__cover form dl dd input::-ms-input-placeholder, .form-inner__cover form dl dd textarea::-ms-input-placeholder {
  color: #dddddd;
}
.form-inner__cover form dl dd select::placeholder, .form-inner__cover form dl dd input::placeholder, .form-inner__cover form dl dd textarea::placeholder {
  color: #dddddd;
}
.form-inner__cover form dl dd select {
  cursor: pointer;
  padding: 0 90px 0 40px;
}
.form-inner__cover form dl dd select + .arrow {
  width: 20px;
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  pointer-events: none;
}
.form-inner__cover form dl dd select option {
  color: #000;
}
.form-inner__cover form dl dd.textarea-cover {
  border-radius: 35px;
}
.form-inner__cover form dl dd.textarea-cover.-s > textarea {
  height: 155px;
  min-height: 155px;
}
.form-inner__cover form dl dd.textarea-cover textarea {
  min-height: 346px;
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 35px;
}
.form-inner__cover form dl dd.textarea-cover::before {
  border-radius: 35px;
}
.form-inner__cover form dl dd.checkbox-cover {
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
  background: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: visible !important;
  width: calc(100% - 240px);
  margin-right: -120px;
}
.form-inner__cover form dl dd.checkbox-cover::before {
  display: none;
}
.form-inner__cover form dl dd.checkbox-cover > label {
  display: inline-block;
  cursor: pointer;
  width: 25%;
  min-width: 250px;
  height: 40px;
  margin-bottom: 15px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.form-inner__cover form dl dd.checkbox-cover > label.-full {
  width: 100%;
  min-width: 377px;
}
.form-inner__cover form dl dd.checkbox-cover > label input {
  display: none;
}
.form-inner__cover form dl dd.checkbox-cover > label input:checked + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 6px;
  width: 28px;
  height: 21px;
  background-image: url("../../assets/images/contact/check.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.form-inner__cover form dl dd.checkbox-cover > label .form-check {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-inner__cover form dl dd.checkbox-cover > label .form-check-area {
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.form-inner__cover form dl dd.checkbox-cover > label .form-check-text {
  padding-left: 25px;
  position: relative;
  padding-bottom: 1px;
}
.form-inner__cover form dl dd.checkbox-cover > label .form-check-text > .sub-txt {
  font-size: 1.7rem;
}
@media screen and (min-width: 751px) {
  .form-inner__cover form dl dd.checkbox-cover > label:hover {
    color: #ff9598;
  }
}
@media screen and (max-width: 1490px) {
  .form-inner__cover form dl dd.checkbox-cover > label {
    min-width: 280px;
  }
  .form-inner__cover form dl dd.checkbox-cover > label.-full {
    width: 25%;
  }
}
@media screen and (max-width: 1260px) {
  .form-inner__cover form dl dd.checkbox-cover {
    width: calc(100% - 360px);
    margin-right: 0;
  }
}
@media screen and (min-width: 751px) {
  .form-inner__cover form dl dd:hover::before {
    opacity: 1;
  }
}
.form-inner__cover form dl .suffix {
  padding-left: 20px;
  font-size: 2.1rem;
}
.form-inner__cover form dl .form-error {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: calc(100% - 230px);
  font-size: 1.7rem;
  color: #ff9598;
  padding: 5px 0;
}
.form-inner__cover form dl.btn-cover dt {
  width: 30px;
}
.form-inner__cover form dl.btn-cover dd {
  width: calc(100% - 30px);
  background: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: visible !important;
}
.form-inner__cover form dl.btn-cover dd::before {
  display: none;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn {
  position: relative;
  text-align: center;
  padding: 40px 0 61px;
  text-align: left;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn.-disable {
  pointer-events: none;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn.-disable > a {
  opacity: 0.5;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn.-disable > a .inner .ttl {
  color: #868686;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn.-disable > a .circle {
  background: #868686;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn > a {
  width: 290px;
  height: 100px;
  margin: 0 auto;
  display: block;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn > a > .form-inner__submitbtn {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn > a .inner .ttl {
  font-size: 2.4rem;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn > a .circle.plan {
  width: 60px;
  height: 60px;
}
.form-inner__cover form dl.btn-cover dd .form-inner__btn > a .circle.plan .icon {
  width: 20px;
  height: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) {
  .form-inner__cover form dl.btn-cover dd .form-inner__btn > a:hover {
    width: 310px;
  }
  .form-inner__cover form dl.btn-cover dd .form-inner__btn > a:hover .inner {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  .form-inner__cover form dl.btn-cover dd .form-inner__btn > a:hover .circle {
    right: 10px;
  }
}
.form-inner__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 23px;
  margin-top: 33px;
  position: relative;
}
.form-inner__check .button {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: -3px;
}
.form-inner__check .button input {
  position: absolute;
  left: 0;
  top: 0;
}
.form-inner__check .button label {
  display: block;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 4.5px 9px 1.15px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9px 1.15px rgba(176, 176, 176, 0.3);
  cursor: pointer;
  position: relative;
}
.form-inner__check .button label::after {
  content: "";
  width: 27px;
  height: 19px;
  position: absolute;
  background: url(../images/contact/check.svg) no-repeat 0 0;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 52%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
}
.form-inner__check .button input[type=checkbox]:checked + label::after {
  display: block;
}
.form-inner__check .text .text1 {
  font-size: 2.1rem;
  line-height: 3.3rem;
}
.form-inner__check .text .text2 {
  font-size: 1.7rem;
  line-height: 3.4rem;
  position: relative;
  padding-left: 22px;
  margin-top: 5px;
}
.form-inner__check .text .text2::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  color: #ff9598;
}
@media screen and (max-width: 1060px) {
  .form {
    padding: 106px 60px 0;
  }
  .form-txt.bottom {
    padding-left: 0;
  }
  .form-inner {
    padding: 0;
  }
  .form-inner__cover form dl {
    display: block;
    margin-bottom: 40px;
  }
  .form-inner__cover form dl.-s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .form-inner__cover form dl.-s dt {
    width: 100% !important;
  }
  .form-inner__cover form dl dt {
    margin-right: 0;
    width: initial;
    margin-bottom: 10px;
    width: 100% !important;
  }
  .form-inner__cover form dl dd {
    width: 100% !important;
  }
  .form-inner__cover form dl dd.checkbox-cover {
    width: 100%;
  }
  .form-inner__cover form dl .form-error {
    width: 100%;
  }
  .form-inner__cover form dl.btn-cover dd .form-inner__btn {
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .form {
    padding: 56px 20px 0;
  }
  .form-txt {
    font-size: 1.8rem;
    line-height: 3.9rem;
    margin-bottom: 67px;
    padding: 0 10px;
  }
  .form-txt.bottom {
    font-size: 1.5rem;
    line-height: 3.3rem;
    margin-bottom: 114px;
    padding: 0 10px;
  }
  .form-inner__cover form .ttl {
    padding-left: 10px;
    margin-bottom: 7px;
  }
  .form-inner__cover form .ttl.intro-required {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 41px;
    padding-left: 0;
  }
  .form-inner__cover form .ttl.intro-required > span {
    font-size: 1.4rem;
    padding-right: 10px;
  }
  .form-inner__cover form .ttl > .asterisk {
    font-size: 1.4rem;
    padding-right: 7px;
  }
  .form-inner__cover form .ttl > .sub-txt {
    font-size: 1.5rem;
  }
  .form-inner__cover form .ttl > .required-mark {
    font-size: 1.3rem;
    line-height: 2.4rem;
    padding: 0 5px;
  }
  .form-inner__cover form dl {
    margin-bottom: 30px;
  }
  .form-inner__cover form dl.-s dd {
    width: calc(100% - 50px) !important;
  }
  .form-inner__cover form dl.-s .suffix {
    width: 50px;
    font-size: 1.8rem;
    padding-left: 20px;
  }
  .form-inner__cover form dl.-s .form-error {
    padding: 5px 0;
  }
  .form-inner__cover form dl.checkbox {
    margin-top: 45px;
    margin-bottom: 10px;
    padding: 0 10px;
  }
  .form-inner__cover form dl.checkbox .ttl {
    line-height: 2.8rem;
    margin-bottom: 30px;
    padding-left: 18px;
  }
  .form-inner__cover form dl.checkbox .ttl > .asterisk {
    left: -1px;
  }
  .form-inner__cover form dl.checkbox .ttl > .sub-txt {
    margin-left: -4px;
    font-size: 1.5rem;
  }
  .form-inner__cover form dl dt {
    font-size: 1.8rem;
  }
  .form-inner__cover form dl dd select, .form-inner__cover form dl dd input, .form-inner__cover form dl dd textarea {
    height: 60px;
    min-height: 60px;
    font-size: 1.8rem;
    padding: 0 27px;
  }
  .form-inner__cover form dl dd select.industry-others-input::-webkit-input-placeholder, .form-inner__cover form dl dd input.industry-others-input::-webkit-input-placeholder, .form-inner__cover form dl dd textarea.industry-others-input::-webkit-input-placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select.industry-others-input::-moz-placeholder, .form-inner__cover form dl dd input.industry-others-input::-moz-placeholder, .form-inner__cover form dl dd textarea.industry-others-input::-moz-placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select.industry-others-input:-ms-input-placeholder, .form-inner__cover form dl dd input.industry-others-input:-ms-input-placeholder, .form-inner__cover form dl dd textarea.industry-others-input:-ms-input-placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select.industry-others-input::-ms-input-placeholder, .form-inner__cover form dl dd input.industry-others-input::-ms-input-placeholder, .form-inner__cover form dl dd textarea.industry-others-input::-ms-input-placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select.industry-others-input::placeholder, .form-inner__cover form dl dd input.industry-others-input::placeholder, .form-inner__cover form dl dd textarea.industry-others-input::placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select + .form-sp-placeholder, .form-inner__cover form dl dd input + .form-sp-placeholder, .form-inner__cover form dl dd textarea + .form-sp-placeholder {
    display: block;
    font-size: 1.6rem;
    letter-spacing: 0.02em;
    line-height: 2rem;
    color: #dddddd;
    position: absolute;
    left: 27px;
    top: 50%;
    -webkit-transform: translateY(-52%);
            transform: translateY(-52%);
    pointer-events: none;
  }
  .form-inner__cover form dl dd select + .form-sp-placeholder.-hide, .form-inner__cover form dl dd input + .form-sp-placeholder.-hide, .form-inner__cover form dl dd textarea + .form-sp-placeholder.-hide {
    display: none;
  }
  .form-inner__cover form dl dd select.mail-submit-input::-webkit-input-placeholder, .form-inner__cover form dl dd input.mail-submit-input::-webkit-input-placeholder, .form-inner__cover form dl dd textarea.mail-submit-input::-webkit-input-placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select.mail-submit-input::-moz-placeholder, .form-inner__cover form dl dd input.mail-submit-input::-moz-placeholder, .form-inner__cover form dl dd textarea.mail-submit-input::-moz-placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select.mail-submit-input:-ms-input-placeholder, .form-inner__cover form dl dd input.mail-submit-input:-ms-input-placeholder, .form-inner__cover form dl dd textarea.mail-submit-input:-ms-input-placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select.mail-submit-input::-ms-input-placeholder, .form-inner__cover form dl dd input.mail-submit-input::-ms-input-placeholder, .form-inner__cover form dl dd textarea.mail-submit-input::-ms-input-placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select.mail-submit-input::placeholder, .form-inner__cover form dl dd input.mail-submit-input::placeholder, .form-inner__cover form dl dd textarea.mail-submit-input::placeholder {
    opacity: 0;
  }
  .form-inner__cover form dl dd select {
    padding: 0 60px 0 27px;
  }
  .form-inner__cover form dl dd select + .arrow {
    width: 16px;
    height: 9px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 25px;
  }
  .form-inner__cover form dl dd select + .arrow > img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .form-inner__cover form dl dd.checkbox-cover {
    font-size: 1.8rem;
    width: calc(100% + 8vw);
    margin-right: -30px;
  }
  .form-inner__cover form dl dd.checkbox-cover > label {
    width: initial;
    min-width: initial;
    height: 30px;
    margin-bottom: 20px;
    margin-right: 26px;
  }
  .form-inner__cover form dl dd.checkbox-cover > label.-full {
    width: initial;
    min-width: initial;
  }
  .form-inner__cover form dl dd.checkbox-cover > label.-full .form-check-text {
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .form-inner__cover form dl dd.checkbox-cover > label.-full .form-check-text > .sub-txt {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 750px) {
  .form-inner__cover form dl dd.checkbox-cover > label input:checked + span::after {
    width: 18px;
    height: 13px;
    background-image: url("../../assets/images/sp/contact/check.svg");
  }
  .form-inner__cover form dl dd.checkbox-cover > label .form-check-area {
    width: 30px;
    height: 30px;
    border-radius: 8px;
  }
  .form-inner__cover form dl dd.checkbox-cover > label .form-check-text {
    padding-left: 15px;
    padding-bottom: 2px;
  }
  .form-inner__cover form dl dd.checkbox-cover > label .form-check-text > .sub-txt {
    font-size: 1.5rem;
  }
  .form-inner__cover form dl dd.textarea-cover {
    border-radius: 30px;
  }
  .form-inner__cover form dl dd.textarea-cover textarea {
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 30px;
    min-height: 320px;
  }
  .form-inner__cover form dl dd.textarea-cover.-s > textarea {
    height: 140px;
    min-height: 140px;
  }
  .form-inner__cover form dl dd:nth-of-type(2) input::-webkit-input-placeholder {
    font-size: 1.6rem;
  }
  .form-inner__cover form dl dd:nth-of-type(2) input::-moz-placeholder {
    font-size: 1.6rem;
  }
  .form-inner__cover form dl dd:nth-of-type(2) input:-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .form-inner__cover form dl dd:nth-of-type(2) input::-ms-input-placeholder {
    font-size: 1.6rem;
  }
  .form-inner__cover form dl dd:nth-of-type(2) input::placeholder {
    font-size: 1.6rem;
  }
  .form-inner__cover form dl.btn-cover dd .form-inner__btn {
    padding: 44px 0 51px;
  }
  .form-inner__cover form dl.btn-cover dd .form-inner__btn > a {
    width: 195px;
    height: 75px;
  }
  .form-inner__cover form dl.btn-cover dd .form-inner__btn > a .inner .ttl {
    font-size: 1.9rem;
    padding: 0;
    margin: 0;
  }
  .form-inner__cover form dl.btn-cover dd .form-inner__btn > a .circle.plan .icon {
    width: 18px;
    height: 20px;
  }
  .form-inner__cover form dl .form-error {
    width: initial;
    font-size: 1.4rem;
  }
  .form-inner__check {
    gap: 15px;
  }
  .form-inner__check .button {
    width: 30px;
    height: 30px;
    top: 3px;
  }
  .form-inner__check .button label {
    width: 30px;
    height: 30px;
  }
  .form-inner__check .button label::after {
    width: 19px;
    height: 14px;
    background: url(../images/sp/contact/check.svg) no-repeat 0 0;
    background-size: contain;
  }
  .form-inner__check .text .text1 {
    font-size: 1.8rem;
    line-height: 3.3rem;
  }
  .form-inner__check .text .text2 {
    font-size: 1.5rem;
    line-height: 3.3rem;
    margin-top: 6px;
  }
}

#contact-submit .form-inner__cover form .ttl {
  color: #ababab;
}
#contact-submit .form-inner__cover form dl {
  margin-bottom: 40px;
}
#contact-submit .form-inner__cover form dl dt {
  width: 400px;
}
#contact-submit .form-inner__cover form dl dd {
  width: calc(100% - 400px);
  background: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: initial;
  cursor: auto;
}
#contact-submit .form-inner__cover form dl dd select, #contact-submit .form-inner__cover form dl dd input, #contact-submit .form-inner__cover form dl dd textarea {
  cursor: auto;
}
#contact-submit .form-inner__cover form dl dd::before {
  display: none;
}
#contact-submit .form-inner__cover form dl dd .arrow {
  display: none;
}
#contact-submit .form-inner__cover form dl dd.checkbox-cover {
  margin-right: 0;
  margin-top: -5px;
}
#contact-submit .form-inner__cover form dl.-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#contact-submit .form-inner__cover form dl.-start > dt {
  padding-top: 6px;
}
#contact-submit .form-inner__cover form dl.checkbox {
  margin-top: 47px;
}
#contact-submit .form-inner__cover form dl.checkbox .ttl {
  padding-left: 0;
}
#contact-submit .form-inner__cover form dl.checkbox .ttl > .sub-txt {
  display: none;
}
@media screen and (max-width: 1060px) {
  #contact-submit .form-inner__cover form dl.checkbox .ttl br.cont-min751 {
    display: none !important;
  }
}
#contact-submit .form-inner__cover form dl.btn-cover dt {
  width: 0;
}
#contact-submit .form-inner__cover form dl.btn-cover dd {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn {
  padding-bottom: 60px;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a {
  width: 250px;
  background: #ff9598;
  border: 2px solid transparent;
  -webkit-transition: background 0.2s ease-out, border 0.1s ease-out 0.15s;
  transition: background 0.2s ease-out, border 0.1s ease-out 0.15s;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a .inner .ttl {
  color: #fff;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a .circle {
  background: #fff;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a .circle .icon {
  width: 28px;
  height: 28px;
  top: 53%;
  left: 48%;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a .circle .icon > svg .st0 {
  fill: #FF9B9B;
}
@media screen and (min-width: 751px) {
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a:hover {
    width: 250px;
    background: #fff;
    border-color: #ff9598;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a:hover .inner {
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a:hover .inner .ttl {
    color: #ff9598;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a:hover .circle {
    background: #fff;
  }
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) {
  margin-right: 70px;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) > a {
  background: #fff;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) > a .inner .ttl {
  color: inherit;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) > a .circle {
  right: initial;
  left: 0;
  -webkit-transform: translate(-50%, -50%) scale(-1, 1);
          transform: translate(-50%, -50%) scale(-1, 1);
  background: #ff9598;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) > a .circle .icon {
  width: 20px;
  height: 22px;
  top: 50%;
  left: 50%;
}
#contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) > a .circle .icon > svg .st0 {
  fill: #fff;
}
@media screen and (min-width: 751px) {
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) > a:hover .inner .ttl {
    color: #ff9598;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) > a:hover .circle {
    right: initial;
    left: 40px;
    background: #fff;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) > a:hover .circle .icon > svg .st0 {
    fill: #ff9598;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
}
#contact-submit .form-inner__submit {
  color: #252525;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  line-height: 4.3rem;
}
@media screen and (max-width: 1060px) {
  #contact-submit .form-inner__submit {
    padding-left: 10px;
  }
}
@media screen and (max-width: 750px) {
  #contact-submit .form-inner__cover form dl.-start > dt {
    padding-top: 6px;
  }
  #contact-submit .form-inner__cover form dl.checkbox {
    margin-top: 0;
    padding: 0;
  }
  #contact-submit .form-inner__cover form dl.checkbox .ttl {
    padding-left: 10px;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn {
    padding-bottom: 0;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a {
    width: 160px;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a .inner .ttl {
    padding: 0;
    margin: 0;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn > a .circle .icon {
    width: 21px;
    height: 21px;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) {
    margin-right: 0;
    padding: 30px 0 70px;
  }
  #contact-submit .form-inner__cover form dl.btn-cover dd .form-inner__btn:nth-of-type(1) > a .circle .icon {
    width: 18px;
    height: 20px;
  }
  #contact-submit .form-inner__submit {
    font-size: 1.8rem;
    line-height: 3.4rem;
    padding-left: 20px;
  }
}

#contact-complete .form {
  padding: 120px 80px 95px;
}
#contact-complete .form-completettl {
  font-size: 3.4rem;
  line-height: 3.5rem;
  letter-spacing: 0.02em;
  margin-bottom: 43px;
}
#contact-complete .form-txt {
  margin-bottom: 72px;
}
#contact-complete .form-txt.bottom {
  padding-left: 0;
  margin-bottom: 80px;
}
#contact-complete .form-inner__btn {
  position: static;
  text-align: center;
}
#contact-complete .form-inner__btn > a {
  width: 255px;
  height: 100px;
}
#contact-complete .form-inner__btn > a .inner .ttl {
  font-size: 2.4rem;
}
#contact-complete .form-inner__btn > a .circle {
  width: 60px;
  height: 60px;
}
#contact-complete .form-inner__btn > a .circle .icon {
  width: 28px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) {
  #contact-complete .form-inner__btn > a:hover .circle {
    right: 10px;
  }
}
@media screen and (max-width: 750px) {
  #contact-complete .form {
    padding: 81px 30px 120px;
  }
  #contact-complete .form-completettl {
    font-size: 2.4rem;
    margin-bottom: 32px;
  }
  #contact-complete .form-txt {
    padding: 0;
    margin-bottom: 58px;
  }
  #contact-complete .form-txt.bottom {
    margin-bottom: 63px;
  }
  #contact-complete .form-inner__btn > a {
    width: 160px;
    height: 75px;
  }
  #contact-complete .form-inner__btn > a .inner .ttl {
    font-size: 1.9rem;
  }
  #contact-complete .form-inner__btn > a .circle {
    width: 45px;
    height: 145px;
  }
  #contact-complete .form-inner__btn > a .circle .icon {
    width: 22px;
    height: 18px;
  }
}

.contact-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px;
  margin-bottom: 85px;
}
@media screen and (max-width: 1400px) {
  .contact-block {
    padding: 0;
  }
}
.contact-block__head {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 41%;
  position: relative;
}
.contact-block__inner {
  padding-right: 64px;
  width: 100%;
  position: absolute;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
}
.contact-block__inner.-default {
  top: 0 !important;
}
.contact-block__inner.-fix {
  position: fixed;
  left: 120px;
  top: 110px;
}
@media screen and (min-width: 1780px) {
  .contact-block__inner.-fix {
    left: calc((100vw - 1620px) / 2);
    padding-left: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 24px;
  }
}
@media screen and (max-width: 1400px) {
  .contact-block__inner.-fix {
    left: 80px;
  }
}
.contact-block__inner.-bottom {
  top: auto !important;
  bottom: 0;
  position: absolute !important;
  width: 100% !important;
  left: 0 !important;
}
.contact-block__main {
  width: 59%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 60px;
  background: url(../images/contact/line1.png) repeat-y 0 0;
  background-size: 2px 6px;
}
.contact-block__main .form-inner {
  padding: 15px 0 0;
}
.contact-block__lead {
  font-size: 2rem;
  line-height: 5.1rem;
  margin-bottom: 27px;
}
.contact-block__exam {
  background: #fff;
  border-radius: 26px;
  padding: 28px 41px 30px;
  margin-bottom: 28px;
}
.contact-block__exam ul {
  font-size: 2rem;
  line-height: 4.2rem;
}
.contact-block__exam ul li {
  position: relative;
  padding-left: 20px;
}
.contact-block__exam ul li::before {
  content: "";
  width: 7px;
  height: 7px;
  background: #ff9598;
  position: absolute;
  left: 0;
  top: 19px;
  border-radius: 50%;
  font-size: 0;
}
.contact-block__exam ul li + li {
  margin-top: 5px;
}
.contact-block__exam ul li:last-of-type {
  margin-top: 1px;
}
.contact-block__exam ul li:last-of-type::before {
  display: none;
}
.contact-block__text {
  font-size: 2rem;
  line-height: 5.1rem;
}
@media screen and (max-width: 1200px) {
  .contact-block {
    display: block;
  }
  .contact-block__head {
    width: 100%;
  }
  .contact-block__inner {
    position: relative;
    width: 100% !important;
    padding-right: 0;
    margin-bottom: 50px;
  }
  .contact-block__inner.-bottom {
    top: 0 !important;
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
  }
  .contact-block__main {
    width: 100%;
    padding-left: 0;
    background: transparent;
  }
}
@media screen and (max-width: 750px) {
  .contact-block {
    margin-bottom: 85px;
  }
  .contact-block__lead {
    font-size: 1.8rem;
    line-height: 3.9rem;
    margin-bottom: 27px;
  }
  .contact-block__exam {
    padding: 25px 30px 20px;
    margin-bottom: 28px;
  }
  .contact-block__exam ul {
    font-size: 1.8rem;
    line-height: 3.5rem;
  }
  .contact-block__exam ul li {
    position: relative;
    padding-left: 20px;
  }
  .contact-block__exam ul li::before {
    top: 15px;
  }
  .contact-block__exam ul li + li {
    margin-top: 5px;
  }
  .contact-block__text {
    font-size: 1.8rem;
    line-height: 3.9rem;
  }
}

/*------------------------------------------------------*/
/*  page-news */
/*------------------------------------------------------*/
@-moz-document url-prefix() {
  .page-news__search dl dd select {
    height: 60px;
  }
  @media screen and (max-width: 750px) {
    .page-news__search dl dd select {
      height: 40px;
    }
  }
}
.page-news {
  max-width: 1800px;
  margin: 0 auto;
}
.page-news__search {
  padding: 125px 120px 30px;
}
.page-news__search dl dt {
  font-size: 2rem;
  letter-spacing: 0.02em;
  margin-right: 20px;
}
.page-news__search dl dd {
  width: 310px;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.page-news__search dl dd::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 290px;
  height: 100%;
  border-radius: 999px;
  background: #fff;
  z-index: -1;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-news__search dl dd select {
  width: 100%;
  min-height: 60px;
  padding: 0 35px;
  border-radius: 999px;
  font-size: 2rem;
  letter-spacing: 0.02em;
  cursor: pointer;
  background: initial;
}
.page-news__search dl dd select option {
  color: #000;
}
.page-news__search dl dd .circle {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #ff9598;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-box-shadow: 8px 2px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 2px 14px rgba(176, 176, 176, 0.3);
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  pointer-events: none;
}
.page-news__search dl dd .circle .icon {
  width: 17px;
  top: 52%;
}
.page-news__search dl dd .circle .icon > svg .st0 {
  fill: #fff;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .page-news__search dl dd:hover .circle {
    background: #fff;
  }
  .page-news__search dl dd:hover .circle .icon > svg .st0 {
    fill: #ff9598;
  }
}
.page-news__search dl:nth-of-type(1) {
  margin-right: 70px;
}
@media screen and (max-width: 1160px) {
  .page-news__search {
    padding: 125px 50px 30px;
  }
}
@media screen and (max-width: 1060px) {
  .page-news__search {
    display: block;
  }
  .page-news__search dl:nth-of-type(1) {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .page-news__search dl dt {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-news__search dl dd {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: 100%;
  }
  .page-news__search dl dd::before {
    width: calc(100% - 20px);
  }
}
.page-news .top-news__list {
  padding: 0 45px;
}
.page-news .top-news__list.no-article {
  margin-top: 70px;
  margin-bottom: 75px;
}
.page-news .top-news__list.no-article .top-news__item {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: initial;
}
.page-news .top-news__list.no-article .top-news__item > .txt {
  font-size: 2.9rem;
  letter-spacing: 0.02em;
  line-height: 3.5rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .page-news .top-news__list.no-article .top-news__item:hover {
    cursor: auto !important;
  }
}
.page-news .top-news__list.no-article + .page-news__pager {
  padding: 0;
}
.page-news .top-news__item {
  margin-bottom: 10px;
  border-radius: 30px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -4px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -4px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-news .top-news__item .item-top {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 36px 100px 36px 80px;
}
.page-news .top-news__item .item-top .date {
  width: 140px;
  min-width: 140px;
}
.page-news .top-news__item .item-top .cat {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
.page-news .top-news__item .item-top .ttl {
  font-size: 2.2rem;
  margin-top: 14px;
  width: 100%;
}
.page-news .top-news__item .item-top .arrow .arrow-inner {
  width: 17px;
}
.page-news .top-news__item .item-bottom {
  padding: 0 80px;
}
.page-news .top-news__item .item-bottom__inner > p {
  font-size: 1.9rem;
}
.page-news .top-news__item .item-bottom__inner > p:nth-of-type(1) {
  padding-top: 25px;
}
.page-news .top-news__item .item-bottom__inner > p:nth-last-of-type(1) {
  padding-bottom: 50px;
}
@media screen and (max-width: 950px) {
  .page-news .top-news__item .item-top {
    padding: 35px 100px 35px 40px;
  }
  .page-news .top-news__item .item-bottom {
    padding: 0 40px;
  }
}
.page-news__pager {
  padding-top: 70px;
  padding-bottom: 95px;
}
.page-news__pager .pager-item {
  padding: 0 120px;
}
.page-news__pager .pager-item.next > a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.page-news__pager .pager-item.next > a .circle {
  margin-right: 0;
  margin-left: 50px;
}
.page-news__pager .pager-item.next > a .circle .icon {
  left: 52%;
}
.page-news__pager .pager-item.prev > a .circle .icon > svg {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.page-news__pager .pager-item > a .circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  position: relative;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  margin-right: 50px;
}
.page-news__pager .pager-item > a .circle .icon {
  width: 12px;
  top: 51%;
  left: 48%;
}
.page-news__pager .pager-item > a .circle .icon > svg .st0 {
  fill: #FF9B9B;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-news__pager .pager-item > a .txt {
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-news__pager .pager-item > a .txt > .-fontp {
  font-size: 2.6rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) {
  .page-news__pager .pager-item > a:hover .circle {
    background: #ff9598;
  }
  .page-news__pager .pager-item > a:hover .circle .icon > svg .st0 {
    fill: #fff;
  }
  .page-news__pager .pager-item > a:hover .txt {
    color: #ff9598;
  }
}
@media screen and (max-width: 850px) {
  .page-news__pager .pager-item {
    padding: 0 70px;
  }
}
@media screen and (max-width: 750px) {
  .page-news__search {
    padding: 75px 20px 40px 30px;
  }
  .page-news__search dl:nth-of-type(1) {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .page-news__search dl dt.ttl {
    font-size: 1.6rem;
  }
  .page-news__search dl dd::before {
    display: none;
  }
  .page-news__search dl dd select {
    font-size: 1.6rem;
    min-height: 40px;
    padding: 0 40px 0 25px;
    background: #fff;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  }
  .page-news__search dl dd .circle {
    width: 14px;
    height: 8px;
    background: initial;
    right: 20px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  .page-news__search dl dd .circle .icon {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .page-news__search dl dd .circle .icon > svg {
    position: absolute;
    top: 0;
    left: 0;
  }
  .page-news__search dl dd .circle .icon > svg .st0 {
    fill: #ff9598;
  }
  .page-news .top-news__list {
    padding: 0 20px;
  }
  .page-news .top-news__list.no-article {
    margin-top: 25px;
    margin-bottom: 120px;
  }
  .page-news .top-news__list.no-article .top-news__item > .txt {
    font-size: 2.2rem;
    line-height: 3.3rem;
  }
  .page-news .top-news__item {
    background: #fff;
    margin-bottom: 30px;
  }
  .page-news .top-news__item.-open .item-top .arrow {
    top: 0;
    -webkit-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important;
  }
  .page-news .top-news__item .item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 30px !important;
  }
  .page-news .top-news__item .item-top .date {
    display: inline-block;
    width: initial;
    min-width: initial;
    margin-right: 30px;
    margin-bottom: 0;
  }
  .page-news .top-news__item .item-top .cat {
    display: inline-block;
    font-size: 1.3rem;
    color: #ff9598;
    margin-bottom: 2px;
  }
  .page-news .top-news__item .item-top .ttl {
    font-size: 1.7rem;
    margin-top: 6px;
    padding-right: 0;
  }
  .page-news .top-news__item .item-top .arrow {
    top: initial;
    top: calc(100% + 10px);
    right: -10px;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -4px 4px 14px rgba(176, 176, 176, 0.2);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -4px 4px 14px rgba(176, 176, 176, 0.2);
  }
  .page-news .top-news__item .item-bottom {
    padding: 0 30px;
  }
  .page-news .top-news__item .item-bottom .item-bottom__inner > p {
    font-size: 1.6rem;
    line-height: 3.1rem;
  }
  .page-news .top-news__item .item-bottom .item-bottom__inner > p:nth-last-of-type(1) {
    padding-bottom: 50px;
  }
  .page-news__pager {
    padding-top: 30px;
    padding-bottom: 115px;
  }
  .page-news__pager .pager-item {
    padding: 0 30px;
  }
  .page-news__pager .pager-item.next > a .circle .icon {
    left: 52.5%;
  }
  .page-news__pager .pager-item > a {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-news__pager .pager-item > a .circle {
    width: 65px;
    height: 65px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 10px;
  }
  .page-news__pager .pager-item > a .circle > .icon {
    width: 10px;
  }
  .page-news__pager .pager-item > a .txt {
    font-size: 1.9rem;
  }
  .page-news__pager .pager-item > a .txt > .-fontp {
    font-size: 1.9rem;
  }
}

/*------------------------------------------------------*/
/*  page-support */
/*------------------------------------------------------*/
.page-support {
  max-width: 1800px;
  margin: 0 auto;
}
.page-support__intro {
  padding: 110px 80px 90px;
}
.page-support__intro .txt {
  font-size: 2rem;
  letter-spacing: 0.02em;
  line-height: 5.1rem;
  margin-bottom: 80px;
}
.page-support__intro .search {
  max-width: 1500px;
  margin-left: 0;
}
.page-support__intro .search .block .ttl {
  font-size: 2.1rem;
  letter-spacing: 0.01em;
  width: 280px;
}
.page-support__intro .search .block .box {
  width: calc(100% - 280px);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-support__intro .search .block .box input {
  width: 100%;
  height: 75px;
  background: #fff;
  padding: 0 90px 0 40px;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-support__intro .search .block .box input::-webkit-input-placeholder {
  color: #dddddd;
}
.page-support__intro .search .block .box input::-moz-placeholder {
  color: #dddddd;
}
.page-support__intro .search .block .box input:-ms-input-placeholder {
  color: #dddddd;
}
.page-support__intro .search .block .box input::-ms-input-placeholder {
  color: #dddddd;
}
.page-support__intro .search .block .box input::placeholder {
  color: #dddddd;
}
.page-support__intro .search .block .box .icon-cover {
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.page-support__intro .search .block .box .icon-cover .icon {
  width: 30px;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (min-width: 751px) {
  .page-support__intro .search .block .box .icon-cover:hover .icon {
    -webkit-animation-name: search-hover;
            animation-name: search-hover;
  }
}
.page-support__intro .search .block.block2 {
  margin-top: 30px;
}
.page-support__intro .search .block.block2 .box {
  border-radius: initial;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: visible;
}
.page-support__intro .search .block.block2 .box .box-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.page-support__intro .search .block.block2 .box .box-cover .box-item {
  width: calc(33.3% - 20px);
  margin-bottom: 10px;
  height: 75px;
  background: #fff;
  border-radius: 999px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-support__intro .search .block.block2 .box .box-cover .box-item.-current > a {
  cursor: auto;
  pointer-events: none;
}
.page-support__intro .search .block.block2 .box .box-cover .box-item.-current > a > span {
  color: #ff9598;
}
.page-support__intro .search .block.block2 .box .box-cover .box-item.-current > a > span::before {
  height: 2px;
}
.page-support__intro .search .block.block2 .box .box-cover .box-item > a {
  width: 100%;
  height: 100%;
  text-align: center;
}
.page-support__intro .search .block.block2 .box .box-cover .box-item > a > span {
  display: inline-block;
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  line-height: 75px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  position: relative;
}
.page-support__intro .search .block.block2 .box .box-cover .box-item > a > span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #ff9598;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .page-support__intro .search .block.block2 .box .box-cover .box-item > a:hover > span {
    color: #ff9598;
  }
  .page-support__intro .search .block.block2 .box .box-cover .box-item > a:hover > span::before {
    height: 2px;
  }
}
@media screen and (max-width: 1270px) {
  .page-support__intro {
    padding: 110px 45px 90px;
  }
}
@media screen and (max-width: 1160px) {
  .page-support__intro .search .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-support__intro .search .block.block2 {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1160px) and (max-width: 850px) {
  .page-support__intro .search .block.block2 .box .box-cover .box-item {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 1160px) {
  .page-support__intro .search .block .ttl {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }
  .page-support__intro .search .block .box {
    width: 100%;
  }
}
.page-support__faq {
  padding-bottom: 80px;
  position: relative;
}
.page-support__faq #page-support-anchor {
  position: absolute;
  top: -90px;
  left: 0;
  width: 100%;
  height: 0;
}
.page-support__faq > .ttl {
  font-size: 3.7rem;
  letter-spacing: 0.01em;
  padding-left: 80px;
  margin-bottom: 42px;
}
.page-support__faq .top-news__list {
  padding: 0 45px;
}
.page-support__faq .top-news__list.no-article {
  margin-top: 70px;
}
.page-support__faq .top-news__list.no-article .top-news__item {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: initial;
}
.page-support__faq .top-news__list.no-article .top-news__item > .txt {
  font-size: 2.9rem;
  letter-spacing: 0.02em;
  line-height: 3.5rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .page-support__faq .top-news__list.no-article .top-news__item:hover {
    cursor: auto !important;
  }
}
.page-support__faq .top-news__item {
  margin-bottom: 10px;
  border-radius: 30px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -4px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -4px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-support__faq .top-news__item .item-top {
  padding: 35px 100px 35px 150px;
}
.page-support__faq .top-news__item .item-top .-fontn {
  font-size: 3.1rem;
  letter-spacing: 0.02em;
  margin-right: 0;
  position: absolute;
  top: 31px;
  left: 80px;
}
.page-support__faq .top-news__item .item-top .arrow .arrow-inner {
  width: 17px;
}
.page-support__faq .top-news__item .item-bottom {
  padding: 0 80px;
}
.page-support__faq .top-news__item .item-bottom__inner {
  padding-left: 70px;
  position: relative;
}
.page-support__faq .top-news__item .item-bottom__inner .-fontn {
  font-size: 3.1rem;
  letter-spacing: 0.02em;
  color: #ff9598;
  padding-top: 0 !important;
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.page-support__faq .top-news__item .item-bottom__inner > p {
  font-size: 1.9rem;
  line-height: 4.1rem;
}
.page-support__faq .top-news__item .item-bottom__inner > p:nth-of-type(1) {
  padding-top: 25px;
}
.page-support__faq .top-news__item .item-bottom__inner > p:nth-last-of-type(1) {
  padding-bottom: 45px;
}
@media screen and (max-width: 950px) {
  .page-support__faq .top-news__item .item-top {
    padding: 35px 100px 35px 110px;
  }
  .page-support__faq .top-news__item .item-top .-fontn {
    left: 40px;
  }
  .page-support__faq .top-news__item .item-bottom {
    padding: 0 40px;
  }
  .page-support__faq .top-news__item .item-bottom .item-bottom__inner > p:nth-last-of-type(1) {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 750px) {
  .page-support__intro {
    padding: 77px 0px 78px;
  }
  .page-support__intro .search {
    padding: 0 20px;
  }
  .page-support__intro .search .block .ttl {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
  .page-support__intro .search .block .box input {
    height: 60px;
    padding: 0 60px 0 30px;
    font-size: 1.8rem;
  }
  .page-support__intro .search .block .box .icon-cover {
    width: 30px;
    height: 30px;
    right: 20px;
  }
  .page-support__intro .search .block .box .icon-cover .icon {
    width: 20px;
  }
  .page-support__intro .search .block.block2 {
    margin-top: 52px;
  }
  .page-support__intro .search .block.block2 .box .box-cover .box-item {
    width: calc(50% - 8px);
    height: 45px;
    margin-bottom: 5px;
  }
  .page-support__intro .search .block.block2 .box .box-cover .box-item > a > span {
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 45px;
  }
  .page-support__intro .search .block.block2 .box .box-cover .box-item > a > span::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: calc((100vw - 56px) * 0.5 - 40px);
  }
}
@media screen and (max-width: 750px) and (max-width: 400px) {
  .page-support__intro .search .block.block2 .box .box-cover .box-item > a > span {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .page-support__intro .search .block.block2 .box .box-cover .box-item > a > span {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 750px) {
  .page-support__intro .txt {
    padding: 0 30px;
    font-size: 1.8rem;
    line-height: 3.9rem;
    margin-bottom: 64px;
  }
  .page-support__faq {
    padding-bottom: 90px;
  }
  .page-support__faq #page-support-anchor {
    top: -30px;
  }
  .page-support__faq > .ttl {
    font-size: 2.7rem;
    padding-left: 30px;
    margin-bottom: 40px;
  }
  .page-support__faq .top-news__list {
    padding: 0 20px;
  }
  .page-support__faq .top-news__list.no-article {
    margin-top: 60px;
  }
  .page-support__faq .top-news__list.no-article .top-news__item > .txt {
    font-size: 2.2rem;
    line-height: 3.3rem;
  }
  .page-support__faq .top-news__item {
    background: #fff;
    margin-bottom: 30px;
  }
  .page-support__faq .top-news__item.-open .item-top .arrow {
    top: 0;
    -webkit-transform: translate(0, 0) !important;
            transform: translate(0, 0) !important;
  }
  .page-support__faq .top-news__item .item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 30px 30px !important;
  }
  .page-support__faq .top-news__item .item-top > .-fontn {
    font-size: 2.7rem;
    top: 33px;
    left: 30px;
  }
  .page-support__faq .top-news__item .item-top .ttl {
    font-size: 1.8rem;
    padding-right: 0;
    padding-left: 40px;
  }
  .page-support__faq .top-news__item .item-top .arrow {
    top: initial;
    top: calc(100% + 20px);
    right: -10px;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -4px 4px 14px rgba(176, 176, 176, 0.2);
            box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -4px 4px 14px rgba(176, 176, 176, 0.2);
  }
  .page-support__faq .top-news__item .item-bottom {
    padding: 10px 30px 0;
  }
  .page-support__faq .top-news__item .item-bottom .item-bottom__inner {
    padding-left: 0;
  }
  .page-support__faq .top-news__item .item-bottom .item-bottom__inner > .-fontn {
    display: none;
  }
  .page-support__faq .top-news__item .item-bottom .item-bottom__inner > p {
    font-size: 1.6rem;
    line-height: 3.1rem;
  }
  .page-support__faq .top-news__item .item-bottom .item-bottom__inner > p:nth-last-of-type(1) {
    padding-bottom: 60px;
  }
}

@-webkit-keyframes search-hover {
  0% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  25% {
    -webkit-transform: translate(-65%, -60%);
            transform: translate(-65%, -60%);
  }
  50% {
    -webkit-transform: translate(-40%, -65%);
            transform: translate(-40%, -65%);
  }
  75% {
    -webkit-transform: translate(-48%, -40%);
            transform: translate(-48%, -40%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@keyframes search-hover {
  0% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  25% {
    -webkit-transform: translate(-65%, -60%);
            transform: translate(-65%, -60%);
  }
  50% {
    -webkit-transform: translate(-40%, -65%);
            transform: translate(-40%, -65%);
  }
  75% {
    -webkit-transform: translate(-48%, -40%);
            transform: translate(-48%, -40%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
/*------------------------------------------------------*/
/*  page-plan */
/*------------------------------------------------------*/
.page-price__head {
  padding: 110px 80px 0;
  text-align: center;
  position: relative;
  margin-bottom: 54px;
}
.page-price__head h2 {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 43px;
}
.page-price__head .lead {
  font-size: 2rem;
  line-height: 5rem;
}
.page-price__head .icon {
  width: 38px;
  position: absolute;
  top: 128px;
  right: 80px;
}
@media screen and (max-width: 950px) {
  .page-price__head {
    padding-left: 45px;
    padding-right: 45px;
  }
  .page-price__head .icon {
    right: 45px;
  }
}
.page-price__plan {
  padding: 0 0 99px;
  margin: 0 auto;
}
.page-price__plan.-option {
  padding-bottom: 110px;
}
.page-price__plan .table-boxouter {
  position: relative;
  margin-bottom: 54px;
}
.page-price__plan .table-boxouter .table-outertxt {
  position: absolute;
  top: 0;
  right: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-price__plan .table-boxouter .table-outertxt > .txt {
  font-size: 2rem;
  letter-spacing: 0.01em;
  color: #ff9598;
  margin-right: 15px;
}
.page-price__plan .table-boxouter .table-outertxt > .icon {
  width: 18px;
  height: 16px;
}
.page-price__plan .table-boxouter .table-outertxt > .icon > svg .st0 {
  fill: #ff9598;
}
.page-price__plan .table-boxouter .table-outertxt > .icon > svg .left-arrow {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation-name: page-plan-l-arrow;
          animation-name: page-plan-l-arrow;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.page-price__plan .table-boxouter .table-outertxt > .icon > svg .right-arrow {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation-name: page-plan-r-arrow;
          animation-name: page-plan-r-arrow;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@media screen and (min-width: 1271px) {
  .page-price__plan .table-boxouter .table-outertxt {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  .page-price__plan .table-boxouter .table-outertxt {
    right: 45px;
  }
}
.page-price__plan .table-boxouter .table-box__wrapper {
  padding: 0 80px;
}
@media screen and (max-width: 1270px) {
  .page-price__plan .table-boxouter .table-box__wrapper {
    padding: 0;
  }
}
.page-price__plan .table-boxouter .table-box__main {
  gap: 30px;
}
.page-price__plan .table-boxouter .table-box__item {
  width: 400px;
  text-align: center;
  border-radius: 20px;
  -webkit-box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
}
.page-price__plan .table-boxouter .table-box__item.-light .plan-head {
  background: #ff9598;
}
.page-price__plan .table-boxouter .table-box__item.-light .plan-running .price {
  color: #ff9598;
}
.page-price__plan .table-boxouter .table-box__item.-standard .plan-head {
  background: #aaaaa9;
}
.page-price__plan .table-boxouter .table-box__item.-premium .plan-head {
  background: #878787;
}
.page-price__plan .table-boxouter .table-box__item.-premium .plan-size__block {
  padding-right: 110px;
}
.page-price__plan .table-boxouter .table-box__item.-premium .plan-id__mark {
  top: 2px;
}
.page-price__plan .table-boxouter .table-box__item .plan-head {
  padding: 26px 0 24px 0;
  color: #fff;
  border-radius: 20px 20px 0 0;
}
.page-price__plan .table-boxouter .table-box__item .plan-head .lead {
  font-size: 1.6rem;
  margin-bottom: 1px;
}
.page-price__plan .table-boxouter .table-box__item .plan-head h3 {
  font-size: 2.6rem;
  font-weight: 700;
}
.page-price__plan .table-boxouter .table-box__item .plan-details {
  border-radius: 0 0 20px 20px;
  background: #fff;
}
.page-price__plan .table-boxouter .table-box__item .plan-detail {
  position: relative;
  padding-top: 24px;
  padding-bottom: 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.page-price__plan .table-boxouter .table-box__item .plan-detail::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #dedede;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-price__plan .table-boxouter .table-box__item .plan-detail .lead {
  font-size: 1.8rem;
  color: #aeaeae;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.page-price__plan .table-boxouter .table-box__item .plan-detail .lead span {
  display: inline-block;
  position: relative;
}
.page-price__plan .table-boxouter .table-box__item .plan-detail .lead span .note {
  font-size: 1.4rem;
  position: absolute;
  right: -29px;
  top: 3px;
  color: #ff9598;
}
.page-price__plan .table-boxouter .table-box__item .plan-detail .text {
  font-size: 2.2rem;
  font-weight: 700;
  margin-top: 8px;
}
.page-price__plan .table-boxouter .table-box__item .plan-detail .text.-small {
  font-size: 2rem;
}
.page-price__plan .table-boxouter .table-box__item .plan-detail .text.-small span {
  font-size: 2.4rem;
  display: inline-block;
  margin: 0 8px;
  position: relative;
  top: 2px;
}
.page-price__plan .table-boxouter .table-box__item .plan-initial {
  padding-bottom: 21px;
}
.page-price__plan .table-boxouter .table-box__item .plan-initial .price {
  margin-top: 8px;
}
.page-price__plan .table-boxouter .table-box__item .plan-initial .price .-fontw {
  font-size: 3.4rem;
  font-weight: 700;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
.page-price__plan .table-boxouter .table-box__item .plan-initial .price .text2 {
  font-size: 1.8rem;
  font-weight: 700;
}
.page-price__plan .table-boxouter .table-box__item .plan-initial .price .text3 {
  font-size: 1.6rem;
}
.page-price__plan .table-boxouter .table-box__item .plan-running {
  padding-top: 25px;
  padding-bottom: 38px;
}
.page-price__plan .table-boxouter .table-box__item .plan-running .price {
  margin-top: 8px;
  margin-bottom: -5px;
}
.page-price__plan .table-boxouter .table-box__item .plan-running .price .-fontw {
  font-size: 5rem;
  font-weight: 700;
  margin-right: 5px;
  position: relative;
  top: -5px;
}
.page-price__plan .table-boxouter .table-box__item .plan-running .price .text2 {
  font-size: 2rem;
  font-weight: 700;
}
.page-price__plan .table-boxouter .table-box__item .plan-running .price .text3 {
  font-size: 1.6rem;
  position: relative;
  top: 2px;
}
.page-price__plan .table-boxouter .table-box__item .plan-running .price .text4 {
  font-size: 2rem;
  font-weight: 700;
}
.page-price__plan .table-boxouter .table-box__item .plan-running .price .text5 {
  font-size: 2rem;
  font-weight: 700;
  margin-left: 2px;
}
.page-price__plan .table-boxouter .table-box__item .plan-running .price2 {
  font-size: 3rem;
  font-weight: 700;
  padding-top: 8px;
  margin-bottom: 10px;
}
.page-price__plan .table-boxouter .table-box__item .plan-running dl dt {
  font-size: 1.6rem;
}
.page-price__plan .table-boxouter .table-box__item .plan-running dl dd {
  font-size: 1.8rem;
  font-weight: 700;
  margin-left: 3px;
}
.page-price__plan .table-boxouter .table-box__item .plan-running dl + dl {
  margin-top: 2px;
}
.page-price__plan .table-boxouter .table-box__item .plan-id {
  padding-bottom: 24px;
  height: 147px;
}
.page-price__plan .table-boxouter .table-box__item .plan-id__block {
  margin-top: 10px;
  gap: 16px;
}
.page-price__plan .table-boxouter .table-box__item .plan-id__item {
  text-align: center;
}
.page-price__plan .table-boxouter .table-box__item .plan-id__item .text1 {
  font-size: 1.6rem;
}
.page-price__plan .table-boxouter .table-box__item .plan-id__item .text1 span {
  position: relative;
  display: inline-block;
}
.page-price__plan .table-boxouter .table-box__item .plan-id__item .text1 span .note {
  font-size: 1.4rem;
  position: absolute;
  right: -29px;
  top: 2px;
  color: #ff9598;
}
.page-price__plan .table-boxouter .table-box__item .plan-id__item .text2 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 4px;
}
.page-price__plan .table-boxouter .table-box__item .plan-id__item .-fontw {
  font-weight: 700;
  font-size: 3.4rem;
}
.page-price__plan .table-boxouter .table-box__item .plan-id__mark {
  font-size: 2.4rem;
  position: relative;
  top: -4px;
}
.page-price__plan .table-boxouter .table-box__item .plan-size {
  padding-bottom: 23px;
}
.page-price__plan .table-boxouter .table-box__item .plan-size__block {
  margin-top: 6px;
  position: relative;
}
.page-price__plan .table-boxouter .table-box__item .plan-size__block .text1 {
  font-size: 3.4rem;
  font-weight: 700;
}
.page-price__plan .table-boxouter .table-box__item .plan-size__block .text2 {
  font-size: 2rem;
  font-weight: 700;
}
.page-price__plan .table-boxouter .table-box__item .plan-size__block .text3 {
  position: absolute;
  right: 78px;
  top: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: left;
}
.page-price__plan .table-boxouter .table-box__item .plan-size__block .text3::before {
  content: "※";
  position: absolute;
  left: -20px;
  top: 0;
  color: #ff9598;
}
.page-price__plan .table-boxouter .table-box__item .plan-function {
  height: 117px;
}
.page-price__plan .table-boxouter .table-box__item .plan-support {
  padding-bottom: 28px;
}
.page-price__plan .table-boxouter .table-box__item .plan-support__block {
  margin-top: 15px;
}
.page-price__plan .table-boxouter .table-box__item .plan-support__item {
  width: 165px;
}
.page-price__plan .table-boxouter .table-box__item .plan-support__item .icon {
  margin: 0 auto 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 42px;
}
.page-price__plan .table-boxouter .table-box__item .plan-support__item .icon.-mail img {
  width: 35px;
}
.page-price__plan .table-boxouter .table-box__item .plan-support__item .icon.-tel img {
  width: 27px;
}
.page-price__plan .table-boxouter .table-box__item .plan-support__item .text1 {
  font-size: 1.6rem;
}
.page-price__plan .table-boxouter .table-box__item .plan-support__item .text1 span {
  position: relative;
  display: inline-block;
}
.page-price__plan .table-boxouter .table-box__item .plan-support__item .text1 span .note {
  font-size: 1.4rem;
  position: absolute;
  right: -29px;
  top: 2px;
  color: #ff9598;
}
.page-price__plan .table-boxouter .table-box__item .plan-service {
  padding-bottom: 39px;
}
.page-price__plan .table-boxouter .table-box__item .plan-service::after {
  display: none;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__block {
  margin-top: 26px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 26px 0;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item {
  width: 165px;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item.-w {
  width: 100%;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item.-item1 .icon img {
  width: 49px;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item.-item2 .icon img {
  width: 52px;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item.-item3 .icon img {
  width: 52px;
  position: relative;
  top: 2px;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item.-item4 .icon img {
  width: 28px;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item .icon {
  margin: 0 auto 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 46px;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item .text1 {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item .text1 span {
  position: relative;
  display: inline-block;
}
.page-price__plan .table-boxouter .table-box__item .plan-service__item .text1 span .note {
  font-size: 1.4rem;
  position: absolute;
  right: -29px;
  top: 0;
  color: #ff9598;
}
.page-price__plan .table-boxouter .table-box::-webkit-scrollbar {
  height: 8px;
  background: transparent;
  border-radius: 10px;
}
.page-price__plan .table-boxouter .table-box::-webkit-scrollbar-track {
  border-radius: 10px;
}
.page-price__plan .table-boxouter .table-box::-webkit-scrollbar-thumb {
  background: #ff9598;
  border-radius: 10px;
}
@media screen and (max-width: 1270px) {
  .page-price__plan .table-boxouter {
    overflow: hidden;
    margin: 0 0 57px 0;
  }
  .page-price__plan .table-boxouter .table-box {
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .page-price__plan .table-boxouter .table-box .table-box__inner {
    min-width: 1290px;
    margin: 60px 0 30px 80px;
    padding: 0 80px 0 0;
  }
}
@media screen and (max-width: 950px) {
  .page-price__plan .table-boxouter .table-box .table-box__inner {
    margin-left: 45px;
    padding-right: 45px;
  }
}
.page-price__plan .option-head {
  padding: 0 80px 0 83px;
  gap: 36px;
  margin-bottom: 56px;
}
.page-price__plan .option-head .icon {
  width: 32px;
  position: relative;
  top: 2px;
}
.page-price__plan .option-head .text {
  font-size: 3.6rem;
  font-weight: 700;
}
@media screen and (max-width: 950px) {
  .page-price__plan .option-head {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.page-price__plan .option-block__head {
  padding: 0 80px;
  margin-bottom: 44px;
}
.page-price__plan .option-block__head h3 {
  font-size: 2.6rem;
  font-weight: 700;
  position: relative;
  padding-left: 26px;
  margin-bottom: 14px;
}
.page-price__plan .option-block__head h3::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 14px;
  background: #ff9598;
  border-radius: 50%;
}
.page-price__plan .option-block__head .lead {
  font-size: 2rem;
  line-height: 5rem;
}
.page-price__plan .option-block .table-box__inner {
  padding: 0 40px;
}
@media screen and (max-width: 950px) {
  .page-price__plan .option-block__head {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.page-price__plan .option-table {
  border-radius: 20px;
  background: #fff;
  -webkit-box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
}
.page-price__plan .option-table th, .page-price__plan .option-table td {
  border-left: 1px solid #dedede;
  border-top: 1px solid #dedede;
  border-collapse: collapse;
  text-align: center;
  vertical-align: center;
}
.page-price__plan .option-table thead tr th {
  width: 28.1%;
  font-size: 2.6rem;
  font-weight: 700;
  padding: 26px 0 27px;
  border-top: none;
}
.page-price__plan .option-table thead tr th.-first {
  width: 15.7%;
  min-width: 192px;
  border-left: none;
}
.page-price__plan .option-table thead tr th.-light {
  color: #ff9598;
}
.page-price__plan .option-table thead tr th.-standard {
  color: #aaaaa9;
}
.page-price__plan .option-table thead tr th.-premium {
  color: #878787;
}
.page-price__plan .option-table tr td {
  padding: 17px 0 21px;
}
.page-price__plan .option-table tr td.headline {
  text-align: left;
  font-size: 1.8rem;
  border-left: none;
  vertical-align: top;
  padding: 25px 0 0 30px;
}
.page-price__plan .option-table tr td.headline span {
  display: inline-block;
  font-size: 1.4rem;
  color: #ff9598;
  position: relative;
  top: -2px;
  margin-left: 5px;
}
.page-price__plan .option-contents .-fontw {
  font-size: 3.4rem;
  font-weight: 700;
  position: relative;
  top: 2px;
}
.page-price__plan .option-contents .text1 {
  font-size: 1.8rem;
  font-weight: 700;
  display: inline-block;
  margin-left: 2px;
}
.page-price__plan .option-contents .text2 {
  font-size: 1.6rem;
}
.page-price__plan .option-contents .text3 {
  font-size: 1.8rem;
}
.page-price__plan .option-contents .text3.-second {
  display: inline-block;
  margin-left: 5px;
}
.page-price__plan .option-contents .text4 {
  font-size: 1.8rem;
}
.page-price__plan .option-contents .text5 {
  font-size: 2.2rem;
  font-weight: 700;
}
.page-price__plan .focus > ul {
  padding: 0 76px;
}
.page-price__plan .focus > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px;
}
.page-price__plan .focus > ul > li .num {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  font-weight: 700;
  white-space: nowrap;
  color: #ff9598;
  width: 59px;
  position: relative;
  top: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-price__plan .focus > ul > li .txt {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 4rem;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.page-price__plan .focus > ul > li:nth-last-of-type(1) {
  margin-bottom: 0;
}
@media screen and (max-width: 950px) {
  .page-price__plan .focus > ul {
    padding: 0 41px;
  }
}
.page-price__upgrade {
  text-align: center;
  padding: 87px 80px 96px;
  background: #fff;
}
.page-price__upgrade .upgrade-lead {
  font-size: 3.6rem;
  line-height: 5rem;
  color: #ff9598;
  font-weight: 700;
  margin-bottom: 127px;
}
.page-price__upgrade .upgrade-main {
  gap: 90px;
}
.page-price__upgrade .upgrade-item {
  position: relative;
}
.page-price__upgrade .upgrade-balloon {
  width: 260px;
  position: absolute;
  top: -62px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 75px;
  -webkit-box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
  padding: 9px 0 14px;
  background: #fff;
}
.page-price__upgrade .upgrade-balloon::after {
  content: "";
  background: #ffffff;
  height: 7px;
  width: 8px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: 50%;
  bottom: -7px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.page-price__upgrade .upgrade-balloon p {
  font-size: 1.8rem;
  line-height: 2.6rem;
}
.page-price__upgrade .upgrade-figure {
  border-radius: 110px;
  width: 350px;
  -webkit-box-shadow: inset 0px 2px 20px 0px rgba(4, 0, 0, 0.11);
          box-shadow: inset 0px 2px 20px 0px rgba(4, 0, 0, 0.11);
  position: relative;
  margin-bottom: 22px;
}
.page-price__upgrade .upgrade-figure::before {
  content: "";
  display: block;
  padding-top: 88.6%;
}
.page-price__upgrade .upgrade-figure p {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-price__upgrade .upgrade-figure p.-item1 {
  width: 50.5%;
}
.page-price__upgrade .upgrade-figure p.-item2 {
  width: 67.7%;
}
.page-price__upgrade .upgrade-arrow {
  width: 64px;
  padding-top: 142px;
}
.page-price__upgrade .upgrade-plan {
  font-size: 2.6rem;
  font-weight: 700;
}
.page-price__upgrade .upgrade-plan p.-light {
  color: #ff9598;
}
.page-price__upgrade .upgrade-plan p.-standard {
  color: #aaaaa9;
}
.page-price__upgrade .upgrade-plan p.-premium {
  color: #878787;
}
.page-price__upgrade .upgrade-plan p + p {
  margin-top: 3px;
}
@media screen and (max-width: 1110px) {
  .page-price__upgrade .upgrade-main {
    gap: 40px;
  }
}
@media screen and (max-width: 990px) and (min-width: 851px) {
  .page-price__upgrade .upgrade-figure {
    width: 300px;
  }
}
@media screen and (max-width: 850px) {
  .page-price__upgrade .upgrade-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .page-price__upgrade .upgrade-arrow {
    width: 25px;
    padding-top: 0;
    padding-bottom: 62px;
  }
}
@media screen and (max-width: 950px) {
  .page-price__upgrade {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.page-price__implement {
  padding: 89px 80px 96px;
}
.page-price__implement .implement-head {
  position: relative;
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 90px;
}
.page-price__implement .implement-head .icon {
  width: 38px;
  position: absolute;
  right: 0;
  top: 15px;
  font-size: 0;
  line-height: 0;
}
.page-price__implement .implement-main {
  gap: 30px;
  padding: 0 40px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.page-price__implement .implement-item {
  width: calc(33.3% - 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 64px 38px 64px;
  position: relative;
  background: #fff;
  border-radius: 80px;
}
.page-price__implement .implement-item.-blank {
  display: none;
}
.page-price__implement .implement-item .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 130px;
  margin-bottom: 31px;
}
.page-price__implement .implement-item .icon.-item1 img {
  width: 179px;
}
.page-price__implement .implement-item .icon.-item2 img {
  width: 171px;
}
.page-price__implement .implement-item .icon.-item3 img {
  width: 151px;
}
.page-price__implement .implement-item .lead {
  text-align: center;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 3.6rem;
  margin-bottom: 16px;
}
.page-price__implement .implement-item .text {
  font-size: 1.8rem;
  line-height: 3.4rem;
}
.page-price__implement .implement-item .balloon {
  width: 120px;
  height: 75px;
  position: absolute;
  top: -28px;
  left: -20px;
  -webkit-box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
  border-radius: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
}
.page-price__implement .implement-item .balloon p {
  font-size: 3.8rem;
  font-weight: 500;
  color: #ff9598;
}
.page-price__implement .implement-item .balloon::after {
  content: "";
  background: #ffffff;
  height: 7px;
  width: 8px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: 60%;
  bottom: -7px;
  -webkit-transform: skewX(15deg);
          transform: skewX(15deg);
}
@media screen and (max-width: 1400px) {
  .page-price__implement .implement-main {
    gap: 60px 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-price__implement .implement-item {
    width: calc(50% - 15px);
  }
  .page-price__implement .implement-item.-blank {
    display: block;
    background: transparent;
  }
}
@media screen and (max-width: 1050px) {
  .page-price__implement .implement-main {
    padding: 0;
  }
}
@media screen and (max-width: 950px) {
  .page-price__implement {
    padding-left: 45px;
    padding-right: 45px;
  }
}
@-webkit-keyframes page-plan-l-arrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(46%);
            transform: translateX(46%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(46%);
            transform: translateX(46%);
    opacity: 1;
  }
  60% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  60.1% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  70% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes page-plan-l-arrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(46%);
            transform: translateX(46%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(46%);
            transform: translateX(46%);
    opacity: 1;
  }
  60% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  60.1% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  70% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes page-plan-r-arrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  10% {
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
    opacity: 0;
  }
  10.1% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateX(-28%);
            transform: translateX(-28%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-28%);
            transform: translateX(-28%);
    opacity: 1;
  }
  70% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes page-plan-r-arrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  10% {
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
    opacity: 0;
  }
  10.1% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateX(-28%);
            transform: translateX(-28%);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(-28%);
            transform: translateX(-28%);
    opacity: 1;
  }
  70% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 1;
  }
}
@media screen and (max-width: 750px) {
  .page-price__head {
    padding: 80px 30px 0;
    text-align: left;
    margin-bottom: 0;
  }
  .page-price__head h2 {
    font-size: 2.7rem;
    line-height: 3.9rem;
    margin-bottom: 33px;
  }
  .page-price__head .lead {
    font-size: 1.8rem;
    line-height: 3.8rem;
    letter-spacing: -0.04rem;
  }
  .page-price__head .icon {
    width: 32px;
    top: 89px;
    right: 20px;
  }
  .page-price__plan {
    padding: 0 0 94px;
  }
  .page-price__plan.-option {
    padding-bottom: 92px;
  }
  .page-price__plan.-option .table-boxouter .table-box .table-box__inner {
    min-width: 916px;
  }
  .page-price__plan > .ttl {
    margin-bottom: 40px;
  }
  .page-price__plan > .ttl .jp {
    font-size: 2.9rem;
    line-height: 4.3rem;
  }
  .page-price__plan > .txt {
    font-size: 1.8rem;
    line-height: 3.9rem;
  }
  .page-price__plan .top-plan__box {
    margin: 48px 30px 0;
  }
  .page-price__plan .top-plan__box .solobox {
    margin-top: 73px;
  }
  .page-price__plan .top-plan__box .solobox .name {
    font-size: 2.5rem;
    line-height: 2.6rem;
    margin-bottom: 17px;
  }
  .page-price__plan .top-plan__box .solobox .image {
    height: 150px;
  }
  .page-price__plan .top-plan__box .solobox .image .image-graphic.-g1 {
    width: 118px;
  }
  .page-price__plan .top-plan__box .solobox .image .image-graphic.-g2 {
    width: 158px;
  }
  .page-price__plan .top-plan__box .solobox .image .image-graphic.-g3 {
    width: 190px;
  }
  .page-price__plan .top-plan__box .solobox .txt {
    font-size: 1.7rem;
    line-height: 2.6rem;
    margin-top: 21px;
  }
  .page-price__plan .table-boxouter {
    margin-bottom: 45px;
  }
  .page-price__plan .table-boxouter .table-outertxt {
    top: 21px;
    right: 20px;
  }
  .page-price__plan .table-boxouter .table-outertxt > .txt {
    font-size: 1.7rem;
    margin-right: 10px;
  }
  .page-price__plan .table-boxouter .table-outertxt > .icon {
    width: 13px;
    height: 12px;
    position: relative;
    top: -1px;
  }
  .page-price__plan .table-boxouter .table-box .table-box__inner {
    margin: 54px 0px 20px 30px;
    min-width: 929px;
    padding-right: 20px;
  }
  .page-price__plan .table-boxouter .table-box__main {
    width: 909px;
    gap: 12px;
  }
  .page-price__plan .table-boxouter .table-box__item {
    width: 295px;
  }
  .page-price__plan .table-boxouter .table-box__item.-premium .plan-size__block {
    padding-right: 80px;
  }
  .page-price__plan .table-boxouter .table-box__item.-premium .plan-id__mark {
    top: 2px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-head {
    padding: 17px 0 15px 0;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-head .lead {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-head h3 {
    font-size: 2.2rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-detail {
    padding-top: 18px;
    padding-bottom: 21px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-detail .lead {
    font-size: 1.6rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-detail .lead span .note {
    font-size: 1.2rem;
    right: -23px;
    top: 2px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-detail .text {
    font-size: 2rem;
    margin-top: 8px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-detail .text.-small {
    font-size: 1.6rem;
    margin-top: 2px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-detail .text.-small span {
    font-size: 2.4rem;
    margin: 0 6px;
    top: 3px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-initial {
    padding-bottom: 18px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-initial .price {
    margin-top: 9px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-initial .price .-fontw {
    font-size: 2.8rem;
    top: -1px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-initial .price .text2 {
    font-size: 1.6rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-initial .price .text3 {
    font-size: 1.4rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running {
    padding-top: 15px;
    padding-bottom: 27px;
    height: 143px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running .price {
    margin-top: 8px;
    margin-bottom: 1px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running .price .-fontw {
    font-size: 3.8rem;
    margin-right: 4px;
    top: -4px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running .price .text2 {
    font-size: 1.8rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running .price .text3 {
    font-size: 1.4rem;
    top: 1px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running .price .text4 {
    font-size: 1.8rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running .price .text5 {
    font-size: 1.8rem;
    margin-left: 3px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running .price2 {
    font-size: 2.4rem;
    padding-top: 9px;
    margin-bottom: 9px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running dl dt {
    font-size: 1.4rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running dl dd {
    font-size: 1.6rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-running dl + dl {
    margin-top: 2px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-id {
    padding-bottom: 14px;
    height: 123px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-id__block {
    gap: 11px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-id__item .text1 {
    font-size: 1.4rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-id__item .text1 span .note {
    font-size: 1.2rem;
    right: -25px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-id__item .text2 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 4px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-id__item .-fontw {
    font-size: 2.8rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-id__mark {
    top: 0;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-size {
    padding-bottom: 19px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-size__block {
    margin-top: 6px;
    position: relative;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-size__block .text1 {
    font-size: 2.8rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-size__block .text2 {
    font-size: 1.8rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-size__block .text3 {
    right: 39px;
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-size__block .text3::before {
    left: -14px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-function {
    height: 99px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-support {
    padding-bottom: 22px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-support__block {
    margin-top: 14px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-support__item {
    width: 120px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-support__item .icon {
    margin: 0 auto 10px;
    height: 36px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-support__item .icon.-mail img {
    width: 30px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-support__item .icon.-tel img {
    width: 24px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-support__item .text1 {
    font-size: 1.4rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-support__item .text1 span .note {
    font-size: 1.2rem;
    right: -25px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service {
    padding-bottom: 39px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service::after {
    display: none;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service__block {
    margin-top: 26px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px 0;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service__item {
    width: 130px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service__item.-item1 .icon img {
    width: 43px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service__item.-item2 .icon img {
    width: 45px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service__item.-item3 .icon img {
    width: 45px;
    position: relative;
    top: 2px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service__item.-item4 .icon img {
    width: 23px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service__item .icon {
    margin: 0 auto 10px;
    height: 38px;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service__item .text1 {
    font-size: 1.4rem;
    line-height: 2.1rem;
  }
  .page-price__plan .table-boxouter .table-box__item .plan-service__item .text1 span .note {
    font-size: 1.2rem;
    right: -24px;
  }
  .page-price__plan .table-boxouter .table-box::-webkit-scrollbar {
    height: 6px;
  }
  .page-price__plan .option-head {
    padding-left: 30px;
    padding-right: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 37px;
  }
  .page-price__plan .option-head .icon {
    width: 30px;
    position: relative;
    top: 2px;
  }
  .page-price__plan .option-head .text {
    font-size: 2.7rem;
  }
  .page-price__plan .option-block__head {
    padding: 0 30px;
    margin-bottom: 0;
  }
  .page-price__plan .option-block__head h3 {
    font-size: 2.4rem;
    margin-bottom: 14px;
  }
  .page-price__plan .option-block__head h3::before {
    top: 13px;
  }
  .page-price__plan .option-block__head .lead {
    font-size: 1.8rem;
    line-height: 3.8rem;
  }
  .page-price__plan .option-block .table-box__inner {
    padding: 0 40px;
  }
  .page-price__plan .option-table thead tr th {
    width: 250px;
    font-size: 2rem;
    padding: 13px 0 13px;
  }
  .page-price__plan .option-table thead tr th.-first {
    width: 135px;
    min-width: 135px;
  }
  .page-price__plan .option-table tr td {
    padding: 7px 0 10px;
  }
  .page-price__plan .option-table tr td.headline {
    padding-left: 12px;
    font-size: 1.4rem;
    padding-top: 5px;
    padding: 13px 0 0 12px;
  }
  .page-price__plan .option-table tr td.headline span {
    font-size: 1.2rem;
    top: -1px;
  }
  .page-price__plan .option-contents .-fontw {
    font-size: 2.8rem;
    top: 1px;
  }
  .page-price__plan .option-contents .text1 {
    font-size: 1.6rem;
  }
  .page-price__plan .option-contents .text2 {
    font-size: 1.4rem;
  }
  .page-price__plan .option-contents .text3 {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .page-price__plan .option-contents .text3.-second {
    margin-left: 4px;
  }
  .page-price__plan .option-contents .text4 {
    font-size: 1.6rem;
    font-weight: 700;
  }
  .page-price__plan .option-contents .text5 {
    font-size: 2rem;
  }
  .page-price__plan .focus > ul {
    padding: 0 30px;
  }
  .page-price__plan .focus > ul > li {
    margin-bottom: 15px;
  }
  .page-price__plan .focus > ul > li .num {
    font-size: 1.4rem;
    width: 45px;
    top: 2px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .page-price__plan .focus > ul > li .txt {
    font-size: 1.4rem;
    line-height: 2.8rem;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .page-price__upgrade {
    padding: 84px 20px 96px;
  }
  .page-price__upgrade .upgrade-lead {
    font-size: 2.7rem;
    line-height: 3.9rem;
    margin-bottom: 132px;
  }
  .page-price__upgrade .upgrade-main {
    gap: 30px;
  }
  .page-price__upgrade .upgrade-item {
    position: relative;
  }
  .page-price__upgrade .upgrade-balloon {
    width: 230px;
    top: -88px;
    padding: 9px 0 11px;
  }
  .page-price__upgrade .upgrade-balloon p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .page-price__upgrade .upgrade-figure {
    border-radius: 50px;
    width: 270px;
    margin-bottom: 13px;
  }
  .page-price__upgrade .upgrade-figure::before {
    padding-top: 63%;
  }
  .page-price__upgrade .upgrade-figure p.-item1 {
    width: 125px;
  }
  .page-price__upgrade .upgrade-figure p.-item2 {
    width: 167px;
  }
  .page-price__upgrade .upgrade-arrow {
    width: 25px;
    padding-bottom: 94px;
  }
  .page-price__upgrade .upgrade-plan {
    font-size: 2.4rem;
  }
  .page-price__upgrade .upgrade-plan p + p {
    margin-top: 2px;
  }
  .page-price__implement {
    padding: 79px 30px 119px;
  }
  .page-price__implement .implement-head {
    text-align: left;
    font-size: 2.7rem;
    line-height: 3.9rem;
    margin-bottom: 71px;
  }
  .page-price__implement .implement-head .icon {
    width: 29px;
    right: -10px;
    top: 8px;
  }
  .page-price__implement .implement-main {
    width: calc(100% + 60px);
    position: relative;
    left: -30px;
    padding: 0;
  }
  .page-price__implement .implement-main .owlblock {
    padding: 0 20px;
  }
  .page-price__implement .implement-main .owlblock .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .page-price__implement .implement-main .owlblock .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .page-price__implement .implement-main .owlblock .myowlnav {
    display: block;
    width: 66px;
    height: 66px;
    background: #ff9598;
    position: absolute;
    top: 204px;
    border-radius: 50%;
  }
  .page-price__implement .implement-main .owlblock .myowlnav span {
    display: block;
    width: 17px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(../images/sp/common/icon/arrow.svg) no-repeat 0 0;
  }
  .page-price__implement .implement-main .owlblock .myowlnav.owl-prev {
    left: -40px;
  }
  .page-price__implement .implement-main .owlblock .myowlnav.owl-prev span {
    left: auto;
    right: 20px;
    -webkit-transform: translateY(-50%) scale(-1, 1);
            transform: translateY(-50%) scale(-1, 1);
  }
  .page-price__implement .implement-main .owlblock .myowlnav.owl-next {
    right: -40px;
  }
  .page-price__implement .implement-main .owlblock .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 14px;
    margin-top: 51px;
  }
  .page-price__implement .implement-main .owlblock .owl-dot {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #aaa;
  }
  .page-price__implement .implement-main .owlblock .owl-dot.active {
    background: #ff9598;
  }
  .page-price__implement .implement-item {
    width: 100%;
    height: 100%;
    padding: 48px 30px 45px;
    border-radius: 40px;
  }
  .page-price__implement .implement-item .icon {
    height: 105px;
    margin-bottom: 29px;
  }
  .page-price__implement .implement-item .icon.-item1 img {
    width: 147px;
  }
  .page-price__implement .implement-item .icon.-item2 img {
    width: 145px;
  }
  .page-price__implement .implement-item .icon.-item3 img {
    width: 130px;
  }
  .page-price__implement .implement-item .lead {
    font-size: 2.2rem;
    line-height: 3rem;
    margin-bottom: 18px;
  }
  .page-price__implement .implement-item .text {
    font-size: 1.6rem;
    line-height: 3rem;
  }
  .page-price__implement .implement-item .balloon {
    width: 88px;
    height: 55px;
    top: -25px;
    left: -10px;
  }
  .page-price__implement .implement-item .balloon p {
    font-size: 3rem;
  }
}

/*------------------------------------------------------*/
/*  page-feature */
/*------------------------------------------------------*/
@media screen and (max-width: 750px) {
  #page-feature .page-main__box .ttl {
    line-height: 3.6rem;
    top: 145px;
  }
}
.page-feature__ttl {
  margin-bottom: 43px;
}
.page-feature__ttl h2 {
  font-size: 3.7rem;
  letter-spacing: 0.01em;
  line-height: 5.7rem;
  font-weight: 700;
  margin-right: 30px;
  margin-left: 30px;
}
.page-feature__ttl .icon.-i1 {
  width: 40px;
}
.page-feature__ttl .icon.-i2 {
  width: 33px;
}
.page-feature__ttl .icon.-i3 {
  width: 35px;
}
.page-feature__ttl .icon.-i4 {
  width: 40px;
}
.page-feature__ttl .icon.-i5 {
  width: 40px;
}
.page-feature__ttl .icon.-i6 {
  width: 38px;
}
.page-feature__ttl .icon.-i7 {
  width: 42px;
}
.page-feature__mv {
  position: relative;
  padding: 92px 0 118px;
  width: 100%;
}
.page-feature__mv .dots {
  position: absolute;
  width: 100%;
  height: 17px;
  left: 0;
  bottom: 0;
}
.page-feature__mv .dots .dot {
  position: absolute;
  top: 0;
  width: 17px;
  height: 100%;
  border-radius: 50%;
  background: #7adf6f;
}
.page-feature__mv .dots .dot.-d1 {
  left: 23.6vw;
}
.page-feature__mv .dots .dot.-d2 {
  left: 43.3vw;
}
.page-feature__mv .dots .dot.-d3 {
  left: 62.6vw;
}
.page-feature__mv .dots .dot.-d4 {
  left: 90.6vw;
}
.page-feature__mv .graphic {
  position: absolute;
}
.page-feature__mv .graphic.-show.-g2 > svg .wifi {
  opacity: 1;
}
.page-feature__mv .graphic.-show.-g3 > svg .man-head {
  -webkit-animation-name: page-feature-mv-head;
          animation-name: page-feature-mv-head;
}
.page-feature__mv .graphic.-show.-g4 > svg .right {
  opacity: 1;
}
.page-feature__mv .graphic.-show.-g4 > svg .line {
  -webkit-animation-name: page-feature-mv-line;
          animation-name: page-feature-mv-line;
}
.page-feature__mv .graphic.-g1 {
  width: 82px;
  top: 50%;
  right: 8vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1340px) {
  .page-feature__mv .graphic.-g1 {
    right: 20px;
  }
}
.page-feature__mv .graphic.-g2 {
  width: 78px;
  bottom: 0;
  left: 7.8vw;
}
.page-feature__mv .graphic.-g2 > svg .st0 {
  fill: #FF9B9B;
}
.page-feature__mv .graphic.-g2 > svg .st1 {
  fill: #FFDCCE;
}
.page-feature__mv .graphic.-g2 > svg .st2 {
  fill: #ABABAB;
}
.page-feature__mv .graphic.-g2 > svg .st3 {
  fill: #DDDDDD;
}
.page-feature__mv .graphic.-g2 > svg .st4 {
  fill: #878787;
}
.page-feature__mv .graphic.-g2 > svg .st5 {
  fill: #FFFFFF;
}
.page-feature__mv .graphic.-g2 > svg .wifi {
  opacity: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.page-feature__mv .graphic.-g2 > svg .wifi.-s {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.page-feature__mv .graphic.-g2 > svg .wifi.-m {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
.page-feature__mv .graphic.-g2 > svg .wifi.-l {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.page-feature__mv .graphic.-g3 {
  width: 41px;
  bottom: 0;
  left: 17vw;
}
.page-feature__mv .graphic.-g3 > svg .st0 {
  fill: #878787;
}
.page-feature__mv .graphic.-g3 > svg .st1 {
  fill: #FFDCCE;
}
.page-feature__mv .graphic.-g3 > svg .st2 {
  fill: #DDDDDD;
}
.page-feature__mv .graphic.-g3 > svg .man-head {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 39px 30px;
          transform-origin: 39px 30px;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.page-feature__mv .graphic.-g4 {
  width: 33px;
  bottom: 0;
  right: 17.1vw;
}
.page-feature__mv .graphic.-g4 > svg .st0 {
  fill: #FFDACC;
}
.page-feature__mv .graphic.-g4 > svg .st1 {
  fill: #DCDCDC;
}
.page-feature__mv .graphic.-g4 > svg .st2 {
  fill: #AAAAAA;
}
.page-feature__mv .graphic.-g4 > svg .st3 {
  fill: #868686;
}
.page-feature__mv .graphic.-g4 > svg .st4 {
  fill: #ABABAB;
}
.page-feature__mv .graphic.-g4 > svg .st5 {
  fill: #DDDDDD;
}
.page-feature__mv .graphic.-g4 > svg .st6 {
  fill: #FFD9CB;
}
.page-feature__mv .graphic.-g4 > svg .st7 {
  fill: #FF9B9B;
}
.page-feature__mv .graphic.-g4 > svg .right {
  opacity: 0;
  -webkit-transition: 0.2s linear 0s;
  transition: 0.2s linear 0s;
}
.page-feature__mv .graphic.-g4 > svg .line {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0.5);
          transform: translateY(0) scale(0.5);
  -webkit-transform-origin: center 20px;
          transform-origin: center 20px;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
@media screen and (max-width: 1340px) {
  .page-feature__mv .graphic.-g4 {
    right: 150px;
  }
}
@media screen and (max-width: 1160px) {
  .page-feature__mv .graphic.-g4 {
    display: none;
  }
}
.page-feature__mv .graphic.-g5 {
  width: 36px;
  bottom: 0;
  right: 8.5vw;
}
.page-feature__mv .graphic.-g5 > svg .st0 {
  fill: #FFDCCE;
}
.page-feature__mv .graphic.-g5 > svg .st1 {
  fill: #ABABAB;
}
.page-feature__mv .graphic.-g5 > svg .st2 {
  fill: #878787;
}
.page-feature__mv .graphic.-g5 > svg .st3 {
  fill: #DDDDDD;
}
@media screen and (max-width: 1340px) {
  .page-feature__mv .graphic.-g5 {
    right: 20px;
  }
}
@media screen and (max-width: 1160px) {
  .page-feature__mv .graphic.-g5 {
    display: none;
  }
}
.page-feature__mv .graphic.-g6 {
  width: 90px;
  bottom: 32vh;
  left: 5vw;
}
@media screen and (max-width: 1340px) {
  .page-feature__mv .graphic.-g6 {
    left: 20px;
  }
}
@-webkit-keyframes page-feature-mv-line {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15px) scale(1);
            transform: translateY(-15px) scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}
@keyframes page-feature-mv-line {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
  }
  50% {
    opacity: 1;
    -webkit-transform: translateY(-15px) scale(1);
            transform: translateY(-15px) scale(1);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}
@-webkit-keyframes page-feature-mv-head {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes page-feature-mv-head {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.page-feature__mv .box {
  width: 47%;
  height: 100%;
  max-width: 1250px;
  min-width: 705px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1;
}
.page-feature__mv .box .movie {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 45px;
  z-index: 1;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-feature__mv .box .movie .rear {
  width: 100%;
}
.page-feature__mv .box .movie .rear::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.page-feature__mv .box .movie .rear > #player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-feature__mv .box .movie .front {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.page-feature__mv .box .movie .front.-hide {
  display: none;
}
.page-feature__mv .box .movie .front::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e9e9e9;
  opacity: 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  z-index: 1;
}
.page-feature__mv .box .movie .front .thumbnail {
  width: 100%;
  height: 100%;
}
.page-feature__mv .box .movie .front .thumbnail::before {
  display: none;
}
.page-feature__mv .box .movie .front .circle {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.page-feature__mv .box .movie .front .circle .icon {
  width: 25px;
  margin-top: 8px;
  margin-bottom: 5px;
  position: relative;
  left: 3px;
}
.page-feature__mv .box .movie .front .circle .icon > svg .st0 {
  fill: #FF9B9B;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-feature__mv .box .movie .front .circle .txt {
  font-size: 1.8rem;
  letter-spacing: 0.01em;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .page-feature__mv .box .movie .front:hover::before {
    opacity: 0.1;
  }
  .page-feature__mv .box .movie .front:hover .circle {
    background: #ff9598;
  }
  .page-feature__mv .box .movie .front:hover .circle .icon > svg .st0 {
    fill: #fff;
  }
  .page-feature__mv .box .movie .front:hover .circle .txt {
    color: #fff;
  }
}
@media screen and (max-width: 850px) {
  .page-feature__mv .box {
    min-width: 710px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.page-feature__useful {
  padding: 95px 0 72px;
  background: #fff;
}
.page-feature__useful > .page-feature__ttl {
  margin-bottom: 64px;
}
.page-feature__useful > .page-feature__ttl .icon.-i2 {
  width: 38px;
}
.page-feature__useful > ul {
  padding: 0 120px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1560px;
  margin: 0 auto;
}
.page-feature__useful > ul > li {
  width: calc(33.33% - 50px);
  margin-bottom: 40px;
}
.page-feature__useful > ul > li:nth-of-type(1), .page-feature__useful > ul > li:nth-of-type(4), .page-feature__useful > ul > li:nth-of-type(7) {
  width: 31%;
}
.page-feature__useful > ul > li:nth-of-type(2), .page-feature__useful > ul > li:nth-of-type(5), .page-feature__useful > ul > li:nth-of-type(8) {
  width: 31%;
}
.page-feature__useful > ul > li:nth-of-type(3), .page-feature__useful > ul > li:nth-of-type(6), .page-feature__useful > ul > li:nth-of-type(9) {
  width: 27%;
}
.page-feature__useful > ul > li .icon {
  width: 80px;
  height: 80px;
  min-width: 50px;
  margin-right: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-feature__useful > ul > li .icon .icon-inner {
  display: block;
}
.page-feature__useful > ul > li .icon .icon-inner.-i1 {
  width: 62px;
}
.page-feature__useful > ul > li .icon .icon-inner.-i2 {
  width: 49px;
}
.page-feature__useful > ul > li .icon .icon-inner.-i3 {
  width: 60px;
}
.page-feature__useful > ul > li .icon .icon-inner.-i4 {
  width: 60px;
}
.page-feature__useful > ul > li .icon .icon-inner.-i5 {
  width: 55px;
}
.page-feature__useful > ul > li .icon .icon-inner.-i6 {
  width: 48px;
}
.page-feature__useful > ul > li .icon .icon-inner.-i7 {
  width: 55px;
}
.page-feature__useful > ul > li .icon .icon-inner.-i8 {
  width: 48px;
}
.page-feature__useful > ul > li .icon .icon-inner.-i9 {
  width: 80px;
}
.page-feature__useful > ul > li .txt {
  font-size: 2.2rem;
  letter-spacing: 0.02em;
  line-height: 3.4rem;
  font-weight: 700;
}
@media screen and (max-width: 1440px) {
  .page-feature__useful > ul > li .txt {
    width: 75.4%;
  }
  .page-feature__useful > ul > li .txt > br.-pc {
    display: none;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1270px) {
  .page-feature__useful > ul > li .txt > br.-pc {
    display: block;
  }
}
@media screen and (max-width: 1440px) and (max-width: 1060px) {
  .page-feature__useful > ul > li .txt > br.-pc {
    display: none;
  }
}
.page-feature__useful > ul > li:nth-of-type(6) .-small {
  font-size: 1.8rem;
  margin: 0 -4px;
}
@media screen and (max-width: 1340px) {
  .page-feature__useful > ul > li:nth-of-type(6) br {
    display: none;
  }
}
@media screen and (max-width: 1060px) {
  .page-feature__useful > ul > li:nth-of-type(6) br {
    display: block;
  }
}
@media screen and (max-width: 850px) {
  .page-feature__useful > ul > li:nth-of-type(6) br {
    display: none;
  }
}
@media screen and (max-width: 1270px) {
  .page-feature__useful > ul > li {
    width: 50% !important;
  }
}
@media screen and (max-width: 1060px) {
  .page-feature__useful > ul {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-feature__useful > ul > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-feature__useful > ul > li > .icon {
    margin-right: 0;
  }
  .page-feature__useful > ul > li > .txt {
    text-align: center;
  }
}
@media screen and (max-width: 850px) {
  .page-feature__useful > ul > li:nth-of-type(6) .txt {
    width: 77%;
  }
  .page-feature__useful > ul > li:nth-of-type(6) .-small {
    font-size: 1.6rem;
  }
}
.page-feature__improve {
  position: relative;
  padding: 113px 0 99px;
}
.page-feature__improve > .graphic {
  position: absolute;
  width: 310px;
  height: 104px;
  bottom: 0;
  right: 0;
}
.page-feature__improve > .graphic.-show > svg .box {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
.page-feature__improve > .graphic > svg .st0 {
  fill: #DDDDDD;
}
.page-feature__improve > .graphic > svg .st1 {
  fill: #FFDCCE;
}
.page-feature__improve > .graphic > svg .st2 {
  fill: #ABABAB;
}
.page-feature__improve > .graphic > svg .st3 {
  fill: #878787;
}
.page-feature__improve > .graphic > svg .st4 {
  fill: #7ADF6F;
}
.page-feature__improve > .graphic > svg .st5 {
  fill: #FFFFFF;
}
.page-feature__improve > .graphic > svg .st6 {
  fill: #AAAAAA;
}
.page-feature__improve > .graphic > svg .st7 {
  fill: #FF9598;
}
.page-feature__improve > .graphic > svg .box {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  -webkit-transition: 1s linear;
  transition: 1s linear;
}
.page-feature__improve > .page-feature__ttl {
  margin-bottom: 116px;
}
.page-feature__improve > .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  gap: 30px;
  padding: 0 80px;
  max-width: 1550px;
  margin: 0 auto;
}
.page-feature__improve > .box .box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc((100% - 30px) / 2);
  background: #fff;
  position: relative;
  border-radius: 80px;
  padding: 60px 4% 50px;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
}
.page-feature__improve > .box .box-item.-show {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
@media screen and (min-width: 951px) {
  .page-feature__improve > .box .box-item.-show:nth-of-type(2n) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
}
.page-feature__improve > .box .box-item__block {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-feature__improve > .box .box-item__block .graphic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 218px;
  margin-bottom: 25px;
}
.page-feature__improve > .box .box-item__block .graphic-inner {
  max-width: 100%;
}
.page-feature__improve > .box .box-item__block .graphic-inner.-g1 {
  position: relative;
  left: 16px;
  width: 344px;
}
.page-feature__improve > .box .box-item__block .graphic-inner.-g2 {
  width: 388px;
}
.page-feature__improve > .box .box-item__block .graphic-inner.-g3 {
  width: 310px;
}
.page-feature__improve > .box .box-item__block .graphic-inner.-g4 {
  width: 301px;
}
.page-feature__improve > .box .box-item__block .ttl {
  font-size: 3.1rem;
  line-height: 4.1rem;
  text-align: center;
  margin-bottom: 10px;
}
.page-feature__improve > .box .box-item__block .txt {
  font-size: 1.7rem;
  line-height: 3.3rem;
  text-align: center;
}
.page-feature__improve > .box .box-item__divider {
  width: 100%;
  height: 6px;
  background: url(../../assets/images/top/case/fgr1.svg) 0 0 repeat;
  background-size: 10px 100%;
  margin: 39px 0 42px;
}
.page-feature__improve > .box .bal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -54px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #ff9598;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -2px -2px 20px rgba(176, 176, 176, 0.2);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3), -2px -2px 20px rgba(176, 176, 176, 0.2);
  width: 285px;
  height: 75px;
  border-radius: 999px;
  z-index: 1;
}
.page-feature__improve > .box .bal.-item2 {
  width: 355px;
}
.page-feature__improve > .box .bal > span {
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  color: #fff;
}
.page-feature__improve > .box .bal::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #ff9598 transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: 2px;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
@media screen and (max-width: 950px) {
  .page-feature__improve > .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 100px 0;
  }
  .page-feature__improve > .box .box-item {
    width: 660px;
    max-width: 100%;
  }
}
.page-feature__strength {
  position: relative;
  overflow: hidden;
  padding: 94px 45px 15px;
  background: #fff;
}
.page-feature__strength > .page-feature__ttl {
  margin-bottom: 90px;
}
.page-feature__strength > .page-feature__ttl > .icon {
  right: 35px;
}
.page-feature__strength .strength-main {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 68px 40px;
  padding: 0 75px;
  max-width: 1560px;
  margin: 0 auto;
}
.page-feature__strength .strength-item {
  width: calc(33.3% - 27px);
  position: relative;
}
.page-feature__strength .strength-item .figure {
  width: 286px;
  height: 198px;
  -webkit-box-shadow: inset 0px 2px 20px 0px rgba(4, 0, 0, 0.11);
          box-shadow: inset 0px 2px 20px 0px rgba(4, 0, 0, 0.11);
  position: relative;
  border-radius: 80px;
  margin: 0 auto 27px;
}
.page-feature__strength .strength-item .figure p.illust {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-feature__strength .strength-item .figure.-item1 > p {
  width: 158px;
}
.page-feature__strength .strength-item .figure.-item2 > p {
  width: 92px;
}
.page-feature__strength .strength-item .figure.-item3 > p {
  width: 122px;
}
.page-feature__strength .strength-item .figure.-item4 > p {
  width: 147px;
}
.page-feature__strength .strength-item .figure.-item5 > p {
  width: 97px;
}
.page-feature__strength .strength-item .lead {
  text-align: center;
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: 700;
  margin-bottom: 16px;
}
.page-feature__strength .strength-item .lead span {
  font-size: 2.2rem;
}
.page-feature__strength .strength-item .text {
  font-size: 1.8rem;
  line-height: 3.4rem;
}
.page-feature__strength .strength-item .balloon {
  width: 120px;
  height: 75px;
  position: absolute;
  top: -28px;
  left: -20px;
  -webkit-box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9.3px 1.1px rgba(176, 176, 176, 0.3);
  border-radius: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
}
.page-feature__strength .strength-item .balloon p {
  font-size: 3.8rem;
  font-weight: 500;
  color: #ff9598;
}
.page-feature__strength .strength-item .balloon::after {
  content: "";
  background: #ffffff;
  height: 7px;
  width: 8px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  left: 60%;
  bottom: -7px;
  -webkit-transform: skewX(15deg);
          transform: skewX(15deg);
}
@media screen and (max-width: 1270px) {
  .page-feature__strength .strength-main {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1200px) {
  .page-feature__strength .strength-item {
    width: calc(50% - 27px);
  }
}
.page-feature__functions {
  padding: 91px 80px 110px;
  position: relative;
  background: #fff;
}
.page-feature__functions > .page-feature__ttl {
  margin-bottom: 63px;
}
.page-feature__functions > .page-feature__ttl .icon.-i5 {
  width: 38px;
  right: 0;
}
@media screen and (max-width: 1270px) {
  .page-feature__functions {
    padding-left: 45px;
    padding-right: 45px;
  }
}
.page-feature__merit {
  padding: 0 80px 120px;
  position: relative;
  background: #fff;
}
.page-feature__merit > .page-feature__ttl {
  margin-bottom: 63px;
}
.page-feature__merit > .page-feature__ttl .icon.-i5 {
  width: 37px;
  right: 0;
}
.page-feature__merit .merit-main {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 50px 30px;
  margin-bottom: 63px;
}
.page-feature__merit .merit-item {
  width: 244px;
  text-align: center;
}
.page-feature__merit .merit-item .illust {
  height: 198px;
  position: relative;
  border-radius: 50px;
  -webkit-box-shadow: inset 0px 2px 20px 0px rgba(4, 0, 0, 0.11);
          box-shadow: inset 0px 2px 20px 0px rgba(4, 0, 0, 0.11);
  margin-bottom: 24px;
}
.page-feature__merit .merit-item .illust p {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page-feature__merit .merit-item .illust p.-item1 {
  width: 147px;
}
.page-feature__merit .merit-item .illust p.-item2 {
  width: 177px;
}
.page-feature__merit .merit-item .illust p.-item3 {
  width: 169px;
}
.page-feature__merit .merit-item .illust p.-item4 {
  width: 147px;
}
.page-feature__merit .merit-item .illust p.-item5 {
  width: 115px;
}
.page-feature__merit .merit-item .lead {
  font-size: 2.2rem;
  line-height: 3.4rem;
  font-weight: 700;
  margin-bottom: 9px;
}
.page-feature__merit .merit-item .text {
  font-size: 1.8rem;
  line-height: 3.4rem;
}
.page-feature__merit .merit-block {
  padding: 0 40px;
  max-width: 1340px;
  margin: 0 auto;
}
.page-feature__merit .merit-block .image {
  width: 510px;
  border-radius: 80px;
  overflow: hidden;
}
.page-feature__merit .merit-block .image img {
  width: 100%;
}
.page-feature__merit .merit-block .text {
  width: 50%;
  text-align: center;
  font-size: 2.6rem;
  line-height: 5.2rem;
  font-weight: 700;
}
@media screen and (max-width: 1270px) {
  .page-feature__merit .merit-block {
    padding: 0;
  }
}
@media screen and (max-width: 1170px) {
  .page-feature__merit .merit-block .image {
    width: 410px;
  }
  .page-feature__merit .merit-block .text {
    width: calc(100% - 450px);
  }
}
@media screen and (max-width: 1105px) {
  .page-feature__merit .merit-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 20px;
    gap: 40px;
  }
  .page-feature__merit .merit-block .text {
    width: 100%;
  }
}
.page-feature__history--cover {
  padding-top: 120px;
  background: #e9e9e9;
  position: relative;
}
.page-feature__history--cover > .page-feature__ttl {
  margin-bottom: 63px;
}
.page-feature__history--cover > .dots {
  position: absolute;
  width: 100%;
  height: 17px;
  left: 0;
  bottom: 0;
}
.page-feature__history--cover > .dots .dot {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #7adf6f;
  position: absolute;
  bottom: 0;
}
.page-feature__history--cover > .dots .dot.-d1 {
  left: 23.6vw;
}
.page-feature__history--cover > .dots .dot.-d2 {
  left: 43.3vw;
}
.page-feature__history--cover > .dots .dot.-d3 {
  left: 62.6vw;
}
.page-feature__history--cover > .dots .dot.-d4 {
  left: 90.6vw;
}
.page-feature__history--cover > .graphic {
  position: absolute;
  width: 235px;
  height: 110px;
  bottom: 0;
  right: 80px;
}
.page-feature__history--cover > .graphic.-show > svg .all-head {
  -webkit-animation-name: page-feature-history-head;
          animation-name: page-feature-history-head;
}
.page-feature__history--cover > .graphic > svg .st0 {
  fill: #FFD9CB;
}
.page-feature__history--cover > .graphic > svg .st1 {
  fill: #878787;
}
.page-feature__history--cover > .graphic > svg .st2 {
  fill: #DBDBDB;
}
.page-feature__history--cover > .graphic > svg .st3 {
  fill: #AAA9A9;
}
.page-feature__history--cover > .graphic > svg .st4 {
  fill: #DDDDDD;
}
.page-feature__history--cover > .graphic > svg .st5 {
  fill: #AAAAAA;
}
.page-feature__history--cover > .graphic > svg .st6 {
  fill: #DCDCDC;
}
.page-feature__history--cover > .graphic > svg .st7 {
  fill: #ABABAB;
}
.page-feature__history--cover > .graphic > svg .all-head {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-duration: 1.6s;
          animation-duration: 1.6s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.page-feature__history--cover > .graphic > svg .all-head.first {
  -webkit-transform-origin: 40px 52px;
          transform-origin: 40px 52px;
}
.page-feature__history--cover > .graphic > svg .all-head.second {
  -webkit-transform-origin: 228px 52px;
          transform-origin: 228px 52px;
}
.page-feature__history--cover > .graphic > svg .all-head.third {
  -webkit-transform-origin: 409px 52px;
          transform-origin: 409px 52px;
}
@-webkit-keyframes page-feature-history-head {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes page-feature-history-head {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  25% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.page-feature__history {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-feature__history > .box {
  position: relative;
  width: 50vw;
}
.page-feature__history > .box.-l {
  padding-left: 80px;
}
.page-feature__history > .box.-r {
  padding: 0 80px;
}
@media screen and (min-width: 1801px) {
  .page-feature__history > .box.-r {
    padding-left: 0;
  }
}
.page-feature__history > .box .fixedbox {
  width: 50vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 80px;
}
.page-feature__history > .box .fixedbox.-fixed {
  position: fixed;
}
@media screen and (min-width: 1901px) {
  .page-feature__history > .box .fixedbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-right: 200px;
  }
}
.page-feature__history > .box .fixedbox .door-cover {
  position: relative;
  width: 87.5%;
  max-width: 682px;
  border-radius: 120px;
  overflow: hidden;
  z-index: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.page-feature__history > .box .fixedbox .door-cover::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 89%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.page-feature__history > .box .fixedbox .door-cover .inner-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.page-feature__history > .box .fixedbox .door-cover .inner-image > img {
  opacity: 0;
  -webkit-transition: 0.1s ease-out;
  transition: 0.1s ease-out;
}
.page-feature__history > .box .fixedbox .door-cover .inner-image > img.-show {
  opacity: 1;
}
.page-feature__history > .box .fixedbox .door-cover .door {
  background: #ff9598;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  overflow: hidden;
}
.page-feature__history > .box .fixedbox .door-cover .door.-t {
  top: 0;
}
.page-feature__history > .box .fixedbox .door-cover .door.-t::before {
  bottom: -3px;
}
.page-feature__history > .box .fixedbox .door-cover .door.-t::after {
  bottom: 0;
  width: 58.3%;
  padding-top: 20.5%;
  background-image: url("../../assets/images/feature/history/txt1.svg");
}
.page-feature__history > .box .fixedbox .door-cover .door.-b {
  bottom: 0;
}
.page-feature__history > .box .fixedbox .door-cover .door.-b::before {
  top: -3px;
}
.page-feature__history > .box .fixedbox .door-cover .door.-b::after {
  top: 0;
  width: 65%;
  padding-top: 20.5%;
  background-image: url("../../assets/images/feature/history/txt2.svg");
}
.page-feature__history > .box .fixedbox .door-cover .door::before {
  content: "";
  position: absolute;
  left: 8px;
  background-size: 24px 6px;
  background-image: linear-gradient(to right, #fff, #fff 6px, transparent 6px, transparent 24px);
  background-repeat: repeat-x;
  width: 100%;
  height: 6px;
}
.page-feature__history > .box .fixedbox .door-cover .door::after {
  content: "";
  position: absolute;
  left: 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (max-width: 1060px) {
  .page-feature__history > .box .fixedbox .door-cover {
    width: 100%;
  }
}
.page-feature__history > .box .txt {
  padding-top: 60px;
  padding-bottom: 150px;
}
.page-feature__history > .box .txt > p {
  font-size: 2rem;
  letter-spacing: 0.02em;
  line-height: 4.7rem;
  margin-bottom: 50px;
}
.page-feature__history > .box .txt > p:nth-last-of-type(1) {
  margin-bottom: 0;
}
.page-feature__history > .box .txt > p > .li {
  display: inline-block;
  position: relative;
  padding-left: 10px;
}
.page-feature__history > .box .txt > p > .li > .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #252525;
  position: absolute;
  top: 23px;
  left: 0;
}
@media screen and (min-width: 1901px) {
  .page-feature__history > .box .txt {
    max-width: 870px;
  }
}
@media screen and (max-width: 950px) {
  .page-feature__history .box.-r {
    width: 100%;
    max-width: initial;
    padding: 0 80px;
  }
  .page-feature__history .box.-r > .txt > .sp-img {
    width: 100%;
    border-radius: 45px;
    overflow: hidden;
    margin-bottom: 20px;
    opacity: 0;
  }
  .page-feature__history .box.-r > .txt > .sp-img.-show {
    opacity: 1;
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
    -webkit-transition: 0.6s ease-out;
    transition: 0.6s ease-out;
  }
  .page-feature__history .box.-r > .txt > .sp-img.-l {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
  }
  .page-feature__history .box.-r > .txt > .sp-img.-r {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  .page-feature__history .box.-r > .txt > .sp-img::before {
    padding-top: 300px;
  }
  .page-feature__history .box.-r > .txt > .sp-img.-mb {
    margin-bottom: 50px;
  }
  .page-feature__history .box.-r > .txt > .sp-img > img.img1 {
    -o-object-position: center 20%;
       object-position: center 20%;
  }
  .page-feature__history .box.-r > .txt > .sp-img > img.img2 {
    -o-object-position: center 40%;
       object-position: center 40%;
  }
  .page-feature__history .box.-r > .txt > .sp-img > img.img3 {
    -o-object-position: center 20%;
       object-position: center 20%;
  }
  .page-feature__history .box.-r > .txt > .sp-img > img.img4 {
    -o-object-position: center 45%;
       object-position: center 45%;
  }
  .page-feature__history .box.-r > .txt > .sp-img > img.img5 {
    -o-object-position: center 45%;
       object-position: center 45%;
  }
  .page-feature__history .box.-r > .txt > .sp-img > img.img6 {
    -o-object-position: center 20%;
       object-position: center 20%;
  }
  .page-feature__history .box.-r > .txt > .sp-img > img.img7 {
    -o-object-position: center 25%;
       object-position: center 25%;
  }
}
.page-feature > .page-flow__btncover {
  padding: 130px 120px 95px;
}
.page-feature > .page-flow__btncover > .btn > a .inner > .icon.-i2 {
  width: 38px;
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  .page-feature__ttl {
    padding: 0 20px 0 30px;
    margin-bottom: 43px;
  }
  .page-feature__ttl h2 {
    font-size: 2.7rem;
    line-height: 3.9rem;
    margin: 0;
    text-align: left;
  }
  .page-feature__ttl .icon {
    top: -19px;
  }
  .page-feature__ttl .icon.-i1 {
    display: none;
  }
  .page-feature__ttl .icon.-i2 {
    width: 27px;
  }
  .page-feature__ttl .icon.-i3 {
    width: 28px;
  }
  .page-feature__ttl .icon.-i4 {
    width: 33px;
  }
  .page-feature__ttl .icon.-i5 {
    width: 31px;
  }
  .page-feature__ttl .icon.-i6 {
    width: 30px;
  }
  .page-feature__ttl .icon.-i7 {
    width: 32px;
  }
  .page-feature__mv {
    padding: 90px 0 75px;
  }
  .page-feature__mv > .page-feature__ttl > h2 {
    font-size: 2.5rem;
    line-height: 3.6rem;
    margin: 20px auto 0;
    text-align: center;
  }
  .page-feature__mv .dots {
    height: 10px;
  }
  .page-feature__mv .dots .dot {
    width: 10px;
  }
  .page-feature__mv .dots .dot.-d1 {
    left: 8vw;
  }
  .page-feature__mv .dots .dot.-d2 {
    left: 44vw;
  }
  .page-feature__mv .dots .dot.-d3 {
    left: 80vw;
  }
  .page-feature__mv .dots .dot.-d4 {
    display: none;
  }
  .page-feature__mv .graphic {
    z-index: 1;
  }
  .page-feature__mv .graphic.-g1, .page-feature__mv .graphic.-g6 {
    display: none;
  }
  .page-feature__mv .graphic.-g2 {
    width: 51px;
    height: 79px;
    left: 30px;
  }
  .page-feature__mv .graphic.-g3 {
    width: 27px;
    height: 67px;
    left: 110px;
  }
  .page-feature__mv .graphic.-g4 {
    display: block;
    width: 22px;
    height: 108px;
    right: 105px;
  }
  .page-feature__mv .graphic.-g5 {
    display: block;
    width: 23px;
    height: 66px;
    right: 28px;
  }
  .page-feature__mv .box {
    width: 100%;
    padding: 0 30px;
    min-width: initial;
  }
  .page-feature__mv .box .movie {
    border-radius: 20px;
  }
  .page-feature__mv .box .movie .front .circle {
    width: 90px;
    height: 90px;
  }
  .page-feature__mv .box .movie .front .circle .icon {
    width: 18px;
    margin-top: 4px;
    margin-bottom: 0;
  }
  .page-feature__mv .box .movie .front .circle .txt {
    font-size: 1.5rem;
  }
  .page-feature__useful {
    padding: 88px 0 74px;
  }
  .page-feature__useful > .page-feature__ttl {
    margin-bottom: 38px;
  }
  .page-feature__useful > .page-feature__ttl .icon.-i2 {
    width: 30px;
  }
  .page-feature__useful > ul {
    padding: 0;
    max-width: 315px;
  }
  .page-feature__useful > ul > li {
    margin-bottom: 23px;
  }
  .page-feature__useful > ul > li:nth-of-type(2n-1) {
    padding-right: 10px;
  }
  .page-feature__useful > ul > li:nth-of-type(2n) {
    padding-left: 10px;
  }
  .page-feature__useful > ul > li:nth-of-type(6) .txt {
    width: 100%;
    white-space: nowrap;
  }
  .page-feature__useful > ul > li:nth-of-type(6) .-small {
    font-size: 1.3rem;
    margin: 0 -6px;
  }
  .page-feature__useful > ul > li:nth-of-type(6) br {
    display: block;
  }
}
@media screen and (max-width: 750px) and (max-width: 374px) {
  .page-feature__useful > ul > li:nth-of-type(6) .txt {
    position: relative;
    left: -10px;
  }
}
@media screen and (max-width: 750px) {
  .page-feature__useful > ul > li .icon {
    width: 100%;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: initial;
    margin-bottom: 7px;
  }
  .page-feature__useful > ul > li .icon .icon-inner.-i1 {
    width: 47px;
  }
  .page-feature__useful > ul > li .icon .icon-inner.-i2 {
    width: 36px;
  }
  .page-feature__useful > ul > li .icon .icon-inner.-i3 {
    width: 45px;
  }
  .page-feature__useful > ul > li .icon .icon-inner.-i4 {
    width: 44px;
  }
  .page-feature__useful > ul > li .icon .icon-inner.-i5 {
    width: 42px;
  }
  .page-feature__useful > ul > li .icon .icon-inner.-i6 {
    width: 36px;
  }
  .page-feature__useful > ul > li .icon .icon-inner.-i7 {
    width: 41px;
  }
  .page-feature__useful > ul > li .icon .icon-inner.-i8 {
    width: 37px;
  }
  .page-feature__useful > ul > li .icon .icon-inner.-i9 {
    width: 59px;
  }
  .page-feature__useful > ul > li .txt {
    width: 100%;
    font-size: 1.7rem;
    line-height: 2.5rem;
    letter-spacing: 0;
  }
  .page-feature__useful > ul > li .txt.text2 {
    width: calc(100% + 40px);
    position: relative;
    left: 3px;
  }
  .page-feature__useful > ul > li .txt > .-pc.-sp {
    display: block;
  }
  .page-feature__improve {
    padding: 82px 0 100px;
  }
  .page-feature__improve > .graphic {
    width: 186px;
    height: 62px;
    right: -10px;
  }
  .page-feature__improve > .page-feature__ttl {
    margin-bottom: 81px;
  }
  .page-feature__improve > .box {
    gap: 82px 0;
    padding: 0 20px;
  }
  .page-feature__improve > .box .box-item {
    width: 100%;
    border-radius: 40px;
    padding: 61px 4% 53px;
  }
  .page-feature__improve > .box .box-item::before {
    border-radius: 40px;
  }
  .page-feature__improve > .box .box-item:last-child {
    padding-top: 50px;
  }
  .page-feature__improve > .box .box-item__block .graphic {
    height: initial;
    margin-bottom: 34px;
  }
  .page-feature__improve > .box .box-item__block .graphic-inner.-g1 {
    left: 7px;
    width: 247px;
  }
  .page-feature__improve > .box .box-item__block .graphic-inner.-g2 {
    width: 278px;
  }
  .page-feature__improve > .box .box-item__block .graphic-inner.-g3 {
    width: 237px;
  }
  .page-feature__improve > .box .box-item__block .graphic-inner.-g4 {
    width: 215px;
  }
  .page-feature__improve > .box .box-item__block .ttl {
    font-size: 2.3rem;
    line-height: 3.5rem;
    margin-bottom: 14px;
  }
  .page-feature__improve > .box .box-item__block .txt {
    font-size: 1.6rem;
    line-height: 3.1rem;
  }
  .page-feature__improve > .box .box-item__divider {
    margin: 52px 0 59px;
  }
  .page-feature__improve > .box .bal {
    top: -40px;
    width: initial;
    height: 50px;
    padding: 0 25px;
    white-space: nowrap;
  }
  .page-feature__improve > .box .bal.-item2 {
    width: 261px;
  }
  .page-feature__improve > .box .bal > span {
    font-size: 1.8rem;
  }
  .page-feature__strength {
    padding: 81px 20px 15px;
  }
  .page-feature__strength > .page-feature__ttl {
    padding: 0 0 0 10px;
    margin-bottom: 43px;
  }
  .page-feature__strength > .page-feature__ttl > .icon {
    top: -19px;
    right: 0;
  }
  .page-feature__strength .strength-main {
    padding: 0;
  }
  .page-feature__strength .strength-main .owlblock .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .page-feature__strength .strength-main .owlblock .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .page-feature__strength .strength-main .owlblock .myowlnav {
    display: block;
    width: 66px;
    height: 66px;
    background: #ff9598;
    position: absolute;
    top: 153px;
    border-radius: 50%;
  }
  .page-feature__strength .strength-main .owlblock .myowlnav span {
    display: block;
    width: 17px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(../images/sp/common/icon/arrow.svg) no-repeat 0 0;
  }
  .page-feature__strength .strength-main .owlblock .myowlnav.owl-prev {
    left: -40px;
  }
  .page-feature__strength .strength-main .owlblock .myowlnav.owl-prev span {
    left: auto;
    right: 20px;
    -webkit-transform: translateY(-50%) scale(-1, 1);
            transform: translateY(-50%) scale(-1, 1);
  }
  .page-feature__strength .strength-main .owlblock .myowlnav.owl-next {
    right: -40px;
  }
  .page-feature__strength .strength-main .owlblock .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 14px;
    margin-top: 9px;
  }
  .page-feature__strength .strength-main .owlblock .owl-dot {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #aaa;
  }
  .page-feature__strength .strength-main .owlblock .owl-dot.active {
    background: #ff9598;
  }
  .page-feature__strength .strength-item {
    width: 100%;
  }
  .page-feature__strength .strength-item .figure {
    width: 270px;
    height: 170px;
    border-radius: 50px;
    margin: 0 auto 24px;
  }
  .page-feature__strength .strength-item .figure.-item1 > p {
    width: 145px;
  }
  .page-feature__strength .strength-item .figure.-item2 > p {
    width: 85px;
  }
  .page-feature__strength .strength-item .figure.-item3 > p {
    width: 113px;
  }
  .page-feature__strength .strength-item .figure.-item4 > p {
    width: 135px;
  }
  .page-feature__strength .strength-item .figure.-item5 > p {
    width: 89px;
  }
  .page-feature__strength .strength-item .lead {
    font-size: 2.4rem;
    line-height: 3.4rem;
    margin-bottom: 6px;
  }
  .page-feature__strength .strength-item .lead span {
    font-size: 2rem;
  }
  .page-feature__strength .strength-item .text {
    font-size: 1.8rem;
    line-height: 3.4rem;
    padding: 0 10px;
  }
  .page-feature__strength .strength-item .balloon {
    width: 54px;
    height: 54px;
    top: -18px;
    left: -18px;
    border-radius: 50%;
  }
  .page-feature__strength .strength-item .balloon p {
    font-size: 2.4rem;
  }
  .page-feature__strength .strength-item .balloon::after {
    display: none;
  }
  .page-feature__functions {
    padding: 81px 0 50px;
  }
  .page-feature__functions .page-feature__ttl {
    margin-bottom: 40px;
  }
  .page-feature__functions .page-feature__ttl .icon.-i5 {
    width: 30px;
    right: 0;
    top: 0;
  }
  .page-feature__merit {
    padding: 46px 0 100px;
  }
  .page-feature__merit .page-feature__ttl {
    margin-bottom: 44px;
  }
  .page-feature__merit .page-feature__ttl .icon.-i5 {
    width: 31px;
    right: 0;
  }
  .page-feature__merit .merit-main {
    margin: 0 20px 41px;
  }
  .page-feature__merit .merit-main .owlblock .owl-carousel .owl-stage-outer {
    overflow: visible;
  }
  .page-feature__merit .merit-main .owlblock .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .page-feature__merit .merit-main .owlblock .myowlnav {
    display: block;
    width: 66px;
    height: 66px;
    background: #ff9598;
    position: absolute;
    top: 153px;
    border-radius: 50%;
  }
  .page-feature__merit .merit-main .owlblock .myowlnav span {
    display: block;
    width: 17px;
    height: 18px;
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(../images/sp/common/icon/arrow.svg) no-repeat 0 0;
  }
  .page-feature__merit .merit-main .owlblock .myowlnav.owl-prev {
    left: -40px;
  }
  .page-feature__merit .merit-main .owlblock .myowlnav.owl-prev span {
    left: auto;
    right: 20px;
    -webkit-transform: translateY(-50%) scale(-1, 1);
            transform: translateY(-50%) scale(-1, 1);
  }
  .page-feature__merit .merit-main .owlblock .myowlnav.owl-next {
    right: -40px;
  }
  .page-feature__merit .merit-main .owlblock .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 14px;
    margin-top: 42px;
  }
  .page-feature__merit .merit-main .owlblock .owl-dot {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #aaa;
  }
  .page-feature__merit .merit-main .owlblock .owl-dot.active {
    background: #ff9598;
  }
  .page-feature__merit .merit-item {
    width: 100%;
    text-align: center;
  }
  .page-feature__merit .merit-item .illust {
    width: 270px;
    height: 170px;
    margin: 0 auto;
    margin-bottom: 23px;
  }
  .page-feature__merit .merit-item .illust p.-item1 {
    width: 135px;
  }
  .page-feature__merit .merit-item .illust p.-item2 {
    width: 162px;
  }
  .page-feature__merit .merit-item .illust p.-item3 {
    width: 155px;
  }
  .page-feature__merit .merit-item .illust p.-item4 {
    width: 135px;
  }
  .page-feature__merit .merit-item .illust p.-item5 {
    width: 105px;
  }
  .page-feature__merit .merit-item .lead {
    font-size: 2.4rem;
    line-height: 3.4rem;
    margin-bottom: 6px;
  }
  .page-feature__merit .merit-item .text {
    letter-spacing: -0.1rem;
  }
  .page-feature__merit .merit-item .text br {
    display: none;
  }
  .page-feature__merit .merit-block {
    gap: 32px;
  }
  .page-feature__merit .merit-block .image {
    border-radius: 40px;
    width: 340px;
  }
  .page-feature__merit .merit-block .text {
    font-size: 1.8rem;
    line-height: 3.4rem;
  }
  .page-feature__history--cover {
    padding-top: 82px;
  }
  .page-feature__history--cover > .page-feature__ttl {
    margin-bottom: 53px;
  }
  .page-feature__history--cover > .dots {
    height: 10px;
  }
  .page-feature__history--cover > .dots .dot {
    height: 10px;
    width: 10px;
  }
  .page-feature__history--cover > .dots .dot.-d1 {
    left: 10vw;
  }
  .page-feature__history--cover > .dots .dot.-d2 {
    left: 50vw;
  }
  .page-feature__history--cover > .dots .dot.-d3 {
    left: 90vw;
  }
  .page-feature__history--cover > .dots .dot.-d4 {
    display: none;
  }
  .page-feature__history--cover > .graphic {
    width: 135px;
    height: 63px;
    right: 30px;
  }
  .page-feature__history {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-feature__history > .box.-r {
    padding: 0 20px;
  }
  .page-feature__history > .box.-r > .txt {
    padding-top: 0;
    padding-bottom: 77px;
  }
  .page-feature__history > .box.-r > .txt > p > .li {
    padding-left: 8px;
  }
  .page-feature__history > .box.-r > .txt > p > .li > .dot {
    width: 4px;
    height: 4px;
    top: 17px;
  }
  .page-feature__history > .box.-r > .txt > p:not(.sp-img) {
    padding: 0 10px;
    font-size: 1.8rem;
    line-height: 3.5rem;
    margin-bottom: 34px;
  }
  .page-feature__history > .box.-r > .txt > .sp-img {
    border-radius: 40px;
    margin-bottom: 10px;
  }
  .page-feature__history > .box.-r > .txt > .sp-img::before {
    padding-top: 170px;
  }
  .page-feature__history > .box.-r > .txt > .sp-img.-mb {
    margin-bottom: 50px;
  }
  .page-feature__history > .box.-r > .txt > .sp-img.-mtsp {
    margin-top: 50px;
  }
  .page-feature__history > .box.-r > .txt > .sp-img > img.img4 {
    -o-object-position: center 50%;
       object-position: center 50%;
  }
  .page-feature__history > .box.-r > .txt > .sp-img > img.img6 {
    -o-object-position: center 0;
       object-position: center 0;
  }
  .page-feature > .page-flow__btncover {
    padding: 80px 30px 120px;
  }
  .page-feature > .page-flow__btncover > .btn > a {
    max-width: 315px;
  }
  .page-feature > .page-flow__btncover > .btn > a .inner > .icon.-i1 {
    width: 27px;
    margin-top: 1px;
  }
  .page-feature > .page-flow__btncover > .btn > a .inner > .icon.-i2 {
    width: 27px;
    margin-top: 1px;
  }
}

.functions-main {
  padding: 0 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 58px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1560px;
  margin: 0 auto;
}
.functions-item {
  width: 46.4%;
}
.functions-head {
  margin-bottom: 16px;
}
.functions-image {
  border-radius: 30px;
  overflow: hidden;
  -webkit-box-shadow: 0px 4.5px 9px 1px rgba(176, 176, 176, 0.3);
          box-shadow: 0px 4.5px 9px 1px rgba(176, 176, 176, 0.3);
  margin-bottom: 33px;
}
.functions-image img {
  width: 100%;
}
.functions-title {
  gap: 23px;
}
.functions-title .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.functions-title .icon.-icon1 img {
  width: 24px;
}
.functions-title .icon.-icon2 img {
  width: 25px;
}
.functions-title .icon.-icon3 img {
  width: 25px;
}
.functions-title .icon.-icon4 img {
  width: 25px;
}
.functions-title .icon.-icon5 img {
  width: 23px;
}
.functions-title .icon.-icon6 img {
  width: 26px;
}
.functions-title .text {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 2.6rem;
  font-weight: 700;
}
.functions-text {
  font-size: 1.8rem;
  line-height: 3.4rem;
}
.functions-text p.note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  font-size: 1.6rem;
}
.functions-text p.note::before {
  content: "※";
  color: #ff9598;
}
@media screen and (max-width: 850px) {
  .functions-item {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .functions-main {
    padding: 0 20px;
    gap: 44px 0;
  }
  .functions-head {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 19px;
  }
  .functions-image {
    border-radius: 30px;
    overflow: hidden;
    -webkit-box-shadow: 0px 4.5px 9px 1px rgba(176, 176, 176, 0.3);
            box-shadow: 0px 4.5px 9px 1px rgba(176, 176, 176, 0.3);
    margin-bottom: 0;
  }
  .functions-image img {
    width: 100%;
  }
  .functions-title {
    gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-left: 10px;
  }
  .functions-title .icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .functions-title .icon img {
    position: relative;
    top: 1px;
  }
  .functions-title .icon.-icon1 img {
    width: 20px;
  }
  .functions-title .icon.-icon2 img {
    width: 24px;
  }
  .functions-title .icon.-icon3 img {
    width: 23px;
  }
  .functions-title .icon.-icon4 img {
    width: 22px;
  }
  .functions-title .icon.-icon5 img {
    width: 20px;
  }
  .functions-title .icon.-icon6 img {
    width: 20px;
  }
  .functions-title .text {
    font-size: 2.4rem;
  }
  .functions-text {
    padding: 0 10px;
  }
}

@-webkit-keyframes page-feature-tri {
  0%, 100% {
    opacity: 0;
  }
  25%, 90% {
    opacity: 1;
  }
}

@keyframes page-feature-tri {
  0%, 100% {
    opacity: 0;
  }
  25%, 90% {
    opacity: 1;
  }
}
@-webkit-keyframes page-feature-dot {
  0%, 100% {
    opacity: 0;
  }
  1%, 99% {
    opacity: 1;
  }
}
@keyframes page-feature-dot {
  0%, 100% {
    opacity: 0;
  }
  1%, 99% {
    opacity: 1;
  }
}
@-webkit-keyframes page-feature-r-arm {
  0%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  30%, 70% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
@keyframes page-feature-r-arm {
  0%, 100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  30%, 70% {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
@-webkit-keyframes page-feature-l-arm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  30% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  40% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  56% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  62% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  68% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  74% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  80% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes page-feature-l-arm {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  30% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  40% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  56% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  62% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  68% {
    -webkit-transform: rotate(6deg);
            transform: rotate(6deg);
  }
  74% {
    -webkit-transform: rotate(9deg);
            transform: rotate(9deg);
  }
  80% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes page-feature-machine {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  20% {
    -webkit-transform: translateY(3px) rotate(5deg);
            transform: translateY(3px) rotate(5deg);
  }
  60% {
    -webkit-transform: translateY(3px) rotate(-3deg);
            transform: translateY(3px) rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes page-feature-machine {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  20% {
    -webkit-transform: translateY(3px) rotate(5deg);
            transform: translateY(3px) rotate(5deg);
  }
  60% {
    -webkit-transform: translateY(3px) rotate(-3deg);
            transform: translateY(3px) rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes page-feature-man {
  0%, 100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  18.75%, 81.25% {
    -webkit-transform: translateX(-56px);
            transform: translateX(-56px);
  }
}
@keyframes page-feature-man {
  0%, 100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  18.75%, 81.25% {
    -webkit-transform: translateX(-56px);
            transform: translateX(-56px);
  }
}
/*------------------------------------------------------*/
/*  page-flow */
/*------------------------------------------------------*/
.page-flow__lead {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 120px 0 0;
}
.page-flow__lead .txtbox {
  width: 50%;
  padding-left: 80px;
  padding-top: 12px;
}
.page-flow__lead .txtbox .bal {
  position: relative;
  left: -20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 19px;
  padding: 20px 30px;
  background: #fff;
  border-radius: 30px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  margin-bottom: 30px;
}
.page-flow__lead .txtbox .bal-icon {
  width: 38px;
}
.page-flow__lead .txtbox .bal-txt {
  font-size: 2.3rem;
  font-weight: 700;
}
.page-flow__lead .txtbox .bal::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  left: 50%;
  bottom: 1px;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}
.page-flow__lead .txtbox > .ttl {
  font-size: 4rem;
  letter-spacing: 0.01em;
  line-height: 6.3rem;
  margin-bottom: 45px;
}
@media screen and (max-width: 1100px) and (min-width: 951px) {
  .page-flow__lead .txtbox > .ttl br {
    display: none !important;
  }
}
.page-flow__lead .txtbox > .txt {
  font-size: 2rem;
  letter-spacing: 0.02em;
  line-height: 5.1rem;
}
.page-flow__lead .photobox {
  width: 50%;
  padding-left: 70px;
}
.page-flow__lead .photobox .photo {
  width: 100%;
  overflow: hidden;
  border-top-left-radius: 45px;
  border-bottom-left-radius: 45px;
}
.page-flow__lead .photobox .photo::before {
  padding-top: 385px;
}
.page-flow__main {
  margin: 80px 120px 135px;
  position: relative;
  max-width: 1700px;
}
.page-flow__main::before {
  content: "";
  position: absolute;
  top: 155px;
  left: 70px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-size: 3px 10px;
  background-image: linear-gradient(to bottom, #ff9598, #ff9598 3px, transparent 3px, transparent 10px);
  background-repeat: repeat-y;
  width: 3px;
  height: calc(100% - 310px);
}
.page-flow__main .page-flow__main--before {
  display: none;
}
.page-flow__block {
  margin-bottom: 80px;
}
@media screen and (min-width: 851px) {
  .page-flow__block.-current .imgbox .circle .circle-inner {
    background: #fff;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  .page-flow__block.-current .imgbox .circle .circle-inner > span {
    opacity: 1;
  }
  .page-flow__block.-current .imgbox .circle .bal {
    -webkit-transform: translate(100%, -50%) scale(1);
            transform: translate(100%, -50%) scale(1);
    -webkit-transition: 0.3s ease-out 0.2s;
    transition: 0.3s ease-out 0.2s;
  }
  .page-flow__block.-current .imgbox .circle .bal .graphic {
    opacity: 1;
  }
  .page-flow__block.-show .txtbox {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.page-flow__block:nth-last-of-type(1) {
  margin-bottom: 0;
}
.page-flow__block .imgbox {
  width: 50%;
  height: 310px;
  min-width: 600px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-flow__block .imgbox .circle {
  width: 140px;
  height: 140px;
  position: relative;
}
.page-flow__block .imgbox .circle .circle-inner {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: background 0.1s ease-out, -webkit-transform 0.4s ease-out;
  transition: background 0.1s ease-out, -webkit-transform 0.4s ease-out;
  transition: transform 0.4s ease-out, background 0.1s ease-out;
  transition: transform 0.4s ease-out, background 0.1s ease-out, -webkit-transform 0.4s ease-out;
  background: #fff;
}
@media screen and (min-width: 851px) {
  .page-flow__block .imgbox .circle .circle-inner {
    background: #ff9598;
    -webkit-transform: translate(-50%, -50%) scale(0.215);
            transform: translate(-50%, -50%) scale(0.215);
  }
}
.page-flow__block .imgbox .circle .circle-inner > span {
  text-align: center;
  letter-spacing: 0.02em;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1.1;
}
.page-flow__block .imgbox .circle .circle-inner > span.en {
  font-size: 1.9rem;
  color: #868686;
  padding-top: 5px;
}
.page-flow__block .imgbox .circle .circle-inner > span.num {
  font-size: 4.6rem;
  color: #ff9598;
  position: relative;
  left: -1px;
}
@media screen and (min-width: 851px) {
  .page-flow__block .imgbox .circle .circle-inner > span {
    opacity: 0;
  }
}
.page-flow__block .imgbox .circle .bal {
  position: absolute;
  top: 50%;
  right: -50px;
  width: 350px;
  height: 310px;
  border-radius: 110px;
  background: #fff;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
@media screen and (min-width: 851px) {
  .page-flow__block .imgbox .circle .bal {
    -webkit-transform: translate(100%, -50%) scale(0);
            transform: translate(100%, -50%) scale(0);
  }
}
.page-flow__block .imgbox .circle .bal::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 25px 12.5px 0;
  border-color: transparent #fff transparent transparent;
}
.page-flow__block .imgbox .circle .bal .graphic {
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-flow__block .imgbox .circle .bal .graphic.-g1 {
  width: 190px;
}
.page-flow__block .imgbox .circle .bal .graphic.-g2 {
  width: 215px;
}
.page-flow__block .imgbox .circle .bal .graphic.-g3 {
  width: 165px;
}
.page-flow__block .imgbox .circle .bal .graphic.-g4 {
  width: 143px;
}
.page-flow__block .imgbox .circle .bal .graphic.-g5 {
  width: 248px;
}
.page-flow__block .imgbox .circle .bal .graphic.-g6 {
  width: 208px;
}
.page-flow__block .imgbox .circle .bal .graphic.-g7 {
  width: 218px;
}
@media screen and (min-width: 851px) {
  .page-flow__block .imgbox .circle .bal .graphic {
    opacity: 0;
  }
}
.page-flow__block .txtbox {
  width: 50%;
  padding-left: 10px;
  -webkit-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
@media screen and (min-width: 851px) {
  .page-flow__block .txtbox {
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
}
.page-flow__block .txtbox > .ttl {
  font-size: 3.6rem;
  letter-spacing: 0.01em;
  line-height: 5.8rem;
  margin-bottom: 30px;
}
.page-flow__block .txtbox > .txt {
  font-size: 2.1rem;
  letter-spacing: 0.02em;
  line-height: 4.9rem;
}
.page-flow__block .txtbox > .txt a {
  color: #ff9598;
}
.page-flow__block .txtbox > .txt .focus {
  display: inline-block;
  font-size: 1.7rem;
  letter-spacing: 0.02em;
  line-height: 3.6rem;
  padding-top: 25px;
  padding-left: 25px;
  position: relative;
}
.page-flow__block .txtbox > .txt .focus .asterisk {
  color: #ff9598;
  position: absolute;
  top: 25px;
  left: 0;
}
@media screen and (min-width: 751px) {
  .page-flow__block .txtbox > .txt .txt-small {
    font-size: 1.8rem;
  }
}
.page-flow__trial {
  margin-bottom: 120px;
}
.page-flow__btncover {
  padding: 40px 120px 95px;
}
.page-flow__btncover > .btn {
  position: initial;
  width: 50%;
  max-width: 630px;
}
.page-flow__btncover > .btn:nth-of-type(1) {
  text-align: left;
}
.page-flow__btncover > .btn:nth-of-type(2) {
  text-align: right;
}
.page-flow__btncover > .btn > a {
  width: calc(100% - 30px);
  height: 160px;
}
.page-flow__btncover > .btn > a .inner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.page-flow__btncover > .btn > a .inner > .icon {
  margin-right: 30px;
}
.page-flow__btncover > .btn > a .inner > .icon.-i1 {
  width: 40px;
}
.page-flow__btncover > .btn > a .inner > .icon.-i2 {
  width: 35px;
  margin-top: 6px;
}
.page-flow__btncover > .btn > a .inner > .icon > svg .st0 {
  fill: #ff9598;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-flow__btncover > .btn > a .inner > .ttl {
  font-size: 3rem;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
.page-flow__btncover > .btn > a .circle {
  width: 60px;
  height: 60px;
}
.page-flow__btncover > .btn > a .circle .icon {
  width: 24px;
  height: 26px;
}
.page-flow__btncover > .btn > a .circle .icon > svg .st0 {
  fill: #fff;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .page-flow__btncover > .btn > a:hover .inner > .icon > svg .st0 {
    fill: #fff;
  }
  .page-flow__btncover > .btn > a:hover .circle {
    right: 10px;
  }
}
@media screen and (max-width: 1340px) {
  .page-flow__lead .txtbox {
    padding-left: 60px;
  }
  .page-flow__main {
    margin: 80px 60px 100px;
  }
  .page-flow__btncover {
    padding: 40px 60px 95px;
  }
}
@media screen and (max-width: 1160px) {
  .page-flow__block.-current .imgbox .circle .bal {
    -webkit-transform: translate(100%, -50%) scale(0.75);
            transform: translate(100%, -50%) scale(0.75);
  }
  .page-flow__block .imgbox {
    min-width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .page-flow__main {
    margin-left: -20px;
  }
}
@media screen and (max-width: 950px) {
  .page-flow__lead {
    display: block;
  }
  .page-flow__lead .txtbox {
    width: 100%;
    padding-top: 0;
  }
  .page-flow__lead .txtbox.cont-max950 {
    margin-top: 45px;
  }
  .page-flow__lead .photobox {
    width: 100%;
    padding: 0 60px;
  }
  .page-flow__lead .photobox .photo {
    border-radius: 45px;
  }
  .page-flow__btncover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-flow__btncover > .btn {
    width: 600px;
    text-align: center !important;
  }
  .page-flow__btncover > .btn:nth-of-type(1) {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 850px) {
  .page-flow__main::before {
    display: none;
  }
  .page-flow__main .page-flow__main--before {
    display: block;
    position: absolute;
    top: 70px;
    left: 70px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: 3px 10px;
    background-image: linear-gradient(to bottom, #ff9598, #ff9598 3px, transparent 3px, transparent 10px);
    background-repeat: repeat-y;
    width: 3px;
  }
  .page-flow__block {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .page-flow__block.-show .imgbox .circle .circle-inner {
    background: #fff;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }
  .page-flow__block.-show .imgbox .circle .circle-inner > span {
    opacity: 1;
  }
  .page-flow__block.-show .sp-detailbox .txtbox, .page-flow__block.-show .sp-detailbox .bal {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: 0.6s ease-out 0.5s;
    transition: 0.6s ease-out 0.5s;
  }
  .page-flow__block.-show .sp-detailbox .txtbox.-t, .page-flow__block.-show .sp-detailbox .bal.-t {
    -webkit-transition: 0.6s ease-out 0.4s;
    transition: 0.6s ease-out 0.4s;
  }
  .page-flow__block.-show .sp-detailbox .txtbox.-b, .page-flow__block.-show .sp-detailbox .bal.-b {
    -webkit-transition: 0.6s ease-out 0.6s;
    transition: 0.6s ease-out 0.6s;
  }
  .page-flow__block .imgbox {
    display: block;
    width: initial;
    min-width: initial;
    height: initial;
    margin-right: 50px;
  }
  .page-flow__block .imgbox .circle .circle-inner {
    background: #ff9598;
    -webkit-transform: translate(-50%, -50%) scale(0.215);
            transform: translate(-50%, -50%) scale(0.215);
    -webkit-transition: background 0.1s ease-out, -webkit-transform 0.4s ease-out;
    transition: background 0.1s ease-out, -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out, background 0.1s ease-out;
    transition: transform 0.4s ease-out, background 0.1s ease-out, -webkit-transform 0.4s ease-out;
  }
  .page-flow__block .imgbox .circle .circle-inner > span {
    opacity: 0;
  }
  .page-flow__block .sp-detailbox .txtbox {
    width: initial;
    padding-left: 20px;
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  .page-flow__block .sp-detailbox .txtbox.-t {
    padding-top: 10px;
  }
  .page-flow__block .sp-detailbox .txtbox.-b {
    padding-top: 30px;
  }
  .page-flow__block .sp-detailbox .txtbox > .ttl.-spp {
    padding-top: 28px;
  }
  .page-flow__block .sp-detailbox .bal {
    position: relative;
    width: 350px;
    height: 310px;
    border-radius: 90px;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g1 {
    width: 190px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g2 {
    width: 215px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g3 {
    width: 165px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g4 {
    width: 143px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g5 {
    width: 248px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g6 {
    width: 208px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g7 {
    width: 218px;
  }
}
@media screen and (max-width: 750px) {
  .page-flow__lead {
    padding: 80px 0 0;
  }
  .page-flow__lead .txtbox {
    padding: 0 30px;
  }
  .page-flow__lead .txtbox.cont-max950 {
    margin-top: 38px;
  }
  .page-flow__lead .txtbox .bal {
    left: initial;
    padding: 13px 18px;
    margin-bottom: 19px;
  }
  .page-flow__lead .txtbox .bal-icon {
    width: 25px;
  }
  .page-flow__lead .txtbox .bal-txt {
    font-size: 1.5rem;
  }
  .page-flow__lead .txtbox > .ttl {
    font-size: 2.9rem;
    letter-spacing: 0;
    line-height: 4.3rem;
    margin-bottom: 33px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .page-flow__lead .txtbox > .ttl {
    white-space: initial;
  }
  .page-flow__lead .txtbox > .ttl br {
    display: none !important;
  }
}
@media screen and (max-width: 750px) {
  .page-flow__lead .txtbox > .txt {
    font-size: 1.8rem;
    line-height: 3.9rem;
  }
  .page-flow__lead .photobox {
    padding: 0 20px;
  }
  .page-flow__lead .photobox .photo::before {
    padding-top: 200px;
  }
  .page-flow__main {
    margin: 88px 0 92px -10px;
  }
  .page-flow__main > .page-flow__main--before {
    left: 44px;
  }
  .page-flow__block {
    margin-bottom: 95px;
  }
  .page-flow__block .imgbox {
    display: block;
    width: initial;
    min-width: initial;
    height: initial;
    margin-right: 13px;
    width: 90px;
    height: 90px;
  }
  .page-flow__block .imgbox .circle {
    width: 90px;
    height: 90px;
  }
  .page-flow__block .imgbox .circle .circle-inner {
    width: 90px;
    height: 90px;
  }
  .page-flow__block .imgbox .circle .circle-inner > span {
    opacity: 0;
  }
  .page-flow__block .imgbox .circle .circle-inner > span.en {
    font-size: 1.4rem;
  }
  .page-flow__block .imgbox .circle .circle-inner > span.num {
    margin-top: -2px;
    font-size: 3.3rem;
  }
  .page-flow__block .sp-detailbox .txtbox {
    padding: 0 30px 0 12px;
    opacity: 0;
    -webkit-transform: translateY(40px);
            transform: translateY(40px);
  }
  .page-flow__block .sp-detailbox .txtbox.-t {
    padding-top: 8px;
  }
  .page-flow__block .sp-detailbox .txtbox.-b {
    padding-top: 30px;
  }
  .page-flow__block .sp-detailbox .txtbox.-b > .txt {
    font-size: 1.7rem;
    line-height: 3.1rem;
  }
  .page-flow__block .sp-detailbox .txtbox.-b > .txt .focus {
    font-size: 1.5rem;
    line-height: 2.7rem;
    padding-top: 15px;
    padding-left: 20px;
  }
  .page-flow__block .sp-detailbox .txtbox.-b > .txt .focus .asterisk {
    top: 15px;
  }
  .page-flow__block .sp-detailbox .txtbox > .ttl {
    font-size: 2.8rem;
    letter-spacing: 0;
    line-height: 3.9rem;
    margin-bottom: 22px;
  }
  .page-flow__block .sp-detailbox .txtbox > .ttl.-spp {
    padding-top: 17px;
  }
  .page-flow__block .sp-detailbox .txtbox > .ttl > .text-dot {
    margin: 0 -6px;
  }
  .page-flow__block .sp-detailbox .txtbox > .ttl > .third-br {
    display: none !important;
  }
  .page-flow__block .sp-detailbox .txtbox > .ttl > .sp-320 {
    display: none !important;
  }
  .page-flow__block .sp-detailbox .bal {
    width: 260px;
    height: 180px;
    border-radius: 50px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g1 {
    width: 150px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g2 {
    width: 170px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g3 {
    width: 110px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g4 {
    width: 105px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g5 {
    width: 170px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g6 {
    width: 165px;
  }
  .page-flow__block .sp-detailbox .bal .graphic.-g7 {
    width: 175px;
  }
}
@media screen and (max-width: 750px) and (max-width: 320px) {
  .page-flow__block .sp-detailbox .bal {
    width: 208px;
    height: 144px;
  }
  .page-flow__block .sp-detailbox .bal .graphic {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
}
@media screen and (max-width: 750px) {
  .page-flow__trial {
    margin-bottom: 125px;
  }
  .page-flow__btncover {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 30px 120px;
  }
  .page-flow__btncover > .btn {
    width: 100%;
    max-width: 315px;
    text-align: center !important;
  }
  .page-flow__btncover > .btn:nth-of-type(1) {
    margin-bottom: 10px;
  }
  .page-flow__btncover > .btn > a {
    width: 100%;
    height: 85px;
  }
  .page-flow__btncover > .btn > a .inner > .icon {
    margin-right: 20px;
  }
  .page-flow__btncover > .btn > a .inner > .icon.-i1 {
    width: 27px;
    margin-top: 1px;
  }
  .page-flow__btncover > .btn > a .inner > .icon.-i2 {
    width: 27px;
  }
  .page-flow__btncover > .btn > a .inner > .ttl {
    font-size: 2.2rem;
  }
  .page-flow__btncover > .btn > a .circle .icon {
    width: 15px;
    height: 16px;
  }
}

/*------------------------------------------------------*/
/*  page-privacypolicy */
/*------------------------------------------------------*/
.page-policy__lead {
  padding: 109px 80px 78px;
}
.page-policy__main {
  padding: 0 80px 55px;
}
.page-policy__main .block {
  margin-bottom: 50px;
}
.page-policy__main .block.policy-block9 {
  margin-bottom: 72px;
}
.page-policy__main .block a {
  line-height: 1.4;
  color: #ff9598;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(96%, transparent), color-stop(96.1%, #ff9598), to(#ff9598));
  background: linear-gradient(transparent 0%, transparent 96%, #ff9598 96.1%, #ff9598 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left;
  -webkit-transition: background-size 0.2s ease-out;
  transition: background-size 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .page-policy__main .block a:hover {
    background-size: 0% 100%;
    background-position: right;
  }
}
.page-policy__main .block > h3 {
  position: relative;
  padding-left: 60px;
  margin-bottom: 24px;
}
.page-policy__main .block > h3 > .num {
  font-size: 3.1rem;
  letter-spacing: 0.01em;
  white-space: nowrap;
  color: #ff9598;
  position: absolute;
  left: 0;
  top: -1px;
}
.page-policy__main .block > h3 > .ttl {
  font-size: 2.7rem;
  letter-spacing: 0.02em;
  font-weight: 500;
}
.page-policy__main .block > p.-mt {
  margin-top: 38px;
}
.page-policy__main .block > p > .numcover {
  display: inline-block;
  position: relative;
  padding-left: 40px;
}
.page-policy__main .block > p > .numcover > .num {
  position: absolute;
  top: 0px;
  left: -1px;
}
.page-policy__main .block > ol {
  margin-top: 18px;
  padding-left: 17px;
}
.page-policy__main .block > ol > li {
  position: relative;
  padding-left: 22px;
}
.page-policy__main .block > ol > li.-wide {
  padding-left: 33px;
}
.page-policy__main .block > ol > li > .num {
  position: absolute;
  top: 0;
  left: 0;
}
.page-policy__main .block > ol > li > .numcover {
  display: inline-block;
}
.page-policy__main .block > ol > li > .numcover.-pl {
  padding-left: 20px;
}
.page-policy__main .block > ol > li > .li-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-policy__main .block > ol > li > .li-flex > .wid-fix {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-policy__main .block > ol > li > .li-flex > .-pl2 {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding-left: 4px;
}
.page-policy__main .block > ol > li > .encover {
  position: relative;
  display: inline-block;
  padding-left: 22px;
}
.page-policy__main .block > ol > li > .encover > .num {
  position: absolute;
  top: 0;
  left: 0;
}
.page-policy__main .block > ol.-pat2 {
  margin-top: 30px;
}
.page-policy__main .block > ol.-pat2 > li {
  margin-bottom: 17px;
}
.page-policy__main .block > ol.-pat2 > li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.page-policy__focus {
  padding: 0 80px 90px;
}
.page-policy__focus > .ttl {
  position: relative;
  padding-left: 28px;
  font-size: 2.3rem;
  letter-spacing: 0.02em;
  margin-bottom: 28px;
}
.page-policy__focus > .ttl > .asterisk {
  width: 14px;
  height: 16px;
  position: absolute;
  top: 12px;
  left: 0px;
}
.page-policy__focus > .ttl > .asterisk > img {
  position: absolute;
  top: 0;
  left: 0;
}
.page-policy__focus a {
  line-height: 1.4;
  color: #ff9598;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(96%, transparent), color-stop(96.1%, #ff9598), to(#ff9598));
  background: linear-gradient(transparent 0%, transparent 96%, #ff9598 96.1%, #ff9598 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left;
  -webkit-transition: background-size 0.2s ease-out;
  transition: background-size 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .page-policy__focus a:hover {
    background-size: 0% 100%;
    background-position: right;
  }
}
@media screen and (max-width: 750px) {
  .page-policy__lead {
    padding: 80px 30px 55px;
  }
  .page-policy__main {
    padding: 0 30px 43px;
  }
  .page-policy__main .block {
    margin-bottom: 45px;
  }
  .page-policy__main .block.policy-block9 {
    margin-bottom: 52px;
  }
  .page-policy__main .block > h3 {
    padding-left: 45px;
  }
  .page-policy__main .block > h3 > .num {
    font-size: 2.5rem;
    top: -2px;
  }
  .page-policy__main .block > h3 > .ttl {
    font-size: 2.1rem;
  }
  .page-policy__main .block > p.-mt {
    margin-top: 23px;
  }
  .page-policy__main .block > p > .numcover {
    padding-left: 40px;
  }
  .page-policy__main .block > p > .numcover > .num {
    top: 0px;
    left: -1px;
  }
  .page-policy__main .block > ol {
    margin-top: 21px;
    padding-left: 0;
  }
  .page-policy__main .block > ol > li {
    padding-left: 18px;
  }
  .page-policy__main .block > ol > li.-wide {
    padding-left: 26px;
  }
  .page-policy__main .block > ol > li > .num {
    position: absolute;
    top: 0;
    left: 0;
  }
  .page-policy__main .block > ol > li > .numcover {
    padding-left: 18px;
  }
  .page-policy__main .block > ol > li > .numcover.-pl {
    padding-left: 20px;
  }
  .page-policy__main .block > ol > li > .li-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-policy__main .block > ol > li > .encover {
    position: relative;
    display: inline-block;
    padding-left: 22px;
  }
  .page-policy__main .block > ol > li > .encover > .num {
    position: absolute;
    top: 0;
    left: 0;
  }
  .page-policy__main .block > ol.-pat2 {
    margin-top: 30px;
  }
  .page-policy__main .block > ol.-pat2 > li {
    margin-bottom: 17px;
  }
  .page-policy__main .block:nth-of-type(n + 10) > h3 {
    padding-left: 35px;
  }
  .page-policy__main .block:nth-of-type(n + 20) > h3 {
    padding-left: 45px;
  }
  .page-policy__focus {
    padding: 0 30px 115px;
  }
  .page-policy__focus > .ttl {
    padding-left: 20px;
    font-size: 1.7rem;
    margin-bottom: 32px;
  }
  .page-policy__focus > .ttl > .asterisk {
    width: 10px;
    height: 12px;
    top: 9px;
  }
}
@media screen and (max-width: 750px) and (min-width: 375px) {
  .page-policy__focus > .ttl {
    white-space: nowrap;
  }
}

.page-terms .page-policy__main {
  padding: 0 80px 27px;
}
.page-terms .page-policy__main .block {
  margin-bottom: 62px;
}
@media screen and (max-width: 750px) and (min-width: 375px) {
  .page-terms .page-policy__main .block:nth-of-type(10) > h3 > .ttl {
    white-space: nowrap;
  }
}
@media screen and (max-width: 750px) {
  .page-terms .page-policy__main {
    padding: 0 30px 67px;
  }
  .page-terms .page-policy__main .block {
    margin-bottom: 43px;
  }
  .page-terms .page-policy__main .block > ol {
    margin-top: 27px;
  }
}

/*------------------------------------------------------*/
/*  page-environment */
/*------------------------------------------------------*/
.page-environment__lead {
  font-size: 1.9rem;
  letter-spacing: 0.02em;
  line-height: 4.4rem;
  padding: 80px 80px 60px;
  max-width: 1800px;
  margin: 0 auto;
}
.page-environment__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 80px 95px;
  max-width: 1800px;
  margin: 0 auto;
}
.page-environment__main .block {
  width: 50%;
}
.page-environment__main .block.block1 {
  padding-right: 30px;
}
.page-environment__main .block.block2 {
  padding-left: 30px;
}
.page-environment__main .block > .ttl {
  margin-bottom: 20px;
}
.page-environment__main .block > .ttl > .icon {
  margin-right: 20px;
}
.page-environment__main .block > .ttl > .icon.-i1 {
  width: 35px;
}
.page-environment__main .block > .ttl > .icon.-i2 {
  width: 30px;
}
.page-environment__main .block > .ttl > .inner-ttl {
  font-size: 2.2rem;
  letter-spacing: 0.02em;
  font-weight: 700;
  white-space: nowrap;
}
.page-environment__main .block > .ttl > .inner-ttl.-fontp {
  font-size: 2.6rem;
  font-weight: 500;
}
.page-environment__main .block > .box {
  width: 100%;
  background: #fff;
  border-radius: 25px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  overflow: hidden;
}
.page-environment__main .block > .box > dl {
  border-bottom: 1px solid #cacaca;
}
.page-environment__main .block > .box > dl:nth-last-of-type(1) {
  border-bottom: none;
}
.page-environment__main .block > .box > dl > dt {
  font-size: 2rem;
  letter-spacing: 0;
  white-space: nowrap;
  position: relative;
  width: 50%;
  height: 80px;
}
.page-environment__main .block > .box > dl > dt::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 28px;
  background: #cacaca;
}
.page-environment__main .block > .box > dl > dd {
  font-size: 2rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
  position: relative;
  width: 50%;
  height: 80px;
}
@media screen and (max-width: 1000px) {
  .page-environment__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .page-environment__main .block {
    width: initial;
    padding: 0 !important;
  }
  .page-environment__main .block.block1 {
    margin-bottom: 80px;
  }
  .page-environment__main .block > .ttl {
    height: initial;
  }
  .page-environment__main .block > .box {
    width: 600px;
  }
}
@media screen and (max-width: 750px) {
  .page-environment__lead {
    font-size: 1.6rem;
    line-height: 3.2rem;
    padding: 80px 30px 46px;
  }
  .page-environment__main {
    padding: 0 20px 120px;
  }
  .page-environment__main .block {
    width: 100%;
    max-width: 400px;
  }
  .page-environment__main .block.block1 {
    margin-bottom: 40px;
  }
  .page-environment__main .block > .ttl {
    margin-bottom: 10px;
  }
  .page-environment__main .block > .ttl > .icon {
    margin-right: 10px;
  }
  .page-environment__main .block > .ttl > .icon.-i1 {
    width: 30px;
  }
  .page-environment__main .block > .ttl > .icon.-i2 {
    width: 26px;
  }
  .page-environment__main .block > .ttl > .inner-ttl {
    font-size: 1.9rem;
    position: relative;
    top: -1px;
  }
  .page-environment__main .block > .ttl > .inner-ttl.-fontp {
    font-size: 2.2rem;
    top: 0;
  }
  .page-environment__main .block > .box {
    width: 100%;
  }
  .page-environment__main .block > .box > dl > dt {
    font-size: 1.7rem;
    height: 72px;
  }
  .page-environment__main .block > .box > dl > dt::before {
    height: 21px;
  }
  .page-environment__main .block > .box > dl > dd {
    font-size: 1.7rem;
    height: 72px;
  }
}

/*------------------------------------------------------*/
/*  notfound */
/*------------------------------------------------------*/
.page-notfound__txt {
  padding: 105px 80px 80px;
  font-size: 2rem;
  letter-spacing: 0.02em;
  line-height: 5.1rem;
}
.page-notfound__btn {
  position: static;
  text-align: center;
  padding-bottom: 70px;
}
.page-notfound__btn > a {
  width: 255px;
  height: 100px;
}
.page-notfound__btn > a .inner .ttl {
  font-size: 2.4rem;
}
.page-notfound__btn > a .circle {
  width: 60px;
  height: 60px;
}
.page-notfound__btn > a .circle .icon {
  width: 25px;
  height: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 751px) {
  .page-notfound__btn > a:hover .circle {
    right: 10px;
  }
}
@media screen and (max-width: 750px) {
  .page-notfound__txt {
    padding: 80px 30px 58px;
    font-size: 1.8rem;
    line-height: 3.9rem;
  }
  .page-notfound__btn {
    position: static;
    text-align: center;
    padding-bottom: 107px;
  }
  .page-notfound__btn > a {
    width: 160px;
    height: 75px;
  }
  .page-notfound__btn > a .inner .ttl {
    font-size: 1.9rem;
  }
  .page-notfound__btn > a .circle {
    width: 45px;
    height: 145px;
  }
  .page-notfound__btn > a .circle .icon {
    width: 22px;
    height: 18px;
  }
}

/*------------------------------------------------------*/
/*  page-casestudy */
/*------------------------------------------------------*/
.page-main__box .graphic.page-casestudy.-g2 {
  width: 242px;
  height: 106px;
  left: 38%;
}
.page-main__box .graphic.page-casestudy.-g2 > svg .st0 {
  fill: #ddd;
}
.page-main__box .graphic.page-casestudy.-g2 > svg .st1 {
  fill: #ff9598;
}
.page-main__box .graphic.page-casestudy.-g2 > svg .st2 {
  fill: #ddd;
}
.page-main__box .graphic.page-casestudy.-g2 > svg .st3 {
  fill: #fff;
}
.page-main__box .graphic.page-casestudy.-g2 > svg .st4 {
  fill: #878787;
}
.page-main__box .graphic.page-casestudy.-g2 > svg .st5 {
  fill: #ababab;
}
.page-main__box .graphic.page-casestudy.-g2 > svg .st6 {
  fill: #ffdcce;
}
.page-main__box .graphic.page-casestudy.-g2 > svg .l-head {
  -webkit-transform-origin: 35px 35px;
          transform-origin: 35px 35px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: case-l-head;
          animation-name: case-l-head;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-casestudy.-g2 > svg .r-head {
  -webkit-transform-origin: calc(100% - 30px) 35px;
          transform-origin: calc(100% - 30px) 35px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: case-r-head;
          animation-name: case-r-head;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-casestudy.-g2 {
    left: initial;
    right: 5%;
  }
}
@media screen and (max-width: 850px) {
  .page-main__box .graphic.page-casestudy.-g2 {
    right: 20px;
  }
}
.page-main__box .graphic.page-casestudy.-g2 > .graph-cover {
  width: 12px;
  height: 45px;
  background: #fff;
  position: absolute;
  left: 138px;
  top: 36px;
  -webkit-animation-name: case-graph;
          animation-name: case-graph;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-casestudy.-g3 {
  width: 462px;
  height: 112px;
  right: 0;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .st0 {
  fill: #ff9b9b;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .st1 {
  fill: #ddd;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .st2 {
  fill: #fff;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .st3 {
  fill: #878787;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .st4 {
  fill: #ababab;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .st5 {
  fill: #ffdcce;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .wifi {
  opacity: 0;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .wifi.-w1 {
  -webkit-animation: casestudy-g3__wifi1 8s linear forwards infinite;
          animation: casestudy-g3__wifi1 8s linear forwards infinite;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .wifi.-w2 {
  -webkit-animation: casestudy-g3__wifi2 8s linear forwards infinite;
          animation: casestudy-g3__wifi2 8s linear forwards infinite;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .wifi.-w3 {
  -webkit-animation: casestudy-g3__wifi3 8s linear forwards infinite;
          animation: casestudy-g3__wifi3 8s linear forwards infinite;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .rect {
  opacity: 1;
  -webkit-animation-name: case-rect;
          animation-name: case-rect;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .man {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-animation-name: case-man;
          animation-name: case-man;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .l-arm {
  -webkit-transform-origin: 205px 58px;
          transform-origin: 205px 58px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-animation-name: case-l-arm1;
          animation-name: case-l-arm1;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .machine {
  -webkit-transform-origin: 250px 65px;
          transform-origin: 250px 65px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-animation-name: case-machine;
          animation-name: case-machine;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-casestudy.-g3 > svg .r-arm {
  -webkit-transform-origin: 50px 73px;
          transform-origin: 50px 73px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation-name: case-r-arm;
          animation-name: case-r-arm;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-main__box .graphic.page-casestudy.-g3 > .maru {
  opacity: 0;
  display: block;
  position: absolute;
  top: 65px;
  left: 290px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 3px solid #ff9598;
  -webkit-animation-name: case-maru;
          animation-name: case-maru;
  -webkit-animation-duration: 10s;
          animation-duration: 10s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media screen and (max-width: 1160px) {
  .page-main__box .graphic.page-casestudy.-g3 {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .page-main__box .graphic.page-casestudy.-g2 {
    width: 145px;
    height: 64px;
  }
  .page-main__box .graphic.page-casestudy.-g2 > .graph-cover {
    left: 82px;
    top: 21px;
    height: 25px;
  }
  .page-main__box .graphic.page-casestudy.-g3 {
    display: none;
  }
}

.page-casestudy__txt {
  font-size: 2rem;
  line-height: 5.1rem;
  padding: 0 80px;
  opacity: 0;
  margin: 103px 0 76px;
}
.page-casestudy__txt.-show {
  opacity: 1;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.page-casestudy .top-case__box {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px 24px;
  position: relative;
  padding: 0 120px;
  margin: 0 auto 62px;
}
@media screen and (min-width: 2001px) {
  .page-casestudy .top-case__box .block {
    width: calc((100% - 72px) / 4);
  }
}
.page-casestudy__coming {
  display: none;
  position: relative;
  padding: 0 80px 78px;
  margin-top: 112px;
}
.page-casestudy__coming.-visible {
  display: block;
}
.page-casestudy__coming .title {
  font-size: 4.2rem;
  letter-spacing: 0.02em;
  font-weight: 700;
  color: #ff9598;
  margin-bottom: 34px;
}
.page-casestudy__coming .text {
  font-size: 2rem;
  line-height: 5.1rem;
  letter-spacing: 0.02em;
  margin-bottom: 75px;
}
.page-casestudy__coming .top-case__btn {
  position: relative;
  z-index: 1;
}
.page-casestudy__coming .top-case__btn .btn > a .circle .icon {
  width: 22px;
}
.page-casestudy__coming .graphic {
  position: absolute;
  top: -30%;
  right: 20%;
  width: 88px;
  -webkit-animation: casestudy-balman 8s linear infinite;
          animation: casestudy-balman 8s linear infinite;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  pointer-events: none;
}
.page-casestudy__coming .graphic > svg {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 1270px) {
  .page-casestudy .top-case__box {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media screen and (max-width: 1160px) {
  .page-casestudy__coming .graphic {
    right: 5%;
  }
}
@media screen and (max-width: 950px) {
  .page-casestudy .top-case__box {
    padding-left: 30px;
    padding-right: 30px;
  }
  .page-casestudy__coming .graphic {
    right: -5%;
  }
}
@media screen and (max-width: 750px) {
  .page-casestudy__txt {
    font-size: 1.8rem;
    line-height: 3.9rem;
    padding: 0 8vw;
    margin: 77px 0 72px;
  }
  .page-casestudy .top-case__box {
    gap: 24px;
    padding: 0 5.4vw;
    margin-bottom: 108px;
  }
  .page-casestudy__coming {
    padding: 0 30px 108px;
    margin-top: -27px;
  }
  .page-casestudy__coming.-visible {
    display: block;
  }
  .page-casestudy__coming .title {
    position: relative;
    z-index: 1;
    font-size: 2.8rem;
    letter-spacing: 0;
    margin-bottom: 32px;
  }
  .page-casestudy__coming .text {
    position: relative;
    z-index: 1;
    font-size: 1.8rem;
    line-height: 3.9rem;
    margin-bottom: 61px;
  }
  .page-casestudy__coming .top-case__btn .btn > a {
    width: 160px;
  }
  .page-casestudy__coming .top-case__btn .btn > a .circle .icon {
    width: 19px;
  }
  .page-casestudy__coming .graphic {
    top: -20%;
    right: -5%;
    width: 53px;
    -webkit-animation: casestudy-balman__sp 8s linear infinite;
            animation: casestudy-balman__sp 8s linear infinite;
  }
  .page-casestudy__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: -66px 0 108px;
  }
  .page-casestudy__more.-hide {
    display: none;
  }
  .page-casestudy__more .inner {
    gap: 16px;
  }
  .page-casestudy__more .inner .txt {
    font-size: 1.7rem;
  }
  .page-casestudy__more .inner .circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #ff9598;
    -webkit-box-shadow: -2px 4px 14px rgba(176, 176, 176, 0.3);
            box-shadow: -2px 4px 14px rgba(176, 176, 176, 0.3);
  }
  .page-casestudy__more .inner .circle-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 13px;
  }
}

.page-casesingle__lead {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 122px 0 96px;
}
.page-casesingle__lead .detail {
  width: 54%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  letter-spacing: 0.02em;
  padding: 28px 70px 0 80px;
}
.page-casesingle__lead .detail-ttl {
  font-size: 3.4rem;
  line-height: 4.6rem;
  font-weight: 700;
  margin-bottom: 23px;
}
.page-casesingle__lead .detail-company {
  font-size: 2.1rem;
  line-height: 3.4rem;
  margin-bottom: 12px;
}
.page-casesingle__lead .detail-place {
  gap: 12px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.08em;
}
.page-casesingle__lead .detail-place::before {
  content: "";
  display: block;
  position: relative;
  top: 1px;
  width: 16px;
  height: 19px;
  background: url(../../assets/images/casestudy/icon1.svg) 0 0 no-repeat;
  background-size: 100%;
}
.page-casesingle__lead .detail-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 6px;
  margin-top: 27px;
  margin-bottom: 36px;
}
.page-casesingle__lead .detail-list li {
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #ff9598;
  border-radius: 999px;
  border: 1px solid #ff9598;
  padding: 2px 10px 3px;
}
.page-casesingle__lead .detail-devider {
  display: block;
  width: 100%;
  height: 2px;
  background-size: 6px 2px;
  background-image: linear-gradient(to right, #878787, #878787 2px, transparent 2px, transparent 6px);
  background-repeat: repeat-x;
  margin-bottom: 19px;
}
.page-casesingle__lead .detail-information {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 9px 24px;
}
.page-casesingle__lead .detail-information li {
  position: relative;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-left: 24px;
}
.page-casesingle__lead .detail-information li::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff9598;
}
.page-casesingle__lead .image {
  width: 46%;
  max-width: 680px;
  padding-right: 80px;
}
.page-casesingle__lead .image .img-cover {
  border-radius: 50px;
  overflow: hidden;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-casesingle__lead .image .img-cover::before {
  padding-top: 385px;
}
.page-casesingle__purpose {
  padding: 0 80px 120px;
}
.page-casesingle__purpose .block {
  gap: 84px;
  border-radius: 50px;
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  padding: 32px 66px 34px;
}
.page-casesingle__purpose .block-ttl {
  gap: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-casesingle__purpose .block-ttl__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 54px;
}
.page-casesingle__purpose .block-ttl__icon.-i1 img {
  width: 54px;
}
.page-casesingle__purpose .block-ttl__icon.-i2 img {
  width: 38px;
}
.page-casesingle__purpose .block-ttl__name {
  width: 66px;
  font-size: 2.5rem;
  line-height: 3.6rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
}
.page-casesingle__purpose .block-list {
  font-size: 2rem;
  line-height: 4rem;
  letter-spacing: 0.04em;
}
.page-casesingle__purpose .block-list li {
  position: relative;
  padding-left: 36px;
}
.page-casesingle__purpose .block-list li + li {
  margin-top: 2px;
}
.page-casesingle__purpose .block-list li::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ddd;
}
.page-casesingle__purpose .space {
  position: relative;
  height: 60px;
}
.page-casesingle__purpose .space::before {
  content: "";
  position: absolute;
  left: 186px;
  top: 0;
  width: 3px;
  height: 100%;
  background-size: 3px 10px;
  background-image: linear-gradient(to bottom, #ff9598, #ff9598 3px, transparent 3px, transparent 10px);
  background-repeat: repeat-y;
}
.page-casesingle__main {
  background: #e9e9e9;
  padding: 109px 80px 118px;
}
.page-casesingle__main .top_ttl {
  text-align: left;
  margin-bottom: 62px;
}
.page-casesingle__main .top_ttl .jp {
  padding-right: 80px;
}
.page-casesingle__main .top_ttl .icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  right: 0;
  width: 38px;
}
.page-casesingle__main .section + .section {
  margin-top: 142px;
}
.page-casesingle__main .section-block {
  background: #fff;
  border-radius: 50px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  padding: 48px 66px 57px;
}
.page-casesingle__main .section-block + .section-block {
  margin-top: 30px;
}
.page-casesingle__main .section-block__ttl {
  gap: 24px;
  position: relative;
  width: 100%;
  padding-bottom: 30px;
}
.page-casesingle__main .section-block__ttl::before {
  content: "";
  display: block;
  width: 26px;
  height: 28px;
  background: url(../../assets/images/casestudy/icon5.svg) 0 0 no-repeat;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-casesingle__main .section-block__ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-size: 6px 2px;
  background-image: linear-gradient(to right, #ff9598, #ff9598 2px, transparent 2px, transparent 6px);
  background-repeat: repeat-x;
}
.page-casesingle__main .section-block__ttl h3 {
  font-size: 2.7rem;
  line-height: 4rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.page-casesingle__main .section-block__detail {
  padding-top: 20px;
}
.page-casesingle__main .section-block__detail.-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-casesingle__main .section-block__detail.-row .txt {
  width: calc(100% - 510px);
  padding-right: 70px;
}
.page-casesingle__main .section-block__detail.-col .image {
  margin-top: 27px;
}
.page-casesingle__main .section-block__detail .txt {
  font-size: 2rem;
  line-height: 5.1rem;
}
.page-casesingle__main .section-block__detail .image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 510px;
  max-width: 100%;
  border-radius: 50px;
  overflow: hidden;
}
.page-casesingle__main .section-block__detail .image::before {
  padding-top: 330px;
}
.page-casesingle__pager {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 54px 0 64px;
}
.page-casesingle__pager .pager-item {
  padding: 0;
}
.page-casesingle__pager .pager-item.prev {
  padding-left: 80px;
}
.page-casesingle__pager .pager-item.next {
  padding-right: 80px;
}
.page-casesingle__pager .pager-item.next a .circle {
  margin-left: 40px;
}
.page-casesingle__pager .pager-item.index a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.page-casesingle__pager .pager-item.index a .circle {
  margin-right: 0;
  margin-left: 40px;
}
.page-casesingle__pager .pager-item.index a .circle .icon {
  width: 28px;
  height: 23px;
}
.page-casesingle__pager .pager-item.-hide {
  opacity: 0;
  pointer-events: none;
}
@media screen and (min-width: 751px) {
  .page-casesingle__pager .pager-item a:hover .circle .icon svg .st0 {
    fill: none;
    stroke: #fff;
  }
}
.page-casesingle__pager .pager-item a .circle {
  margin-right: 40px;
}
.page-casesingle__pager .pager-item a .circle .icon {
  width: 20px;
}
.page-casesingle__pager .pager-item a .circle .icon svg .st0 {
  fill: none;
  stroke: #ff9598;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4.5px;
}
@media screen and (max-width: 1400px) {
  .page-casesingle__main .section-block__detail.-row .txt {
    width: calc(100% - 420px);
    padding-right: 40px;
  }
  .page-casesingle__main .section-block__detail.-row .image {
    width: 420px;
  }
  .page-casesingle__main .section-block__detail.-row .image::before {
    padding-top: 272px;
  }
}
@media screen and (max-width: 1160px) {
  .page-casesingle__main .section-block__detail.-row {
    display: block;
  }
  .page-casesingle__main .section-block__detail.-row .txt {
    width: 100%;
    padding-right: 0;
  }
  .page-casesingle__main .section-block__detail.-row .image {
    width: 510px;
    margin-top: 27px;
  }
  .page-casesingle__main .section-block__detail.-row .image::before {
    padding-top: 330px;
  }
  .page-casesingle__pager .pager-item.next a .circle, .page-casesingle__pager .pager-item.index a .circle {
    margin-left: 30px;
  }
  .page-casesingle__pager .pager-item a .circle {
    margin-right: 30px;
  }
}
@media screen and (max-width: 950px) {
  .page-casesingle__lead {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 0 30px;
  }
  .page-casesingle__lead .detail {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .page-casesingle__lead .image {
    width: 100%;
    max-width: initial;
    padding-right: 0;
  }
  .page-casesingle__lead .image .img-cover {
    border-radius: 50px;
  }
  .page-casesingle__purpose, .page-casesingle__main {
    padding-left: 30px;
    padding-right: 30px;
  }
  .page-casesingle__purpose .block {
    display: block;
  }
  .page-casesingle__purpose .block-ttl {
    margin-bottom: 20px;
  }
  .page-casesingle__purpose .space::before {
    left: 93px;
  }
  .page-casesingle__main .section-block {
    padding-left: 30px;
    padding-right: 30px;
  }
  .page-casesingle__main .section-block__detail .image {
    margin-left: auto;
    margin-right: auto;
  }
  .page-casesingle__pager {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 52px 80px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .page-casesingle__pager .pager-item.prev {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-left: 0;
  }
  .page-casesingle__pager .pager-item.next {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0;
  }
  .page-casesingle__pager .pager-item.index {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .page-casesingle__lead {
    padding: 0 5.4vw;
    margin: 88px 0 68px;
  }
  .page-casesingle__lead .image .img-cover {
    border-radius: 25px;
  }
  .page-casesingle__lead .image .img-cover::before {
    padding-top: 216px;
  }
  .page-casesingle__lead .detail {
    padding: 29px 10px 0;
  }
  .page-casesingle__lead .detail-ttl {
    font-size: 2.4rem;
    line-height: 3.4rem;
    margin-bottom: 10px;
  }
  .page-casesingle__lead .detail-company {
    font-size: 1.8rem;
    line-height: 3.9rem;
    margin-bottom: -5px;
  }
  .page-casesingle__lead .detail-place {
    gap: 10px;
    font-size: 1.6rem;
    line-height: 3.1rem;
  }
  .page-casesingle__lead .detail-place::before {
    width: 15px;
    height: 17px;
  }
  .page-casesingle__lead .detail-list {
    margin-top: 17px;
    margin-bottom: 25px;
  }
  .page-casesingle__lead .detail-list li {
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 3px 8px;
  }
  .page-casesingle__lead .detail-devider {
    height: 3px;
    background-size: 10px 3px;
    background-image: linear-gradient(to right, #878787, #878787 3px, transparent 3px, transparent 10px);
    margin-bottom: 10px;
  }
  .page-casesingle__lead .detail-information {
    gap: 0 18px;
  }
  .page-casesingle__lead .detail-information li {
    font-size: 1.5rem;
    line-height: 2.6rem;
    padding-left: 20px;
  }
  .page-casesingle__lead .detail-information li::before {
    top: 12px;
    width: 10px;
    height: 10px;
  }
  .page-casesingle__purpose {
    padding: 0 5.4vw 100px;
  }
  .page-casesingle__purpose .block {
    border-radius: 20px;
    padding: 29px 29px 35px;
  }
  .page-casesingle__purpose .block-ttl {
    gap: 16px;
    margin-bottom: 14px;
  }
  .page-casesingle__purpose .block-ttl__icon {
    position: relative;
  }
  .page-casesingle__purpose .block-ttl__icon.-i1 {
    top: 1px;
    width: 29px;
  }
  .page-casesingle__purpose .block-ttl__icon.-i2 {
    top: -2px;
    width: 21px;
  }
  .page-casesingle__purpose .block-ttl__icon img {
    width: 100% !important;
  }
  .page-casesingle__purpose .block-ttl__name {
    width: initial;
    font-size: 2.2rem;
    line-height: 2.4rem;
  }
  .page-casesingle__purpose .block-list {
    font-size: 1.6rem;
    line-height: 3.1rem;
  }
  .page-casesingle__purpose .block-list li {
    padding-left: 24px;
  }
  .page-casesingle__purpose .block-list li + li {
    margin-top: 8px;
  }
  .page-casesingle__purpose .block-list li::before {
    top: 10px;
    width: 10px;
    height: 10px;
  }
  .page-casesingle__purpose .space {
    height: 48px;
  }
  .page-casesingle__purpose .space::before {
    left: 48px;
  }
  .page-casesingle__main {
    padding: 82px 5.4vw 92px;
  }
  .page-casesingle__main .top_ttl {
    padding-left: 8px;
    padding-right: 0;
    margin-bottom: 43px;
  }
  .page-casesingle__main .top_ttl .jp {
    padding-right: 40px;
  }
  .page-casesingle__main .top_ttl .icon {
    width: 28px;
  }
  .page-casesingle__main .section + .section {
    margin-top: 84px;
  }
  .page-casesingle__main .section-block {
    border-radius: 20px;
    padding: 31px 30px 48px;
  }
  .page-casesingle__main .section-block + .section-block {
    margin-top: 25px;
  }
  .page-casesingle__main .section-block__ttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    padding-bottom: 23px;
  }
  .page-casesingle__main .section-block__ttl::after {
    height: 3px;
    background-size: 10px 3px;
    background-image: linear-gradient(to right, #ff9598, #ff9598 3px, transparent 3px, transparent 10px);
  }
  .page-casesingle__main .section-block__ttl h3 {
    font-size: 2.1rem;
    line-height: 3rem;
  }
  .page-casesingle__main .section-block__detail {
    position: relative;
    padding-top: 16px;
  }
  .page-casesingle__main .section-block__detail .txt {
    font-size: 1.6rem;
    line-height: 3.1rem;
  }
  .page-casesingle__main .section-block__detail .image {
    position: relative;
    left: -10px;
    width: calc(100% + 20px) !important;
    border-radius: 25px;
    max-width: initial;
    margin-top: 23px !important;
  }
  .page-casesingle__main .section-block__detail .image::before {
    padding-top: 186px !important;
  }
  .page-casesingle__pager {
    padding: 41px 5.4vw 110px;
  }
  .page-casesingle__pager .pager-item.index a {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
    gap: 12px;
  }
  .page-casesingle__pager .pager-item.index a .circle {
    width: 45px;
    height: 45px;
    margin-bottom: 0;
  }
  .page-casesingle__pager .pager-item.index a .circle .icon {
    position: relative;
    top: calc(50% + 1px);
    width: 20px;
    height: 17px;
  }
  .page-casesingle__pager .pager-item.index a .circle .icon svg .cls-1 {
    fill: #ff9598;
    stroke-width: 0px;
  }
}

/*------------------------------------------------------*/
/*  page-blog */
/*------------------------------------------------------*/
.page-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 116px 0 96px;
}
.page-blog .page-casestudy__coming {
  width: 100%;
  padding-bottom: 0;
  margin-top: 14px;
}
.page-blog .page-casestudy__coming .title {
  font-weight: 600;
}
.page-blog__main {
  width: calc(100% - 430px);
  padding-top: 6px;
}
.page-blog__main .result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding: 0 120px 56px;
}
.page-blog__main .result-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 38px;
}
.page-blog__main .result-title {
  font-size: 3.4rem;
  line-height: 4.6rem;
}
.page-blog__main .result-title .-pink {
  color: #ff9598;
  margin-right: 8px;
}
.page-blog__main .top-blog__list {
  padding: 0 120px;
}
.page-blog__main .top-blog__list > li {
  width: calc((100% - 24px) / 2);
}
.page-blog__main .pager {
  width: calc(100% + 430px);
  margin-top: 89px;
}
.page-blog__main .pager-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-blog__main .pager-all__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-blog__main .pager-all__list li a {
  font-size: 3.1rem;
  font-weight: 600;
  padding: 10px 22px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-blog__main .pager-all__list li a.-current {
  color: #ff9598;
}
.page-blog__main .pager-all__list li a.-current span::before {
  width: 100%;
}
.page-blog__main .pager-all__list li a span {
  position: relative;
  padding-bottom: 2px;
}
.page-blog__main .pager-all__list li a span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 6px;
  background: #ff9598;
}
@media screen and (min-width: 751px) {
  .page-blog__main .pager-all__list li a:hover {
    color: #ff9598;
  }
}
.page-blog__main .pager-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}
.page-blog__main .pager-option.-hide {
  display: none;
}
.page-blog__main .pager-option__devider {
  width: 2px;
  height: 80px;
  background-size: 2px 6px;
  background-image: linear-gradient(to bottom, #ddd, #ddd 2px, transparent 2px, transparent 6px);
  background-repeat: repeat-y;
  margin: 0 166px;
}
.page-blog__main .pager-item.-hide {
  opacity: 0;
  pointer-events: none;
}
.page-blog__main .pager-item.next > a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.page-blog__main .pager-item.next > a .circle {
  margin-right: 0;
  margin-left: 50px;
}
.page-blog__main .pager-item.next > a .circle .icon {
  left: 52%;
}
.page-blog__main .pager-item.prev > a .circle .icon > svg {
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.page-blog__main .pager-item > a .circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  position: relative;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  margin-right: 50px;
}
.page-blog__main .pager-item > a .circle .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 12px;
  left: 48%;
}
.page-blog__main .pager-item > a .circle .icon.-arrow {
  width: 21px;
}
.page-blog__main .pager-item > a .circle .icon.-arrow > svg .st0 {
  fill: none;
  stroke: #ff9b9b;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4.5px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-blog__main .pager-item > a .circle .icon > svg .st0 {
  fill: #FF9B9B;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-blog__main .pager-item > a .txt {
  font-size: 2.4rem;
  letter-spacing: 0.02em;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-blog__main .pager-item > a .txt > .-fontp {
  font-size: 2.6rem;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 751px) {
  .page-blog__main .pager-item > a:hover .circle {
    background: #ff9598;
  }
  .page-blog__main .pager-item > a:hover .circle .icon:not(.-arrow) > svg .st0 {
    fill: #fff;
  }
  .page-blog__main .pager-item > a:hover .circle .icon.-arrow > svg .st0 {
    stroke: #fff;
  }
  .page-blog__main .pager-item > a:hover .txt {
    color: #ff9598;
  }
}
.page-blog__side {
  position: relative;
  width: 430px;
  pointer-events: none;
}
.page-blog__side--inner {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding-right: 120px;
  pointer-events: auto;
}
.page-blog__side--inner.-fixed {
  position: fixed;
  width: 430px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.page-blog__side--inner.-fixed::-webkit-scrollbar {
  display: none;
}
.page-blog__side--inner .coverbox {
  padding-bottom: 60px;
}
.page-blog__side .block + .block {
  margin-top: 61px;
}
.page-blog__side .block-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.page-blog__side .block-head__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.page-blog__side .block-head__icon.-i1 {
  width: 27px;
}
.page-blog__side .block-head__icon.-i2 {
  width: 29px;
}
.page-blog__side .block-head__icon.-i3 {
  width: 28px;
}
.page-blog__side .block-head__ttl {
  font-size: 2.5rem;
  font-weight: 700;
}
.page-blog__side .block-category {
  margin-top: 30px;
}
.page-blog__side .block-category li {
  width: 100%;
}
.page-blog__side .block-category li + li {
  margin-top: 10px;
}
.page-blog__side .block-category li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
  background: #fff;
  border-radius: 999px;
  font-size: 1.7rem;
  line-height: 3.3rem;
  padding: 14px 24px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-blog__side .block-category li a::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff9598;
}
@media screen and (min-width: 751px) {
  .page-blog__side .block-category li a:hover {
    color: #ff9598;
  }
}
.page-blog__side .block-tag {
  margin-top: 30px;
}
.page-blog__side .block-tag__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 8px;
}
.page-blog__side .block-tag__list li a {
  font-size: 1.6rem;
  line-height: 2.4rem;
  background: #fff;
  border-radius: 999px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  padding: 4px 12px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
@media screen and (min-width: 751px) {
  .page-blog__side .block-tag__list li a:hover {
    background: #ff9598;
    color: #fff;
  }
}
.page-blog__side .block-tag__morebutton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 26px;
}
.page-blog__side .block-tag__morebutton.-hide {
  display: none;
}
.page-blog__side .block-tag__morebutton button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: inherit;
  cursor: pointer;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.page-blog__side .block-tag__morebutton button .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff9598;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-blog__side .block-tag__morebutton button .icon svg {
  width: 13px;
}
.page-blog__side .block-tag__morebutton button .icon svg .st0 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6px;
}
@media screen and (min-width: 751px) {
  .page-blog__side .block-tag__morebutton button:hover {
    color: #ff9598;
  }
}
.page-blog__side .block-reading {
  margin-top: 35px;
}
.page-blog__side .block-reading__list li + li {
  margin-top: 20px;
}
.page-blog__side .block-reading__list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.page-blog__side .block-reading__list li a .image {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: start;
      align-self: flex-start;
  width: 134px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-blog__side .block-reading__list li a .image::before {
  padding-top: 78px;
}
.page-blog__side .block-reading__list li a .image img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.page-blog__side .block-reading__list li a h4 {
  font-family: inherit;
  font-weight: 500;
}
@media screen and (min-width: 751px) {
  .page-blog__side .block-reading__list li a:hover {
    color: #ff9598;
  }
  .page-blog__side .block-reading__list li a:hover .image img {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
}
.page-blog__side .block-reading__morebutton {
  margin-top: 65px;
}
.page-blog__side .block-reading__morebutton a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
  position: relative;
  width: 100%;
  height: 60px;
  background: #fff;
  font-family: inherit;
  font-size: 1.7rem;
  color: #ff9598;
  font-weight: 500;
  border-radius: 999px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  padding-left: 30px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.page-blog__side .block-reading__morebutton a .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-blog__side .block-reading__morebutton a .icon svg {
  width: 20px;
}
.page-blog__side .block-reading__morebutton a .icon svg .st0 {
  fill: #ff9b9b;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.page-blog__side .block-reading__morebutton a .icon svg .st1 {
  fill: none;
  stroke: #ff9b9b;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3.5px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.page-blog__side .block-reading__morebutton a .text {
  position: relative;
  top: -1px;
}
@media screen and (min-width: 751px) {
  .page-blog__side .block-reading__morebutton a:hover {
    background: #ff9598;
    color: #fff;
  }
  .page-blog__side .block-reading__morebutton a:hover .icon svg .st0 {
    fill: #fff;
  }
  .page-blog__side .block-reading__morebutton a:hover .icon svg .st1 {
    stroke: #fff;
  }
}
@media screen and (max-width: 1400px) {
  .page-blog__main .top-blog__list {
    padding: 0 80px;
  }
}
@media screen and (max-width: 1270px) {
  .page-blog__main {
    width: calc(100% - 390px);
  }
  .page-blog__main .top-blog__list > li {
    width: 100%;
  }
  .page-blog__main .top-blog__list > li a .image::before {
    padding-top: 300px;
  }
  .page-blog__main .top-blog__list > li a .detail-circle {
    top: 235px;
  }
  .page-blog__main .pager {
    width: calc(100% + 390px);
  }
  .page-blog__side {
    width: 390px;
  }
  .page-blog__side--inner {
    padding-right: 80px;
  }
  .page-blog__side--inner.-fixed {
    width: 390px;
  }
}
@media screen and (max-width: 1060px) {
  .page-blog__main .top-blog__list > li a .image::before {
    padding-top: 240px;
  }
  .page-blog__main .top-blog__list > li a .detail-circle {
    top: 175px;
  }
}
@media screen and (max-width: 950px) {
  .page-blog {
    display: block;
  }
  .page-blog__main {
    width: 100%;
    padding-top: 0;
  }
  .page-blog__main > #-js--blog_main__check {
    height: initial !important;
  }
  .page-blog__main .top-blog__list > li a .detail-circle {
    top: initial;
  }
  .page-blog__main .pager {
    width: 100%;
    padding: 0 80px;
  }
  .page-blog__main .pager-all__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 300px;
  }
  .page-blog__main .pager-all__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 0;
    width: 60px;
  }
  .page-blog__main .pager-option {
    gap: 60px;
  }
  .page-blog__main .pager-option__devider {
    display: none;
  }
  .page-blog__main .pager-item.-ten a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-blog__main .pager-item.-ten a .circle {
    margin: 0 0 12px !important;
  }
  .page-blog__side {
    width: 100%;
    padding: 100px 80px 0;
  }
  .page-blog__side--inner {
    position: static !important;
    padding-right: 0;
    height: initial !important;
  }
  .page-blog__side--inner .coverbox {
    padding-top: 0 !important;
  }
  .page-blog__side .block-reading__list li a .image {
    width: calc((100% - 24px) * 0.3);
  }
  .page-blog__side .block-reading__list li a .image::before {
    padding-top: 60%;
  }
  .page-blog__side .block-reading__list li a .detail {
    width: calc((100% - 24px) * 0.7);
    padding-top: 10px;
  }
  .page-blog__side .block-reading__list li a .detail .ttl {
    margin-bottom: 12px;
  }
  .page-blog__side .block-reading__list li a .detail .focus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
  }
  .page-blog__side .block-reading__list li a .detail .focus-text {
    font-size: 1.6rem;
    color: #ff9598;
  }
  .page-blog__side .block-reading__list li a .detail .focus-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    top: 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ff9598;
  }
  .page-blog__side .block-reading__list li a .detail .focus-circle img {
    width: 13px;
  }
  .page-blog__side .block-reading__morebutton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-blog__side .block-reading__morebutton a {
    width: 340px;
  }
}
@media screen and (max-width: 750px) {
  .page-blog {
    padding: 88px 0 120px;
  }
  .page-blog .page-casestudy__coming {
    margin-top: -10px;
  }
  .page-blog__main .result {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 30px 44px;
  }
  .page-blog__main .result-icon {
    width: 28px;
  }
  .page-blog__main .result-title {
    font-size: 2.7rem;
    line-height: 3.9rem;
  }
  .page-blog__main .result-title .-pink {
    margin-right: 6px;
  }
  .page-blog__main .top-blog__list {
    padding: 0 20px;
  }
  .page-blog__main .top-blog__list > li a .image::before {
    padding-top: 56.5%;
  }
  .page-blog__main .pager {
    padding: 0 20px;
    margin-top: 64px;
  }
  .page-blog__main .pager-all__list li a {
    width: 44px;
    font-size: 2.3rem;
    font-weight: 500;
    padding: 3px 0;
  }
  .page-blog__main .pager-all__list li a span {
    padding-bottom: 0;
  }
  .page-blog__main .pager-all__list li a span::before {
    height: 4px;
  }
  .page-blog__main .pager-option {
    gap: 36px;
    margin-top: 28px;
  }
  .page-blog__main .pager-item.-ten a .circle {
    width: 65px;
    height: 65px;
    margin-bottom: 8px !important;
  }
  .page-blog__main .pager-item.next > a .circle {
    margin-left: 12px;
  }
  .page-blog__main .pager-item > a .circle {
    width: 45px;
    height: 45px;
    margin-right: 12px;
  }
  .page-blog__main .pager-item > a .circle .icon {
    width: 10px;
  }
  .page-blog__main .pager-item > a .circle .icon.-arrow {
    width: 16px;
  }
  .page-blog__main .pager-item > a .circle .icon.-arrow > svg .st0 {
    fill: none;
    stroke: #ff9b9b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.5px;
  }
  .page-blog__main .pager-item > a .txt {
    font-size: 1.9rem;
  }
  .page-blog__main .pager-item > a .txt > .-fontp {
    font-size: 1.9rem;
  }
  .page-blog__side {
    padding: 78px 20px 0;
  }
  .page-blog__side--inner .coverbox {
    padding-bottom: 0;
  }
  .page-blog__side .block + .block {
    margin-top: 57px;
  }
  .page-blog__side .block-head {
    gap: 18px;
    margin-left: 10px;
  }
  .page-blog__side .block-head__icon.-i1 {
    width: 25px;
  }
  .page-blog__side .block-head__icon.-i2 {
    width: 27px;
  }
  .page-blog__side .block-head__icon.-i3 {
    width: 26px;
  }
  .page-blog__side .block-head__ttl {
    font-size: 2.2rem;
  }
  .page-blog__side .block-category {
    margin-top: 21px;
  }
  .page-blog__side .block-category li + li {
    margin-top: 6px;
  }
  .page-blog__side .block-category li a {
    gap: 10px;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 20px 30px;
  }
  .page-blog__side .block-category li a::before {
    width: 10px;
    height: 10px;
  }
  .page-blog__side .block-tag {
    margin-top: 22px;
  }
  .page-blog__side .block-tag__list {
    gap: 12px;
    padding: 0 10px;
  }
  .page-blog__side .block-tag__list li a {
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 3px 10px 4px;
  }
  .page-blog__side .block-tag__morebutton {
    margin-top: 30px;
  }
  .page-blog__side .block-tag__morebutton button {
    gap: 10px;
    font-size: 1.6rem;
  }
  .page-blog__side .block-tag__morebutton button .icon {
    width: 26px;
    height: 26px;
  }
  .page-blog__side .block-tag__morebutton button .icon svg {
    width: 12px;
  }
  .page-blog__side .block-tag__morebutton button .icon svg .st0 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
  }
  .page-blog__side .block-reading {
    margin-top: 30px;
  }
  .page-blog__side .block-reading__list {
    padding: 0 10px;
  }
  .page-blog__side .block-reading__list li + li {
    margin-top: 14px;
  }
  .page-blog__side .block-reading__list li a {
    gap: 24px;
    font-size: 1.5rem;
    line-height: 2.6rem;
  }
  .page-blog__side .block-reading__list li a .image {
    width: calc((100% - 24px) * 0.44);
  }
  .page-blog__side .block-reading__list li a .image::before {
    padding-top: 60%;
  }
  .page-blog__side .block-reading__list li a .detail {
    width: calc((100% - 24px) * 0.56);
    padding-top: 3px;
  }
  .page-blog__side .block-reading__list li a .detail .ttl {
    margin-bottom: 6px;
  }
  .page-blog__side .block-reading__list li a .detail .focus {
    gap: 10px;
  }
  .page-blog__side .block-reading__list li a .detail .focus-circle {
    width: 26px;
    height: 26px;
  }
  .page-blog__side .block-reading__list li a .detail .focus-circle img {
    width: 13px;
  }
  .page-blog__side .block-reading__morebutton {
    margin-top: 61px;
  }
  .page-blog__side .block-reading__morebutton a {
    gap: 74px;
    width: 335px;
    max-width: 100%;
    font-size: 1.6rem;
  }
  .page-blog__side .block-reading__morebutton a .icon svg {
    width: 18px;
  }
  .page-blog__side .block-reading__morebutton a .icon svg .st0 {
    fill: #ff9b9b;
  }
  .page-blog__side .block-reading__morebutton a .icon svg .st1 {
    fill: none;
    stroke: #ff9b9b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.5px;
  }
}

.page-blogsingle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 116px 0 106px;
}
.page-blogsingle__main {
  padding-left: 78px;
  padding-right: 52px;
}
.page-blogsingle__main .box {
  width: 100%;
  background: #fff;
  border-radius: 50px;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
  padding: 67px 68px 88px;
}
.page-blogsingle__main .box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 24px;
  position: relative;
  width: 100%;
  padding-bottom: 49px;
  margin-bottom: 50px;
}
.page-blogsingle__main .box-head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-size: 6px 2px;
  background-image: linear-gradient(to right, #ff9598, #ff9598 2px, transparent 2px, transparent 6px);
  background-repeat: repeat-x;
  width: 100%;
  height: 2px;
}
.page-blogsingle__main .box-head__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  font-size: 1.9rem;
  line-height: 2.4rem;
  color: #ff9598;
}
.page-blogsingle__main .box-head__category::before {
  content: "";
  position: relative;
  top: 7px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff9598;
}
.page-blogsingle__main .box-head__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.7rem;
}
.page-blogsingle__main .box-head__ttl {
  width: 100%;
  font-size: 3.4rem;
  line-height: 4.6rem;
  font-weight: 700;
  margin-top: 31px;
}
.page-blogsingle__main .box-head__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 6px;
  margin-top: 33px;
}
.page-blogsingle__main .box-head__tag li {
  -ms-flex-item-align: start;
      align-self: flex-start;
  background: #fff;
  font-size: 1.6rem;
  line-height: 2.4rem;
  border-radius: 999px;
  padding: 2px 13px;
  -webkit-box-shadow: 4px 2px 10px rgba(176, 176, 176, 0.3);
          box-shadow: 4px 2px 10px rgba(176, 176, 176, 0.3);
}
.page-blogsingle__main .box-body__lead .image {
  width: 740px;
  max-width: 100%;
  border-radius: 50px;
  overflow: hidden;
}
.page-blogsingle__main .box-body__lead .image + .text {
  margin-top: 37px;
}
.page-blogsingle__main .box-body__lead .text {
  font-size: 1.9rem;
  line-height: 4.1rem;
}
.page-blogsingle__main .box-body__lead .text strong, .page-blogsingle__main .box-body__lead .text b {
  font-weight: 700;
}
.page-blogsingle__main .box-body__lead .text span {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #ff9598;
  text-decoration-thickness: 4px;
  text-underline-offset: 6px;
}
.page-blogsingle__main .box-body__toc {
  margin: 53px 0 80px;
}
.page-blogsingle__main .box-body__toc .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 31px;
}
.page-blogsingle__main .box-body__toc .heading-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 21px;
}
.page-blogsingle__main .box-body__toc .heading-text {
  font-size: 2.5rem;
  line-height: 3.6rem;
  font-weight: 700;
}
.page-blogsingle__main .box-body__toc .list {
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(176, 176, 176, 0.2) inset;
          box-shadow: 0px 0px 15px 4px rgba(176, 176, 176, 0.2) inset;
  padding: 30px 40px;
}
.page-blogsingle__main .box-body__toc .list > li {
  position: relative;
}
.page-blogsingle__main .box-body__toc .list > li + li {
  padding-top: 27px;
  margin-top: 28px;
}
.page-blogsingle__main .box-body__toc .list > li + li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-size: 6px 2px;
  background-image: linear-gradient(to right, #878787, #878787 2px, transparent 2px, transparent 6px);
  background-repeat: repeat-x;
  width: 100%;
  height: 2px;
}
.page-blogsingle__main .box-body__toc .list li ul.-first > li:first-child {
  padding: 0;
}
.page-blogsingle__main .box-body__toc .list li ul.-first > li:first-child a .number {
  width: 40px;
  font-size: 2.6rem;
}
.page-blogsingle__main .box-body__toc .list li ul.-first > li:first-child a .ttl {
  font-size: 1.9rem;
  line-height: 4.1rem;
}
.page-blogsingle__main .box-body__toc .list li ul.-first > li:first-child a .arrow {
  background: #ff9598;
  top: 6px;
}
.page-blogsingle__main .box-body__toc .list li ul.-first > li:first-child a .arrow svg .st0 {
  stroke: #fff;
}
.page-blogsingle__main .box-body__toc .list li ul.-second {
  padding: 15px 40px 0;
}
.page-blogsingle__main .box-body__toc .list li ul.-second li + li {
  margin-top: 13px;
}
.page-blogsingle__main .box-body__toc .list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.page-blogsingle__main .box-body__toc .list li a .number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: 2px;
  width: 48px;
  font-size: 2.1rem;
  color: #ff9598;
}
.page-blogsingle__main .box-body__toc .list li a .ttl {
  font-size: 1.7rem;
  line-height: 3.3rem;
}
.page-blogsingle__main .box-body__toc .list li a .arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  top: 3px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 4px 2px 10px rgba(176, 176, 176, 0.3);
          box-shadow: 4px 2px 10px rgba(176, 176, 176, 0.3);
  margin-left: 18px;
}
.page-blogsingle__main .box-body__toc .list li a .arrow svg {
  width: 13px;
}
.page-blogsingle__main .box-body__toc .list li a .arrow svg .st0 {
  fill: none;
  stroke: #ff9598;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6px;
}
@media screen and (min-width: 751px) {
  .page-blogsingle__main .box-body__toc .list li a:hover {
    color: #ff9598;
  }
  .page-blogsingle__main .box-body__toc .list li a:hover .arrow {
    -webkit-animation: blog-toc__arrow 0.4s ease-out;
            animation: blog-toc__arrow 0.4s ease-out;
  }
}
.page-blogsingle__main .box-body__block + .box-body__block {
  margin-top: 70px;
}
.page-blogsingle__main .box-body__block:last-child > *:last-child {
  margin-bottom: 0;
}
.page-blogsingle__main .box-body__block .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  position: relative;
  left: -30px;
  width: calc(100% + 60px);
  margin-bottom: 40px;
}
.page-blogsingle__main .box-body__block .heading-circle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
          box-shadow: 8px 4px 14px rgba(176, 176, 176, 0.3);
}
.page-blogsingle__main .box-body__block .heading-circle .-fontp {
  font-size: 4.6rem;
  font-weight: 500;
  color: #ff9598;
}
.page-blogsingle__main .box-body__block .heading-ttl {
  font-size: 3.4rem;
  line-height: 4.6rem;
  font-weight: 700;
}
.page-blogsingle__main .box-body__block .lead {
  margin-bottom: 60px;
}
.page-blogsingle__main .box-body__block dl + dl {
  margin-top: 71px;
}
.page-blogsingle__main .box-body__block dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 2.7rem;
  line-height: 4rem;
  font-weight: 700;
  padding-bottom: 30px;
  margin-bottom: 24px;
}
.page-blogsingle__main .box-body__block dl dt .-fontp {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: 2px;
  width: 74px;
  font-size: 3.2rem;
  font-weight: 500;
  color: #ff9598;
}
.page-blogsingle__main .box-body__block dl dt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-size: 6px 2px;
  background-image: linear-gradient(to right, #ff9598, #ff9598 2px, transparent 2px, transparent 6px);
  background-repeat: repeat-x;
  width: 100%;
  height: 2px;
}
.page-blogsingle__main .box-body__block dl dd:not(.option) {
  font-size: 1.9rem;
  line-height: 4.1rem;
}
.page-blogsingle__main .box-body__block dl dd:not(.option) > * + * {
  margin-top: 40px;
}
.page-blogsingle__main .box-body__block dl dd:not(.option) > * a {
  line-height: 1.3;
  color: #ff9598;
  background: linear-gradient(transparent 0%, transparent calc(100% - 1px), #ff9598 calc(100% - 1px), #ff9598 100%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left;
  -webkit-transition: background-size 0.2s ease-out;
  transition: background-size 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .page-blogsingle__main .box-body__block dl dd:not(.option) > * a:hover {
    background-position: right;
    background-size: 0 100%;
  }
}
.page-blogsingle__main .box-body__block dl dd:not(.option) > * span {
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #ff9598;
  text-decoration-thickness: 4px;
  text-underline-offset: 6px;
}
.page-blogsingle__main .box-body__block dl dd:not(.option) > * strong, .page-blogsingle__main .box-body__block dl dd:not(.option) > * b {
  font-weight: 700;
}
.page-blogsingle__main .box-body__block dl dd:not(.option) > * img {
  width: 740px;
  max-width: 100%;
  height: initial;
  border-radius: 50px;
}
.page-blogsingle__main .box-body__block dl dd.option {
  margin-top: 43px;
}
.page-blogsingle__main .box-body__block dl dd.option.-link ul li + li {
  position: relative;
  padding-top: 17px;
  margin-top: 16px;
}
.page-blogsingle__main .box-body__block dl dd.option.-link ul li + li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-size: 6px 2px;
  background-image: linear-gradient(to right, #878787, #878787 2px, transparent 2px, transparent 6px);
  background-repeat: repeat-x;
  width: 100%;
  height: 2px;
}
.page-blogsingle__main .box-body__block dl dd.option.-link ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  font-size: 1.7rem;
  line-height: 3.3rem;
  color: #ff9598;
  padding: 6px 0;
}
.page-blogsingle__main .box-body__block dl dd.option.-link ul li a .linetext > span {
  background: linear-gradient(transparent 0%, transparent calc(100% - 1px), #ff9598 calc(100% - 1px), #ff9598 100%);
  background-repeat: no-repeat;
  background-size: 0 100%;
  background-position: right;
  -webkit-transition: background-size 0.4s ease-out;
  transition: background-size 0.4s ease-out;
}
.page-blogsingle__main .box-body__block dl dd.option.-link ul li a[target=_blank] .circle-arrow::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
@media screen and (min-width: 751px) {
  .page-blogsingle__main .box-body__block dl dd.option.-link ul li a[target=_blank]:hover .circle {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
}
.page-blogsingle__main .box-body__block dl dd.option.-link ul li a .circle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff9598;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.page-blogsingle__main .box-body__block dl dd.option.-link ul li a .circle-arrow::before {
  content: "";
  display: block;
  width: 13px;
  height: 12px;
  background: url(../../assets/images/common/icon/more1_bold.svg) 0 0 no-repeat;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media screen and (min-width: 751px) {
  .page-blogsingle__main .box-body__block dl dd.option.-link ul li a:hover .linetext > span {
    background-size: 100% 100%;
    background-position: left;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-link ul li a:hover .circle {
    -webkit-transform: translateX(2px);
            transform: translateX(2px);
  }
}
.page-blogsingle__main .box-body__block dl dd.option.-list .option-body {
  padding-top: 27px;
  padding-bottom: 30px;
}
.page-blogsingle__main .box-body__block dl dd.option.-list ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  font-size: 1.7rem;
  line-height: 3.3rem;
}
.page-blogsingle__main .box-body__block dl dd.option.-list ul li + li {
  margin-top: 13px;
}
.page-blogsingle__main .box-body__block dl dd.option.-list ul li::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: 14px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff9598;
}
.page-blogsingle__main .box-body__block dl dd.option.-detail .option-body {
  padding-top: 27px;
  padding-bottom: 26px;
}
.page-blogsingle__main .box-body__block dl dd.option.-detail ul li {
  font-size: 1.7rem;
  line-height: 3.3rem;
}
.page-blogsingle__main .box-body__block dl dd.option.-detail ul li + li {
  margin-top: 13px;
}
.page-blogsingle__main .box-body__block dl dd.option.-detail ul li .term {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  font-weight: 700;
}
.page-blogsingle__main .box-body__block dl dd.option.-detail ul li .term::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  top: 14px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff9598;
}
.page-blogsingle__main .box-body__block dl dd.option.-detail ul li .description {
  margin-top: 5px;
  padding-left: 22px;
}
.page-blogsingle__main .box-body__block dl dd .option-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 30px;
}
.page-blogsingle__main .box-body__block dl dd .option-head__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
}
.page-blogsingle__main .box-body__block dl dd .option-head__icon.-note {
  width: 24px;
}
.page-blogsingle__main .box-body__block dl dd .option-head__icon.-right {
  width: 20px;
}
.page-blogsingle__main .box-body__block dl dd .option-head__icon.-pen {
  width: 23px;
}
.page-blogsingle__main .box-body__block dl dd .option-head__ttl {
  font-size: 2.2rem;
  line-height: 3.4rem;
  font-weight: 700;
}
.page-blogsingle__main .box-body__block dl dd .option-body {
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 15px 4px rgba(176, 176, 176, 0.2) inset;
          box-shadow: 0px 0px 15px 4px rgba(176, 176, 176, 0.2) inset;
  padding: 22px 40px;
}
.page-blogsingle .related, .page-blogsingle .pager {
  width: calc(100% + 430px);
  padding: 0 78px;
}
.page-blogsingle .related {
  margin-top: 100px;
}
.page-blogsingle .related .top-blog__ttl {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-right: 40px;
  margin-bottom: 40px;
}
.page-blogsingle .related .top-blog__ttl .icon {
  top: 0;
}
.page-blogsingle .related .top-blog__list {
  padding: 0 40px;
}
.page-blogsingle .related .top-blog__list > li {
  width: calc((100% - 48px) / 3);
}
.page-blogsingle .pager {
  margin-top: 114px;
}
.page-blogsingle .pager-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
.page-blogsingle .pager-item.next a .circle {
  margin-left: 38px;
}
.page-blogsingle .pager-item.index a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.page-blogsingle .pager-item.index a .circle {
  margin-right: 0;
  margin-left: 38px;
}
.page-blogsingle .pager-item a .circle {
  margin-right: 38px;
}
.page-blogsingle .pager-item a .circle .icon.-book {
  left: 50%;
  width: 27px;
}
.page-blogsingle .pager-item a .circle .icon.-book svg .st0 {
  fill: none;
  stroke: #ff9b9b;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 4.5px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
@media screen and (min-width: 751px) {
  .page-blogsingle .pager-item a:hover .circle .icon.-book svg .st0 {
    stroke: #fff;
    fill: #ff9598;
  }
}
@media screen and (max-width: 1400px) {
  .page-blogsingle .related .top-blog__list {
    padding: 0;
  }
}
@media screen and (max-width: 1270px) {
  .page-blogsingle__main {
    padding-left: 40px;
    padding-right: 40px;
  }
  .page-blogsingle__main .box {
    padding: 52px 40px 60px;
  }
  .page-blogsingle__main .box-body__toc .list li ul.-second {
    padding-right: 0;
  }
  .page-blogsingle__main .box-body__block .heading {
    left: 0;
    width: 100%;
  }
  .page-blogsingle .related, .page-blogsingle .pager {
    width: calc(100% + 390px);
    padding: 0 40px;
  }
  .page-blogsingle .related .top-blog__list > li {
    width: calc((100% - 24px) / 2);
  }
}
@media screen and (max-width: 950px) {
  .page-blogsingle {
    display: block;
  }
  .page-blogsingle .related, .page-blogsingle .pager {
    width: 100%;
  }
  .page-blogsingle .related .top-blog__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
    padding: 0;
  }
  .page-blogsingle .related .top-blog__ttl .icon {
    position: relative;
    top: initial;
    right: initial;
    -webkit-transform: none;
            transform: none;
  }
  .page-blogsingle .related .top-blog__list > li {
    width: 100%;
  }
  .page-blogsingle .pager {
    margin-top: 90px;
  }
  .page-blogsingle .pager-index {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 60px 80px;
  }
  .page-blogsingle .pager-item.prev, .page-blogsingle .pager-item.next {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .page-blogsingle .pager-item.prev a, .page-blogsingle .pager-item.next a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-blogsingle .pager-item.prev a .circle, .page-blogsingle .pager-item.next a .circle {
    margin: 0 0 12px !important;
  }
  .page-blogsingle .pager-item.index {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .page-blogsingle {
    padding: 89px 0 90px;
  }
  .page-blogsingle__main {
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-blogsingle__main .box {
    border-radius: 30px;
    padding: 29px 30px 93px;
  }
  .page-blogsingle__main .box-head {
    padding-bottom: 26px;
    margin-bottom: 51px;
  }
  .page-blogsingle__main .box-head__category {
    gap: 9px;
    font-size: 1.5rem;
    line-height: 3.3rem;
  }
  .page-blogsingle__main .box-head__category::before {
    top: 12px;
    width: 10px;
    height: 10px;
  }
  .page-blogsingle__main .box-head__date {
    font-size: 1.5rem;
  }
  .page-blogsingle__main .box-head__ttl {
    font-size: 2.4rem;
    line-height: 3.4rem;
    margin-top: 10px;
  }
  .page-blogsingle__main .box-head__tag {
    gap: 6px;
    margin-top: 20px;
  }
  .page-blogsingle__main .box-head__tag li {
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 3px 11px 4px;
  }
  .page-blogsingle__main .box-body__lead .image {
    position: relative;
    left: -10px;
    width: calc(100% + 20px);
    border-radius: 25px;
  }
  .page-blogsingle__main .box-body__lead .image + .text {
    margin-top: 24px;
  }
  .page-blogsingle__main .box-body__lead .text {
    font-size: 1.6rem;
    line-height: 3.1rem;
  }
  .page-blogsingle__main .box-body__toc {
    margin: 37px 0 84px;
  }
  .page-blogsingle__main .box-body__toc .heading {
    gap: 16px;
    margin-bottom: 20px;
  }
  .page-blogsingle__main .box-body__toc .heading-icon {
    width: 13px;
  }
  .page-blogsingle__main .box-body__toc .heading-text {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }
  .page-blogsingle__main .box-body__toc .list {
    border-radius: 20px;
    padding: 21px 30px 28px;
  }
  .page-blogsingle__main .box-body__toc .list > li + li {
    padding-top: 19px;
    margin-top: 21px;
  }
  .page-blogsingle__main .box-body__toc .list li ul.-first > li:first-child a .number {
    width: 24px;
    font-size: 1.9rem;
  }
  .page-blogsingle__main .box-body__toc .list li ul.-first > li:first-child a .ttl {
    font-size: 1.6rem;
    line-height: 3.1rem;
  }
  .page-blogsingle__main .box-body__toc .list li ul.-first > li:first-child a .arrow {
    top: 4px;
  }
  .page-blogsingle__main .box-body__toc .list li ul.-second {
    padding-top: 6px;
    padding-left: 24px;
  }
  .page-blogsingle__main .box-body__toc .list li ul.-second li + li {
    margin-top: 8px;
  }
  .page-blogsingle__main .box-body__toc .list li a .number {
    width: 34px;
    font-size: 1.7rem;
  }
  .page-blogsingle__main .box-body__toc .list li a .ttl {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 1.5rem;
    line-height: 2.6rem;
  }
  .page-blogsingle__main .box-body__toc .list li a .arrow {
    width: 26px;
    height: 26px;
    margin-left: 10px;
  }
  .page-blogsingle__main .box-body__toc .list li a .arrow svg {
    width: 13px;
  }
  .page-blogsingle__main .box-body__toc .list li a .arrow svg .st0 {
    fill: none;
    stroke: #ff9598;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
  }
  .page-blogsingle__main .box-body__block + .box-body__block {
    margin-top: 76px;
  }
  .page-blogsingle__main .box-body__block .heading {
    gap: 24px;
    left: -10px;
    width: calc(100% + 20px);
    margin-bottom: 37px;
  }
  .page-blogsingle__main .box-body__block .heading-circle {
    width: 65px;
    height: 65px;
  }
  .page-blogsingle__main .box-body__block .heading-circle .-fontp {
    font-size: 3.3rem;
    font-weight: 500;
  }
  .page-blogsingle__main .box-body__block .heading-ttl {
    font-size: 2.7rem;
    line-height: 3.9rem;
  }
  .page-blogsingle__main .box-body__block .lead {
    margin-bottom: 38px;
  }
  .page-blogsingle__main .box-body__block dl + dl {
    margin-top: 44px;
  }
  .page-blogsingle__main .box-body__block dl dt {
    font-size: 2.1rem;
    line-height: 3rem;
    padding-bottom: 22px;
    margin-bottom: 15px;
  }
  .page-blogsingle__main .box-body__block dl dt .-fontp {
    width: 48px;
    font-size: 2.3rem;
    font-weight: 500;
  }
  .page-blogsingle__main .box-body__block dl dd:not(.option) {
    font-size: 1.6rem;
    line-height: 3.1rem;
  }
  .page-blogsingle__main .box-body__block dl dd:not(.option) > * + * {
    margin-top: 24px;
  }
  .page-blogsingle__main .box-body__block dl dd:not(.option) > * img {
    position: relative;
    left: -10px;
    max-width: calc(100% + 20px);
    border-radius: 25px;
  }
  .page-blogsingle__main .box-body__block dl dd.option {
    margin-top: 30px;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-link ul li a {
    gap: 10px;
    font-size: 1.5rem;
    line-height: 2.6rem;
    padding: 4px 0;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-link ul li a .circle {
    width: 26px;
    height: 26px;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-link ul li a .circle-arrow::before {
    width: 12px;
    height: 11px;
    background: url(../../assets/images/sp/common/icon/more1_bold.svg) 0 0 no-repeat;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-list .option-body {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-list ul li {
    gap: 10px;
    font-size: 1.5rem;
    line-height: 2.6rem;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-list ul li + li {
    margin-top: 13px;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-list ul li::before {
    top: 10px;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-detail .option-body {
    padding-top: 24px;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-detail ul li {
    font-size: 1.5rem;
    line-height: 2.6rem;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-detail ul li + li {
    margin-top: 13px;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-detail ul li .term {
    gap: 10px;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-detail ul li .term::before {
    top: 10px;
  }
  .page-blogsingle__main .box-body__block dl dd.option.-detail ul li .description {
    margin-top: 8px;
    padding-left: 17px;
  }
  .page-blogsingle__main .box-body__block dl dd .option-head {
    gap: 18px;
    margin-bottom: 21px;
  }
  .page-blogsingle__main .box-body__block dl dd .option-head__icon {
    width: 17px;
  }
  .page-blogsingle__main .box-body__block dl dd .option-head__icon.-note {
    width: 17px;
  }
  .page-blogsingle__main .box-body__block dl dd .option-head__icon.-right {
    width: 16px;
  }
  .page-blogsingle__main .box-body__block dl dd .option-head__icon.-pen {
    width: 17px;
  }
  .page-blogsingle__main .box-body__block dl dd .option-head__ttl {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }
  .page-blogsingle__main .box-body__block dl dd .option-body {
    border-radius: 20px;
    padding: 20px 30px;
  }
  .page-blogsingle .related, .page-blogsingle .pager {
    padding: 0 20px;
  }
  .page-blogsingle .related {
    margin-top: 53px;
  }
  .page-blogsingle .related .top-blog__ttl {
    margin-bottom: 43px;
  }
  .page-blogsingle .pager {
    margin-top: 79px;
  }
  .page-blogsingle .pager-index {
    gap: 56px 74px;
  }
  .page-blogsingle .pager-item.prev a .circle, .page-blogsingle .pager-item.next a .circle {
    width: 65px;
    height: 65px;
    margin-bottom: 7px !important;
  }
  .page-blogsingle .pager-item.index a .circle {
    margin-left: 10px;
  }
  .page-blogsingle .pager-item.index a .circle .icon {
    width: 20px;
  }
  .page-blogsingle .pager-item.index a .circle .icon svg .st0 {
    fill: none;
    stroke: #ff9b9b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3.5px;
  }
  .page-blogsingle .pager-item a .circle .icon.-book {
    width: 19px;
  }
  .page-blogsingle .pager-item a .circle .icon.-book svg .st0 {
    fill: none;
    stroke: #ff9b9b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4px;
  }
  .page-blogsingle .page-blog__side {
    padding-top: 84px;
  }
}