@charset "UTF-8";
/***Stylesheet キーワードでわかるページ***/
.page-field--keyword .fv { margin-bottom: 10rem; }
@media only screen and (max-width: 767px) { .page-field--keyword .fv { margin-bottom: 3rem; } }
.page-field--keyword .fv .inner { position: relative; }
.page-field--keyword .fv .img { width: 100%; height: 38rem; overflow: hidden; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; }
.page-field--keyword .fv .img > img, .page-field--keyword .fv .img > video { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 767px) { .page-field--keyword .fv .img { height: 18rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; } }
.page-field--keyword .fv .text { width: 100%; color: #ffffff; position: absolute; left: 0; bottom: 25%; z-index: 10; }
.page-field--keyword .fv .text h1 { margin-bottom: 0.4em; font-size: 5.6rem; font-weight: 700; line-height: 1.428; letter-spacing: 0.01em; text-align: center; }
@media only screen and (max-width: 767px) { .page-field--keyword .fv .text h1 { font-size: 2.8rem; letter-spacing: 0; } }
.page-field--keyword .fv .text h1 span { margin-bottom: 0.5em; font-size: 1.8rem; font-weight: 500; display: block; }
@media only screen and (max-width: 767px) { .page-field--keyword .fv .text h1 span { font-size: 1.2rem; } }
.page-field--keyword .field--keyword__keyword h2 { font-weight: 700; letter-spacing: 0.02em; text-align: center; color: #004da0; position: relative; z-index: 2; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__keyword h2 { line-height: 1; } }
.page-field--keyword .field--keyword__keyword h2:after { width: 3.5em; height: 0.4rem; margin: 1rem auto 0 auto; content: ''; background-color: #004da0; display: block; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__keyword h2:after { width: 4.4rem; height: 0.3rem; margin-top: 0.5em; } }
.page-field--keyword .field--keyword__keyword h2 span { width: 100%; font-size: 10rem; font-weight: 700; line-height: 1; letter-spacing: 0; background: -webkit-linear-gradient(134deg, rgba(0, 77, 160, 0.15), rgba(0, 150, 255, 0.15), rgba(150, 201, 255, 0.15)); background: linear-gradient(134deg, rgba(0, 77, 160, 0.15), rgba(0, 150, 255, 0.15), rgba(150, 201, 255, 0.15)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transform: translateY(-36%); transform: translateY(-36%); }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__keyword h2 span { font-size: 7rem; -webkit-transform: translateY(-30%); transform: translateY(-30%); } }
.page-field--keyword .field--keyword__keyword .bg { margin-top: -2.5rem; padding: 7rem 0 12rem 0; background-color: #e6f4ff; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__keyword .bg { margin-top: -1.5rem; padding: 4rem 0 6rem 0; } }
.page-field--keyword .field--keyword__keyword ul { margin-top: 2rem; }
@media only screen and (min-width: 768px) { .page-field--keyword .field--keyword__keyword ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
.page-field--keyword .field--keyword__keyword ul li { background-color: #ffffff; overflow: hidden; }
@media only screen and (min-width: 768px) { .page-field--keyword .field--keyword__keyword ul li { width: 32%; margin: 0 2% 2% 0; padding: 3.5rem 4.4rem 4.5rem 4.4rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; }
  .page-field--keyword .field--keyword__keyword ul li:nth-child(3n) { margin-right: 0; } }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__keyword ul li { padding: 3rem 2rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; }
  .page-field--keyword .field--keyword__keyword ul li + li { margin-top: 3rem; } }
.page-field--keyword .field--keyword__keyword ul li .ttl { text-align: center; }
@media only screen and (min-width: 768px) { .page-field--keyword .field--keyword__keyword ul li .ttl { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; } }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__keyword ul li .ttl { height: auto !important; } }
.page-field--keyword .field--keyword__keyword ul li .ttl h3 { font-size: 2.4rem; font-weight: 900; line-height: 1.33; color: #004da0; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__keyword ul li .ttl h3 { font-size: 2rem; } }
.page-field--keyword .field--keyword__keyword ul li .fig { width: 10rem; margin: 1.8rem auto 2.5rem auto; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__keyword ul li .fig { width: 6rem; margin: 1rem auto; } }
.page-field--keyword .field--keyword__keyword ul li .fig img { width: 100%; }
.page-field--keyword .field--keyword__keyword ul li p { line-height: 1.75; }
.page-field--keyword .field--keyword__number { margin-top: -2rem; margin-bottom: 7.5rem; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number { margin-bottom: 5.5rem; } }
.page-field--keyword .field--keyword__number h2 { font-weight: 700; letter-spacing: 0.02em; text-align: center; color: #004da0; position: relative; z-index: 2; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number h2 { line-height: 1; } }
.page-field--keyword .field--keyword__number h2:after { width: 3.5em; height: 0.4rem; margin: 1rem auto 0 auto; content: ''; background-color: #004da0; display: block; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number h2:after { width: 4.4rem; height: 0.3rem; margin-top: 0.5em; } }
.page-field--keyword .field--keyword__number h2 span { width: 100%; font-size: 10rem; font-weight: 700; line-height: 1; letter-spacing: 0; background: -webkit-linear-gradient(134deg, rgba(0, 77, 160, 0.15), rgba(0, 150, 255, 0.15), rgba(150, 201, 255, 0.15)); background: linear-gradient(134deg, rgba(0, 77, 160, 0.15), rgba(0, 150, 255, 0.15), rgba(150, 201, 255, 0.15)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transform: translateY(-36%); transform: translateY(-36%); }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number h2 span { font-size: 7rem; -webkit-transform: translateY(-40%); transform: translateY(-40%); } }
.page-field--keyword .field--keyword__number .bg { margin-top: -2rem; padding: 7rem 0; background-color: #f7f7f7; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number .bg { padding: 4rem 0; } }
.page-field--keyword .field--keyword__number ul { margin-top: 2rem; }
@media only screen and (min-width: 768px) { .page-field--keyword .field--keyword__number ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
.page-field--keyword .field--keyword__number ul li { background-color: #ffffff; overflow: hidden; }
@media only screen and (min-width: 768px) { .page-field--keyword .field--keyword__number ul li { width: 32%; margin: 0 2% 2% 0; padding: 3.75rem 1rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; }
  .page-field--keyword .field--keyword__number ul li:nth-child(3n) { margin-right: 0; } }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number ul li { padding: 3rem 2rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; }
  .page-field--keyword .field--keyword__number ul li + li { margin-top: 3rem; } }
.page-field--keyword .field--keyword__number ul li h3 { font-size: 1.8rem; font-weight: 900; line-height: 1.33; text-align: center; color: #004da0; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number ul li h3 { font-size: 1.6rem; } }
@media only screen and (min-width: 768px) { .page-field--keyword .field--keyword__number ul li h3.line2 { margin-top: -0.75em; }
  .page-field--keyword .field--keyword__number ul li h3.line2 + .fig { margin-top: 0.25rem; } }
.page-field--keyword .field--keyword__number ul li .fig { width: 20rem; margin: 1.5rem auto 0.2rem auto; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number ul li .fig { width: 15rem; margin: 1rem auto; } }
.page-field--keyword .field--keyword__number ul li .fig img { width: 100%; }
.page-field--keyword .field--keyword__number ul li .num { font-size: 2.4rem; font-weight: 900; text-align: center; color: #004da0; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number ul li .num { font-size: 1.8rem; } }
.page-field--keyword .field--keyword__number ul li .num span { font-size: 2.3em; line-height: 1; }
.page-field--keyword .field--keyword__number ul li .num span span { font-size: 0.64em; }
.page-field--keyword .field--keyword__number ul li .annotation { margin-top: 0.9rem; font-size: 1.2rem; text-align: center; letter-spacing: 0.02em; }
.page-field--keyword .field--keyword__number .btn { margin-top: 8rem; text-align: center; }
@media only screen and (max-width: 767px) { .page-field--keyword .field--keyword__number .btn { margin-top: 4rem; } }