@charset "utf-8";

.mt200 {
    margin-top:200px;
}

.text-center {
    text-align:center;
}

/* ホーム */
/*画面幅900px以上の追加指定*/
@media screen and (min-width:900px) {

.list-normal .list div {
    flex: 1;
}

/*ボックス１個あたり*/
.list-normal .list {
    display: flex;    /*flexボックスを使う指定*/
    align-items: center;            /*垂直揃えの指定。天地中央に配置されるように。*/
}

/*ボックス内のfigure画像*/
.list-normal .list figure {
    margin-bottom: 0;    /*下に空けるスペースをリセットする*/
    width: 20%;            /*画像の幅*/
    margin-right: 4rem;    /*画像の右側に空けるスペース*/
}

}/*追加指定ここまで*/


/* ページ */
.header {
    margin:15px auto;
    text-align:center;
}

@media screen and (min-width:900px) {

.header {
    width:80%;
}

}

hr.gray {
    background-color: #e7e7e7;
    border:0;
    height:1px;
    margin-bottom: 2rem;
    clear:both;
}

img.img_left {
    float:left;
    margin:0 2rem 2rem 0rem;
}

img.img_right {
    float:right;
    margin:0 0rem 2rem 2rem;
}

img.img_center {
    display:block;
    margin:2rem auto;
}

/* 写真アイテム */
.list-grid.item_list {
    margin-bottom:3rem;
}
.list-grid.item_list figure {
    width:100%;
    margin:0 auto;
    text-align:center;
}
.list-grid.item_list .text p {
    text-align:center;
}

.list-grid.c2.item_list {
    width:90%;
    margin:0 auto 3rem;
    display:flex;
    gap:16%;
}

.list-grid.c2.item_list .list {
    width:42%;
}

.bgimg {
    width:100%;
    margin-bottom:1rem;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bgimg {
    height:30vh;
}

@media screen and (min-width:900px) {

.bgimg {
    height:400px;
}

}