/* Scss Document */
/* Scss Document */
/*---------------------------------------------
    common
---------------------------------------------*/
.sec_titArea {
  margin: 0 0 60px;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 750px) {
    .sec_titArea {
      margin: 0 0 8vw;
      z-index: 30; } }

.sec_tit {
  font-size: 8.6rem;
  font-weight: 700;
  line-height: 1;
  font-family: 'Roboto', sans-serif; }
  @media screen and (max-width: 750px) {
    .sec_tit {
      font-size: 16vw; } }

.sec_subTit {
  font-size: 2rem;
  font-weight: 700; }
  @media screen and (max-width: 750px) {
    .sec_subTit {
      font-size: 5vw;
      margin: 1.3vw 0 0; } }

.sec_txt {
  text-align: center;
  font-size: 2rem;
  font-weight: 400;
  margin: 0 0 130px;
  line-height: 2.25; }
  @media screen and (max-width: 750px) {
    .sec_txt {
      text-align: left;
      font-size: 4.2vw;
      line-height: 1.8;
      margin: 0 0 20vw; } }

/*---------------------------------------------
    page
---------------------------------------------*/
.detail_inner {
  padding: 0 0 100px;
  line-height: 2; }
  @media screen and (max-width: 750px) {
    .detail_inner {
      padding: 0 0 20vw; } }

.privacy_content:not(:last-child) {
  margin: 0 0 40px; }
  @media screen and (max-width: 750px) {
    .privacy_content:not(:last-child) {
      margin: 0 0 8vw; } }

.big_tit {
  font-size: 4rem;
  font-weight: 700;
  margin: 0 0 25px;
  color: #004ea2; }
  @media screen and (max-width: 750px) {
    .big_tit {
      font-size: 5.8vw;
      margin: 0 0 3vw; } }

.privacyList {
  margin: 25px 0 0; }
  @media screen and (max-width: 750px) {
    .privacyList {
      margin: 3vw 0 0; } }
  .privacyList > li:not(:last-child) {
    margin: 0 0 25px; }
    @media screen and (max-width: 750px) {
      .privacyList > li:not(:last-child) {
        margin: 0 0 5vw; } }

.indentList li {
  padding-left: 1em;
  text-indent: -1em; }

.bg_tit {
  background: #004ea2;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 700;
  padding: 0 10px;
  margin: 0 0 20px; }
  @media screen and (max-width: 750px) {
    .bg_tit {
      font-size: 4.8w;
      padding: 0 2.6w;
      margin: 0 0 4vw; } }

.right_txt {
  text-align: right;
  margin: 40px 0 0;
  line-height: 1.75;
  font-size: 2rem; }
  @media screen and (max-width: 750px) {
    .right_txt {
      margin: 6vw 0 0;
      font-size: 4.2vw; } }
  .right_txt span {
    display: inline-block; }

/*---------------------------------------------
    news
---------------------------------------------*/
.page_titArea {
  background: url("../img/common/detail_bg.png") no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  margin: 0 0 120px; }
  @media screen and (max-width: 750px) {
    .page_titArea {
      background-image: url("../img/common/detail_bg_sp.png");
      margin: 0 0 30vw; } }
  .page_titArea .inner {
    position: relative;
    padding: 130px 0 100px; }
    @media screen and (max-width: 750px) {
      .page_titArea .inner {
        padding: 10vw 0 9vw; } }
    .page_titArea .inner::before, .page_titArea .inner::after {
      content: "";
      display: block;
      position: absolute;
      background-size: contain;
      background-repeat: no-repeat; }
    .page_titArea .inner::before {
      background-image: url("../img/common/detail_deco01.svg");
      width: 610px;
      height: 386px;
      top: 30px;
      right: calc(100% - 260px); }
      @media screen and (max-width: 750px) {
        .page_titArea .inner::before {
          width: 49.6vw;
          height: 31.4vw;
          top: 13vw;
          right: auto;
          left: -25vw; } }
    .page_titArea .inner::after {
      background-image: url("../img/common/detail_deco02.svg");
      width: 250px;
      height: 460px;
      top: 194px;
      left: calc(100% + 15px); }
      @media screen and (max-width: 750px) {
        .page_titArea .inner::after {
          width: 18.6vw;
          height: 34.6vw;
          left: auto;
          right: -2.6vw;
          top: 15vw; } }
  @media screen and (max-width: 750px) {
    .page_titArea.-ja {
      margin: 0 0 20vw; } }
  .page_titArea.-ja .inner {
    padding: 130px 0 140px; }
  .page_titArea.-ja .page_tit {
    font-size: 7rem;
    font-family: 'Noto Sans JP', sans-serif; }
    @media screen and (max-width: 750px) {
      .page_titArea.-ja .page_tit {
        font-size: 7vw; } }

.page_tit {
  font-size: 8.6rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 10; }
  @media screen and (max-width: 750px) {
    .page_tit {
      font-size: 12vw; } }

.page_subTit {
  font-size: 2rem;
  margin: 5px 0 0;
  position: relative;
  z-index: 10; }
  @media screen and (max-width: 750px) {
    .page_subTit {
      font-size: 4vw; } }

.news_inner {
  padding: 0 0 160px; }
  @media screen and (max-width: 750px) {
    .news_inner {
      padding: 0 0 30vw; } }

.newsList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 750px) {
    .newsList {
      display: block; } }
  .newsList::after {
    content: "";
    display: block;
    width: 30%;
    order: 1; }
    @media screen and (max-width: 750px) {
      .newsList::after {
        display: none; } }
  .newsList li {
    width: 30%;
    margin: 0 0 70px; }
    @media screen and (max-width: 750px) {
      .newsList li {
        width: 100%; }
        .newsList li:not(:last-child) {
          margin: 0 0 13.3vw; } }

