@charset "utf-8";
/*
サイト上の構成の大枠としてページ内に1度しか出てこないものと、グリッドレイアウトについてを記述します。
We will write about thing the only comes out once on the page as a frame and grid(column) layout.

接頭辞はLayoutの頭文字を取って【l_】とします。
Prefix will take the "Layout" first letter and use it as "l_".

ここで指定するのは以下の様なものと予想されます。
You might use the following.
.l_wrap/.l_container/.l_header/
.l_nav/.l_main/.l_contents/.l_footer

モディファイヤを使用する場合は接頭辞【has_】をつけ、各レイアウトの下に記述します。
When using modifier put the prefix "has_" and write it under each layout.

フォントサイズはremで指定します。
"rem" will be used for font-size.

↓↓↓↓↓↓コメントアウト表記サンプル Comment out sample ↓↓↓↓↓↓
*/
/*----------------------------------------------
	大くくりコメントアウト large part
---------------------------------------------*/
/*  中くくりコメントアウト middle part
------------------------------------- */
/* 小くくりコメントアウト small part */
/*
↑↑↑↑↑↑コメントアウト表記サンプル Comment out sample ↑↑↑↑↑↑
*/
/*----------------------------------------------
	.l_wrap
---------------------------------------------*/
.l_wrap {
 width: 1200px;
 margin: 0 auto;
}
@media screen and (max-width:900px) {
 .l_wrap {
  width: 90%;
 }
}
/*----------------------------------------------
	.l_container
---------------------------------------------*/
/*----------------------------------------------
	.l_header_area
---------------------------------------------*/
.l_header_area {
 background: #fff;
 filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
 padding: 15px 0 20px 0;
 position: sticky;
 top: 0;
 transition: .2s;
  z-index: 999;
}
.l_header_area.is-animation {
 padding: 5px 0 10px 0;
}
@media screen and (max-width:900px) {
  .l_header_area,
  .l_header_area.is-animation{
    padding: 0;
  }
}

/*----------------------------------------------
	.l_side_contents
---------------------------------------------*/
/*----------------------------------------------
	.l_nav_area
---------------------------------------------*/
.l_nav_area .l_nav {
 display: flex;
  justify-content: space-between;
 align-items: center;
  padding: 0 40px;
 justify-content: space-between;
 margin: 0 auto;
}
.l_nav_area .l_nav ul {
 display: flex;
 align-items: center;
 margin: 0 auto;
  width: 960px;
}
.l_nav_area .l_nav ul li {
  padding: 0 30px;
}
.l_nav_area .l_nav ul li:nth-of-type(2) {
  padding: 0 10px;
}
.l_nav_area ul li a {
 display: flex;
 flex-flow: column;
 justify-content: center;
 align-items: center;
 text-decoration: none;
 transition: .2s;
}
.l_nav_area ul li a:hover {
 opacity: .5;
}
.l_nav_area ul li a img {
 width: 50px;
 margin: 10px 0;
}
.l_nav_logo img {
 width: 200px !important;
}
.l_nav_txt {
 font-size: 1.8rem;
 font-weight: bold;
 color: #000;
}
.l_nav_sub {
 font-size: 1.4rem;
 font-weight: bold;
 color: #F5B07F;
}
.is-animation .l_nav_area ul li a img {
 width: 35px;
 margin-bottom: 5px;
}
.is-animation .l_nav_txt {
 font-size: 1.6rem;
}
.is-animation .l_nav_sub {
 font-size: 1.2rem;
}
.l_nav_sns {
  margin-left: 149px;
}
.is-animation .l_nav_sns {
  margin-left: 0;
}
.l_nav_sns a {
  display: inline-block;
  padding: 13px;
  background: #333;
  border-radius: 50px;
  transition: .2s;
}
.l_nav_sns a img {
  width: 25px;
  height: auto;
}
.l_nav_sns a:hover {
  opacity: .7;
}

