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

contact style

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

.sec__subttl-wp {
  border-color: #1F458E; }
  .sec__subttl-wp .sec__subttl {
    color: #1F458E; }

#contents {
  position: relative; }
  #contents::before {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 60vw;
    max-width: 840px;
    height: 40vw;
    max-height: 360px;
    background: #F1F9FF;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    content: ''; }

#top .top__btn-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; }
  #top .top__btn-wp .top__btn {
    flex: 0 1 32%;
    width: 32%;
    max-width: 32%; }
    #top .top__btn-wp .top__btn a {
      max-width: none;
      margin-bottom: 8%;
      padding: 5px 20px 5px 5px;
      font-size: 1.3rem; }
      @media (min-width: 375px) {
        #top .top__btn-wp .top__btn a {
          font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.1379310345 ); } }
      @media (min-width: 1100px) {
        #top .top__btn-wp .top__btn a {
          font-size: 1.4rem; } }
      #top .top__btn-wp .top__btn a::before, #top .top__btn-wp .top__btn a::after {
        right: 10%; }

#about .about__txt {
  margin-bottom: 30px; }
#about .greeting .greeting__cont-ttl {
  margin-bottom: 15px;
  color: #1F458E;
  font-size: 1.8rem;
  text-align: left; }
  @media (min-width: 375px) {
    #about .greeting .greeting__cont-ttl {
      font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
  @media (min-width: 1100px) {
    #about .greeting .greeting__cont-ttl {
      font-size: 2rem; } }
#about .greeting .greeting__cont-txt {
  margin-bottom: 15px; }
#about .greeting .greeting__cont-name {
  color: #1F458E;
  font-size: 1.2rem;
  text-align: right; }
  @media (min-width: 375px) {
    #about .greeting .greeting__cont-name {
      font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
  @media (min-width: 1100px) {
    #about .greeting .greeting__cont-name {
      font-size: 1.4rem; } }
  #about .greeting .greeting__cont-name span {
    font-size: 1.8rem; }
    @media (min-width: 375px) {
      #about .greeting .greeting__cont-name span {
        font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 0.8275862069 ); } }
    @media (min-width: 1100px) {
      #about .greeting .greeting__cont-name span {
        font-size: 2.4rem; } }
#about .greeting .greeting__img {
  margin-top: 15px; }

#activity .activity__txt {
  margin-bottom: 15px; }
#activity .activity__wp .activity__img {
  margin-bottom: 10px; }

.report .report__txt {
  margin-bottom: 15px; }
.report .report__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;
  padding: 0 4%; }
