@charset "UTF-8";
@media screen and (min-width: 1450px){.star{left: 30%;}}
@media screen and (min-width: 1400px){
    header {font-size: 5rem;}
    .star{left: 25%;}
    .gsap-left-text,.gsap-right-text,.gsap-right-text-3{font-size: 2.2rem;}
    .shooting01 { top: 0;}
    .shooting02 { top: 230px!important;}
    .shooting03 { top: 460px!important;}
    .shooting2{margin: 300px 0 45px;}
}
@media screen and (min-width: 1200px){
    .gsap-right-text-3 {bottom: -8%;left: 53%;}
    .gsap-left-text {bottom: 29%;left: 10%;}
    .gsap-right-text {bottom: 24%;left: 52%;}
    .shooting,.shooting2 {
        min-height: 800px;
      }
      .shooting2{margin: 300px 0 0;}
}
@media screen and (min-width: 1000px){.shooting {margin-bottom: 150px;}.shooting2{margin: 300px 0 75px;}.shooting01 { top: 0; width: 90% }.shooting02 { top: 200px; width: 90%; }.shooting03 { top: 400px; width: 90% } .com02{width: 115%;}}
@media screen and (max-width: 1000px){.image-text-section {min-height: 470px;}}
@media screen and (max-width: 850px){.image-text-section {min-height: 440px;}}
@media screen and (max-width: 768px){
    #loading-text {font-size: 4rem;}
    .shooting,.shooting2 {min-height: 300px;}
    .gsap-left-image {width: 100%;}
    .pc{display: none;}
    .sp{display: block;}
    .gsap-right-text {bottom: -11%;left: 7%;}
    .gsap-right-text {padding: 0.5em 2em;font-size: 2.3rem;}
    .gsap-left-text {padding: 0.5em 2em;font-size: 2.3rem;}
    .gsap-right-image {width: 100%;}
    .gsap-left-text {bottom: -11%;right: 14%;left: auto;}
    .gsap-left-image-3 {width: 100%;}
    .gsap-right-text-3{bottom: -20%;right: auto;left: 11%;}
    .gsap-right-text-3 {padding: 0.5em 2em;font-size: 2.3rem;}
    .fade-char-section h2 {font-size: 4rem;}
    .star_2 {width: 20%;}
    .philosophy p {font-size: 1.4rem;}
    .dream p {font-size: 1.4rem;}
    .mission p {font-size: 1.4rem;margin-top: -10px;}
    .history p {font-size: 1.4rem;}
    .history {padding: 4em 3em;}
    .back-to-top span {font-size: 2.5rem;}
    .back-to-top-img {width: 30px;}
    .star {left: 5%;}
    .image-text-section{min-height: auto;margin-bottom: 150px;}
    .shooting{margin-bottom: 200px;}
    .illust{width: 80%;margin: 20px auto}
    .mission h2 {font-size: 3rem;}
    .scroll-button {bottom: 20px;right: 20px;padding: 6px 6px;font-size: 1rem;width: 75px;height: 75px;}
    .shooting,.shooting2 {min-height: 400px;width: 100%; }
    .shooting01 { top: 0; }
    .shooting02 { top: 110px; }
    .shooting03 { top: 220px; }
    .accordion-arrow {width: 20px;}
    .arrow-down {bottom: 150px;}
}
@media screen and (max-width: 600px){
    .gsap-right-text {padding: 0.5em 1em;font-size: 2.2rem;letter-spacing: 5px;}
    .gsap-left-text{padding: 0.5em 1em;font-size: 2.2rem;letter-spacing: 5px;}
    .gsap-right-text-3{padding: 0.5em 1em;font-size: 2.2rem;letter-spacing: 5px;}
    .gsap-right-text {bottom: -15%;left: 8%;}
    .gsap-left-text {bottom: -15%;right: 11%;}
    .gsap-right-text-3 {bottom: -25%;left: 7%;}
}
@media screen and (max-width: 560px){
    #loading-text {font-size: 2.5rem;letter-spacing: 3px;}
    header {font-size: 2.5rem;letter-spacing: 3px;}
    .fade-char-section h2 {font-size: 2.6rem;}
    .line {margin: 100px auto 50px;}
    .star_2 {padding-bottom: 50px;}
    footer {margin: 100px 0 50px;}
    .accordion-content {padding: 4em 3em;}
    .shooting{width: 100%;}
    .shooting2 {width: 100%;}
    .main_box{margin-bottom: 200px;}
}
@media screen and (max-width: 500px){
    .gsap-right-text{padding: 0.5em 1em;font-size: 1.8rem;letter-spacing: 3px;}
    .gsap-left-text{padding: 0.5em 1em;font-size: 1.8rem;letter-spacing: 3px;}
    .gsap-right-text-3{padding: 0.5em 1em;font-size: 1.8rem;letter-spacing: 3px;}
    .gsap-right-text {bottom: -15%;left: 8%;}
    .gsap-left-text {bottom: -15%;right: 15%;}
    .gsap-right-text-3 {bottom: -25%;left: 6%;}
    .dream h3 {font-size: 3.2rem;}
    .mission h3 {font-size: 2.7rem;}
    .philosophy h3 {font-size: 2.7rem;}
    .split-text .char {padding-right: 7px;}
    .accordion-title {font-size: 1.8rem;}
    .star {left: 12%;}
    .shooting {margin-bottom: 0;}
    .shooting2 {margin: 100px 0 0;}
    .shooting01 { top: 0; }
    .shooting02 { top: 80px; }
    .shooting03 { top: 160px; }
    .shooting2 {min-height: 330px;}
}
@media screen and (max-width: 450px){
    .illust{width: 100%;}
    .star {min-width: 55px;}
}
@media screen and (max-width: 420px){
    .accordion-title {font-size: 1.6rem;letter-spacing: 0.5px;}
}
@media screen and (max-width: 400px){
    .mission h3 {font-size: 2.35rem;letter-spacing: 1.5px;}
}
@media screen and (max-width: 390px){
    .gsap-right-text{padding: 0.5em 1em;font-size: 1.8rem;letter-spacing: 1px;}
    .gsap-left-text span{font-size: 1.8rem;letter-spacing: 1px;}
    .gsap-right-text-3{padding: 0.5em 1em;font-size: 1.8rem;letter-spacing: 1px;}
    .gsap-right-text {bottom: -18%;left: 8%;}
    .gsap-left-text {bottom: -18%;right: 6%;}
    .gsap-right-text-3 {bottom: -30%;left: 7%;}
    .star {min-width: 45px;}
    .fade-char-section h2 {font-size: 2.5rem;}
    .philosophy h3 {font-size: 2.5rem;letter-spacing: 1.5px;}
    .split-text .char {padding-right: 5px;}
    .dream h3 {font-size: 2.8rem;}
}
@media screen and (max-width: 365px){
    .gsap-right-text-3 {left: 4%;}
}
  