@charset "UTF-8";
/* CSS Document */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/
/  mixin                                                     */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
time,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background-color: transparent;
  list-style: none;
  font-style: normal;
  font-weight: 400; }

header,
article,
footer,
aside,
nav,
small,
section {
  display: block; }

p {
  line-height: 2; }

li,
ol li {
  list-style-type: none; }

a img {
  border-style: none; }

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #010101; }
  a:hover {
    opacity: 0.7;
    transition: 0.3s; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  border-style: none; }

table {
  width: 100%;
  border-collapse: collapse; }

table th,
table td {
  vertical-align: top; }

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

@media screen and (min-width: 751px) and (max-width: 1200px) {
  html {
    font-size: calc(1vw * 100 / 1200); } }
@media (min-width: 1201px) {
  html {
    font-size: 0.0625rem; } }
@media (max-width: 750px) {
  html {
    font-size: calc(1vw * 100 / 750); } }

body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "meiryo", "ＭＳ Ｐゴシック", sans-serif;
  color: #010101; }
  @media (min-width: 751px) {
    body {
      font-size: 16rem; } }
  @media (max-width: 750px) {
    body {
      font-size: 28rem; } }

.arial {
  font-family: 'Arial'; }

@media (min-width: 751px) {
  .pc__none {
    display: none; } }

@media (max-width: 750px) {
  .sp__none {
    display: none; } }

.text__center {
  text-align: center; }

@media (min-width: 751px) {
  .cmn__inner {
    width: 1090rem;
    margin: 0 auto; } }
@media (max-width: 750px) {
  .cmn__inner {
    margin: 0 20rem; } }

.js__animate {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.75s; }

.js__animate1 {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.75s;
  transition-delay: .3s; }

.js__animate2 {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.75s;
  transition-delay: .6s; }

.js__animate3 {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.75s;
  transition-delay: .9s; }

.js__animate4 {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.75s;
  transition-delay: 1.2s; }

@keyframes poyopoyo {
  0%,
    40%,
    60%,
    80% {
    transform: scale(1); }
  50%,
    70% {
    transform: scale(0.95); } }
@keyframes arrow {
  0% {
    transform: translate(0, -30rem); }
  60% {
    transform: translate(0, 30rem); }
  100% {
    transform: translate(0, 0); }
  0%,
    60% {
    opacity: 0; }
  30%,100% {
    opacity: 1; } }
