@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;
}