@charset "UTF-8";
#about-top {
  padding: 0; }
  @media screen and (max-width: 800px) {
    #about-top {
      height: 100%; } }
  #about-top .about-top_wrapper {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 800px) {
      #about-top .about-top_wrapper {
        display: block; } }
    #about-top .about-top_wrapper .about-top_content.one {
      flex-basis: 40%; }
      #about-top .about-top_wrapper .about-top_content.one img {
        width: 100%;
        height: 100vh;
        object-fit: cover; }
        @media screen and (max-width: 800px) {
          #about-top .about-top_wrapper .about-top_content.one img {
            height: 30vh; } }
    #about-top .about-top_wrapper .about-top_content.two {
      flex-basis: 60%;
      padding: 80px;
      animation: fadeIn 1.5s cubic-bezier(0.79, 0.14, 0.15, 0.86) forwards; }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
      @media screen and (max-width: 800px) {
        #about-top .about-top_wrapper .about-top_content.two {
          padding: 120px 70px 100px; } }
      @media screen and (max-width: 600px) {
        #about-top .about-top_wrapper .about-top_content.two {
          padding: 100px 24px; } }
      @media screen and (max-width: 600px) {
        #about-top .about-top_wrapper .about-top_content.two {
          padding: 80px 24px; } }
      #about-top .about-top_wrapper .about-top_content.two .about-top_name-sns {
        position: relative;
        font-family: "a-otf-ryumin-pr6n",selif;
        font-size: 6.0rem;
        padding: 60px 0 40px;
        border-bottom: solid 1px #333;
        display: block; }
        @media screen and (max-width: 800px) {
          #about-top .about-top_wrapper .about-top_content.two .about-top_name-sns {
            font-size: 4.0rem;
            padding-bottom: 20px; } }
        #about-top .about-top_wrapper .about-top_content.two .about-top_name-sns:before {
          content: '';
          width: 20px;
          height: 30px;
          position: absolute;
          display: inline-block;
          border-left: solid 1px #333;
          border-top: solid 1px #333;
          left: -20px;
          top: 0px; }
          @media screen and (max-width: 600px) {
            #about-top .about-top_wrapper .about-top_content.two .about-top_name-sns:before {
              display: none; } }
        #about-top .about-top_wrapper .about-top_content.two .about-top_name-sns .name .komachi {
          margin-right: 40px; }
        #about-top .about-top_wrapper .about-top_content.two .about-top_name-sns .name rt {
          margin-bottom: 10px;
          font-size: 1.4rem;
          translate: 0 -.8em; }
          @media screen and (max-width: 800px) {
            #about-top .about-top_wrapper .about-top_content.two .about-top_name-sns .name rt {
              font-size: 1.2rem; } }
@-moz-document url-prefix() {
  #about-top .about-top_wrapper .about-top_content.two .about-top_name-sns .name rt {
    top: -0.8em; } }
        #about-top .about-top_wrapper .about-top_content.two .about-top_name-sns .sns .about-top_sns {
          width: 30px; }
      #about-top .about-top_wrapper .about-top_content.two .about-top-discription {
        position: relative;
        padding: 20px 0 60px; }
        #about-top .about-top_wrapper .about-top_content.two .about-top-discription:after {
          content: '';
          width: 20px;
          height: 30px;
          position: absolute;
          display: inline-block;
          border-right: solid 1px #333;
          border-bottom: solid 1px #333;
          bottom: 0;
          right: -20px; }
          @media screen and (max-width: 600px) {
            #about-top .about-top_wrapper .about-top_content.two .about-top-discription:after {
              display: none; } }
  #about-top .about-top_me {
    position: absolute;
    top: 15%;
    left: 10%;
    width: 32vw;
    height: 70vh;
    object-fit: cover; }
    @media screen and (max-width: 800px) {
      #about-top .about-top_me {
        top: 5%;
        left: 30%;
        width: 40vw;
        height: 40vh; } }
    @media screen and (max-width: 500px) {
      #about-top .about-top_me {
        top: 10%;
        left: 30%;
        width: 50vw;
        height: 30vh; } }
  #about-top .top__scroll {
    position: absolute;
    left: 50%;
    bottom: 0px;
    height: 50px;
    /*全体の高さ*/ }
    #about-top .top__scroll span {
      /*描画位置*/
      position: absolute;
      left: -15px;
      top: -15px;
      /*テキストの形状*/
      color: #333;
      font-size: 1.2rem;
      letter-spacing: 0.05em; }
    #about-top .top__scroll:after {
      content: "";
      /*描画位置*/
      position: absolute;
      top: 0;
      /*線の形状*/
      width: 1px;
      height: 30px;
      background: #333;
      /*線の動き1.4秒かけて動く。永遠にループ*/
      animation: pathmove 1.4s ease-in-out infinite;
      opacity: 0; }
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0; }
  30% {
    height: 30px;
    opacity: 1; }
  100% {
    height: 0;
    top: 50px;
    opacity: 0; } }
