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

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#titleimg {
  padding: 0% 0% 12.93% 0%;
  overflow: hidden; }
  #titleimg .titleimg__img-box {
    background: url("/img/news/titleimg.jpg") center top 30%/cover no-repeat; }
  #titleimg .title__ilst-1 {
    position: absolute;
    top: 165px;
    left: -40px;
    width: 165px; }
  #titleimg .title__ilst-2 {
    position: absolute;
    bottom: 5px;
    right: -65px;
    width: 155px; }

#info .info__list {
  margin-bottom: 65px; }
  #info .info__list li {
    border-bottom: solid 1px #C7AB8F; }
    #info .info__list li a {
      position: relative;
      display: block;
      padding: 15px 0 10px; }
      #info .info__list li a .info__list-wp {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 2px; }
        #info .info__list li a .info__list-wp .info__time {
          flex: 0 1 95px;
          width: 95px;
          max-width: 95px;
          color: #6FAA71;
          font-size: 1.3rem; }
          @media (min-width: 375px) {
            #info .info__list li a .info__list-wp .info__time {
              font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.127388535 ); } }
          @media (min-width: 1160px) {
            #info .info__list li a .info__list-wp .info__time {
              font-size: 1.4rem; } }
        #info .info__list li a .info__list-wp .info__ctgry {
          flex: 0 1 calc(100% - 95px);
          width: calc(100% - 95px);
          max-width: calc(100% - 95px);
          font-size: 1rem; }
          @media (min-width: 769px) {
            #info .info__list li a .info__list-wp .info__ctgry {
              font-size: calc( 1rem + ( 1vw - 7.69px ) * 6.4516129032 ); } }
          @media (min-width: 800px) {
            #info .info__list li a .info__list-wp .info__ctgry {
              font-size: 1.2rem; } }
          #info .info__list li a .info__list-wp .info__ctgry .info__ctgry-list {
            display: inline-block;
            margin-right: 5px;
            padding: 2px 5px;
            background: #FCF4DF; }
            #info .info__list li a .info__list-wp .info__ctgry .info__ctgry-list:last-child {
              margin-right: 0; }
      #info .info__list li a .info__list-ttl {
        font-size: 1.4rem; }
        @media (min-width: 375px) {
          #info .info__list li a .info__list-ttl {
            font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.2547770701 ); } }
        @media (min-width: 1160px) {
          #info .info__list li a .info__list-ttl {
            font-size: 1.6rem; } }
      #info .info__list li a::after {
        position: absolute;
        display: block;
        bottom: 25%;
        right: 5px;
        transform: rotate(45deg);
        width: 5px;
        height: 5px;
        border-top: solid 1px #C7AB8F;
        border-right: solid 1px #C7AB8F;
        content: ""; }
#info .info__btn {
  margin: auto;
  width: 100%;
  max-width: 440px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #info .info__btn li {
    flex: 0 1 calc((100% - 80px) / 9);
    width: calc((100% - 80px) / 9);
    max-width: calc((100% - 80px) / 9);
    margin: 0 5px;
    position: relative;
    text-align: center; }
    #info .info__btn li a {
      position: relative;
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      background: #FCF4DF;
      font-size: 1.3rem; }
      @media (min-width: 375px) {
        #info .info__btn li a {
          font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.2352941176 ); } }
      @media (min-width: 800px) {
        #info .info__btn li a {
          font-size: 1.4rem; } }
    #info .info__btn li p {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    #info .info__btn li.arrow__btn a {
      position: relative;
      background: #916D4F; }
      #info .info__btn li.arrow__btn a::after {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        display: block;
        width: 8px;
        height: 8px;
        border-top: solid 2px #FCF4DF;
        content: ""; }
    #info .info__btn li.arrow__btn.prev {
      margin-left: 0; }
      #info .info__btn li.arrow__btn.prev a::after {
        left: 40%;
        transform: translateY(-50%) rotate(-45deg);
        border-left: solid 2px #FCF4DF; }
    #info .info__btn li.arrow__btn.next {
      margin-right: 0; }
      #info .info__btn li.arrow__btn.next a::after {
        left: 35%;
        transform: translateY(-50%) rotate(45deg);
        border-right: solid 2px #FCF4DF; }
    #info .info__btn li.none {
      background: #FCF4DF; }
    #info .info__btn li.active a {
      background: #916D4F;
      color: #FCF4DF; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #titleimg {
    padding-bottom: 80px; }
    #titleimg .title__ilst-1 {
      top: 250px;
      left: -20px;
      width: 310px; }
    #titleimg .title__ilst-2 {
      bottom: 20px;
      right: -88px;
      width: 280px; }

  #info .info__list {
    margin-bottom: 60px; }
    #info .info__list li a:hover {
      opacity: 1;
      background: #FFFDF7; }
  #info .info__btn li a:hover {
    opacity: 1;
    background: #916D4F;
    color: #FCF4DF; } }
/*------------------------------
		861px以上
------------------------------*/
/*------------------------------
		1281px以上
------------------------------*/

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