@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:550px) {
  main {
    min-width: initial;
  }
  .header-inner {
    padding: 10px;
  }
  .header-inner img {
    width: 80px;
  }
  .top {
    height: 90vh;
  }
  .top-main {
    width: 90%;
    height: initial;
    max-height: initial;
  }
  .top-main__mv {
    width: 100%;
    height: initial;
  }
  .top-main__mv img {
    width: 100%;
    height: initial;
  }
  .top-main__sasugakun {
    width: 40%;
    bottom: -8%;
  }
  .top-tatsu {
    min-width: initial;
    max-width: 200px;
    width: 45%;
    left: -8%;
  }
  .top-tatsu--tail {
    min-width: initial;
    max-width: 220px;
    width: 55%;
    right: -8%;
  }
  .top-pattern img {
    width: 950px;
    top: 0;
    bottom: initial;
    right: 0;
    left: initial;
    transform: translate(0 , 0);
    min-width: initial;
    max-width: initial;
  }
  .top-seihin__img--01 {
    top: -10%;
    right: -8%;
    width: 30%;
  }
  .top-seihin__img--02 {
    bottom: -5%;
    left: -8%;
    width: 30%;
  }
  .unsei {
    height: 80vh;
  }
  
  .greeting {
    padding: 40px 10px;
  }
  .greeting h2 {
    font-size: 32px;
  }
  .greeting p {
    font-size: 16px;
    margin-top: 20px;
  }
  .greeting img {
    width: 60%;
  }
  
  .contents {
    padding: 40px 10px 100px;
  }
  .contents-bg {
    top: 200px;
    left: 0;
    transform: translate(0, 0);
    width: 100%;
    height: initial;
    max-width: initial;
  }
  .contents-bg img {
    width: 1500px;
    filter: brightness(2) opacity(0.1);
  }
  .contents-inner {
    flex-wrap: wrap;
    row-gap: 80px; 
  }
  .contents-item {
    width: 100%;
  }
  .contents-sns {
    flex-direction: column;
  }
  .contents-sns > p {
    width: 100%;
  }
  .contents-sns ul {
    width: 100%;
    justify-content: center;
  }
  .contents .contents-bottom {
    margin-top: 40px;
    position: relative;
    z-index: 2;
  }
  
  .footer-inner {
    padding: 20px 10px;
  }
  .footer-inner small {
    font-size: 10px;
  }
  .footer-logo {
    width: 60px;
    right: 20px;
  }
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}