@media screen and (max-width:900px) {
  .l_nav_logo {
  }
  .l_nav_logo img {
    padding-left: 5%;
    margin-top: -12px;
  }
}
/*=========================================
#hamburger
=========================================*/
.hamburger {
 position: fixed;
 top: 5px;
 right: 20px;
 z-index: 150;
 width: 30px;
 height: 30px;
 cursor: pointer;
}
.hamburger.is-active span:nth-child(1) {
 top: 50%;
 transform: translate(-50%, -50%) rotate(135deg);
}
.hamburger.is-active span:nth-child(2) {
 opacity: 0;
}
.hamburger.is-active span:nth-child(3) {
 top: 50%;
 transform: translate(-50%, -50%) rotate(-135deg);
}
.hamburger span {
 position: absolute;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 2px;
 background-color: #EB6100;
 transition: transform .3s;
}
.hamburger.is-active span {
 background-color: #ffffff;
}
.hamburger span:nth-child(1) {
 top: 30%;
}
.hamburger span:nth-child(2) {
 top: 60%;
}
.hamburger span:nth-child(3) {
 top: 90%;
}
/*=========================================
#drawer
=========================================*/
.drawer {
 visibility: hidden;
 opacity: 0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 130;
 width: 100%;
 height: 100vh;
 background-color: #EB6100;
 transition: opacity .3s, visibility .3s;
}
.drawer.is-active {
 visibility: visible;
 opacity: 1;
}
.drawer-inner {
 display: flex;
 justify-content: center;
 align-items: center;
 height: 100%;
 padding: 0 20px;
}
.drawer__item {
  text-align: center;
}
.drawer__list {
 display: flex;
 flex-direction: column;
 gap: 50px;
}
.drawer__link {
 color: #ffffff;
 text-decoration: none;
  font-weight: bold;
}
/*----------------------------------------------
	.l_main_contents
---------------------------------------------*/
.inner main .l_wrap {
  margin: 60px auto 150px auto;
}
.inner .l_event_area .l_wrap {
  margin-bottom: 0;
}

.l_mv_area {
  background: #fff;
  clip-path: ellipse(100% 100% at 50% 0%);
  padding-bottom: 70px;
  margin-top: -50px;
}
.l_mv_area img {
  width: 100%;
}
@media screen and (max-width:900px) {
  .l_mv_area {
    clip-path: ellipse(130% 100% at 50% 0%);
  }
}

.l_reg_area {
  background: url("../images/bg_blue.png");
  background-repeat: repeat;
  margin-top: -150px;
}
.l_reg_area .l_wrap {
  padding: 300px 0 250px 0;
}
.l_result {
  padding-bottom: 250px;
}
.l_reg_box {
  background: #fff;
  padding: 60px;
  border-radius: 20px;
  width: 970px;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.16);
  position: relative;
}
.l_reg_txt {
  font-size: 3rem;
  font-weight: 900;
}
.l_reg_txt_s {
  width: 560px;
  text-align: center;
}
.l_reg_img {
  position: absolute;
  bottom: -70px;
  right: -230px;
}
.l_reg_img_slide {
  width: 550px;
  height: 387px;
  position: relative;
}

.l_reg_img img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-size: cover;
  background-position: center center;
  animation: image-switch-animation 40s infinite;
  border-radius: 20px;
  width: 100%;
}

.src1 {
  background-image: url("../images/img_reg.png");
}
.src2 {
  background-image: url("../images/img_reg02.png");
}
.src3 {
  background-image: url("../images/img_reg03.png");
}
.src4 {
  background-image: url("../images/img_reg04.png");
}
.src5 {
  background-image: url("../images/img_reg05.png");
}
.src6 {
  background-image: url("../images/img_reg06.png");
}
.src7 {
  background-image: url("../images/img_reg07.png");
}

.l_reg_img img:nth-of-type(1) {
  animation-delay: 0s;
}
.l_reg_img img:nth-of-type(2) {
  animation-delay: 5s;
}
.l_reg_img img:nth-of-type(3) {
  animation-delay: 10s;
}
.l_reg_img img:nth-of-type(4) {
  animation-delay: 15s;
}
.l_reg_img img:nth-of-type(5) {
  animation-delay: 20s;
}
.l_reg_img img:nth-of-type(6) {
  animation-delay: 25s;
}
.l_reg_img img:nth-of-type(7) {
  animation-delay: 30s;
}


