@charset "UTF-8";

body {
  font-family: var(--font-en);
}
.ja {
  font-family: var(--font-en);
}

/* 共有パーツ =============================== */

.page_ttl, .sec_ttl {
  display: flex;
  flex-direction: column-reverse;
}
.page_ttl .en, .sec_ttl .en {
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1.4;
  opacity: 1;
}
.page_ttl .en, .sec_ttl .en {
  font-size: 3em;
  letter-spacing: 0;
}
.sec_ttl._s .en {
  font-size: 2em;
  letter-spacing: 0;
}
.sec_ttl .ja, .page_ttl .ja,.sec_ttl._s .ja {
  font-size: 1em;
  margin-top: .2em;
  opacity: .7;
}
.page_ttl .ja,
.sec_ttl .ja {
  display: none;
}


/* HEADER
==================================================== */
.sp_nav_list>li:nth-child(n+4),
.pc_nav_list>li:nth-child(n+4){
  display: none;
}
.sp_nav_list {
  margin: 7em 0 8em;
}
/* .nav_list_inner {
  padding: 4em 0 1.2em;
} */
.nav_list_inner .ja{
  display: none;
}
.nav_list_inner .en{
  font-size: 1.8em;
}

.accshow li .en{
  display: block;
}
.accshow li .ja{
  display: none;
}

@media (min-width: 769px) {
  .nav_list_inner {
      padding: 2em 2.2em;
  }
  .nav_list_inner .en {
    font-size: 1.15em;
  }
  .pc_nav_list {
    padding-right: 2vw;
  }

  .pulldown_ul li .en{
    display: block;
  }
  .pulldown_ul li .ja{
    display: none;
  }


}/*  */



/* FOOTER
==================================================== */
.footer_nav_list li:nth-child(n+3){
  display: none;
}
.footer_nav_list li.english{
  display: block;
}
.footer_nav_list li {
  width: 100%;
}
.footer_nav_list li .ja {
  display: none;
}
.footer_nav_list li .en {
  display: block;
  font-size: 1em;
}

@media (min-width: 769px) {
  .footer_nav_list {
    gap: 2em;
  }
  .footer_nav_list li {
    width: fit-content;
  }
}


/* FOOTER
==================================================== */
.sec_about_ttl .ja{
  display: none;
}


/* ===================================== 
TOP KEYVIS
=========================================*/
.top_keyvis_sec {
  padding: 10em 0 23em;
}
.top_keyvis_ttl {
  position: relative;
  z-index: 1;
  font-size: 3.8em;
  font-weight: 500;
  margin: auto;
  height: 5.8em;
  text-align: center;
}
.top_keyvis_desc {
  font-size: 1.4em;
  padding: 0 1.5em;
}
.top_keyvis_desc {
  gap: .7em;
}

@media (min-width: 769px) {
  .top_keyvis_ttl {
    height: initial;
    text-align: left;
    margin: .4em 0;
  }
  .top_keyvis_ttl .small4 {
    font-size: .5em;
  }
  .top_keyvis_desc {
    padding: 0;
    gap: .3em;
  }
  .top_keyvis_txt_box {
    display: block;
  }
  .top_keyvis_sec {
      display: flex;
      padding: 0px;
      margin: 0px 0px 4em;
  }
}

/* ===================================== 
TOP PRIDE
=========================================*/
.top_pride_ttl{
  padding-left: 0;
}
.top_pride_ttl .ja {
  display: block;
  font-size: 3.4em;
  line-height: 1.2;
  letter-spacing: 0;
  padding: .3em 0;
}
.top_pride_nav {
  margin: 0.7em auto;
}
.top_pride_nav_list li {
  width: fit-content;
  margin: auto;
}
.top_pride_nav_list .txt {
  padding: 0 1em 0 .8em;
}
.top_pride_nav_list .txt::before {
  position: absolute;
  left: 0;
  right: initial;
  top: 0;
  bottom: 0;
  margin: auto;
}


/* ===================================== 
下部ページ
=========================================*/
.kevis_ttl{
  position: relative;
  text-align: center;
  writing-mode: initial;
  margin-bottom: 5.5em;
}
.kevis_desc{
  display: none;
}
.choice_soba_ttl .txt {
  line-height: 1.2;
}
@media (max-width: 768px) {
  .choice_list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .choice_list_box {
    position: relative;
    width: 80%;
    padding: 1em 0 1em;
    margin-bottom: 1em;
  }
  .choice_img {
    position: absolute;
    width: 38%;
    height: fit-content;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}
@media (min-width: 769px) {
  .kevis_ttl {
    position: relative;
    top: 0;
    left: 0;
    font-size: 1.2em;
    margin: 0 0 1.5em;
  }
  .choice_list_box{
    position: relative;
    width: 29%;
  }
  .choice_img {
    position: absolute;
    right: .2em;
    top: 1.5em;
    width: 49%;
    margin-top: 0;
    margin-right: 0;
  }
}/*  */