@charset "UTF-8";
/* 各ページごとの設定 */
/*
@mixin pc_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, cover;
	background-position: left top, center, center;
}
@mixin sp_top_gradient{
	background-image: -webkit-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-image: -ms-linear-gradient( 0deg, rgba($top_bgcolor, 0.3),rgba($top_bgcolor, 0.3)), url(../images/top/mainv_bg.jpg);
	background-size: auto auto, auto 100%;
	background-position: left top, center, center;
}
*/
/*------------------------------------------
共通
-------------------------------------------*/
/*PC
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 751px) {
  .inner {
    width: 1180px; }

  #mainv {
    background: #f0f2f1; }
    #mainv .inner {
      background-image: -webkit-linear-gradient(0deg, #f0f2f1, #f0f2f1 27%, rgba(240, 242, 241, 0) 47%, rgba(240, 242, 241, 0) 88%, #f0f2f1), url(../images/point/mainv_bg.jpg);
      background-image: -ms-linear-gradient(0deg, #f0f2f1, #f0f2f1 27%, rgba(240, 242, 241, 0) 47%, rgba(240, 242, 241, 0) 88%, #f0f2f1), url(../images/point/mainv_bg.jpg);
      background-size: auto auto, auto 100%;
      background-position: left top, right center; }
      #mainv .inner h1 {
        color: #333;
        font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
        padding: 90px 60px 100px;
        text-shadow: 5px -6px 10px #ffffff; }
        #mainv .inner h1 span {
          font-size: 36px; }

  #breadCrumb .inner {
    width: 1180px; }
    #breadCrumb .inner ul li a {
      color: #9E6657; }

  #contents {
    width: 1180px; }
    #contents #mainColmun {
      width: 820px;
      margin: 0 80px 0 0; }
    #contents #sidebar {
      width: 280px; }

  #mainColmun #point h2 {
    margin: 0 0 45px;
    text-align: center;
    font-size: 28px;
    font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
    font-weight: bold; }
    #mainColmun #point h2 span {
      color: #ff8746; }
  #mainColmun #point .anchorList {
    margin: 0 0 70px;
    display: flex;
    flex-wrap: wrap;
    counter-reset: point; }
    #mainColmun #point .anchorList > li {
      position: relative;
      margin: 0 5px 5px 0;
      padding: 15px 5px;
      width: calc((100% - 10px) / 3);
      background: #FFF1E4;
      box-sizing: border-box;
      counter-increment: point; }
      #mainColmun #point .anchorList > li:hover {
        opacity: .7; }
      #mainColmun #point .anchorList > li::before {
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        border-style: solid;
        border-width: 0 0 28px 28px;
        border-color: transparent transparent #c9b3a4 transparent;
        content: ""; }
      #mainColmun #point .anchorList > li::after {
        display: block;
        position: absolute;
        right: 5px;
        bottom: 6px;
        border-style: solid;
        border-width: 3px 0 3px 5px;
        border-color: transparent transparent transparent #fff;
        content: ""; }
      #mainColmun #point .anchorList > li:nth-child(3n) {
        margin-right: 0; }
      #mainColmun #point .anchorList > li .number {
        text-align: center;
        font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
        font-size: 16px;
        font-weight: bold;
        color: #9E6657;
        line-height: 1.2; }
        #mainColmun #point .anchorList > li .number::after {
          content: counter(point);
          font-size: 28px;
          font-style: italic;
          vertical-align: middle; }
      #mainColmun #point .anchorList > li .text {
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        min-height: calc(3em * 1.5);
        text-align: center;
        color: inherit;
        font-weight: bold;
        font-size: 18px; }
      #mainColmun #point .anchorList > li a {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 1; }
  #mainColmun #point .pointList {
    counter-reset: point; }
    #mainColmun #point .pointList > li {
      position: relative;
      margin: 0 0 40px;
      border: solid 1px #ffe7d0;
      counter-increment: point; }
      #mainColmun #point .pointList > li:last-child {
        margin: 0; }
      #mainColmun #point .pointList > li .number {
        position: absolute;
        left: 20px;
        top: -10px;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: center;
        padding: 10px 0 0;
        height: 110px;
        width: 90px;
        background: #ff8746;
        color: #fff;
        font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
        font-weight: bold;
        box-sizing: border-box; }
        #mainColmun #point .pointList > li .number::before {
          display: block;
          position: absolute;
          left: 0;
          bottom: -10px;
          border-style: solid;
          border-width: 0 45px 10px 45px;
          border-color: transparent #ff8746 transparent #ff8746;
          content: ""; }
        #mainColmun #point .pointList > li .number::after {
          display: block;
          position: absolute;
          right: -10px;
          top: 0;
          width: 10px;
          height: 10px;
          background: linear-gradient(45deg, #c9b3a4 50%, rgba(201, 179, 164, 0) 50%);
          content: "";
          filter: brightness(30%); }
        #mainColmun #point .pointList > li .number span::after {
          display: block;
          content: counter(point);
          font-size: 32px; }
      #mainColmun #point .pointList > li h2 {
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        min-height: calc(2em * 1.5);
        margin: 0;
        padding: 25px 25px 25px 140px;
        border-bottom: solid 1px #FFF1E4;
        background: #FFF1E4;
        font-size: 28px;
        font-weight: bold;
        font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif; }
        #mainColmun #point .pointList > li h2 span {
          color: inherit;
          text-align: left; }
          #mainColmun #point .pointList > li h2 span span {
            color: #ff8746; }
      #mainColmun #point .pointList > li .listInner {
        padding: 40px;
        font-size: 16px;
        line-height: 1.8; }
        #mainColmun #point .pointList > li .listInner::after {
          display: block;
          clear: both;
          content: ""; }
        #mainColmun #point .pointList > li .listInner span {
          color: #ff8746;
          font-weight: bold; }
        #mainColmun #point .pointList > li .listInner .wideImage {
          margin: 0 0 25px; }
        #mainColmun #point .pointList > li .listInner .btn {
          display: block;
          max-width: 290px;
          margin: 25px auto 0;
          padding: 10px;
          text-align: center;
          background: #e0e0e0;
          font-size: 14px;
          border-radius: 100vh;
          box-sizing: border-box; }
          #mainColmun #point .pointList > li .listInner .btn:hover {
            opacity: .7; }
          #mainColmun #point .pointList > li .listInner .btn > span {
            color: inherit;
            position: relative;
            display: inline-block;
            padding: 0 0 0 20px; }
            #mainColmun #point .pointList > li .listInner .btn > span::before {
              position: absolute;
              left: 0;
              top: 50%;
              display: block;
              border-top: solid 2px #444;
              border-right: solid 2px #444;
              width: 8px;
              height: 8px;
              content: "";
              transform: translateY(-50%) rotate(45deg); }
        #mainColmun #point .pointList > li .listInner .splitImage {
          position: relative;
          width: 230px;
          float: left;
          margin: 0 40px 0 0; }
          #mainColmun #point .pointList > li .listInner .splitImage img {
            width: 100%;
            height: auto; }
            #mainColmun #point .pointList > li .listInner .splitImage img.cover {
              height: 190px;
              object-fit: cover; }
              #mainColmun #point .pointList > li .listInner .splitImage img.cover.posL {
                object-position: left center; }
          #mainColmun #point .pointList > li .listInner .splitImage .name {
            position: absolute;
            left: 40.8%;
            bottom: 9%;
            color: #fff;
            font-size: 11px;
            text-shadow: 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000; }
        #mainColmun #point .pointList > li .listInner .textWrap {
          overflow: hidden; }
          #mainColmun #point .pointList > li .listInner .textWrap p span {
            font-weight: 700; }
        #mainColmun #point .pointList > li .listInner .introList {
          display: flex;
          margin: 0 0 25px;
          counter-reset: intro; }
          #mainColmun #point .pointList > li .listInner .introList > li {
            position: relative;
            margin: 0 4px 0 0;
            width: calc((100% - 8px) / 3);
            background: #C9B3A4;
            counter-increment: intro; }
            #mainColmun #point .pointList > li .listInner .introList > li:last-child {
              margin: 0; }
            #mainColmun #point .pointList > li .listInner .introList > li::after {
              position: absolute;
              left: 0;
              top: 0;
              display: flex;
              -webkit-justify-content: center;
              justify-content: center;
              -webkit-align-items: center;
              align-items: center;
              width: 44px;
              height: 44px;
              background: #9E6657;
              color: #c9b3a4;
              font-weight: bold;
              font-size: 20px;
              content: counter(intro); }
            #mainColmun #point .pointList > li .listInner .introList > li .outline {
              padding: 20px 10px;
              text-align: center;
              font-size: 16px; }
              #mainColmun #point .pointList > li .listInner .introList > li .outline h3 {
                font-size: 22px;
                font-weight: bold;
                font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
                color: #c9b3a4;
                line-height: 1.2; }
        #mainColmun #point .pointList > li .listInner .halfImage {
          display: flex;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          margin: 0 0 40px; }
          #mainColmun #point .pointList > li .listInner .halfImage img {
            width: calc((100% - 4px) / 2);
            height: auto; }

  /*--------------------------endPC--------------------------------*/ }
