/* CSS Document */
.top {
  padding-top: 40px; }

/********************
 KV
*********************/
#top-mv .container .mv-wrap {
  border: 5px solid #231815;
  border-radius: 50px;
  overflow: hidden;
  position: relative; }
  @media (max-width: 768px) {
    #top-mv .container .mv-wrap {
      border: 3px solid #231815;
      border-radius: 30px; } }
  #top-mv .container .mv-wrap .mv-cap {
    position: absolute;
    right: 45px;
    bottom: 20px; }
    #top-mv .container .mv-wrap .mv-cap span {
      background-color: #FFF; }
  #top-mv .container .mv-wrap .mv-contents {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    #top-mv .container .mv-wrap .mv-contents .catchcopy {
      width: 22.1666%;
      position: absolute;
      left: 45px;
      top: 45px; }
      @media (max-width: 768px) {
        #top-mv .container .mv-wrap .mv-contents .catchcopy {
          left: 5%;
          top: 7%; } }
    #top-mv .container .mv-wrap .mv-contents .mv-logo {
      width: 23.58%;
      position: absolute;
      right: 45px;
      bottom: 45px; }
      @media (max-width: 768px) {
        #top-mv .container .mv-wrap .mv-contents .mv-logo {
          right: 5%;
          bottom: 7%; } }
    #top-mv .container .mv-wrap .mv-contents .baloon-wrap {
      position: absolute;
      width: 100%;
      height: 100%; }
      #top-mv .container .mv-wrap .mv-contents .baloon-wrap .kv-baloon {
        display: block;
        animation: fuwafuwa 3s ease infinite;
        position: absolute; }
        #top-mv .container .mv-wrap .mv-contents .baloon-wrap .kv-baloon img {
          width: 100%; }
      #top-mv .container .mv-wrap .mv-contents .baloon-wrap .baloon1 {
        width: 14.16666%;
        left: 6.3333%;
        top: 50.26%; }
      #top-mv .container .mv-wrap .mv-contents .baloon-wrap .baloon2 {
        width: 14.16666%;
        left: 37.5%;
        top: 22.3%; }
      #top-mv .container .mv-wrap .mv-contents .baloon-wrap .baloon3 {
        width: 14.59%;
        right: 10.25%;
        top: 4.6%; }
      #top-mv .container .mv-wrap .mv-contents .baloon-wrap .baloon4 {
        width: 16.83%;
        right: 16.333%;
        top: 34.868%; }

#top_about {
  padding-top: 120px; }
  @media (max-width: 768px) {
    #top_about {
      padding-top: 80px; } }
  @media (max-width: 500px) {
    #top_about {
      padding-top: 60px; } }
  #top_about .txt-box h2 {
    width: 100%;
    max-width: 753px;
    margin: 0 auto; }
  #top_about .txt-box h2 + p {
    text-align: center;
    margin-top: 45px;
    font-size: 1.625em;
    font-weight: 600; }
    @media (max-width: 768px) {
      #top_about .txt-box h2 + p {
        font-size: 1.5em; } }
  #top_about .border-contents-box {
    width: 100%;
    max-width: 935px;
    margin: 60px auto 0;
    border: 5px solid #231815;
    background-color: #FFFFFF;
    border-radius: 60px;
    padding: 60px 7.2%; }
    @media (max-width: 768px) {
      #top_about .border-contents-box {
        padding: 40px 5%;
        border: 3px solid #231815;
        border-radius: 40px; } }
    #top_about .border-contents-box .inner .top_point-box-wrap {
      display: flex;
      flex-flow: wrap;
      gap: 0 2.4%; }
      @media (max-width: 500px) {
        #top_about .border-contents-box .inner .top_point-box-wrap {
          display: block; } }
      #top_about .border-contents-box .inner .top_point-box-wrap .top_point-box {
        width: 48.8%;
        margin-top: 20px; }
        @media (max-width: 500px) {
          #top_about .border-contents-box .inner .top_point-box-wrap .top_point-box {
            width: 80%;
            margin: 30px auto 0; } }
    #top_about .border-contents-box .inner .txt-box {
      text-align: center;
      margin-top: 20px;
      position: relative; }
      #top_about .border-contents-box .inner .txt-box * {
        font-weight: 600; }
      #top_about .border-contents-box .inner .txt-box .txt_l {
        font-size: 2.125em; }
        @media (max-width: 768px) {
          #top_about .border-contents-box .inner .txt-box .txt_l {
            font-size: 2.0em; } }
      #top_about .border-contents-box .inner .txt-box .txt_m {
        font-size: 1.6875em; }
      #top_about .border-contents-box .inner .txt-box h3 {
        color: #EA5514;
        font-size: 3.0625em; }
        @media (max-width: 768px) {
          #top_about .border-contents-box .inner .txt-box h3 {
            font-size: 2.5em; } }
      #top_about .border-contents-box .inner .txt-box .img_l {
        width: 63.5%;
        margin-top: 27px;
        margin-left: 5%; }
      #top_about .border-contents-box .inner .txt-box .img_r {
        position: absolute;
        width: 41.8%;
        bottom: 0;
        left: 79%; }
        @media (max-width: 768px) {
          #top_about .border-contents-box .inner .txt-box .img_r {
            width: 36%;
            left: auto;
            right: -15%; } }
    #top_about .border-contents-box .inner p.cap {
      width: 85%;
      margin: 20px auto 0; }