@charset "utf-8";

/* A先生、手直しありがとうございました！！！ */

/* body {
    background: linear-gradient(rgba(200, 255, 230, 0.8), rgba(0, 0, 0, 0.1)), url(../images/hana.png);
    background-repeat: space; */
    /* background-color: rgba(255, 255, 255, 1); 
}*/

img{ 
    max-width: 100%;
}
/* 今後のレスポンシブ対応を見越して入れてあります */

.container {
    width: 1000px;
    margin: 0 auto;
    /* 真ん中よせ用に追加しました。 */
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    justify-content: center;
}
.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
  }
  .youtube iframe {
    width: 100%;
    height: 100%;
  }

  /*↑参考URL https://hirashimatakumi.com/blog/6601.html */
/* 
.bx01 {
    grid-column: 1/2;
}

.bx02 {
    grid-column: 2/3;
}

.bx03 {
    grid-column: 1/2;
}

.bx04 {
    grid-column: 2/3;
}

.bx05 {
    grid-column: 1/3;
} */

.outbx {
    display: inline-block;
    background: url(../images/rain.png),linear-gradient(rgba(250, 235, 215, 1), rgba(250, 235, 215, 1));
    padding: 70px;
    margin: 50px;
    background-repeat: repeat-x;
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, .5);
}

/* .outbx {
    display: inline-block;
    background-color: antiquewhite;
    padding: 70px;
    margin: 50px;
} */

.bx05 {
    grid-column: 1/3;
    justify-items: center;
}

.works3 {
    font-family: 'Inter Tight',sans-serif;
    font-size: 80px;
    font-weight: bold;
    color: #222;
    display: block;
}

.bx01 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}