#wrapper {
  width: 100%;
  padding: 100px 0; }
  @media screen and (max-width: 768px) {
    #wrapper {
      padding: 50px 0; } }
  #wrapper .main_contents {
    width: 1100px;
    margin: 0px auto 0px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #wrapper .main_contents {
        width: 100%;
        max-width: 768px;
        margin: 0px auto 0px;
        padding: 0 3.5%; } }
    #wrapper .main_contents h2 {
      text-align: center;
      font-size: 38px;
      font-size: 3.8rem;
      font-weight: bold;
      background: url(../img/ttl_line.gif) center bottom no-repeat;
      line-height: 1.4;
      padding-bottom: 20px;
      margin-bottom: 45px; }
      #wrapper .main_contents h2 span {
        font-size: 20px;
        font-size: 2rem;
        font-weight: bold;
        color: #0dc3d0;
        display: block; }
        @media screen and (max-width: 768px) {
          #wrapper .main_contents h2 span {
            font-size: 16px;
            font-size: 1.6rem;
            margin-bottom: 3px; } }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents h2 {
          padding-bottom: 15px;
          font-size: 20px;
          font-size: 2rem;
          margin-bottom: 25px; } }
    #wrapper .main_contents p.lead {
      text-align: center;
      line-height: 1.6;
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 55px; }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents p.lead {
          margin-bottom: 30px;
          font-size: 14px;
          font-size: 1.4rem; } }
    #wrapper .main_contents .block {
      margin-bottom: 100px; }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents .block {
          margin-bottom: 60px; } }
      #wrapper .main_contents .block.basic2 p.lead {
        margin-bottom: 25px; }
      #wrapper .main_contents .block:last-child {
        margin-bottom: 0; }
    #wrapper .main_contents .btn {
      text-align: center;
      margin-top: 60px; }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents .btn {
          margin-top: 30px; } }
    #wrapper .main_contents h3 {
      font-size: 24px;
      font-size: 2.4rem;
      text-align: left;
      padding-left: 40px;
      display: inline-block;
      font-weight: bold;
      min-height: 24px;
      background: url(../img/icon_01.gif) left top no-repeat; }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents h3 {
          padding-top: 3px;
          font-size: 18px;
          font-size: 1.8rem;
          padding-left: 30px; } }
    #wrapper .main_contents .boot {
      width: 100%;
      text-align: left; }
      #wrapper .main_contents .boot ul {
        width: 100%;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: -webkit- space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 45px; }
        @media screen and (max-width: 768px) {
          #wrapper .main_contents .boot ul {
            display: block;
            margin-top: 30px; } }
        #wrapper .main_contents .boot ul li {
          width: 470px; }
          @media screen and (min-width: 768px) {
            #wrapper .main_contents .boot ul li:nth-child(n+3) {
              margin-top: 45px; } }
          @media screen and (max-width: 768px) {
            #wrapper .main_contents .boot ul li {
              width: 100%;
              margin-top: 30px; }
              #wrapper .main_contents .boot ul li:first-child {
                margin-top: 0; } }
          #wrapper .main_contents .boot ul li dl dt {
            text-align: left;
            font-size: 18px;
            font-size: 1.8rem;
            color: #ff4b3e;
            font-weight: bold;
            margin-bottom: 5px; }
            @media screen and (max-width: 768px) {
              #wrapper .main_contents .boot ul li dl dt {
                font-size: 16px;
                font-size: 1.6rem; } }
          #wrapper .main_contents .boot ul li dl dd {
            font-size: 14px;
            font-size: 1.4rem;
            text-align: left;
            line-height: 1.6; }
    #wrapper .main_contents .convenience01 {
      width: 800px;
      margin: 0px auto 0px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents .convenience01 {
          width: 100%;
          max-width: 768px;
          margin: 0px auto 0px; } }
      #wrapper .main_contents .convenience01 h3 {
        margin-bottom: 10px; }
    #wrapper .main_contents .convenience03 {
      width: 742px;
      margin: 0px auto 0px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents .convenience03 {
          width: 100%;
          max-width: 768px;
          margin: 0px auto 0px; } }
      #wrapper .main_contents .convenience03 h3 {
        margin-bottom: 15px; }
        @media screen and (max-width: 768px) {
          #wrapper .main_contents .convenience03 h3 {
            margin-bottom: 10px; } }
      #wrapper .main_contents .convenience03 .mb {
        margin-bottom: 50px; }
        @media screen and (max-width: 768px) {
          #wrapper .main_contents .convenience03 .mb {
            margin-bottom: 30px; } }
    #wrapper .main_contents .convenience04 {
      text-align: left;
      width: 709px;
      margin: 0px auto 0px; }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents .convenience04 {
          width: 100%;
          max-width: 768px;
          margin: 0px auto 0px; } }
      #wrapper .main_contents .convenience04 h3 {
        margin-bottom: 35px; }
        @media screen and (max-width: 768px) {
          #wrapper .main_contents .convenience04 h3 {
            margin-bottom: 20px; } }
    #wrapper .main_contents .other {
      width: 930px;
      margin: 0px auto 0px; }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents .other {
          width: 100%;
          max-width: 768px;
          margin: 0px auto 0px; } }
      #wrapper .main_contents .other .box {
        width: 100%;
        -js-display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: -webkit- flex-start;
        justify-content: flex-start;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid  #dae2e6; }
        @media screen and (max-width: 768px) {
          #wrapper .main_contents .other .box {
            display: block;
            margin-bottom: 20px;
            padding-bottom: 20px; } }
        #wrapper .main_contents .other .box:last-child {
          margin-bottom: 0; }
        #wrapper .main_contents .other .box .txt {
          width: 580px;
          text-align: left; }
          @media screen and (max-width: 768px) {
            #wrapper .main_contents .other .box .txt {
              width: 100%; } }
          #wrapper .main_contents .other .box .txt dl {
            width: 100%; }
            #wrapper .main_contents .other .box .txt dl dt {
              font-size: 20px;
              font-size: 2rem;
              text-align: left;
              padding-left: 35px;
              display: inline-block;
              font-weight: bold;
              min-height: 24px;
              padding-top: 3px;
              margin-bottom: 7px;
              background: url(../img/icon_01.gif) left top no-repeat; }
              @media screen and (max-width: 768px) {
                #wrapper .main_contents .other .box .txt dl dt {
                  padding-top: 3px;
                  font-size: 16px;
                  font-size: 1.6rem;
                  padding-left: 30px; } }
            #wrapper .main_contents .other .box .txt dl dd {
              padding-left: 35px;
              line-height: 1.6;
              font-size: 16px;
              font-size: 1.6rem;
              letter-spacing: -0.5px; }
              @media screen and (max-width: 768px) {
                #wrapper .main_contents .other .box .txt dl dd {
                  padding-left: 30px;
                  font-size: 14px;
                  font-size: 1.4rem; } }
        #wrapper .main_contents .other .box .img {
          width: 326px;
          margin-left: auto; }
          @media screen and (max-width: 768px) {
            #wrapper .main_contents .other .box .img {
              width: 100%;
              text-align: center;
              margin-top: 15px; } }
    #wrapper .main_contents .chat {
      width: 955px;
      margin: 0px auto 0px; }
      @media screen and (max-width: 768px) {
        #wrapper .main_contents .chat {
          width: 100%;
          max-width: 768px;
          margin: 0px auto 0px; } }
      #wrapper .main_contents .chat ul {
        width: 100%;
        font-size: 0;
        text-align: center; }
        #wrapper .main_contents .chat ul li {
          display: inline-block; }
          @media screen and (min-width: 768px) {
            #wrapper .main_contents .chat ul li {
              margin-right: 45px; }
              #wrapper .main_contents .chat ul li:nth-child(n+3) {
                margin-top: 50px; }
              #wrapper .main_contents .chat ul li:nth-child(2n), #wrapper .main_contents .chat ul li:last-child {
                margin-right: 0; } }
          @media screen and (max-width: 768px) {
            #wrapper .main_contents .chat ul li {
              width: 100%;
              text-align: center;
              margin-top: 30px; }
              #wrapper .main_contents .chat ul li:first-child {
                margin-top: 0; } }
  #wrapper footer {
    background: #333;
    margin-top: 90px;
    padding: 15px 0;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #wrapper footer {
        margin-top: 50px; } }
    #wrapper footer p small {
      font-size: 10px;
      font-size: 1rem;
      color: #fff; }

.ov {
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }
  .ov:hover {
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7; }

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