@charset "utf-8";

:root {
  --vw: 1vw;
  --bk: #333;
  --pink: #be1955;
  --lightpink: #fe5d8f;
  --purple: #731b51;
  --purple2: #8a4f6f;
}

html{
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body{
  font-size: 10px;
  font-family: "heisei-mincho-std", serif;
  font-weight: 500;
  font-style: normal;
  font-feature-settings: "palt";
  line-height: 2;
  letter-spacing: 0.05em;
  color: var(--bk);
}

ul,
ol,
li{
  margin: 0;
  padding: 0;
  list-style: none;
}

a{
  display: block;
  text-decoration: none;
}

img{
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  line-height: 1;
}

/* ==============================
フォント
============================== */
.tsuku_min{
  font-family: "fot-tsukumin-pr6n", sans-serif;
  font-weight: 300;
  font-style: normal;
}

/* ==============================
共通
============================== */
@media screen and (max-width: 767px){
  .container{
    padding: 0 4vw;
  }
}

@media screen and (min-width: 768px){
  .container{
    padding: 0 32px;
  }

  .section{
    max-width: 780px;
    margin-inline: auto;
  }
}


.youtube{
  position: relative;
}
.iframe{
  width: 100%;
}
.youtube iframe{
position: absolute;
    aspect-ratio: 16 / 9;
    top: 31%;
    /* left: 90px; */
    align-items: center;
    /* text-align: center; */
    /* margin: 0 auto; */
    transform: translate(-50%,-50%);
    left: 50%;
}

.mv_txt01{
  display: flex;
}
@media screen and (max-width: 768px){
  .mv_txt01 img{
    width: 100%;
    }
    .youtube iframe{
      position: absolute;
          aspect-ratio: 16 / 9;
          top: 32%;
          /* left: 90px; */
          align-items: center;
          /* text-align: center; */
          /* margin: 0 auto; */
          transform: translate(-50%,-50%);
          left: 50%;
          width: 80%;
          height: auto;    
    }
}