@charset "UTF-8";
#content { position: relative; overflow: hidden; }

.bgd_layer { position: absolute; z-index: -100; width: 100%; height: 100%; background-color: #ebebeb; }

.adv_area { background-color: #eee; padding-top: 4rem; padding-bottom: 4rem; }
.adv_area .whitebox { position: relative; overflow: hidden; }
.adv_area .whitebox:before { content: ""; position: absolute; bottom: 0; right: 0; width: 4rem; aspect-ratio: 1 / 1; clip-path: polygon(100% 0, 0% 100%, 100% 100%); z-index: 0; }
.adv_area .whitebox:nth-child(1):before { background-color: #3e549f; }
.adv_area .whitebox:nth-child(2):before { background-color: #d156b6; }
.adv_area .whitebox:nth-child(3):before { background-color: #54535c; }
.adv_area .whitebox .fl2 { position: relative; z-index: 1; }

@media screen and (min-width: 768px), print { .adv_area { margin-top: 140px; margin-bottom: 160px; }
  .adv_area .whitebox { display: flex; width: 100%; padding: 3em 28px; background-color: #fff; border-radius: 6px; }
  .adv_area .whitebox .brdl { border-left: 2px solid #e74200; padding-left: 28px; padding-right: 1em; }
  .adv_area .whitebox .brdl .adv_ttl { color: #e74200; font-size: 28px; line-height: 1; font-weight: 800; min-width: 10em; margin-bottom: 28px; }
  .adv_area .whitebox .brdl .adv_txt { font-size: 20px; line-height: 35px; margin-top: 14px; font-weight: 400; }
  .adv_area .whitebox .brdl .adv_subtxt { margin-top: 1.25em; font-size: 16px; line-height: 28px; font-weight: 400; }
  .adv_area .whitebox .brdl .subtxt li { font-size: 16px; line-height: 28px; font-weight: 400; }
  .adv_area .whitebox .tabsize { width: 40%; height: auto; }
  .adv_area .whitebox .fl2 { display: flex; justify-content: space-between; }
  .adv_area .whitebox:nth-child(n+2) { margin-top: 2em; } }
@media screen and (min-width: 768px) and (max-width: 1183px) { /* PC以下 */
  .adv_area { margin-top: 90px; margin-bottom: 180px; }
  .adv_area .whitebox { display: flex; padding: 2em 20px; }
  .adv_area .whitebox .brdl { padding-left: 20px; padding-right: 1em; }
  .adv_area .whitebox .brdl .adv_ttl { font-size: 20px; line-height: 30px; }
  .adv_area .whitebox .brdl .adv_txt { font-size: 16px; line-height: 24px; margin-top: 16px; font-weight: 400; }
  .adv_area .whitebox .brdl .adv_subtxt { font-size: 14px; line-height: 22px; font-weight: 400; }
  .adv_area .whitebox .brdl .subtxt li { font-size: 14px; line-height: 22px; font-weight: 400; } }
@media screen and (min-width: 768px) and (max-width: 991px) { /* タブレット以下 */ }
@media screen and (max-width: 767px) { .numbox_area { flex-wrap: wrap; }
  .numbox_area a { border-radius: 10px; }
  .numbox_area a:not(:first-child) { margin-top: 0.5rem; }
  .numbox_area .numbox { padding: 0.5rem; flex-direction: row; position: relative; overflow: hidden; }
  .numbox_area .numbox .num_txt { width: 60%; }
  .numbox_area .numbox .num_txt .num1 { font-size: 24px; line-height: 24px; height: 24px; }
  .numbox_area .numbox .num_txt .num2 { padding-left: 0.75em; padding-right: 1em; width: 100%; flex-grow: 1; }
  .numbox_area .numbox .num_img { width: 40%; border-radius: 10px; overflow: hidden; }
  .numbox_area + .numbox_area { margin-top: 2em; }
  .adv_bgd { position: absolute; z-index: -10; top: 0; left: 0; height: auto; max-height: 400px; }
  .adv_bgd img { height: 100vw; width: auto; }
  .adv_bgd2 { position: absolute; z-index: -20; bottom: 0; left: 50%; transform: translate(-50%); }
  .adv_bgd2 img { width: 100vw; height: auto; }
  .adv_bgd2_btm { position: absolute; z-index: -20; bottom: 0; left: 50%; transform: translate(-50%); }
  .adv_bgd2_btm img { width: 100vw; height: auto; }
  .adv_area { margin-top: 40px; margin-bottom: 80px; }
  .adv_area .whitebox { display: flex; width: 100%; padding: 1.25em 16px; background-color: rgba(255, 255, 255, 0.95); border-radius: 6px; }
  .adv_area .whitebox .brdl { border-left: 2px solid #e74200; padding-left: 9px; }
  .adv_area .whitebox .brdl .adv_ttl { color: #e74200; font-size: 16px; line-height: 24px; font-weight: 800; min-width: 10em; }
  .adv_area .whitebox .brdl .adv_txt { font-size: 14px; line-height: 21px; margin-top: 10px; font-weight: 400; }
  .adv_area .whitebox .brdl .adv_subtxt { margin-top: 1.25em; font-size: 12px; line-height: 18px; font-weight: 400; }
  .adv_area .whitebox .brdl .subtxt li { font-size: 12px; line-height: 18px; font-weight: 400; }
  .adv_area .whitebox .fl2 { display: flex; flex-direction: column; }
  .adv_area .whitebox .fl2 img { margin: 10px auto 0; }
  .adv_area .whitebox:nth-child(n+2) { margin-top: 1em; } }