body{margin: calc(50% - 50vw);}

/* 全体設定 */
.css-carousel-slider8 {
    width: 100vw;margin: calc(50% - 50vw);
    display:flex;
    flex-direction:row;
    justify-content:center;
    overflow: hidden;
    position: relative;
    margin-bottom: 0px;
}
.css-carousel-slider8 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定 */
.css-carousel-slider8 .slide-wrap {
    width: 800%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: css-carousel-slider8 40s infinite;
    animation-delay: 2s;
}
.css-carousel-slider8 .slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: css-carousel-slider-main8 40s infinite;
    animation-delay: 2s;
}
.css-carousel-slider8 .slide {
    width: 100%;
}

/* スライダーアニメーションの設定 */
@keyframes css-carousel-slider8 {
    0% { transform: translateX(0); }

    10.5% { transform: translateX(calc(1 / 8 * -100%)); }
    12.5% { transform: translateX(calc(1 / 8 * -100%)); }

    23% { transform: translateX(calc(2 / 8 * -100%)); }
    25% { transform: translateX(calc(2 / 8 * -100%)); }

    35.5% { transform: translateX(calc(3 / 8 * -100%)); }
    37.5% { transform: translateX(calc(3 / 8 * -100%)); }

    48% { transform: translateX(calc(4 / 8 * -100%)); }
    50% { transform: translateX(calc(4 / 8 * -100%)); }

    60.5% { transform: translateX(calc(5 / 8 * -100%)); }
    62.5% { transform: translateX(calc(5 / 8 * -100%)); }

    73% { transform: translateX(calc(6 / 8 * -100%)); }
    75% { transform: translateX(calc(6 / 8 * -100%)); }

    85.5% { transform: translateX(calc(7 / 8 * -100%)); }
    87.5% { transform: translateX(calc(7 / 8 * -100%)); }

    98% { transform: translateX(calc(8 / 8 * -100%)); }
    100% { transform: translateX(calc(8 / 8 * -100%)); }
}

@keyframes css-carousel-slider-main8 {
    0% { transform: translateX(100%); }
    87.5% { transform: translateX(100%); }
    98% { transform: translateX(0%);}
}

.profile{
    width:85vw;height:auto;
    justify-content:center;
    align-items: center;
    margin:20vw auto 5vw auto;
}

img[src$="image/profile.png"]{
    width:min(80vw,800px);height:auto;
    margin:5vw auto 0 auto;
}

.container{
    padding-top: 100px;
    padding-bottom: 50px;
    display :flex ;
    flex-direction: column;
    justify-content:center;
}
    
.parents{
    position: relative;
    opacity: 0;
    transition: 1s ease-in;
    width:auto;height:auto;
    display :flex ;
    align-items: center;
    transition: 1s ease-in;
    margin:5vw auto;
}

img[src$="image/min_Twitter.png"]{
    width:min(25vw,250px);
}

img[src$="image/min_Instagram.png"]{
    width:min(25vw,250px);
}

.children-left{
    object-fit: cover;
    width:auto;height:min(25vw,250px);
    position:relative;
}
            
.children-right{
    width:min(50vw,400px);height:auto;
    position: relative;
    margin:0;
    padding : 0 1vw 1vh 5vw;
}

section{color: #666666;}

.heading{
    width:auto;margin:0px 15% 80px 15%;
    border-radius: 50px;
}

h1{ color: #666666;
    text-align: center;
    font-family : 'ヒラギノ丸ゴ ProN W4';
    font-size: min(5vw,3rem);
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h2{ color: #666666;
    text-align: left;
    font-family : 'ヒラギノ丸ゴ ProN W4';
    font-size: min(4vw,2rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h3{ color: #666666;
    display:inline-block;
    text-align: left;
    font-family : 'ヒラギノ丸ゴ ProN W4';
    font-size: min(4vw,2rem);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom:dotted;
}