/* htmlタグとbodyタグの隙間を消す */
html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'ヒラギノ明朝 Pro', 'MS P明朝', '游明朝', serif;
    font-weight: bold;
}

.header {
    width: 100%;
    height: auto;
    display: flex;
    font-family: 'ヒラギノ明朝 Pro', 'MS P明朝', '游明朝', serif;
}

/* 背景画像を画面サイズ分だけ繰り返す */
.background-washi {
    margin-top: 0%;
    background-image: url("../images/washi_back01.jpg");
    background-repeat: repeat;
    background-size: 5%;  /* 繰り返す画像のサイズ */
    background-position: top left; /* 繰り返しの起点を左上に固定 */
    width: 100%;
    display: flex;
}



.title-logo {
    margin: 5vh 0;
    width: 45%;
    height: auto;
    align-content: center;
    /* object-fit: cover; */
}

.container {
    padding: 0 10%;
    display: grid;
    /* flex-direction: column;
    /* 縦に並べる */
    /* align-items: flex-start; */

}

.contents {
    margin: 4vh 0;
    display: grid;
    align-items: center;
    /* border: 1px solid #555; */
}

.img-area img {
    height: 20vh;
}

.stats-img {
    height: 15vh;
}

.contents-manual {
    display: flex;
    align-items: center; /* 縦方向の中央揃え */
}

.img-area-manual {
    flex: 0 0 50%; /* 画像エリアを30%の横幅に設定 */
    text-align: right;
}
.manual-img {
    margin-right: 5vh;
    height: 30vh;
}

.a-area-manual {
    flex: 0 0 50%; /* リンクエリアを70%の横幅に設定 */
    text-align: left; /* テキストを中央揃え */
}


h1,
h2 {
    margin: 0;
    /* 不要な余白を取り除く */
}

/* .upload-link, .view-link, .analyze-link {
    display: flex;
    justify-content: center; /* 水平方向の中央揃え 
    align-items: center;     /* 垂直方向の中央揃え 
    margin: 3vh 0;
}
.upload-img, .view-img, .analyze-img{
    height: 100px;
    width: auto;
} */