.report .report__box {
  flex: 0 1 30%;
  width: 30%;
  max-width: 30%;
  padding-bottom: 15px;
  margin-right: 5%; }
  .report .report__box:nth-of-type(n+4) {
    margin-top: 20px; }
  .report .report__box:nth-of-type(3n) {
    position: relative;
    margin-right: 0; }
    .report .report__box:nth-of-type(3n)::after {
      position: absolute;
      bottom: -2.5px;
      left: 0;
      transform: translateX(-70%);
      display: block;
      content: "";
      width: 333%;
      height: 5px;
      background: radial-gradient(circle farthest-side, #BEBEBE, #BEBEBE 40%, transparent 50%, transparent);
      background-size: 5px 5px; }
  .report .report__box:last-of-type::after {
    display: none; }
  .report .report__box .report__box-img {
    display: block;
    width: 50px;
    margin: 0 auto 8px; }
  .report .report__box .report__box-txt {
    color: #1F458E;
    text-decoration: underline;
    font-weight: bold;
    text-align: center;
    line-height: 1.4; }
    .report .report__box .report__box-txt span {
      display: inline-block;
      margin-right: 2px;
      vertical-align: baseline; }

#office {
  margin-bottom: 0;
  padding-bottom: 80px; }
  #office .roster {
    margin-bottom: 30px; }
    #office .roster .roster__txt {
      margin-bottom: 10px; }
    #office .roster .roster__tell {
      margin-bottom: 20px;
      font-size: 2.4rem;
      text-align: center;
      font-weight: bold;
      line-height: 1.5; }
      @media (min-width: 375px) {
        #office .roster .roster__tell {
          font-size: calc( 2.4rem + ( 1vw - 3.75px ) * 0.8275862069 ); } }
      @media (min-width: 1100px) {
        #office .roster .roster__tell {
          font-size: 3rem; } }
      #office .roster .roster__tell span {
        color: #1F458E;
        font-size: .8em; }
    #office .roster .roster__table-wp {
      overflow: scroll; }
      #office .roster .roster__table-wp table {
        width: 100%;
        min-width: 450px; }
        #office .roster .roster__table-wp table th, #office .roster .roster__table-wp table td {
          padding: 1em;
          box-sizing: border-box;
          text-align: center;
          border: 1px dotted #3FA9F5;
          vertical-align: middle; }
        #office .roster .roster__table-wp table th {
          background: #F1F9FF;
          color: #1F458E; }
    #office .roster .roster__note {
      padding: .75em 1em 0; }
  #office .manage .manage__txt {
    margin-bottom: 10px; }
  #office .manage .manage__bank {
    max-width: 480px;
    margin-bottom: 15px; }
  #office .manage .manage__note {
    color: #1F458E; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #top .top__btn-wp {
    justify-content: center; }
    #top .top__btn-wp .top__btn {
      flex: 0 1 auto;
      width: auto;
      max-width: auto; }
      #top .top__btn-wp .top__btn a {
        width: auto;
        max-width: none;
        margin: 0 10px;
        padding: 8px 3em 8px 2.5em; }

  #about .about__txt {
    margin-bottom: 40px; }
  #about .greeting {
    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; }
    #about .greeting .greeting__cont {
      flex: 0 1 62%;
      width: 62%;
      max-width: 62%; }
    #about .greeting .greeting__img {
      flex: 0 1 34%;
      width: 34%;
      max-width: 34%;
      margin: 0; }

  #activity .activity__txt {
    margin-bottom: 20px; }
  #activity .activity__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; }
    #activity .activity__wp .activity__img {
      flex: 0 1 48%;
      width: 48%;
      max-width: 48%; }

  .report .report__txt {
    margin-bottom: 20px; }
  .report .report__box {
    flex: 0 1 15%;
    width: 15%;
    max-width: 15%;
    margin-right: 2%; }
    .report .report__box:nth-of-type(n+4) {
      margin-top: 0; }
    .report .report__box:nth-of-type(n+7) {
      margin-top: 20px; }
    .report .report__box:nth-of-type(3n) {
      position: inherit;
      margin-right: 2%; }
      .report .report__box:nth-of-type(3n)::after {
        display: none; }
    .report .report__box:nth-of-type(6n) {
      position: relative;
      margin-right: 0; }
      .report .report__box:nth-of-type(6n)::after {
        position: absolute;
        bottom: -2.5px;
        left: 0;
        transform: translateX(-85%);
        display: block;
        content: "";
        width: 666%;
        height: 5px;
        background: radial-gradient(circle farthest-side, #BEBEBE, #BEBEBE 40%, transparent 50%, transparent);
        background-size: 5px 5px; }
    .report .report__box .report__box-img {
      margin-bottom: 10px; }

  #office {
    padding-bottom: 140px; }
    #office .roster .roster__txt {
      margin: 0 0 15px 1em; }
    #office .roster .roster__tell {
      margin-left: 1em;
      text-align: left; }
      #office .roster .roster__tell span:nth-of-type(2) {
        margin-left: 1em; }
    #office .roster .roster__table-wp table th, #office .roster .roster__table-wp table td {
      width: calc(100% / 3); } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1201px以上
------------------------------*/

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