/* _setting CSS */
/* min-width:751px | 751px ~
------------------------------------------------------------------------- */
@media all and (min-width: 751px) {
  /* @media screen
  ------------------------------------------------------------------------- */
  #contents #page_hd1 h1 {
    color: #0b1f5c; }
  #contents #page_hd1 .img {
    width: 50vw; }
  #contents #sec1 {
    width: 900px;
    margin: 0 auto 80px; }
    #contents #sec1 .inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      #contents #sec1 .inner h3 {
        margin: 0 auto 15px;
        font-size: 2rem; }
        #contents #sec1 .inner h3 .text {
          display: inline-block;
          margin: 0 0 12px;
          padding: 0 0 10px;
          border-bottom: 1px solid #3c382f;
          font-size: 3.2rem; }
        #contents #sec1 .inner h3 .name span {
          font-size: 1.3rem; }
      #contents #sec1 .inner .text1 {
        margin: 25px 0 0; }
        #contents #sec1 .inner .text1 p {
          line-height: 2;
          margin: 0 0 30px;
          font-size: 1.5rem; }
  #contents #sec2 {
    margin: 0 0 130px;
    padding: 120px 0;
    background: rgba(204, 196, 176, 0.1); }
    #contents #sec2 ._hd1 {
      margin: 0 0 20px; }
      #contents #sec2 ._hd1:before {
        color: #f0e9dc; }
    #contents #sec2 ._table1 {
      width: 490px;
      height: auto; }
  #contents #sec3 {
    margin-bottom: 150px; }
    #contents #sec3 ._hd1:before {
      right: 25%;
      opacity: 0.75; }
    #contents #sec3 ._wrap1 picture img {
      width: 100%;
      height: auto; }
  #contents #sec4 {
    padding: 120px 0;
    background: rgba(204, 196, 176, 0.1); }
    #contents #sec4 ._hd1:before {
      top: 80%;
      left: 55%; }
    #contents #sec4 ._wrap1 {
      align-items: flex-start; }
    #contents #sec4 dl {
      position: relative;
      width: 50%;
      height: auto;
      padding: 0 0 0 125px; }
      #contents #sec4 dl:before {
        content: '';
        position: absolute;
        top: 0;
        left: 60px;
        width: 1px;
        height: 100%;
        background: #d2cebc; }
      #contents #sec4 dl dt {
        position: relative;
        margin: 0 0 5px;
        font-size: 1.6rem;
        font-weight: 600; }
        #contents #sec4 dl dt:before {
          content: '';
          position: absolute;
          top: 50%;
          left: -70px;
          z-index: 1;
          width: 11px;
          height: 11px;
          border-radius: 100%;
          background: #452e0b;
          transform: translateY(-50%); }
        #contents #sec4 dl dt:after {
          content: '';
          position: absolute;
          top: 50%;
          left: -70px;
          width: 45px;
          height: 1px;
          border-radius: 100%;
          background: #d2cebc; }
        #contents #sec4 dl dt span {
          font-weight: inherit; }
      #contents #sec4 dl dd {
        margin: 0 0 18px;
        font-size: 1.4rem; }
        #contents #sec4 dl dd:last-child {
          margin: 0; }

  /* @media screen
  ------------------------------------------------------------------------- */ }
/* ////.min-width:751px | 751px ~
---------------------------------------------------------------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
------------
max-width:750px | ~ 750px
------------------------------------------------------------------------- */
@media all and (max-width: 750px) {
  /* @media screen
  ------------------------------------------------------------------------- */
  #contents #page_hd1 {
    padding-bottom: 25vw; }
    #contents #page_hd1 h1 {
      color: #0b1f5c; }
    #contents #page_hd1 .img {
      left: 20vw; }
      #contents #page_hd1 .img img {
        width: 80%;
        opacity: 0.8; }
  #contents #sec1 {
    margin: 0 0 6.6666666667vw; }
    #contents #sec1 .inner {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: 0; }
      #contents #sec1 .inner .img {
        width: 56vw; }
      #contents #sec1 .inner h3 {
        width: 35.3333333333vw;
        margin: 0 auto 15px;
        font-size: 1.3rem;
        text-align: center; }
        #contents #sec1 .inner h3 .text {
          font-size: 1.6rem;
          font-weight: bold; }
        #contents #sec1 .inner h3 .name {
          display: inline-block;
          margin: 1.6vw 0 0;
          padding: 2.1333333333vw 0 0;
          border-top: 1px solid #3c382f; }
          #contents #sec1 .inner h3 .name span {
            font-size: 1rem; }
      #contents #sec1 .inner .text1 {
        padding: 4vw 5.3333333333vw 0; }
        #contents #sec1 .inner .text1 p {
          line-height: 2;
          margin: 0 0 6.6666666667vw;
          font-size: 1.2rem; }
  #contents #sec2 {
    margin: 0 0 13.3333333333vw;
    padding: 13.3333333333vw 0;
    background: rgba(204, 196, 176, 0.1); }
    #contents #sec2 ._hd1 {
      margin: 0 0 3.3333333333vw; }
      #contents #sec2 ._hd1:before {
        color: #f0e9dc; }
  #contents #sec3 {
    margin-bottom: 16vw; }
    #contents #sec3 ._hd1:before {
      top: -12vw;
      color: #f0e9dc;
      font-size: 5rem; }
  #contents #sec4 {
    padding: 13.3333333333vw 0;
    background: rgba(204, 196, 176, 0.1); }
    #contents #sec4 ._hd1:before {
      color: #f0e9dc; }
    #contents #sec4 ._wrap1 {
      align-items: flex-start; }
    #contents #sec4 dl {
      position: relative;
      height: auto;
      padding: 0 0 0 8vw; }
      #contents #sec4 dl dt {
        position: relative;
        margin: 0 0 5px;
        font-size: 1.2rem;
        font-weight: 600; }
        #contents #sec4 dl dt:after {
          content: '';
          position: absolute;
          top: 50%;
          left: -5.8666666667vw;
          z-index: 1;
          width: 2.4vw;
          height: 2.4vw;
          border-radius: 100%;
          background: #452e0b;
          transform: translateY(-50%); }
        #contents #sec4 dl dt:before {
          content: '';
          position: absolute;
          top: 0.5em;
          left: -4.8vw;
          width: 1px;
          height: 100%;
          background: #d2cebc; }
        #contents #sec4 dl dt span {
          font-weight: inherit; }
      #contents #sec4 dl dd {
        position: relative;
        padding: 0 0 5.6vw;
        font-size: 1.2rem; }
        #contents #sec4 dl dd:before {
          content: '';
          position: absolute;
          top: 0;
          left: -4.8vw;
          width: 1px;
          height: calc(100% + 1em);
          background: #d2cebc; }
      #contents #sec4 dl:last-child dt:last-of-type:before,
      #contents #sec4 dl:last-child dd:last-of-type:before {
        display: none; }

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