/* _setting CSS */
/* min-width:751px | 751px ~
------------------------------------------------------------------------- */
@media all and (min-width: 751px) {
  /* @media screen
  ------------------------------------------------------------------------- */
  #contents .page_hd1_identity {
    margin: 0 !important; }
  #contents #sec1 {
    margin: 0 0 130px; }
    #contents #sec1 h2 {
      margin: 0 0 10px;
      font-size: 3.1rem;
      text-align: center;
      letter-spacing: 0.13em;
      font-style: italic; }
    #contents #sec1 p {
      margin: 0 0 35px;
      font-size: 2.1rem;
      text-align: center;
      letter-spacing: 0.13em;
      font-style: italic; }
    #contents #sec1 ul {
      display: flex;
      justify-content: center;
      align-items: center; }
      #contents #sec1 ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 146px;
        height: 160px;
        color: #c1ab82;
        font-size: 1.8rem;
        letter-spacing: 0.1em;
        text-align: center;
        font-style: italic;
        line-height: 1.3; }
        #contents #sec1 ul li:before, #contents #sec1 ul li:after {
          content: '';
          position: absolute;
          top: 0;
          left: 50%;
          width: 160px;
          height: 160px;
          border: 1px solid #c1ab82;
          border-top-width: 0;
          border-right-width: 0;
          border-radius: 100%;
          transform: translateX(-50%) rotate(45deg); }
        #contents #sec1 ul li:after {
          border: 1px solid #c1ab82;
          border-bottom-width: 0;
          border-left-width: 0; }
  #contents .sec_wrap {
    width: 1000px;
    margin: 0 auto; }
    #contents .sec_wrap .sec {
      display: flex;
      justify-content: space-between;
      margin: 0 0 70px; }
      #contents .sec_wrap .sec ._img_wrap {
        width: 500px; }
        #contents .sec_wrap .sec ._img_wrap ._inner {
          position: relative;
          width: 630px;
          left: -130px; }
          #contents .sec_wrap .sec ._img_wrap ._inner h2 {
            position: absolute;
            z-index: 10;
            top: 50%;
            left: 45%;
            margin: -0.8em 0 0 -1em;
            font-size: 6rem; }
            #contents .sec_wrap .sec ._img_wrap ._inner h2 span {
              display: block;
              position: relative;
              opacity: 0;
              transition: 2s;
              color: #fff; }
              #contents .sec_wrap .sec ._img_wrap ._inner h2 span:before {
                content: attr(data-text);
                position: absolute;
                top: 0;
                left: 0;
                background: url(../images/identity/sec2_img1.jpg) center/630px;
                background-clip: text;
                -webkit-background-clip: text;
                opacity: 0.1;
                filter: saturate(2) brightness(1) contrast(2);
                color: transparent; }
              #contents .sec_wrap .sec ._img_wrap ._inner h2 span:after {
                content: attr(data-text);
                position: absolute;
                top: 0;
                left: 0;
                background: url(../images/identity/sec2_img1.jpg) center/630px;
                background-clip: text;
                -webkit-background-clip: text;
                opacity: 0.3;
                filter: saturate(2) brightness(1) contrast(1);
                color: transparent; }
            #contents .sec_wrap .sec ._img_wrap ._inner h2.scroll_on span {
              opacity: 1;
              line-height: 1;
              font-weight: 300;
              letter-spacing: 0.05em; }
      #contents .sec_wrap .sec .text_wrap {
        width: 465px;
        padding: 165px 0 0; }
        #contents .sec_wrap .sec .text_wrap h3 {
          position: relative;
          margin: 0 0 20px; }
          #contents .sec_wrap .sec .text_wrap h3 span {
            position: absolute;
            top: -120px;
            left: 125px;
            line-height: 80px;
            color: #f0e9dc;
            font-size: 10rem;
            white-space: nowrap; }
          #contents .sec_wrap .sec .text_wrap h3 b {
            font-size: 2.3rem; }
        #contents .sec_wrap .sec .text_wrap p {
          line-height: 2;
          margin: 0 0 25px; }
      #contents .sec_wrap .sec:nth-child(2n) ._img_wrap {
        order: 2; }
        #contents .sec_wrap .sec:nth-child(2n) ._img_wrap ._inner {
          position: relative;
          width: 630px;
          left: 0; }
      #contents .sec_wrap .sec:nth-child(2n) .text_wrap h3 span {
        left: -190px; }
    #contents .sec_wrap #sec3 ._img_wrap ._inner h2 span:before {
      background: url(../images/identity/sec3_img1.jpg) center/630px;
      background-clip: text;
      -webkit-background-clip: text; }
    #contents .sec_wrap #sec3 ._img_wrap ._inner h2 span:after {
      background: url(../images/identity/sec3_img1.jpg) center/630px;
      background-clip: text;
      -webkit-background-clip: text; }
    #contents .sec_wrap #sec4 ._img_wrap ._inner h2 span:before {
      background: url(../images/identity/sec4_img1.jpg) center/630px;
      background-clip: text;
      -webkit-background-clip: text; }
    #contents .sec_wrap #sec4 ._img_wrap ._inner h2 span:after {
      background: url(../images/identity/sec4_img1.jpg) center/630px;
      background-clip: text;
      -webkit-background-clip: text; }
    #contents .sec_wrap #sec5 ._img_wrap h2 span:before, #contents .sec_wrap #sec5 ._img_wrap h2 span:after {
      display: none; }

  /* @media screen
  ------------------------------------------------------------------------- */ }
