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

contact style

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

#month {
  margin-bottom: 40px; }
  #month .month__txt {
    margin-bottom: 15px; }
  #month .month__ttl {
    font-size: 1.5rem;
    width: 92%;
    margin: 0 auto 1.5em;
    color: #B4640D; }
    #month .month__ttl .sec__subttl {
      font-size: 1.4rem; }
      @media (min-width: 375px) {
        #month .month__ttl .sec__subttl {
          font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
      @media (min-width: 1100px) {
        #month .month__ttl .sec__subttl {
          font-size: 1.6rem; } }
    #month .month__ttl spam {
      font-size: 1.2em; }
  #month .month__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%; }
    #month .month__wp + .month__ttl {
      margin-top: 1.5em; }
  #month .month__box {
    flex: 0 1 30%;
    width: 30%;
    max-width: 30%;
    padding-bottom: 25px;
    margin-right: 5%; }
    #month .month__box:nth-of-type(3n) {
      position: relative;
      margin: 0; }
      #month .month__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; }
    #month .month__box:nth-of-type(n+4) {
      margin-top: 20px; }
    #month .month__box:last-of-type::after {
      display: none; }
    #month .month__box .month__box-img {
      display: block;
      width: 60px;
      margin: 0 auto 8px; }
    #month .month__box .month__box-txt {
      color: #B4640D;
      text-decoration: underline;
      font-weight: bold;
      text-align: center;
      line-height: 1; }
      #month .month__box .month__box-txt span {
        display: inline-block;
        margin-right: 2px;
        vertical-align: sub; }

#calendar {
  margin-bottom: 60px; }
  #calendar .calendar__txt {
    margin-bottom: 30px; }
  #calendar .calendar__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; }
    #calendar .calendar__wp .calendar__cool {
      display: contents; }
  #calendar .calendar__box {
    flex: 0 1 48.5%;
    width: 48.5%;
    max-width: 48.5%;
    margin-bottom: 25px;
    padding-bottom: 20px; }
    #calendar .calendar__box:nth-of-type(2n) {
      position: relative; }
      #calendar .calendar__box:nth-of-type(2n)::after {
        position: absolute;
        bottom: -2.5px;
        left: -3%;
        transform: translateX(-50%);
        display: block;
        content: "";
        width: 206%;
        height: 5px;
        background: radial-gradient(circle farthest-side, #BEBEBE, #BEBEBE 40%, transparent 50%, transparent);
        background-size: 5px 5px; }
    #calendar .calendar__box:last-of-type::after {
      display: none; }
    #calendar .calendar__box .calendar__box-ttl {
      margin-bottom: 10px;
      color: #FF931E;
      font-size: 1.4rem;
      line-height: 1;
      font-weight: bold; }
      @media (min-width: 375px) {
        #calendar .calendar__box .calendar__box-ttl {
          font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.8275862069 ); } }
      @media (min-width: 1100px) {
        #calendar .calendar__box .calendar__box-ttl {
          font-size: 2rem; } }
      #calendar .calendar__box .calendar__box-ttl span {
        font-size: 1.8rem; }
        @media (min-width: 375px) {
          #calendar .calendar__box .calendar__box-ttl span {
            font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 1.3793103448 ); } }
        @media (min-width: 1100px) {
          #calendar .calendar__box .calendar__box-ttl span {
            font-size: 2.8rem; } }
    #calendar .calendar__box .calendar__box-img {
      display: block;
      margin-bottom: 10px; }
    #calendar .calendar__box .calendar__box-list li {
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 5px;
      padding-left: 1em;
      text-indent: -1em; }
      #calendar .calendar__box .calendar__box-list li::before {
        color: #FF931E;
        content: '■'; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #month {
    margin-bottom: 70px; }
    #month .month__txt {
      margin-bottom: 25px; }
    #month .month__box {
      flex: 0 1 15%;
      width: 15%;
      max-width: 15%;
      margin-right: 2%; }
      #month .month__box:nth-of-type(n+4) {
        margin-top: 0; }
      #month .month__box:nth-of-type(n+7) {
        margin-top: 20px; }
      #month .month__box:nth-of-type(3n) {
        position: inherit;
        margin-right: 2%; }
        #month .month__box:nth-of-type(3n)::after {
          display: none; }
      #month .month__box:nth-of-type(6n) {
        position: relative;
        margin-right: 0; }
        #month .month__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; }
      #month .month__box .month__box-img {
        margin-bottom: 10px; }

  #calendar {
    margin-bottom: 210px; }
    #calendar .sec__ttl-wp {
      margin-bottom: 15px; }
    #calendar .calendar__txt {
      margin-bottom: 25px; }
    #calendar .calendar__box {
      flex: 0 1 31%;
      width: 31%;
      max-width: 31%; }
      #calendar .calendar__box:nth-of-type(2n) {
        position: inherit; }
        #calendar .calendar__box:nth-of-type(2n)::after {
          display: none; }
      #calendar .calendar__box:nth-of-type(3n) {
        position: relative; }
        #calendar .calendar__box:nth-of-type(3n)::after {
          position: absolute;
          bottom: -2.5px;
          left: 0;
          transform: translateX(-69%);
          display: block;
          content: "";
          width: 323%;
          height: 5px;
          background: radial-gradient(circle farthest-side, #BEBEBE, #BEBEBE 40%, transparent 50%, transparent);
          background-size: 5px 5px; }
      #calendar .calendar__box:last-of-type::after {
        display: none; }
      #calendar .calendar__box .calendar__box-img {
        margin-bottom: 10px; }
      #calendar .calendar__box .calendar__box-list li {
        line-height: 1.7; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1201px以上
------------------------------*/

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