@charset "UTF-8";
.main-visual::before { position: absolute; /*place-self: center;
inset: 0;*/ top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #a9b5c6; content: ''; mix-blend-mode: multiply; width: 44.7rem; height: 23.5rem; }

.wrapper { background: url(../img/concept/bg01.jpg) no-repeat center top; background-size: cover; text-align: center; padding: 8rem 5% 6rem; position: relative; z-index: -1; }
.wrapper::after { background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 6rem; }

.main-copy { margin-top: 8rem; font-size: 2.4rem; line-height: 1.6; }
.main-copy + .note { font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; margin-top: 1rem; }

.catch-copy { max-width: 320px; margin-inline: auto; margin-top: 8rem; }
.catch-copy img { width: 100%; height: auto; }

.sub-copy { font-size: 2.1rem; line-height: 1.6; margin-top: 8rem; }

.logo { width: 96%; max-width: 400px; margin: 8rem auto; mix-blend-mode: multiply; }
.logo img { width: 100%; height: auto; }

.concept-image { color: #897e5a; margin-top: 8rem; }
.concept-image .title { font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; }
.concept-image .title .lead { font-size: 1.6rem; }
.concept-image .title .name { font-size: 1.8rem; margin-top: 1rem; }
.concept-image .img { margin-top: 2rem; max-width: 492px; margin-inline: auto; }
.concept-image .requirements { margin-top: 6rem; }
.concept-image .requirements .title { font-family: '游ゴシック', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; font-size: 1.4rem; font-weight: 600; }
.concept-image .requirements .text { margin-top: 0.5rem; font-size: 1.2rem; line-height: 1.6; }

@media (max-width: 960px) { .main-visual::before { width: 34rem; height: 18rem; } }
@media (max-width: 520px) { .main-visual::before { width: 28rem; height: 14rem; }
  .wrapper { background-size: 130%; }
  .catch-copy { max-width: 280px; } }