@charset "UTF-8";
@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?78752234");
  src: url("../font/fontello.eot?78752234#iefix") format("embedded-opentype"), url("../font/fontello.woff?78752234") format("woff"), url("../font/fontello.ttf?78752234") format("truetype"), url("../font/fontello.svg?78752234") format("svg");
  font-weight: normal;
  font-style: normal; }
html {
  font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'メイリオ',Meiryo,sans-serif;
  font-size: 62.5%;
  color: #000;
  line-height: 1; }
  html body {
    text-align: center;
    margin: 0;
    padding: 0; }
    html body h1, html body h2, html body h3, html body p, html body ul, html body ol, html body li, html body dl, html body dt, html body dd, html body figure {
      margin: 0;
      padding: 0; }
    html body h1, html body h2, html body h3 {
      font-weight: 500; }
    html body ul {
      list-style: none; }
    html body a {
      line-height: 1;
      text-decoration: none;
      transition: all .3s; }
    html body .en {
      font-family: 'Roboto','Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; }
    html body .hide_pc {
      display: none; }
      @media only screen and (max-width: 1040px) {
        html body .hide_pc {
          display: inline; } }
    html body .hide_sp {
      display: inline; }
      @media only screen and (max-width: 1040px) {
        html body .hide_sp {
          display: none; } }
    html body .box_features {
      display: flex;
      flex-wrap: wrap;
      width: calc(100% + 20px);
      text-align: left;
      margin: 30px -10px -20px; }
      html body .box_features .feature {
        width: calc(20% - 20px);
        margin: 0 10px 20px; }
        html body .box_features .feature .recommend {
          display: flex;
          margin-bottom: 60px; }
          @media only screen and (max-width: 1040px) {
            html body .box_features .feature .recommend {
              display: block; } }
          html body .box_features .feature .recommend .recommend_item {
            width: calc(33.3% - 40px);
            margin: 0 20px;
            font-size: 1.4rem; }
            @media only screen and (max-width: 1040px) {
              html body .box_features .feature .recommend .recommend_item {
                width: 100%;
                margin: 40px 0; } }
            html body .box_features .feature .recommend .recommend_item span {
              font-size: 1.4rem; }
            html body .box_features .feature .recommend .recommend_item .layflat {
              width: 50%; }
              @media only screen and (max-width: 1040px) {
                html body .box_features .feature .recommend .recommend_item .layflat {
                  width: 100%; } }
            html body .box_features .feature .recommend .recommend_item .style_no {
              font-size: 1.4rem;
              font-weight: normal; }
            html body .box_features .feature .recommend .recommend_item .item_no {
              font-family: 'Roboto','Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
              font-size: 3.0rem;
              font-weight: 600;
              margin: 4px 0; }
            html body .box_features .feature .recommend .recommend_item .item_name {
              font-size: 1.3rem;
              font-weight: normal;
              line-height: 1.4; }
              @media only screen and (max-width: 1040px) {
                html body .box_features .feature .recommend .recommend_item .item_name {
                  font-size: 1.6rem; }
                  html body .box_features .feature .recommend .recommend_item .item_name br {
                    display: none; } }
            html body .box_features .feature .recommend .recommend_item img {
              width: 100%;
              margin: 0 auto; }
              @media only screen and (max-width: 1040px) {
                html body .box_features .feature .recommend .recommend_item img {
                  width: 100%; } }
            html body .box_features .feature .recommend .recommend_item .item_size {
              font-size: 1.8rem;
              font-weight: 600;
              margin: 10px 0; }
            html body .box_features .feature .recommend .recommend_item .item_text {
              width: 100%;
              margin: 20px 0;
              padding: 2px;
              font-weight: 300;
              text-align: left;
              line-height: 1.6; }
            html body .box_features .feature .recommend .recommend_item .btn {
              display: block;
              width: 100%;
              margin: 42px auto 0; }
              @media only screen and (max-width: 1040px) {
                html body .box_features .feature .recommend .recommend_item .btn {
                  width: 100%; } }
              html body .box_features .feature .recommend .recommend_item .btn a {
                margin: 5px 0;
                width: 100%;
                text-align: center;
                display: block;
                font-size: 1.6rem;
                font-weight: 300;
                color: #fff;
                background: #000;
                padding: 15px 0; }
                html body .box_features .feature .recommend .recommend_item .btn a:hover {
                  background: #e2231a;
                  transition: all 0.8s; }
            html body .box_features .feature .recommend .recommend_item .btn2 {
              display: block;
              width: 100%;
              margin: 64px auto 0; }
              @media only screen and (max-width: 1040px) {
                html body .box_features .feature .recommend .recommend_item .btn2 {
                  width: 100%; } }
              html body .box_features .feature .recommend .recommend_item .btn2 a {
                margin: 5px 0;
                width: 100%;
                text-align: center;
                display: block;
                font-size: 1.6rem;
                font-weight: 300;
                color: #fff;
                background: #000;
                padding: 15px 0; }
                html body .box_features .feature .recommend .recommend_item .btn2 a:hover {
                  background: #e2231a;
                  transition: all 0.8s; }
            html body .box_features .feature .recommend .recommend_item .btn3 {
              display: block;
              width: 100%;
              margin: 18px auto 0; }
              @media only screen and (max-width: 1040px) {
                html body .box_features .feature .recommend .recommend_item .btn3 {
                  width: 100%; } }
              html body .box_features .feature .recommend .recommend_item .btn3 a {
                margin: 5px 0;
                width: 100%;
                text-align: center;
                display: block;
                font-size: 1.6rem;
                font-weight: 300;
                color: #fff;
                background: #000;
                padding: 15px 0; }
                html body .box_features .feature .recommend .recommend_item .btn3 a:hover {
                  background: #e2231a;
                  transition: all 0.8s; }
        @media only screen and (max-width: 1040px) {
          html body .box_features .feature {
            width: calc(50% - 20px); } }
        html body .box_features .feature a {
          display: block;
          font-size: 1.2rem;
          line-height: 1.3;
          color: #666; }
          html body .box_features .feature a:hover img {
            filter: brightness(75%); }
          html body .box_features .feature a:hover time, html body .box_features .feature a:hover p {
            color: #e2231a; }
          html body .box_features .feature a img {
            display: block;
            width: 100%;
            margin: 0;
            transition: all .3s; }
          html body .box_features .feature a time {
            display: block;
            font-size: 1.4rem;
            font-weight: 500;
            color: #000;
            margin: 4px 0 0; }
          html body .box_features .feature a p {
            margin: 4px 0 0; }
    html body .btn_to_index {
      width: 360px;
      margin: 40px auto 0; }
      @media only screen and (max-width: 1040px) {
        html body .btn_to_index {
          width: calc(100% - 30px);
          margin: 30px auto 0; } }
      html body .btn_to_index a {
        position: relative;
        display: block;
        font-size: 1.4rem;
        color: #000;
        border: solid #ccc 1px;
        padding: 16px 0; }
        html body .btn_to_index a:hover {
          background: #f0f0f0; }
        html body .btn_to_index a:before {
          position: absolute;
          top: 50%;
          right: 15px;
          transform: translateY(-50%);
          font-family: "fontello";
          font-style: normal;
          font-weight: normal;
          speak: none;
          display: inline-block;
          text-decoration: inherit;
          width: auto;
          text-align: center;
          content: "\E80F";
          font-size: 1.6rem;
          color: #999; }

.m-head {
  width: 100%;
  border-bottom: 2px solid #ccc;
  margin: 0; }
  .m-head .m-head_container {
    position: relative;
    width: 100%;
    max-width: 1040px;
    height: 60px;
    text-align: left;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .m-head .m-head_container {
        width: calc(100% - 20px);
        height: 50px;
        margin: 0 10px; } }
    .m-head .m-head_container a {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      display: block; }
      .m-head .m-head_container a img {
        display: block; }
        @media only screen and (max-width: 1040px) {
          .m-head .m-head_container a img {
            width: 90px;
            height: auto; } }
    .m-head .m-head_container p {
      position: absolute;
      top: 50%;
      left: 170px;
      transform: translateY(-50%);
      font-size: 1.4rem;
      line-height: 1;
      letter-spacing: 0.05em; }
      @media only screen and (max-width: 1040px) {
        .m-head .m-head_container p {
          left: 100px;
          font-size: 1rem;
          line-height: 1.4; } }

.breadcrumb {
  width: 100%;
  max-width: 1041px;
  text-align: left;
  margin: 0 auto;
  padding: 12px 0; }
  @media only screen and (max-width: 1040px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 1.4rem; }
    .breadcrumb li:after {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: auto;
      text-align: center;
      content: "\E835";
      margin: 0 10px; }
    .breadcrumb li:last-child:after {
      display: none; }
    .breadcrumb li a {
      color: #333;
      transition: all .3s; }
      .breadcrumb li a:hover {
        color: #e2231a; }
    .breadcrumb li:first-child a:before {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: auto;
      text-align: center;
      content: "\E833";
      color: #ccc;
      margin-right: 5px;
      transform: translateY(-1px);
      transition: all .3s; }
    .breadcrumb li:first-child a:hover:before {
      color: #e2231a; }

main {
  width: 100%;
  padding: 0 0 160px; }
  @media only screen and (max-width: 1040px) {
    main {
      padding: 0 0 60px; } }
  main .sec1 {
    width: 100%; }
    main .sec1 .container {
      width: 100%;
      max-width: 1040px;
      text-align: left;
      margin: 0 auto; }
      @media only screen and (max-width: 1040px) {
        main .sec1 .container {
          width: calc(100% - 30px);
          margin: 0 15px; } }
      main .sec1 .container.mainvisual {
        position: relative;
        text-align: center; }
        @media only screen and (max-width: 1040px) {
          main .sec1 .container.mainvisual {
            width: 100%;
            margin: 0;
            overflow: hidden; } }
        main .sec1 .container.mainvisual img {
          display: block;
          width: 100%; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .container.mainvisual img {
              width: 100%;
              margin: 0; } }
        main .sec1 .container.mainvisual h1 {
          position: absolute;
          top: 45%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 1.6rem;
          line-height: 1.7;
          color: #fff; }
          main .sec1 .container.mainvisual h1 .br-sp {
            display: none; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .container.mainvisual h1 {
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              font-size: 1.1rem; }
              main .sec1 .container.mainvisual h1 .br-sp {
                display: block; } }
          main .sec1 .container.mainvisual h1 strong {
            display: block;
            font-size: 3.1rem;
            font-weight: 700;
            padding: 5px 0 8px; }
            @media only screen and (max-width: 1040px) {
              main .sec1 .container.mainvisual h1 strong {
                font-size: 1.8rem;
                padding: 10px 0 15px; } }
          main .sec1 .container.mainvisual h1 .en {
            display: block;
            font-size: 1.6rem;
            letter-spacing: 0.05em; }
            @media only screen and (max-width: 1040px) {
              main .sec1 .container.mainvisual h1 .en {
                font-size: 1.2rem;
                letter-spacing: 0em;
                line-height: 1.3; } }
        main .sec1 .container.mainvisual .date {
          position: absolute;
          top: 83%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          font-size: 1.6rem;
          font-weight: 300;
          line-height: 1.4;
          color: #fff; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .container.mainvisual .date {
              top: 90%;
              left: 50%;
              transform: translate(-50%, -50%);
              bottom: 10px;
              font-size: 1.2rem; } }
      main .sec1 .container .btn {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        margin: 30px 0 0; }
        @media only screen and (max-width: 1040px) {
          main .sec1 .container .btn {
            position: static;
            margin: 20px 0 0; } }
        main .sec1 .container .btn a {
          display: block;
          font-size: 1.6rem;
          font-weight: 300;
          color: #fff;
          text-align: center;
          background: #000;
          padding: 18px 0; }
          main .sec1 .container .btn a:hover {
            background: #e2231a; }
        main .sec1 .container .btn a + a {
          margin: 15px 0 0; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .container .btn a + a {
              margin: 10px 0 0; } }
    main .sec1 .sec2 {
      width: 100%;
      margin: 100px 0 0; }
      @media only screen and (max-width: 1040px) {
        main .sec1 .sec2 {
          margin: 40px 0 0; } }
      main .sec1 .sec2 .container {
        text-align: left; }
        main .sec1 .sec2 .container.center {
          text-align: center; }
        main .sec1 .sec2 .container img {
          width: 100%; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .sec2 .container img {
              width: 100%; } }
        main .sec1 .sec2 .container .read {
          margin: 10px 0 80px;
          font-size: 1.4rem;
          line-height: 1.6; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .sec2 .container .read {
              font-size: 1.4rem;
              text-align: left;
              margin: 10px 0 0; } }
          main .sec1 .sec2 .container .read a {
            text-decoration: underline;
            color: #696969; }
            main .sec1 .sec2 .container .read a:hover {
              color: #000000; }
        main .sec1 .sec2 .container hr.border1080 {
          width: 60%;
          text-align: center;
          margin: 60px auto; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .sec2 .container hr.border1080 {
              width: 80%;
              margin: 50px auto; } }
        main .sec1 .sec2 .container h2 {
          font-size: 2.6rem;
          font-weight: 700;
          margin: 90px 0 90px; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .sec2 .container h2 {
              font-size: 1.8rem;
              margin: 0 0 50px; } }
          main .sec1 .sec2 .container h2.read {
            margin: 10px 0 30px;
            font-size: 3rem;
            line-height: 1.4;
            font-weight: 500; }
            @media only screen and (max-width: 1040px) {
              main .sec1 .sec2 .container h2.read {
                font-size: 2.1rem;
                text-align: center;
                margin: 40px 0px 20px; } }
          main .sec1 .sec2 .container h2.underline {
            text-align: center;
            border-bottom: solid #666 1px;
            padding: 0 0 15px; }
            @media only screen and (max-width: 1040px) {
              main .sec1 .sec2 .container h2.underline {
                width: calc(100% + 30px);
                margin: 0 -15px;
                padding: 0 0 12px; } }
        main .sec1 .sec2 .container .box_item {
          display: flex;
          text-align: left;
          margin: 80px 0 0; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .sec2 .container .box_item {
              display: block;
              margin: 80px 0 0; } }
          main .sec1 .sec2 .container .box_item .item_left {
            position: relative;
            width: 686px;
            margin: 0 10px 0 0; }
            @media only screen and (max-width: 1040px) {
              main .sec1 .sec2 .container .box_item .item_left {
                width: 100%; } }
            main .sec1 .sec2 .container .box_item .item_left h2 {
              position: relative;
              font-size: 6rem;
              font-family: 'Roboto','Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
              font-weight: 700;
              margin: 30px 0; }
              @media only screen and (max-width: 1040px) {
                main .sec1 .sec2 .container .box_item .item_left h2 {
                  font-size: 3.5rem;
                  margin-bottom: 10px; } }
              main .sec1 .sec2 .container .box_item .item_left h2 span {
                display: block;
                font-size: 2.2rem;
                font-family: 'Roboto','Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; }
              main .sec1 .sec2 .container .box_item .item_left h2.read {
                font-size: 2.0rem;
                line-height: 1.4; }
                @media only screen and (max-width: 1040px) {
                  main .sec1 .sec2 .container .box_item .item_left h2.read {
                    font-size: 1.6rem; } }
            main .sec1 .sec2 .container .box_item .item_left .underline {
              text-align: center;
              margin: 20px 0 80px; }
              @media only screen and (max-width: 1040px) {
                main .sec1 .sec2 .container .box_item .item_left .underline {
                  margin: 10px auto; } }
            main .sec1 .sec2 .container .box_item .item_left h3 {
              font-size: 2.2rem;
              font-weight: bold;
              line-height: 1.6;
              margin-bottom: 20px; }
              @media only screen and (max-width: 1040px) {
                main .sec1 .sec2 .container .box_item .item_left h3 {
                  font-size: 1.8rem; } }
            main .sec1 .sec2 .container .box_item .item_left p {
              font-size: 1.4rem;
              line-height: 1.6;
              margin-bottom: 20px; }
            main .sec1 .sec2 .container .box_item .item_left img {
              display: block;
              width: 100%;
              margin: 0; }
          main .sec1 .sec2 .container .box_item .item_right {
            position: relative;
            width: calc(100% - 686px);
            margin: 0 0 0 10px; }
            @media only screen and (max-width: 1040px) {
              main .sec1 .sec2 .container .box_item .item_right {
                position: static;
                width: 100%;
                margin: 20px 0 0; } }
            main .sec1 .sec2 .container .box_item .item_right small {
              font-size: 1.4rem; }
            main .sec1 .sec2 .container .box_item .item_right h3 {
              display: block;
              font-size: 2.4rem;
              font-weight: 700;
              margin: 0 0 2px; }
              main .sec1 .sec2 .container .box_item .item_right h3 strong {
                font-size: 1.6rem;
                font-weight: 700; }
              main .sec1 .sec2 .container .box_item .item_right h3 span {
                color: red;
                font-size: 1.8rem;
                font-weight: bold;
                margin-left: 10px; }
            main .sec1 .sec2 .container .box_item .item_right .text_font {
              font-size: 1.4rem;
              line-height: 1.6; }
            main .sec1 .sec2 .container .box_item .item_right .item_text {
              font-size: 1.2rem;
              line-height: 1.6; }
            main .sec1 .sec2 .container .box_item .item_right .item_text_num {
              display: block;
              margin: 10px 0;
              font-size: 1.4rem;
              font-weight: bold; }
            main .sec1 .sec2 .container .box_item .item_right .item_color2 img {
              margin: 6px 0;
              width: 16%; }
            main .sec1 .sec2 .container .box_item .item_right .btn2 {
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              margin: 30px 0 0; }
              @media only screen and (max-width: 1040px) {
                main .sec1 .sec2 .container .box_item .item_right .btn2 {
                  position: static;
                  margin: 20px 0 0; } }
              main .sec1 .sec2 .container .box_item .item_right .btn2 a {
                display: block;
                font-size: 1.6rem;
                font-weight: 300;
                color: #fff;
                text-align: center;
                background: #000;
                padding: 18px 0; }
                main .sec1 .sec2 .container .box_item .item_right .btn2 a:hover {
                  background: #e2231a; }
              main .sec1 .sec2 .container .box_item .item_right .btn2 a + a {
                margin: 15px 0 0; }
                @media only screen and (max-width: 1040px) {
                  main .sec1 .sec2 .container .box_item .item_right .btn2 a + a {
                    margin: 10px 0 0; } }
        main .sec1 .sec2 .container .box_item_3col {
          display: flex;
          text-align: center;
          margin: 80px 0; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .sec2 .container .box_item_3col {
              display: block; } }
          main .sec1 .sec2 .container .box_item_3col .recommend_item {
            width: calc(33.3% - 40px);
            margin: 0 20px;
            font-size: 1.4rem; }
            @media only screen and (max-width: 1040px) {
              main .sec1 .sec2 .container .box_item_3col .recommend_item {
                width: 100%;
                margin: 40px 0; } }
            main .sec1 .sec2 .container .box_item_3col .recommend_item span {
              font-size: 1.4rem; }
            main .sec1 .sec2 .container .box_item_3col .recommend_item .layflat {
              width: 70%; }
              @media only screen and (max-width: 1040px) {
                main .sec1 .sec2 .container .box_item_3col .recommend_item .layflat {
                  width: 100%; } }
            main .sec1 .sec2 .container .box_item_3col .recommend_item .style_no {
              font-size: 1.4rem;
              font-weight: normal; }
            main .sec1 .sec2 .container .box_item_3col .recommend_item .item_no {
              font-family: 'Roboto','Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
              font-size: 3.0rem;
              font-weight: 600;
              margin: 4px 0; }
              main .sec1 .sec2 .container .box_item_3col .recommend_item .item_no span {
                font-size: 2rem;
                color: #e2231a; }
            main .sec1 .sec2 .container .box_item_3col .recommend_item .item_name {
              font-size: 1.3rem;
              font-weight: normal;
              line-height: 1.4; }
              @media only screen and (max-width: 1040px) {
                main .sec1 .sec2 .container .box_item_3col .recommend_item .item_name {
                  font-size: 1.6rem; }
                  main .sec1 .sec2 .container .box_item_3col .recommend_item .item_name br {
                    display: none; } }
            main .sec1 .sec2 .container .box_item_3col .recommend_item img {
              width: 100%;
              margin: 0 auto; }
              @media only screen and (max-width: 1040px) {
                main .sec1 .sec2 .container .box_item_3col .recommend_item img {
                  width: 100%; } }
            main .sec1 .sec2 .container .box_item_3col .recommend_item .item_size {
              font-size: 1.8rem;
              font-weight: 600;
              margin: 10px 0; }
            main .sec1 .sec2 .container .box_item_3col .recommend_item .item_text {
              width: 100%;
              margin: 15px 0 -10px;
              padding: 2px;
              font-weight: 300;
              text-align: left;
              line-height: 1.6; }
            main .sec1 .sec2 .container .box_item_3col .recommend_item .btn {
              display: block;
              width: 100%;
              margin: 42px auto 0; }
              @media only screen and (max-width: 1040px) {
                main .sec1 .sec2 .container .box_item_3col .recommend_item .btn {
                  width: 100%; } }
              main .sec1 .sec2 .container .box_item_3col .recommend_item .btn a {
                margin: 5px 0;
                width: 100%;
                text-align: center;
                display: block;
                font-size: 1.6rem;
                font-weight: 300;
                color: #fff;
                background: #000;
                padding: 15px 0; }
                main .sec1 .sec2 .container .box_item_3col .recommend_item .btn a:hover {
                  background: #e2231a;
                  transition: all 0.8s; }
            main .sec1 .sec2 .container .box_item_3col .recommend_item .btn2 {
              display: flex;
              width: 100%;
              margin: 20px auto 0; }
              @media only screen and (max-width: 1040px) {
                main .sec1 .sec2 .container .box_item_3col .recommend_item .btn2 {
                  width: 100%; } }
              main .sec1 .sec2 .container .box_item_3col .recommend_item .btn2 a {
                margin: 5px 3px;
                width: 100%;
                text-align: center;
                display: block;
                font-size: 1.6rem;
                font-weight: 300;
                color: #fff;
                background: #000;
                padding: 15px 0; }
                main .sec1 .sec2 .container .box_item_3col .recommend_item .btn2 a:hover {
                  background: #e2231a;
                  transition: all 0.8s; }
      main .sec1 .sec2 h4 {
        font-size: 2.3rem;
        margin-top: 200px; }
    main .sec1 .sec2 {
      width: 100%;
      max-width: 1040px;
      margin: 80px auto 180px; }
      @media only screen and (max-width: 1040px) {
        main .sec1 .sec2 {
          width: calc(100% - 30px);
          margin: 30px 15px 0; } }
      main .sec1 .sec2 h2 {
        font-size: 2.4rem;
        font-weight: 500; }
        @media only screen and (max-width: 1040px) {
          main .sec1 .sec2 h2 {
            font-size: 2rem; } }
      main .sec1 .sec2 .box_features {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        text-align: left;
        margin: 30px -10px -20px; }
        main .sec1 .sec2 .box_features .feature {
          width: calc(20% - 20px);
          margin: 0 10px 20px; }
          @media only screen and (max-width: 1040px) {
            main .sec1 .sec2 .box_features .feature {
              width: calc(50% - 20px); } }
          main .sec1 .sec2 .box_features .feature a {
            display: block;
            font-size: 1.2rem;
            line-height: 1.3;
            color: #666; }
            main .sec1 .sec2 .box_features .feature a:hover img {
              filter: brightness(75%); }
            main .sec1 .sec2 .box_features .feature a:hover time, main .sec1 .sec2 .box_features .feature a:hover p {
              color: #e2231a; }
            main .sec1 .sec2 .box_features .feature a img {
              display: block;
              width: 100%;
              margin: 0;
              transition: all .3s; }
            main .sec1 .sec2 .box_features .feature a time {
              display: block;
              font-size: 1.4rem;
              font-weight: 500;
              color: #000;
              margin: 4px 0 0; }
            main .sec1 .sec2 .box_features .feature a p {
              margin: 4px 0 0; }
      main .sec1 .sec2 .btn_to_index {
        width: 360px;
        margin: 75px auto 0; }
        @media only screen and (max-width: 1040px) {
          main .sec1 .sec2 .btn_to_index {
            width: 100%;
            margin: 30px auto 0; } }
        main .sec1 .sec2 .btn_to_index a {
          position: relative;
          display: block;
          font-size: 1.4rem;
          color: #000;
          border: solid #ccc 1px;
          padding: 16px 0; }
          main .sec1 .sec2 .btn_to_index a:hover {
            background: #f0f0f0; }
          main .sec1 .sec2 .btn_to_index a:before {
            position: absolute;
            top: 50%;
            right: 15px;
            transform: translateY(-50%);
            font-family: "fontello";
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: auto;
            text-align: center;
            content: "\E80F";
            font-size: 1.6rem;
            color: #999; }

.btn_to_newarrival {
  width: 300px;
  margin: 40px auto 0; }
  @media only screen and (max-width: 1040px) {
    .btn_to_newarrival {
      position: static;
      width: 100%;
      margin: 10px 0 0; } }
  .btn_to_newarrival a {
    margin: 5px;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.4;
    color: #fff;
    background: #000;
    padding: 15px 0; }
    @media only screen and (max-width: 1040px) {
      .btn_to_newarrival a {
        margin: 0; } }
    .btn_to_newarrival a:hover {
      background: #e2231a; }
    .btn_to_newarrival a span {
      font-size: 1.4rem; }

.pagetop2019 {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none; }
  @media only screen and (max-width: 1040px) {
    .pagetop2019 {
      bottom: 15px;
      right: 15px; } }
  .pagetop2019 a {
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(226, 35, 26, 0.75); }
    @media only screen and (max-width: 1040px) {
      .pagetop2019 a {
        bottom: 15px;
        right: 15px; } }
    @media only screen and (max-width: 1040px) {
      .pagetop2019 a {
        bottom: 10px;
        right: 10px; } }
    .pagetop2019 a:before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: auto;
      text-align: center;
      content: "\E813";
      font-size: 2.4rem;
      color: #fff; }
    .pagetop2019 a:hover {
      background: #e2231a; }
    .pagetop2019 a span {
      display: none; }

/*footer {
	width: 100%;
	background: #000;
	padding: 15px 0;
	.pagetop {
		display: none !important;
	}
	.copyright {
		font-family: 'Roboto','Noto Sans JP',sans-serif;
		font-size: 1.2rem;
		font-weight: 300;
		color: #fff;
		letter-spacing: 0.05em;
	}
}*/
.list_scrl {
  width: calc(100%);
  font-size: 0; }
  @media only screen and (max-width: 1040px) {
    .list_scrl {
      display: block;
      width: 100%;
      margin: 0; } }
  .list_scrl li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0px 15px; }
    @media only screen and (max-width: 1040px) {
      .list_scrl li {
        display: block;
        width: 100%;
        margin: 5px 0px; } }
    .list_scrl li a:hover {
      opacity: 0.8; }