/* ==================================================================================================== */
/* section 共通 */
/* ==================================================================================================== */
.section04_sp,
.section06_sp {
    display: none;
}

.top_page {
    margin-top: 70px;
}

.section {
    padding: 100px 0;
}

.section05 h2 {
    margin-bottom: 50px;
}

.section02,
.section04,
.section06 {
    display: flex;
}

.sec .commenp {
    font-family: sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 100;
    text-wrap: pretty;
    line-height: 58px;
}

@media (max-width: 1024px) {
    .section {
        padding: 50px 0;
    }
}


@media (max-width: 430px) {
    .section {
        padding-top: 20px;
    }
}

@media (max-width: 412px) {
    .top_page {
        margin-top: 70px;
        margin-bottom: 0;
    }

    .top_page .section04 {
        padding-bottom: 0;
    }
}

@media (max-width: 430px) {
    .top_page {
        margin-top: 62px;
        margin-bottom: 0;
    }
}

@media (max-width: 390px) {
    .top_page {
        margin-top: 62px;
        margin-bottom: 0px;
    }
}

@media (max-width: 360px) {
    .section {
        padding-top: 30px;
    }
}

@media (max-width: 344px) {
    .section {
        padding-top: 20px;
    }
}

/* ==================================================================================================== */
/* .section01 【】 */
/* ==================================================================================================== */
#header {
    width: 100%;
    height: 100vh;
    position: relative;
}

#header:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
    /*背景画像設定*/
    background: url("https://img-list.rowtech.jp/img/hoken-tsudoi_top-img.webp") no-repeat center;
    background-size: cover;
}

.scrolldown {
    position: absolute;
    right: 50%;
    animation: arrowmove 5s ease-in-out infinite;
}

@keyframes arrowmove {
    0% {
        bottom: 10%;
    }

    50% {
        bottom: 15%;
    }

    100% {
        bottom: 10%;
    }

}

.scrolldown span {
    position: absolute;
    left: -20px;
    bottom: 10px;
    color: #eee;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.scrolldown:before {
    content: "";
    position: absolute;
    bottom: 10%;
    right: -6px;
    width: 1px;
    height: 20px;
    background: #eee;
    transform: skewX(-31deg);
}

.scrolldown:after {
    content: "";
    position: absolute;
    bottom: 10%;
    right: 0;
    width: 1px;
    height: 50px;
    background: #eee;
}

#cnt {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0;
}

@media screen and (max-width: 1280px) {
    #header:before {
        background-size: contain;
    }

    @keyframes arrowmove {
        0% {
            bottom: 20%;
        }

        50% {
            bottom: 25%;
        }

        100% {
            bottom: 20%;
        }

    }
}

/* ==================================================================================================== */
/* .section02 【ほけんの集いについて】 */
/* ==================================================================================================== */
.mission {
    height: 80vh;
}

.sec {
    position: absolute;
    background: linear-gradient(123deg, rgb(65, 1, 67), rgb(2, 66, 122), rgb(24, 73, 122), rgb(1, 67, 19), rgb(39, 6, 82));
    width: 100%;
    height: 80vh;
}

.sec .comment {
    position: relative;
    display: inline-block;
    top: 10%;
    left: 7%;
    color: #fff;
    z-index: 999;
}

.sec .comment h2 {
    font-family: "futura-pt", sans-serif;
    font-style: normal;
    font-size: 5rem;
    margin: 0;
}

.sec .comment h3 {
    padding: 30px 0 60px 0;
}

.sec .comment p {
    font-family: sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 58px;
    text-wrap: pretty;
    width: 50%;
}

.slide-animation {
    gap: 10px;
    overflow: hidden;
}

.slide-animation li {
    width: 50px;
}

.slide-contents {
    display: flex;
    gap: 10px;
}

/* 個別設定 */
.slide-animation01 {
    position: relative;
    top: -30%;
    z-index: 100;
    overflow: hidden;
}

.slide-animation01 img {
    width: 300px;
}


.slide-contents01 {
    animation: loopAnimation01 30s linear infinite;
}

@keyframes loopAnimation01 {
    0% {
        transform: translate(50%);
    }

    25% {
        transform: translate(60%);
    }

    50% {
        transform: translate(70%);
    }

    75% {
        transform: translate(60%);
    }

    100% {
        transform: translate(50%);
    }
}