@keyframes image-switch-animation {
  0%{ opacity: 0;}
  5%{ opacity: 1;}
  25%{ opacity: 1;}
  30%{ opacity: 0;}
  100%{ opacity: 0;}
}
.l_reg_hukidashi {
  position: absolute;
  top: -150px;
  right: -50px;
}
.l_reg_hukidashi img {
  width: 438px;
}
@media screen and (max-width:900px) {
  .l_reg_area .l_wrap {
    padding: 250px 0 150px 0;
  }
  .l_reg_box {
    padding: 20px;
    width: 100%;
    text-align: center;
  }
  .l_reg_txt {
    font-size: 2rem;
    text-align: center;
  }
  .l_reg_txt_s {
    width: 100%;
  }
  .l_reg_img {
    position: relative;
    bottom: inherit;
    right: inherit;
    text-align: center;
    margin-top: 20px;
  }
  .l_reg_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .l_reg_hukidashi {
    width: 100%;
    right: inherit;
    top: inherit;
    bottom: 98%;
    left: 50%;
    transform: translateX(-50%);
  }
  .l_reg_hukidashi img {
    width: 100%;
  }
  .l_reg_img_slide {
    width: 100%;
  }
}

.l_news_area {
  background: #fff;
  position: relative;
}
.l_news_area::before {
  content: '';
  background: url("../images/bg_cloud.png");
  background-size: 100% 200px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 100%;
}
.l_news_area .l_wrap {
  padding: 50px 0 200px 0;
}
.l_news_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l_news_ttl img {
  width: 66px;
  margin-bottom: -20px;
}
.l_news_list {
  width: 920px;
  height: 240px;
  overflow-y: scroll;
  padding-right: 10px;
}
.l_news_list div {
  display: flex;
  background: #fff;
  padding:  20px 30px;
  border-radius: 20px;
  border: 1px solid #707070;
  box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
  width: 100%;
  font-weight: 700;
}
.l_news_list div .is_date {
  margin-right: 1em;
}
@media screen and (max-width:900px) {
  .l_news_area::before {
    background-size: cover;
  }
  .l_news_area .l_wrap {
    padding: 0 0 150px 0;
  }
  .l_news_box {
    display: inherit;
  }
  .l_news_list {
    width: 100%;
    height: 320px;
    margin-top: 30px;
  }
  .l_news_list div {
    display: inherit;
  }
  .l_news_ttl img {
    width: 40px;
    height: auto;
  }
}

.l_event_area {
  position: relative;
  width: 100%;
  background: #fffbe9 url("../images/bg_event.png") repeat;
  background-size: 60%;
  z-index: 9;
}

.l_event_area_top {
  width: 100%;
  height: 200px; /* カーブ部分の高さ */
  overflow: hidden;
  position: absolute;
  bottom: 100%;
}

.l_event_area_top svg {
  width: 100%;
  height: 100%;
  display: block;
}

