@charset "utf-8";

.enquete {
    margin-bottom: 80px;
}

.enquete_mv {
    padding: 75px 40px;
    background-color: #f1f4f8;
    text-align: center;
}

.enquete_mv-ttl {
    font-size: 50px;
    font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
    font-weight: 500;
    color: #2c5ea7;
}

@media screen and (max-width: 1024px) {
    .enquete_mv-ttl {
        font-size: 32px;
    }
}

@media screen and (max-width: 768px) {
    .enquete_mv-ttl {
        font-size: 24px;
    }
}

.enquete_mv-ttl span {
    background: linear-gradient(transparent 80%, #ccf1cc 80%);
}

.enquete_txt {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    text-align: center;
    padding: 72px 40px 0;
    font-size: 20px;
    line-height: 2;
}

@media screen and (max-width: 1024px) {
    .enquete_txt {
        font-size: 14px;
        padding: 60px 20px 0;
    }
}

.enquete_box {
    text-align: center;
    margin-top: 135px;
}

.enquete_box-txt {
    font-size: 24px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}

@media screen and (max-width: 1024px) {
    .enquete_box {
        text-align: center;
        margin-top: 80px;
    }

    .enquete_box-txt {
        font-size: 20px;
    }

    .enquete_box-img img {
        max-width: 520px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .enquete_box-txt {
        font-size: 16px;
        padding: 0 15px;
    }

    .enquete_box-img img {
        max-width: 420px;
        width: 100%;
        padding: 0 15px;
    }
}

.enquete_content {
    max-width: 1167px;
    width: 100%;
    margin: 40px auto 0;
    padding: 0 40px;
}

@media screen and (max-width: 768px) {
    .enquete_content {
        padding: 0 20px;
        margin: 60px auto 0;
    }
}

.enquete_logo {
    font-size: 40px;
    font-weight: bold;
    color: #2c5ea7;
    font-family: "Josefin Slab", serif;
    display: flex;
    align-items: center; /* 垂直中心 */
    justify-content: center; /* 水平中心 */
}

.enquete_logo::after {
    content: "";
    border: 1px solid #2c5ea7;
    display: inline-block;
    width: 1027px;
    margin-left: 20px;
}

.enquete_list {
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
}

@media screen and (max-width: 768px) {
    .enquete_list {
        display: block;
        margin-top: 20px;
    }

    .enquete_list :not(:first-child) {
        margin-top: 40px;
    }
}

.enquete_item-txt {
    font-size: 16px;
    margin-left: 20px;
}

.enquete_item-txt .border {
    background: linear-gradient(transparent 60%, #feffaf 60%);
}

.bold {
    color: #2c5ea7;
    font-weight: bold;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 64px;
}

@media screen and (max-width: 1280px) {
    .bold {
        font-size: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .bold {
        font-size: 32px;
    }
}

.bold2 {
    color: #2c5ea7;
    font-weight: bold;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 48px;
}

@media screen and (max-width: 1280px) {
    .bold2 {
        font-size: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .bold2 {
        font-size: 20px;
    }
}

.enquete_item {
    margin-left: 77px;
}

@media screen and (max-width: 1280px) {
    .enquete_item {
        margin-left: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .enquete_item {
        margin-left: 0;
    }
}

.enquete_item-img {
    padding: 25px 10px;
    background-color: #f1f4f8;
    text-align: center;
}

.enquete_graph {
    background-color: #f1f4f8;
    padding: 30px 65px;
}

@media screen and (max-width: 768px) {
    .enquete_graph {
        margin: 0 auto;
        padding: 20px 40px;
    }
}

.enquete_sub-txt {
    background-color: #fff;
    padding: 21px 25px;
    text-align: center;
    border: 1px solid #2c5ea7;
    font-size: 16px;
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}

@media screen and (max-width: 1024px) {
    .enquete_sub-txt {
        padding: 18px 20px;
        font-size: 14px;
    }
}

.enquete_sub-txt span {
    font-size: 20px;
    background: linear-gradient(transparent 50%, #feffaf 50%);
}

@media screen and (max-width: 1024px) {
    .enquete_sub-txt spn {
        font-size: 18px;
    }
}

/* .enquete_content1 .enquete_item{
    max-width: 605px;
    width: 100%;
} */

.enquete_content1 .enquete_item-img img {
    max-width: 605px;
    width: 100%;
}

.enquete_img-graph {
    margin-top: 21px;
    text-align: center;
}

.enquete_img-graph img {
    max-width: 370px;
    width: 100%;
}

.enquete_item2 {
    max-width: 470px;
    width: 100%;
    margin: 0 20px;
}

@media screen and (max-width: 768px) {
    .enquete_item2 {
        margin: 0 auto;
    }
}

.enquete_content3 {
    margin-bottom: 150px;
}

@media screen and (max-width: 768px) {
    .enquete_content3 {
        margin-bottom: 80px;
    }
}

.enquete_content3 .enquete_item-img {
    text-align: center;
}

.enquete_content3 .enquete_item-img img {
    max-width: 631px;
    width: 100%;
}

.enquete_movie {
    margin: 80px auto 0;
    max-width: 1180px;
    width: 100%;
    text-align: center;
    padding: 0 40px;
}

@media screen and (max-width: 768px) {
    .enquete_movie {
        margin: 60px auto 0;
        padding: 0 20px;
    }
}

.enquete_movie-ttl {
    background-color: #2c5ea7;
    color: #fff;
    padding: 30px 80px;
    font-size: 24px;
    font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
    text-align: center;
    text-decoration: underline;
    position: relative;
}

@media screen and (max-width: 768px) {
    .enquete_movie-ttl {
        color: #fff;
        padding: 15px 30px;
        font-size: 16px;
        font-family: "游明朝", "Yu Mincho", "YuMincho", serif;
    }
}

.enquete_movie-ttl::after {
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -40px;
    border: 40px solid transparent;
    border-top-color: #2c5ea7;
    content: "";
}

@media screen and (max-width: 768px) {
    .enquete_movie-ttl::after {
        width: 0;
        height: 0;
        top: 100%;
        left: 50%;
        margin: 0 0 0 -20px;
        border: 20px solid transparent;
        border-top-color: #2c5ea7;
        content: "";
    }
}

iframe {
    max-width: 600px;
    width: 100%;
}

@media screen and (max-width: 768px) {
    iframe {
        height: 250px;
    }
}

.movie_box {
    margin-top: 80px;
}

@media screen and (max-width: 768px) {
    .movie_box {
        margin-top: 60px;
    }
}