@charset "UTF-8";
/* CSS Document */
#ul-header {
  margin-bottom: 10rem; }
  #ul-header .container .ul-img {
    background-image: url(../img/ul-header07.jpg); }

#news {
  margin-bottom: 12rem; }
  @media screen and (max-width: 575px) {
    #news {
      margin-bottom: 8rem; } }

#application {
  margin-bottom: 10rem; }
  @media screen and (max-width: 575px) {
    #application {
      margin-bottom: 8rem; } }
  #application ul {
    display: flex;
    gap: 20px; }
    @media screen and (max-width: 575px) {
      #application ul {
        flex-direction: column; } }

#attendance-suspension {
  margin-bottom: 10rem; }
  @media screen and (max-width: 575px) {
    #attendance-suspension {
      margin-bottom: 8rem; } }
  #attendance-suspension .attendance-suspension__safety h5 {
    margin-top: 4rem; }
  #attendance-suspension .attendance-suspension__safety .accordion {
    align-items: flex-start; }
  #attendance-suspension .attendance-suspension__safety .table-base col.column-01 {
    width: 12%; }
    @media screen and (max-width: 991px) {
      #attendance-suspension .attendance-suspension__safety .table-base col.column-01 {
        width: 11%; } }
    @media screen and (max-width: 767px) {
      #attendance-suspension .attendance-suspension__safety .table-base col.column-01 {
        width: 13%; } }
  #attendance-suspension .attendance-suspension__safety .table-base col.column-02 {
    width: 48%; }
  #attendance-suspension .attendance-suspension__safety .table-base col.column-03 {
    width: 40%; }
  #attendance-suspension .attendance-suspension__safety .flow {
    margin-bottom: 4rem; }
    #attendance-suspension .attendance-suspension__safety .flow h5 {
      margin-top: 7rem; }
    #attendance-suspension .attendance-suspension__safety .flow dl dt {
      font-size: 22px;
      font-size: 2.2rem;
      color: #4170D9; }
      @media screen and (max-width: 575px) {
        #attendance-suspension .attendance-suspension__safety .flow dl dt {
          font-size: 19px;
          font-size: 1.9rem;
          margin-bottom: 0.5rem; } }
    #attendance-suspension .attendance-suspension__safety .flow dl:not(:last-child)::after {
      content: "▼";
      color: #4170D9;
      padding-left: 2em; }
  #attendance-suspension .attendance-suspension__safety .about {
    background-color: #ECF1FB;
    padding: 3.2rem 4rem 4.5rem 4rem; }
    @media screen and (max-width: 575px) {
      #attendance-suspension .attendance-suspension__safety .about {
        padding: 2rem 2rem 3rem 2rem; } }
    #attendance-suspension .attendance-suspension__safety .about .about-box dl dt {
      position: relative;
      font-size: 22px;
      font-size: 2.2rem;
      margin-left: 1em; }
      @media screen and (max-width: 575px) {
        #attendance-suspension .attendance-suspension__safety .about .about-box dl dt {
          font-size: 19px;
          font-size: 1.9rem;
          margin-bottom: 0.5rem; } }
      #attendance-suspension .attendance-suspension__safety .about .about-box dl dt::before {
        position: absolute;
        content: "\f0da";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: #4170D9;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 1.5em;
        left: -2.3em; }
    #attendance-suspension .attendance-suspension__safety .about .about-box .pdf-box {
      margin-top: 2.5rem; }
      #attendance-suspension .attendance-suspension__safety .about .about-box .pdf-box .pdf-btn {
        margin-top: 1rem; }
        #attendance-suspension .attendance-suspension__safety .about .about-box .pdf-box .pdf-btn a {
          width: 545px; }
          @media screen and (max-width: 767px) {
            #attendance-suspension .attendance-suspension__safety .about .about-box .pdf-box .pdf-btn a {
              width: auto;
              padding: 1.2rem 0; } }

#nurses-office {
  margin-bottom: 9rem; }
  @media screen and (max-width: 575px) {
    #nurses-office {
      margin-bottom: 8rem; } }
  #nurses-office .nurses-office__benefit h5 {
    margin-top: 5.2rem; }
  #nurses-office .nurses-office__benefit .more-btn {
    margin-top: 2.5rem;
    justify-content: flex-start; }
    #nurses-office .nurses-office__benefit .more-btn a {
      width: 35%;
      background-color: #fff;
      color: #FF801E;
      border: 2px solid #FF801E; }
      @media screen and (max-width: 575px) {
        #nurses-office .nurses-office__benefit .more-btn a {
          width: 100%; } }
      #nurses-office .nurses-office__benefit .more-btn a::before {
        background-color: #FF801E; }
      #nurses-office .nurses-office__benefit .more-btn a:hover {
        color: #fff;
        border: 2px solid #FF801E; }

#emergencies {
  margin-bottom: 9rem; }
  @media screen and (max-width: 575px) {
    #emergencies {
      margin-bottom: 8rem; } }
  #emergencies .emergencies-inner {
    margin-left: 1em; }
    #emergencies .emergencies-inner .table-base col.column-01 {
      width: 40%; }
    #emergencies .emergencies-inner .table-base col.column-02 {
      width: 30%; }
    #emergencies .emergencies-inner .table-base col.column-03 {
      width: 30%; }
    #emergencies .emergencies-inner .table-base td.first {
      text-align: justify; }
    #emergencies .emergencies-inner ul {
      margin-top: 2.5rem; }
      @media screen and (max-width: 575px) {
        #emergencies .emergencies-inner ul {
          margin-top: 1rem; } }
      #emergencies .emergencies-inner ul li {
        text-indent: -2.2em;
        margin-left: 2.2em; }

#disaster {
  margin-bottom: 9rem; }
  @media screen and (max-width: 575px) {
    #disaster {
      margin-bottom: 8rem; } }
  #disaster .emergencies-inner {
    margin-left: 1em; }
    #disaster .emergencies-inner .enrollment {
      margin-bottom: 3rem; }
    #disaster .emergencies-inner .table-base col.column-01 {
      width: 20%; }
      @media screen and (max-width: 991px) {
        #disaster .emergencies-inner .table-base col.column-01 {
          width: 18%; } }
      @media screen and (max-width: 767px) {
        #disaster .emergencies-inner .table-base col.column-01 {
          width: 20%; } }
    #disaster .emergencies-inner .table-base col.column-02 {
      width: 30%; }
      @media screen and (max-width: 991px) {
        #disaster .emergencies-inner .table-base col.column-02 {
          width: 32%; } }
    #disaster .emergencies-inner .table-base col.column-03 {
      width: 50%; }
    #disaster .emergencies-inner .table-base td.first {
      text-align: justify; }
  #disaster .holidays {
    margin-bottom: 3rem; }

#school-rules {
  margin-bottom: 12rem; }
  @media screen and (max-width: 575px) {
    #school-rules {
      margin-bottom: 8rem; } }
  #school-rules ul li {
    margin-top: 3rem; }
    #school-rules ul li .pdf-btn a {
      width: 50%;
      line-height: 1.2;
      text-align: center; }
      @media screen and (max-width: 991px) {
        #school-rules ul li .pdf-btn a {
          height: auto;
          width: 70%; } }
      @media screen and (max-width: 767px) {
        #school-rules ul li .pdf-btn a {
          width: 100%; } }

#pta {
  margin-bottom: 14rem; }
  @media screen and (max-width: 575px) {
    #pta {
      margin-bottom: 8rem; } }