@media (max-width: 1024px) {
    .slide-animation01 {
        position: relative;
        top: -43%;
        z-index: 100;
    }

    .slide-animation01 img {
        width: 250px;
    }


    .slide-contents01 {
        animation: loopAnimation01 30s linear infinite;
    }

    @keyframes loopAnimation01 {
        0% {
            transform: translate(50%);
        }

        25% {
            transform: translate(60%);
        }

        50% {
            transform: translate(70%);
        }

        75% {
            transform: translate(60%);
        }

        100% {
            transform: translate(50%);
        }
    }
}

.slide-animation02 {
    position: relative;
    top: -40%;
}

.slide-animation02 img {
    width: 200px;
}


.slide-contents02 {
    animation: loopAnimation02 40s linear infinite;
}

/* アニメーション02 */
@keyframes loopAnimation02 {
    0% {
        transform: translate(62%);
    }

    25% {
        transform: translate(72%);
    }

    50% {
        transform: translate(82%);
    }

    75% {
        transform: translate(72%);
    }

    100% {
        transform: translate(62%);
    }
}

/* max-width: 1024px */
@media screen and (max-width: 1024px) {
    .slide-animation02 {
        position: relative;
        top: -100%;
    }

    .slide-animation02 img {
        width: 180px;
    }

    @keyframes loopAnimation02 {
        0% {
            transform: translate(62%);
        }

        25% {
            transform: translate(72%);
        }

        50% {
            transform: translate(82%);
        }

        75% {
            transform: translate(72%);
        }

        100% {
            transform: translate(62%);
        }
    }
}

.slide-animation03 {
    position: relative;
    top: -100%;
}

.slide-animation03 img {
    width: 200px;
}


.slide-contents03 {
    animation: loopAnimation03 40s linear infinite;
}

@keyframes loopAnimation03 {
    0% {
        transform: translate(12%);
    }

    25% {
        transform: translate(22%);
    }

    50% {
        transform: translate(32%);
    }

    75% {
        transform: translate(22%);
    }

    100% {
        transform: translate(12%);
    }
}

/* アニメーション04 */
.slide-animation04 {
    position: relative;
    top: -80%;
}

.slide-animation04 img {
    width: 200px;
}


.slide-contents04 {
    animation: loopAnimation04 35s linear infinite;
}

@keyframes loopAnimation04 {
    0% {
        transform: translate(22%);
    }

    25% {
        transform: translate(32%);
    }

    50% {
        transform: translate(42%);
    }

    75% {
        transform: translate(32%);
    }

    100% {
        transform: translate(22%);
    }
}

@media (max-width: 1024px) {
    .slide-animation04 {
        position: relative;
        top: -110%;
    }

    .slide-animation04 img {
        width: 200px;
    }


    .slide-contents04 {
        animation: loopAnimation04 35s linear infinite;
    }

    @keyframes loopAnimation04 {
        0% {
            transform: translate(22%);
        }

        25% {
            transform: translate(32%);
        }

        50% {
            transform: translate(42%);
        }

        75% {
            transform: translate(32%);
        }

        100% {
            transform: translate(22%);
        }
    }
}

/* アニメーアニメーション05 */
.slide-animation05 {
    position: relative;
    top: -130%;
}

.slide-animation05 img {
    width: 180px;
}


.slide-contents05 {
    animation: loopAnimation05 45s linear infinite;
}

@keyframes loopAnimation05 {
    0% {
        transform: translate(42%);
    }

    25% {
        transform: translate(52%);
    }

    50% {
        transform: translate(62%);
    }

    75% {
        transform: translate(52%);
    }

    100% {
        transform: translate(42%);
    }
}

/* アニメーション06 */
.slide-animation06 {
    position: relative;
    top: -140%;
}

.slide-animation06 img {
    width: 200px;
}


.slide-contents06 {
    animation: loopAnimation06 35s linear infinite;
}

@keyframes loopAnimation06 {
    0% {
        transform: translate(62%);
    }

    25% {
        transform: translate(72%);
    }

    50% {
        transform: translate(82%);
    }

    75% {
        transform: translate(72%);
    }

    100% {
        transform: translate(62%);
    }
}

@media (max-width: 1024px) {
    .slide-animation06 {
        position: relative;
        top: -170%;
    }

    .slide-animation06 img {
        width: 180px;
    }


    .slide-contents06 {
        animation: loopAnimation06 35s linear infinite;
    }

    @keyframes loopAnimation06 {
        0% {
            transform: translate(62%);
        }

        25% {
            transform: translate(72%);
        }

        50% {
            transform: translate(82%);
        }

        75% {
            transform: translate(72%);
        }

        100% {
            transform: translate(62%);
        }
    }
}