#about-biography_pc {
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    #about-biography_pc {
      display: none; } }
  #about-biography_pc .category-title {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px; }
    #about-biography_pc .category-title img {
      height: 24px; }
    #about-biography_pc .category-title h4 {
      font-family: "canto-pen",serif;
      font-size: 2.0rem;
      font-weight: 300;
      padding-left: 10px; }
  #about-biography_pc .biography__pc__container {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 800px) {
      #about-biography_pc .biography__pc__container {
        display: none; } }
    #about-biography_pc .biography__pc__container .biography__pc__wrapper {
      list-style: none;
      display: flex;
      gap: 50px;
      position: absolute;
      top: 20%;
      left: 0; }
      @media screen and (max-width: 800px) {
        #about-biography_pc .biography__pc__container .biography__pc__wrapper {
          display: none; } }
      #about-biography_pc .biography__pc__container .biography__pc__wrapper .biography__box {
        width: 40vw;
        height: 50vh; }
        #about-biography_pc .biography__pc__container .biography__pc__wrapper .biography__box .dot {
          width: 16px;
          height: 16px;
          background: #333;
          border-radius: 100px;
          margin-bottom: 60px; }
          #about-biography_pc .biography__pc__container .biography__pc__wrapper .biography__box .dot:after {
            position: absolute;
            content: "";
            top: 8px;
            left: 3px;
            z-index: -1;
            width: 120%;
            height: 1px;
            background-color: #333; }
            #about-biography_pc .biography__pc__container .biography__pc__wrapper .biography__box .dot:after:last-child {
              width: 0; }
        #about-biography_pc .biography__pc__container .biography__pc__wrapper .biography__box .year {
          font-family: "a-otf-ryumin-pr6n", serif;
          font-size: 2.4rem;
          color: #95bb4a; }
        #about-biography_pc .biography__pc__container .biography__pc__wrapper .biography__box h4 {
          font-family: "a-otf-ryumin-pr6n", serif;
          font-size: 3.4rem;
          margin-bottom: 20px; }

