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

contact style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#pagettl {
  margin-bottom: 0;
  background: url("/img/info/ttlimg.jpg") center/cover no-repeat; }

#news {
  position: relative;
  margin-bottom: 0;
  padding: 80px 0 55px;
  overflow: hidden; }
  #news .inner {
    max-width: 840px;
    margin: 0 auto;
    position: inherit;
    z-index: 1; }
  #news .news__ttl {
    display: block;
    width: 50%;
    max-width: 210px;
    margin-bottom: 25px; }
  #news .news__search {
    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;
    margin-bottom: 10px; }
  #news .news__search-btn:nth-of-type(n+2) a, #news .news__search-btn:nth-of-type(n+2) p, #news .news__list-btn:nth-of-type(n+2) a, #news .news__list-btn:nth-of-type(n+2) p {
    margin-left: 5px; }
  #news .news__search-btn.all a, #news .news__search-btn.all p, #news .news__list-btn.all a, #news .news__list-btn.all p {
    border-color: #3FA9F5;
    color: #3FA9F5; }
  #news .news__search-btn.current a, #news .news__search-btn.current p, #news .news__list-btn.current a, #news .news__list-btn.current p {
    border-color: #7AC943;
    color: #7AC943; }
  #news .news__search-btn.guardian a, #news .news__search-btn.guardian p, #news .news__list-btn.guardian a, #news .news__list-btn.guardian p {
    border-color: #FEC812;
    color: #FEC812; }
  #news .news__search-btn.jr_high_school a, #news .news__search-btn.jr_high_school p, #news .news__list-btn.jr_high_school a, #news .news__list-btn.jr_high_school p {
    border-color: #FC7BAC;
    color: #FC7BAC; }
  #news .news__search-btn.active, #news .news__list-btn.active {
    color: #fff; }
    #news .news__search-btn.active.all a, #news .news__list-btn.active.all a {
      color: #FFF;
      background: #3FA9F5; }
    #news .news__search-btn.active.current a, #news .news__list-btn.active.current a {
      color: #FFF;
      background: #7AC943; }
    #news .news__search-btn.active.guardian a, #news .news__list-btn.active.guardian a {
      color: #FFF;
      background: #FEC812; }
    #news .news__search-btn.active.jr_high_school a, #news .news__list-btn.active.jr_high_school a {
      color: #FFF;
      background: #FC7BAC; }
  #news .news__search-btn a, #news .news__search-btn p, #news .news__list-btn a, #news .news__list-btn p {
    margin-bottom: 5px;
    padding: 8px 9px;
    box-sizing: border-box;
    border: 1px solid #3FA9F5;
    border-radius: 18px;
    background: #FFF;
    color: #3FA9F5;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1; }
    @media (min-width: 375px) {
      #news .news__search-btn a, #news .news__search-btn p, #news .news__list-btn a, #news .news__list-btn p {
        font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
    @media (min-width: 1100px) {
      #news .news__search-btn a, #news .news__search-btn p, #news .news__list-btn a, #news .news__list-btn p {
        font-size: 1.3rem; } }
  #news .news__list {
    margin-bottom: 40px; }
    #news .news__list li:first-of-type::before {
      display: block;
      content: "";
      width: 100%;
      height: 5px;
      background: radial-gradient(circle farthest-side, #3FA9F5, #3FA9F5 40%, transparent 50%, transparent);
      background-size: 5px 5px; }
    #news .news__list li::after {
      display: block;
      content: "";
      width: 100%;
      height: 5px;
      background: radial-gradient(circle farthest-side, #3FA9F5, #3FA9F5 40%, transparent 50%, transparent);
      background-size: 5px 5px; }
    #news .news__list li a {
      position: relative;
      padding: 15px 40px 10px 15px; }
      #news .news__list li a::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translate(-50%, -50%) rotate(-45deg);
        border-right: 1px solid #3FA9F5;
        border-bottom: 1px solid #3FA9F5;
        width: 10px;
        height: 10px;
        content: ''; }
      #news .news__list li a .news__date-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;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        margin-bottom: 10px; }
        #news .news__list li a .news__date-wp .news__date {
          margin-right: 12px;
          color: #1F458E;
          font-size: 1.2rem;
          font-weight: "Roboto", sans-serif;
          line-height: 1; }
          @media (min-width: 375px) {
            #news .news__list li a .news__date-wp .news__date {
              font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.1379310345 ); } }
          @media (min-width: 1100px) {
            #news .news__list li a .news__date-wp .news__date {
              font-size: 1.3rem; } }
        #news .news__list li a .news__date-wp .news__list-btn p {
          margin: 0;
          padding: 5px 10px; }
      #news .news__list li a .news__list-cont {
        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: center;
        flex-wrap: nowrap; }
        #news .news__list li a .news__list-cont .news__list-ttl {
          font-size: 1.3rem;
          font-weight: bold;
          line-height: 1.5; }
          @media (min-width: 375px) {
            #news .news__list li a .news__list-cont .news__list-ttl {
              font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.1379310345 ); } }
          @media (min-width: 1100px) {
            #news .news__list li a .news__list-cont .news__list-ttl {
              font-size: 1.4rem; } }
        #news .news__list li a .news__list-cont .news__list-new {
          margin-left: 10px;
          padding: 3px 8px;
          background: #FF931E;
          color: #FFF;
          font-size: 1.1rem;
          font-weight: bold;
          line-height: 1; }
          @media (min-width: 375px) {
            #news .news__list li a .news__list-cont .news__list-new {
              font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.1379310345 ); } }
          @media (min-width: 1100px) {
            #news .news__list li a .news__list-cont .news__list-new {
              font-size: 1.2rem; } }
  #news .pager {
    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: center; }
    #news .pager a {
      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: center;
      align-content: center;
      position: relative;
      width: 40px;
      height: 40px;
      margin-bottom: 10px;
      border: 1.5px solid #3FA9F5;
      border-radius: 100px;
      color: #3FA9F5;
      font-size: 1.5rem;
      font-weight: 600;
      text-align: center; }
      #news .pager a:nth-of-type(n+2) {
        margin-left: 6px; }
      #news .pager a.prev .arrow::before, #news .pager a.prev .arrow::after, #news .pager a.next .arrow::before, #news .pager a.next .arrow::after {
        transform: translate(50%, 0%);
        right: 50%;
        background: #3FA9F5;
        height: 2px;
        transition: .3s; }
      #news .pager a.prev .arrow::after, #news .pager a.next .arrow::after {
        right: calc(50% - 11px);
        transform: translate(0%, -130%) rotate(230deg); }
      #news .pager a.prev .arrow::after {
        right: calc(50% + 11px);
        transform: translate(100%, -130%) rotate(-50deg); }
      #news .pager a.active {
        background: #3FA9F5;
        color: #FFF; }