/* アニメーション07 */
.slide-animation07 {
    position: relative;
    bottom: 200%;
}

.slide-animation07 img {
    width: 200px;
}


.slide-contents07 {
    animation: loopAnimation07 40s linear infinite;
}

@keyframes loopAnimation07 {
    0% {
        transform: translate(22%);
    }

    25% {
        transform: translate(32%);
    }

    50% {
        transform: translate(42%);
    }

    75% {
        transform: translate(32%);
    }

    100% {
        transform: translate(22%);
    }
}

@media screen and (max-width: 1024px) {
    .slide-animation07 {
        position: relative;
        bottom: 230%;
    }

    .slide-animation07 img {
        width: 200px;
    }


    .slide-contents07 {
        animation: loopAnimation07 40s linear infinite;
    }

    @keyframes loopAnimation07 {
        0% {
            transform: translate(22%);
        }

        25% {
            transform: translate(32%);
        }

        50% {
            transform: translate(42%);
        }

        75% {
            transform: translate(32%);
        }

        100% {
            transform: translate(22%);
        }
    }
}

@media screen and (max-width: 1024px) {
    .sec .comment {
        left: 2%;
    }



    .sec .comment p {
        font-size: 1.2rem;
        line-height: 37.5px;
    }
}

/* ==================================================================================================== */
/* .information */
/* ==================================================================================================== */
.information {
    padding: 50px 0;
}

.section .info-title h2 {
    font-family: "agenda", sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 3rem;
    margin: 0;
    text-align: center;
}

.section .info-title h3 {
    padding: 30px 0 60px 0;
    text-align: center;
}

.section .info-date {
    font-size: 1rem;
}

.section .info-list {
    padding: 10px 20px 5px 20px;
    border-bottom: 1px dotted #252525;
}

.section table th {
    text-align: center;
    letter-spacing: 3px;
}

@media (max-width: 1024px) {
    .section .info-title h2 {
        font-size: 1.7rem;
    }

    .section .info-title h3 {
        padding: 15px 0 20px 0;
        font-size: 1.2rem;
    }
}