/* ////.min-width:751px | 751px ~
---------------------------------------------------------------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
max-width:750px | ~ 750px
------------------------------------------------------------------------- */
@media all and (max-width: 750px) {
  /* @media screen
  ------------------------------------------------------------------------- */
  #footer {
    padding-top: 8.6666666667vw; }

  #contents .page_hd1_identity {
    padding-bottom: 5vw !important; }
  #contents #sec1 {
    margin: 0 0 18.6666666667vw; }
    #contents #sec1 h2 {
      margin: 0 0 1.3333333333vw;
      font-size: 1.75rem;
      text-align: center;
      letter-spacing: 0.13em;
      font-style: italic; }
    #contents #sec1 p {
      margin: 0 0 25px;
      font-size: 1.3rem;
      text-align: center;
      letter-spacing: 0.13em;
      font-style: italic; }
    #contents #sec1 ul {
      display: flex;
      justify-content: center;
      align-items: center; }
      #contents #sec1 ul li {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 22.6666666667vw;
        height: 25.3333333333vw;
        color: #c1ab82;
        font-size: 1.1rem;
        letter-spacing: 0.1em;
        text-align: center;
        line-height: 1.3;
        font-style: italic; }
        #contents #sec1 ul li:before {
          content: '';
          position: absolute;
          top: 0;
          left: 50%;
          width: 25.3333333333vw;
          height: 25.3333333333vw;
          border: 1px solid #c1ab82;
          border-radius: 100%;
          transform: translateX(-50%); }
  #contents .sec_wrap .sec ._img_wrap {
    width: 100%;
    margin-bottom: -9.7333333333vw; }
    #contents .sec_wrap .sec ._img_wrap ._inner {
      position: relative; }
      #contents .sec_wrap .sec ._img_wrap ._inner h2 {
        position: absolute;
        z-index: 10;
        top: 45%;
        left: 50%;
        margin: -0.8em 0 0;
        font-size: 3.5rem;
        text-align: center; }
        #contents .sec_wrap .sec ._img_wrap ._inner h2 span {
          display: block;
          position: relative;
          opacity: 0;
          transform: translateX(-50%);
          transition: 2s;
          color: #fff; }
          #contents .sec_wrap .sec ._img_wrap ._inner h2 span:before {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            background: url(../images/identity/sp_sec2_img1.jpg) center 44.5%/100vw;
            background-clip: text;
            -webkit-background-clip: text;
            opacity: 0.2;
            filter: saturate(2) brightness(1) contrast(2);
            color: transparent; }
          #contents .sec_wrap .sec ._img_wrap ._inner h2 span:after {
            content: attr(data-text);
            position: absolute;
            top: 0;
            left: 0;
            background: url(../images/identity/sp_sec2_img1.jpg) center 44.5%/100vw;
            background-clip: text;
            -webkit-background-clip: text;
            opacity: 0.2;
            filter: saturate(2) brightness(1) contrast(2);
            color: transparent; }
        #contents .sec_wrap .sec ._img_wrap ._inner h2.scroll_on span {
          opacity: 1;
          line-height: 1;
          font-weight: 300;
          letter-spacing: 0.05em; }
      #contents .sec_wrap .sec ._img_wrap ._inner ._img {
        width: 100%; }
        #contents .sec_wrap .sec ._img_wrap ._inner ._img img {
          width: 100%;
          height: auto; }
  #contents .sec_wrap .sec .text_wrap {
    width: 93.3333333333vw;
    margin: 0 auto;
    padding: 0 4.6666666667vw 4.6666666667vw;
    background: url(../images/common/bg1.png); }
    #contents .sec_wrap .sec .text_wrap h3 {
      position: relative;
      margin: 0 0 6.6666666667vw; }
      #contents .sec_wrap .sec .text_wrap h3 span {
        display: block;
        margin: 0 0 -0.7em -2.9333333333vw;
        color: #f0e9dc;
        font-size: 5rem;
        white-space: nowrap; }
      #contents .sec_wrap .sec .text_wrap h3 b {
        display: block;
        position: relative;
        font-size: 1.6rem; }
    #contents .sec_wrap .sec .text_wrap p {
      line-height: 2.15;
      margin: 0 0 2em; }
  #contents .sec_wrap #sec3 ._img_wrap ._inner h2 span:before {
    background: url(../images/identity/sp_sec3_img1.jpg) center 44.5%/100vw;
    background-clip: text;
    -webkit-background-clip: text; }
  #contents .sec_wrap #sec3 ._img_wrap ._inner h2 span:after {
    background: url(../images/identity/sp_sec3_img1.jpg) center 44.5%/100vw;
    background-clip: text;
    -webkit-background-clip: text; }
  #contents .sec_wrap #sec4 ._img_wrap ._inner h2 span:before {
    background: url(../images/identity/sp_sec4_img1.jpg) center 44.5%/100vw;
    background-clip: text;
    -webkit-background-clip: text; }
  #contents .sec_wrap #sec4 ._img_wrap ._inner h2 span:after {
    background: url(../images/identity/sp_sec4_img1.jpg) center 44.5%/100vw;
    background-clip: text;
    -webkit-background-clip: text; }
  #contents .sec_wrap #sec5 ._img_wrap h2 span:before, #contents .sec_wrap #sec5 ._img_wrap h2 span:after {
    display: none; }

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