#about-biography_mobile {
  display: none; }
  @media screen and (max-width: 800px) {
    #about-biography_mobile {
      height: 100%;
      display: block; } }
  #about-biography_mobile .category-title {
    display: flex;
    align-items: flex-start;
    padding-bottom: 40px; }
    #about-biography_mobile .category-title img {
      height: 24px; }
    #about-biography_mobile .category-title h4 {
      font-family: "canto-pen",serif;
      font-size: 2.0rem;
      font-weight: 300;
      padding-left: 10px; }
  #about-biography_mobile .biography__mb__wrapper {
    position: relative;
    margin: 3em auto;
    padding-bottom: 2em; }
    #about-biography_mobile .biography__mb__wrapper:before {
      position: absolute;
      top: 0px;
      width: 2px;
      height: 100%;
      content: '';
      background: #333; }
    #about-biography_mobile .biography__mb__wrapper .biography__box {
      list-style: none;
      margin: 0px 0px 0px 40px; }
      #about-biography_mobile .biography__mb__wrapper .biography__box .blur .time_date .year {
        font-family: "a-otf-ryumin-pr6n", serif;
        font-size: 1.8rem;
        font-weight: 600;
        position: relative;
        margin: 30px 0px 24px;
        letter-spacing: 1.5;
        color: #95bb4a; }
      #about-biography_mobile .biography__mb__wrapper .biography__box .blur .time_date .flag {
        font-family: "a-otf-ryumin-pr6n", serif;
        font-size: 2.4rem;
        font-weight: bold;
        margin: 0;
        margin-top: -30px;
        color: #333; }
      #about-biography_mobile .biography__mb__wrapper .biography__box .blur .discription {
        font-size: 0.8em;
        line-height: 20px;
        margin-top: 10px;
        padding-left: 20px; }

#about-strengths {
  height: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 800px) {
    #about-strengths {
      padding: 70px 0; } }
  #about-strengths .category-title {
    display: flex;
    align-items: flex-start; }
    @media screen and (max-width: 800px) {
      #about-strengths .category-title {
        padding: 0 70px 40px 70px; } }
    @media screen and (max-width: 600px) {
      #about-strengths .category-title {
        padding: 0 24px 40px 24px; } }
    #about-strengths .category-title img {
      height: 24px; }
    #about-strengths .category-title h4 {
      font-family: "canto-pen",serif;
      font-size: 2.0rem;
      font-weight: 300;
      padding-left: 10px; }
  @media screen and (max-width: 800px) {
    #about-strengths .pc {
      display: none; } }
  #about-strengths .mobile {
    display: none; }
    @media screen and (max-width: 800px) {
      #about-strengths .mobile {
        display: block; } }
  #about-strengths .strengths-wrapper .pc .content__antena {
    margin-bottom: 0; }
  #about-strengths .strengths-wrapper .pc .strengths-content__wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 100px; }
    #about-strengths .strengths-wrapper .pc .strengths-content__wrapper .strengths-content__discription {
      width: 40%; }
      #about-strengths .strengths-wrapper .pc .strengths-content__wrapper .strengths-content__discription .number {
        font-size: 1.4rem;
        margin-bottom: 10px; }
        #about-strengths .strengths-wrapper .pc .strengths-content__wrapper .strengths-content__discription .number span {
          padding: 5px 10px;
          border-radius: 100%;
          border: solid 1px #333; }
      #about-strengths .strengths-wrapper .pc .strengths-content__wrapper .strengths-content__discription .title {
        font-family: "a-otf-ryumin-pr6n",serif;
        font-size: 5.0rem;
        margin-bottom: 20px; }
    #about-strengths .strengths-wrapper .pc .strengths-content__wrapper .strengths-content__img {
      width: 40%; }
    #about-strengths .strengths-wrapper .pc .strengths-content__wrapper img {
      border-radius: 30px;
      object-fit: cover; }
    #about-strengths .strengths-wrapper .pc .strengths-content__wrapper .img__persist {
      width: 100%; }
    #about-strengths .strengths-wrapper .pc .strengths-content__wrapper .img__inquiry {
      width: 80%; }
    #about-strengths .strengths-wrapper .pc .strengths-content__wrapper .img__antena {
      width: 100%; }
    #about-strengths .strengths-wrapper .pc .strengths-content__wrapper .strengths-content__img {
      text-align: center; }
  #about-strengths .strengths-wrapper .wrapper__inquiry {
    flex-direction: row-reverse; }
  #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper {
    display: block;
    margin-bottom: 60px; }
    #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .mb-number, #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .mb-title, #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .mb-description {
      padding: 0 70px; }
      @media screen and (max-width: 600px) {
        #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .mb-number, #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .mb-title, #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .mb-description {
          padding: 0 24px; } }
    #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .strengths-content__img img {
      width: 80%;
      height: 300px;
      object-fit: cover;
      margin-bottom: 30px; }
      @media screen and (max-width: 600px) {
        #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .strengths-content__img img {
          height: 230px; } }
    #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .img__persist, #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .img__antena {
      border-radius: 0 50px 50px 0; }
    #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .img-box__inquiry {
      text-align: right; }
      #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .img-box__inquiry .img__inquiry {
        border-radius: 50px 0px 0px 50px; }
    #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .mb-number {
      font-size: 1.2rem; }
      #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .mb-number span {
        padding: 4px 8px;
        border-radius: 100%;
        border: solid 1px #333; }
    #about-strengths .strengths-wrapper .mobile .strengths-content__wrapper .mb-title {
      font-family: "a-otf-ryumin-pr6n",serif;
      font-size: 3.2rem; }