/* ==================================================================================================== */
/* .section04 【サービス】 */
/* ==================================================================================================== */
.section04 img {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.section04 h2 {
    font-family: "futura-pt", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 5rem;
    margin: 0;
}

.section04 h3 {
    padding: 30px 0 60px 0;
}

.section04 p {
    font-family: sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 100;
    text-wrap: pretty;
    line-height: 58px;
    width: 80%;
}

@media (max-width: 1280px) {
    .section04 .comment {
        width: 83%;
    }
}

@media (max-width: 1024px) {


    .section04 p {
        font-size: 1.2rem;
        line-height: 30px;
    }
}


/* ==================================================================================================== */
/* .section05 【お取扱生命保険会社】 */
/* ==================================================================================================== */
.section05 {
    display: flex;
    text-align: center
}

.section05 span {
    display: inline-block;
    width: 20%;
    margin-right: 2%;
}

.section05 span img {
    display: block;
    width: 60%;
    margin: 0 auto;
}

.section05 h2 {
    font-family: "futura-pt", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.section05 .aflac img {
    width: 45%;
}

.section05 span p {
    padding-top: 10px;
    text-align: center;
    font-size: 1rem;
}

@media(max-width: 1024px) {}

/* ======================================================================================================================== */
/* .section06 【ネット予約】 */
/* ======================================================================================================================== */
.section06 {
    padding: 50px 0;
    background: linear-gradient(123deg, rgb(65, 1, 67), rgb(2, 66, 122), rgb(24, 73, 122), rgb(1, 67, 19), rgb(39, 6, 82));
    color: #fff;
}

.section06 h2 {
    font-family: "futura-pt", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 5rem;
    margin: 0;
}

.section06 h3 {
    padding: 30px 0 60px 0;
}

.section06 .comment {
    padding-left: 70px;
}

.section06 img {
    display: block;
    width: 60%;
    margin: 0 auto;
}



.section06 {
    font-family: sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 100;
    text-wrap: pretty;
    line-height: 58px;
}

@media (max-width: 1280px) {
    .section06 .comment {
        width: 50%;
    }
}

@media (max-width: 1024px) {
    .section06 {
        font-size: 1.2rem;
        line-height: 30px;
    }


}

/* ======================================================================================================================== */
/* .section07【よくあるご質問】 */
/* ======================================================================================================================== */
.section07 img {
    display: block;
    width: 15%;
    margin: 0 auto;
}

.accordion-area {
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin: 0 auto;
}

.accordion-area li {
    margin: 10px 0;
    background: #fff;
}

.accordion-area li:hover {
    background: linear-gradient(123deg, rgb(65, 1, 67), rgb(2, 66, 122), rgb(24, 73, 122), rgb(1, 67, 19), rgb(39, 6, 82));
    color: #fff;
}

.accordion-area section {
    border: 1px solid #ccc;
}

.acordion-title {
    position: relative;
    font-size: 1.2rem;
    cursor: pointer;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

.acordion-title::before,
.acordion-title::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 2px;
    background-color: #333;


}

.acordion-title:hover::before,
.acordion-title:hover::after {
    color: #fff;

}

.acordion-title::before {
    top: 48%;
    left: 15px;
    transform: rotate(0deg);
}

.acordion-title::after {
    top: 48%;
    left: 15px;
    transform: rotate(90deg);

}

.acordion-title .close::before {
    transform: rotate(45deg);
    color: #fff;
}

.acordion-title .close::after {
    transform: rotate(-45deg);
    color: #fff;
}

.box {
    display: none;
    box-shadow: 3px 3px 3px #ccc;
    border: 1px solid #eee;
    color: #252525;
    background: #fff;
    box-shadow: 3px 3px 3px #ccc;
    margin: 0 3% 3% 3%;
    padding: 3%;
}

.box table {
    width: 100%;
    border: 1px solid #ccc;
}

.box table th,
.box table td {
    border: 1px solid #ccc;
}

/* ======================================================================================================================== */
/* .section08  */
/* ======================================================================================================================== */
.section08 {
    background: linear-gradient(123deg, rgb(10, 77, 35), rgb(2, 87, 12), rgb(3, 158, 19), rgb(1, 67, 19), rgb(15, 82, 30));
    /* background-image: url('https://img-list.rowtech.jp/img/hoken-tsudoi_blackboard.webp'); */
    padding: 50px 0;
}

.splide__slide img {
    width: 100%;
    height: auto;
}

.column-title {
    color: #fff;
    text-align: center;
}

.section08 h2 {
    font-family: "futura-pt", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 5rem;
    margin: 0;
    text-align: center;
    color: #fff;
}

.section08 h3 {
    padding: 30px 0 60px 0;
    text-align: center;
    color: #fff;
}

.slider {
    width: 80%;
    margin: 20px auto;
}

.slider img {
    width: 100%;
    height: auto;
}

.slider .slick-slide {
    margin: 0 10px;
}

.slick-prev,
.slick-next {
    position: absolute;
    top: 35%;
    cursor: pointer;
    outline: none;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 40px;
    width: 40px;
}

.slick-prev {
    left: -5.5%;
    transform: rotate(-135deg);
}

.slick-next {
    right: -5.5%;
    transform: rotate(45deg);
}



.slick-dots {
    text-align: center;
    margin: 20px 0 0 0;
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width: 8px;
    height: 16px;
    display: block;
    border-radius: 50%;
    background: #fff;
    border: none;
}

.slick-dots .slick-active button {
    background: #f129d7;
}

@media (max-width: 1024px) {
    .slider img {
        width: 80%;
        margin: 0 auto;
    }
}

/* ================================================================= */
/* 共通 */
/* ================================================================= */
/* タイトル文字 */
@media (max-width: 1024px) {

    .sec .comment h2,
    .section04 h2,
    .section06 h2,
    .section08 h2 {
        font-size: 4rem;
    }

    .sec .comment h3,
    .section04 h3,
    .section06 h3,
    .section08 h3 {
        padding: 10px 0 20px 0;
        font-size: 1.3rem;
    }
}

@media (max-width: 912px) {
    #header {
        height: 33vh;
    }

    #header:before {
        height: 43vh;
    }

    /*  共通 */
    .section .info-title h2,
    .sec .comment h2,
    .section04 h2,
    .section06 h2,
    .section08 h2 {
        font-size: 3rem;
    }

    .sec,
    .mission {
        height: 43vh;
    }

    .sec .comment p,
    .section04 p,
    .section06 p {
        font-size: 1.3rem;
    }

    .sec .comment p {
        width: 80%;
    }

    .section04 p,
    .section06 p {
        width: 100%;
    }

    .sec .comment p {
        line-height: 50.5px;
    }

    .slide-animation01 {
        top: -10%;
    }

    .slide-animation02 {
        top: -49%;
    }

    .slide-animation03 {
        top: -60%;
    }

    .slide-animation04 {
        top: -56%;
    }

    .slide-animation05 {
        top: -96%;
    }

    .slide-animation06 {
        top: -101%;
    }

    .slide-animation07 {
        bottom: 180%;
    }

    /* section06 */
    .section06 .comment {
        width: 73%;
    }

    .section06 img {
        width: 50%;
    }
}

