/*phone*/


/*tags*/
body {
    background-color: #e4e4e4;
}


/*slide*/
.slide_box {
    width: 100%;
    margin-bottom: 50vh;
    text-align: center;
}


.slide {
    width: 100%;
    position: relative;
}


.slide_img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(100%, 1000px);
    opacity: 0;
    animation: change-img 40s infinite;
}


.slide_img:nth-child(1) {
    animation-delay: 0s;
}

.slide_img:nth-child(2) {
    animation-delay: 8s;
}

.slide_img:nth-child(3) {
    animation-delay: 16s;
}

.slide_img:nth-child(4) {
    animation-delay: 24s;
}

.slide_img:nth-child(5) {
    animation-delay: 32s;
}

@keyframes change-img {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    35% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}


/*embed instagram*/
.instagram_embed iframe {
    margin-right: auto !important;
    margin-left: auto !important;
}


/*introduction*/
.intro {
    width: 95%;
    background-color: white;
    margin-inline: auto;
    padding-bottom: 5vh;
    box-shadow: 2px 2px 2px 2px #8888883d;
}


.intro_header {
    padding-left: 6vw;
    font-size: 8vw;
    color: white;
    text-align: left;
    background-color: #1D2088;
}


.intro_item {
    text-align: left;
    margin-inline: auto;
    width: 90%;
    margin-top: 3vh;
    padding-bottom: 3vh;
    background-color: rgb(243, 243, 243);
}


.intro_title {
    font-size: 9vw;
    color: black;
    border-left: #1D2088 3vw solid;
    padding-left: 2vw;
    text-decoration: none;
}


.intro_para {
    display: block;
    color: black;
    width: 95%;
    font-size: 4vw;
    overflow-wrap: break-word;
    padding-left: 2vw;
}


.intro_detail {
    text-align: left;
    color: black;
    text-decoration: none;
    margin-left: 2vw;
    border-bottom: #1D2088 1px solid;
}


/*tablet*/
@media screen and (max-width: 768px) {}

/*pc*/
@media screen and (min-width: 1024px) {


    /*slide*/
    .slide_box {
        margin-bottom: 100vh;
    }


    /*introduction*/
    .intro {
        width: 80%;
    }


    .intro_header {
        font-size: 2vw;
        padding-left: 1vw;
        border-left-width: 1vw;
    }


    .intro_title {
        font-size: 1.5vw;
        padding-left: 1vw;
        border-left-width: 1vw;
    }


    .intro_para {
        font-size: 1vw;
    }


}

/*for_editor_preview*/
@media (max-width: 480px) {}