@charset "utf-8";
body{
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.inner {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}
.w-80 {
    width: 80%;
    margin: 0 auto;
}
.w-50 {
    width: 50%;
    margin: 0 auto;
}
.w-90 {
    width: 90%;
    margin: 0 auto;
}
.mt-100 {
    margin-top: 100px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-30 {
    margin-top: 30px;
}
.banner:hover{
    opacity: 0.8;
    transition: ease 0.3s;
}
.btn {
    transition: 0.2s;
    animation: bigger 0.5s ease 0s infinite alternate;
    transform-origin: center;
}
@keyframes bigger {
    from {
        transform: scale(0.9, 0.9);
    }
    to {
        transform: scale(1, 1);
    }
}
.btn:hover {
    opacity: 0.8;
    transition: ease 0.3s;
}

.effect-fade {
    opacity: 0;
    transform: translate(0, 80px);
    transition: all 1000ms;
}

.effect-fade.effect-scroll {
    opacity: 1;
    transform: translate(0, 0);
}

.top {
    background-image: url(../img/top_bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.questionnaire {
    background-image: url(../img/bg_2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 70px;
}

.episode_1 {
    background-image: url(../img/bg_3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 90px;
}
.episode_1 img {
    /* margin-top: 106px; */
}
.lecture_profiles {
    background-image: url(../img/bg_4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 110px;
}
.episode_2 {
    background-image: url(../img/bg_5.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 50px;
}

.privacy-policy {
    text-align: center;
    font-size: 20px;
    margin-top: 136px;
    color: #000;
}
@media (max-width: 750px) {
    .privacy-policy {
        font-size: 10px;
    }
}
.privacy-policy a {
    color: #000;
}

.present_banner img {
    bottom: 30px;
    right: 0;
    position: fixed;
    padding: 0;
    z-index: 1000;
    width: 300px;
}
@media (max-width: 750px) {
    .present_banner img {
        width: 150px;
    }
}

.youtube {
  width: 90%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.movbox{
height:200px;
 border: 0px dotted #000000; 
}

.movinbox{
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: 150px;
    padding: 20px 0;
    /* border: 0px dotted #F00;  */
}
.movinbox a,
.movinbox > div{
    display: block;
    width: calc(25%);
}

.movbox img{
    /* float: left;
    border:1px green;
    margin 0;
    padding 0; */
    width: 100%;
    height: auto;
}


.movinbox a:hover{
    opacity: 0.8;
    transition: ease 0.3s;
}


  .iconbody {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 20vh;
      margin: 0;
    }

    .icon-container {
      display: flex;
      justify-content: space-between; /* 3つのアイコンを均等に配置 */
      width: 330px; /* 必要に応じて調整 */
}

    .icon-container2 {
      display: flex;
      justify-content: space-between; /* 3つのアイコンを均等に配置 */
      width: 250px; /* 必要に応じて調整 */
    }

    .icon {
      width: 40px; /* アイコンの幅 */
      height: 40px; /* アイコンの高さ */
      background-size: cover;
    }

.icon1 { margin:5px;background-image: url('../img/x.png'); }
.icon2 { margin:5px;background-image: url('../img/insta.png'); }
.icon3 { margin:5px;background-image: url('../img/home.png'); }
.icon4 { margin:5px;background-image: url('../img/fb.png'); }
.icon5 { margin:5px;background-image: url('../img/tiktok.png'); }
.icon6 { margin:5px;background-image: url('../img/yt.png'); }
.icon7 { margin:5px;background-image: url('../img/music.png'); }


.youtube {
  width: 100%;
	aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.youtube2 {
	width: 100%;
		margin-top:100px;
  aspect-ratio: 7 / 5;
}
.youtube2 iframe {
  width: 100%;
 height: 500px;
}

.youtube3 {
	width: 100%;
		margin-top:100px;
  aspect-ratio: 9 / 16;
}
.youtube3 iframe {
  width: 100%;
 height: 500px;
}