.pc_no{
  display: none;
}

.takeo-originator {
  position: relative;
  min-width: 375px;
  width: 100%;
  overflow: hidden;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 15px 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1px) {
  .takeo-originator {
    padding: 20px 0 120px;
    min-width: 1230px;
  }
}
.takeo-originator__linker {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 1px) {
  .takeo-originator__linker {
    margin-bottom: 60px;
  }
}
.takeo-originator__main {
  position: relative;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  max-width: 1230px;
}
.is-complete .takeo-originator__main {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.takeo-originator__main img {
  width: 100%;
  height: auto;
}
.takeo-originator__name {
  position: relative;
  margin-top: calc( 50 * (100vw / 375));
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
@media screen and (min-width: 1px) {
  .takeo-originator__name {
    margin-top: 200px;
    grid-gap: 8px;
    gap: 8px;
  }
}
.takeo-originator__name.is-active {
  opacity: 1;
}
.takeo-originator__name p {
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-size: calc( 12 * (100vw / 375));
}
@media screen and (min-width: 1px) {
  .takeo-originator__name p {
    font-size: 16px;
  }
}
.takeo-originator__name p.is-main {
  width: calc( 160 * (100vw / 375));
}
@media screen and (min-width: 1px) {
  .takeo-originator__name p.is-main {
    width: 220px;
  }
}
.takeo-originator__name p.is-main svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.takeo-originator__mess {
  position: relative;
  margin-top: calc( 40 * (100vw / 375));
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
@media screen and (min-width: 1px) {
  .takeo-originator__mess {
    margin-top: 90px;
  }
}
.takeo-originator__mess.is-active {
  opacity: 1;
}
.takeo-originator__mess p {
  font-size: calc( 12 * (100vw / 375));
  text-align: center;
}
@media screen and (min-width: 1px) {
  .takeo-originator__mess p {
    font-size: 24px;
    line-height: 2;
  }
}
.takeo-originator__pic1 {
  position: relative;
  margin-top: calc( 20 * (100vw / 375));
  width: 90%;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
@media screen and (min-width: 1px) {
  .takeo-originator__pic1 {
    margin-top: 150px;
    width: 1030px;
  }
}
.takeo-originator__pic1.is-active {
  opacity: 1;
}
.takeo-originator__pic1 img {
  width: 100%;
  height: auto;
}
.takeo-originator__sec {
  position: relative;
  margin-top: calc( 40 * (100vw / 375));
}
@media screen and (min-width: 1px) {
  .takeo-originator__sec {
    margin-top: 150px;
  }
}
.originator-sec {
  position: relative;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 calc(14 * (100vw / 390));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1px) {
  .originator-sec {
    padding: 0;
  }
}
.originator-sec__ttl {
  position: relative;
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 500;
  font-size: calc(18 * (100vw / 390));
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 500;
  margin-bottom: calc(30 * (100vw / 390));
}
@media screen and (min-width: 1px) {
  .originator-sec__ttl {
    font-size: 50px;
    margin-bottom: 80px;
  }
}
.originator-sec__ttl.is-target {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 18%, 0 12%);
  clip-path: polygon(0 0, 100% 0, 100% 18%, 0 12%);
  -webkit-transition: 1s;
  transition: 1s;
}
.originator-sec__ttl.is-target.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.originator-sec__txt {
  position: relative;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.originator-sec__txt.is-target {
  opacity: 0;
  -webkit-transition: 2s;
  transition: 2s;
}
.originator-sec__txt.is-target.is-active {
  opacity: 1;
}
.originator-sec__txt p {
  font-size: calc(12 * (100vw / 390));
  line-height: 1.57;
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 1px) {
  .originator-sec__txt p {
    font-size: 22px;
    line-height: 2;
  }
}
.originator-sec__txt p + p {
  margin-top: 1.57em;
}
.originator-sec__ph {
  position: relative;
  margin-top: calc(50 * (100vw / 390));
  width: 80%;
  max-width: 1100px;
}
@media screen and (min-width: 1px) {
  .originator-sec__ph {
    margin-top: 140px;
    width: 690px;
  }
}
.originator-sec__ph.is-target {
  opacity: 0;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 1s;
  transition: 1s;
}
.originator-sec__ph.is-target.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.originator-sec__ph img {
  width: 100%;
  height: auto;
}
.takeo-about {
  position: relative;
  min-width: 375px;
  width: 100%;
  overflow: hidden;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 15px 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1px) {
  .takeo-about {
    padding: 20px 0 120px;
    min-width: 1230px;
  }
}
.takeo-about__linker {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 1px) {
  .takeo-about__linker {
    margin-bottom: 60px;
  }
}
.takeo-about__bnr {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 40px;
  grid-gap: 40px;
  gap: 40px;
}
@media screen and (min-width: 1px) {
  .takeo-about__bnr {
    grid-gap: 80px;
    grid-gap: 80px;
    gap: 80px;
  }
}
.takeo-40th {
  position: relative;
  min-width: 375px;
  width: 100%;
  overflow: hidden;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 15px 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1px) {
  .takeo-40th {
    padding: 20px 0 120px;
    min-width: 1230px;
  }
}
.takeo-40th__linker {
  position: relative;
  margin-bottom: 20px;
}
@media screen and (min-width: 1px) {
  .takeo-40th__linker {
    margin-bottom: 140px;
  }
}
.takeo-40th__main {
  width: calc(200 * (100vw / 390));
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: 1s;
  transition: 1s;
}
@media screen and (min-width: 1px) {
  .takeo-40th__main {
    width: 590px;
  }
}
.is-complete .takeo-40th__main {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.takeo-40th__main svg {
  width: 100%;
  height: auto;
}
.takeo-40th__main svg path {
  fill: #fff;
  -webkit-transition: 4s;
  transition: 4s;
}
.is-complete .takeo-40th__main svg path {
  fill: #000;
}
.takeo-40th__cnt {
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: calc(50 * (100vw / 390));
  grid-gap: calc(50 * (100vw / 390));
  gap: calc(50 * (100vw / 390));
  margin-top: calc(30 * (100vw / 390));
}
@media screen and (min-width: 1px) {
  .takeo-40th__cnt {
    grid-gap: 140px;
    grid-gap: 140px;
    gap: 140px;
    margin-top: 80px;
  }
}
.about-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 12px;
  grid-gap: 12px;
  gap: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 1px) {
  .about-link {
    grid-gap: 30px;
    grid-gap: 30px;
    gap: 30px;
  }
}
.about-link__it {
  font-size: 10px;
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 500;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 1px) {
  .about-link__it {
    font-size: 26px;
  }
}
.about-link__it a {
  position: relative;
  line-height: 1;
  opacity: 0.5;
  display: block;
}
@media screen and (min-width: 1px) {
  .about-link__it a:hover {
    opacity: 0.5;
    color: #000;
  }
}
.about-link__it a[href] {
  opacity: 1;
  text-decoration: none !important;
  color: #000 !important;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (min-width: 1px) {
  .about-link__it a[href]:hover {
    opacity: 0.7;
  }
}
.about-link__it a.is-current {
  opacity: 1;
  font-size: 10px;
}
@media screen and (min-width: 1px) {
  .about-link__it a.is-current {
    font-size: 26px;
  }
}
.about-link__it a.is-current::after {
  content: "";
  height: 2px;
  display: block;
  background: #000;
  margin-top: 3px;
}
@media screen and (min-width: 1px) {
  .about-link__it a.is-current::after {
    height: 5px;
    margin-top: 6px;
  }
}
.about-bnr {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1px) {
  .about-bnr {
    width: 750px;
  }
}
.about-bnr__link {
  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-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  grid-gap: 12px;
  grid-gap: 12px;
  gap: 12px;
  color: #000;
  text-decoration: none !important;
  opacity: 0.6;
}
@media screen and (min-width: 1px) {
  .about-bnr__link {
    grid-gap: 16px;
    grid-gap: 16px;
    gap: 16px;
  }
}
.about-bnr__link[href] {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
}
.about-bnr__link[href]:hover {
  opacity: 0.8;
}
.about-bnr__link img {
  width: 100%;
  height: auto;
}
.about-bnr__link p {
  font-size: 14px;
  line-height: 1;
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 500;
  font-weight: 500;
  letter-spacing: 0.02em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 4px;
  grid-gap: 4px;
  gap: 4px;
}
@media screen and (min-width: 1px) {
  .about-bnr__link p {
    font-size: 28px;
    grid-gap: 6px;
    grid-gap: 6px;
    gap: 6px;
  }
}
.about-bnr__link p::before {
  width: 4px;
  height: 14px;
  content: "";
  display: block;
  background: #2b2b2b;
}
@media screen and (min-width: 1px) {
  .about-bnr__link p::before {
    width: 10px;
    height: 28px;
  }
}
.t40th-sec {
  position: relative;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 calc(14 * (100vw / 390));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1px) {
  .t40th-sec {
    padding: 0;
  }
}
.t40th-sec__ttl {
  position: relative;
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 500;
  font-size: calc(18 * (100vw / 390));
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-weight: 500;
  margin-bottom: calc(30 * (100vw / 390));
}
@media screen and (min-width: 1px) {
  .t40th-sec__ttl {
    font-size: 50px;
    margin-bottom: 80px;
  }
}
.t40th-sec__ttl.is-target {
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 18%, 0 12%);
  clip-path: polygon(0 0, 100% 0, 100% 18%, 0 12%);
  -webkit-transition: 1s;
  transition: 1s;
}
.t40th-sec__ttl.is-target.is-active {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.t40th-sec__txt {
  position: relative;
  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-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.t40th-sec__txt.is-target {
  opacity: 0;
  -webkit-transition: 2s;
  transition: 2s;
}
.t40th-sec__txt.is-target.is-active {
  opacity: 1;
}
.t40th-sec__txt p {
  font-size: calc(14 * (100vw / 390));
  line-height: 1.57;
  text-align: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 1px) {
  .t40th-sec__txt p {
    font-size: 22px;
    line-height: 2;
  }
}
.t40th-sec__txt p + p {
  margin-top: 1.57em;
}
.t40th-sec__ph {
  position: relative;
  margin-top: calc(50 * (100vw / 390));
  /* width: 100%; */
  max-width: 1100px;
}
@media screen and (min-width: 1px) {
  .t40th-sec__ph {
    margin-top: 140px;
  }
}
.t40th-sec__ph.is-target {
  opacity: 0;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 1s;
  transition: 1s;
}
.profile-sec.is-target {
  opacity: 0;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition: 1s;
  transition: 1s;
}
.t40th-sec__ph.is-target.is-active {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.t40th-sec__ph img {
  width: 100%;
  height: auto;
}


.profile-sec{
position: relative;
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-align: center;
-ms-flex-align: center;
/* align-items: center; */
padding: 0 calc(14 * (100vw / 390));
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #f5f5f5;
padding: 35px 50px;
}

.shop-list-btn{
  position: relative;
  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-align: center;
  -ms-flex-align: center;
  /* align-items: center; */
  padding: 0 calc(14 * (100vw / 390));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.profile{
  text-align: left;
  font-size: 18px;
  font-weight: 600;
}

.profile-txt{
  margin-top: 10px;
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
}

.shop-list-btn a{
  background-color: #fff;
  padding: 15px 150px;
  border: 1px solid;
}

.shop-list-btn a:hover{
  background-color: #000;
  color: #fff;
  animation-duration: .3s;
}

.t40th-sec__style {
  position: relative;
  margin-top: calc(50 * (100vw / 390));
  width: calc(210 * (100vw / 390));
  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-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  max-width: 640px;
}
@media screen and (min-width: 1px) {
  .t40th-sec__style {
    margin-top: 140px;
  }
}
.t40th-sec__style img {
  width: 100%;
  height: auto;
}
.t40th-sec__style_link {
  font-family: "neue-haas-grotesk-text", sans-serif;
  font-weight: 500;
  font-size: calc(12 * (100vw / 390));
  line-height: 1;
  text-decoration: none;
  color: #000;
  margin-top: calc(10 * (100vw / 390));
  background: url("data:image/svg+xml;utf8,<svg width='162' height='9' viewBox='0 0 162 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M160.926 7.49474V8.20764C161.243 8.20764 161.522 7.99816 161.611 7.69363C161.699 7.3891 161.576 7.06274 161.308 6.89282L160.926 7.49474ZM150.823 0.239143C150.491 0.0281813 150.05 0.126653 149.839 0.459085C149.628 0.791517 149.727 1.23202 150.059 1.44299L150.823 0.239143ZM0.926025 8.20764H160.926V6.78185H0.926025V8.20764ZM161.308 6.89282L150.823 0.239143L150.059 1.44299L160.544 8.09667L161.308 6.89282Z' fill='black'/></svg>") bottom right no-repeat;
  background-size: 100%;
  padding: 0 calc(16 * (100vw / 390)) calc(6 * (100vw / 390)) 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 1px) {
  .t40th-sec__style_link {
    font-size: 24px;
    margin-top: 24px;
    padding: 0 34px 14px 0;
  }
}

.movie-ttl{
  font-size: 13px;
  margin-bottom: 5px;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
}