@charset "UTF-8";
/*//////////////////////////////////////////////////
contact style
//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#pagettl {
  margin-bottom: 80px;
  background: url("/img/about/ttlimg.jpg") center/cover no-repeat; }

section {
  margin-bottom: 40px; }

.sec__sub-ttl {
  margin-bottom: 10px;
  font-size: 1.6rem;
  text-align: left;
  line-height: 1.5;
  font-weight: normal; }
  @media (min-width: 375px) {
    .sec__sub-ttl {
      font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 1.1034482759 ); } }
  @media (min-width: 1100px) {
    .sec__sub-ttl {
      font-size: 2.4rem; } }
  .sec__sub-ttl.about {
    color: #55902C; }

#principal {
  margin-bottom: 60px; }
  #principal .principal__wp {
    display: flex;
    flex-direction: column; }
    #principal .principal__wp .principal__img {
      order: 3; }
    #principal .principal__wp .principal__txt {
      overflow: scroll;
      height: 300px;
      border: 1px dotted #7AC943;
      padding: 1em;
      box-sizing: border-box;
      order: 1;
      font-size: 1.2rem;
      line-height: 2; }
      @media (min-width: 375px) {
        #principal .principal__wp .principal__txt {
          font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
      @media (min-width: 1100px) {
        #principal .principal__wp .principal__txt {
          font-size: 1.4rem; } }
    #principal .principal__wp .principal__name {
      order: 2;
      display: block;
      margin: 0  0 20px auto;
      padding-top: 10px;
      color: #55902C;
      font-size: 1.2rem;
      text-align: right;
      line-height: 1; }
      @media (min-width: 375px) {
        #principal .principal__wp .principal__name {
          font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
      @media (min-width: 1100px) {
        #principal .principal__wp .principal__name {
          font-size: 1.4rem; } }
      #principal .principal__wp .principal__name span {
        margin-left: 8px;
        font-size: 2.8rem;
        font-family: "篠-B","Shino-B";
        color: #070707;
        vertical-align: sub;
        letter-spacing: -0.03em; }
        @media (min-width: 375px) {
          #principal .principal__wp .principal__name span {
            font-size: calc( 2.8rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
        @media (min-width: 1100px) {
          #principal .principal__wp .principal__name span {
            font-size: 3rem; } }

#history .history__wp .history__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }
  #history .history__wp .history__box::after {
    position: absolute;
    bottom: -1.5px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background: radial-gradient(circle farthest-side, #7AC943, #7AC943 40%, transparent 50%, transparent);
    background-size: 3px 3px;
    z-index: 1; }
  #history .history__wp .history__box:first-of-type::before {
    position: absolute;
    top: -1.5px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background: radial-gradient(circle farthest-side, #7AC943, #7AC943 40%, transparent 50%, transparent);
    background-size: 3px 3px;
    z-index: 1; }
  #history .history__wp .history__box .history__box-ttl {
    display: flex;
    flex-direction: column;
    flex: 0 1 36%;
    width: 36%;
    max-width: 36%;
    padding: 15px;
    box-sizing: border-box;
    background: #F0FFE5;
    color: #55902C;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
    letter-spacing: 0; }
    @media (min-width: 375px) {
      #history .history__wp .history__box .history__box-ttl {
        font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
    @media (min-width: 1100px) {
      #history .history__wp .history__box .history__box-ttl {
        font-size: 1.4rem; } }
    #history .history__wp .history__box .history__box-ttl p {
      margin: auto 0; }
  #history .history__wp .history__box .history__box-txt {
    display: flex;
    flex-direction: column;
    flex: 0 1 64%;
    width: 64%;
    max-width: 64%;
    padding: 15px;
    box-sizing: border-box;
    letter-spacing: 0; }
    #history .history__wp .history__box .history__box-txt p {
      margin: auto 0;
      font-feature-settings: "palt"; }

#emblem .emblem__wp .emblem__img {
  width: 33.5%;
  max-width: 170px;
  margin: 0 auto 15px; }
#emblem .emblem__wp .emblem__txt {
  font-size: 1.2rem;
  line-height: 2; }
  @media (min-width: 375px) {
    #emblem .emblem__wp .emblem__txt {
      font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
  @media (min-width: 1100px) {
    #emblem .emblem__wp .emblem__txt {
      font-size: 1.4rem; } }

#song .song__txt {
  margin-bottom: 15px;
  font-size: 1.2rem;
  line-height: 2; }
  @media (min-width: 375px) {
    #song .song__txt {
      font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
  @media (min-width: 1100px) {
    #song .song__txt {
      font-size: 1.4rem; } }
#song .song__ttl .sec__sub-ttl {
  margin-bottom: 5px;
  color: #55902C; }
#song .song__ttl .song__writer {
  margin-bottom: 15px;
  font-size: 1.2rem;
  line-height: 1; }
  @media (min-width: 375px) {
    #song .song__ttl .song__writer {
      font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
  @media (min-width: 1100px) {
    #song .song__ttl .song__writer {
      font-size: 1.4rem; } }
#song .song__cont {
  padding: 20px 0;
  box-sizing: border-box;
  border: 1px solid #BEBEBE;
  text-align: center; }
  #song .song__cont .song__cont-wp {
    display: inline-block;
    text-align: left; }
  #song .song__cont .song__cont-box {
    margin-bottom: 10px;
    font-size: 1.2rem;
    line-height: 2; }
    @media (min-width: 375px) {
      #song .song__cont .song__cont-box {
        font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
    @media (min-width: 1100px) {
      #song .song__cont .song__cont-box {
        font-size: 1.4rem; } }
    #song .song__cont .song__cont-box:last-of-type {
      margin-bottom: 0; }

#student {
  margin-bottom: 60px; }
  #student .student__wp {
    border: 1px dotted #7AC943;
    box-sizing: border-box; }
    #student .student__wp .student__box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      position: relative;
      text-align: center;
      border-bottom: 1px dotted #7AC943; }
      #student .student__wp .student__box:last-of-type {
        border: none; }
      #student .student__wp .student__box .student__box-ttl {
        flex: 0 1 33%;
        width: 33%;
        max-width: 33%;
        padding: 15px 0;
        background: #F0FFE5;
        box-sizing: border-box;
        color: #55902C;
        font-size: 1.2rem;
        font-weight: bold;
        line-height: 1; }
        @media (min-width: 375px) {
          #student .student__wp .student__box .student__box-ttl {
            font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
        @media (min-width: 1100px) {
          #student .student__wp .student__box .student__box-ttl {
            font-size: 1.4rem; } }
      #student .student__wp .student__box .student__box-txt {
        flex: 0 1 67%;
        width: 67%;
        max-width: 67%;
        box-sizing: border-box;
        padding: 18px 0;
        font-size: 1.2rem;
        line-height: 1; }
        @media (min-width: 375px) {
          #student .student__wp .student__box .student__box-txt {
            font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
        @media (min-width: 1100px) {
          #student .student__wp .student__box .student__box-txt {
            font-size: 1.4rem; } }
  #student .student__note {
    padding-top: 10px;
    font-size: 1.2rem;
    text-align: right;
    line-height: 1; }
    @media (min-width: 375px) {
      #student .student__note {
        font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
    @media (min-width: 1100px) {
      #student .student__note {
        font-size: 1.4rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  section {
    margin-bottom: 60px; }

  .sec__sub-ttl {
    margin-bottom: 10px; }

  #pagettl {
    margin-bottom: 120px; }

  #principal .principal__wp {
    display: block; }
    #principal .principal__wp .principal__txt {
      overflow: visible;
      height: auto;
      border: none;
      padding: 0; }
      #principal .principal__wp .principal__txt .principal__name {
        margin: auto 0 0;
        line-height: 1; }
    #principal .principal__wp .principal__img {
      flex: 0 1 calc(100% / 3);
      width: calc(100% / 3);
      max-width: calc(100% / 3);
      float: right;
      margin: 0 0 0 1em; }

  #history .sec__ttl-wp {
    margin-bottom: 28px; }
  #history .history__wp .history__box .history__box-ttl {
    flex: 0 1 25%;
    width: 25%;
    max-width: 25%;
    padding: 15px 3%; }
  #history .history__wp .history__box .history__box-txt {
    flex: 0 1 75%;
    width: 75%;
    max-width: 75%;
    padding: 15px 30px; }

  #emblem .emblem__wp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center; }
    #emblem .emblem__wp .emblem__img {
      flex: 0 1 22%;
      width: 22%;
      max-width: 22%;
      max-width: 170px;
      margin-bottom: 0; }
    #emblem .emblem__wp .emblem__txt {
      flex: 0 1 74%;
      width: 74%;
      max-width: 74%; }

  #song .song__txt {
    margin-bottom: 30px; }
  #song .song__ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 20px; }
    #song .song__ttl .sec__sub-ttl {
      margin: 0 20px 0 0;
      line-height: 1; }
    #song .song__ttl .song__writer {
      margin: 0; }
  #song .song__cont {
    padding: 22px 3% 30px; }
    #song .song__cont .song__cont-wp {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #song .song__cont .song__cont-box {
      flex: 0 1 32%;
      width: 32%;
      max-width: 32%; }

  #student {
    margin-bottom: 100px; }
    #student .student__wp {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border: 1px dotted #7AC943; }
      #student .student__wp .student__box {
        flex: 0 1 25%;
        width: 25%;
        max-width: 25%;
        flex-direction: column;
        border-right: 1px dotted #7AC943;
        box-sizing: border-box;
        border-bottom: none; }
        #student .student__wp .student__box::before, #student .student__wp .student__box::after {
          display: none; }
        #student .student__wp .student__box:first-of-type::before {
          display: none; }
        #student .student__wp .student__box:last-of-type {
          border: none; }
        #student .student__wp .student__box .student__box-ttl {
          flex: 0 1 auto;
          width: auto;
          max-width: auto;
          width: 100%;
          max-width: 100%;
          padding: 18px 0;
          border-bottom: 1px dotted #7AC943; }
        #student .student__wp .student__box .student__box-txt {
          flex: 0 1 auto;
          width: auto;
          max-width: auto;
          width: 100%;
          max-width: 100%; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 951px) {
  #song .song__cont {
    padding: 22px 7.5% 30px; } }
/*------------------------------
		1201px以上
------------------------------*/

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