@media (max-width: 853px) {
    .slide-animation01 {
        top: -20%;
    }

    .slide-animation02 {
        top: -67%;
    }

    .slide-animation03 {
        top: -63%;
    }

    .slide-animation04 {
        top: -95%;
    }

    .slide-animation05 {
        top: -106%;
    }

    .slide-animation06 {
        top: -113%;
    }

    .slide-animation07 {
        bottom: 190%;
    }
}

@media screen and (max-width:768px) {

    #header,
    #header:before {
        height: 90vh;
    }

    .slide-animation01 {
        top: -40%;
    }

    .slide-animation02 {
        top: -97%;
    }

    .slide-animation03 {
        top: -133%;
    }

    .slide-animation04 {
        top: -135%;
    }

    .slide-animation05 {
        top: -140%;
    }

    .slide-animation06 {
        top: -173%;
    }
}





@media screen and (max-width: 540px) {

    .section04,
    .section06 {
        display: none;
    }

    .section04_sp,
    .section06_sp {
        display: block;
    }

    #header:before {
        height: 55vh;
    }

    .section .info-title h2,
    .sec .comment h2,
    .section04_sp h2,
    .section06_sp h2,
    .section08 h2 {
        font-size: 1.7rem;
    }

    .section05 h2 {
        font-size: 1.5rem;
    }

    .section .info-title h3,
    .sec .comment h3,
    .section04_sp h3,
    .section05 h3,
    .section06_sp h3,
    .section08 h3 {
        padding: 10px 0 20px 0;
        font-size: 1.1rem;
    }

    .information {
        padding: 10px 0;
    }

    .sec .comment p {
        font-size: 1rem;
        line-height: 31.5px;
        width: 92%;
    }

    .slide-animation01 {
        top: -12%;
    }

    .slide-animation02 {
        top: -54%;
    }

    .slide-animation03 {
        top: -82%;
    }

    .slide-animation04 {
        top: -80%;
    }

    .slide-animation05 {
        top: -80%;
    }

    .slide-animation06 {
        top: -118%;
    }

    .slide-animation07 {
        bottom: 141%;
    }

    .slide-animation01 img {
        width: 180px;
    }

    .slide-animation02 img {
        width: 120px;
    }

    .slide-animation03 img {
        width: 160px;
    }

    .slide-animation04 img {
        width: 170px;
    }

    .slide-animation05 img {
        width: 150px;
    }

    .slide-animation06 img {
        width: 160px;
    }

    .slide-animation07 img {
        width: 150px;
    }

    .section04_sp .title_sp,
    .section06_sp {
        padding-left: 20px;
    }

    .section04_sp img,
    .section06_sp img {
        display: block;
        width: 50%;
        margin: 0 auto;
    }

    .section04_sp .comment_sp,
    .section06_sp .comment_sp {
        width: 90%;
        margin: 50px auto 0;
        text-wrap: pretty;
    }

    .section04_sp .comment_sp p,
    .section06_sp .comment_sp p {
        font-size: 1rem;
    }

    .section06_sp {
        background: linear-gradient(123deg, rgb(65, 1, 67), rgb(2, 66, 122), rgb(24, 73, 122), rgb(1, 67, 19), rgb(39, 6, 82));
        color: #fff;
    }

    .insurance_logo {
        display: flex;
    }

    .section05 span {
        width: 33%;
    }

    .section08 {
        padding: 20px 0;
    }

    .slick-prev,
    .slick-next {
        height: 25px;
        width: 25px;
    }

    .slick-dots button {
        width: 6px;
        height: 12px;
    }

    .acordion-title {
        font-size: 1rem;
        padding: 2% 2% 2% 40px;
    }

    .box p {
        font-size: 1rem;
    }

}

