@charset "utf-8";
/* default PC */

.anchor-box .anchor.link-btn {
  margin-top:0;
}

.greeting-box .img-2box-txt {
  margin-left:0;
}

#contents .greeting-box .img-2box-txt p .slogan-txt {
  font-size:115%;
  line-height:2.5em;
}

#contents p.name-ttl {
  margin-top:15px;
  text-align:center;
}

#contents p.name-ttl .name {
  font-size:120%;
  padding-left:10px;
}

#contents #about02 .name-ttl {
  margin:5px 0 0;
  text-align:right;
}

.motto-area .motto-item {
  background-color:#FFF;
  margin-bottom:20px;
  padding:30px;
}

.motto-area .motto-item .img-item {
  padding:0 0 20px;
  text-align:center;
}

#contents .motto-area .motto-item h3 {
  border:0;
  color:#4E4B7B;
  font-size:24px;
  font-weight:500;
  padding:0;
  text-align:center;
}

#contents .motto-area .motto-item h4 {
  border:none;
  color:#EC6319;
  font-size:19px;
  margin-bottom:10px;
  padding:0;
}

#contents #about02 .policy-txt {
  font-size:20px;
  line-height:1.8em;
  text-align:center;
}

.alma-mater {
  background-color:#F1F0F4;
  padding:25px;
}

#contents .alma-mater h4 {
  border:none;
  color:#4E4B7B;
  margin-bottom:10px;
  padding:0;
}

.office-item {
  margin-bottom:50px;
}

.office-item:last-child {
  margin-bottom:0;
}

.office-item .table-02 th {
  min-width:70px;
  width:20%;
}

.office-item .table-02 {
  margin-top:10px;
}


#contents .office-item h4.sp-none {
  text-align:left;
}

.information-area .txt-2box .table-02 th {
  white-space:nowrap;
}

.information-area .txt-2box:first-child .table-02 th {
  min-width:100px;
  width:200px;
}

.information-area .txt-2box:nth-child(2) .table-02 th {
  min-width:100px;
  width:30%;
}

.information-area .txt-2box:nth-child(3) .table-02 th {
  min-width:185px;
  width:65%;
}

.information-area .txt-2box:nth-child(3) .table-02 td {
  text-align:right;
}

#about02 .bg-white {
  padding:40px 40px 30px;
}

#contents #about02 .policy-txt {
  font-size:18px;
}

.table-over .motto-img img {
  animation-duration:1s;
  animation-name:motto-img;
  animation-timing-function:ease;
}

#about06 iframe {
  border:1px solid #D4D4D4 !important;
}

.table-02 th {
  vertical-align:top;
}

.office-area {
  background-color:#FFF;
  padding:55px 55px 45px;
}

.office-area iframe {
    width: 100%;
}

.greeting-box .img-2box {
  width:25%;
}

.greeting-box .img-2box-txt {
  width:calc(75% - 40px);
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .greeting-box .img-2box img {
    max-width:330px;
    width:100%;
  }

  .greeting-box .img-2box-txt {
    width:100%;
  }

  #contents ul.style-none li {
    margin-right:10px;
    width:calc(100% / 3 - 10px);
  }

  .greeting-box {
    display:flex;
    flex-direction:column-reverse;
  }

  .greeting-box .img-2box {
    margin-bottom:15px;
    text-align:center;
    width:100%;
  }

  #about02 .bg-white {
    padding:30px;
  }

  #contents #about02 .policy-txt {
    text-align:left;
  }

  #contents .motto-area .motto-item h3 {
    font-size:20px;
  }

  #contents .motto-area .motto-item h4 {
    font-size:18px;
  }

  .motto-area .motto-item {
    padding:25px;
  }

  .information-area .txt-2box:nth-child(3) {
    margin-bottom:30px;
  }


  #contents .office-item h4 {
    font-size:20px;
  }

  .office-area {
    padding:40px 35px;
  }

  .information-area .txt-2box:first-child .table-02 th {
    width:20%;
  }

  .information-area .txt-2box:nth-child(2) .table-02 th {
    width:20%;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents ul.style-none li {
    width:calc(100% / 2 - 10px);
  }

  #contents ul.style-none li:nth-child(2n) {
    margin-right:0;
  }

  #contents .greeting-box .img-2box-txt p br {
    display:none;
  }

  #contents .greeting-box .img-2box-txt p .slogan-txt {
    font-size:105%;
  }

  #about02 .bg-white {
    padding:20px 15px;
  }

  #contents #about02 .policy-txt {
    font-size:16px;
  }

  #contents #about02 .policy-txt br {
    display:none;
  }

  .motto-area .motto-item {
    padding:20px 15px;
  }

  #contents .motto-area .motto-item h4 {
    font-size:17px;
    margin-bottom:5px;
  }

  #contents .motto-area .motto-item h3 {
    margin-bottom:20px;
  }

  .alma-mater .school-item {
    padding:20px 15px;
  }

  .office-item {
    margin-bottom:30px;
  }

  .alma-mater {
    padding:20px 15px;
  }

  .office-area {
    padding:30px 15px;
  }
}