/*SP
-----------------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
  .inner {
    width: 94vw;
    margin: 0 auto; }

  #mainv {
    background: #f0f2f1; }
    #mainv .inner {
      display: flex;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-align-items: center;
      align-items: center;
      background-image: -webkit-linear-gradient(0deg, #f0f2f1, #f0f2f1 25%, rgba(240, 242, 241, 0) 39%, rgba(240, 242, 241, 0)), url(../images/point/mainv_bg.jpg);
      background-image: -ms-linear-gradient(0deg, #f0f2f1, #f0f2f1 25%, rgba(240, 242, 241, 0) 39%, rgba(240, 242, 241, 0)), url(../images/point/mainv_bg.jpg);
      background-size: auto auto, auto 100%;
      background-position: left top, right 33% bottom;
      height: 36.2vw; }
      #mainv .inner h1 {
        color: #333;
        padding: 0;
        font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif; }
        #mainv .inner h1 span {
          font-size: 5.5vw; }

  /* 最終的にbase.scssに統合 */
  #breadCrumb {
    margin: 0 0 2.4vw;
    background: none; }
    #breadCrumb .inner ul li a {
      color: #9E6657; }

  #mainColmun #point {
    margin: 0 0 10.8vw; }
    #mainColmun #point h2 {
      margin: 0 0 7.2vw;
      text-align: center;
      font-size: 4.5vw;
      font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
      font-weight: bold; }
      #mainColmun #point h2 span {
        color: #ff8746; }
    #mainColmun #point .anchorList {
      margin: 0 -3vw 15.7vw;
      display: flex;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      counter-reset: point; }
      #mainColmun #point .anchorList > li {
        position: relative;
        margin: 0 0 3px;
        padding: 2.4vw .6vw;
        width: calc((100% - 3px) / 2);
        background: #FFF1E4;
        box-sizing: border-box;
        counter-increment: point; }
        #mainColmun #point .anchorList > li::before {
          display: block;
          position: absolute;
          right: 0;
          bottom: 0;
          border-style: solid;
          border-width: 0 0 6vw 6vw;
          border-color: transparent transparent #c9b3a4 transparent;
          content: ""; }
        #mainColmun #point .anchorList > li::after {
          display: block;
          position: absolute;
          right: 1.2vw;
          bottom: 1.2vw;
          border-style: solid;
          border-width: .6vw 0 .6vw 1.2vw;
          border-color: transparent transparent transparent #fff;
          content: ""; }
        #mainColmun #point .anchorList > li .number {
          text-align: center;
          font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
          font-size: 3vw;
          font-weight: bold;
          color: #9E6657;
          line-height: 1.2; }
          #mainColmun #point .anchorList > li .number::after {
            content: counter(point);
            font-size: 5.5vw;
            font-style: italic;
            vertical-align: middle; }
        #mainColmun #point .anchorList > li .text {
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-align-items: center;
          align-items: center;
          width: 100%;
          min-height: calc(3em * 1.3);
          text-align: center;
          color: inherit;
          font-weight: bold;
          font-size: 4vw;
          line-height: 1.3; }
        #mainColmun #point .anchorList > li a {
          position: absolute;
          left: 0;
          top: 0;
          display: block;
          width: 100%;
          height: 100%;
          z-index: 1; }
    #mainColmun #point .pointList {
      counter-reset: point;
      margin: 0 -3vw; }
      #mainColmun #point .pointList > li {
        position: relative;
        margin: 0 0 14.4vw;
        counter-increment: point; }
        #mainColmun #point .pointList > li:last-child {
          margin: 0; }
        #mainColmun #point .pointList > li .number {
          position: absolute;
          left: 3.6vw;
          top: -2vw;
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-align-items: center;
          align-items: center;
          text-align: center;
          padding: 2vw 0 0;
          height: 22.9vw;
          width: 16.2vw;
          background: #ff8746;
          color: #FFF;
          font-size: 2.6vw;
          font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
          font-weight: bold;
          box-sizing: border-box; }
          #mainColmun #point .pointList > li .number::before {
            display: block;
            position: absolute;
            left: 0;
            bottom: -2vw;
            border-style: solid;
            border-width: 0 8.1vw 2vw 8.1vw;
            border-color: transparent #ff8746 transparent #ff8746;
            content: ""; }
          #mainColmun #point .pointList > li .number::after {
            display: block;
            position: absolute;
            right: -2vw;
            top: 0;
            width: 2vw;
            height: 2vw;
            background: linear-gradient(45deg, #c9b3a4 50%, rgba(201, 179, 164, 0) 50%);
            content: "";
            filter: brightness(30%); }
          #mainColmun #point .pointList > li .number span::after {
            display: block;
            content: counter(point);
            font-size: 6.5vw; }
        #mainColmun #point .pointList > li h2 {
          display: flex;
          -webkit-align-items: center;
          align-items: center;
          min-height: calc(3em * 1.5);
          margin: 0;
          padding: 4vw 4vw 4vw 24.7vw;
          border-top: solid 1px #FFF1E4;
          border-bottom: solid 1px #FFF1E4;
          background: #FFF1E4;
          font-size: 4.8vw;
          font-weight: bold;
          font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
          text-align: left; }
          #mainColmun #point .pointList > li h2 span {
            color: inherit;
            text-align: left; }
            #mainColmun #point .pointList > li h2 span span {
              color: #ff8746; }
        #mainColmun #point .pointList > li .listInner {
          padding: 8.4vw 3vw 0;
          font-size: 3.6vw;
          line-height: 1.8; }
          #mainColmun #point .pointList > li .listInner::after {
            display: block;
            clear: both;
            content: ""; }
          #mainColmun #point .pointList > li .listInner span {
            color: #ff8746;
            font-weight: bold; }
          #mainColmun #point .pointList > li .listInner .wideImage {
            margin: 0 -3vw 6vw; }
          #mainColmun #point .pointList > li .listInner .btn {
            display: block;
            margin: 6vw auto 0;
            padding: 3vw;
            text-align: center;
            background: #e0e0e0;
            font-size: 3.6vw;
            border-radius: 100vh;
            box-sizing: border-box; }
            #mainColmun #point .pointList > li .listInner .btn > span {
              color: inherit;
              position: relative;
              display: inline-block;
              padding: 0 0 0 4.8vw; }
              #mainColmun #point .pointList > li .listInner .btn > span::before {
                position: absolute;
                left: 0;
                top: 50%;
                display: block;
                border-top: solid 2px #444;
                border-right: solid 2px #444;
                width: 2.1vw;
                height: 2.1vw;
                content: "";
                transform: translateY(-50%) rotate(45deg); }
          #mainColmun #point .pointList > li .listInner .splitImage {
            position: relative;
            margin: 0 auto 6vw; }
            #mainColmun #point .pointList > li .listInner .splitImage.w60sp {
              width: 60%; }
            #mainColmun #point .pointList > li .listInner .splitImage img {
              width: 100%;
              height: auto; }
            #mainColmun #point .pointList > li .listInner .splitImage .name {
              position: absolute;
              left: 38%;
              bottom: 9%;
              color: #fff;
              font-size: 2.4vw;
              text-shadow: 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000; }
          #mainColmun #point .pointList > li .listInner .textWrap {
            overflow: hidden; }
            #mainColmun #point .pointList > li .listInner .textWrap p span {
              font-weight: 700; }
          #mainColmun #point .pointList > li .listInner .introList {
            margin: 0 0 6vw;
            counter-reset: intro; }
            #mainColmun #point .pointList > li .listInner .introList > li {
              display: flex;
              position: relative;
              margin: 0 0 .9vw;
              background: #C9B3A4;
              counter-increment: intro; }
              #mainColmun #point .pointList > li .listInner .introList > li:last-child {
                margin: 0; }
              #mainColmun #point .pointList > li .listInner .introList > li::after {
                position: absolute;
                left: 0;
                top: 0;
                display: flex;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                align-items: center;
                width: 10.6vw;
                height: 10.6vw;
                background: #9E6657;
                color: #c9b3a4;
                font-weight: bold;
                font-size: 5.4vw;
                content: counter(intro); }
              #mainColmun #point .pointList > li .listInner .introList > li .image {
                width: 50%; }
                #mainColmun #point .pointList > li .listInner .introList > li .image img {
                  width: 100%;
                  height: 100%;
                  object-fit: cover; }
              #mainColmun #point .pointList > li .listInner .introList > li .outline {
                display: flex;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-align-items: center;
                align-items: center;
                width: 50%;
                min-height: calc(37.4vw - 20px);
                padding: 10px;
                text-align: center;
                font-size: 3.6vw;
                box-sizing: border-box; }
                #mainColmun #point .pointList > li .listInner .introList > li .outline .outlineInner h3 {
                  margin: 0 0 1.2vw;
                  font-size: 5vw;
                  font-weight: bold;
                  font-family: YuMincho, "Yu Mincho", "Noto Serif JP", serif;
                  color: #c9b3a4;
                  line-height: 1.2; }
          #mainColmun #point .pointList > li .listInner .halfImage {
            width: 90%;
            margin: 0 auto 6vw; }
            #mainColmun #point .pointList > li .listInner .halfImage img {
              margin: 0 0 .9vw; }
              #mainColmun #point .pointList > li .listInner .halfImage img:last-child {
                margin: 0; }

  /*--------------------------endSP--------------------------------*/ }

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