@media (max-width: 430px) {
    #header:before {
        height: 36vh;
    }

    #header {
        height: 26vh;
    }

    .slide-animation01 {
        top: -18%;
    }

    .slide-animation02 {
        top: -62%;
    }

    .slide-animation03 {
        top: -92%;
    }

    .slide-animation04 {
        top: -100%;
    }

    .slide-animation05 {
        top: -106%;
    }

    .slide-animation06 {
        top: -125%;
    }

    .slide-animation07 {
        bottom: 149%;
    }

    .insurance_logo {
        display: flex;
        flex-wrap: wrap;
    }

    .section05 span {
        width: 50%;
        margin: 0 auto 20px;
    }

    .section05 .aflac img {
        width: 65%;
    }

    .section05 span img {
        width: 75%;
    }

    .acordion-title {
        font-size: .9rem;
        padding: 2% 2% 2% 40px;
    }
}

@media (max-width: 414px) {
    #header:before {
        height: 45vh;
    }

    .section .info-title h2, .sec .comment h2, .section04_sp h2, .section06_sp h2, .section08 h2 {
        font-size: 1.5rem;
    }

    .sec .comment p {
        line-height: 26.5px;
        width: 95%;
        margin: 0 auto;
    }

    .slide-animation01 {
        top: -28%;
    }

        .slide-animation02 {
        top: -82%;
    }

    .slide-animation03 {
        top: -122%;
    }

    .slide-animation05 {
        top: -166%;
    }

    .slide-animation06 {
        top: -165%;
    }

    .slide-animation07 {
        display: none;
    }

    .section04_sp .comment_sp,
    .section06_sp .comment_sp {
        margin: 20px auto 0;
    }

    .slide-animation07 {
        bottom: 155%;
    }
}

@media (max-width: 412px) {
    .section .info-date {
        display: block;
    }


}

@media (max-width: 390px) {

    .section .info-title h2,
    .sec .comment h2,
    .section04_sp h2,
    .section06_sp h2,
    .section08 h2 {
        font-size: 1.5rem;
    }

    .section .info-title h3,
    .sec .comment h3,
    .section04_sp h3,
    .section05 h3,
    .section06_sp h3,
    .section08 h3 {
        font-size: 1rem;
    }

    .section .info-date {
        display: block;
    }

    .slide-animation01 {
        top: -28%;
    }

    .slide-animation02 {
        top: -82%;
    }

    .slide-animation03 {
        top: -102%;
    }

    .slide-animation04 {
        top: -108%;
    }

    .slide-animation05 {
        top: -121%;
    }

    .slide-animation06 {
        top: -148%;
    }

    .slide-animation07 {
        bottom: 179%;
    }

    .section04_sp .comment_sp,
    .section06_sp .comment_sp {
        margin: 30px auto 0;
    }

    .section05 h2 {
        font-size: 1.3rem;
    }

    .section05 h2 {
        margin-bottom: 20px;
    }
}

@media (max-width: 375px) {
    #header:before {
        height: 47vh;
    }

    .section .info-title h2,
    .sec .comment h2,
    .section04_sp h2,
    .section06_sp h2,
    .section08 h2 {
        font-size: 1.3rem;
    }

    .section .info-title h3 {
        padding: 10px 0 0px 0;
        font-size: 1.1rem;
    }

    .info-msg {
        font-size: 1rem;
    }

    .slide-animation01 {
        top: -41%;
    }

    .slide-animation02 {
        top: -92%;
    }

    .slide-animation03 {
        top: -122%;
    }

    .slide-animation04 {
        top: -131%;
    }

    .slide-animation06 {
        top: -161%;
    }

    .slide-animation07 {
        bottom: 192%;
    }

    .slide-animation01 img {
        width: 150px;
    }

    .slide-animation02 img {
        width: 100px;
    }

    .slide-animation03 img {
        width: 120px;
    }

    .slide-animation04 img {
        width: 120px;
    }

    .slide-animation05 img {
        width: 120px;
    }

    .slide-animation06 img {
        width: 130px;
    }

    .slide-animation07 img {
        width: 120px;
    }
}

@media (max-width: 360px) {
    #header:before {
        height: 41vh;
    }
}

@media (max-width: 344px) {
    #header:before {
        height: 33vh;
    }

    #header {
        height: 20vh;
    }

    .scrolldown {
        display: none;
    }

    .slide-animation01 {
        top: -21%;
    }

    .slide-animation02 {
        top: -62%;
    }

    .slide-animation03 {
        top: -82%;
    }

    .slide-animation04 {
        top: -81%;
    }

    .slide-animation05 {
        top: -91%;
    }

    .slide-animation06 {
        top: -121%;
    }

    .slide-animation07 {
        bottom: 182%;
    }

    .section05 .aflac img {
        width: 56%;
    }

    .section05 span img {
        width: 81%;
    }
}