@charset "UTF-8";
/*-------------------------------------------------------------------------------

  HTML5 :: modify.css
  2016.01 Accelight Inc.

-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
 変数定義
-------------------------------------------------------------------------------*/
/*
----- 色名接頭辞 -----
白：white
灰：gray
黒：black
鮮やかな：vivid
くすんだ：dull
明るい：brigt
暗い：dark
*/
/*----- グレースケールの定義 -----*/
/*----- 基本色の定義 -----*/
/* メインカラー */
/* サブカラー */
/* メインカラー明るめ*/
/* フォント */
/* リンクテキスト */
/* リンクテキスト ホバー時 */
/* 必須マーク */
/*----- breakpointの定義 -----*/
/*-------------------------------------------------------------------------------
　@mixin
-------------------------------------------------------------------------------*/
/* text-indent:-9999pxの代わり */
/* before,after要素 */
/* before,after要素 インライン */
/* 三角右向きアイコン */
/* media query */
/*-------------------------------------------------------------------------------
web font　定義
-------------------------------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?kxzv91");
  src: url("../fonts/icomoon.eot?kxzv91#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?kxzv91") format("truetype"), url("../fonts/icomoon.woff?kxzv91") format("woff"), url("../fonts/icomoon.svg?kxzv91#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* ホームアイコン */
.icon-house:before {
  content: "\e901"; }

/* 別タブで開くアイコン */
.icon-window:after {
  content: "\e903";
  margin: 0 0 0 6px; }

