/* _setting CSS */
/* min-width:751px | 751px ~
------------------------------------------------------------------------- */
@media all and (min-width: 751px) {
  /* @media screen
  ------------------------------------------------------------------------- */
  #contents #page_hd1 {
    margin-bottom: 60px; }
    #contents #page_hd1 .text_wrap:before {
      position: absolute;
      top: 210px;
      left: 1155px;
      transform: rotate(90deg);
      transform-origin: left top;
      content: attr(data-text);
      opacity: 0.03;
      color: #591d0f;
      font-size: 10rem;
      white-space: nowrap;
      letter-spacing: 0.1em; }
    #contents #page_hd1 h1 {
      color: #a74d3e; }
    #contents #page_hd1 .img {
      top: -30px;
      width: auto; }
  #contents #sec1 {
    margin: 0 0 130px; }
    #contents #sec1 > h2 {
      margin: 0 0 10px;
      color: #a0230e;
      font-size: 3.1rem;
      text-align: center;
      letter-spacing: 0.13em; }
    #contents #sec1 > p {
      margin: 0 0 40px;
      color: #a0230e;
      font-size: 2.1rem;
      text-align: center;
      letter-spacing: 0.13em; }
    #contents #sec1 .circle {
      position: relative;
      width: 1000px;
      margin: 0 auto;
      padding: 85px 0 0; }
      #contents #sec1 .circle:before, #contents #sec1 .circle:after {
        content: '';
        position: absolute;
        top: 0;
        left: -75%;
        width: 1050px;
        height: 1050px;
        border: 1px solid #531608;
        border-top-width: 0;
        border-right-width: 0;
        border-radius: 100%;
        transform: rotate(45deg);
        opacity: 0.1; }
      #contents #sec1 .circle:after {
        border: 1px solid #531608;
        border-bottom-width: 0;
        border-left-width: 0; }
      #contents #sec1 .circle section {
        position: relative;
        z-index: 10;
        height: 440px;
        padding: 0 0 0 160px; }
        #contents #sec1 .circle section h3 {
          position: relative;
          margin: 0 0 25px;
          color: #a74d3e;
          font-size: 2.5rem; }
          #contents #sec1 .circle section h3 span {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: -60px;
            left: -170px;
            width: 130px;
            height: 130px;
            border-radius: 100%;
            color: #fff;
            font-size: 1.4rem; }
            #contents #sec1 .circle section h3 span:before, #contents #sec1 .circle section h3 span:after {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              z-index: -1;
              width: 100%;
              height: 100%;
              border-radius: 100%;
              background: #a74d3e; }
            #contents #sec1 .circle section h3 span:after {
              top: 1px;
              left: 1px;
              width: 128px;
              height: 128px;
              background: #a74d3e; }
        #contents #sec1 .circle section p {
          line-height: 2;
          white-space: nowrap; }
      #contents #sec1 .circle .sec2 {
        padding: 0 0 0 405px; }

  /* @media screen
  ------------------------------------------------------------------------- */ }
/* ////.min-width:751px | 751px ~
---------------------------------------------------------------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
max-width:750px | ~ 750px
------------------------------------------------------------------------- */
@media all and (max-width: 750px) {
  /* @media screen
  ------------------------------------------------------------------------- */
  #contents #page_hd1 h1 {
    color: #a74d3e; }
  #contents #page_hd1 .img {
    top: 16vw; }
  #contents #sec1 {
    margin: 0 0 18.6666666667vw; }
    #contents #sec1 > h2 {
      margin: 0 0 1.3333333333vw;
      color: #a74d3e;
      font-size: 2rem;
      text-align: center;
      letter-spacing: 0.13em; }
    #contents #sec1 > p {
      margin: 0 0 25px;
      color: #a0230e;
      font-size: 1.5rem;
      text-align: center;
      letter-spacing: 0.13em; }
    #contents #sec1 .circle {
      position: relative;
      width: 89.3333333333vw;
      margin: 0 auto;
      padding: 8vw 0 0; }
      #contents #sec1 .circle section {
        position: relative;
        z-index: 10;
        padding: 0 0 16vw 28vw; }
        #contents #sec1 .circle section:before {
          content: '';
          position: absolute;
          top: 0;
          left: 10.6666666667vw;
          width: 1px;
          height: 100%;
          opacity: 0.1;
          background: #531608; }
        #contents #sec1 .circle section h3 {
          position: relative;
          z-index: 10;
          line-height: 1.6;
          margin: 0 0 3.3333333333vw;
          font-size: 1.5rem; }
          #contents #sec1 .circle section h3 span {
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: -4vw;
            left: -28vw;
            width: 21.6vw;
            height: 21.6vw;
            border-radius: 100%;
            background: #a74d3e;
            color: #fdfdfb;
            font-size: 1rem; }
          #contents #sec1 .circle section h3 b {
            color: #a74d3e; }
        #contents #sec1 .circle section p {
          line-height: 2; }
      #contents #sec1 .circle .sec3:before {
        display: none; }

  /* @media screen
  ------------------------------------------------------------------------- */ }