.header {
  height: 105rem;
  background: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 50;
  -webkit-transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
  transition: height cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s; }
  @media (min-width: 751px) {
    .header.js__fixed {
      position: fixed;
      z-index: 3000;
      width: 100%;
      height: 45rem; } }
  @media (min-width: 751px) {
    .header.js__fixed .header__inner-left {
      width: 240rem; } }
  .header.js__fixed .header__inner-left h1 {
    display: flex;
    align-items: center; }
    @media (min-width: 751px) {
      .header.js__fixed .header__inner-left h1 img {
        width: 88rem;
        height: 34.5rem; } }
  .header.js__fixed .header__inner-right nav li a br {
    display: none; }
  @media (min-width: 751px) {
    .header.js__fixed .header__inner-right nav li:last-of-type a {
      font-size: 30rem; } }
  .header__inner {
    display: flex;
    height: 100%; }
    @media (min-width: 751px) {
      .header__inner {
        width: 1200rem;
        margin: 0 auto;
        border-bottom: 1rem solid #027cf4; } }
    @media (max-width: 750px) {
      .header__inner {
        align-items: center;
        justify-content: space-between;
        margin: 0 20rem; } }
    @media (min-width: 751px) {
      .header__inner-left {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 260rem; } }
    .header__inner-left img {
      width: 176rem;
      height: 69rem; }
    @media (min-width: 751px) {
      .header__inner-right nav {
        height: 100%; } }
    @media (max-width: 750px) {
      .header__inner-right nav {
        display: none;
        transition: 0.3s; } }
    @media (max-width: 750px) {
      .header__inner-right nav.on {
        right: 0;
        transition: 0.3s;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        background: #fff;
        font-size: 16rem;
        box-sizing: border-box;
        z-index: 2;
        transition: 0.3s;
        padding: 140rem 60rem 30rem 60rem;
        z-index: 1000;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0; } }
    @media (min-width: 751px) {
      .header__inner-right nav ul {
        display: flex;
        height: 100%; } }
    @media (min-width: 751px) {
      .header__inner-right nav ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; } }
    @media (min-width: 751px) {
      .header__inner-right nav ul li:first-of-type a {
        border-left: 3rem solid #027cf4; } }
    .header__inner-right nav ul li:not(:last-of-type) a {
      color: #027cf4;
      font-weight: 700;
      text-align: center;
      position: relative; }
      @media (min-width: 751px) {
        .header__inner-right nav ul li:not(:last-of-type) a {
          padding: 0 24rem;
          border-right: 3rem solid #027cf4;
          min-width: 180rem; } }
      @media (max-width: 750px) {
        .header__inner-right nav ul li:not(:last-of-type) a {
          font-size: 32rem;
          display: block;
          border-bottom: 1rem dashed #027cf4;
          padding: 10rem; } }
    .header__inner-right nav ul li:last-of-type a {
      color: #0845c1;
      font-weight: 900; }
      @media (min-width: 751px) {
        .header__inner-right nav ul li:last-of-type a {
          font-size: 48rem;
          width: 220rem; } }
      @media (max-width: 750px) {
        .header__inner-right nav ul li:last-of-type a {
          font-size: 70rem;
          display: block;
          text-align: center;
          padding: 10rem; } }
  @media (max-width: 750px) {
    .header__sp {
      font-weight: 700;
      position: relative;
      box-sizing: border-box;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      z-index: 1001;
      width: 58rem;
      height: 65rem; } }
  @media (max-width: 750px) {
    .header__sp:after {
      content: 'MENU';
      position: absolute;
      color: #027cf4;
      font-size: 21rem;
      position: absolute;
      bottom: -4rem;
      left: -2rem; } }
  @media (max-width: 750px) {
    .header__sp.active {
      position: fixed;
      right: 20rem;
      top: 20rem; } }
  @media (max-width: 750px) {
    .header__sp.active:after {
      content: 'CLOSE';
      left: -6rem;
      bottom: -11rem; } }
  @media (max-width: 750px) {
    .header__sp span {
      background: #027cf4;
      position: absolute;
      width: 59rem;
      height: 3px;
      left: 0;
      -webkit-transition: all 0.3s;
      transition: all 0.3s; }
      .header__sp span:nth-of-type(1) {
        top: 0;
        transition: 0.3s; }
      .header__sp span.close {
        display: none;
        transition: 0.3s; } }
  @media (max-width: 750px) {
    .header__sp span:nth-of-type(2) {
      top: 15rem; } }
  .header__sp span:nth-of-type(2).close {
    display: block;
    transform: rotate(-45deg);
    transition: 0.3s;
    z-index: 10; }
  @media (max-width: 750px) {
    .header__sp span:nth-of-type(3) {
      top: 30rem; } }
  .header__sp span:nth-of-type(3).close {
    transform: rotate(45deg);
    transition: 0.3s;
    display: block;
    z-index: 10; }
    @media (max-width: 750px) {
      .header__sp span:nth-of-type(3).close {
        top: 15rem; } }

.mv {
  margin-bottom: 60rem;
  padding-top: 105rem;
  text-align: center; }
  .mv img {
    width: 100%;
    max-width: 1200rem; }

.first {
  margin-bottom: 50rem; }
  .first.first__bg {
    margin-bottom: 0;
    padding-bottom: 120rem;
    background-image: url(../images/top/first__bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top; }
    @media screen and (min-width: 751px) and (max-width: 1200px) {
      .first.first__bg {
        padding-top: 185rem; } }
    @media (min-width: 1201px) {
      .first.first__bg {
        padding-top: calc(185 / 1200 * 100vw); } }
    @media (max-width: 750px) {
      .first.first__bg {
        padding-top: 240rem; } }
    .first.first__bg .cmn__inner {
      position: relative; }
      .first.first__bg .cmn__inner:before {
        background: rgba(255, 255, 255, 0.65);
        width: 100%;
        position: absolute;
        top: 10rem;
        content: '';
        left: 0; }
        @media (min-width: 751px) {
          .first.first__bg .cmn__inner:before {
            height: 170rem; } }
        @media (max-width: 750px) {
          .first.first__bg .cmn__inner:before {
            height: 450rem; } }
      .first.first__bg .cmn__inner h2,
      .first.first__bg .cmn__inner div {
        position: relative; }
  .first .cmn__inner {
    border-top: 3rem solid #027cf4;
    border-bottom: 3rem solid #027cf4; }
    @media (min-width: 751px) {
      .first .cmn__inner {
        padding: 39rem 0 39rem 45rem;
        display: flex;
        align-items: center; } }
    @media (max-width: 750px) {
      .first .cmn__inner {
        padding: 25rem 0; } }
    .first .cmn__inner h2 {
      color: #027cf4;
      font-weight: 700; }
      @media (min-width: 751px) {
        .first .cmn__inner h2 {
          font-size: 30rem; } }
      @media (max-width: 750px) {
        .first .cmn__inner h2 {
          font-size: 36rem; } }
    @media (min-width: 751px) {
      .first .cmn__inner div {
        width: 760rem;
        margin-left: 55rem; } }
    @media (min-width: 751px) {
      .first .cmn__inner div p {
        font-size: 18rem; } }
    @media (max-width: 750px) {
      .first .cmn__inner div p {
        font-size: 30rem; } }
    .first .cmn__inner div p span {
      color: #e30000;
      font-weight: 700; }
      @media (min-width: 751px) {
        .first .cmn__inner div p span {
          font-size: 20rem; } }
      @media (max-width: 750px) {
        .first .cmn__inner div p span {
          font-size: 32rem; } }

.second {
  position: relative;
  z-index: 3; }
  .second__inner {
    display: block; }
    @media (min-width: 751px) {
      .second__inner {
        width: 938rem;
        margin: 0 auto 100rem; } }
    @media (max-width: 750px) {
      .second__inner {
        margin: 0 20rem 100rem; } }

.third {
  background: #94dad8;
  padding: 80rem 0 90rem;
  position: relative; }
  .third:after {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 153rem 230.5rem 0 230.5rem;
    border-color: #94dad8 transparent transparent transparent; }
    @media (min-width: 751px) {
      .third:after {
        bottom: -153rem; } }
    @media (max-width: 750px) {
      .third:after {
        bottom: -152rem; } }
  .third .cmn__inner {
    background: #fff;
    border-radius: 15rem; }
    @media (min-width: 751px) {
      .third .cmn__inner {
        padding: 50rem 0 235rem; } }
    @media (max-width: 750px) {
      .third .cmn__inner {
        padding: 50rem 0 120rem; } }
  .third__head {
    text-align: center; }
    .third__head h2 {
      color: #027cf4;
      font-weight: 700;
      line-height: 1.5;
      position: relative;
      display: inline-block;
      margin-bottom: 100rem; }
      @media (min-width: 751px) {
        .third__head h2 {
          font-size: 36rem; } }
      @media (max-width: 750px) {
        .third__head h2 {
          font-size: 32rem; } }
      .third__head h2:after {
        position: absolute;
        content: '';
        background-image: url(../images/top/border.svg);
        background-size: contain;
        background-repeat: no-repeat;
        bottom: -10rem;
        left: 10rem; }
        @media (min-width: 751px) {
          .third__head h2:after {
            width: 670rem;
            height: 10rem; } }
        @media (max-width: 750px) {
          .third__head h2:after {
            width: 670rem;
            height: 10rem; } }
      .third__head h2 span {
        font-weight: 700; }
        @media (min-width: 751px) {
          .third__head h2 span {
            font-size: 48rem; } }
        @media (max-width: 750px) {
          .third__head h2 span {
            font-size: 48rem; } }
  @media (min-width: 751px) {
    .third__separate {
      display: flex;
      justify-content: space-between;
      padding-left: 25rem;
      padding-right: 55rem; } }
  @media (max-width: 750px) {
    .third__separate {
      margin-bottom: 50rem; } }
  .third__separate img {
    width: 450rem;
    height: 445rem; }
    @media (max-width: 750px) {
      .third__separate img {
        display: block;
        margin: 0 auto 50rem; } }
  @media (min-width: 751px) {
    .third__separate div {
      width: 490rem; } }
  @media (max-width: 750px) {
    .third__separate div {
      margin: 0 20rem; } }
  .third__separate div h3 {
    margin-bottom: 40rem;
    font-weight: 700;
    position: relative; }
    @media (min-width: 751px) {
      .third__separate div h3 {
        display: inline-block; } }
    @media (max-width: 750px) {
      .third__separate div h3 {
        text-align: center; } }
    .third__separate div h3:before {
      position: absolute;
      background: #010101;
      content: ''; }
      @media (min-width: 751px) {
        .third__separate div h3:before {
          top: 20rem;
          transform: rotate(60deg);
          right: -40rem;
          width: 37rem;
          height: 1px; } }
      @media (max-width: 750px) {
        .third__separate div h3:before {
          top: 24rem;
          transform: rotate(-60deg);
          right: -12rem;
          width: 37rem;
          height: 1px; } }
    .third__separate div h3:after {
      position: absolute;
      top: 20rem;
      background: #010101;
      content: ''; }
      @media (min-width: 751px) {
        .third__separate div h3:after {
          transform: rotate(-60deg);
          left: -40rem;
          width: 37rem;
          height: 1px; } }
      @media (max-width: 750px) {
        .third__separate div h3:after {
          transform: rotate(60deg);
          left: -12rem;
          width: 37rem;
          height: 1px; } }
    @media (min-width: 751px) {
      .third__separate div h3 {
        font-size: 24rem; } }
    @media (max-width: 750px) {
      .third__separate div h3 {
        font-size: 36rem; } }
  .third__separate div ul {
    padding-left: 85rem; }
    .third__separate div ul li {
      position: relative;
      font-weight: 700;
      display: flex;
      align-items: baseline;
      margin-bottom: 20rem; }
      @media (min-width: 751px) {
        .third__separate div ul li {
          font-size: 24rem; } }
      @media (max-width: 750px) {
        .third__separate div ul li {
          font-size: 34rem; } }
      .third__separate div ul li:before {
        content: '';
        position: absolute;
        left: -45rem;
        width: 23rem;
        height: 18rem;
        background-image: url(../images/top/arrow.svg);
        background-size: contain;
        background-repeat: no-repeat; }
        @media (min-width: 751px) {
          .third__separate div ul li:before {
            top: 5rem; } }
        @media (max-width: 750px) {
          .third__separate div ul li:before {
            top: 18rem; } }
      .third__separate div ul li span {
        font-weight: 700;
        color: #e30000; }
        @media (min-width: 751px) {
          .third__separate div ul li span {
            font-size: 24rem; } }
        @media (max-width: 750px) {
          .third__separate div ul li span {
            font-size: 34rem; } }
      .third__separate div ul li strong {
        font-weight: 700; }
        @media (min-width: 751px) {
          .third__separate div ul li strong {
            font-size: 16rem; } }
  .third__caution {
    position: relative;
    text-align: right;
    padding-top: 110rem;
    margin-bottom: 65rem; }
    .third__caution:after {
      position: absolute;
      content: '';
      right: 0;
      top: 0;
      background: #027cf4; }
      @media (min-width: 751px) {
        .third__caution:after {
          width: 547rem;
          height: 548rem; } }
      @media (max-width: 750px) {
        .third__caution:after {
          width: 547rem;
          height: 548rem; } }
    .third__caution ul {
      position: absolute;
      top: 50rem;
      z-index: 3; }
      @media (min-width: 751px) {
        .third__caution ul {
          left: 95rem; } }
      @media (max-width: 750px) {
        .third__caution ul {
          left: 15rem; } }
      .third__caution ul li {
        color: #fff;
        font-weight: 700;
        display: flex;
        align-items: center; }
        @media (min-width: 751px) {
          .third__caution ul li {
            font-size: 28rem; } }
        .third__caution ul li:nth-of-type(1) {
          width: 332rem;
          height: 132rem;
          background-image: url(../images/top/caution1.svg);
          background-size: contain;
          background-repeat: no-repeat;
          padding-left: 35rem;
          margin-bottom: 45rem; }
        .third__caution ul li:nth-of-type(2) {
          width: 341rem;
          height: 147rem;
          background-image: url(../images/top/caution2.svg);
          background-size: contain;
          background-repeat: no-repeat;
          padding-left: 24rem;
          margin-left: 35rem;
          margin-bottom: 55rem; }
        .third__caution ul li:nth-of-type(3) {
          width: 339rem;
          height: 93rem;
          background-image: url(../images/top/caution3.svg);
          background-size: contain;
          background-repeat: no-repeat;
          padding-left: 20rem;
          margin-left: 90rem; }
    .third__caution img {
      position: relative;
      z-index: 2; }
      @media (min-width: 751px) {
        .third__caution img {
          width: 665rem;
          height: 502rem;
          margin-right: 60rem; } }
  .third__check {
    position: relative;
    text-align: left; }
    .third__check:before {
      position: absolute;
      content: '';
      left: 0;
      top: 70rem;
      background: #027cf4; }
      @media (min-width: 751px) {
        .third__check:before {
          width: 314rem;
          height: 544rem; } }
      @media (max-width: 750px) {
        .third__check:before {
          width: 314rem;
          height: 544rem; } }
    .third__check ul {
      position: absolute;
      right: 60rem;
      top: 60rem;
      z-index: 3; }
      .third__check ul li {
        color: #fff;
        font-weight: 700;
        display: flex;
        align-items: center; }
        @media (min-width: 751px) {
          .third__check ul li {
            font-size: 28rem; } }
        .third__check ul li:nth-of-type(1) {
          width: 375rem;
          height: 153rem;
          background-image: url(../images/top/check1.svg);
          background-size: contain;
          background-repeat: no-repeat;
          padding-left: 65rem;
          margin-bottom: 235rem; }
        .third__check ul li:nth-of-type(2) {
          width: 270rem;
          height: 132rem;
          background-image: url(../images/top/check2.svg);
          background-size: contain;
          background-repeat: no-repeat;
          padding-left: 60rem;
          margin-left: 35rem; }
    @media (min-width: 751px) {
      .third__check div {
        margin-left: 100rem; } }
    .third__check div img {
      position: relative; }
      .third__check div img:nth-of-type(1) {
        z-index: 3; }
        @media (min-width: 751px) {
          .third__check div img:nth-of-type(1) {
            width: 594rem;
            height: 397rem; } }
      .third__check div img:nth-of-type(2) {
        z-index: 2; }
        @media (min-width: 751px) {
          .third__check div img:nth-of-type(2) {
            width: 594rem;
            height: 397rem;
            margin-left: 60rem;
            margin-top: -95rem; } }

.fourth {
  padding-top: 200rem;
  margin-bottom: 85rem; }
  .fourth__inner {
    text-align: center; }
    @media (min-width: 751px) {
      .fourth__inner {
        width: 788rem;
        margin: 0 auto; } }
    @media (max-width: 750px) {
      .fourth__inner {
        margin: 0 20rem; } }
    .fourth__inner img {
      animation: poyopoyo 2s ease-out infinite;
      opacity: 1; }
    .fourth__inner-text1 {
      margin-bottom: 30rem;
      font-weight: 500; }
      @media (min-width: 751px) {
        .fourth__inner-text1 {
          font-size: 20rem; } }
      @media (max-width: 750px) {
        .fourth__inner-text1 br {
          display: none; } }
    .fourth__inner-text2 {
      font-weight: 500;
      margin-bottom: 45rem; }
      @media (min-width: 751px) {
        .fourth__inner-text2 {
          font-size: 20rem; } }
      .fourth__inner-text2 span {
        color: #0845c1;
        display: block;
        font-weight: 700; }
        @media (min-width: 751px) {
          .fourth__inner-text2 span {
            line-height: 1;
            font-size: 48rem; } }
        @media (max-width: 750px) {
          .fourth__inner-text2 span {
            font-size: 48rem;
            line-height: 2; } }
  .fourth__inner1 {
    background: #94dad8;
    border-radius: 26rem;
    box-shadow: 16rem 10rem 7rem rgba(0, 0, 0, 0.11); }
    @media (min-width: 751px) {
      .fourth__inner1 {
        width: 1020rem;
        margin: 0 auto;
        padding: 20rem;
        display: flex;
        justify-content: center; } }
    @media (max-width: 750px) {
      .fourth__inner1 {
        padding: 30rem;
        margin: 0 20rem; } }
    @media (min-width: 751px) {
      .fourth__inner1 img {
        width: 331rem;
        height: 338rem; } }
    @media (max-width: 750px) {
      .fourth__inner1 img {
        width: 331rem;
        display: block;
        margin: 0 auto 30rem; } }
    @media (min-width: 751px) {
      .fourth__inner1 div {
        padding-top: 20rem;
        margin-left: 85rem; } }
    @media (max-width: 750px) {
      .fourth__inner1 div {
        text-align: center; } }
    .fourth__inner1 div p {
      color: #000;
      font-weight: 500; }
      @media (min-width: 751px) {
        .fourth__inner1 div p {
          font-size: 24rem; } }
      .fourth__inner1 div p:nth-of-type(3) {
        position: relative; }
        .fourth__inner1 div p:nth-of-type(3):before {
          content: '';
          background: #f4ec1a;
          position: absolute;
          width: 375rem;
          height: 27rem; }
          @media (min-width: 751px) {
            .fourth__inner1 div p:nth-of-type(3):before {
              left: -10rem;
              top: -40rem; } }
          @media (max-width: 750px) {
            .fourth__inner1 div p:nth-of-type(3):before {
              left: 160rem;
              top: -40rem; } }
    .fourth__inner1 div strong {
      color: #0845c1;
      position: relative;
      z-index: 3;
      font-weight: 700;
      text-shadow: 4rem 2rem 0 #fff, -4rem -2rem 0 #fff, -4rem 2rem 0 #fff, 4rem -2rem 0 #fff, 0px 2rem 0 #fff, -4rem 0 #fff, -4rem 0 0 #fff, 4rem 0 0 #fff;
      display: inline-block; }
      @media (min-width: 751px) {
        .fourth__inner1 div strong {
          font-size: 48rem; } }
      @media (max-width: 750px) {
        .fourth__inner1 div strong {
          font-size: 48rem; } }
    .fourth__inner1 div small {
      font-weight: 500; }
      @media (min-width: 751px) {
        .fourth__inner1 div small {
          font-size: 20rem; } }

.five {
  margin-bottom: 80rem; }
  @media (min-width: 751px) {
    .five__inner {
      width: 1080rem;
      margin: 0 auto; } }
  @media (max-width: 750px) {
    .five__inner {
      margin: 0 20rem; } }
  .five__inner-head {
    margin-bottom: 85rem; }
    .five__inner-head h2 {
      display: inline-block;
      color: #0845c1;
      position: relative;
      font-weight: 500; }
      .five__inner-head h2:before {
        content: '';
        position: absolute;
        left: 16rem;
        bottom: -20rem;
        width: 490rem;
        height: 10rem;
        background-image: url(../images/top/five__arrow.svg);
        background-size: contain;
        background-repeat: no-repeat; }
      @media (min-width: 751px) {
        .five__inner-head h2 {
          font-size: 48rem; } }
      @media (max-width: 750px) {
        .five__inner-head h2 {
          font-size: 48rem; } }
      .five__inner-head h2 span {
        display: block;
        font-weight: 500; }
        @media (min-width: 751px) {
          .five__inner-head h2 span {
            font-size: 36rem; } }
        @media (max-width: 750px) {
          .five__inner-head h2 span {
            font-size: 36rem; } }
      .five__inner-head h2 strong {
        font-weight: 700; }
  .five__inner h3 {
    color: #000;
    font-weight: 700;
    position: relative;
    margin-bottom: 60rem; }
    .five__inner h3:after {
      content: '';
      position: absolute;
      width: 71rem;
      height: 103rem;
      background-image: url(../images/top/fire.svg);
      background-size: contain;
      background-repeat: no-repeat; }
      @media (min-width: 751px) {
        .five__inner h3:after {
          right: 16rem;
          top: 20rem; } }
      @media (max-width: 750px) {
        .five__inner h3:after {
          right: 60rem;
          top: 75rem; } }
    @media (min-width: 751px) {
      .five__inner h3 {
        font-size: 44rem; } }
    @media (max-width: 750px) {
      .five__inner h3 {
        font-size: 44rem; } }
    .five__inner h3 strong {
      font-weight: 700;
      color: #0845c1; }
      @media (min-width: 751px) {
        .five__inner h3 strong {
          font-size: 88rem; } }
      @media (max-width: 750px) {
        .five__inner h3 strong {
          font-size: 88rem; } }
  .five__inner div {
    position: relative; }
    @media (min-width: 751px) {
      .five__inner div img:nth-of-type(1) {
        width: 743rem;
        display: block;
        margin: 0 auto; } }
    @media (min-width: 751px) {
      .five__inner div img:nth-of-type(2) {
        position: absolute;
        width: 436rem;
        height: 153rem;
        top: 35%;
        left: 33%; } }
    @media (max-width: 750px) {
      .five__inner div img:nth-of-type(2) {
        position: absolute;
        width: 436rem;
        height: 153rem;
        top: 35%;
        left: 22%; } }

.six {
  background-image: url(../images/top/six__bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 90rem;
  padding-bottom: 90rem;
  position: relative;
  z-index: -3; }
  @media (min-width: 751px) {
    .six__inner {
      width: 1020rem;
      margin: 0 auto; } }
  @media (max-width: 750px) {
    .six__inner {
      margin: 0 20rem; } }
  .six__inner-block h2 {
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 700;
    text-shadow: 3rem 3rem 3rem #fff, -3rem 3rem 3rem #fff, 3rem -3rem 3rem #fff, -3rem -3rem 3rem #fff, 3rem 0px 3rem #fff, 0px 3rem 3rem #fff, -3rem 0px 3rem #fff, 0px -3rem 3rem #fff; }
    @media (min-width: 751px) {
      .six__inner-block h2 {
        margin-bottom: 120rem;
        font-size: 36rem;
        padding-left: 50rem; } }
    @media (max-width: 750px) {
      .six__inner-block h2 {
        margin-bottom: 120rem;
        font-size: 36rem;
        position: relative;
        padding-left: 80rem; } }
    .six__inner-block h2 span {
      color: #fff;
      width: 77rem;
      text-shadow: none;
      height: 77rem;
      font-weight: 700;
      font-size: 36rem;
      background: #027cf4;
      border-radius: 50%;
      border: 2rem solid #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15rem;
      box-shadow: 16rem 10rem 7rem rgba(0, 0, 0, 0.11); }
      @media (max-width: 750px) {
        .six__inner-block h2 span {
          position: absolute;
          left: -12rem;
          top: 10rem; } }
  .six__inner-block:nth-of-type(1) {
    margin-bottom: 90rem; }
    .six__inner-block:nth-of-type(1) .detail:before {
      content: '';
      position: absolute;
      left: 60rem;
      top: -110rem;
      width: 151rem;
      height: 243rem;
      background-image: url(../images/top/six__before.png);
      background-size: contain;
      background-repeat: no-repeat; }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(1) .detail {
        padding: 140rem 30rem 60rem 30rem; } }
    @media (max-width: 750px) {
      .six__inner-block:nth-of-type(1) .detail {
        padding: 140rem 15rem 30rem 15rem; } }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(1) .detail img {
        width: 793rem;
        margin: 0 auto 40rem;
        display: block; } }
    @media (max-width: 750px) {
      .six__inner-block:nth-of-type(1) .detail img {
        display: block;
        margin-bottom: 40rem; } }
    .six__inner-block:nth-of-type(1) .detail h3 {
      left: 240rem; }
      .six__inner-block:nth-of-type(1) .detail h3 span:before {
        width: 311rem;
        height: 88rem;
        left: -65rem;
        top: -35rem; }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(1) .detail h4 {
        padding-left: 20rem; } }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(1) .detail .bottom__six {
        margin-bottom: 40rem; } }
  .six__inner-block:nth-of-type(2) {
    margin-bottom: 90rem; }
    .six__inner-block:nth-of-type(2) .detail:before {
      content: '';
      position: absolute;
      right: 60rem;
      top: -110rem;
      width: 147rem;
      height: 220rem;
      background-image: url(../images/top/six2__before.png);
      background-size: contain;
      background-repeat: no-repeat; }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(2) .detail {
        padding: 140rem 30rem 60rem 30rem; } }
    @media (max-width: 750px) {
      .six__inner-block:nth-of-type(2) .detail {
        padding: 140rem 15rem 30rem 15rem; } }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(2) .detail img {
        width: 791rem;
        margin: 0 auto 40rem;
        display: block; } }
    @media (max-width: 750px) {
      .six__inner-block:nth-of-type(2) .detail img {
        margin-bottom: 40rem;
        display: block; } }
    .six__inner-block:nth-of-type(2) .detail h3 {
      right: 275rem;
      width: 391rem; }
      .six__inner-block:nth-of-type(2) .detail h3 span:before {
        width: 391rem;
        height: 88rem;
        left: -107rem;
        top: -35rem; }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(2) .detail h4 {
        padding-left: 85rem; } }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(2) .detail .bottom__six {
        margin-bottom: 10rem; } }
  .six__inner-block:nth-of-type(3) {
    margin-bottom: 90rem; }
    .six__inner-block:nth-of-type(3) .detail:before {
      content: '';
      position: absolute;
      right: 60rem;
      top: -110rem;
      width: 156rem;
      height: 226rem;
      background-image: url(../images/top/six3__before.png);
      background-size: contain;
      background-repeat: no-repeat; }
    .six__inner-block:nth-of-type(3) .detail:after {
      content: '';
      position: absolute;
      left: -15rem;
      top: -110rem;
      width: 199rem;
      height: 265rem;
      background-image: url(../images/top/six3__woman.png);
      background-size: contain;
      background-repeat: no-repeat; }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(3) .detail {
        padding: 140rem 30rem 60rem 30rem; } }
    @media (max-width: 750px) {
      .six__inner-block:nth-of-type(3) .detail {
        padding: 140rem 15rem 30rem 15rem; } }
    .six__inner-block:nth-of-type(3) .detail h3 {
      right: 275rem;
      width: 391rem; }
      .six__inner-block:nth-of-type(3) .detail h3 span:before {
        width: 391rem;
        height: 88rem;
        left: -107rem;
        top: -35rem; }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(3) .detail h4 {
        font-size: 26rem;
        padding-left: 85rem; } }
    @media (max-width: 750px) {
      .six__inner-block:nth-of-type(3) .detail h4 {
        font-size: 22rem;
        line-height: 2; } }
    .six__inner-block:nth-of-type(3) .detail .separate {
      display: flex;
      justify-content: space-between; }
      .six__inner-block:nth-of-type(3) .detail .separate div {
        position: relative; }
        @media (min-width: 751px) {
          .six__inner-block:nth-of-type(3) .detail .separate div .img {
            width: 473rem; } }
        .six__inner-block:nth-of-type(3) .detail .separate div .title {
          position: absolute;
          width: 125rem;
          height: 185rem;
          bottom: 85rem;
          animation: arrow 3.5s; }
          @media (min-width: 751px) {
            .six__inner-block:nth-of-type(3) .detail .separate div .title {
              right: 45rem; } }
          @media (max-width: 750px) {
            .six__inner-block:nth-of-type(3) .detail .separate div .title {
              right: 20rem; } }
        .six__inner-block:nth-of-type(3) .detail .separate div .title1 {
          position: absolute;
          width: 145rem;
          height: 185rem;
          animation: arrow 3.5s; }
          @media (min-width: 751px) {
            .six__inner-block:nth-of-type(3) .detail .separate div .title1 {
              right: 0;
              bottom: 107rem; } }
          @media (max-width: 750px) {
            .six__inner-block:nth-of-type(3) .detail .separate div .title1 {
              right: -25rem;
              bottom: 87rem; } }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(3) .detail .caution {
        margin-top: 15rem;
        padding-left: 70rem;
        width: 777rem;
        display: block;
        margin-bottom: 50rem; } }
    @media (max-width: 750px) {
      .six__inner-block:nth-of-type(3) .detail .caution {
        margin-bottom: 50rem;
        display: block; } }
    .six__inner-block:nth-of-type(3) .detail .bottom__six p span {
      display: flex;
      justify-content: center;
      align-items: baseline; }
      @media (min-width: 751px) {
        .six__inner-block:nth-of-type(3) .detail .bottom__six p span {
          width: 830rem;
          margin: 0 auto;
          font-size: 29rem; } }
      @media (max-width: 750px) {
        .six__inner-block:nth-of-type(3) .detail .bottom__six p span {
          font-size: 26rem; } }
      .six__inner-block:nth-of-type(3) .detail .bottom__six p span small {
        font-weight: 700; }
        @media (min-width: 751px) {
          .six__inner-block:nth-of-type(3) .detail .bottom__six p span small {
            font-size: 18rem; } }
        @media (max-width: 750px) {
          .six__inner-block:nth-of-type(3) .detail .bottom__six p span small {
            font-size: 20rem; } }
    @media (min-width: 751px) {
      .six__inner-block:nth-of-type(3) .detail .bottom__six {
        margin-bottom: 10rem; } }
  .six__inner .detail {
    background: #fff;
    position: relative;
    border-radius: 26rem;
    z-index: -2; }
    .six__inner .detail h3 {
      position: absolute;
      background: #fbef64;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700; }
      @media (min-width: 751px) {
        .six__inner .detail h3 {
          font-size: 29rem;
          width: 312rem;
          height: 88rem;
          top: -30rem; } }
      @media (max-width: 750px) {
        .six__inner .detail h3 {
          width: 312rem;
          height: 88rem;
          font-size: 29rem;
          top: -30rem; } }
      .six__inner .detail h3 span {
        position: relative;
        font-weight: 700; }
        .six__inner .detail h3 span:before {
          content: '';
          position: absolute;
          background: transparent;
          border: 4rem solid #000; }
    .six__inner .detail h4 {
      font-weight: 700;
      margin-bottom: 40rem; }
      @media (min-width: 751px) {
        .six__inner .detail h4 {
          font-size: 32rem; } }
      @media (max-width: 750px) {
        .six__inner .detail h4 {
          font-size: 27rem; } }
      .six__inner .detail h4 span {
        font-weight: 700; }
        @media (max-width: 750px) {
          .six__inner .detail h4 span {
            display: inline-block; } }
        .six__inner .detail h4 span.js__underline {
          position: relative; }
          .six__inner .detail h4 span.js__underline:after {
            content: '';
            background: #f4ec1a;
            position: absolute;
            width: 0;
            transition: 1.2s;
            z-index: -1;
            bottom: -5rem;
            left: 0; }
            @media (min-width: 751px) {
              .six__inner .detail h4 span.js__underline:after {
                height: 26rem; } }
            @media (max-width: 750px) {
              .six__inner .detail h4 span.js__underline:after {
                height: 26rem; } }
          .six__inner .detail h4 span.js__underline.active:after {
            width: 100%; }
    .six__inner .detail .bottom__six p {
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
      text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff; }
      @media (min-width: 751px) {
        .six__inner .detail .bottom__six p {
          font-size: 24rem; } }
      .six__inner .detail .bottom__six p span {
        font-weight: 700;
        text-shadow: 2rem 2rem 0 #fff, -2rem -2rem 0 #fff, -2rem 2rem 0 #fff, 2rem -2rem 0 #fff, 0px 2rem 0 #fff, -2rem 0 #fff, -2rem 0 0 #fff, 2rem 0 0 #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #0845c1), to(#0845c1));
        background: -webkit-linear-gradient(transparent 0%, transparent 50%, #0845c1 50%, #0845c1 100%);
        background: -o-linear-gradient(transparent 0%, transparent 50%, #0845c1 50%, #0845c1 100%);
        background: linear-gradient(transparent 0%, transparent 50%, #0845c1 50%, #0845c1 100%); }

.seven__inner {
  position: relative;
  padding: 60rem 0 50rem; }
  @media (min-width: 751px) {
    .seven__inner {
      width: 1090rem;
      margin: 0 auto; } }
  @media (max-width: 750px) {
    .seven__inner {
      margin: 0 20rem; } }
  .seven__inner:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 290rem;
    height: 632rem;
    background-image: url(../images/top/seven.jpg);
    background-size: contain;
    background-repeat: no-repeat; }
  .seven__inner p:nth-of-type(1) {
    text-align: center; }
    @media (min-width: 751px) {
      .seven__inner p:nth-of-type(1) {
        font-size: 38rem;
        margin-bottom: 40rem; } }
    @media (max-width: 750px) {
      .seven__inner p:nth-of-type(1) {
        font-size: 38rem;
        margin-bottom: 40rem; } }
  .seven__inner p:nth-of-type(2) {
    font-weight: 700; }
    @media (min-width: 751px) {
      .seven__inner p:nth-of-type(2) {
        padding-left: 250rem;
        font-size: 36rem; } }
    @media (max-width: 750px) {
      .seven__inner p:nth-of-type(2) {
        font-size: 36rem;
        position: relative;
        z-index: 3; } }
    .seven__inner p:nth-of-type(2) span {
      font-weight: 700;
      color: #ca0000;
      text-shadow: 2rem 2rem 0 #fff, -2rem -2rem 0 #fff, -2rem 2rem 0 #fff, 2rem -2rem 0 #fff, 0px 2rem 0 #fff, -2rem 0 #fff, -2rem 0 0 #fff, 2rem 0 0 #fff; }
  @media (min-width: 751px) {
    .seven__inner ul {
      margin-left: 205rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 505rem;
      margin-bottom: 25rem; } }
  @media (max-width: 750px) {
    .seven__inner ul {
      width: 55%; } }
  .seven__inner ul li {
    color: #000;
    display: flex;
    font-weight: 700;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fbef64;
    padding: 27rem 30rem;
    margin-bottom: 25rem;
    text-shadow: 2rem 2rem 0 #fff, -2rem -2rem 0 #fff, -2rem 2rem 0 #fff, 2rem -2rem 0 #fff, 0px 2rem 0 #fff, -2rem 0 #fff, -2rem 0 0 #fff, 2rem 0 0 #fff; }
    @media (min-width: 751px) {
      .seven__inner ul li {
        font-size: 30rem;
        width: 240rem; } }

.cv {
  background-image: url(../images/top/cv.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90rem 0 70rem;
  text-align: center;
  position: relative;
  z-index: 3; }
  @media (min-width: 751px) {
    .cv img {
      width: 938rem; } }
  @media (max-width: 750px) {
    .cv img {
      width: 90%;
      margin: 0 auto;
      display: block; } }

.eight {
  background: -moz-linear-gradient(top, #94dad8, #fff);
  background: -webkit-linear-gradient(top, #94dad8, #fff);
  background: linear-gradient(to bottom, #94dad8, #fff);
  padding: 120rem 0 45rem; }
  @media (min-width: 751px) {
    .eight__inner {
      width: 1010rem;
      margin: 0 auto; } }
  @media (max-width: 750px) {
    .eight__inner {
      margin: 0 20rem; } }
  .eight__inner-head {
    text-align: center; }
    @media (min-width: 751px) {
      .eight__inner-head {
        margin-bottom: 150rem; } }
    @media (max-width: 750px) {
      .eight__inner-head {
        margin-bottom: 75rem; } }
    .eight__inner-head h2 {
      color: #027cf4;
      font-weight: 700;
      line-height: 1.5;
      position: relative;
      display: inline-block; }
      @media (min-width: 751px) {
        .eight__inner-head h2 {
          font-size: 36rem;
          margin-bottom: 100rem; } }
      @media (max-width: 750px) {
        .eight__inner-head h2 {
          font-size: 36rem;
          margin-bottom: 50rem; } }
      .eight__inner-head h2:after {
        content: '';
        position: absolute;
        left: 16rem;
        bottom: -20rem;
        width: 490rem;
        height: 10rem;
        background-image: url(../images/top/five__arrow.svg);
        background-size: contain;
        background-repeat: no-repeat; }
      .eight__inner-head h2 span {
        font-weight: 700;
        display: block; }
        @media (min-width: 751px) {
          .eight__inner-head h2 span {
            font-size: 48rem; } }
        @media (max-width: 750px) {
          .eight__inner-head h2 span {
            font-size: 48rem; } }
  .eight__inner-content {
    background-image: url(../images/top/eight__bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 155rem; }
    .eight__inner-content:after {
      content: '';
      background-image: url(../images/top/eight__title.png);
      background-size: contain;
      width: 512rem;
      height: 112rem;
      position: absolute;
      top: -8%;
      left: 50%;
      transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0); }
    @media (min-width: 751px) {
      .eight__inner-content {
        width: 880rem;
        margin: 0 auto;
        padding: 100rem 60rem 75rem 60rem; } }
    @media (max-width: 750px) {
      .eight__inner-content {
        margin: 0 20rem;
        padding: 100rem 20rem 30rem 20rem; } }
    .eight__inner-content .separate {
      display: flex;
      justify-content: space-between; }
      @media (min-width: 751px) {
        .eight__inner-content .separate {
          position: relative;
          width: 755rem;
          margin: 0 auto; } }
      @media (max-width: 750px) {
        .eight__inner-content .separate {
          align-items: center; } }
      .eight__inner-content .separate img:nth-of-type(1) {
        width: 329rem;
        height: 407rem; }
      .eight__inner-content .separate img:nth-of-type(2) {
        width: 265rem;
        height: 373rem; }
      .eight__inner-content .separate:after {
        position: absolute;
        content: '';
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2rem;
        background: #000; }
    .eight__inner-content p {
      margin-top: 25rem;
      margin-bottom: 75rem;
      font-weight: 700; }
      @media (max-width: 750px) {
        .eight__inner-content p {
          font-size: 24rem; } }
    .eight__inner-content a img {
      width: 454rem;
      display: block;
      margin: 0 auto; }
  .eight__inner-howto {
    padding-top: 155rem; }
    @media (min-width: 751px) {
      .eight__inner-howto {
        width: 997rem;
        margin: 0 auto; } }
    .eight__inner-howto .head {
      text-align: center; }
      .eight__inner-howto .head h2 {
        font-weight: 700;
        margin-bottom: 75rem;
        display: inline-block;
        position: relative; }
        .eight__inner-howto .head h2:before {
          position: absolute;
          bottom: 0rem;
          content: '';
          background: #0845c1; }
          @media (min-width: 751px) {
            .eight__inner-howto .head h2:before {
              left: -105rem;
              width: 500rem;
              height: 3rem; } }
          @media (max-width: 750px) {
            .eight__inner-howto .head h2:before {
              left: -85rem;
              width: 500rem;
              height: 3rem; } }
        @media (min-width: 751px) {
          .eight__inner-howto .head h2 {
            font-size: 30rem; } }
        @media (max-width: 750px) {
          .eight__inner-howto .head h2 {
            font-size: 36rem; } }
    @media (min-width: 751px) {
      .eight__inner-howto .separate1 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 70rem; } }
    @media (max-width: 750px) {
      .eight__inner-howto .separate1 {
        margin: 0 20rem 70rem; } }
    .eight__inner-howto .separate1 div {
      background: #fff;
      border: 1rem solid #000;
      position: relative; }
      @media (min-width: 751px) {
        .eight__inner-howto .separate1 div {
          padding: 45rem 40rem;
          min-height: 625rem;
          width: 475rem; } }
      @media (max-width: 750px) {
        .eight__inner-howto .separate1 div {
          padding: 45rem 20rem; } }
      .eight__inner-howto .separate1 div:before {
        content: '';
        position: absolute;
        top: 10rem;
        right: -10rem;
        background: transparent;
        border: 1px solid #000; }
        @media (min-width: 751px) {
          .eight__inner-howto .separate1 div:before {
            width: 475rem;
            height: 625rem; } }
        @media (max-width: 750px) {
          .eight__inner-howto .separate1 div:before {
            width: 670rem;
            height: 574rem; } }
      .eight__inner-howto .separate1 div p {
        font-weight: 500;
        line-height: 1.5; }
        @media (min-width: 751px) {
          .eight__inner-howto .separate1 div p {
            font-size: 21rem; } }
        @media (max-width: 750px) {
          .eight__inner-howto .separate1 div p {
            margin-bottom: 30rem; } }
        .eight__inner-howto .separate1 div p span {
          color: #e30000;
          font-weight: 500; }
          @media (min-width: 751px) {
            .eight__inner-howto .separate1 div p span {
              font-size: 26rem; } }
      .eight__inner-howto .separate1 div img {
        width: 315rem;
        display: block;
        margin: 0 auto; }
      @media (min-width: 751px) {
        .eight__inner-howto .separate1 div:first-of-type p {
          margin-bottom: 40rem; } }
      @media (max-width: 750px) {
        .eight__inner-howto .separate1 div:nth-of-type(2) {
          margin-top: 80rem; } }
      @media (min-width: 751px) {
        .eight__inner-howto .separate1 div:nth-of-type(2) p {
          margin-bottom: 80rem; } }

@media (min-width: 751px) {
  .nine__inner {
    width: 940rem;
    margin: 0 auto; } }
@media (max-width: 750px) {
  .nine__inner {
    margin: 0 20rem; } }
.nine__inner h2 {
  text-align: center;
  color: #0845c1;
  font-size: 32rem;
  font-weight: 700;
  margin-bottom: 45rem; }
.nine__inner .separate {
  display: flex;
  justify-content: space-between;
  margin-bottom: 185rem; }
  .nine__inner .separate div {
    text-align: center; }
    @media (min-width: 751px) {
      .nine__inner .separate div {
        width: 266rem; } }
    @media (max-width: 750px) {
      .nine__inner .separate div {
        width: 31%; } }
    .nine__inner .separate div h3 {
      color: #000;
      margin-bottom: 25rem; }
      @media (min-width: 751px) {
        .nine__inner .separate div h3 {
          font-size: 30rem; } }
      @media (max-width: 750px) {
        .nine__inner .separate div h3 {
          font-size: 26rem;
          white-space: nowrap; } }
    @media (min-width: 751px) {
      .nine__inner .separate div img {
        width: 266rem; } }
.nine__inner .separate1 {
  margin-bottom: 40rem;
  display: flex;
  justify-content: center; }
  @media (max-width: 750px) {
    .nine__inner .separate1 {
      align-items: center; } }
  @media (min-width: 751px) {
    .nine__inner .separate1 img:nth-of-type(1) {
      width: 359rem; } }
  @media (max-width: 750px) {
    .nine__inner .separate1 img:nth-of-type(1) {
      width: 30%;
      height: 100%; } }
  @media (min-width: 751px) {
    .nine__inner .separate1 img:nth-of-type(2) {
      width: 434rem;
      margin-left: 30rem; } }
  @media (max-width: 750px) {
    .nine__inner .separate1 img:nth-of-type(2) {
      width: 65%;
      margin-left: 15rem; } }
.nine__inner .voice h2 {
  display: inline-block;
  color: #0845c1;
  position: relative;
  font-weight: 500; }
  .nine__inner .voice h2:before {
    content: '';
    position: absolute;
    left: 62rem;
    bottom: -20rem;
    width: 490rem;
    height: 10rem;
    background-image: url(../images/top/five__arrow.svg);
    background-size: contain;
    background-repeat: no-repeat; }
  @media (min-width: 751px) {
    .nine__inner .voice h2 {
      margin-bottom: 40rem;
      font-size: 36rem; } }
  @media (max-width: 750px) {
    .nine__inner .voice h2 {
      margin-bottom: 80rem;
      font-size: 36rem; } }
  .nine__inner .voice h2 span {
    font-weight: 700;
    display: block; }
    @media (min-width: 751px) {
      .nine__inner .voice h2 span {
        font-size: 48rem; } }
    @media (max-width: 750px) {
      .nine__inner .voice h2 span {
        font-size: 48rem; } }
@media (min-width: 751px) {
  .nine__inner .voice ul {
    display: flex;
    justify-content: space-between;
    width: 1040rem;
    margin: 0 auto; } }
@media (min-width: 751px) {
  .nine__inner .voice ul li {
    font-size: 24rem; } }
@media (max-width: 750px) {
  .nine__inner .voice ul li {
    font-size: 36rem;
    margin: 0 auto 80rem; } }
.nine__inner .voice ul li strong {
  font-weight: 700;
  text-decoration: underline; }
  @media (min-width: 751px) {
    .nine__inner .voice ul li strong {
      font-size: 24rem; } }
  @media (max-width: 750px) {
    .nine__inner .voice ul li strong {
      font-size: 36rem; } }
.nine__inner .voice ul li span {
  display: block; }
.nine__inner .voice ul li:nth-of-type(1) {
  background-size: contain;
  background-repeat: no-repeat; }
  @media (min-width: 751px) {
    .nine__inner .voice ul li:nth-of-type(1) {
      background-image: url(../images/top/voice1.png);
      width: 316rem;
      height: 318rem;
      padding-top: 80rem; } }
  @media (max-width: 750px) {
    .nine__inner .voice ul li:nth-of-type(1) {
      background-image: url(../images/top/voice1__sp.png);
      width: calc(316rem * 1.5);
      height: calc(318rem * 1.5);
      padding-top: 140rem; } }
.nine__inner .voice ul li:nth-of-type(2) {
  background-size: contain;
  background-repeat: no-repeat; }
  @media (min-width: 751px) {
    .nine__inner .voice ul li:nth-of-type(2) {
      background-image: url(../images/top/voice2.png);
      width: 344rem;
      height: 277rem;
      padding-top: 65rem;
      margin-top: 100rem; } }
  @media (max-width: 750px) {
    .nine__inner .voice ul li:nth-of-type(2) {
      background-image: url(../images/top/voice2__sp.png);
      width: calc(344rem * 1.5);
      height: calc(277rem * 1.5);
      padding-top: 100rem; } }
.nine__inner .voice ul li:nth-of-type(3) {
  background-size: contain;
  background-repeat: no-repeat; }
  @media (min-width: 751px) {
    .nine__inner .voice ul li:nth-of-type(3) {
      background-image: url(../images/top/voice3.png);
      width: 286rem;
      height: 296rem;
      padding-top: 70rem;
      font-size: 21rem;
      margin-top: 30rem; } }
  @media (max-width: 750px) {
    .nine__inner .voice ul li:nth-of-type(3) {
      background-image: url(../images/top/voice3__sp.png);
      width: calc(286rem * 1.8);
      height: calc(296rem * 1.8);
      padding-top: 155rem; } }
  @media (min-width: 751px) {
    .nine__inner .voice ul li:nth-of-type(3) strong,
    .nine__inner .voice ul li:nth-of-type(3) span {
      font-size: 21rem; } }

.ten {
  background: #94dad8;
  padding: 100rem 0 65rem; }
  @media (min-width: 751px) {
    .ten__inner {
      width: 968rem;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; } }
  @media (max-width: 750px) {
    .ten__inner {
      margin: 0 20rem;
      position: relative;
      padding-bottom: 150rem; } }
  @media (min-width: 751px) {
    .ten__inner-left {
      width: 430rem; } }
  .ten__inner-left div {
    text-align: center; }
    .ten__inner-left div h2 {
      display: inline-block;
      position: relative;
      color: #fff;
      font-weight: 700;
      margin-bottom: 65rem; }
      @media (min-width: 751px) {
        .ten__inner-left div h2 {
          font-size: 36rem; } }
      @media (max-width: 750px) {
        .ten__inner-left div h2 {
          font-size: 36rem; } }
      .ten__inner-left div h2:before {
        position: absolute;
        content: '';
        top: -10rem;
        left: -32rem;
        background-image: url(../images/top/ten__dot.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 249rem;
        height: 3px; }
      .ten__inner-left div h2:after {
        position: absolute;
        content: '';
        bottom: -10rem;
        left: -32rem;
        background-image: url(../images/top/ten__dot.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 249rem;
        height: 3px; }
  .ten__inner-left p {
    font-weight: 500;
    line-height: 1.5; }
    @media (min-width: 751px) {
      .ten__inner-left p {
        margin-bottom: 60rem;
        font-size: 24rem; } }
    @media (max-width: 750px) {
      .ten__inner-left p {
        margin-bottom: 30rem; } }
  .ten__inner-left a {
    display: block; }
    @media (max-width: 750px) {
      .ten__inner-left a {
        position: absolute;
        left: 155rem;
        bottom: 0; } }
    @media (max-width: 750px) {
      .ten__inner-left a img {
        width: 417rem; } }
  .ten__inner .right img {
    width: 412rem; }
    @media (min-width: 751px) {
      .ten__inner .right img {
        height: 297rem; } }
    @media (max-width: 750px) {
      .ten__inner .right img {
        display: block;
        margin: 0 auto; } }

.eleven {
  padding: 110rem 0 80rem; }
  @media (min-width: 751px) {
    .eleven__inner {
      width: 752rem;
      margin: 0 auto; } }
  @media (max-width: 750px) {
    .eleven__inner {
      margin: 0 20rem; } }
  .eleven__inner .head {
    text-align: center; }
    .eleven__inner .head h2 {
      display: inline-block;
      color: #0845c1;
      position: relative;
      font-weight: 500;
      margin-bottom: 75rem; }
      .eleven__inner .head h2:before {
        content: '';
        position: absolute;
        left: -3rem;
        bottom: -20rem;
        width: 490rem;
        height: 10rem;
        background-image: url(../images/top/five__arrow.svg);
        background-size: contain;
        background-repeat: no-repeat; }
      .eleven__inner .head h2 span {
        color: #0845c1;
        font-weight: 700; }
        @media (min-width: 751px) {
          .eleven__inner .head h2 span:nth-of-type(1) {
            font-size: 36rem; } }
        @media (max-width: 750px) {
          .eleven__inner .head h2 span:nth-of-type(1) {
            font-size: 36rem; } }
        @media (min-width: 751px) {
          .eleven__inner .head h2 span:nth-of-type(2) {
            font-size: 48rem; } }
        @media (max-width: 750px) {
          .eleven__inner .head h2 span:nth-of-type(2) {
            font-size: 48rem; } }
      .eleven__inner .head h2 strong {
        color: #0845c1;
        font-weight: 700;
        border-radius: 50%;
        padding: 3rem 7rem;
        background: #fff94e; }
        @media (min-width: 751px) {
          .eleven__inner .head h2 strong {
            font-size: 36rem; } }
        @media (max-width: 750px) {
          .eleven__inner .head h2 strong {
            font-size: 36rem; } }
  .eleven__inner .text {
    text-align: center;
    margin-bottom: 85rem;
    font-weight: 700; }
    @media (min-width: 751px) {
      .eleven__inner .text {
        font-size: 18rem; } }
    @media (max-width: 750px) {
      .eleven__inner .text {
        font-size: 28rem; } }
  @media (min-width: 751px) {
    .eleven__inner .faq__content {
      margin-bottom: 10rem; } }
  @media (max-width: 750px) {
    .eleven__inner .faq__content {
      margin-bottom: 30rem; } }
  .eleven__inner .faq__content h3 {
    background-image: linear-gradient(-45deg, #70cecb 25%, #94dad8 25%, #94dad8 50%, #70cecb 50%, #70cecb 75%, #94dad8 75%);
    background-size: 10rem 10rem;
    color: #fff;
    border-radius: 15rem;
    font-weight: 700;
    position: relative;
    padding: 17rem 17rem 17rem 75rem;
    cursor: pointer; }
    .eleven__inner .faq__content h3:before {
      width: 34rem;
      height: 38rem;
      position: absolute;
      content: '';
      background-image: url(../images/top/q.png);
      background-size: contain;
      background-repeat: no-repeat; }
      @media (min-width: 751px) {
        .eleven__inner .faq__content h3:before {
          top: 13rem;
          left: 20rem; } }
      @media (max-width: 750px) {
        .eleven__inner .faq__content h3:before {
          top: 26rem;
          left: 20rem; } }
  .eleven__inner .faq__content p {
    display: none;
    border-left: 3rem solid #027cf4;
    font-weight: 700;
    position: relative; }
    @media (min-width: 751px) {
      .eleven__inner .faq__content p {
        margin-top: 15rem;
        min-height: 140rem;
        margin-left: 15rem;
        padding-left: 55rem;
        padding-top: 20rem; } }
    @media (max-width: 750px) {
      .eleven__inner .faq__content p {
        padding-left: 55rem;
        padding-top: 20rem; } }
    .eleven__inner .faq__content p:before {
      width: 24rem;
      height: 24rem;
      position: absolute;
      content: '';
      background-image: url(../images/top/a.png);
      background-size: contain;
      background-repeat: no-repeat; }
      @media (min-width: 751px) {
        .eleven__inner .faq__content p:before {
          top: 21rem;
          left: 15rem; } }
      @media (max-width: 750px) {
        .eleven__inner .faq__content p:before {
          top: 33rem;
          left: 15rem; } }

.sample {
  text-align: center;
  display: block;
  position: relative;
  z-index: 3; }
  .sample img {
    width: 549rem;
    margin: 0 auto 50rem; }

.form {
  margin-bottom: 80rem;
  position: relative;
  z-index: 2; }
  .form #mfp_hidden {
    display: none; }
  .form .mfp_buttons {
    text-align: center;
    display: block; }
    @media (min-width: 751px) {
      .form .mfp_buttons {
        margin-top: 30rem; } }
    @media (max-width: 750px) {
      .form .mfp_buttons {
        margin-top: 60rem; } }
    .form .mfp_buttons button {
      background: #94dad8; }
      @media (min-width: 751px) {
        .form .mfp_buttons button {
          width: 250rem;
          padding: 10rem;
          height: 45rem;
          font-size: 16rem; } }
      @media (max-width: 750px) {
        .form .mfp_buttons button {
          width: 450rem;
          height: 90rem;
          font-size: 26rem; } }
  @media (min-width: 751px) {
    .form__content {
      width: 750rem;
      margin: 0 auto; } }
  @media (max-width: 750px) {
    .form__content {
      margin: 0 20rem; } }
  .form__content dl {
    border-bottom: 1px solid #aaaaaa; }
    @media (min-width: 751px) {
      .form__content dl {
        display: table;
        align-items: center; } }
    .form__content dl.textarea dd textarea {
      border: 1px solid #aaaaaa; }
      @media (min-width: 751px) {
        .form__content dl.textarea dd textarea {
          width: 332rem !important;
          height: 118rem !important;
          font-size: 16rem;
          padding: 15rem;
          margin-left: 50rem;
          margin-top: 13rem;
          margin-bottom: 13rem; } }
      @media (max-width: 750px) {
        .form__content dl.textarea dd textarea {
          width: 100% !important;
          padding: 15rem;
          font-size: 28rem;
          height: 120rem !important; } }
    .form__content dl.radio dd {
      display: flex;
      justify-content: center;
      align-items: center; }
      .form__content dl.radio dd label:nth-of-type(1) {
        margin-right: 15rem; }
    .form__content dl.address textarea {
      display: block;
      margin-top: 10rem;
      border: 1px solid #aaaaaa; }
      @media (min-width: 751px) {
        .form__content dl.address textarea {
          margin-left: 50rem;
          width: 331rem !important;
          height: 70rem !important;
          margin-bottom: 13rem;
          padding: 15rem;
          font-size: 16rem; } }
      @media (max-width: 750px) {
        .form__content dl.address textarea {
          width: 100% !important;
          padding: 15rem;
          font-size: 28rem;
          height: 120rem !important; } }
    .form__content dl.address dd p {
      display: inline-block;
      font-weight: 700;
      margin-right: 7rem; }
      @media (min-width: 751px) {
        .form__content dl.address dd p {
          font-size: 14rem;
          padding-left: 30rem; } }
      @media (max-width: 750px) {
        .form__content dl.address dd p {
          font-size: 22rem; } }
    .form__content dl.address dd .select {
      position: relative;
      display: inline; }
      @media (min-width: 751px) {
        .form__content dl.address dd .select {
          width: 130rem; } }
      .form__content dl.address dd .select:after {
        content: '';
        background-image: url(../images/top/select__after.png);
        position: absolute;
        background-size: contain;
        background-repeat: no-repeat;
        pointer-events: none; }
        @media (min-width: 751px) {
          .form__content dl.address dd .select:after {
            width: 11rem;
            height: 9rem;
            right: 8rem;
            top: 5rem; } }
        @media (max-width: 750px) {
          .form__content dl.address dd .select:after {
            width: 11rem;
            height: 9rem;
            right: 20rem;
            top: 17rem; } }
      .form__content dl.address dd .select select {
        border: 1px solid #aaa;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #fff;
        appearance: none;
        cursor: pointer;
        -webkit-text-fill-color: #010101;
        opacity: 1; }
        .form__content dl.address dd .select select:ms-expand {
          display: none; }
        @media (min-width: 751px) {
          .form__content dl.address dd .select select {
            font-size: 16rem;
            padding: 3rem 5rem;
            width: 100rem;
            height: 30rem; } }
        @media (max-width: 750px) {
          .form__content dl.address dd .select select {
            font-size: 28rem;
            width: 30%;
            height: 60rem;
            padding: 10rem; } }
        .form__content dl.address dd .select select:focus-visible {
          outline: 0;
          border: 1rem solid #333; }
    .form__content dl:first-of-type {
      border-top: 1px solid #aaa; }
      @media (min-width: 751px) {
        .form__content dl:first-of-type dd {
          padding-left: 30rem; } }
      .form__content dl:first-of-type dd p {
        font-weight: 700;
        margin-right: 5rem; }
        @media (min-width: 751px) {
          .form__content dl:first-of-type dd p {
            font-size: 14rem; } }
        @media (max-width: 750px) {
          .form__content dl:first-of-type dd p {
            font-size: 22rem; } }
      .form__content dl:first-of-type dd input {
        border: 1px solid #aaaaaa; }
        @media (min-width: 751px) {
          .form__content dl:first-of-type dd input {
            font-size: 16rem;
            width: 130rem;
            margin-right: 30rem; } }
        @media (max-width: 750px) {
          .form__content dl:first-of-type dd input {
            font-size: 26rem;
            width: 260rem;
            margin-right: 15rem; } }
    @media (min-width: 751px) {
      .form__content dl:nth-of-type(2) dd {
        padding-left: 30rem; } }
    .form__content dl:nth-of-type(2) dd p {
      font-weight: 700;
      margin-right: 5rem; }
      @media (min-width: 751px) {
        .form__content dl:nth-of-type(2) dd p {
          font-size: 14rem; } }
      @media (max-width: 750px) {
        .form__content dl:nth-of-type(2) dd p {
          font-size: 22rem; } }
    .form__content dl:nth-of-type(2) dd input {
      border: 1px solid #aaaaaa; }
      @media (min-width: 751px) {
        .form__content dl:nth-of-type(2) dd input {
          font-size: 16rem;
          width: 130rem;
          margin-right: 30rem; } }
      @media (max-width: 750px) {
        .form__content dl:nth-of-type(2) dd input {
          font-size: 26rem;
          width: 260rem;
          margin-right: 15rem; } }
    @media (min-width: 751px) {
      .form__content dl:nth-of-type(3) dd, .form__content dl:nth-of-type(4) dd, .form__content dl:nth-of-type(5) dd {
        padding-left: 60rem; } }
    .form__content dl:nth-of-type(3) dd input, .form__content dl:nth-of-type(4) dd input, .form__content dl:nth-of-type(5) dd input {
      border: 1px solid #aaaaaa; }
      @media (min-width: 751px) {
        .form__content dl:nth-of-type(3) dd input, .form__content dl:nth-of-type(4) dd input, .form__content dl:nth-of-type(5) dd input {
          width: 330rem; } }
      @media (max-width: 750px) {
        .form__content dl:nth-of-type(3) dd input, .form__content dl:nth-of-type(4) dd input, .form__content dl:nth-of-type(5) dd input {
          width: 100%; } }
    @media (min-width: 751px) {
      .form__content dl:nth-of-type(6) dd {
        padding-left: 40rem; } }
    .form__content dl:nth-of-type(6) dd p {
      font-weight: 700;
      margin-right: 7rem;
      display: inline-block; }
      @media (min-width: 751px) {
        .form__content dl:nth-of-type(6) dd p {
          font-size: 14rem; } }
      @media (max-width: 750px) {
        .form__content dl:nth-of-type(6) dd p {
          font-size: 22rem; } }
      @media (min-width: 751px) {
        .form__content dl:nth-of-type(6) dd p:nth-of-type(2) {
          font-size: 10px; } }
      @media (max-width: 750px) {
        .form__content dl:nth-of-type(6) dd p:nth-of-type(2) {
          font-size: 22rem; } }
    .form__content dl:nth-of-type(6) dd input {
      border: 1px solid #aaaaaa; }
      @media (min-width: 751px) {
        .form__content dl:nth-of-type(6) dd input {
          font-size: 16rem;
          width: 154rem;
          margin-right: 7rem; } }
    .form__content dl dt {
      background: rgba(255, 249, 78, 0.25);
      border-right: 1px solid #aaaaaa;
      border-left: 1px solid #aaa;
      position: relative;
      vertical-align: middle; }
      @media (min-width: 751px) {
        .form__content dl dt {
          padding: 7rem 15rem;
          min-height: 48rem;
          width: 250rem;
          display: table-cell; } }
      @media (max-width: 750px) {
        .form__content dl dt {
          padding: 20rem 15rem;
          border-bottom: 1px solid #aaa; } }
      .form__content dl dt span {
        background: #e30000;
        border-radius: 2px;
        color: #fff;
        position: absolute; }
        @media (min-width: 751px) {
          .form__content dl dt span {
            right: 7rem;
            top: 14rem;
            padding: 1rem 9rem;
            font-size: 11rem; } }
        @media (max-width: 750px) {
          .form__content dl dt span {
            right: 30rem;
            top: 19rem;
            padding: 2rem 9rem;
            font-size: 27rem; } }
    .form__content dl dd {
      border-right: 1px solid #aaaaaa; }
      @media (min-width: 751px) {
        .form__content dl dd {
          display: table-cell;
          padding: 7rem 15rem;
          width: 500rem;
          min-height: 48rem; } }
      @media (max-width: 750px) {
        .form__content dl dd {
          padding: 20rem 15rem;
          border-left: 1px solid #aaa; } }
      .form__content dl dd p {
        display: inline-block; }
      .form__content dl dd input[type="text"],
      .form__content dl dd input[type="email"] {
        border: 1px solid #aaaaaa; }
        @media (min-width: 751px) {
          .form__content dl dd input[type="text"],
          .form__content dl dd input[type="email"] {
            padding: 6rem 10rem;
            font-size: 16rem; } }
        @media (max-width: 750px) {
          .form__content dl dd input[type="text"],
          .form__content dl dd input[type="email"] {
            font-size: 28rem;
            padding: 12rem 10rem; } }
  .form .mfp_err {
    color: #ff0000; }

.privacy {
  margin-bottom: 135rem; }
  @media (min-width: 751px) {
    .privacy__inner {
      width: 750rem;
      margin: 0 auto; } }
  .privacy__inner .head {
    text-align: center;
    cursor: pointer; }
    .privacy__inner .head h2 {
      display: inline-block;
      position: relative;
      font-weight: 700; }
      @media (min-width: 751px) {
        .privacy__inner .head h2 {
          font-size: 16rem; } }
      @media (max-width: 750px) {
        .privacy__inner .head h2 {
          font-size: 26rem; } }
      .privacy__inner .head h2:after {
        background-image: url(../images/top/privacy__triangle.png);
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        position: absolute;
        width: 16rem;
        height: 13rem; }
        @media (min-width: 751px) {
          .privacy__inner .head h2:after {
            right: -27rem;
            top: 6rem; } }
        @media (max-width: 750px) {
          .privacy__inner .head h2:after {
            right: -27rem;
            top: 12rem; } }
      .privacy__inner .head h2:before {
        background: #0845c1;
        content: '';
        position: absolute;
        width: 400rem;
        height: 1rem; }
        @media (min-width: 751px) {
          .privacy__inner .head h2:before {
            left: -115rem;
            bottom: -10rem; } }
        @media (max-width: 750px) {
          .privacy__inner .head h2:before {
            left: -63rem;
            bottom: -10rem; } }
  .privacy__inner .content {
    display: none; }
    @media (min-width: 751px) {
      .privacy__inner .content {
        padding-top: 35rem; } }
    @media (max-width: 750px) {
      .privacy__inner .content {
        margin: 0 20rem;
        padding-top: 50rem; } }
    .privacy__inner .content h3 {
      font-weight: 500; }
      @media (min-width: 751px) {
        .privacy__inner .content h3 {
          font-size: 13rem; } }
      @media (max-width: 750px) {
        .privacy__inner .content h3 {
          font-size: 25rem; } }
    .privacy__inner .content p {
      font-weight: 500;
      margin-bottom: 25rem; }
      @media (min-width: 751px) {
        .privacy__inner .content p {
          font-size: 13rem; } }
      @media (max-width: 750px) {
        .privacy__inner .content p {
          font-size: 25rem; } }
    .privacy__inner .content ul li {
      margin-bottom: 5rem; }
      @media (min-width: 751px) {
        .privacy__inner .content ul li {
          font-size: 13rem; } }
      @media (max-width: 750px) {
        .privacy__inner .content ul li {
          font-size: 25rem; } }

.bottom {
  background-image: url(../images/top/bottom.jpg);
  background-repeat: no-repeat; }
  @media (min-width: 751px) {
    .bottom {
      background-size: cover;
      height: 325rem; } }
  @media (max-width: 750px) {
    .bottom {
      background-size: cover; } }
  .bottom__separate {
    display: flex;
    align-items: center;
    justify-content: center; }
    .bottom__separate .left {
      width: 284rem;
      height: 386rem; }
      @media (min-width: 751px) {
        .bottom__separate .left {
          margin-top: -60rem; } }
    .bottom__separate div img:nth-of-type(1) {
      width: 293rem;
      margin-bottom: 35rem;
      display: block; }
    .bottom__separate div img:nth-of-type(2) {
      width: 727rem; }

.footer {
  padding: 15rem 0 12rem;
  border-bottom: 2px solid #027cf4; }
  @media (min-width: 751px) {
    .footer__inner {
      width: 1090rem;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between; } }
  @media (max-width: 750px) {
    .footer__inner {
      display: none; } }
  .footer__inner .first1 img {
    width: 160rem; }
  @media (min-width: 751px) {
    .footer__inner ul {
      display: flex;
      align-items: center; } }
  .footer__inner ul li:not(:last-of-type) a {
    color: #027cf4;
    font-weight: 700;
    display: inline-block; }
    @media (min-width: 751px) {
      .footer__inner ul li:not(:last-of-type) a {
        margin-right: 50rem;
        font-size: 15rem; } }
    .footer__inner ul li:not(:last-of-type) a:before {
      content: '>';
      display: inline-block;
      margin-right: 7rem; }
  .footer__inner ul li:last-of-type a {
    color: #0845c1;
    font-weight: 900; }
    @media (min-width: 751px) {
      .footer__inner ul li:last-of-type a {
        font-size: 48rem;
        width: 220rem; } }
    @media (max-width: 750px) {
      .footer__inner ul li:last-of-type a {
        font-size: 36rem; } }

.copyright {
  display: block;
  padding: 10rem 0 12rem;
  text-align: center;
  color: #027cf4;
  font-weight: 700; }
  @media (min-width: 751px) {
    .copyright {
      font-size: 15rem; } }
  @media (max-width: 750px) {
    .copyright {
      font-size: 24rem; } }

.finish-comp {
  text-align: center; }
  @media (min-width: 751px) {
    .finish-comp {
      padding-top: 270rem;
      min-height: 800rem; } }
  @media (max-width: 750px) {
    .finish-comp {
      padding-top: 270rem;
      min-height: 800rem; } }
  .finish-comp p {
    font-size: 27rem; }
  .finish-comp a {
    background: #027cf4;
    color: #fff;
    padding: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30rem auto;
    width: 350rem;
    height: 80rem; }
    @media (min-width: 751px) {
      .finish-comp a {
        font-size: 18rem; } }

div#mfp_overlay {
  position: absolute;
  display: none;
  z-index: 10001; }

div#mfp_overlay_inner {
  background-color: #FFF;
  padding: 15px;
  margin: 0px auto;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #000;
  width: 640px;
  max-width: 90%; }

div#mfp_overlay_background {
  background-color: #000;
  position: absolute;
  display: none;
  z-index: 10000; }

div#mfp_loading_screen {
  z-index: 20000;
  opacity: 0.8;
  display: none;
  background-color: #000;
  position: absolute; }

.mfp_buttons button {
  width: 48%;
  padding: 10px; }

/*# sourceMappingURL=common.css.map */