#news .news__tab .news__list {
  display: none; }
  #news .news__tab .news__list.active {
    display: block; }

#detail {
  position: relative;
  margin-bottom: 0;
  padding: 80px 0 55px;
  overflow: hidden; }
  #detail .inner {
    position: relative;
    max-width: 840px;
    z-index: 1; }
  #detail .detail__info {
    position: relative;
    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: center;
    margin-bottom: 16px; }
    #detail .detail__info .detail__date {
      margin-right: 10px;
      color: #3FA9F5;
      font-size: 1.3rem;
      font-weight: bold;
      line-height: 1; }
      @media (min-width: 375px) {
        #detail .detail__info .detail__date {
          font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
      @media (min-width: 1100px) {
        #detail .detail__info .detail__date {
          font-size: 1.5rem; } }
    #detail .detail__info .detail__cat {
      padding: 5px 9px;
      box-sizing: border-box;
      border: 1px solid #3FA9F5;
      border-radius: 18px;
      background: #FFF;
      color: #3FA9F5;
      font-size: 1.1rem;
      font-weight: bold;
      text-align: center;
      line-height: 1; }
      @media (min-width: 375px) {
        #detail .detail__info .detail__cat {
          font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
      @media (min-width: 1100px) {
        #detail .detail__info .detail__cat {
          font-size: 1.3rem; } }
      #detail .detail__info .detail__cat.jr_high_school {
        border-color: #FC7BAC;
        color: #FC7BAC; }
      #detail .detail__info .detail__cat.current {
        border-color: #7AC943;
        color: #7AC943; }
      #detail .detail__info .detail__cat.guardian {
        border-color: #FEC812;
        color: #FEC812; }
    #detail .detail__info .new {
      position: absolute;
      top: -5px;
      left: 0;
      transform: translate(0, -100%);
      padding: 3px 8px;
      background: #FF931E;
      color: #FFF;
      font-size: 1.1rem;
      font-weight: bold;
      line-height: 1; }
      @media (min-width: 375px) {
        #detail .detail__info .new {
          font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.1379310345 ); } }
      @media (min-width: 1100px) {
        #detail .detail__info .new {
          font-size: 1.2rem; } }
  #detail .detail__ttl {
    position: relative;
    margin-bottom: 26px;
    padding-bottom: 25px;
    color: #3FA9F5;
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5; }
    @media (min-width: 375px) {
      #detail .detail__ttl {
        font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.8275862069 ); } }
    @media (min-width: 1100px) {
      #detail .detail__ttl {
        font-size: 2.4rem; } }
    #detail .detail__ttl::after {
      position: absolute;
      bottom: 0;
      left: 0;
      display: block;
      content: "";
      width: 100%;
      height: 5px;
      background: radial-gradient(circle farthest-side, #3FA9F5, #3FA9F5 40%, transparent 50%, transparent);
      background-size: 5px 5px; }
  #detail .detail__cont-txt {
    margin-bottom: 26px;
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0; }
    @media (min-width: 375px) {
      #detail .detail__cont-txt {
        font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
    @media (min-width: 1100px) {
      #detail .detail__cont-txt {
        font-size: 1.5rem; } }
    #detail .detail__cont-txt a {
      display: inline-block;
      font-weight: bold;
      color: #1F458E;
      text-decoration: underline;
      text-decoration-color: #1F458E; }
  #detail .detail__cont-mainimg {
    margin-bottom: 26px; }
  #detail .detail__cont-subimg .subimg__left {
    margin-bottom: 20px; }
  #detail .detail__cont-link {
    margin-top: 16px;
    line-height: 1; }
    #detail .detail__cont-link:first-of-type {
      margin-top: 26px; }
    #detail .detail__cont-link a {
      display: inline-block;
      font-size: 1.2rem;
      font-weight: bold;
      color: #1F458E;
      text-decoration: underline;
      text-decoration-color: #1F458E; }
      @media (min-width: 375px) {
        #detail .detail__cont-link a {
          font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
      @media (min-width: 1100px) {
        #detail .detail__cont-link a {
          font-size: 1.4rem; } }
      #detail .detail__cont-link a i {
        font-size: 1.6rem;
        margin-right: 5px; }
        @media (min-width: 375px) {
          #detail .detail__cont-link a i {
            font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
        @media (min-width: 1100px) {
          #detail .detail__cont-link a i {
            font-size: 1.8rem; } }
  #detail .detail__btn {
    padding-top: 40px; }
    #detail .detail__btn a {
      width: 80%;
      max-width: 400px;
      padding: 5px;
      box-sizing: border-box; }
      #detail .detail__btn a::before, #detail .detail__btn a::after {
        right: auto;
        left: 25px; }
      #detail .detail__btn a::after {
        left: 24.5px;
        transform: translate(0%, -100%) rotate(130deg); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #news::before, #news::after {
    width: 30%; }
  #news::before {
    left: 0; }
  #news::after {
    right: 0; }
  #news .news__ttl-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: flex-end;
    margin-bottom: 20px; }
  #news .news__ttl {
    margin-bottom: 0; }
  #news .news__search {
    margin-bottom: 0; }
    #news .news__search .news__search-btn a {
      margin-bottom: 0;
      padding: 8px 18px;
      transition: .3s; }
    #news .news__search .news__search-btn.all a:hover {
      color: #FFF;
      background: #3FA9F5; }
    #news .news__search .news__search-btn.current a:hover {
      color: #FFF;
      background: #7AC943; }
    #news .news__search .news__search-btn.guardian a:hover {
      color: #FFF;
      background: #FEC812; }
    #news .news__search .news__search-btn.jr_high_school a:hover {
      color: #FFF;
      background: #FC7BAC; }
  #news .news__list li a {
    padding: 15px 70px 15px 30px; }
    #news .news__list li a::after {
      right: 25px; }
    #news .news__list li a:hover {
      background: #f4faff; }
    #news .news__list li a .news__list-cont .news__list-ttl {
      line-height: 1.65; }
  #news .pager a {
    width: 40px;
    height: 40px; }
    #news .pager a:hover {
      background: #3FA9F5;
      color: #FFF; }
      #news .pager a:hover .arrow::before, #news .pager a:hover .arrow::after {
        background: #FFF; }

  #news .news__tab {
    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: flex-end; }
  #news .news__panel {
    flex: 0 1 100%;
    width: 100%;
    max-width: 100%;
    margin-top: 30px; }

  #detail {
    padding: 100px 0 120px; }
    #detail .detail__info {
      margin-bottom: 20px; }
      #detail .detail__info .detail__date {
        margin-right: 15px; }
    #detail .detail__ttl {
      margin-bottom: 30px;
      padding-bottom: 20px;
      line-height: 1.6; }
    #detail .detail__cont-txt {
      line-height: 2;
      margin-bottom: 30px; }
    #detail .detail__cont-mainimg {
      margin-bottom: 30px; }
    #detail .detail__cont-subimg {
      margin-bottom: 30px;
      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; }
      #detail .detail__cont-subimg .subimg__left {
        margin-bottom: 0;
        flex: 0 1 49%;
        width: 49%;
        max-width: 49%; }
      #detail .detail__cont-subimg .subimg__right {
        flex: 0 1 49%;
        width: 49%;
        max-width: 49%; }
    #detail .detail__cont-link:first-of-type {
      margin-top: 30px; }
    #detail .detail__btn {
      padding-top: 60px; }
      #detail .detail__btn a {
        max-width: 300px;
        padding: 10px;
        border-radius: 100px; }
        #detail .detail__btn a:hover::before, #detail .detail__btn a:hover::after {
          left: 15px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 951px) {
  #news {
    padding: 100px 0 110px; }
    #news .inner {
      padding: 0; }
    #news .news__ttl-wp {
      margin-bottom: 30px; }
    #news .news__search-btn:nth-of-type(n+2) a {
      margin-left: 10px; }
    #news .news__list {
      margin-bottom: 60px; }
      #news .news__list li a {
        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; }
        #news .news__list li a .news__date-wp {
          flex: 0 1 26%;
          width: 26%;
          max-width: 26%;
          margin-bottom: 0;
          box-sizing: border-box; }
          #news .news__list li a .news__date-wp .news__date {
            margin-right: 15px; }
        #news .news__list li a .news__list-cont {
          flex: 0 1 72%;
          width: 72%;
          max-width: 72%; }
          #news .news__list li a .news__list-cont .news__list-new {
            margin-left: 12px; }
    #news .pager a:nth-of-type(n+2) {
      margin-left: 15px; } }
/*------------------------------
		1201px以上
------------------------------*/

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