/*-------------------------------------------------------------------------------

fonts

-------------------------------------------------------------------------------*/
@font-face {
  font-family: 'Poppins';
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Noto Sans JP';
  src: url("../fonts/NotoSansJP-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  /* 可変フォントの範囲を指定 */
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  /* 可変フォントの範囲を指定 */
  font-style: normal; }
@font-face {
  font-family: 'M PLUS 1p';
  src: url("../fonts/MPLUS1p-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/*-------------------------------------------------------------------------------

body

-------------------------------------------------------------------------------*/
body {
  margin: 0; }

/*-------------------------------------------------------------------------------


ヘッダー


-------------------------------------------------------------------------------*/
header {
  z-index: 10; }
  @media (min-width: 960px) {
    header .global-nav:before {
      content: "";
      height: 250px;
      width: 300%;
      background-color: #FF7826;
      bottom: -157px;
      left: -100%;
      display: block;
      position: absolute;
      z-index: -1; } }
  header .global-nav .menu-list-wrap .menu-list {
    flex-wrap: wrap; }
  header h1 a {
    max-width: 1000px;
    position: relative;
    background: url(/img/title.png) top center/contain no-repeat;
    height: 60px; }
    @media (max-width: 960px) {
      header h1 a {
        background: url(/img/title-sp.png) center center/contain no-repeat;
        margin: 0 10px;
        max-width: 500px; } }
    header h1 a span.title {
      display: none; }

header .sub-nav {
  display: none; }

.open-header .menu-list-wrap ul.open {
  margin-bottom: 0; }
  .open-header .menu-list-wrap ul.open li {
    width: 100% !important;
    text-align: center;
    border: none; }
    .open-header .menu-list-wrap ul.open li a {
      box-sizing: border-box;
      padding: 12px 12px 30px 12px; }
      .open-header .menu-list-wrap ul.open li a:after {
        transform: translateX(-50%); }
  .open-header .menu-list-wrap ul.open .nav-7, .open-header .menu-list-wrap ul.open .nav-8, .open-header .menu-list-wrap ul.open .nav-9, .open-header .menu-list-wrap ul.open .nav-10 {
    background: #FF7826; }
.open-header .site-title {
  width: 80%; }
.open-header .nav-drawer-btn.open {
  background: transparent; }
  .open-header .nav-drawer-btn.open .lines-wrap {
    height: auto; }
    .open-header .nav-drawer-btn.open .lines-wrap span {
      margin: 28px 0 0 -12px; }
  .open-header .nav-drawer-btn.open .lines-title {
    height: auto; }
.open-header .sub-nav {
  display: block;
  background: #FF7826;
  overflow: hidden; }
  .open-header .sub-nav .footer-sns {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px; }
    .open-header .sub-nav .footer-sns a {
      width: 40px; }

/*
@media(min-width: 960px) {
  header {
    .global-nav {
      //width: 100%;
      //flex: 1 1 100%;
      //background: #1B418C;
      //margin: 0 -200%;
      //padding: 0 200%;
      li {
        &::after {
          top: 27.5px;
          transform: rotate(15deg);
          width: 2px;
        }
        a {
          font-size: 120%;
          padding: 2em 1em 1em;
          box-sizing: border-box;
        }
      }
    }
  }
}*/
.global-nav ul.menu-list {
  justify-content: center;
  /* 2行目（7〜10番目） */ }
  .global-nav ul.menu-list > li a {
    font-family: 'M PLUS 1p', sans-serif; }
    @media (min-width: 1400px) {
      .global-nav ul.menu-list > li a {
        padding: 22.5px 0 22.5px 30px; } }
    @media (min-width: 1200px) and (max-width: 1400px) {
      .global-nav ul.menu-list > li a {
        font-size: 90%;
        padding: 22.5px 0 22.5px 10px; } }
    @media (min-width: 960px) and (max-width: 1200px) {
      .global-nav ul.menu-list > li a {
        font-size: 90%;
        padding: 22.5px 0 22.5px 0px; } }
    .global-nav ul.menu-list > li a:before {
      content: '';
      position: absolute;
      top: 14px;
      left: 30px;
      width: 40px;
      height: 40px;
      background: url(/img/gnav01.png) center center/contain no-repeat; }
      @media (min-width: 1200px) and (max-width: 1400px) {
        .global-nav ul.menu-list > li a:before {
          top: 24px;
          left: 10px;
          width: 30px;
          height: 30px; } }
      @media (min-width: 960px) and (max-width: 1200px) {
        .global-nav ul.menu-list > li a:before {
          content: none; } }
    .global-nav ul.menu-list > li a:after {
      display: inline-block;
      position: absolute;
      top: 3em;
      left: 50%;
      transform: translateX(-19%);
      font-size: 90%;
      font-weight: normal;
      letter-spacing: 0.05em;
      color: #fff;
      font-family: 'Poppins', sans-serif; }
  .global-nav ul.menu-list .nav-1 a::after {
    content: "ABOUT";
    color: #FF7826; }
    @media (min-width: 960px) and (max-width: 1200px) {
      .global-nav ul.menu-list .nav-1 a::after {
        transform: translateX(-50%); } }
  .global-nav ul.menu-list .nav-2 a:before {
    background: url(/img/gnav02.png) center center/contain no-repeat; }
  .global-nav ul.menu-list .nav-2 a:after {
    content: "CURRICULUM";
    color: #FF7826;
    transform: translateX(-35%); }
    @media (min-width: 960px) and (max-width: 1200px) {
      .global-nav ul.menu-list .nav-2 a:after {
        transform: translateX(-50%); } }
  .global-nav ul.menu-list .nav-3 a:before {
    background: url(/img/gnav03.png) center center/contain no-repeat; }
  .global-nav ul.menu-list .nav-3 a:after {
    content: "TEACHERS";
    color: #FF7826;
    transform: translateX(-31%); }
    @media (min-width: 960px) and (max-width: 1200px) {
      .global-nav ul.menu-list .nav-3 a:after {
        transform: translateX(-50%); } }
  .global-nav ul.menu-list .nav-4 a:before {
    background: url(/img/gnav04.png) center center/contain no-repeat; }
  .global-nav ul.menu-list .nav-4 a:after {
    content: 'STUDENT \A ACTIVITIES';
    color: #FF7826;
    transform: translateX(-40%); }
    @media (min-width: 960px) and (max-width: 1200px) {
      .global-nav ul.menu-list .nav-4 a:after {
        transform: translateX(-50%); } }
  .global-nav ul.menu-list .nav-5 a:before {
    background: url(/img/gnav05.png) center center/contain no-repeat; }
  .global-nav ul.menu-list .nav-5 a:after {
    content: "GRADUATE";
    color: #FF7826;
    transform: translateX(-31%); }
    @media (min-width: 960px) and (max-width: 1200px) {
      .global-nav ul.menu-list .nav-5 a:after {
        transform: translateX(-50%); } }
  .global-nav ul.menu-list .nav-6 a:before {
    background: url(/img/gnav06.png) center center/contain no-repeat; }
  .global-nav ul.menu-list .nav-6 a:after {
    content: "PROJECT";
    color: #FF7826;
    transform: translateX(-26%); }
    @media (min-width: 960px) and (max-width: 1200px) {
      .global-nav ul.menu-list .nav-6 a:after {
        transform: translateX(-50%); } }
  .global-nav ul.menu-list .nav-7 a {
    color: #F6FF43; }
    .global-nav ul.menu-list .nav-7 a:before {
      background: url(/img/gnav07.png) center center/contain no-repeat; }
    .global-nav ul.menu-list .nav-7 a:after {
      content: "BOOKS";
      transform: translateX(-18%); }
      @media (min-width: 960px) and (max-width: 1200px) {
        .global-nav ul.menu-list .nav-7 a:after {
          transform: translateX(-50%); } }
  .global-nav ul.menu-list .nav-8 a {
    color: #F6FF43; }
    .global-nav ul.menu-list .nav-8 a:before {
      background: url(/img/gnav08.png) center center/contain no-repeat; }
    .global-nav ul.menu-list .nav-8 a:after {
      content: 'BLOG';
      transform: translateX(-11%); }
      @media (min-width: 960px) and (max-width: 1200px) {
        .global-nav ul.menu-list .nav-8 a:after {
          transform: translateX(-50%); } }
  .global-nav ul.menu-list .nav-9 a {
    color: #F6FF43; }
    .global-nav ul.menu-list .nav-9 a:before {
      background: url(/img/gnav09.png) center center/contain no-repeat; }
    .global-nav ul.menu-list .nav-9 a:after {
      content: "NEWS";
      transform: translateX(-10%); }
      @media (min-width: 960px) and (max-width: 1200px) {
        .global-nav ul.menu-list .nav-9 a:after {
          transform: translateX(-50%); } }
  .global-nav ul.menu-list .nav-10 a {
    color: #F6FF43; }
    .global-nav ul.menu-list .nav-10 a:before {
      background: url(/img/gnav10.png) center center/contain no-repeat; }
    .global-nav ul.menu-list .nav-10 a:after {
      content: 'DONATION';
      transform: translateX(-29%); }
      @media (min-width: 960px) and (max-width: 1200px) {
        .global-nav ul.menu-list .nav-10 a:after {
          transform: translateX(-50%); } }
  .global-nav ul.menu-list li:nth-child(-n+6) {
    width: calc(100% / 6);
    /* 6分割 */ }
  .global-nav ul.menu-list li:nth-child(n+7) {
    width: calc(100% / 6);
    /* 4分割 */ }

/*
@media(max-width: 960px) {
  .open-header {
    position: absolute;
    .header-inner {
      width: 100%;
      z-index: 100000000;
      background: #fff;
      h1.site-title {
        margin: 0;
        padding: 0;
        padding-left: 13px;
        a {
          z-index: 1000;
        }
      }
    }
  }
  .global-nav .nav-drawer-btn.open {
    height: 69px;
    //padding-left: 13px;
  }
  .open-header .menu-list.open li a {
    width: calc(100% - 24px);
  }
}

@media(max-width: 768px) {
  .side-contents .menu-list-wrap {
    display: none;
  }
}
*/
.flex-area {
  display: flex;
  flex-wrap: wrap; }

main .btn a {
  color: #FF7826;
  border: 1px solid #FF7826;
  border-radius: 30px;
  letter-spacing: 0.2rem;
  background: #fff; }
  main .btn a:before {
    border-top: 2px solid #FF7826;
    border-right: 2px solid #FF7826; }
  main .btn a:hover {
    color: #fff;
    background: #FF7826; }
@media (max-width: 960px) {
  main:before {
    content: "";
    height: 250px;
    width: 100%;
    background-color: #FF7826;
    top: 0px;
    display: block;
    position: absolute;
    z-index: 0; } }

/*-------------------------------------------------------------------------------



ホーム


-------------------------------------------------------------------------------*/
.home {
  /*--------------------------------------------------
  メインビジュアル
  --------------------------------------------------*/
  /* end .main-v */
  /*--------------------------------------------------
  メインコンテンツ
  --------------------------------------------------*/
  /* end .contents-wrap */
  /*追加*/
  /* ニュース */
  /* end .news */
  /* project */
  /* blog */
  /*books限定*/
  /*  .books {//books一覧ページ
  
      .flex-area {
        justify-content: space-evenly;
        .flex-box {
          width: 30%;
          .img-box {
            text-align: center;
            padding: 30px;
            background: #2a5717;
            img {
              margin: 0 auto;
              max-width: 260px;
            }
          }
          &:hover {
            .img-box {
               overflow: hidden;
               //transition: transform 0.3s ease-in-out;
               img {
                 transform: scale(1.1);
              }
            }
          }
          .txt-box {
            .day-area {
              p {
                margin-left: 10px;
                color: #111;
              }
            }
          }
          i {
            display: none;
          }
        }
      }
    }
    h1 {
      span{
        &::before {
        }
        &::after {
          //background: url(../img/ico-glasses.png) center center / contain no-repeat;
        }
      }
    }
  */
  /*banner*/ }
  .home .main-v {
    width: 100%;
    margin: 55px 0 15px 0;
    /* コントローラー */
    /* ページャー */
    /*追加*/
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: 0px 0px 50px;
    max-width: 1720px; }
    @media screen and (min-width: 768px) {
      .home .main-v {
        margin: 0 auto; } }
    .home .main-v img {
      display: block; }
      @media screen and (min-width: 768px) {
        .home .main-v img {
          margin: 0 auto; } }
    .home .main-v .bx-controls {
      position: absolute;
      bottom: -40px;
      z-index: 500; }
    .home .main-v .bx-pager-item {
      display: inline-block; }
    .home .main-v .bx-pager-item a {
      text-indent: -9999px;
      display: block;
      background: #808080; }
    .home .main-v .bx-pager-item .active {
      background: #a90000; }
    .home .main-v .bx-controls-direction {
      display: none; }
    @media (max-width: 960px) {
      .home .main-v {
        padding: 0 30px;
        margin-top: 195px; } }
    @media (min-width: 960px) {
      .home .main-v {
        z-index: 10; } }
    .home .main-v .main-v-img-wrap {
      display: flex; }
      @media (min-width: 960px) {
        .home .main-v .main-v-img-wrap {
          margin-left: 20px;
          margin-right: 20px; } }
      @media (max-width: 960px) {
        .home .main-v .main-v-img-wrap {
          flex-wrap: wrap;
          justify-content: center; } }
      .home .main-v .main-v-img-wrap .left-box {
        max-width: 920px;
        width: 53.48837209302326%; }
        @media (max-width: 960px) {
          .home .main-v .main-v-img-wrap .left-box {
            width: 100%; } }
        .home .main-v .main-v-img-wrap .left-box img {
          width: 100%;
          border-radius: 32px 0 0 32px;
          height: 100%;
          object-fit: cover; }
          @media (max-width: 960px) {
            .home .main-v .main-v-img-wrap .left-box img {
              border-radius: 32px 32px 0 0; } }
      .home .main-v .main-v-img-wrap .right-box {
        display: flex;
        flex-wrap: wrap;
        max-width: 800px;
        width: 46.51162790697674%;
        z-index: -1; }
        @media (max-width: 960px) {
          .home .main-v .main-v-img-wrap .right-box {
            width: 100%;
            max-width: 920px; } }
        .home .main-v .main-v-img-wrap .right-box img {
          width: 50%;
          object-fit: cover; }
        .home .main-v .main-v-img-wrap .right-box img.img-3 {
          border-radius: 0 32px 0 0; }
          @media (max-width: 960px) {
            .home .main-v .main-v-img-wrap .right-box img.img-3 {
              border-radius: 0; } }
        @media (max-width: 960px) {
          .home .main-v .main-v-img-wrap .right-box img.img-4 {
            border-radius: 0 0 0 32px; } }
        .home .main-v .main-v-img-wrap .right-box img.img-5 {
          border-radius: 0 0 32px 0; }
    .home .main-v .main-v-inner {
      position: absolute;
      display: flex;
      justify-content: space-between;
      bottom: -190px;
      width: 100%;
      font-family: 'Noto Sans JP', sans-serif;
      align-items: center;
      z-index: 1; }
      @media (max-width: 960px) {
        .home .main-v .main-v-inner {
          display: none; } }
      .home .main-v .main-v-inner .main-massage-1 {
        text-align: left;
        font-size: 279%;
        color: white;
        padding: 122px 128px;
        line-height: 1.2;
        text-shadow: 0px 4px 4px #6a6a6a; }
        @media (max-width: 1600px) {
          .home .main-v .main-v-inner .main-massage-1 {
            font-size: 226%; } }
        @media (max-width: 1280px) {
          .home .main-v .main-v-inner .main-massage-1 {
            padding: 122px 114px;
            font-size: 160%; } }
        .home .main-v .main-v-inner .main-massage-1 span {
          font-size: 114%; }
        .home .main-v .main-v-inner .main-massage-1:before {
          content: "";
          position: absolute;
          top: 9px;
          left: 30px;
          width: 745px;
          height: 331px;
          background: url(/img/main-v-left.png) center center/contain no-repeat;
          z-index: -1; }
          @media (max-width: 1600px) {
            .home .main-v .main-v-inner .main-massage-1:before {
              width: 677px;
              height: 318px; } }
          @media (max-width: 1280px) {
            .home .main-v .main-v-inner .main-massage-1:before {
              width: 515px;
              height: 278px; } }
      .home .main-v .main-v-inner .main-massage-2 {
        text-align: left;
        font-size: 279%;
        color: white;
        padding: 48px 167px;
        line-height: 1.2;
        text-shadow: 0px 4px 4px #6a6a6a; }
        @media (max-width: 1600px) {
          .home .main-v .main-v-inner .main-massage-2 {
            font-size: 226%;
            padding: 48px 75px; } }
        @media (max-width: 1280px) {
          .home .main-v .main-v-inner .main-massage-2 {
            font-size: 160%; } }
        .home .main-v .main-v-inner .main-massage-2 span {
          font-size: 114%; }
        .home .main-v .main-v-inner .main-massage-2:before {
          content: "";
          position: absolute;
          top: 15px;
          right: 54px;
          width: 657.15px;
          height: 354.71px;
          background: url(/img/main-v-right.png) center center/contain no-repeat;
          transform: rotate(9.77deg);
          z-index: -1; }
          @media (max-width: 1600px) {
            .home .main-v .main-v-inner .main-massage-2:before {
              width: 657.15px;
              height: 331.71px;
              right: -77px; } }
          @media (max-width: 1280px) {
            .home .main-v .main-v-inner .main-massage-2:before {
              width: 491.15px;
              height: 279.71px;
              right: -38px; } }
    .home .main-v .main-v-inner-sp-1 {
      display: none; }
      @media (max-width: 960px) {
        .home .main-v .main-v-inner-sp-1 {
          display: block; } }
      .home .main-v .main-v-inner-sp-1 .main-massage-1 {
        text-align: center;
        font-size: 150%;
        color: white;
        line-height: 1.2;
        text-shadow: 0px 4px 4px #6a6a6a;
        transform: translate(6%, -101%);
        position: absolute; }
        .home .main-v .main-v-inner-sp-1 .main-massage-1 span {
          font-size: 114%; }
        .home .main-v .main-v-inner-sp-1 .main-massage-1:before {
          content: "";
          position: absolute;
          top: -55px;
          left: -28px;
          width: 116%;
          height: 272%;
          background: url(/img/main-v-left.png) center center/contain no-repeat;
          z-index: -1; }
    .home .main-v .main-v-inner-sp-2 {
      display: none; }
      @media (max-width: 960px) {
        .home .main-v .main-v-inner-sp-2 {
          display: block;
          position: relative;
          width: 100%;
          height: auto; } }
      .home .main-v .main-v-inner-sp-2 .main-massage-2 {
        text-align: center;
        font-size: 150%;
        color: white;
        line-height: 1.2;
        text-shadow: 0px 4px 4px #6a6a6a;
        position: absolute;
        right: 48px;
        bottom: -80px; }
        .home .main-v .main-v-inner-sp-2 .main-massage-2 span {
          font-size: 114%; }
        .home .main-v .main-v-inner-sp-2 .main-massage-2:before {
          content: "";
          position: absolute;
          bottom: 0%;
          bottom: -147%;
          right: -56px;
          width: 160%;
          height: 380%;
          background: url(/img/main-v-right.png) center center/contain no-repeat;
          transform: rotate(9.77deg);
          z-index: -1; }
  .home main {
    padding: 0;
    margin: 0 auto; }
  .home .contents-wrap {
    padding: 0;
    max-width: inherit; }
  .home section {
    float: none;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 40px;
    padding: 0 20px 0 20px; }
    @media screen and (min-width: 768px) {
      .home section .btn {
        clear: both;
        text-align: right; }
        .home section .btn a {
          padding: 12px 90px 12px 90px; } }
  .home .wrap__box {
    position: relative; }
  .home .menu__box {
    position: relative;
    max-width: 940px;
    margin: 0 auto;
    z-index: 2; }
    .home .menu__box a {
      color: #fff; }
    .home .menu__box h4 {
      font-size: 20px;
      font-weight: normal;
      padding: 30px 0 10px 15px; }
      .home .menu__box h4 img {
        margin-left: 20px;
        vertical-align: middle; }
      @media screen and (min-width: 768px) {
        .home .menu__box h4 {
          font-size: 30px; } }
    .home .menu__box p {
      font-size: 105%;
      padding: 0 0 0 15px; }
  .home .menu__box_url_1, .home .menu__box_url_3, .home .menu__box_url_5 {
    background-color: #007ab7;
    padding: 10px; }
  .home .menu__box_url_2 a, .home .menu__box_url_4 a {
    color: #007ab7; }
  .home h2 {
    color: #111;
    font-size: 532%;
    text-align: left;
    font-family: 'Montserrat', sans-serif; }
    .home h2:before {
      display: block;
      content: "";
      width: 78%;
      height: 2px;
      position: absolute;
      background: #111;
      left: 21%;
      bottom: 22px;
      font-family: 'Montserrat', sans-serif; }
    .home h2 span {
      font-size: 30%;
      color: #ff7c38;
      font-weight: bold;
      vertical-align: top;
      margin-left: 20px;
      font-family: 'Montserrat', sans-serif; }
  .home .news {
    /* アイコン */
    /*追加*/
    margin: 250px auto 40px; }
    .home .news h2 {
      margin: 0; }
    .home .news ul {
      overflow: hidden;
      width: 100%;
      margin: 0 0 30px 0; }
    .home .news li {
      border-bottom: 1px solid #cccccc;
      padding: 0;
      margin: 0; }
      .home .news li:before {
        display: none; }
      .home .news li a {
        display: block;
        padding: 5px 0 5px 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media screen and (min-width: 768px) {
          .home .news li a {
            padding: 15px 0 15px 0; } }
    .home .news time, .home .news span {
      display: block; }
      @media screen and (min-width: 768px) {
        .home .news time, .home .news span {
          display: inline; } }
    .home .news time {
      color: #000;
      padding: 0 20px 0 0; }
    .home .news .ico {
      display: inline-block;
      padding: 1px 8px 1px 8px;
      border-radius: 2px;
      color: #fff;
      font-size: 81%;
      font-weight: bold;
      margin: 0 10px 0 0; }
    .home .news .ico-new {
      background: #BF9239; }
    @media (max-width: 960px) {
      .home .news {
        margin: 150px auto 40px; } }
    .home .news h2 {
      border: none;
      position: relative;
      padding-top: 60px;
      margin-top: 0;
      height: auto;
      padding-left: 0;
      line-height: 1em;
      letter-spacing: 0.05em;
      color: #111;
      font-size: 532%;
      text-align: left;
      font-family: 'Montserrat', sans-serif; }
      .home .news h2::before {
        display: block;
        content: "";
        width: 78%;
        height: 2px;
        position: absolute;
        background: #111;
        left: 21%;
        bottom: 22px;
        font-family: 'M PLUS 1p', sans-serif; }
      .home .news h2 span {
        font-size: 30%;
        color: #ff7c38;
        font-weight: bold;
        vertical-align: top;
        margin-left: 20px; }
      @media (max-width: 768px) {
        .home .news h2 {
          font-size: 341%;
          display: flex; }
          .home .news h2::before {
            width: calc(100% - 170px);
            left: 156px;
            bottom: 14px; }
          .home .news h2 span {
            font-size: 40%; } }
    .home .news h3 {
      position: relative; }
      .home .news h3::before {
        content: "";
        width: calc( 100% - 320px );
        height: 5px;
        border-bottom: 3px dotted #f9ebf4;
        position: absolute;
        bottom: 50%;
        left: 143px;
        background: none; }
      .home .news h3 .tag-sky {
        font-size: 70%;
        font-weight: normal;
        letter-spacing: 0.1em; }
      .home .news h3 .last {
        font-size: 70%;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        color: #f9ebf4; }
    .home .news .flex-area {
      margin-top: 30px;
      margin-bottom: 40px;
      gap: 5%;
      justify-content: start; }
      @media (max-width: 960px) {
        .home .news .flex-area {
          justify-content: center;
          gap: 30px 0;
          margin-bottom: 0; } }
      .home .news .flex-area .flex-box {
        width: 30%;
        background: #fff;
        box-sizing: border-box;
        padding: 15px;
        z-index: 0; }
        @media (max-width: 960px) {
          .home .news .flex-area .flex-box {
            position: relative;
            margin: 0 auto;
            margin-bottom: 30px;
            width: 100%;
            padding: 0;
            max-width: 360px; } }
        .home .news .flex-area .flex-box a {
          box-sizing: border-box;
          display: block; }
          @media (max-width: 960px) {
            .home .news .flex-area .flex-box a {
              display: block;
              margin: 0 auto; } }
        .home .news .flex-area .flex-box:hover {
          opacity: 0.7;
          color: inherit; }
        .home .news .flex-area .flex-box .txt-box {
          margin-top: 20px; }
          .home .news .flex-area .flex-box .txt-box h4 {
            margin: 0;
            border-bottom: 0;
            border-left: 4px solid #f9ebf4;
            padding: 0;
            line-height: 1.6em;
            padding-left: 0.5em;
            margin-bottom: 15px; }
          .home .news .flex-area .flex-box .txt-box .day-area {
            position: relative;
            display: flex;
            margin-bottom: 0;
            gap: 15px;
            flex-wrap: wrap;
            justify-content: flex-start; }
            .home .news .flex-area .flex-box .txt-box .day-area time {
              line-height: 1.5;
              color: #787878;
              font-family: 'Montserrat', sans-serif; }
            .home .news .flex-area .flex-box .txt-box .day-area .ico-pickup {
              background: #ff7826;
              font-family: 'Montserrat', sans-serif; }
          .home .news .flex-area .flex-box .txt-box p {
            margin-bottom: 5px;
            color: #111;
            font-family: 'Noto Sans JP', sans-serif; }
  .home .general img {
    width: 100%; }
    @media screen and (min-width: 768px) {
      .home .general img {
        width: 30%;
        float: left;
        margin: 0 15px 15px 0; } }
  .home .project-wrap {
    background: url(/img/project-background-s.png) center center/cover no-repeat; }
    .home .project-wrap .project {
      max-width: 1380px;
      position: relative;
      padding: 50px 0; }
      .home .project-wrap .project .bx-wrapper {
        background: transparent;
        border: 5px solid transparent;
        box-shadow: none; }
        .home .project-wrap .project .bx-wrapper .bx-next {
          background: url(/img/yajirushi-right.png) center center/cover no-repeat; }
        .home .project-wrap .project .bx-wrapper .bx-prev {
          background: url(/img/yajirushi-left.png) center center/cover no-repeat; }
        @media (max-width: 768px) {
          .home .project-wrap .project .bx-wrapper .bx-next, .home .project-wrap .project .bx-wrapper .bx-prev {
            top: 40%; }
          .home .project-wrap .project .bx-wrapper .bx-next {
            right: -15px; }
          .home .project-wrap .project .bx-wrapper .bx-prev {
            left: -15px; } }
        .home .project-wrap .project .bx-wrapper .bx-pager.bx-default-pager a.active {
          background: #ff7c38; }
      .home .project-wrap .project h2 {
        position: absolute;
        transition: 50%;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        top: -102px;
        border-bottom: none; }
        .home .project-wrap .project h2:before {
          content: none; }
        .home .project-wrap .project h2 span {
          position: absolute;
          top: 56px;
          width: 192px; }
      .home .project-wrap .project .pickup {
        background: #ff7826;
        font-family: 'Montserrat', sans-serif;
        color: white;
        display: inline-block;
        font-size: 200%;
        font-weight: bold;
        padding: 0px 30px;
        border-radius: 16px;
        position: absolute;
        left: 3%; }
      .home .project-wrap .project .btn {
        margin-bottom: 50px; }
      .home .project-wrap .project .flex-area {
        justify-content: space-around; }
        .home .project-wrap .project .flex-area .flex-box {
          max-width: 420px;
          width: 30%; }
          .home .project-wrap .project .flex-area .flex-box a .txt-box {
            margin-top: 20px; }
            .home .project-wrap .project .flex-area .flex-box a .txt-box h4 {
              margin: 0;
              border-bottom: 0;
              border-left: 4px solid #f9ebf4;
              padding: 0;
              line-height: 1.6em;
              padding-left: 0.5em;
              margin-bottom: 15px; }
            .home .project-wrap .project .flex-area .flex-box a .txt-box .day-area {
              position: relative;
              display: flex;
              margin-bottom: 0;
              gap: 15px;
              flex-wrap: wrap;
              justify-content: flex-start; }
              .home .project-wrap .project .flex-area .flex-box a .txt-box .day-area time {
                line-height: 1.5;
                color: #787878;
                font-family: 'Montserrat', sans-serif; }
              .home .project-wrap .project .flex-area .flex-box a .txt-box .day-area .tag {
                background: #ff7826;
                font-family: 'Montserrat', sans-serif;
                color: white;
                padding: 0 10px;
                border-radius: 8px; }
            .home .project-wrap .project .flex-area .flex-box a .txt-box p {
              margin-bottom: 5px;
              color: #111;
              font-family: 'Noto Sans JP', sans-serif; }
    @media (max-width: 960px) {
      .home .project-wrap {
        margin-top: 100px; }
        .home .project-wrap .project {
          padding: 50px 15px 0; } }
    .home .project-wrap .sp-show {
      display: none; }
    @media (max-width: 768px) {
      .home .project-wrap .bx-wrapper img {
        max-width: 600px;
        width: 100%;
        margin: 0 auto; }
      .home .project-wrap .pc-show {
        display: none; }
      .home .project-wrap .sp-show {
        display: block; }
      .home .project-wrap .project {
        padding: 50px 15px 10px; }
        .home .project-wrap .project h2 {
          font-size: 341%;
          display: flex;
          left: 0;
          transform: unset;
          top: -76px; }
          .home .project-wrap .project h2 span {
            position: relative;
            font-size: 40%;
            top: 25px; }
        .home .project-wrap .project .pickup {
          position: relative;
          box-sizing: border-box;
          font-size: 147%;
          left: 0;
          margin-bottom: 20px; }
        .home .project-wrap .project .txt-box {
          margin-top: 20px; }
          .home .project-wrap .project .txt-box h4 {
            margin: 0;
            border-bottom: 0;
            border-left: 4px solid #f9ebf4;
            padding: 0;
            line-height: 1.6em;
            padding-left: 0.5em;
            margin-bottom: 15px; }
          .home .project-wrap .project .txt-box .day-area {
            position: relative;
            display: flex;
            margin-bottom: 0;
            gap: 15px;
            flex-wrap: wrap;
            justify-content: flex-start; }
            .home .project-wrap .project .txt-box .day-area time {
              line-height: 1.5;
              color: #787878;
              font-family: 'Montserrat', sans-serif; }
            .home .project-wrap .project .txt-box .day-area .tag {
              background: #ff7826;
              font-family: 'Montserrat', sans-serif;
              color: white;
              padding: 0 10px;
              border-radius: 8px; }
          .home .project-wrap .project .txt-box p {
            margin-bottom: 5px;
            color: #111;
            font-family: 'Noto Sans JP', sans-serif; } }
  @media (max-width: 768px) {
    .home .blog-wrap, .home .books-wrap {
      margin-bottom: 50px; } }
  .home .blog-wrap .blog, .home .blog-wrap .books, .home .books-wrap .blog, .home .books-wrap .books {
    position: relative;
    max-width: 1000px; }
    .home .blog-wrap .blog h2, .home .blog-wrap .books h2, .home .books-wrap .blog h2, .home .books-wrap .books h2 {
      border: none;
      position: relative;
      padding-top: 60px;
      margin-top: 0;
      height: auto;
      padding-left: 0;
      line-height: 1em;
      letter-spacing: 0.05em;
      color: #111;
      font-size: 532%;
      text-align: left;
      font-family: 'Montserrat', sans-serif;
      border-bottom: 2px solid #111; }
      .home .blog-wrap .blog h2::before, .home .blog-wrap .books h2::before, .home .books-wrap .blog h2::before, .home .books-wrap .books h2::before {
        content: none; }
      .home .blog-wrap .blog h2 span, .home .blog-wrap .books h2 span, .home .books-wrap .blog h2 span, .home .books-wrap .books h2 span {
        font-size: 30%;
        color: #ff7c38;
        font-weight: bold;
        vertical-align: top;
        margin-left: 20px; }
      @media (max-width: 768px) {
        .home .blog-wrap .blog h2, .home .blog-wrap .books h2, .home .books-wrap .blog h2, .home .books-wrap .books h2 {
          font-size: 341%;
          display: flex; }
          .home .blog-wrap .blog h2::before, .home .blog-wrap .books h2::before, .home .books-wrap .blog h2::before, .home .books-wrap .books h2::before {
            width: calc(100% - 170px);
            left: 156px;
            bottom: 14px; }
          .home .blog-wrap .blog h2 span, .home .blog-wrap .books h2 span, .home .books-wrap .blog h2 span, .home .books-wrap .books h2 span {
            font-size: 40%; } }
    .home .blog-wrap .blog .btn, .home .blog-wrap .books .btn, .home .books-wrap .blog .btn, .home .books-wrap .books .btn {
      position: absolute;
      right: 0;
      top: 85px; }
      @media (max-width: 768px) {
        .home .blog-wrap .blog .btn, .home .blog-wrap .books .btn, .home .books-wrap .blog .btn, .home .books-wrap .books .btn {
          position: relative;
          top: 0;
          margin-top: 50px; } }
    .home .blog-wrap .blog a.flex-area, .home .blog-wrap .books a.flex-area, .home .books-wrap .blog a.flex-area, .home .books-wrap .books a.flex-area {
      margin-top: 30px;
      gap: 20px; }
      @media (max-width: 768px) {
        .home .blog-wrap .blog a.flex-area, .home .blog-wrap .books a.flex-area, .home .books-wrap .blog a.flex-area, .home .books-wrap .books a.flex-area {
          gap: 0;
          margin-top: 50px; } }
    @media (max-width: 768px) {
      .home .blog-wrap .blog .img-box, .home .blog-wrap .books .img-box, .home .books-wrap .blog .img-box, .home .books-wrap .books .img-box {
        width: 100%;
        text-align: center; }
        .home .blog-wrap .blog .img-box img, .home .blog-wrap .books .img-box img, .home .books-wrap .blog .img-box img, .home .books-wrap .books .img-box img {
          max-width: 600px;
          width: 100%; } }
    .home .blog-wrap .blog .txt-box, .home .blog-wrap .books .txt-box, .home .books-wrap .blog .txt-box, .home .books-wrap .books .txt-box {
      margin-top: 20px; }
      @media (max-width: 768px) {
        .home .blog-wrap .blog .txt-box, .home .blog-wrap .books .txt-box, .home .books-wrap .blog .txt-box, .home .books-wrap .books .txt-box {
          width: 100%; } }
      .home .blog-wrap .blog .txt-box h4, .home .blog-wrap .books .txt-box h4, .home .books-wrap .blog .txt-box h4, .home .books-wrap .books .txt-box h4 {
        margin: 0;
        border-bottom: 0;
        border-left: 4px solid #f9ebf4;
        padding: 0;
        line-height: 1.6em;
        padding-left: 0.5em;
        margin-bottom: 15px; }
      .home .blog-wrap .blog .txt-box .day-area, .home .blog-wrap .books .txt-box .day-area, .home .books-wrap .blog .txt-box .day-area, .home .books-wrap .books .txt-box .day-area {
        position: relative;
        display: flex;
        margin-bottom: 0;
        gap: 15px;
        flex-wrap: wrap;
        justify-content: flex-start; }
        .home .blog-wrap .blog .txt-box .day-area time, .home .blog-wrap .books .txt-box .day-area time, .home .books-wrap .blog .txt-box .day-area time, .home .books-wrap .books .txt-box .day-area time {
          line-height: 1.5;
          color: #787878;
          font-family: 'Montserrat', sans-serif; }
        .home .blog-wrap .blog .txt-box .day-area .ico-pickup, .home .blog-wrap .books .txt-box .day-area .ico-pickup, .home .books-wrap .blog .txt-box .day-area .ico-pickup, .home .books-wrap .books .txt-box .day-area .ico-pickup {
          background: #ff7826;
          font-family: 'Montserrat', sans-serif;
          color: white;
          padding: 0 10px;
          border-radius: 8px; }
        .home .blog-wrap .blog .txt-box .day-area .ico-new, .home .blog-wrap .books .txt-box .day-area .ico-new, .home .books-wrap .blog .txt-box .day-area .ico-new, .home .books-wrap .books .txt-box .day-area .ico-new {
          background: #00cdcd;
          font-family: 'Montserrat', sans-serif;
          color: white;
          padding: 0 10px;
          border-radius: 8px; }
      .home .blog-wrap .blog .txt-box p, .home .blog-wrap .books .txt-box p, .home .books-wrap .blog .txt-box p, .home .books-wrap .books .txt-box p {
        margin-bottom: 5px;
        color: #111;
        font-family: 'Noto Sans JP', sans-serif; }
    .home .blog-wrap .blog .sp-show, .home .blog-wrap .books .sp-show, .home .books-wrap .blog .sp-show, .home .books-wrap .books .sp-show {
      display: none; }
    @media (max-width: 768px) {
      .home .blog-wrap .blog .pc-show, .home .blog-wrap .books .pc-show, .home .books-wrap .blog .pc-show, .home .books-wrap .books .pc-show {
        display: none; }
      .home .blog-wrap .blog .sp-show, .home .blog-wrap .books .sp-show, .home .books-wrap .blog .sp-show, .home .books-wrap .books .sp-show {
        display: block; } }
  .home .books-wrap .books h2 {
    text-align: right; }
    @media (max-width: 768px) {
      .home .books-wrap .books h2 {
        justify-content: flex-end; } }
  .home .books-wrap .books .btn {
    left: 0;
    right: auto; }
  .home .books-wrap .img-box {
    max-width: 23%; }
    @media (max-width: 768px) {
      .home .books-wrap .img-box {
        max-width: 100%; }
        .home .books-wrap .img-box img {
          max-width: 320px !important; } }
  .home .books-wrap .txt-box {
    color: #333; }
    .home .books-wrap .txt-box time {
      color: #787878; }
    .home .books-wrap .txt-box .title {
      font-weight: bold;
      font-size: 130%; }
  .home .banner-wrap {
    background: url(/img/banner-background.png) center center/cover no-repeat;
    padding: 70px 10px; }
    .home .banner-wrap .banner-inner {
      max-width: 1720px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (max-width: 1620px) {
        .home .banner-wrap .banner-inner {
          max-width: 1120px; } }
      @media (max-width: 960px) {
        .home .banner-wrap .banner-inner {
          justify-content: center; } }
      .home .banner-wrap .banner-inner a {
        display: block;
        max-width: 400px; }
        .home .banner-wrap .banner-inner a img {
          display: block; }
        .home .banner-wrap .banner-inner a i {
          display: none; }

/* end .home */
 /*-------------------------------------------------------------------------------

  footer

  -------------------------------------------------------------------------------*/
footer {
  background: #FF7826;
  border: none; }
  footer .footer-inner .footer-nav {
    padding: 0; }
    footer .footer-inner .footer-nav ul {
      display: flex;
      justify-content: center; }
      footer .footer-inner .footer-nav ul li {
        position: relative;
        width: 150px;
        box-sizing: border-box;
        width: calc(100% / 6);
        margin: 0; }
        @media (max-width: 768px) {
          footer .footer-inner .footer-nav ul li {
            width: 33%; } }
        footer .footer-inner .footer-nav ul li a {
          display: block;
          padding: 22.5px 0 22.5px 0px;
          font-family: 'M PLUS 1p', sans-serif;
          height: 45px;
          line-height: 15px;
          color: #F6FF43; }
          footer .footer-inner .footer-nav ul li a:after {
            display: inline-block;
            position: absolute;
            top: 3em;
            left: 50%;
            transform: translateX(-19%);
            font-size: 90%;
            font-weight: normal;
            letter-spacing: 0.05em;
            color: #fff;
            font-family: 'Poppins', sans-serif; }
          @media (max-width: 768px) {
            footer .footer-inner .footer-nav ul li a {
              font-size: 85%;
              padding: 22.5px 3px 22.5px 3px; }
              footer .footer-inner .footer-nav ul li a:after {
                top: 37px; } }
        footer .footer-inner .footer-nav ul li:after {
          content: "";
          display: block;
          position: absolute;
          width: 2px;
          height: 60px;
          background: #fff;
          top: 10px;
          right: 0; }
      footer .footer-inner .footer-nav ul li.footer-nav-1:before {
        content: "";
        display: block;
        position: absolute;
        width: 2px;
        height: 60px;
        background: #fff;
        top: 10px;
        left: 0; }
      footer .footer-inner .footer-nav ul li.footer-nav-1 a:after {
        content: "PRIVACY";
        color: #fff;
        transform: translateX(-40%); }
        @media (max-width: 768px) {
          footer .footer-inner .footer-nav ul li.footer-nav-1 a:after {
            transform: translateX(-50%); } }
      footer .footer-inner .footer-nav ul li.footer-nav-2 a:after {
        content: "CONTACT";
        color: #fff;
        transform: translateX(-50%); }
      footer .footer-inner .footer-nav ul li.footer-nav-3 a:after {
        content: "ACCESS";
        color: #fff;
        transform: translateX(-50%); }
    footer .footer-inner .footer-nav .footer-sns {
      display: flex;
      justify-content: center;
      gap: 15px;
      margin-top: 30px; }
      footer .footer-inner .footer-nav .footer-sns a {
        width: 40px; }
  footer .footer-inner p {
    color: #fff; }

 /*-------------------------------------------------------------------------------

  下層ページ

  -------------------------------------------------------------------------------*/
@media (max-width: 768px) {
  .category main, .single main, .page main {
    padding: 120px 0 0 0; } }
.category main article h1, .single main article h1, .page main article h1 {
  position: relative;
  z-index: 100;
  display: block;
  background: url(/img/h1-background01.png) center center/contain no-repeat;
  max-width: 1620px;
  margin: 0 auto;
  height: 270px; }
  @media (max-width: 960px) {
    .category main article h1, .single main article h1, .page main article h1 {
      z-index: 0; } }
  @media (min-width: 768px) and (max-width: 1620px) {
    .category main article h1, .single main article h1, .page main article h1 {
      width: 98%; } }
  @media (max-width: 768px) {
    .category main article h1, .single main article h1, .page main article h1 {
      background: url(/img/h1-background-sp.png) center center/contain no-repeat;
      height: 320px; } }
  @media (max-width: 500px) {
    .category main article h1, .single main article h1, .page main article h1 {
      width: 93%;
      padding: 0; } }
  .category main article h1 span, .single main article h1 span, .page main article h1 span {
    text-align: center;
    transform: translateY(160%);
    color: white;
    font-size: 200%; }
    @media (min-width: 768px) and (max-width: 1620px) {
      .category main article h1 span, .single main article h1 span, .page main article h1 span {
        font-size: 168%; } }
    @media (max-width: 768px) {
      .category main article h1 span, .single main article h1 span, .page main article h1 span {
        display: block;
        max-width: 1060px;
        margin: 0 auto;
        padding: 0 20px; } }
    @media (max-width: 500px) {
      .category main article h1 span, .single main article h1 span, .page main article h1 span {
        font-size: 160%;
        transform: translateY(235%); } }
@media (min-width: 768px) {
  .category main article section, .single main article section, .page main article section {
    font-size: 120%; } }
.category main article section h2, .single main article section h2, .page main article section h2 {
  font-weight: bold;
  padding-left: 0;
  border-bottom: 4px solid #ff7c38;
  height: auto;
  font-size: 160%;
  font-family: 'M PLUS 1p', sans-serif; }
  .category main article section h2:before, .single main article section h2:before, .page main article section h2:before {
    content: none; }
  @media (min-width: 768px) {
    .category main article section h2, .single main article section h2, .page main article section h2 {
      font-size: 130%; } }
.category main article section table tbody, .single main article section table tbody, .page main article section table tbody {
  font-size: 78%; }
.category main article section table ul, .category main article section table ol, .single main article section table ul, .single main article section table ol, .page main article section table ul, .page main article section table ol {
  margin-top: 0; }
.category main article section figure, .single main article section figure, .page main article section figure {
  margin-left: 0;
  margin-right: 0; }
.category main article table, .single main article table, .page main article table {
  margin: 20px 0 30px 0; }
.category main .flex-wrap, .single main .flex-wrap, .page main .flex-wrap {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 50px; }
  .category main .flex-wrap .left-box, .single main .flex-wrap .left-box, .page main .flex-wrap .left-box {
    width: 28%; }
    @media (max-width: 960px) {
      .category main .flex-wrap .left-box, .single main .flex-wrap .left-box, .page main .flex-wrap .left-box {
        width: 100%; } }
  .category main .flex-wrap .right-box, .single main .flex-wrap .right-box, .page main .flex-wrap .right-box {
    width: 68%; }
    @media (max-width: 960px) {
      .category main .flex-wrap .right-box, .single main .flex-wrap .right-box, .page main .flex-wrap .right-box {
        width: 100%; } }
.category ul.photo, .single ul.photo, .page ul.photo {
  display: flex; }
  .category ul.photo li:before, .single ul.photo li:before, .page ul.photo li:before {
    content: none; }
.category section h3, .single section h3, .page section h3 {
  border-bottom: 2px solid #ff7c38;
  font-family: 'M PLUS 1p', sans-serif; }
  .category section h3:before, .single section h3:before, .page section h3:before {
    content: none; }
.category section ul, .single section ul, .page section ul {
  margin-bottom: 0px; }
  .category section ul li:before, .single section ul li:before, .page section ul li:before {
    background: #ff7c38; }
.category section a, .single section a, .page section a {
  color: #ff7c38; }
.category section p, .single section p, .page section p {
  margin: 30px 0 0 0; }
.category section .iframe-wrap, .single section .iframe-wrap, .page section .iframe-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 53%;
  overflow: hidden;
  margin: 50px 0; }
  .category section .iframe-wrap iframe, .single section .iframe-wrap iframe, .page section .iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
.category section h4, .single section h4, .page section h4 {
  font-family: 'M PLUS 1p', sans-serif;
  border-bottom: none;
  padding: 0px 0 0 15px;
  font-size: 100%;
  -webkit-margin-before: 1.6em;
  -webkit-margin-after: 0.5em;
  position: relative;
  border-bottom: none;
  line-height: 1.6; }
  .category section h4:before, .single section h4:before, .page section h4:before {
    width: 4px;
    height: 100%;
    content: '';
    background-color: #ff7c38;
    position: absolute;
    top: 0;
    left: 0; }
.category .side-contents .local-nav h2, .single .side-contents .local-nav h2, .page .side-contents .local-nav h2 {
  background: #00488A;
  color: #fff;
  height: auto;
  padding: 15px 10px;
  border-bottom: none; }
  .category .side-contents .local-nav h2:before, .single .side-contents .local-nav h2:before, .page .side-contents .local-nav h2:before {
    content: none; }
  .category .side-contents .local-nav h2 a, .single .side-contents .local-nav h2 a, .page .side-contents .local-nav h2 a {
    padding: 0;
    color: white; }
.category h1.medium span:before, .single h1.medium span:before, .page h1.medium span:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1.5em;
  left: 50%;
  font-size: 68%;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #fff;
  font-family: 'Poppins', sans-serif;
  transform: translateX(-52%); }
.category main .photo-2 .left-box, .single main .photo-2 .left-box, .page main .photo-2 .left-box {
  width: 48%; }
.category main .photo-2 .right-box, .single main .photo-2 .right-box, .page main .photo-2 .right-box {
  width: 48%; }
.category main section a:has(img) i, .single main section a:has(img) i, .page main section a:has(img) i {
  display: none; }
.category main section a:hover img, .single main section a:hover img, .page main section a:hover img {
  opacity: 0.7; }
.category .aligncenter, .single .aligncenter, .page .aligncenter {
  text-align: center; }
.category .alignright, .single .alignright, .page .alignright {
  text-align: right; }
.category dl.dl01-s, .single dl.dl01-s, .page dl.dl01-s {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: solid 1px #e1e1e1;
  width: 100%; }
  .category dl.dl01-s dt, .single dl.dl01-s dt, .page dl.dl01-s dt {
    width: 15%;
    padding: 15px 0;
    padding-right: 15px;
    font-weight: 300;
    border-top: solid 1px #e1e1e1;
    box-sizing: border-box; }
  .category dl.dl01-s dd, .single dl.dl01-s dd, .page dl.dl01-s dd {
    margin: 0;
    list-style: none;
    padding: 0;
    width: 85%;
    padding: 15px 0;
    border-top: solid 1px #e1e1e1;
    margin-left: 0;
    box-sizing: border-box; }
@media (max-width: 960px) {
  .category .side-contents, .single .side-contents, .page .side-contents {
    margin: 0; }
    .category .side-contents .local-nav, .single .side-contents .local-nav, .page .side-contents .local-nav {
      padding: 0; }
    .category .side-contents .global-nav .menu-list-wrap, .single .side-contents .global-nav .menu-list-wrap, .page .side-contents .global-nav .menu-list-wrap {
      display: block; }
      .category .side-contents .global-nav .menu-list-wrap ul.menu-list, .single .side-contents .global-nav .menu-list-wrap ul.menu-list, .page .side-contents .global-nav .menu-list-wrap ul.menu-list {
        margin-bottom: 0; }
        .category .side-contents .global-nav .menu-list-wrap ul.menu-list li, .single .side-contents .global-nav .menu-list-wrap ul.menu-list li, .page .side-contents .global-nav .menu-list-wrap ul.menu-list li {
          width: 100% !important;
          text-align: center;
          border: none; }
          .category .side-contents .global-nav .menu-list-wrap ul.menu-list li a, .single .side-contents .global-nav .menu-list-wrap ul.menu-list li a, .page .side-contents .global-nav .menu-list-wrap ul.menu-list li a {
            box-sizing: border-box;
            padding: 12px 12px 30px 12px; }
            .category .side-contents .global-nav .menu-list-wrap ul.menu-list li a:after, .single .side-contents .global-nav .menu-list-wrap ul.menu-list li a:after, .page .side-contents .global-nav .menu-list-wrap ul.menu-list li a:after {
              transform: translateX(-50%); }
        .category .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-7, .category .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-8, .category .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-9, .category .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-10, .single .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-7, .single .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-8, .single .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-9, .single .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-10, .page .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-7, .page .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-8, .page .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-9, .page .side-contents .global-nav .menu-list-wrap ul.menu-list .nav-10 {
          background: #FF7826; } }
@media (max-width: 960px) {
  .category section, .single section, .page section {
    margin-bottom: 120px; }
  .category .side-contents, .single .side-contents, .page .side-contents {
    border-top: 1px solid #ccc; } }
.category .interview, .single .interview, .page .interview {
  text-align: center;
  margin-top: 100px;
  background: url(/img/interview-bg1.jpg) top center/contain repeat;
  border: 5px solid #ca8d11;
  position: relative;
  border-radius: 8px;
  padding: 40px 20px 20px; }
  .category .interview:before, .single .interview:before, .page .interview:before {
    content: "";
    position: absolute;
    top: -80px;
    right: -58px;
    width: 200px;
    height: 200px;
    background: url(/img/interview-top.png) center center/contain no-repeat; }
    @media (max-width: 768px) {
      .category .interview:before, .single .interview:before, .page .interview:before {
        top: -80px;
        right: -45px;
        width: 150px;
        height: 150px; } }
  .category .interview:after, .single .interview:after, .page .interview:after {
    content: "";
    position: absolute;
    bottom: -26px;
    left: -92px;
    width: 200px;
    height: 200px;
    background: url(/img/interview-bottom.png) center center/contain no-repeat;
    rotate: -10deg; }
    @media (max-width: 768px) {
      .category .interview:after, .single .interview:after, .page .interview:after {
        bottom: -80px;
        left: -50px;
        width: 150px;
        height: 150px; } }
  .category .interview img, .single .interview img, .page .interview img {
    border-radius: 50px; }
  .category .interview h3, .single .interview h3, .page .interview h3 {
    font-family: 'Poppins', sans-serif; }
  .category .interview .name, .single .interview .name, .page .interview .name {
    font-family: 'Poppins', sans-serif;
    font-weight: bold; }
  .category .interview .affiliation, .single .interview .affiliation, .page .interview .affiliation {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    margin-top: 10px; }
    @media (min-width: 768px) {
      .category .interview .affiliation, .single .interview .affiliation, .page .interview .affiliation {
        font-size: 78%; } }
  .category .interview p, .single .interview p, .page .interview p {
    font-family: 'Poppins', sans-serif;
    font-weight: bold; }
    @media (min-width: 768px) {
      .category .interview p, .single .interview p, .page .interview p {
        font-size: 89%; } }
  .category .interview h3, .single .interview h3, .page .interview h3 {
    border-bottom: none;
    color: #134387;
    font-size: 120%; }
    .category .interview h3:before, .single .interview h3:before, .page .interview h3:before {
      content: none; }
  .category .interview .flex-wrap, .single .interview .flex-wrap, .page .interview .flex-wrap {
    margin-top: 0px;
    justify-content: start; }
    @media (max-width: 768px) {
      .category .interview .flex-wrap, .single .interview .flex-wrap, .page .interview .flex-wrap {
        justify-content: center; } }
    .category .interview .flex-wrap .left-box, .single .interview .flex-wrap .left-box, .page .interview .flex-wrap .left-box {
      max-width: 170px;
      width: 100%; }
      @media (min-width: 768px) {
        .category .interview .flex-wrap .left-box, .single .interview .flex-wrap .left-box, .page .interview .flex-wrap .left-box {
          width: 28%; } }
      .category .interview .flex-wrap .left-box img, .single .interview .flex-wrap .left-box img, .page .interview .flex-wrap .left-box img {
        border-radius: 40px;
        width: 100%; }
    .category .interview .flex-wrap .right-box, .single .interview .flex-wrap .right-box, .page .interview .flex-wrap .right-box {
      width: 100%; }
      @media (min-width: 768px) {
        .category .interview .flex-wrap .right-box, .single .interview .flex-wrap .right-box, .page .interview .flex-wrap .right-box {
          width: 60%;
          max-width: 380px; } }
      .category .interview .flex-wrap .right-box h3, .single .interview .flex-wrap .right-box h3, .page .interview .flex-wrap .right-box h3 {
        margin-top: 0;
        font-size: 111%; }
  .category .interview .text-area, .single .interview .text-area, .page .interview .text-area {
    background: url(/img/interview-text-bg.jpg) top left/auto repeat;
    margin-top: 20px;
    padding: 15px 40px; }
    .category .interview .text-area p, .single .interview .text-area p, .page .interview .text-area p {
      margin: 0;
      padding: 0px; }
.category .img-text .left-box img, .single .img-text .left-box img, .page .img-text .left-box img {
  max-width: 190px; }
@media (max-width: 960px) {
  .category .img-text .left-box, .single .img-text .left-box, .page .img-text .left-box {
    text-align: center; }
    .category .img-text .left-box img, .single .img-text .left-box img, .page .img-text .left-box img {
      max-width: 230px; } }
.category .img-text p, .single .img-text p, .page .img-text p {
  margin-top: 0; }

/*下層ページ共通 */
.about article h1.medium span::before {
  content: "ABOUT";
  transform: translateX(-52%); }

.curriculum article h1.medium span::before {
  content: "CURRICULUM";
  transform: translateX(-52%); }

.teachers article h1.medium span::before {
  content: "TEACHERS";
  transform: translateX(-52%); }

.student-activities article h1.medium span::before {
  content: "STUDENT ACTIVITIES";
  transform: translateX(-52%); }

.graduate article h1.medium span::before {
  content: "GRADUATE";
  transform: translateX(-52%); }

.projects article h1.medium span::before, .project article h1.medium span::before {
  content: "PROJECTS";
  transform: translateX(-52%); }

.books article h1.medium span::before {
  content: "BOOKS";
  transform: translateX(-52%); }

.blogs article h1.medium span::before {
  content: "BLOGS";
  transform: translateX(-52%); }

.blog article h1.medium span::before {
  content: "BLOGS";
  transform: translateX(-52%); }

.news article h1.medium span::before {
  content: "NEWS";
  transform: translateX(-52%); }

.donation article h1.medium span::before {
  content: "DONATION";
  transform: translateX(-52%); }

.privacy article h1.medium span::before {
  content: "Privacy";
  transform: translateX(-52%); }

.contact article h1.medium span::before {
  content: "Contact";
  transform: translateX(-52%); }

.itiran {
  display: none; }

@media (max-width: 768px) {
  .itiran {
    display: block;
    color: #fff;
    font-size: 92%;
    background: rgba(51, 51, 51, 0.5);
    border: none;
    border-radius: 0;
    text-align: center;
    position: relative;
    padding: 5px 10px 20px 10px;
    width: calc(100% - 20px); } }
 /*-------------------------------------------------------------------------------

  パネル型一覧ページ

  -------------------------------------------------------------------------------*/
/*card-area*/
.card-area {
  margin-bottom: 40px; }
  .card-area .flex-box {
    width: 30%;
    background: #fff;
    box-sizing: border-box;
    padding: 15px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px #ccc; }
    .card-area .flex-box:hover {
      opacity: 0.7;
      color: inherit; }
    .card-area .flex-box .txt-box {
      margin-top: 10px; }
      .card-area .flex-box .txt-box h4 {
        margin: 0;
        border-bottom: 0;
        padding: 0;
        line-height: 1.6em;
        padding-left: 0.5em;
        margin-bottom: 20px; }
      .card-area .flex-box .txt-box .day-area {
        position: relative;
        margin-bottom: 10px;
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        justify-content: flex-start; }
        .card-area .flex-box .txt-box .day-area time {
          line-height: 1em;
          line-height: 1.5;
          color: #f9ebf4; }
        .card-area .flex-box .txt-box .day-area .sum-region-name {
          margin-bottom: 0;
          line-height: 1.5;
          font-size: 100%; }
      .card-area .flex-box .txt-box .tag-box span {
        margin: 0; }
      .card-area .flex-box .txt-box p {
        margin-bottom: 0;
        margin-bottom: 5px; }
  .card-area .flex-box .img-box img {
    transition: transform 0.3s ease-in-out; }
  .card-area .flex-box:hover .img-box {
    overflow: hidden; }

/*card-area2*/
.card-area2 .flex-box {
  width: 30%; }
  .card-area2 .flex-box:hover {
    color: inherit;
    opacity: 0.7; }
  .card-area2 .flex-box .img-box {
    background: #fff;
    padding: 10px; }
    .card-area2 .flex-box .img-box.img-new {
      position: relative; }
      .card-area2 .flex-box .img-box.img-new::before {
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        background: url(../img/ico-new.png) center center/contain no-repeat; }
  .card-area2 .flex-box .txt-box {
    margin-top: 10px;
    background: #fff;
    clip-path: url(#clip04);
    position: relative;
    padding: 15px 1em 20px 2em;
    text-align: left; }
    .card-area2 .flex-box .txt-box h4 {
      margin: 0;
      border-bottom: 0;
      border-left: 4px solid #f9ebf4;
      padding: 0;
      line-height: 1em;
      padding-left: 0.5em;
      margin-bottom: 9px;
      font-size: 107%; }
    .card-area2 .flex-box .txt-box time {
      line-height: 1em;
      color: #f9ebf4; }
    .card-area2 .flex-box .txt-box .tag-box {
      display: inline-block;
      position: absolute;
      right: 20px;
      bottom: 19px; }
      .card-area2 .flex-box .txt-box .tag-box span {
        margin: 0; }

.teachers article *.curve-area, .books article *.curve-area {
  margin-top: -160px;
  padding-bottom: 100px; }
  @media (max-width: 960px) {
    .teachers article *.curve-area, .books article *.curve-area {
      background: #fff;
      margin-top: 0;
      padding-bottom: 0; } }
.teachers article .contents-wrap, .books article .contents-wrap {
  max-width: 1280px; }
.teachers article section, .books article section {
  margin-top: 80px; }
  .teachers article section h4:before, .books article section h4:before {
    content: none; }
  .teachers article section h4.seika, .books article section h4.seika {
    padding: 14px 0 10px 1em;
    border-bottom: 0;
    margin-bottom: 20px;
    font-size: 160%;
    color: #fff;
    background: #1b418c; }
  .teachers article section .ul-check li, .books article section .ul-check li {
    padding: 0 0 0 2em; }
    .teachers article section .ul-check li::before, .books article section .ul-check li::before {
      background: url(../img/ico-check.png) center center/contain no-repeat;
      width: 1em;
      height: 1em; }
  .teachers article section .border-area, .books article section .border-area {
    border: 3px solid #768dba;
    padding: 20px 40px;
    border-radius: 15px;
    margin: 40px 0; }
  .teachers article section .fig-box, .books article section .fig-box {
    display: flex;
    flex-wrap: wrap; }
    .teachers article section .fig-box figure, .books article section .fig-box figure {
      max-width: 30%;
      margin: 10px; }
      .teachers article section .fig-box figure.full, .books article section .fig-box figure.full {
        max-width: 100%; }
  .teachers article section .flex-area, .books article section .flex-area {
    display: flex;
    gap: 5%;
    justify-content: start; }
    .teachers article section .flex-area dl, .books article section .flex-area dl {
      width: 30%;
      text-align: center;
      padding: 20px;
      margin: 10px;
      border: 2px solid #ccc;
      display: flex;
      flex-wrap: wrap;
      align-content: center; }
      .teachers article section .flex-area dl dt, .books article section .flex-area dl dt {
        font-weight: bold;
        width: 100%; }
      .teachers article section .flex-area dl dd, .books article section .flex-area dl dd {
        width: 100%; }
  .teachers article section .point-area, .books article section .point-area {
    background: #fff1ec;
    padding: 20px 40px;
    margin: 40px 0; }
    .teachers article section .point-area h4, .books article section .point-area h4 {
      color: #df4a00; }
    .teachers article section .point-area .fig-box figure, .books article section .point-area .fig-box figure {
      float: right; }
    .teachers article section .point-area p, .books article section .point-area p {
      text-align: right; }
  .teachers article section .tag-area button, .books article section .tag-area button {
    background-color: #004077;
    position: relative;
    transition: 0.3; }
    .teachers article section .tag-area button:before, .books article section .tag-area button:before {
      position: absolute; }
    .teachers article section .tag-area button:hover, .books article section .tag-area button:hover {
      opacity: 0.7; }
  .teachers article section .tag-area table, .books article section .tag-area table {
    border: none; }
    .teachers article section .tag-area table tbody tr th, .books article section .tag-area table tbody tr th {
      border: none;
      background-color: transparent; }
      .teachers article section .tag-area table tbody tr th span, .books article section .tag-area table tbody tr th span {
        border: 2px solid #0068B7;
        border-radius: 15px;
        line-height: 1em;
        border-color: #86B3E0;
        color: #fff;
        background: #86B3E0;
        display: inline-block;
        font-size: 105%;
        border-bottom: 0;
        padding: 5px 10px;
        word-break: keep-all; }
    .teachers article section .tag-area table tbody tr td, .books article section .tag-area table tbody tr td {
      border: none; }
    .teachers article section .tag-area table tbody label, .books article section .tag-area table tbody label {
      margin: 0; }
      .teachers article section .tag-area table tbody label input, .books article section .tag-area table tbody label input {
        display: none; }
      .teachers article section .tag-area table tbody label span, .books article section .tag-area table tbody label span {
        padding: 5px 20px;
        border: 2px solid #0068B7;
        color: #0068B7;
        border-radius: 15px;
        padding: 5px 10px;
        line-height: 1em;
        margin: 5px 0 0;
        display: inline-block; }
      .teachers article section .tag-area table tbody label input:checked + span, .books article section .tag-area table tbody label input:checked + span {
        color: #FFF;
        /* 文字色を白に */
        background-color: #0068B7;
        /* 背景色を薄い赤に */ }
  @media (max-width: 960px) {
    .teachers article section .tag-area table, .teachers article section .tag-area tbody, .teachers article section .tag-area tr, .teachers article section .tag-area td, .teachers article section .tag-area th, .books article section .tag-area table, .books article section .tag-area tbody, .books article section .tag-area tr, .books article section .tag-area td, .books article section .tag-area th {
      display: block;
      width: 100%; }
    .teachers article section .tag-area table tbody label, .books article section .tag-area table tbody label {
      display: block; }
      .teachers article section .tag-area table tbody label span, .books article section .tag-area table tbody label span {
        display: block;
        margin: 0; } }
  @media (max-width: 960px) {
    .teachers article section .flex-area, .books article section .flex-area {
      flex-wrap: wrap; }
      .teachers article section .flex-area .flex-box, .books article section .flex-area .flex-box {
        position: relative;
        display: block;
        margin: 20px auto;
        width: 300px; } }
.teachers .project-lead, .books .project-lead {
  line-height: 1.5; }
.teachers .project-point .project-point-inner, .books .project-point .project-point-inner {
  background-color: white;
  padding: 30px; }
  .teachers .project-point .project-point-inner .point-title, .books .project-point .project-point-inner .point-title {
    margin-top: 0;
    color: #333;
    text-align: center;
    display: block; }
    .teachers .project-point .project-point-inner .point-title:before, .teachers .project-point .project-point-inner .point-title:after, .books .project-point .project-point-inner .point-title:before, .books .project-point .project-point-inner .point-title:after {
      content: none; }
  .teachers .project-point .project-point-inner .point-box-wrap, .books .project-point .project-point-inner .point-box-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px; }
    .teachers .project-point .project-point-inner .point-box-wrap img, .books .project-point .project-point-inner .point-box-wrap img {
      object-fit: cover;
      max-width: 380px;
      width: 100%; }
    .teachers .project-point .project-point-inner .point-box-wrap p, .books .project-point .project-point-inner .point-box-wrap p {
      max-width: 470px;
      color: #333; }
.teachers .left-eyecatch, .books .left-eyecatch {
  gap: 15px;
  margin-bottom: 150px; }
  .teachers .left-eyecatch img, .books .left-eyecatch img {
    max-width: 220px;
    transform: translateY(30%); }
    @media (max-width: 768px) {
      .teachers .left-eyecatch img, .books .left-eyecatch img {
        transform: none; } }
  .teachers .left-eyecatch .text-box, .books .left-eyecatch .text-box {
    max-width: 480px; }
    .teachers .left-eyecatch .text-box h3, .books .left-eyecatch .text-box h3 {
      text-align: center;
      display: block; }
      .teachers .left-eyecatch .text-box h3:before, .teachers .left-eyecatch .text-box h3:after, .books .left-eyecatch .text-box h3:before, .books .left-eyecatch .text-box h3:after {
        content: none; }
.teachers section .flex-box, .books section .flex-box {
  padding: 0; }
  .teachers section .flex-box .txt-box h4, .books section .flex-box .txt-box h4 {
    margin-bottom: 5px;
    color: #111;
    font-family: 'Noto Sans JP', sans-serif;
    border-left: none; }
  .teachers section .flex-box .txt-box .tag-box, .books section .flex-box .txt-box .tag-box {
    margin-bottom: 5px;
    color: #111;
    font-family: 'Noto Sans JP', sans-serif;
    margin-left: 10px; }

.teachers main {
  background: #fff7e0; }
  @media (max-width: 768px) {
    .teachers main article section {
      padding: 0 20px 0 20px;
      font-size: 100%; } }
  .teachers main article section .flex-area {
    gap: 60px; }
    @media (max-width: 768px) {
      .teachers main article section .flex-area {
        gap: 30px; } }
    .teachers main article section .flex-area .flex-box {
      height: 100%;
      border: 8px solid #fff;
      transform: rotate(-3deg);
      border-radius: 5px;
      transition: transform 0.2s ease-in-out; }
      .teachers main article section .flex-area .flex-box:nth-of-type(even) {
        transform: rotate(3deg); }
      .teachers main article section .flex-area .flex-box:hover {
        transform: rotate(0deg); }
      .teachers main article section .flex-area .flex-box .img-box {
        position: relative;
        width: 100%; }
      .teachers main article section .flex-area .flex-box .txt-box {
        position: absolute;
        background-color: rgba(255, 255, 255, 0.6);
        width: 100%;
        bottom: 10px;
        font-size: 120%; }
        .teachers main article section .flex-area .flex-box .txt-box h4 {
          font-family: 'Montserrat', sans-serif;
          color: #1a75e1; }
        .teachers main article section .flex-area .flex-box .txt-box .tag-box {
          font-family: 'Montserrat', sans-serif;
          color: #1a75e1;
          line-height: 1.8rem; }
  .teachers main article section .right-box {
    display: flex;
    flex-direction: column; }
    .teachers main article section .right-box .research-map {
      margin-top: auto; }
      .teachers main article section .right-box .research-map:hover a {
        opacity: 0.7; }
      .teachers main article section .right-box .research-map i {
        display: none; }

.books article section .flex-area {
  justify-content: space-evenly; }
  .books article section .flex-area .flex-box {
    width: 370px; }
    @media (max-width: 768px) {
      .books article section .flex-area .flex-box {
        width: 300px; } }
    .books article section .flex-area .flex-box .img-box {
      text-align: center;
      padding: 30px;
      background: #2a5717; }
      .books article section .flex-area .flex-box .img-box img {
        margin: 0 auto;
        max-width: 260px;
        width: 100%; }
    .books article section .flex-area .flex-box:hover .img-box {
      overflow: hidden; }
      .books article section .flex-area .flex-box:hover .img-box img {
        transform: scale(1.1); }
    .books article section .flex-area .flex-box .txt-box h4 {
      font-size: 120%; }
      @media (max-width: 768px) {
        .books article section .flex-area .flex-box .txt-box h4 {
          font-size: 100%; } }
    .books article section .flex-area .flex-box .txt-box .title-sub {
      padding-left: 10px;
      line-height: 1.2rem;
      font-size: 90%;
      color: #333; }
      @media (max-width: 768px) {
        .books article section .flex-area .flex-box .txt-box .title-sub {
          font-size: 80%; } }
    .books article section .flex-area .flex-box .txt-box .day-area {
      margin-top: 20px;
      margin-bottom: 0; }
      .books article section .flex-area .flex-box .txt-box .day-area p {
        margin-left: 10px;
        color: #111;
        margin-top: 0;
        font-size: 90%; }
        @media (max-width: 768px) {
          .books article section .flex-area .flex-box .txt-box .day-area p {
            font-size: 80%; } }
    .books article section .flex-area .flex-box i {
      display: none; }
.books article h1 span::before {
  content: "BOOKS"; }

.projects article .contents-wrap {
  max-width: 1280px; }
.projects article section .flex-area {
  justify-content: space-evenly; }
  .projects article section .flex-area .flex-box {
    width: 30%; }
    @media (max-width: 960px) {
      .projects article section .flex-area .flex-box {
        width: 100%;
        max-width: 400px; } }
    .projects article section .flex-area .flex-box .img-box {
      /*text-align: center;
      padding: 30px;
      background: #2a5717;*/
      overflow: hidden; }
      .projects article section .flex-area .flex-box .img-box img {
        /*margin: 0 auto;
        max-width: 260px;
        */ }
    .projects article section .flex-area .flex-box:hover .img-box img {
      transform: scale(1.1); }
    .projects article section .flex-area .flex-box .txt-box {
      color: #111;
      font-family: 'Noto Sans JP', sans-serif; }
      .projects article section .flex-area .flex-box .txt-box h4 {
        padding-left: 0; }
        .projects article section .flex-area .flex-box .txt-box h4:before {
          content: none; }
      .projects article section .flex-area .flex-box .txt-box .day-area {
        margin-bottom: 0; }
        .projects article section .flex-area .flex-box .txt-box .day-area time {
          line-height: 1.5;
          color: #787878;
          font-family: 'Montserrat', sans-serif; }
        .projects article section .flex-area .flex-box .txt-box .day-area p {
          margin-left: 10px;
          color: #111; }
      .projects article section .flex-area .flex-box .txt-box .tag-box span {
        background: #ff7826;
        font-family: 'Montserrat', sans-serif;
        color: white;
        padding: 0 10px;
        border-radius: 8px; }
    .projects article section .flex-area .flex-box i {
      display: none; }
.projects article h1 span::before {
  content: "PROJECTS"; }
.projects article .contents-wrap {
  padding-top: 30px; }
.projects article .tag-area {
  margin-bottom: 50px; }
  .projects article .tag-area button {
    padding: 10px 30px;
    background: #fff; }
  .projects article .tag-area dl.project-info {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap; }
    .projects article .tag-area dl.project-info dt {
      font-family: 'Montserrat', sans-serif;
      font-size: 120%;
      font-weight: bold; }
      .projects article .tag-area dl.project-info dt span {
        font-size: 30%;
        color: #ff7c38;
        font-weight: bold; }
    .projects article .tag-area dl.project-info dd input {
      display: none; }
    .projects article .tag-area dl.project-info dd span {
      border: 2px solid #ff7c38;
      color: #ffffff;
      background: #ff7c38;
      border-radius: 15px;
      padding: 5px 10px;
      line-height: 1em;
      margin: 5px 0 0;
      display: inline-block; }
    .projects article .tag-area dl.project-info dd input:checked + span {
      background: #fff;
      color: #ff7c38; }
    .projects article .tag-area dl.project-info .category-section {
      width: 100%;
      box-shadow: 0px 0px 10px #ccc;
      border-radius: 10px;
      padding: 30px; }
    .projects article .tag-area dl.project-info .status-section {
      width: 43%;
      box-shadow: 0px 0px 10px #ccc;
      border-radius: 10px;
      padding: 30px; }
      @media (max-width: 768px) {
        .projects article .tag-area dl.project-info .status-section {
          width: 100%;
          max-width: 500px; } }
      .projects article .tag-area dl.project-info .status-section dd label:nth-of-type(1) span {
        border: 2px solid #3BB2B2;
        background: #3BB2B2; }
      .projects article .tag-area dl.project-info .status-section dd label:nth-of-type(1) input:checked + span {
        color: #3BB2B2;
        background: #fff; }
      .projects article .tag-area dl.project-info .status-section dd label:nth-of-type(2) span {
        border: 2px solid #749393;
        background: #749393; }
      .projects article .tag-area dl.project-info .status-section dd label:nth-of-type(2) input:checked + span {
        color: #749393;
        background: #fff; }
      .projects article .tag-area dl.project-info .status-section dd label:nth-of-type(3) span {
        border: 2px solid #367777;
        background: #367777; }
      .projects article .tag-area dl.project-info .status-section dd label:nth-of-type(3) input:checked + span {
        color: #367777;
        background: #fff; }
    .projects article .tag-area dl.project-info .privacy-section {
      width: 43%;
      box-shadow: 0px 0px 10px #ccc;
      border-radius: 10px;
      padding: 30px; }
      @media (max-width: 768px) {
        .projects article .tag-area dl.project-info .privacy-section {
          width: 100%;
          max-width: 500px; } }
      .projects article .tag-area dl.project-info .privacy-section dd label:nth-of-type(1) span {
        border: 2px solid #00488A;
        background: #00488A; }
      .projects article .tag-area dl.project-info .privacy-section dd label:nth-of-type(1) input:checked + span {
        color: #00488A;
        background: #fff; }
      .projects article .tag-area dl.project-info .privacy-section dd label:nth-of-type(2) span {
        border: 2px solid #066CC9;
        background: #066CC9; }
      .projects article .tag-area dl.project-info .privacy-section dd label:nth-of-type(2) input:checked + span {
        color: #066CC9;
        background: #fff; }

.category.news .contents-wrap, .category.blogs .contents-wrap {
  max-width: 1280px; }
.category.news section a.post-title, .category.blogs section a.post-title {
  margin-top: 100px;
  justify-content: space-between; }
  .category.news section a.post-title:first-of-type, .category.blogs section a.post-title:first-of-type {
    margin-top: 50px; }
  .category.news section a.post-title:hover, .category.blogs section a.post-title:hover {
    opacity: 0.7; }
  .category.news section a.post-title .img-box, .category.blogs section a.post-title .img-box {
    max-width: 28%; }
    .category.news section a.post-title .img-box img, .category.blogs section a.post-title .img-box img {
      width: 100%; }
  .category.news section a.post-title .right-box, .category.blogs section a.post-title .right-box {
    width: 68%; }
    .category.news section a.post-title .right-box h2, .category.blogs section a.post-title .right-box h2 {
      margin-top: 0px;
      color: #333;
      padding-top: 0; }
      .category.news section a.post-title .right-box h2 time, .category.blogs section a.post-title .right-box h2 time {
        margin-right: 10px;
        font-size: 70%;
        color: #333; }
    .category.news section a.post-title .right-box p, .category.blogs section a.post-title .right-box p {
      color: #333; }
@media (max-width: 768px) {
  .category.news section a.flex-area, .category.blogs section a.flex-area {
    justify-content: center; }
    .category.news section a.flex-area .img-box, .category.blogs section a.flex-area .img-box {
      max-width: 100%;
      width: 100%;
      text-align: center; }
      .category.news section a.flex-area .img-box img, .category.blogs section a.flex-area .img-box img {
        max-width: 400px;
        width: 100%; }
    .category.news section a.flex-area .right-box, .category.blogs section a.flex-area .right-box {
      width: 100%;
      margin: 20px 0;
      max-width: 500px; } }

 /*-------------------------------------------------------------------------------

  404ページ

  -------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .error-404 h1 {
    margin: 0 0 20px 0; }
  .error-404 section {
    float: none;
    width: 100%; } }
/*-------------------------------------------------------------------------------


お問い合わせ


-------------------------------------------------------------------------------*/
.inquiry section {
  width: 100%;
  float: none; }
  .inquiry section .table-wrap {
    white-space: inherit; }
  .inquiry section table th, .inquiry section table td {
    width: 100%;
    display: block;
    padding: 1%; }
    @media screen and (min-width: 768px) {
      .inquiry section table th, .inquiry section table td {
        width: inherit;
        display: table-cell; } }
  @media screen and (min-width: 768px) {
    .inquiry section table th {
      width: 30%; } }
.inquiry .side-contents {
  display: none; }

/* end .inquiry */
/*-------------------------------------------------------------------------------
設定追加
-------------------------------------------------------------------------------*/
@media (max-width: 768px) {
  .home .blog .flex-area {
    justify-content: center; } }
.home .blog .flex-area .img-box {
  max-width: 320px; }

/*# sourceMappingURL=modify.css.map */