#about-like {
  height: 100%;
  padding: 0; }
  #about-like .category-title {
    display: flex;
    align-items: flex-start;
    padding: 0 70px 0 100px;
    margin-bottom: 40px;
    max-width: 1440px; }
    @media screen and (max-width: 1050px) {
      #about-like .category-title {
        padding: 0 70px; } }
    @media screen and (max-width: 600px) {
      #about-like .category-title {
        padding: 0 24px; } }
    #about-like .category-title img {
      height: 24px; }
    #about-like .category-title h4 {
      font-family: "canto-pen",serif;
      font-size: 2.0rem;
      font-weight: 300;
      padding-left: 10px; }
  #about-like .slick-track {
    display: flex;
    align-items: center; }
  #about-like .gallery-slider {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-align: center; }
    #about-like .gallery-slider .like-content {
      margin-right: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      @media screen and (max-width: 800px) {
        #about-like .gallery-slider .like-content {
          margin-right: 40px; } }
      #about-like .gallery-slider .like-content img {
        width: 100%;
        object-fit: cover; }
      #about-like .gallery-slider .like-content p {
        position: absolute;
        color: #fff;
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        height: 100%;
        display: flex;
        padding: 30px;
        text-align: left;
        align-items: center;
        justify-content: center;
        opacity: 0; }
        @media screen and (max-width: 800px) {
          #about-like .gallery-slider .like-content p {
            font-size: 1.4rem; } }
        #about-like .gallery-slider .like-content p:hover {
          opacity: 1;
          transition: 0.3s; }
    #about-like .gallery-slider .l1 {
      width: 350px; }
      #about-like .gallery-slider .l1 img {
        height: 350px; }
    #about-like .gallery-slider .l2 {
      width: 400px; }
      #about-like .gallery-slider .l2 img {
        height: 400px; }

#contact {
  position: relative;
  padding: 70px 70px 70px 100px;
  height: 100vh; }
  #contact .contact_contents-wrapper {
    margin-top: 40px;
    height: 100%;
    display: flex;
    justify-content: space-between; }
    #contact .contact_contents-wrapper .contact-discription {
      flex-basis: 30%;
      font-family: "canto-pen",serif;
      color: #fff;
      font-size: 2.8rem; }
      #contact .contact_contents-wrapper .contact-discription p {
        padding-top: 80px;
        font-family: "canto-pen",serif; }
    #contact .contact_contents-wrapper .contact-img {
      flex-basis: 70%;
      position: relative;
      display: block; }
      #contact .contact_contents-wrapper .contact-img img {
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 450px;
        margin: 0 auto;
        -webkit-transition: .4s ease-in-out;
        transition: .4s ease-in-out; }
        #contact .contact_contents-wrapper .contact-img img:first-of-type:hover {
          opacity: 0; }
        #contact .contact_contents-wrapper .contact-img img:last-of-type {
          position: absolute;
          opacity: 0; }
        #contact .contact_contents-wrapper .contact-img img:last-of-type:hover {
          opacity: 1; }

.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0; }
  .scroll_up.on {
    transform: translateY(0);
    opacity: 1.0; }