@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url("https://fonts.googleapis.com/earlyaccess/mplus1p.css");
@import url("https://fonts.googleapis.com/css?family=Aref+Ruqaa");
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

@keyframes delayFadeIn {
  0% {
    opacity: 0; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

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

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

@-webkit-keyframes scrollingX {
  0% {
    left: 0; }
  100% {
    left: -100%; } }

@keyframes scrollingX {
  0% {
    left: 0; }
  100% {
    left: -100%; } }

@-webkit-keyframes screenBorder {
  0% {
    left: 0; }
  100% {
    left: 100%; } }

@keyframes screenBorder {
  0% {
    left: 0; }
  100% {
    left: 100%; } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  100% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  100% {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg); } }

@-webkit-keyframes fadeUp {
  0% {
    bottom: -100%; }
  100% {
    bottom: 0; } }

@keyframes fadeUp {
  0% {
    bottom: -100%; }
  100% {
    bottom: 0; } }

.keyvisual {
  width: 100%;
  height: 500px;
  background-color: #e6f791;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6f791), color-stop(5%, rgba(255, 255, 255, 0)), color-stop(95%, rgba(255, 255, 255, 0)), to(#e6f791)), url(../images/key_visual.min.jpg);
  background-image: -o-linear-gradient(left, #e6f791 0%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, #e6f791 100%), url(../images/key_visual.min.jpg);
  background-image: linear-gradient(to right, #e6f791 10%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, #e6f791 90%), url(../images/key_visual.min.jpg);
  background-size: auto 100%;
  background-position: center;
  }
  .keyvisual_content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 100px;
    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: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    height: 100%;
    text-align: right;
    }
    @media (max-width: 960px) {
      .keyvisual_content {
        max-width: 960px; } }
    @media (max-width: 599px) {
      .keyvisual_content {
        max-width: 600px;
        margin: 0 auto;
        padding: 0 100px; } }
    .keyvisual_content_title {
      margin-bottom: 20px;
      font-size: 2.5rem; }
  .keyvisual_address_list {
    display: none; }

@media (max-width: 599px) {
  .keyvisual {
    height: 300px;
    background-image: url(../images/key_visual.min.jpg); }
    .keyvisual_content {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 10px 10px; } }
    @media (max-width: 599px) and (max-width: 960px) {
      .keyvisual_content {
        max-width: 960px; } }
    @media (max-width: 599px) and (max-width: 599px) {
      .keyvisual_content {
        max-width: 600px;
        margin: 0 auto;
        padding: 5px 10px; } }

@media (max-width: 599px) {

.logo1:before {
    width: 35px !important;
    height: 35px !important;
    margin-right: 5px;
}

      .keyvisual_content_title {
        margin-bottom: 10px;
        font-size: 1.3rem;
        }
    .keyvisual_address_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 80px 10px 10px 10px;
      text-align: center;
      font-size: 0.6rem; }
      .keyvisual_address_list_item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 10px;
        background-color: #46b4c8;
        border-radius: 0 0 20px 20px;
        color: #fff;
        line-height: 1.2; }
        .keyvisual_address_list_item:not(:last-child) {
          margin-right: 10px;
          background-color: #ff8e2a; }
        .keyvisual_address_list_item_title {
          font-size: 14px;
          margin-top: 5px; } }
        @media (max-width: 599px) and (max-width: 960px) {
          .keyvisual_address_list_item_title {
            font-size: 14px; } }
        @media (max-width: 599px) and (max-width: 599px) {
          .keyvisual_address_list_item_title {
            font-size: 14px; } }

@media (max-width: 599px) {
          .keyvisual_address_list_item_title::before {
            content: '＜'; }
          .keyvisual_address_list_item_title::after {
            content: '＞'; }
        .keyvisual_address_list_item_address {
          font-size: 1.2rem;
          margin-bottom: 5px; } }

.top_content, .top_content-1, .top_content-2 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 100px;
  margin-top: 80px;
  text-align: center;
  }
  @media (max-width: 960px) {
    .top_content, .top_content-1, .top_content-2 {
      max-width: 960px; } }
  @media (max-width: 599px) {
    .top_content, .top_content-1, .top_content-2 {
      max-width: 600px;
      margin: 0 auto;
      padding: 0 100px; } }
  .top_content_title {
    display: inline-block;
    margin-bottom: 40px;
    padding-bottom: 10px;
    background-image: url(../images/border-handwriting-long.min.png);
    background-size: 100% auto;
    background-position: center bottom 0;
    color: #ff8e2a;
    font-size: 2rem;
    /* font-weight: normal; */
    }
    .top_content_title > img {
      margin: 0 auto 20px auto; }
  .top_content-1_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .top_content-1_list_item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
      flex: 0 1 50%;
      }
      .top_content-1_list_item:not(:last-child) {
        margin-right: 80px; }
        .top_content-1_list_item:not(:last-child) .top_content-1_list_item_title {
          color: #ff8e2a; }
        .top_content-1_list_item:not(:last-child) .top_content-1_list_item_link {
          background-color: #ff8e2a; }
      .top_content-1_list_item > img {
        width: 100%;
        height: auto; }
      .top_content-1_list_item_title {
        margin-bottom: 5px;
        color: #46b4c8;
        font-size: 1.8rem;
        /* font-weight: normal; */
        text-align: left;
        }
      .top_content-1_list_item_text {
        text-align: left; }
      .top_content-1_list_item_link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        margin-top: 20px;
        background-color: #46b4c8;
        border-radius: 20px;
        color: #fff;
        position: relative;
        font-size: 1.1rem;
        }
        .top_content-1_list_item_link::before, .top_content-1_list_item_link::after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto; }
        .top_content-1_list_item_link::before {
          right: 20px;
          width: 10px;
          height: 2px;
          background: #fff; }
        .top_content-1_list_item_link::after {
          right: 20px;
          width: 10px;
          height: 10px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
  .top_content-2_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .top_content-2_list_item {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 33%;
      flex: 0 1 33%;
      position: relative; }
      .top_content-2_list_item:not(:last-child) {
        margin-right: 40px; }
        .top_content-2_list_item:not(:last-child) .top_content-1_list_item_title {
          color: #ff8e2a; }
      .top_content-2_list_item::before {
        content: '';
        display: block;
        margin: auto;
        background-size: 100% auto;
        position: absolute; }
      .top_content-2_list_item:nth-child(1)::before {
        width: 90px;
        height: 65px;
        background-image: url(../images/flower.min.png);
        top: -20px;
        left: 10px; }
      .top_content-2_list_item:nth-child(2)::before {
        width: 82px;
        height: 88px;
        background-image: url(../images/bird.min.png);
        top: 40px;
        right: -20px; }
      .top_content-2_list_item:nth-child(3)::before {
        width: 90px;
        height: 74px;
        background-image: url(../images/trees.min.png);
        top: 150px;
        right: 0; }
      .top_content-2_list_item_image {
        width: 100%;
        border-radius: 20px;
        overflow: hidden; }
        .top_content-2_list_item_image > img {
          width: 100%;
          height: auto; }
      .top_content-2_list_item_title {
        margin: 10px auto;
        color: #ff8e2a;
        font-size: 1.5rem;
        /* font-weight: normal; */
        }
      .top_content-2_list_item_text {
        text-align: left;
        min-height: 150px;
        }
      .top_content-2_list_item_link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        margin-top: 20px;
        border: 2px solid #ff8e2a;
        border-radius: 20px;
        color: #ff8e2a;
        position: relative;
        font-size: 1.1rem;
        }
        .top_content-2_list_item_link::before, .top_content-2_list_item_link::after {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto; }
        .top_content-2_list_item_link::before {
          right: 20px;
          width: 10px;
          height: 2px;
          background: #fff; }
        .top_content-2_list_item_link::after {
          right: 20px;
          width: 10px;
          height: 10px;
          border-top: 2px solid #ff8e2a;
          border-right: 2px solid #ff8e2a;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }

@media (max-width: 599px) {
  .top_content, .top_content-1, .top_content-2 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 10px;
    margin-top: 20px;
    text-align: center; } }
  @media (max-width: 599px) and (max-width: 960px) {
    .top_content, .top_content-1, .top_content-2 {
      max-width: 960px; } }
  @media (max-width: 599px) and (max-width: 599px) {
    .top_content, .top_content-1, .top_content-2 {
      max-width: 600px;
      margin: 0 auto;
      padding: 5px 10px; } }

@media (max-width: 599px) {
    .top_content_title {
      margin-bottom: 20px;
      padding: 10px 0;
      font-size: 1.2rem; }
      .top_content_title > img {
        margin: 0 auto 10px auto; }
    .top_content-1_list, .top_content-2_list {
      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: 90%;
      margin: 0 auto;
      }
      .top_content-1_list_item, .top_content-2_list_item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 20px auto;
        padding: 0 10px; }
        .top_content-1_list_item:not(:last-child), .top_content-2_list_item:not(:last-child) {
          margin-right: 0; } }