@charset "utf-8";

main {
    width: 50%;
    max-width: 980px !important;
    margin: 0 auto;
    padding: 10px 0 20px;
    overflow: hidden;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 768px) {
    main{
        width: 100%;
        max-width: 100%;
    }
}

img {
    width:100%;
    max-width: 100%;
    height: auto;
}

.mv-top {
    width: 63%;
    padding: 10px;
}

.main-mv {
    position: relative;
    padding: 45% 10px;
    background: url("../img/mv-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.mv-woman {
    position: absolute;
    width: 44vw;
    top: -5%;
    right: 0;
    margin-right: 10px;
}
.mv-text {
    position: absolute;
    top: 7%;
    left: 0;
    margin: 0 10px;
}
.section1 {
    position: relative;
    margin-top: -20%;
    padding: 10px;
}

.cta {
    width: 90%;
    margin: 30px auto 10px;
}
.miman {
    width: 45%;
    margin-top: 1vw;
    padding-left: 20px;
}

@media screen and (min-width: 768px) {
    .mv-woman{
        width: 44%;
    }
    .main-mv {
        padding: 43% 10px;
    }
    .section1 {
        margin-top: -14%;
    }
    
}

/* アニメーション */
.zoomin {
    animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
@keyframes zoomIn {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.poyopoyo {
    animation: poyopoyo 2s ease-out infinite;
    opacity: 1;
}
@keyframes poyopoyo {
    0%, 40%, 60%, 80% {
        transform: scale(1.0);
    }
    50%, 70% {
        transform: scale(0.95);
    }
}