.newsList_img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 390px;
  margin: 0 0 15px; }
  @media screen and (max-width: 750px) {
    .newsList_img {
      width: 68vw;
      margin: 0 auto 4.8vw;
      height: 72vw; } }

.newsList_titArea {
  display: flex;
  align-items: center;
  margin: 0 0 10px; }
  @media screen and (max-width: 750px) {
    .newsList_titArea {
      margin: 0 0 2.6vw; } }

.newsList_tit {
  color: #00afec;
  font-size: 1.8rem; }
  @media screen and (max-width: 750px) {
    .newsList_tit {
      font-size: 5vw; } }

.newsList_category {
  border-radius: 7px;
  background: #ffeb00;
  text-align: center;
  flex-shrink: 0;
  min-width: 82px;
  padding: 0 10px;
  color: #333333;
  margin: 0 10px 0 0; }
  @media screen and (max-width: 750px) {
    .newsList_category {
      padding: 0 2vw;
      min-width: 21.8vw;
      margin: 0 2.6vw 0 0; } }

.wrap .wp-pagenavi,
.wrap .pageNav_list {
  font-size: 3rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 750px) {
    .wrap .wp-pagenavi,
    .wrap .pageNav_list {
      font-size: 4.2vw; } }
  .wrap .wp-pagenavi a,
  .wrap .pageNav_list a {
    margin: 0 20px;
    border: none; }
    @media screen and (max-width: 750px) {
      .wrap .wp-pagenavi a,
      .wrap .pageNav_list a {
        margin: 0 2.6vw; } }
  .wrap .wp-pagenavi .current,
  .wrap .pageNav_list .current {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    border-radius: 50%;
    width: 70px;
    background: #00afec;
    color: #fff;
    border: none;
    margin: 0 20px; }
    @media screen and (max-width: 750px) {
      .wrap .wp-pagenavi .current,
      .wrap .pageNav_list .current {
        margin: 0 2.6vw;
        width: 9.8vw;
        height: 9.8vw; } }
  .wrap .wp-pagenavi .page,
  .wrap .pageNav_list .page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    border-radius: 50%;
    width: 70px;
    background: #efefef; }
    @media screen and (max-width: 750px) {
      .wrap .wp-pagenavi .page,
      .wrap .pageNav_list .page {
        width: 9.8vw;
        height: 9.8vw; } }
  .wrap .wp-pagenavi .previouspostslink,
  .wrap .wp-pagenavi .nextpostslink,
  .wrap .pageNav_list .previouspostslink,
  .wrap .pageNav_list .nextpostslink {
    width: 15px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 0; }
  .wrap .wp-pagenavi .previouspostslink,
  .wrap .pageNav_list .previouspostslink {
    background-image: url("../img/common/prev.svg"); }
  .wrap .wp-pagenavi .nextpostslink,
  .wrap .pageNav_list .nextpostslink {
    background-image: url("../img/common/next.svg"); }

.news_article {
  padding: 0 0 110px; }
  @media screen and (max-width: 750px) {
    .news_article {
      padding: 0 0 18.6vw; } }

.news_head {
  display: flex;
  align-items: center;
  margin: 0 0 10px; }
  @media screen and (max-width: 750px) {
    .news_head {
      margin: 0 0 2.6vw; } }

.news_category {
  min-width: 110px;
  margin: 0 10px 0 0;
  text-align: center;
  border-radius: 7px;
  background: #ffeb00;
  font-size: 2rem;
  padding: 0 10px; }
  @media screen and (max-width: 750px) {
    .news_category {
      min-width: 29.3vw;
      margin: 0 2.6vw 0 0;
      padding: 0 2.6vw;
      font-size: 5vw; } }

.news_time {
  font-size: 2rem; }
  @media screen and (max-width: 750px) {
    .news_time {
      font-size: 5vw; } }

.news_tit {
  border-bottom: 1px solid #333333;
  padding: 0 0 15px;
  color: #00afec;
  font-size: 5rem;
  line-height: 1.4;
  margin: 0 0 80px; }
  @media screen and (max-width: 750px) {
    .news_tit {
      font-size: 8vw;
      padding: 0 0 5vw;
      margin: 0 0 9vw; } }

.news_main {
  padding: 0 0 70px;
  border-bottom: 1px solid #333333; }
  @media screen and (max-width: 750px) {
    .news_main {
      padding: 0 0 20vw; } }
  .news_main h1 {
    color: #004ea2;
    font-weight: 700;
    font-size: 4rem;
    margin: 0 0 25px; }
    @media screen and (max-width: 750px) {
      .news_main h1 {
        font-size: 7.4vw;
        margin: 0 0 8vw; } }
  .news_main h2 {
    background: #004ea2;
    color: #fff;
    font-size: 2.8rem;
    font-weight: 700;
    padding: 0 20px;
    margin: 0 0 25px; }
    @media screen and (max-width: 750px) {
      .news_main h2 {
        font-size: 5vw;
        margin: 0 0 8vw; } }
  .news_main p {
    margin: 0 0 1.5em;
    line-height: 2; }
  .news_main strong, .news_main b {
    color: #e60012; }
  .news_main a {
    color: #00afec;
    text-decoration: underline; }

.news_otherList {
  margin: 40px 0 0;
  color: #00afec;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 750px) {
    .news_otherList {
      margin: 10vw 0 0; } }