@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;800;900&family=Noto+Sans+JP:wght@100;400;800;900&display=swap');
body {
    font-family: 'M PLUS Rounded 1c', sans-serif;
}

.cover {
    background: url(./img/parts/bg.svg);
    background-size: cover;
}

#title {
    text-shadow: -.030em .030em #FFF6E6, -.08em .08em #E7DCD7;
    font-weight: bold;
}

.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: .75rem;
}

#hero {
    background: linear-gradient(to top, rgba(217, 175, 217, 0.7) 0%, rgba(151, 217, 225, 0.7) 100%), url(./img/hero-cover.jpeg);
    /* 背景画像指定 */
    background-repeat: no-repeat;
    background-size: cover;
}

#hero p {
    text-shadow: 0 0 5px rgba(255, 255, 255, 1);
}

#feature-1 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), url(./img/screenshot_02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

#feature-2 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), url(./img/cover.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#feature-3 {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), url(./img/checktest.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#hero-text-area {
    background: rgba( 255, 255, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37);
    backdrop-filter: blur( 6px);
    -webkit-backdrop-filter: blur( 6px);
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18);
}

.h3 {
    font-weight: 800;
    /*background: -webkit-linear-gradient(60deg, #B74C65 0%, #DB72A4 37%, #F49EE7 65%, #FFCFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #FFF;
    text-stroke: 1px #FFF;*/
    color: #bf4e6a;
}

.h5 {
    /*font-family: 'Noto Sans JP', sans-serif;*/
    font-weight: 400;
}

.subtitle {
    font-family: 'Noto Sans JP', sans-serif;
    -webkit-text-stroke: 0px #FFF;
    text-stroke: 0px #FFF;
}

footer {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    -webkit-text-stroke: 0px #FFF;
    text-stroke: 0px #FFF;
}

.sans-serif {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}

.pink-theme {
    color: #bf4e6a;
}