*, *::before, *::after {
    box-sizing: border-box
  }
  
  * {
    overflow-wrap: break-word;
    word-wrap: break-word
  }
  
  body, h1, h2, h3, h4, p, ul, ol, figure, blockquote, dl, dd {
    margin: 0;
    padding: 0
  }
  
  ol {
    padding-left: 20px
  }
  
  ol li {
    padding-bottom: 1rem
  }
  
  body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5
  }
  
  ul, ol[class] {
    list-style: none
  }
  
  a {
    text-decoration: none
  }
  
  img, picture {
    max-width: 100%;
    height: auto
  }
  
  article>*+* {
    margin-top: 2em
  }
  
  input, button, textarea, select {
    font: inherit
  }
  
  button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none
  }
  
  *:focus {
    outline: none
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0
  }
  
  #project h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #53b0cf
  }
  
  #project h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #project h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #project h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #project h3 {
    color: #53b0cf
  }
  
  #project h3 a {
    color: #53b0cf
  }
  
  #project h3 a:hover {
    color: #67b9d5
  }
  
  #project .btn {
    background-color: #53b0cf
  }
  
  #project .btn:hover {
    background-color: #67b9d5;
    color: #fff
  }
  
  #project .h-border {
    border-bottom: 2px solid #53b0cf;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }
  
  #about h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #ffa6c9
  }
  
  #about h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #about h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #about h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #about h3 {
    color: #ffa6c9
  }
  
  #about h3 a {
    color: #ffa6c9
  }
  
  #about h3 a:hover {
    color: #ffc0d8
  }
  
  #about .btn {
    background-color: #ffa6c9
  }
  
  #about .btn:hover {
    background-color: #ffc0d8;
    color: #fff
  }
  
  #about .h-border {
    border-bottom: 2px solid #ffa6c9;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }
  
  #toudai h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #ffa6c9
  }
  
  #toudai h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #toudai h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #toudai h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #toudai h3 {
    color: #ffa6c9
  }
  
  #toudai h3 a {
    color: #ffa6c9
  }
  
  #toudai h3 a:hover {
    color: #ffc0d8
  }
  
  #toudai .btn {
    background-color: #ffa6c9
  }
  
  #toudai .btn:hover {
    background-color: #ffc0d8;
    color: #fff
  }
  
  #toudai .h-border {
    border-bottom: 2px solid #ffa6c9;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }
  
  #research h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #32cba3
  }
  
  #research h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #research h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #research h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #research h3 {
    color: #32cba3
  }
  
  #research h3 a {
    color: #32cba3
  }
  
  #research h3 a:hover {
    color: #45d1ad
  }
  
  #research .btn {
    background-color: #32cba3
  }
  
  #research .btn:hover {
    background-color: #45d1ad;
    color: #fff
  }
  
  #research .h-border {
    border-bottom: 2px solid #32cba3;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }
  
  #utilize h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #ffb947
  }
  
  #utilize h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #utilize h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #utilize h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #utilize h3 {
    color: #ffb947
  }
  
  #utilize h3 a {
    color: #ffb947
  }
  
  #utilize h3 a:hover {
    color: #ffc361
  }
  
  #utilize .btn {
    background-color: #ffb947
  }
  
  #utilize .btn:hover {
    background-color: #ffc361;
    color: #fff
  }
  
  #utilize .h-border {
    border-bottom: 2px solid #ffb947;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }
  
  #week h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #cea2e1
  }
  
  #week h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #week h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #week h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #week h3 {
    color: #cea2e1
  }
  
  #week h3 a {
    color: #cea2e1
  }
  
  #week h3 a:hover {
    color: #d8b5e7
  }
  
  #week .btn {
    background-color: #cea2e1
  }
  
  #week .btn:hover {
    background-color: #d8b5e7;
    color: #fff
  }
  
  #week .h-border {
    border-bottom: 2px solid #cea2e1;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }
  
  #event h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #84b2ff
  }
  
  #event h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #event h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #event h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #event h3 {
    color: #84b2ff
  }
  
  #event h3 a {
    color: #84b2ff
  }
  
  #event h3 a:hover {
    color: #9ec2ff
  }
  
  #event .btn {
    background-color: #84b2ff
  }
  
  #event .btn:hover {
    background-color: #9ec2ff;
    color: #fff
  }
  
  #event .h-border {
    border-bottom: 2px solid #84b2ff;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }

  /* 2023.09 追加 */
  #topics {
    margin-bottom: 100px;
  }
  @media screen and (max-width: 559px) {
    #topics {
        margin-bottom: 80px;
      }
  }
  
  #topics h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #84b2ff
  }
  
  #topics h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #topics h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #topics h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #topics h3 {
    color: #84b2ff
  }
  
  #topics h3 a {
    color: #84b2ff
  }
  
  #topics h3 a:hover {
    color: #9ec2ff
  }
  
  #topics .btn {
    background-color: #84b2ff
  }
  
  #topics .btn:hover {
    background-color: #9ec2ff;
    color: #fff
  }
  
  #topics .h-border {
    border-bottom: 2px solid #84b2ff;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }
  
  #model h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #FF5353
  }
  
  #model h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #model h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #model h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #model h3 {
    color: #FF5353
  }
  
  #model h3 a {
    color: #FF5353
  }
  
  #model h3 a:hover {
    color: #ff6d6d
  }
  
  #model .btn {
    background-color: #FF5353
  }
  
  #model .btn:hover {
    background-color: #ff6d6d;
    color: #fff
  }
  
  #model .h-border {
    border-bottom: 2px solid #FF5353;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }
  
  #model-detail h2.page-ttl {
    font-size: 30px;
    line-height: 1.8;
    text-align: center;
    color: #FF5353
  }
  
  #model-detail h2.page-ttl span {
    color: #000;
    margin: 0 30px;
    display: inline-block
  }
  
  #model-detail h2.page-ttl strong {
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #model-detail h2.page-ttl {
      font-size: 5.6vw
    }
  }
  
  #model-detail h3 {
    color: #FF5353
  }
  
  #model-detail h3 a {
    color: #FF5353
  }
  
  #model-detail h3 a:hover {
    color: #ff6d6d
  }
  
  #model-detail .btn {
    background-color: #FF5353
  }
  
  #model-detail .btn:hover {
    background-color: #ff6d6d;
    color: #fff
  }
  
  #model-detail .h-border {
    border-bottom: 2px solid #FF5353;
    padding-bottom: 0.5em;
    margin-bottom: 1em;
    font-size: 20px;
    letter-spacing: 0.05em
  }
  
  @font-face {
    font-family: 'icomoon';
    font-display: swap;
    src: url("../fonts/icomoon.eot?6y3i5o");
    src: url("../fonts/icomoon.eot?#iefix6y3i5o") format("embedded-opentype"), url("../fonts/icomoon.woff?6y3i5o") format("woff"), url("../fonts/icomoon.ttf?6y3i5o") format("truetype"), url("../fonts/icomoon.svg?6y3i5o#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
  }
  
  body {
    font-family: "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Avenir", "Arial", "Noto Sans", sans-serif;
    line-height: 1.7;
    font-weight: normal;
    font-size: 16px;
    font-weight: normal;
    font-feature-settings: "pkna";
    overflow: auto;
    height: 100%;
    color: #000
  }
  
  .padding-w, .padding-wh, header nav ul, #top-project .section-ttl, #top-project .container, footer .footer-menu, body:not([id=top]) #head-img {
    margin: 0 auto;
    padding-left: calc((100% - 1240px) / 2 + 60px);
    padding-right: calc((100% - 1240px) / 2 + 60px)
  }
  
  @media only screen and (max-width: 1239px) {
    .padding-w, .padding-wh, header nav ul, #top-project .section-ttl, #top-project .container, footer .footer-menu, body:not([id=top]) #head-img {
      max-width: 100%;
      padding-left: 60px;
      padding-right: 60px
    }
  }
  
  @media only screen and (max-width: 960px) {
    .padding-w, .padding-wh, header nav ul, #top-project .section-ttl, #top-project .container, footer .footer-menu, body:not([id=top]) #head-img {
      max-width: 100%;
      padding-left: 20px;
      padding-right: 20px
    }
  }
  
  @media only screen and (max-width: 559px) {
    .padding-w, .padding-wh, header nav ul, #top-project .section-ttl, #top-project .container, footer .footer-menu, body:not([id=top]) #head-img {
      padding-left: 15px;
      padding-right: 15px
    }
  }
  
  .padding-h, .padding-wh, #top-project, #model #model-overview, #model #model-result, #model #model-conclusion, #model-detail #model-measures, footer .footer-menu {
    padding-top: 60px;
    padding-bottom: 60px
  }
  
  @media only screen and (max-width: 960px) {
    .padding-h, .padding-wh, #top-project, #model #model-overview, #model #model-result, #model #model-conclusion, #model-detail #model-measures, footer .footer-menu {
      padding-top: 40px;
      padding-bottom: 40px
    }
  }
  
  #about, #research, #utilize, #week, #news, #topics, body:not([id=top]) section {
    padding-top: 60px;
    padding-bottom: 100px
  }
  
  @media only screen and (max-width: 960px) {
    #about, #research, #utilize, #week, #news, #topics, body:not([id=top]) section {
      padding-top: 40px;
      padding-bottom: 80px
    }
  }
  
  #news-content {
    max-width: 784px;
    margin: 0 auto
  }
  
  @media only screen and (max-width: 960px) {
    #news-content {
      max-width: 100%
    }
  }
  
  .w920 {
    max-width: 920px;
    margin: 0 auto
  }
  
  @media only screen and (max-width: 960px) {
    .w920 {
      max-width: 100%;
      padding-left: 20px;
      padding-right: 20px
    }
  }
  
  @media only screen and (max-width: 559px) {
    .w920 {
      padding-left: 15px;
      padding-right: 15px
    }
  }
  
  section {
    overflow: hidden;
    transition: .8s
  }
  
  .text-narrow {
    max-width: 900px;
    margin: 0 auto 0 auto;
    padding: 0 20px
  }
  
  @media only screen and (max-width: 559px) {
    .text-narrow {
      padding: 0 15px
    }
  }
  
  @media only screen and (max-width: 1239px) {
    .pc-only {
      display: none
    }
  }
  
  .box .btn::after, .top-slider .news-feature .right .cat-icon a::after, #toudai .box h3 a::after, #model .model-list .box .box-text h3 a::after, #model-detail .model-link-list ul li a::after, #model-detail #model-pagenation .model-pagenation-box .box .box-text h3 a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: ""
  }
  
  .mt0 {
    margin-top: 0px !important
  }
  
  .mr0 {
    margin-right: 0px !important
  }
  
  .mb0 {
    margin-bottom: 0px !important
  }
  
  .ml0 {
    margin-left: 0px !important
  }
  
  .pt0 {
    padding-top: 0px !important
  }
  
  .pr0 {
    padding-right: 0px !important
  }
  
  .pb0 {
    padding-bottom: 0px !important
  }
  
  .pl0 {
    padding-left: 0px !important
  }
  
  .mt5 {
    margin-top: 5px !important
  }
  
  .mr5 {
    margin-right: 5px !important
  }
  
  .mb5 {
    margin-bottom: 5px !important
  }
  
  .ml5 {
    margin-left: 5px !important
  }
  
  .pt5 {
    padding-top: 5px !important
  }
  
  .pr5 {
    padding-right: 5px !important
  }
  
  .pb5 {
    padding-bottom: 5px !important
  }
  
  .pl5 {
    padding-left: 5px !important
  }
  
  .mt10 {
    margin-top: 10px !important
  }
  
  .mr10 {
    margin-right: 10px !important
  }
  
  .mb10 {
    margin-bottom: 10px !important
  }
  
  .ml10 {
    margin-left: 10px !important
  }
  
  .pt10 {
    padding-top: 10px !important
  }
  
  .pr10 {
    padding-right: 10px !important
  }
  
  .pb10 {
    padding-bottom: 10px !important
  }
  
  .pl10 {
    padding-left: 10px !important
  }
  
  .mt15 {
    margin-top: 15px !important
  }
  
  .mr15 {
    margin-right: 15px !important
  }
  
  .mb15 {
    margin-bottom: 15px !important
  }
  
  .ml15 {
    margin-left: 15px !important
  }
  
  .pt15 {
    padding-top: 15px !important
  }
  
  .pr15 {
    padding-right: 15px !important
  }
  
  .pb15 {
    padding-bottom: 15px !important
  }
  
  .pl15 {
    padding-left: 15px !important
  }
  
  .mt20 {
    margin-top: 20px !important
  }
  
  .mr20 {
    margin-right: 20px !important
  }
  
  .mb20 {
    margin-bottom: 20px !important
  }
  
  .ml20 {
    margin-left: 20px !important
  }
  
  .pt20 {
    padding-top: 20px !important
  }
  
  .pr20 {
    padding-right: 20px !important
  }
  
  .pb20 {
    padding-bottom: 20px !important
  }
  
  .pl20 {
    padding-left: 20px !important
  }
  
  .mt25 {
    margin-top: 25px !important
  }
  
  .mr25 {
    margin-right: 25px !important
  }
  
  .mb25 {
    margin-bottom: 25px !important
  }
  
  .ml25 {
    margin-left: 25px !important
  }
  
  .pt25 {
    padding-top: 25px !important
  }
  
  .pr25 {
    padding-right: 25px !important
  }
  
  .pb25 {
    padding-bottom: 25px !important
  }
  
  .pl25 {
    padding-left: 25px !important
  }
  
  .mt30 {
    margin-top: 30px !important
  }
  
  .mr30 {
    margin-right: 30px !important
  }
  
  .mb30 {
    margin-bottom: 30px !important
  }
  
  .ml30 {
    margin-left: 30px !important
  }
  
  .pt30 {
    padding-top: 30px !important
  }
  
  .pr30 {
    padding-right: 30px !important
  }
  
  .pb30 {
    padding-bottom: 30px !important
  }
  
  .pl30 {
    padding-left: 30px !important
  }
  
  .mt35 {
    margin-top: 35px !important
  }
  
  .mr35 {
    margin-right: 35px !important
  }
  
  .mb35 {
    margin-bottom: 35px !important
  }
  
  .ml35 {
    margin-left: 35px !important
  }
  
  .pt35 {
    padding-top: 35px !important
  }
  
  .pr35 {
    padding-right: 35px !important
  }
  
  .pb35 {
    padding-bottom: 35px !important
  }
  
  .pl35 {
    padding-left: 35px !important
  }
  
  .mt40 {
    margin-top: 40px !important
  }
  
  .mr40 {
    margin-right: 40px !important
  }
  
  .mb40 {
    margin-bottom: 40px !important
  }
  
  .ml40 {
    margin-left: 40px !important
  }
  
  .pt40 {
    padding-top: 40px !important
  }
  
  .pr40 {
    padding-right: 40px !important
  }
  
  .pb40 {
    padding-bottom: 40px !important
  }
  
  .pl40 {
    padding-left: 40px !important
  }
  
  .mt45 {
    margin-top: 45px !important
  }
  
  .mr45 {
    margin-right: 45px !important
  }
  
  .mb45 {
    margin-bottom: 45px !important
  }
  
  .ml45 {
    margin-left: 45px !important
  }
  
  .pt45 {
    padding-top: 45px !important
  }
  
  .pr45 {
    padding-right: 45px !important
  }
  
  .pb45 {
    padding-bottom: 45px !important
  }
  
  .pl45 {
    padding-left: 45px !important
  }
  
  .mt50 {
    margin-top: 50px !important
  }
  
  .mr50 {
    margin-right: 50px !important
  }
  
  .mb50 {
    margin-bottom: 50px !important
  }
  
  .ml50 {
    margin-left: 50px !important
  }
  
  .pt50 {
    padding-top: 50px !important
  }
  
  .pr50 {
    padding-right: 50px !important
  }
  
  .pb50 {
    padding-bottom: 50px !important
  }
  
  .pl50 {
    padding-left: 50px !important
  }
  
  .align-left {
    text-align: left
  }
  
  .align-right {
    text-align: right
  }
  
  .align-center {
    text-align: center
  }
  
  p {
    margin-bottom: 1.7rem
  }
  
  p:last-of-type {
    margin-bottom: 0
  }
  
  p+img {
    margin-top: 1.7rem
  }
  
  @media only screen and (max-width: 960px) {
    p {
      font-size: 0.95rem
    }
  }
  
  img {
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: middle;
    transition: 0.3s ease-out
  }
  
  a img:hover {
    opacity: 0.8
  }
  
  small, .text-small {
    font-size: 0.85rem
  }
  
  .text-large {
    font-size: 1.1em
  }
  
  a {
    color: #84b2ff;
    transition: 0.3s
  }
  
  a:hover {
    color: #9d9c9c
  }
  
  .cl-black {
    color: #000
  }
  
  .font-min {
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    font-weight: bold
  }
  
  .caption {
    color: #333;
    font-size: 0.9rem;
    margin-top: 10px
  }
  
  .line-right {
    display: flex;
    align-items: center
  }
  
  .line-right::after {
    border-top: 1px solid;
    content: "";
    flex-grow: 1;
    margin-left: 1rem
  }
  
  h1, h2, h3 {
    line-height: 1.5
  }
  
  h2 {
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1
  }
  
  @media only screen and (max-width: 960px) {
    h2 {
      font-size: 26px
    }
  }
  
  @media only screen and (max-width: 559px) {
    h2 {
      font-size: 6vw
    }
  }
  
  h3 {
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    font-size: 24px;
    margin-bottom: 0.5em
  }
  
  @media only screen and (max-width: 559px) {
    h3 {
      font-size: 5.4vw
    }
  }
  
  h4 {
    font-size: 18px;
    margin-bottom: 0.3em
  }
  
  .entry-more::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: ""
  }
  
  .btn-ghost a {
    display: inline-block;
    padding: 10px 20px;
    color: #53b0cf;
    border: solid 1px #53b0cf;
    transition: .6s
  }
  
  .btn-ghost a:hover {
    background: #53b0cf;
    color: #FFF
  }
  
  .sns_box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px 0 20px 0
  }
  
  .sns_button {
    float: left;
    box-shadow: inset 0 0 0 2px #FFF;
    border-radius: 100%;
    -moz-transition: all 280ms ease;
    -o-transition: all 280ms ease;
    -webkit-transition: all 280ms ease;
    transition: all 280ms ease
  }
  
  .sns_button a {
    display: table-cell;
    width: 44px;
    height: 44px;
    color: #53b0cf;
    text-align: center;
    vertical-align: middle;
    -moz-transition: all 280ms ease;
    -o-transition: all 280ms ease;
    -webkit-transition: all 280ms ease;
    transition: all 280ms ease
  }
  
  .sns_button span {
    font-size: 20px;
    vertical-align: middle;
    font-family: 'icomoon';
    color: #FFF
  }
  
  .sns_button:hover {
    box-shadow: inset 0 0 0 22px #FFF
  }
  
  .sns_button+.sns_button {
    margin: 0 0 0 12px
  }
  
  .twitter span:before {
    content: "\e903"
  }
  
  .twitter:hover span {
    color: #1B95E0
  }
  
  .facebook span:before {
    content: "\e902"
  }
  
  .facebook:hover span {
    color: #3B5999
  }
  
  .instagram span:before {
    content: "\e904"
  }
  
  .instagram:hover span {
    color: #2b5c84
  }
  
  .pocket span:before {
    content: "\e901"
  }
  
  .pocket:hover span {
    color: #EE4056
  }
  
  .line span:before {
    content: "\e900"
  }
  
  .line:hover span {
    color: #00b900
  }
  
  .box {
    position: relative
  }
  
  .box .box-img {
    margin-bottom: 15px
  }
  
  .box .box-img img {
    margin: 0 auto;
    display: block
  }
  
  .box h3 {
    font-size: 20px;
    margin-bottom: 10px
  }
  
  .box p {
    margin-bottom: 10px;
    font-size: 0.95em
  }
  
  @media only screen and (min-width: 560px) {
    .box:hover img {
      opacity: 0.8
    }
  }
  
  .box:hover p {
    color: #333
  }
  
  @media only screen and (max-width: 559px) {
    .box h3 {
      font-size: 20px
    }
    .box p {
      font-size: 15px
    }
  }
  
  .btn {
    color: #000;
    padding: 5px;
    border-radius: 25px;
    width: 120px;
    margin: 0 0 0 auto;
    display: block;
    text-align: center
  }
  
  .cat-icon {
    text-align: right
  }
  
  .cat-icon a {
    font-size: 14px;
    text-align: center;
    color: #FFF;
    padding: 3px 15px;
    border-radius: 25px;
    min-width: 100px;
    white-space: nowrap
  }
  
  @media only screen and (max-width: 559px) {
    .cat-icon a {
      font-size: 12px;
      padding: 2px 7px;
      min-width: 70px
    }
  }
  
  .cat-icon a.cat-event {
    background: #5a71f9
  }
  
  .cat-icon a.cat-event:hover {
    background: #7386fa
  }
  
  .cat-icon a.cat-report {
    background: #209f07
  }
  
  .cat-icon a.cat-report:hover {
    background: #25b708
  }
  
  .cat-icon a.cat-column {
    background: #ee8565
  }
  
  .cat-icon a.cat-column:hover {
    background: #f3a993
  }
  
  .cat-icon a.cat-houmon {
    background: #ffb947
  }
  
  .cat-icon a.cat-houmon:hover {
    background: #ffcc7a
  }
  
  .cat-icon a.cat-notification {
    background: #0068b7
  }
  
  .cat-icon a.cat-notification:hover {
    background: #0085ea
  }
  
  .section-ttl {
    margin-bottom: 20px
  }
  
  .section-ttl h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3
  }
  
  .section-ttl h2::before {
    content: "";
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    padding-left: 3.0em;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain
  }
  
  .section-ttl span {
    color: #5a71f9;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    display: block
  }
  
  @media only screen and (max-width: 559px) {
    .section-ttl h2::before {
      width: 2.0em;
      height: 2.0em;
      padding-left: 2.5em
    }
  }
  
  .line {
    position: absolute;
    left: 0;
    z-index: 2;
    height: 38px;
    width: 100%;
    background-position: center bottom;
    background-repeat: repeat-x
  }
  
  @media only screen and (max-width: 559px) {
    .line {
      height: 30px;
      background-size: 15%
    }
  }
  
  .line .line-img {
    position: relative;
    text-align: center;
  }
  
  .line .line-img img {
    position: absolute;
    bottom: -15px;
    height: 100px
  }
  
  @media only screen and (max-width: 559px) {
    .line .line-img img {
      bottom: -15px;
      height: 60px
    }
  }
  
  .line.line-white {
    background-image: url("../img/bg-wave-white.png");
    top: 480px
  }
  
  @media only screen and (max-width: 559px) {
    .line.line-white {
      top: 485px
    }
  }
  
  .line.line-white .line-img img {
    left: 10px
  }
  
  @media only screen and (max-width: 559px) {
    .line.line-white .line-img {
      display: none
    }
  }
  
  .line.line-pink {
    background-image: url("../img/bg-wave-pink.png");
    bottom: 0
  }
  
  .line.line-pink .line-img img {
    right: 45px
  }
  
  @media only screen and (max-width: 559px) {
    .line.line-pink .line-img img {
      right: 5px
    }
  }
  
  .line.line-green {
    background-image: url("../img/bg-wave-green.png");
    bottom: 0
  }
  
  .line.line-green .line-img img {
    right: 25%
  }
  
  @media only screen and (max-width: 559px) {
    .line.line-green .line-img img {
      left: 5px
    }
  }
  
  .line.line-orange {
    background-image: url("../img/bg-wave-orange.png");
    bottom: 0
  }
  
  .line.line-orange .line-img img {
    left: 10%
  }
  
  @media only screen and (max-width: 559px) {
    .line.line-orange .line-img img {
      right: 5px
    }
  }
  
  .line.line-purple {
    background-image: url("../img/bg-wave-purple.png");
    bottom: 0
  }
  
  .line.line-purple .line-img img {
    right: 20%
  }
  
  @media only screen and (max-width: 559px) {
    .line.line-purple .line-img img {
      right: 5px
    }
  }
  
  .line.line-blue {
    background-image: url("../img/bg-wave-blue.png");
    bottom: 0
  }
  
  .line.line-blue .line-img img {
    left: 10px
  }
  
  @media only screen and (max-width: 559px) {
    .line.line-blue .line-img img {
      left: 5px
    }
  }
  
  .line.line-blue-top {
    background-image: url("../img/bg-wave-blue.png");
    bottom: -19px
  }
  
  @media only screen and (max-width: 559px) {
    .line.line-blue-top {
      bottom: -15px
    }
  }
  
  .line.line-blue-top .line-img img {
    left: 10px
  }
  
  @media only screen and (max-width: 559px) {
    .line.line-blue-top .line-img img {
      left: 5px
    }
  }
  
  .line.line-gray {
    background-image: url("../img/bg-wave-gray.png");
    bottom: 0
  }
  
  .line.line-gray .line-img img {
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: -60px;
    height: 40px
  }

    
  .line .line-txt {
    position: relative;
    margin: 0 auto;
    padding: 20px 60px 20px 20px;
    background-color: #fff;
    color: #000;
  }
  .line .line-txt:hover::after{
    right: 15px;
  }
  .line .line-txt:after {
    position: absolute;
    top: 50%;
    right: 20px;
    display: inline-block;
    content: "";
    width: 25px;
    height: 6px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    transition: right 0.3s ease;
    transform: translateY(-50%) skew(45deg);
  }
  
  
  
  header {
    width: 100%;
    background: url("../img/wave-bl-harf.png") center bottom repeat-x;
    position: relative
  }
  
  header .header-logo {
    width: 100%;
    text-align: center;
    padding: 20px 0px 10px 0px
  }
  
  @media only screen and (max-width: 960px) {
    header .header-logo {
      padding: 10px 0px 20px 0px
    }
  }
  
  header .header-logo h1 {
    display: inline-block
  }
  
  header .header-logo h1 img {
    display: block;
    width: 150px
  }
  
  @media only screen and (max-width: 960px) {
    header .header-logo h1 img {
      width: 120px
    }
  }
  
  header nav {
    margin: 0 auto;
    padding: 0 0 30px 0;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    font-weight: bold
  }
  
  header nav ul {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
  }
  
  header nav ul li {
    font-size: 16px;
    white-space: nowrap;
    padding-right: 15px
  }
  
  @media only screen and (max-width: 1240px) {
    header nav ul li {
      font-size: 14px;
      padding-right: 10px
    }
  }

  @media screen and (min-width: 971px) and (max-width: 1400px)  {
    header nav ul {
        flex-wrap: wrap;
    }
    header nav ul li:first-child{
        display: flex;
        align-items: center;
    }
    header nav ul li:first-child a{
        font-size: 0;
        width: 20px;
        height: 23px;
        background: url(../img/icon-home.svg) no-repeat center/cover;
    }
  }
  
  header nav ul li.current a {
    background: url("../img/current.png");
    background-position: right;
    background-size: 80px;
    background-repeat: no-repeat
  }
  
  header nav ul li.nav_f-two a br{
    display: none;
  }
  @media only screen and (max-width: 960px) {
    header nav ul li.current a {
      background: none
    }
    
    header nav ul li.nav_f-two a br{
      display: block;
    }
  }
  
  header nav ul li a {
    color: #000;
    display: inline-block
  }
  
  header nav ul li::after {
    content: "|";
    padding-left: 15px
  }
  
  @media only screen and (max-width: 1240px) {
    header nav ul li::after {
      padding-left: 10px
    }
  }
  
  header nav ul li:last-child {
    padding-right: 0
  }
  
  header nav ul li:last-child::after {
    content: none
  }
  
  header nav ul li.sns {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(83,176,207,0.77);
    transition: opacity 0.3s ease;
  }
  
  header nav ul li.sns::after {
    content: none
  }

  header nav ul li.sns:hover {
    opacity: 0.6;
  }
  
  header nav ul li.sns a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 5px;
    width: 40px;
    aspect-ratio: 1/1;
  }

  header nav ul li.sns a img {
    width: 15px;
    height: auto;
  }
  
  @media only screen and (max-width: 960px) {
    header nav {
      position: absolute;
      height: auto;
      width: 100%;
      left: -100%;
      -webkit-transition: 1s;
      transition: 1s;
      z-index: 3;
      padding: 20px 20px 80px;
      top: 78px;
      background: #FFF
    }
    header nav ul {
      background: rgba(83, 176, 207, 0.77);
      padding: 0px 10px;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    header nav ul li {
      width: 100%;
      text-align: center;
      font-size: 16px;
      padding-right: 0;
      position: relative
    }
    header nav ul li::before {
      content: "";
      position: absolute;
      top: 40%;
      right: 20px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      width: 10px;
      height: 10px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff
    }
    header nav ul li::after {
      content: none
    }
    header nav ul li a {
      color: #FFF;
      border-bottom: 1px solid #FFF;
      padding: 20px 0px;
      display: block;
      border-left: none
    }
    header nav ul li:last-child a {
      border-bottom: none
    }
    header nav ul li.sns {
      position: absolute;
      bottom: 30px;
    }
    header nav ul li.sns::before {
      content: none
    }
  }
  
  header #target {
    display: none
  }
  
  @media only screen and (max-width: 960px) {
    header #target {
      z-index: 4;
      width: 65px;
      height: 65px;
      position: absolute;
      top: 10px;
      left: 15px;
      cursor: pointer;
      display: block;
      -webkit-transition: 1.5s;
      transition: 1.5s
    }
  }
  
  header .target_inner {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    left: 0;
    background: #53b0cf;
    border-radius: 75px
  }
  
  header .target_inner_line {
    display: block;
    width: 40px;
    height: 3px;
    background: #fff;
    -webkit-transition: 1.5s;
    transition: 1.5s;
    position: absolute
  }
  
  header .target_inner_1 {
    top: 20px;
    left: 12px
  }
  
  header .target_inner_3 {
    top: 40px;
    left: 12px
  }
  
  header .fadein {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  
  header .linea, header .lineb, header .linec {
    background: #ffffff
  }
  
  header .linea {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    top: 30px
  }
  
  header .linec {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    top: 30px
  }
  
  #header-img {
    position: relative
  }
  
  .top-slider {
    height: 500px;
    position: relative
  }
  
  .top-slider .header-contents {
    position: absolute;
    z-index: 1;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap
  }
  
  .top-slider .header-contents h2 {
    font-size: 22px;
    line-height: 1.8;
    text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF
  }
  
  .top-slider .header-contents img {
    max-height: 200px
  }
  
  @media only screen and (max-width: 559px) {
    .top-slider .header-contents {
      top: 30%
    }
    .top-slider .header-contents h2 {
      font-size: 19px
    }
  }
  
  .top-slider .news-feature {
    position: absolute;
    z-index: 1;
    padding: 10px;
    width: 430px;
    bottom: 40px;
    right: 20px;
    background: #FFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  .top-slider .news-feature:hover {
    background: rgba(255, 255, 255, 0.8)
  }
  
  .top-slider .news-feature .left {
    width: 40%
  }
  
  .top-slider .news-feature .right {
    width: 57%
  }
  
  .top-slider .news-feature .right p {
    margin-bottom: 10px;
    font-size: 14px
  }
  
  @media only screen and (max-width: 559px) {
    .top-slider .news-feature {
      width: 95%;
      bottom: 0;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background: rgba(255, 255, 255, 0.8)
    }
    .top-slider .news-feature .right p {
      font-size: 12px;
      margin-bottom: 5px
    }
  }
  
  .top-slider .banner-feature {
    position: absolute;
    z-index: 1;
    width: 430px;
    bottom: 40px;
    right: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #000
  }
  
  .top-slider .banner-feature img {
    opacity: 1;
    transition: .3s
  }
  
  .top-slider .banner-feature img:hover {
    opacity: 0.8
  }
  
  @media only screen and (max-width: 559px) {
    .top-slider .banner-feature {
      width: 95%;
      bottom: 0;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
    }
  }
  
  .top-slider .slider-items .slider-item {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat
  }
  
  .top-slider .slider-items .slider-item1 {
    background-image: url("../img/top-slider-oshidomari.jpg");
    background-position: center bottom
  }
  
  @media only screen and (max-width: 559px) {
    .top-slider .slider-items .slider-item1 {
      background-image: url("../img/top-slider-oshidomari_sp.jpg");
      background-position: center bottom
    }
  }
  
  .top-slider .slider-items .slider-item2 {
    background-image: url("../img/top-slider-hanasisaki.jpg");
    background-position: center bottom
  }
  
  @media only screen and (max-width: 559px) {
    .top-slider .slider-items .slider-item2 {
      background-image: url("../img/top-slider-hanasisaki_sp.jpg");
      background-position: center top
    }
  }
  
  .top-slider .slider-items .slider-item3 {
    background-image: url("../img/top-slider-taitousaki.jpg");
    background-position: center top
  }
  
  @media only screen and (max-width: 559px) {
    .top-slider .slider-items .slider-item3 {
      background-image: url("../img/top-slider-taitousaki_sp.jpg");
      background-position: center top
    }
  }
  
  .top-slider .slider-items .slider-item4 {
    background-image: url("../img/top-slider-nezumigaseki.jpg");
    background-position: center bottom
  }
  
  @media only screen and (max-width: 559px) {
    .top-slider .slider-items .slider-item4 {
      background-image: url("../img/top-slider-nezumigaseki_sp.jpg");
      background-position: center bottom
    }
  }
  
  @media only screen and (max-width: 559px) {
    .top-slider .next1, .top-slider .prev1 {
      display: none
    }
  }
  
  #top-project {
    height: 1170px;
    position: relative;
    background: url("../img/top-project.jpg");
    background-position: center;
    background-size: cover;
    margin-bottom: 19px
  }
  
  #top-project .section-ttl h2 {
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFF
  }
  
  #top-project .section-ttl h2::before {
    background-image: url(../img/icon-lh.png)
  }
  
  #top-project .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  #top-project .container .box {
    margin-top: 60px;
    width: 37%
  }
  
  #top-project .container .box h3 {
    color: #FFF
  }
  
  #top-project .container .box p {
    color: #FFF
  }
  
  #top-project .container .box .btn {
    background: #53b0cf
  }
  
  #top-project .container .box .btn:hover {
    background: #67b9d5;
    color: #FFF
  }
  
  @media only screen and (max-width: 960px) {
    #top-project .container .box h3 {
      font-size: 20px
    }
    #top-project .container .box p {
      font-size: 14px
    }
  }
  
  @media only screen and (max-width: 559px) {
    #top-project {
      height: 600px;
      margin-bottom: 15px
    }
    #top-project .container {
      padding-top: 20px
    }
    #top-project .container .box {
      margin-top: 30px
    }
    #top-project .container .box h3 {
      font-size: 4.1vw
    }
    #top-project .container .box p {
      display: none
    }
  }
  
  #about {
    position: relative
  }
  
  #about .section-ttl h2 {
    -ms-flex-pack: center;
    justify-content: center
  }
  
  #about .section-ttl h2::before {
    background-image: url(../img/icon-machi.png)
  }
  
  #about .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  #about .container .box {
    width: 100%;
    margin-bottom: 40px
  }
  
  #about .container .box:last-child {
    margin-bottom: 0
  }
  
  @media only screen and (min-width: 560px) {
    #about .container .box {
      width: calc(100% / 2 - 3%)
    }
    #about .container .box:nth-last-child(-n+2) {
      margin-bottom: 0
    }
  }
  
  #about #about-jichitai ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
  }
  
  #about #about-jichitai ul li {
    width: calc(100% / 5);
    font-size: 15px;
    line-height: 1;
    border-left: 4px solid #ffa6c9;
    padding: 0 10px 0 5px;
    margin: 10px 0
  }
  
  @media only screen and (max-width: 1239px) {
    #about #about-jichitai ul li {
      width: calc(100% / 4)
    }
  }
  
  @media only screen and (max-width: 960px) {
    #about #about-jichitai ul li {
      width: calc(100% / 3)
    }
  }
  
  @media only screen and (max-width: 559px) {
    #about #about-jichitai ul li {
      width: calc(100% / 2)
    }
  }
  
  #research {
    position: relative
  }
  
  #research .section-ttl h2 {
    -ms-flex-pack: center;
    justify-content: center
  }
  
  #research .section-ttl h2::before {
    background-image: url(../img/icon-learn.png)
  }
  
  #research .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  #research .container .box {
    width: 100%;
    margin-bottom: 40px
  }
  
  #research .container .box:last-child {
    margin-bottom: 0
  }
  
  @media only screen and (min-width: 560px) {
    #research .container .box {
      width: calc(100% / 3 - 3%);
      margin-bottom: 0
    }
  }
  
  #utilize {
    position: relative
  }
  
  #utilize .section-ttl h2 {
    -ms-flex-pack: center;
    justify-content: center
  }
  
  #utilize .section-ttl h2::before {
    background-image: url(../img/icon-use.png)
  }
  
  #utilize .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  #utilize .container .box {
    width: 100%;
    margin-bottom: 40px
  }
  
  #utilize .container .box:last-child {
    margin-bottom: 0
  }
  
  @media only screen and (min-width: 560px) {
    #utilize .container .box {
      width: calc(100% / 3 - 3%);
      margin-bottom: 0
    }
  }
  
  #week {
    position: relative
  }
  
  #week .section-ttl h2 {
    -ms-flex-pack: center;
    justify-content: center
  }
  
  #week .section-ttl h2::before {
    background-image: url(../img/icon-walk.png)
  }
  
  #week .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  #week .container .box {
    width: 100%;
    margin-bottom: 40px
  }
  
  #week .container .box:last-child {
    margin: 0
  }
  
  @media only screen and (min-width: 560px) {
    #week .container .box {
      width: calc(100% / 3 - 3%);
      margin: 0
    }
  }
  
  #news, #topics {
    position: relative
  }
  
  @media only screen and (max-width: 960px) {
    #news .section-ttl, #topics .section-ttl {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
  }
  
  #news .section-ttl h2, #topics .section-ttl h2 {
    -ms-flex-pack: center;
    justify-content: center
  }
  
  #news .section-ttl h2::before, #topics .section-ttl h2::before {
    background-image: url(../img/icon-news.png)
  }
  
  #news .section-ttl span, #topics .section-ttl span {
    margin: 0px auto 0px 20px
  }
  
  @media only screen and (max-width: 559px) {
    #news .section-ttl span, #topics .section-ttl span {
      margin: 10px auto 0px auto;
      width: 100%
    }
  }
  
  #event .container, #topics .container, #toudai .container, #about #toudai .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  @media only screen and (min-width: 560px) {
    #event .container::before, #event .container::after, #topics .container::before, #topics .container::after, #toudai .container::before, #toudai .container::after, #about #toudai .container::before, #about #toudai .container::after {
      content: "";
      display: block;
      width: calc(100% / 2 - 3%);
      height: 0
    }
    #event .container::before, #topics .container::before, #toudai .container::before, #about #toudai .container::before {
      order: 1
    }
  }
  
  @media only screen and (min-width: 961px) {
    #event .container::before, #event .container::after, #topics .container::before, #topics .container::after, #toudai .container::before, #toudai .container::after, #about #toudai .container::before, #about #toudai .container::after {
      content: "";
      display: block;
      width: calc(100% / 4 - 3%);
      height: 0
    }
    #event .container::before, #topics .container::before, #toudai .container::before, #about #toudai .container::before {
      order: 1
    }
  }
  
  #event .box, #topics .box, #toudai .box, #about #toudai .box {
    width: 100%;
    margin-bottom: 40px;
    position: relative
  }
  
  #event .box:last-child, #topics .box:last-child, #toudai .box:last-child, #about #toudai .box:last-child {
    margin-bottom: 0
  }
  
  @media only screen and (min-width: 560px) {
    #event .box, #topics .box, #toudai .box, #about #toudai .box {
      width: calc(100% / 2 - 3%)
    }
    #event .box:nth-last-child(-n+2), #topics .box:nth-last-child(-n+2), #toudai .box:nth-last-child(-n+2), #about #toudai .box:nth-last-child(-n+2) {
      margin-bottom: 0
    }
  }
  
  @media only screen and (min-width: 961px) {
    #event .box, #topics .box, #toudai .box, #about #toudai .box {
      width: calc(100% / 4 - 3%)
    }
    #event .box:nth-last-child(-n+4), #topics .box:nth-last-child(-n+4), #toudai .box:nth-last-child(-n+4), #about #toudai .box:nth-last-child(-n+4) {
      margin-bottom: 0
    }
  }
  
  #event .box .box-img, #topics .box .box-img, #toudai .box .box-img, #about #toudai .box .box-img {
    position: relative;
    text-align: center
  }
  
  #event .box .box-img img, #topics .box .box-img img, #toudai .box .box-img img, #about #toudai .box .box-img img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    border-radius: 50%
  }
  
  #event .box .box-img .cat-icon, #topics .box .box-img .cat-icon, #toudai .box .box-img .cat-icon, #about #toudai .box .box-img .cat-icon {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
  }
  
  #event .box .box-img, #topics .box .box-img {
    margin-bottom: 5px
  }
  
  #event .box .box-text time, #topics .box .box-text time {
    display: block;
    color: #9d9c9c
  }
  
  #event .box .box-text h3, #topics .box .box-text h3 {
    font-family: "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Avenir", "Arial", "Noto Sans", sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px
  }
  
  #event .box .box-text h3 a, #topics .box .box-text h3 a {
    color: #000 !important
  }
  
  #event .box .box-text h3 a:hover, #topics .box .box-text h3 a:hover {
    color: #9d9c9c !important
  }
  
  #event .box .box-text .link-tag, #topics .box .box-text .link-tag {
    margin-bottom: 10px;
    font-size: 12px
  }
  
  #event .box .box-text .link-tag li, #topics .box .box-text .link-tag li {
    display: inline-block
  }
  
  #event .box .box-text .link-tag li a, #topics .box .box-text .link-tag li a {
    color: #0150ff;
    padding-right: 5px
  }
  
  #event .box .box-text .link-tag li a:hover, #topics .box .box-text .link-tag li a:hover {
    color: #6796ff
  }
  
  #event .box .box-text .link-tag li a::before, #topics .box .box-text .link-tag li a::before {
    content: "#"
  }
  
  #event .box .box-text .btn::after, #topics .box .box-text .btn::after {
    content: none
  }
  
  #toudai.toudai-other {
    background: none;
    position: relative
  }
  
  #toudai .box h3 {
    margin-bottom: 0px
  }
  
  #toudai .box h4 {
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif
  }
  
  #toudai .box .cat-icon {
    background: #ffa6c9;
    color: #FFF;
    padding: 3px 20px;
    text-align: center;
    border-radius: 25px;
    min-width: 100px
  }
  
  #model #head-img .section-ttl {
    margin-bottom: 40px;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  #model #head-img .section-ttl h2::before {
    background-image: url(../img/icon-model.png)
  }
  
  #model #model-kv {
    padding-bottom: 60px
  }
  
  #model #model-kv .model-slider {
    background: url("/model/img/slider02.jpg") right 50% center;
    background-size: contain
  }
  
  @media only screen and (max-width: 559px) {
    #model #model-kv .model-slider {
      background: none
    }
  }
  
  #model #model-kv .model-slider img {
    width: 100%
  }
  
  #model #model-kv .model-slider .swiper-slide-active img {
    opacity: 1
  }
  
  #model #model-kv .text-narrow {
    margin-top: 60px
  }
  
  #model #model-overview {
    background: #F8F8F8
  }
  
  #model #model-overview .model-circle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  #model #model-overview .model-circle .model-circle-item {
    width: 47%;
    margin-bottom: 40px
  }
  
  #model #model-overview .model-circle .model-circle-item .inner {
    background: #fff;
    width: 100%;
    border-radius: 50%;
    padding-top: 100%;
    position: relative
  }
  
  #model #model-overview .model-circle .model-circle-item .inner .model-overview-docs {
    width: 85%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
  }
  
  @media only screen and (max-width: 767px) {
    #model #model-overview .model-circle {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    #model #model-overview .model-circle .model-circle-item {
      width: 100%
    }
  }
  
  #model #model-overview .model-circle-item3 .model-overview-docs {
    margin: 0 auto;
    max-width: 640px;
    text-align: center
  }
  
  #model #model-overview .model-circle-item3 .model-overview-docs ol {
    text-align: left;
    margin-top: 40px;
    counter-reset: count 0;
    list-style: none;
    padding-left: 0
  }
  
  #model #model-overview .model-circle-item3 .model-overview-docs ol li {
    padding: 0 5px;
    background-image: linear-gradient(#fff, #fff);
    background-size: 100% 30%;
    background-position: 0 70%;
    background-repeat: no-repeat;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  #model #model-overview .model-circle-item3 .model-overview-docs ol li::before {
    content: counter(count) " ";
    counter-increment: count 1;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    font-size: 2em;
    padding-right: 10px
  }
  
  @media only screen and (max-width: 559px) {
    #model #model-overview .model-circle-item3 .model-overview-docs ol li {
      padding: 10px 0;
      background: none
    }
  }
  
  #model #model-overview .model-overview-docs h2 {
    font-size: min(30px, 5.6vw);
    color: #FF5353;
    margin-bottom: 1em
  }
  
  @media only screen and (max-width: 559px) {
    #model #model-overview .model-overview-docs p br {
      display: none
    }
  }
  
  #model #model-result {
    background: #F8F8F8
  }
  
  #model #model-result p {
    text-align: center;
    font-weight: bold;
    font-size: clamp(17px, 4.2vw, 20px);
    margin-bottom: 30px
  }
  
  @media only screen and (max-width: 559px) {
    #model #model-result p {
      text-align: left
    }
    #model #model-result p br {
      display: none
    }
  }
  
  #model #model-result small {
    font-weight: normal
  }
  
  #model #model-result ul li {
    font-weight: bold;
    position: relative;
    padding: 0 0 12px 30px
  }
  
  #model #model-result ul li:last-child {
    padding-bottom: 0
  }
  
  #model #model-result .model-result-1 {
    background: #fff;
    position: relative;
    margin-top: 100px;
    padding: 100px 60px 60px 60px
  }
  
  @media only screen and (max-width: 559px) {
    #model #model-result .model-result-1 {
      padding: 80px 20px 40px 20px
    }
  }
  
  #model #model-result .model-result-1 .model-result-ttl {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
  }
  
  #model #model-result .model-result-1 .model-result-ttl h3 {
    margin: 0 auto;
    font-size: 28px;
    height: 140px;
    width: 140px;
    background: #FD7575;
    border-radius: 50%;
    position: relative
  }
  
  #model #model-result .model-result-1 .model-result-ttl h3 span {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
  }
  
  #model #model-result .model-result-1 p {
    color: #FD7575
  }
  
  #model #model-result .model-result-1 ul li::before {
    position: absolute;
    top: 4px;
    left: 0;
    margin: auto;
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #FD7575;
    border-radius: 50%
  }
  
  #model #model-result .model-result-2 {
    background: #fff;
    position: relative;
    margin-top: 100px;
    padding: 100px 60px 60px 60px
  }
  
  @media only screen and (max-width: 559px) {
    #model #model-result .model-result-2 {
      padding: 80px 20px 40px 20px
    }
  }
  
  #model #model-result .model-result-2 .model-result-ttl {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
  }
  
  #model #model-result .model-result-2 .model-result-ttl h3 {
    margin: 0 auto;
    height: 140px;
    width: 140px;
    background: #75A9FD;
    border-radius: 50%;
    position: relative
  }
  
  #model #model-result .model-result-2 .model-result-ttl h3 span {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
  }
  
  #model #model-result .model-result-2 p {
    color: #75A9FD
  }
  
  #model #model-result .model-result-2 ul li::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    background: url("../img/icon-triangle.png") left center no-repeat;
    background-size: cover;
    height: 18px;
    width: 20px
  }
  
  #model #model-conclusion h3 {
    margin: 0 auto 60px auto;
    font-size: 28px;
    border: 2px solid #FD7575;
    border-radius: 50%;
    height: 160px;
    width: 160px;
    position: relative
  }
  
  #model #model-conclusion h3 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
  }
  
  #model #model-conclusion p {
    font-size: clamp(16px, 4.5vw, 18px);
    text-align: center
  }
  
  #model #model-conclusion p span {
    color: #FF5353
  }
  
  @media only screen and (max-width: 559px) {
    #model #model-conclusion p {
      text-align: left
    }
    #model #model-conclusion p br {
      display: none
    }
  }
  
  #model .model-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 80px 0 0 0
  }
  
  #model .model-list .box {
    width: calc(100% / 4);
    transition: 0.6s
  }
  
  #model .model-list .box:hover {
    background: rgba(253, 117, 117, 0.1)
  }
  
  #model .model-list .box .box-img {
    margin-bottom: 0
  }
  
  #model .model-list .box .box-text {
    padding: 30px
  }
  
  #model .model-list .box .box-text h3, #model .model-list .box .box-text h4 {
    text-align: center
  }
  
  #model .model-list .box .box-text h3 {
    margin-bottom: 0px
  }
  
  #model .model-list .box .box-text h3 a span {
    font-size: 85%
  }
  
  #model .model-list .box .box-text h4 {
    color: #575757;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    font-size: 1rem
  }
  
  #model .model-list .box .box-text h5 {
    font-size: 0.95em;
    margin: 1rem 0
  }
  
  @media only screen and (max-width: 1279px) {
    #model .model-list .box {
      width: calc(100% / 3)
    }
  }
  
  @media only screen and (max-width: 960px) {
    #model .model-list .box {
      width: calc(100% / 2)
    }
  }
  
  @media only screen and (max-width: 559px) {
    #model .model-list .box {
      width: 100%
    }
    #model .model-list .box .box-text {
      padding: 20px 20px 40px 20px
    }
  }
  
  #model-detail section {
    padding-bottom: 60px
  }
  
  #model-detail .page-ttl {
    margin-bottom: 40px
  }
  
  #model-detail .model-ttl {
    text-align: center;
    margin: 40px 0
  }
  
  #model-detail .model-ttl h2 {
    font-size: 1rem;
    border-bottom: 1px solid #BEBEBE;
    padding-bottom: 20px;
    margin-bottom: 40px
  }
  
  #model-detail .model-ttl h3 {
    font-size: clamp(28px, 7.6vw, 36px);
    line-height: 1.8
  }
  
  #model-detail .model-ttl h3 span {
    color: #000;
    font-size: 0.6em;
    margin-left: 0.8em;
    line-height: 1.5;
    display: inline-block
  }
  
  @media only screen and (max-width: 559px) {
    #model-detail .model-ttl h3 {
      line-height: 1.5
    }
    #model-detail .model-ttl h3 span {
      display: block;
      margin-left: 0
    }
  }
  
  #model-detail .model-detail-kv {
    margin-bottom: 30px
  }
  
  #model-detail .model-detail-kv img {
    width: 100%
  }
  
  #model-detail #model-story {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  
  #model-detail #model-story .model-story-text {
    width: 50%
  }
  
  #model-detail #model-story .model-story-text h2 {
    font-size: clamp(18px, 4.6vw, 22px);
    color: #FF5353;
    line-height: 1.5;
    margin-bottom: 40px;
    border-left: 4px solid #FF5353;
    padding-left: 0.6em
  }
  
  #model-detail #model-story .model-story-text h3 {
    font-size: clamp(17px, 4.2vw, 18px);
    font-family: "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Avenir", "Arial", "Noto Sans", sans-serif;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px
  }
  
  #model-detail #model-story .model-story-text p {
    margin-bottom: 1.5rem
  }
  
  #model-detail #model-story .model-story-img {
    width: 45%
  }
  
  @media only screen and (max-width: 559px) {
    #model-detail #model-story .model-story-text {
      width: 100%
    }
    #model-detail #model-story .model-story-img {
      width: 100%
    }
  }
  
  #model-detail #model-summary {
    background: #F8F8F8
  }
  
  #model-detail .model-detail {
    margin-bottom: 20px
  }
  
  #model-detail .model-detail dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.1rem
  }
  
  #model-detail .model-detail dl dt, #model-detail .model-detail dl dd {
    border-top: 1px solid #FF9F9F;
    padding: 2em
  }
  
  #model-detail .model-detail dl dt {
    width: 12em;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    font-weight: bold;
    color: #FF5353
  }
  
  #model-detail .model-detail dl dd {
    width: calc(100% - 12em)
  }
  
  @media only screen and (max-width: 960px) {
    #model-detail .model-detail dl {
      font-size: 1.0rem
    }
    #model-detail .model-detail dl dt, #model-detail .model-detail dl dd {
      width: 100%;
      padding: 0
    }
    #model-detail .model-detail dl dt {
      padding: 15px 0 0 0
    }
    #model-detail .model-detail dl dd {
      border-top: none;
      padding: 0 0 15px 0
    }
  }
  
  #model-detail .model-survey {
    border: 8px solid #FFD0D0;
    background: #fff;
    padding: 60px
  }
  
  #model-detail .model-survey h2 {
    font-size: 1.4rem;
    font-family: "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Avenir", "Arial", "Noto Sans", sans-serif;
    color: #FF5353;
    margin-bottom: 30px
  }
  
  #model-detail .model-survey h3 {
    font-size: clamp(16px, 4.2vw, 18px);
    font-family: "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Avenir", "Arial", "Noto Sans", sans-serif;
    color: #000;
    border-top: 1px solid #FF9F9F;
    padding-top: 30px;
    margin-top: 30px;
    margin-bottom: 30px
  }
  
  #model-detail .model-survey ol {
    margin: 0;
    padding: 0
  }
  
  #model-detail .model-survey ol li {
    position: relative;
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 1.25em;
    padding-bottom: 0;
    line-height: 2
  }
  
  #model-detail .model-survey ol li span {
    position: absolute;
    left: 0;
    margin: 0
  }
  
  @media only screen and (max-width: 960px) {
    #model-detail .model-survey {
      padding: 30px 20px;
      font-size: 1.0rem
    }
  }
  
  #model-detail .model-result-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -40px
  }
  
  #model-detail .model-result-list::after {
    content: "";
    display: block;
    width: 31.5%;
    height: 0
  }
  
  #model-detail .model-result-list .box {
    width: 31.5%;
    margin-bottom: 40px
  }
  
  #model-detail .model-result-list .box .box-text h3 {
    font-size: clamp(16px, 4.2vw, 18px)
  }
  
  #model-detail .model-result-list .box .box-text h3 span {
    display: inline-block
  }
  
  #model-detail .model-result-list .box:hover img {
    opacity: 1
  }
  
  @media only screen and (max-width: 960px) {
    #model-detail .model-result-list .box {
      width: 48%
    }
  }
  
  @media only screen and (max-width: 559px) {
    #model-detail .model-result-list .box {
      width: 100%
    }
  }
  
  #model-detail #model-measures {
    background: #F8F8F8
  }
  
  #model-detail #model-measures .model-measures-item {
    margin-bottom: 60px
  }
  
  #model-detail #model-measures .model-measures-item:last-child {
    margin-bottom: 0
  }
  
  #model-detail #model-measures .model-measures-item .item-problem, #model-detail #model-measures .model-measures-item .item-measures {
    background: #fff;
    padding: 40px 60px 40px 120px;
    position: relative
  }
  
  #model-detail #model-measures .model-measures-item .item-problem::before, #model-detail #model-measures .model-measures-item .item-measures::before {
    position: absolute;
    top: 15px;
    left: 15px;
    height: 90px;
    width: 90px
  }
  
  @media only screen and (max-width: 559px) {
    #model-detail #model-measures .model-measures-item .item-problem, #model-detail #model-measures .model-measures-item .item-measures {
      padding: 60px 20px 40px 20px
    }
    #model-detail #model-measures .model-measures-item .item-problem::before, #model-detail #model-measures .model-measures-item .item-measures::before {
      height: 80px;
      width: 80px;
      top: -25px;
      left: -10px
    }
  }
  
  #model-detail #model-measures .model-measures-item h3 {
    font-size: clamp(16px, 4vw, 18px);
    font-family: "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Avenir", "Arial", "Noto Sans", sans-serif;
    color: #000;
    margin-bottom: 40px
  }
  
  @media only screen and (max-width: 559px) {
    #model-detail #model-measures .model-measures-item h3 {
      margin-bottom: 20px
    }
    #model-detail #model-measures .model-measures-item h3 br {
      display: none
    }
  }
  
  #model-detail #model-measures .model-measures-item .item-problem {
    margin-bottom: 40px
  }
  
  #model-detail #model-measures .model-measures-item .item-problem::before {
    content: '';
    background: url("../img/bg_problem.png") left center no-repeat;
    background-size: cover
  }
  
  #model-detail #model-measures .model-measures-item .item-problem::after {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    content: '';
    display: inline-block;
    width: 90px;
    height: 30px;
    background-image: url(../img/bg_arrow.png);
    background-size: contain
  }
  
  #model-detail #model-measures .model-measures-item .item-measures::before {
    content: '';
    background: url("../img/bg_measures.png") left center no-repeat;
    background-size: cover
  }
  
  #model-detail .model-link-list {
    margin: 0 auto 40px auto
  }
  
  #model-detail .model-link-list ul {
    margin-bottom: -20px;
    width: 100%
  }
  
  #model-detail .model-link-list ul li {
    display: -ms-flexbox;
    display: flex;
    background: #F8F8F8;
    margin-bottom: 20px
  }
  
  #model-detail .model-link-list ul li a {
    position: relative;
    width: 100%;
    background: #F8F8F8;
    color: #168DE5;
    padding: 20px 20px 20px 36px;
    transition: 0.3s
  }
  
  #model-detail .model-link-list ul li a::before {
    content: '>';
    color: #C1C1C1;
    margin-left: -16px;
    padding-right: 0.5em
  }
  
  #model-detail .model-link-list ul li a:hover {
    background: rgba(253, 117, 117, 0.1)
  }
  
  #model-detail #model-pagenation {
    padding-bottom: 0 !important
  }
  
  #model-detail #model-pagenation .model-pagenation-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    width: 48%;
    border: 1px solid #E0E0E0;
    padding: 15px;
    position: relative
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box::before {
    position: absolute;
    content: "";
    margin: auto;
    top: 0;
    bottom: 0;
    width: 13px;
    height: 13px;
    border-top: 1px solid #FF5353;
    border-right: 1px solid #FF5353
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box .box-text {
    width: 64%;
    text-align: right
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box .box-text h3 {
    font-size: 20px;
    margin-bottom: 0
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box .box-text p {
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    margin-bottom: 0
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box .box-img {
    width: 33%;
    margin-bottom: 0
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box:nth-child(1) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 30px
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box:nth-child(1)::before {
    left: 20px;
    transform: rotate(225deg)
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box:nth-child(2) {
    padding-right: 30px
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box:nth-child(2)::before {
    right: 20px;
    transform: rotate(45deg)
  }
  
  #model-detail #model-pagenation .model-pagenation-box .box:nth-child(2) .box-text {
    text-align: left
  }
  
  @media only screen and (max-width: 960px) {
    #model-detail #model-pagenation .model-pagenation-box .box {
      width: 49%
    }
    #model-detail #model-pagenation .model-pagenation-box .box .box-text h3 {
      font-size: max(2.2vw, 18px)
    }
  }
  
  @media only screen and (max-width: 559px) {
    #model-detail #model-pagenation .model-pagenation-box {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    #model-detail #model-pagenation .model-pagenation-box .box {
      width: 100%;
      padding: 10px
    }
    #model-detail #model-pagenation .model-pagenation-box .box:nth-child(1) {
      margin-bottom: 20px
    }
    #model-detail #model-pagenation .model-pagenation-box .box .box-text h3 {
      font-size: 16px
    }
    #model-detail #model-pagenation .model-pagenation-box .box .box-text p {
      font-size: 15px
    }
  }
  
  .model-back-link {
    text-align: center
  }
  
  .model-back-link a {
    color: #9D9D9D;
    text-decoration: underline
  }
  
  @media only screen and (max-width: 559px) {
    #research .box, #utilize .box, #week .box, #event .box, #topics .box {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between
    }
    #research .box .box-img, #utilize .box .box-img, #week .box .box-img, #event .box .box-img, #topics .box .box-img {
      width: 120px;
      height: 120px
    }
    #research .box .box-img img, #utilize .box .box-img img, #week .box .box-img img, #event .box .box-img img, #topics .box .box-img img {
      width: 100%;
      height: 100%
    }
    #research .box .box-img .cat-icon, #utilize .box .box-img .cat-icon, #week .box .box-img .cat-icon, #event .box .box-img .cat-icon, #topics .box .box-img .cat-icon {
      bottom: 10px
    }
    #research .box .box-text, #utilize .box .box-text, #week .box .box-text, #event .box .box-text, #topics .box .box-text {
      width: calc(100% - 130px)
    }
  }
   
  footer {
    background: url("../img/bg-footer01.png") right calc(100% - 66px) no-repeat, 
    url("../img/bg-footer02.png") right calc(100% - 66px) repeat-x;
    /*background: url("../img/bg-footer01.png") right bottom no-repeat, url("../img/bg-footer02.png") right bottom repeat-x;*/
    /*background: url("../img/bg-footer01.png") right top no-repeat, url("../img/bg-footer02.png") right top repeat-x*/    
  }
  
  @media only screen and (max-width: 960px) {
    footer {
      background: url("../img/bg-footer01.png") right calc(100% - 66px) no-repeat;      
      /*background: url("../img/bg-footer01.png") right bottom no-repeat;*/
      background-size: 100%
    }
  }
  
  footer .footer-menu {
    margin-bottom: 30px;
    height: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
  }
  
  footer .footer-menu .left {
    width: 360px;
    padding-right: 50px
  }
  
  footer .footer-menu .right {
    width: 60%
  }
  
  footer .footer-menu .right ul {
    text-align: right;
  }

  footer .footer-menu .right ul li {
    display: inline-block;
    padding-right: 20px
  }
  
  footer .footer-menu .right ul li a {
    color: #000
  }
  
  footer .footer-menu .right ul li a:hover {
    color: #9d9c9c
  }
  
  @media only screen and (max-width: 960px) {
    footer .footer-menu {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      text-align: center
    }
    footer .footer-menu .left {
      width: 100%;
      padding-right: 0
    }
    footer .footer-menu .left img {
      max-width: 180px;
    }
    footer .footer-menu .right {
      width: 100%;
      margin-bottom: 40px
    }
    footer .footer-menu .right ul {
      text-align: center;
    }
  }
  
  footer .footer-copy {
    background: #86d1d4;
    color: #0068b7;
    text-align: center;
    padding: 20px
  }
  
  @media only screen and (max-width: 960px) {
    footer .footer-copy {
      margin-top:-60px;
      /*background: none*/
    }
  }

  /* 2506追加 */
  .footer_banner {
    background: #F4F4F4;
    width: 100%;
    margin: 100px auto 0;
    padding: 40px 240px;
  }

  .footer_banner .footer_banner-inner {
    display: flex;
    justify-content: center;
    gap: 30px;
  }

  .footer_banner .footer_banner-inner .footer_banner-item {
    aspect-ratio: 324 / 80;
    max-width: 324px;
    width: 100%;
    height: auto;
  }

  .footer_banner .footer_banner-inner .footer_banner-item a {
    display: inline-block;
    width: 100%;
    height: auto;
  }

  .footer_banner .footer_banner-inner .footer_banner-item a img {
    outline-offset: -2px;
    outline: 2px solid transparent;
  }

  .footer_banner .footer_banner-inner .footer_banner-item a img:hover {
    opacity: 1;
    outline: 2px solid #2066b7;
  }

  @media only screen and (max-width: 960px) {
    .footer_banner {
      margin-top: 45px;
      padding: 30px 25px;
    }

    .footer_banner .footer_banner-inner {
      gap: 20px;
      flex-direction: column;
      align-items: center;
    }
  }
  
  #page-top {
    font-size: 0;
    position: fixed;
    bottom: 16px;
    right: 35px;
    opacity: 0;
    cursor: pointer;
    z-index: 999
  }
  
  #page-top img {
    width: 80px;
    height: 80px
  }
  
  #page-top.fade-in {
    color: #000;
    font-size: 60px;
    opacity: 0.6;
    transition: opacity 1s
  }
  
  @media only screen and (max-width: 960px) {
    #page-top {
      bottom: 44px;
      right: 10px
    }
  }
  
  body:not([id=top]) {
    padding: 0 !important
  }
  
  body:not([id=top]) header {
    padding-bottom: 19px
  }
  
  body:not([id=top]) section:first-child {
    padding-top: 0
  }
  
  body:not([id=top]) section:last-child {
    padding-bottom: 0
  }
  
  body:not([id=top]) #head-img {
    padding-top: 20px
  }
  
  body:not([id=top]) #head-img .section-ttl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
  }
  
  body:not([id=top]) #head-img .section-ttl h2 {
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  
  body:not([id=top]) #head-img .section-ttl .ttl-navi {
    text-align: right
  }
  
  body:not([id=top]) #head-img .section-ttl .ttl-navi li {
    display: inline-block;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    font-weight: bold
  }
  
  body:not([id=top]) #head-img .section-ttl .ttl-navi li a {
    color: #000;
    padding: 5px 10px
  }
  
  body:not([id=top]) #head-img .section-ttl .ttl-navi li a:hover {
    color: #9d9c9c
  }
  
  @media only screen and (max-width: 960px) {
    body:not([id=top]) #head-img .section-ttl .ttl-navi {
      display: none
    }
  }
  
  body:not([id=top]) .page-ttl {
    margin-bottom: 20px
  }
  
  body:not([id=top]) .ttl-img {
    width: 100%;
    margin-bottom: 40px
  }
  
  body#project header, body#project section:not(:last-child) {
    background: url("../img/bg-wave-navy.png") center bottom repeat-x
  }
  
  body#project .section-ttl h2::before {
    background-image: url("../img/icon-lh-navy.png")
  }
  
  body#about.toudai-town header, body#about.toudai-town section:not(:last-child) {
    background: url("../img/bg-wave-pink.png") center bottom repeat-x
  }
  
  body#research header, body#research section:not(:last-child) {
    background: url("../img/bg-wave-green.png") center bottom repeat-x
  }
  
  body#utilize header, body#utilize section:not(:last-child) {
    background: url("../img/bg-wave-orange.png") center bottom repeat-x
  }
  
  body#week header, body#week section:not(:last-child) {
    background: url("../img/bg-wave-purple.png") center bottom repeat-x
  }
  
  body#news header, body#news section:not(:last-child) {
    background: url("../img/bg-wave-blue.png") center bottom repeat-x
  }
  
  body#model header {
    background: url("../img/bg-wave-salmon.png") center bottom repeat-x
  }
  
  body#model-detail header {
    background: url("../img/bg-wave-salmon.png") center bottom repeat-x
  }
  
  body#model-detail section#model-link {
    background: url("../img/bg-wave-salmon.png") center bottom repeat-x;
    padding-bottom: 100px !important
  }
  
  .breadcrumbs {
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    margin-bottom: 20px;
    width: 100%;
    letter-spacing: -.4em
  }
  
  .breadcrumbs li {
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: normal
  }
  
  .breadcrumbs li::before {
    content: ">";
    padding: 0px 10px
  }
  
  .breadcrumbs li:first-child::before {
    content: "";
    padding: 0px
  }
  
  .breadcrumbs li a {
    color: #000
  }
  
  .breadcrumbs li a:hover {
    color: #9d9c9c
  }
  
  @media only screen and (max-width: 559px) {
    .breadcrumbs li {
      font-size: 12px
    }
  }
  
  .block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 40px 0
  }
  
  .block:first-child {
    margin-top: 0
  }
  
  .block:last-child {
    margin-bottom: 0
  }
  
  .block .block-item {
    width: 48%
  }
  
  .block .block-item img {
    width: 100%
  }
  
  .block .block-item .block {
    margin-top: 0
  }
  
  @media only screen and (max-width: 559px) {
    .block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    .block .block-item {
      width: 100% !important
    }
    .block .block-item:first-child {
      margin-bottom: 40px
    }
  }
  
  .row-reverse .block:nth-child(even) {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
  
  .row-6-4 .block .block-item:first-child {
    width: 60%
  }
  
  .row-6-4 .block .block-item:last-child {
    width: 36%
  }
  
  .row-4-6 .block .block-item:first-child {
    width: 36%
  }
  
  .row-4-6 .block .block-item:last-child {
    width: 60%
  }
  
  .row-6-4, .row-4-6 {
    margin-bottom: 60px
  }
  
  @media screen and (max-width: 768px) {
    .row-6-4 .block, .row-4-6 .block {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    .row-6-4 .block .block-item, .row-4-6 .block .block-item {
      width: 100% !important
    }
    .row-6-4 .block .block-item:first-child, .row-4-6 .block .block-item:first-child {
      margin-bottom: 40px
    }
  }
  
  #about-project .block {
    padding-top: 20px
  }
  
  @media only screen and (max-width: 559px) {
    #about-project .block {
      padding-top: 0
    }
  }
  
  #toudai-outline {
    background: none;
    position: relative
  }
  
  .toudai-header-img {
    padding-top: 19px !important;
    position: relative;
    margin-bottom: 60px
  }
  
  .toudai-header-img img, .toudai-header-img picture {
    width: 100%
  }
  
  .toudai-header-img .line.line-pink {
    top: 0
  }
  
  @media screen and (max-width: 768px) {
    .toudai-data .block {
      -ms-flex-direction: column-reverse !important;
      flex-direction: column-reverse !important
    }
    .toudai-data .block .block-item:first-child {
      margin-bottom: 0
    }
    .toudai-data .block .block-item:last-child {
      margin-bottom: 20px
    }
  }
  
  .toudai-data h3 span {
    display: block;
    letter-spacing: 0.05em;
    font-size: 1.5em;
    color: #000
  }
  
  .toudai-data li {
    display: inline-block;
    padding-right: 2em
  }
  
  @media only screen and (max-width: 960px) {
    #news-content {
      padding: 0 15px
    }
  }
  
  #news-content h2 {
    color: #84b2ff;
    line-height: 1.4;
    font-size: 28px
  }
  
  @media only screen and (max-width: 559px) {
    #news-content h2 {
      font-size: 5.2vw
    }
  }
  
  #news-content .data-time {
    color: #9d9c9c;
    display: block;
    margin-top: 10px;
    font-size: 1.2em
  }
  
  #news-content img {
    margin: 30px 0px;
    width: 100%
  }
  
  #news-content #news-footer hr {
    margin-top: 30px;
    color: #000
  }
  
  #news-content #news-footer .next-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 20px;
    font-size: 0.85em
  }
  
  #news-content #news-footer .next-menu .prev_text, #news-content #news-footer .next-menu .next_text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 48%
  }
  
  #news-content #news-footer .next-menu .prev_text::before {
    content: "<";
    margin-right: 20px
  }
  
  #news-content #news-footer .next-menu .prev_text a {
    display: block
  }
  
  #news-content #news-footer .next-menu .next_text::after {
    content: ">";
    margin-left: 20px
  }
  
  #news-content #news-footer .next-menu .next_text a {
    display: block
  }
  
  @media only screen and (max-width: 559px) {
    #news-content #news-footer .next-menu {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
    }
    #news-content #news-footer .next-menu .prev_text, #news-content #news-footer .next-menu .next_text {
      width: 100%
    }
    #news-content #news-footer .next-menu .prev_text {
      margin-bottom: 20px
    }
  }
  
  #news-content #news-footer .back-btn {
    background: #555;
    display: block;
    color: #FFF;
    width: 60%;
    margin: 50px auto;
    padding: 20px 0px;
    text-align: center;
    transition: 0.6s
  }
  
  #news-content #news-footer .back-btn:hover {
    background: #9d9c9c
  }
  
  #news-content #news-footer .sns-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
  }
  
  #news-content #news-footer .sns-link .fb {
    font-size: 0
  }
  
  #news-content #news-footer .sns-link .tw {
    margin-left: 10px
  }
  
  @media screen and (min-width: 769px) {
    .interview .reverce .block {
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse
    }
  }
  
  .interview .h-border {
    font-family: "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "Avenir", "Arial", "Noto Sans", sans-serif
  }
  
  .interview .interview-name {
    font-size: 1.1em;
    font-weight: bold;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif
  }
  
  .interview .interview-name span {
    display: inline-block;
    padding-right: 1em
  }
  
  .interview h4 {
    font-size: 32px;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "MS PMincho", "Times New Roman", serif;
    line-height: 1.5
  }
  
  .interview h4 span {
    display: inline-block;
    padding-right: 0.2em
  }
  
  @media screen and (max-width: 768px) {
    .interview h4 {
      font-size: 5.2vw
    }
  }
  
  #utilize-interview.interview h4 {
    color: #ffb947
  }
  
  #research-interview.interview h4 {
    color: #32cba3
  }
  
  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
  }
  
  .swiper-container-no-flexbox .swiper-slide {
    float: left
  }
  
  .swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
  }
  
  .swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
  }
  
  .swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  
  .swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
  }
  
  .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
  }
  
  .swiper-slide-invisible-blank {
    visibility: hidden
  }
  
  .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
  }
  
  .swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
  }
  
  .swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
  }
  
  .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
  }
  
  .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
  }
  
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
  }
  
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
  }
  
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
  }
  
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
  }
  
  .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
  }
  
  .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
  }
  
  .swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
  }
  
  .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none
  }
  
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
  }
  
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
  }
  
  .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
  }
  
  .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
  }
  
  .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
  }
  
  .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
  }
  
  .swiper-button-lock {
    display: none
  }
  
  .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
  }
  
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
  }
  
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%
  }
  
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66)
  }
  
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33)
  }
  
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2
  }
  
  button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
  }
  
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
  }
  
  .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
  }
  
  .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform
  }
  
  .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform
  }
  
  .swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
  }
  
  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
  }
  
  .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
  }
  
  .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
  }
  
  .swiper-container-vertical>.swiper-pagination-progressbar, .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
  }
  
  .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff
  }
  
  .swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25)
  }
  
  .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff
  }
  
  .swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000
  }
  
  .swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25)
  }
  
  .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000
  }
  
  .swiper-pagination-lock {
    display: none
  }
  
  .swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
  }
  
  .swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
  }
  
  .swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
  }
  
  .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
  }
  
  .swiper-scrollbar-cursor-drag {
    cursor: move
  }
  
  .swiper-scrollbar-lock {
    display: none
  }
  
  .swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
  }
  
  .swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }
  
  .swiper-slide-zoomed {
    cursor: move
  }
  
  .swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
  }
  
  .swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
  }
  
  .swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
  }
  
  @-webkit-keyframes swiper-preloader-spin {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  
  @keyframes swiper-preloader-spin {
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg)
    }
  }
  
  .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
  }
  
  .swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
  }
  
  .swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
  }
  
  .swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
  }
  
  .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }
  
  .swiper-container-cube {
    overflow: visible
  }
  
  .swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
  }
  
  .swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
  }
  
  .swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
  }
  
  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }
  
  .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
  }
  
  .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }
  
  .swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
  }
  
  .swiper-container-flip {
    overflow: visible
  }
  
  .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
  }
  
  .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
  }
  
  .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }
  
  .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }
  
  .swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
  }
  
  #case-list .swiper-container {
    padding-bottom: 30px
  }
  
  .prev1 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
  }
  
  .next1 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
  }
  
  .prev2 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23003366'%2F%3E%3C%2Fsvg%3E")
  }
  
  .next2 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23003366'%2F%3E%3C%2Fsvg%3E")
  }
  
  .swiper-navi-bottom {
    padding-bottom: 70px
  }
  
  .swiper-slide {
    height: auto
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 20px
  }
  
  .swiper-pagination-bullet {
    background: #ce009f;
    width: 12px;
    height: 12px
  }
  
  .swiper-pagination-bullet-active {
    background: #53b0cf
  }
  
  .next2, .prev2 {
    top: auto;
    bottom: 12px
  }
  
  .page2 {
    bottom: 18px !important
  }
  
  .toudai-data .swiper-container {
    width: 100%
  }
  
  .toudai-data .gallery-top {
    height: 80%;
    width: 100%
  }
  
  .toudai-data .gallery-top img {
    width: 100%
  }
  
  .toudai-data .gallery-thumbs {
    height: 20%;
    padding: 10px 0;
    cursor: pointer
  }
  
  .toudai-data .gallery-thumbs .swiper-slide {
    height: 100px;
    background-size: cover;
    background-position: center;
    opacity: 0.4
  }
  
  .toudai-data .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
  }

  ::marker{
    content: "";
  }