main .title_img {
  background-image: url(../img/products/title.jpg); }

main .gotonews li {
  padding: 30px 15px 0;
  text-align: center; }
  main .gotonews li img {
    height: 72px; }
    @media screen and (max-width: 1260px) {
      main .gotonews li img {
        height: 60px; } }

main .title {
  display: none;
  font-size: 4.5rem;
  line-height: 1.4; }
  @media screen and (max-width: 1260px) {
    main .title {
      font-size: 2.7rem; } }

main section {
  padding-bottom: 120px; }
  main section h2 {
    position: relative;
    display: inline-block;
    padding: 60px 0 40px;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.4; }
    @media screen and (max-width: 1260px) {
      main section h2 {
        padding: 40px 0 40px;
        font-size: 2.2rem; } }
    main section h2::after {
      position: relative;
      display: block;
      content: "";
      margin-top: 10px;
      margin-left: -200px;
      height: 3px;
      background-color: #255FFF; }
    main section h2 br {
      display: none; }
      @media screen and (max-width: 1260px) {
        main section h2 br {
          display: block; } }
  main section h3 {
    font-size: 2.7rem;
    font-weight: bold;
    color: #255FFF; }
    @media screen and (max-width: 1260px) {
      main section h3 {
        font-size: 2rem; } }
  main section p {
    line-height: 1.8; }
  main section .img {
    text-align: center;
    margin-top: 30px; }
    @media screen and (max-width: 1260px) {
      main section .img {
        margin-top: 0;
        margin-bottom: 20px; }
        main section .img img {
          max-width: 100%; } }
  main section .block1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 10px; }
    @media screen and (max-width: 1260px) {
      main section .block1 {
        display: block; } }
    main section .block1 > div {
      margin-top: 30px;
      width: calc(50% - 20px); }
      @media screen and (max-width: 1260px) {
        main section .block1 > div {
          width: 100%; } }
      main section .block1 > div h3 {
        margin-bottom: 20px;
        padding: 10px 15px;
        background: -webkit-gradient(linear, left top, right top, from(#255FFF), to(#ffffff));
        background: linear-gradient(to right, #255FFF 0%, #ffffff 100%);
        color: #fff; }
        @media screen and (max-width: 1260px) {
          main section .block1 > div h3 {
            font-size: 2rem; } }
  main section .block2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 10px; }
    @media screen and (max-width: 1260px) {
      main section .block2 {
        display: block; } }
    main section .block2 > div {
      margin-top: 30px; }
      main section .block2 > div h3 {
        font-size: 2.3rem; }
        @media screen and (max-width: 1260px) {
          main section .block2 > div h3 {
            font-size: 2rem; } }
      main section .block2 > div div {
        margin: 20px 0 10px; }
        @media screen and (max-width: 1260px) {
          main section .block2 > div div {
            text-align: center; }
            main section .block2 > div div img {
              max-width: 100%; } }
  main section .block3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 1260px) {
      main section .block3 {
        display: block; } }
    main section .block3 > div {
      margin-top: 30px;
      padding: 0 15px; }
      @media screen and (max-width: 1260px) {
        main section .block3 > div {
          margin-top: 0;
          padding: 0; }
          main section .block3 > div:nth-of-type(1) {
            margin-top: 30px; } }
      main section .block3 > div:nth-of-type(2) {
        padding-top: 65px; }
        main section .block3 > div:nth-of-type(2) .pc {
          display: block; }
        main section .block3 > div:nth-of-type(2) .smp {
          display: none; }
        @media screen and (max-width: 1260px) {
          main section .block3 > div:nth-of-type(2) {
            padding: 5px 0;
            text-align: center; }
            main section .block3 > div:nth-of-type(2) .pc {
              display: none; }
            main section .block3 > div:nth-of-type(2) .smp {
              display: inline; } }
      main section .block3 > div h3 {
        font-size: 2.3rem; }
        @media screen and (max-width: 1260px) {
          main section .block3 > div h3 {
            font-size: 2rem; } }
      main section .block3 > div div {
        margin: 20px 0 10px;
        text-align: center; }
        @media screen and (max-width: 1260px) {
          main section .block3 > div div img {
            max-width: 100%; } }
/*# sourceMappingURL=products.css.map */