#yumeken {
  width: 1000px;
  margin: 100px auto 0;
  text-align: left; }
  #yumeken img {
    width: 100%; }
  #yumeken .main {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #yumeken .main .thum {
      width: 40%; }
      #yumeken .main .thum p {
        text-align: center;
        margin-top: 10px; }
      #yumeken .main .thum a {
        color: blue;
        text-decoration: underline;
        display: inline-block;
        position: relative;
        font-size: 16px;
        padding-left: 22px; }
        #yumeken .main .thum a::before {
          content: "";
          position: absolute;
          width: 18px;
          height: 18px;
          background-image: url("../products/ico_pdf.png");
          background-size: 100%;
          left: 0;
          top: 0; }
    #yumeken .main .info {
      width: 55%; }
    #yumeken .main h2 {
      font-size: 40px;
      text-align: center;
      font-weight: 700; }
      #yumeken .main h2 span {
        color: #135d49;
        font-size: 48px; }
    #yumeken .main .content {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.8;
      margin-top: 20px; }
    #yumeken .main h3 {
      margin-top: 60px;
      font-size: 28px;
      color: #111;
      margin-bottom: 20px; }
  #yumeken .wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 80px; }
    #yumeken .wrapper:nth-of-type(3) {
      flex-direction: row-reverse;
      margin-top: 40px; }
      #yumeken .wrapper:nth-of-type(3) h3::before {
        background-image: url("../products/ico02.png"); }
    #yumeken .wrapper > div {
      width: 67%; }
    #yumeken .wrapper figure {
      width: 29%; }
    #yumeken .wrapper h3 {
      font-size: 28px;
      border-bottom: solid 1px #111;
      padding: 0 5px 10px 75px;
      position: relative; }
      #yumeken .wrapper h3::before {
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        background-image: url("../products/ico01.png");
        background-size: 100%;
        left: 5px;
        top: -30px; }
    #yumeken .wrapper p {
      margin-top: 15px;
      font-size: 18px;
      font-weight: 700;
      line-height: 1.8; }
  #yumeken .copy {
    margin-top: 40px;
    padding: 25px;
    border-radius: 5px;
    border: solid 2px #111;
    background-color: #FFF; }
  @media all and (max-width: 768px) {
    #yumeken {
      width: 100%;
      padding: 0 15px;
      box-sizing: border-box;
      margin: 80px auto 0; }
      #yumeken .pc {
        display: none; }
      #yumeken .main {
        display: block; }
        #yumeken .main .thum {
          width: 100%; }
        #yumeken .main .info {
          width: 100%;
          margin-top: 40px; }
        #yumeken .main h2 {
          font-size: 30px; }
          #yumeken .main h2 span {
            font-size: 38px; }
        #yumeken .main .content {
          margin-top: 15px; }
        #yumeken .main h3 {
          margin-top: 40px;
          font-size: 24px;
          margin-bottom: 15px; }
      #yumeken .wrapper {
        display: block;
        margin-top: 60px; }
        #yumeken .wrapper:nth-of-type(3) {
          margin-top: 40px; }
        #yumeken .wrapper > div {
          width: 100%; }
        #yumeken .wrapper figure {
          width: 100%;
          margin-top: 15px; }
        #yumeken .wrapper h3 {
          font-size: 24px;
          padding: 0 5px 10px 65px;
          line-height: 1.25; }
          #yumeken .wrapper h3::before {
            width: 50px;
            height: 50px;
            left: 5px;
            top: -15px; }
        #yumeken .wrapper p {
          font-size: 16px; }
      #yumeken .copy {
        margin-top: 40px;
        padding: 15px 10px; } }