.l_event_area .l_wrap {
  padding: 0 0 100px 0;
}
/*.l_event_area::before {
  content: '';
  background: url("../images/bg_event_top.png");
  display: inline-block;
  width: 100%;
  position: absolute;
  bottom: 100%;
}*/
.l_event_box,
.l_event_box02,
.l_event_box03{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
/*万博ナシバージョン-------------------*/
.l_event_box02 {
  width: 800px;
  margin: 0 auto;
}
.l_event_box02 > div {
  width: 45%!important;
}

@media screen and (max-width:900px) {
  .l_event_box02 {
    width: 100%;
  }
}
/*----------------------------------*/
.l_event_box > div,
.l_event_box03 > div{
  width: 48%;
  overflow: hidden;
}
.l_event_box02 > div {
  width: 31%;
}
.l_event_box03 > div{
  margin-bottom: 30px!important;
}
.l_event_content {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #707070;
  overflow: hidden;
}
.l_event_box02 .l_event_content {
  position: relative;
  height: 335px!important;
}
.l_event_box02 .l_event_content > p {
  height: auto;
  overflow: hidden;
}
.l_event_box02 .l_event_content img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.l_event_box02 .c_btn_type03 {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.swiper .l_event_content {
  height: 100%;
}
.l_event_content.is_blue  {
  border: 2px solid #004EA2;
  position: relative;
}
.l_event_content.is_blue::after  {
  content: '';
  background: url("../images/img_venue01.png");
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  width: 268px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 18px;
}
.l_event_content.is_green  {
  border: 2px solid #AFC500;
  position: relative;
}
.l_event_content.is_green::after  {
  content: '';
  background: url("../images/img_venue02.png");
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  width: 268px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 18px;
}
.l_event_content.is_pink  {
  border: 2px solid #EC78AB;
  position: relative;
}
.l_event_content.is_pink::after  {
  content: '';
  background: url("../images/img_venue03.png");
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  width: 268px;
  height: 40px;
  position: absolute;
  left: 0;
  top: 18px;
}
.l_event_content img {
  width: 100%;
}
.l_event_content > div {
  padding: 20px;
  border-top: 1px solid #707070;
}
.l_reg2_area .l_event_content > div {
  padding: 80px 20px 20px 20px;
  border-top: 1px solid #707070;
}
.l_event_box03 .l_event_content > div > div{
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:900px) {
  .l_event_area_top {
    height: 110px;
  }
  .l_event_area .l_wrap {
    padding-bottom: 40px;
  }
  .l_event_box,
  .l_event_box02,
  .l_event_box03 {
    display: inherit;
  }
  .l_event_box > div,
  .l_event_box02 > div,
  .l_event_box03 > div {
    width: 100%!important;
    margin-bottom: 60px;
  }
  .l_event_box03 > div {
    margin-bottom: 30px;
  }
  .l_event_content,
  .l_event_box02 .l_event_content {
  height: 100%!important;
  }
  /*.l_event_box02 .c_btn_type03 {
    position: relative;
    right: inherit;
    bottom: inherit;
  }*/
  .l_event_box02 .l_event_content > div {
    padding-bottom: 40px;
  }
  .l_event_box .c_btn_type03 {
    margin-top: 10px;
  }
  .l_event_box03 .l_event_content > div > div{
    display: inherit;
  }
  .l_event_box03 .l_event_content > div > div .c_btn_type03{
    text-align: right
  }
}

.l_reg2_area {
  background: url("../images/bg_blue_cloud.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -200px;
  position: relative;
  z-index: 99;
  padding: 300px 0 70px 0;
}

.l_companies_area {
  background: #fff;
  padding: 100px 0 200px 0;
}
.l_companies_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.l_companies_box div {
  width: 31%;
  background: #fff;
  border: 1px solid #707070;
  border-radius: 20px;
  padding: 15px 25px;
  text-align: center;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:900px) {
  .l_companies_box div {
    width: 100%;
  }
}

.l_bnr_area {
  padding: 100px 0 150px 0;
  background: #FDFBF2
}
.l_bnr_box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.l_bnr_box ul li {
  width: 23%;
}
.l_bnr_box ul li img {
  width: 100%;
  transition: .2s;
}
.l_bnr_box ul li img:hover {
  transform: scale(1.1);
}
@media screen and (max-width:900px) {
  .l_bnr_box ul li {
    width: 48%;
    margin-bottom: 20px;
  }
}

.l_inner_ttl {
  background: #fffbe9;
  clip-path: ellipse(100% 100% at 50% 0%);
  padding: 20px 0 5px 0;
  text-align: center;
}

/*イベント紹介ページ*/
.l_event_inner_box01 {
  background: #fff;
  border: 1px solid #ccc;
  display: flex;
  align-items: stretch;
  border-radius: 20px;
  overflow: hidden;
  height: auto;
}
.l_event_inner_img {
  width: 38%;
  height: auto;
  overflow: hidden;
}
.l_event_inner_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.l_event_inner_box02 .l_event_inner_img img {
  height: 350px;
}
.l_event_inner_txt {
  width: 62%;
  padding: 30px;
}
.l_event_inner_time {
  color: #EB6100;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
}
.l_event_inner_box02 .l_event_inner_time,
.l_event_inner_box02 .l_event_inner_joken,
.l_event_inner_box02 .l_event_inner_sanka {
  color: #EB6100;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  line-height: .9;
}
.l_event_inner_time::before {
  content: '';
  background: url("../images/icon_time.png");
  display: inline-block;
  background-size: cover;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.l_event_inner_box02 .l_event_inner_time::before {
  content: '';
  background: url("../images/icon_time.png");
  display: inline-block;
  background-size: cover;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.l_event_inner_joken {
  padding-left: 24px!important;
}
.l_event_inner_joken::before {
  content: '';
  background: url("../images/icon_joken.png");
  display: inline-block;
  background-size: cover;
  width: 19px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.l_event_inner_sanka::before {
  content: '';
  background: url("../images/icon_sanka.png");
  display: inline-block;
  background-size: cover;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.l_event_inner_ttl {
  font-size: 3rem;
  font-weight: 900;
  margin-bottom: 20px;
}
.l_event_inner_ttl span {
  font-size: 2rem;
}
.l_event_inner_detail {
  margin-bottom: 30px;
}
.l_event_inner_profile_box {
  background: #f5f5f5;
  padding: 15px;
  border-radius: 10px;
}
.l_event_inner_aff {
  margin-bottom: 5px;
}
.l_event_inner_name {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: 900;
}
.l_event_inner_name span {
  font-size: 1.4rem;
  font-weight: normal;
}
.l_event_inner_pro {
  font-size: 1.4rem;
}

.l_event_btn_box {
  display: flex;
  justify-content: space-between;
}
.l_event_btn_box p {
  width: 30%;
}

.l_event_inner_box02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.l_event_inner_box02 > div {
  background: #fff;
  border: 1px solid #ccc;
  width: 48%;
  border-radius: 20px;
  margin-bottom: 30px;
  overflow: hidden;
}
.l_event_inner_box02.is_blue > div {
  border: 1px solid #004EA2;
}
.l_event_inner_box02.is_green > div {
  border: 1px solid #AFC500;
}
.l_event_inner_box02.is_pink > div {
  border: 1px solid #EC78AB;
}
.l_event_inner_box02 .l_event_inner_img,
.l_event_inner_box02 .l_event_inner_img02 img{
  width: 100%;
}
.l_event_inner_box02 .l_event_inner_txt {
  width: 100%;
}
.l_event_inner_op {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.l_event_inner_op02 {
  margin-bottom: 20px;
}
.l_event_inner_op p:not(:last-of-type) {
  margin-right: 25px;
}
.l_event_inner_op02 p {
  line-height: 1!important;
}
.l_event_inner_op02 p:not(:last-of-type) {
  margin-bottom: 15px;
}
.l_event_inner_box02 .l_event_inner_ttl {
  font-size: 2rem;
  font-weight: 900;
}
.l_event_inner_box02 .l_event_inner_ttl span {
  font-size: 1.6rem;
}
.l_event_inner_syutten {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l_event_inner_syutten > div {
  width: 80%
}
.l_event_inner_syutten > p {
  width: 15%;
}
.l_event_inner_syutten > p img {
  width: 100%;
}
.l_event_inner_syutten_ttl {
  padding: 5px 33px;
  color: #FFFFFF;
  display: inline-block;
  background: #004EA2;
  margin-bottom: 10px;
}
.is_green .l_event_inner_syutten_ttl {
  background: #AFC500;
}
.is_pink .l_event_inner_syutten_ttl {
  background: #EC78AB;
}

@media screen and (max-width:900px) {
  .l_event_inner_box01,
  .l_event_inner_box02,
  .l_event_btn_box,
  .l_event_inner_op {
    display: inherit;
  }
  .l_event_inner_img,
  .l_event_inner_txt,
  .l_event_inner_box02 > div,
  .l_event_btn_box p {
    width: 100%;
  }
  .l_event_btn_box {
    padding-top: 30px;
  }
  .l_event_btn_box p:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .l_event_inner_img {
    height: 300px;
  }
  .l_event_inner_op p:not(:last-of-type) {
    margin-bottom: 20px!important;
  }
  .l_event_inner_time::before,
  .l_event_inner_joken::before,
  .l_event_inner_sanka::before {
    top: 6px;
  }
  
  .l_event_inner_aff,
  .l_event_inner_detail,
  .l_event_inner_syutten{
    font-size: 1.6rem;
  }
}

/*アクセスページ*/
.l_access_box {
  display: flex;
  justify-content: space-between;
}
.l_access_box > p,
.l_access_box > div {
  width: 48%
}
.l_access_box > p img {
  width: 100%;
}
@media screen and (max-width:900px) {
  .l_access_box {
    display: inherit;
  }
  .l_access_box > p,
  .l_access_box > div {
    width: 100%
  }
}

/*よくある質問*/
.l_faq_btn_box {
  display: flex;
  justify-content: space-between;
}
.l_faq_btn_box p {
  width: 30%;
}
.l_faq_q {
  background: #EB6100;
  padding: 10px 20px 10px 50px;
  border-radius: 10px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
}
.l_faq_q::before {
  content: 'Q';
  color: #EB6100;
  background: #fff;
  padding: 5px 12px;
  border-radius: 30px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.l_faq_q p {
  padding-left: 5px;
}
.l_faq_a {
  background: #fffbe9;
  padding: 20px 20px 20px 50px;
  margin-top: 10px;
  border-radius: 10px;
  position: relative;
}
.l_faq_a::before {
  content: 'A';
  color: #fff;
  background: #EB6100;
  padding: 5px 12px;
  border-radius: 30px;
  position: absolute;
  left: 10px;
  top: 15px;
}
.l_faq_a p {
  padding-left: 5px;
}
@media screen and (max-width:900px) {
  .l_faq_btn_box {
    display: inherit;
  }
  .l_faq_btn_box p {
    width: 100%;
  }
  .l_faq_btn_box p:not(:last-of-type) {
    margin-bottom: 20px;
  }
}

/*----------------------------------------------
	.l_news_area
---------------------------------------------*/
/*----------------------------------------------
  .l_footer_area
---------------------------------------------*/
.l_footer_area {
  background: #24150A;
  position: relative;
  color: #fff;
  z-index: 9;
}
.l_footer_area::before {
  content: '';
  background: url("../images/bg_footer_top.png") no-repeat;
  background-size: 100% 50px;
  display: inline-block;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 100%;
}
.l_footer_menu ul {
  display: flex;
  justify-content: center;
}
.l_footer_menu a {
  color: #fff;
  text-decoration: none;
  margin: 20px;
  transition: .2s;
  font-weight: 700;
}
.l_footer_menu a:hover {
  opacity: .7;
}
.l_sponsor_box {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 50px 0;
}
.l_copyright_box {
  display: flex;
  justify-content: space-between;
  font-size: 1.4rem;
  padding: 10px 0;
}
.l_copyright_box ul {
  display: flex;
}
.l_copyright_box ul li:not(:last-of-type) {
  margin-right: 2em;
}
.l_copyright_box ul a {
  color: #fff;
  transition: .2s;
}
.l_copyright_box ul a:hover {
  opacity: .7;
}
.l_footer_area a {
  color: #fff!important;
  transition: .2s;
}
.l_footer_area a:hover {
  opacity: .7;
}
@media screen and (max-width:900px) {
  .l_footer_menu ul {
    display: inherit;
    text-align: center;
  } 
  .l_footer_menu ul li:not(:last-of-type) {
    margin-bottom: 10px;
  }
  .l_sponsor_box {
    font-size: 1.2rem;
  }
  .l_copyright_box {
    display: inherit;
    font-size: 1.2rem;
  }
}

/*----------------------------------------------
  .l_copyright
---------------------------------------------*/
/*----------------------------------------------
  .l_pagetop
---------------------------------------------*/