@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: 'Roboto','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 {
      margin: 0;
      padding: 0;
      font-weight: 500; }
    html body h2 {
      margin: 0;
      padding: 0;
      font-weight: 500; }
    html body h3 {
      margin: 0;
      padding: 0;
      font-weight: 500; }
    html body p {
      margin: 0;
      padding: 0; }
    html body ul {
      margin: 0;
      padding: 0;
      list-style: none; }
    html body ol {
      margin: 0;
      padding: 0; }
    html body li {
      margin: 0;
      padding: 0; }
    html body dl {
      margin: 0;
      padding: 0; }
    html body dt {
      margin: 0;
      padding: 0; }
    html body dd {
      margin: 0;
      padding: 0; }
    html body figure {
      margin: 0;
      padding: 0; }
    html body a {
      line-height: 1;
      text-decoration: none;
      transition: all .3s; }
    html body .en {
      display: block;
      font-family: 'Roboto','Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
      font-size: 2.8rem; }
    html body .hide_pc {
      display: none; }
    html body .hide_sp {
      display: inline; }
    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 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 {
            color: #e2231a; }
          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; }
      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";
          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; }
    .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; }
    .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; }

.breadcrumb {
  width: 100%;
  max-width: 1041px;
  text-align: left;
  margin: 0 auto;
  padding: 12px 0; }
  .breadcrumb li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    font-size: 1.4rem; }
    .breadcrumb li:after {
      font-family: "fontello";
      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;
      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; }
  main .sec1 {
    width: 100%; }
    main .sec1 .container {
      width: 100%;
      max-width: 1040px;
      text-align: left;
      margin: 0 auto; }
    main .sec1 .container.mainvisual {
      position: relative;
      text-align: center; }
      main .sec1 .container.mainvisual img {
        display: block;
        width: 100%; }
      main .sec1 .container.mainvisual .block_gradation {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4)); }
      main .sec1 .container.mainvisual h1 {
        position: absolute;
        display: block;
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        font-size: 3.5rem;
        font-weight: 400;
        line-height: 1.3;
        color: #fff;
        padding: 40px 0; }
        main .sec1 .container.mainvisual h1 strong {
          display: block;
          font-size: 6.0rem;
          margin-top: 10px; }
      main .sec1 .container.mainvisual .date {
        position: absolute;
        bottom: 9%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 1.4;
        color: #fff; }
    main .sec1 .sec2 {
      width: 100%;
      margin: 100px 0 0; }
      main .sec1 .sec2 .container {
        text-align: left; }
        main .sec1 .sec2 .container img {
          width: 36%; }
        main .sec1 .sec2 .container h2 {
          font-size: 3rem;
          font-weight: 500;
          padding: 0 0 5px; }
          main .sec1 .sec2 .container h2 span {
            font-size: 7rem;
            font-weight: 600;
            color: #C1272D;
            padding: 0 20px 0 0; }
          main .sec1 .sec2 .container h2 .min {
            font-size: 1.8rem;
            padding: 0 0 0 11px;
            font-weight: 400; }
        main .sec1 .sec2 .container hr {
          margin: 0 0 30px; }
        main .sec1 .sec2 .container p.lead {
          margin-top: 20px;
          font-size: 1.6rem;
          line-height: 1.6;
          font-weight: 300; }
        main .sec1 .sec2 .container .box_item {
          display: flex;
          text-align: left;
          width: calc(100% + 20px);
          margin: 0 -10px 60px 0px; }
          main .sec1 .sec2 .container .box_item .item_left {
            position: relative;
            width: calc(65% - 35px);
            margin: 0 20px 0 0; }
            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(37% - 40px);
            margin: 0 20px;
            font-family: 'Roboto','Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; }
            main .sec1 .sec2 .container .box_item .item_right .text p {
              position: absolute;
              bottom: 0px;
              font-size: 1.6rem;
              font-weight: 300;
              line-height: 1.5; }
        main .sec1 .sec2 .container .box_item2 {
          display: flex;
          text-align: left;
          width: calc(100% + 20px);
          margin: -50px 0 150px; }
          main .sec1 .sec2 .container .box_item2 li {
            position: relative;
            width: calc(25% - 20px);
            margin: 0 15px;
            font-family: 'Roboto','Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; }
            main .sec1 .sec2 .container .box_item2 li .num {
              display: block;
              font-size: 2.8rem;
              font-weight: 600;
              text-align: center;
              margin-bottom: 8px; }
              main .sec1 .sec2 .container .box_item2 li .num span {
                vertical-align: middle;
                font-size: 1.8rem;
                font-weight: 600;
                color: #e2231a; }
            main .sec1 .sec2 .container .box_item2 li .namae {
              display: block;
              font-size: 1.3rem;
              font-weight: 600;
              text-align: center;
              line-height: 1.4;
              margin-bottom: 10px; }
            main .sec1 .sec2 .container .box_item2 li .col_size {
              display: block;
              font-size: 1.6rem;
              font-weight: 300;
              text-align: center; }
            main .sec1 .sec2 .container .box_item2 li .mainimage {
              text-align: center; }
              main .sec1 .sec2 .container .box_item2 li .mainimage img {
                width: 80%; }
            main .sec1 .sec2 .container .box_item2 li p {
              font-size: 1.4rem;
              font-weight: 300;
              line-height: 1.6; }
            main .sec1 .sec2 .container .box_item2 li .btn {
              width: 100%;
              margin: 20px 0 0; }
              main .sec1 .sec2 .container .box_item2 li .btn a {
                display: block;
                font-size: 1.6rem;
                font-weight: 300;
                color: #fff;
                text-align: center;
                background: #000;
                padding: 16px 0; }
                main .sec1 .sec2 .container .box_item2 li .btn a:hover {
                  background: #e2231a; }
                main .sec1 .sec2 .container .box_item2 li .btn a + a {
                  margin: 15px 0 0; }
      main .sec1 .sec2 .container.center {
        text-align: center; }
    main .sec1 .sec3 {
      width: 100%;
      max-width: 1040px;
      margin: 200px auto 0;
      font-family: 'Roboto','Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif; }
      main .sec1 .sec3 h2 {
        font-size: 2.4rem;
        font-weight: 600; }
      main .sec1 .sec3 p {
        font-size: 1.5rem;
        margin: 0 0 50px 0;
        line-height: 2.2rem; }
      main .sec1 .sec3 .btn_to_collab {
        width: 80%;
        margin: auto; }
        main .sec1 .sec3 .btn_to_collab a {
          display: block;
          font-size: 1.8rem;
          color: #fff;
          background: #9C4F2C;
          border-radius: 33px;
          padding: 22px 40px;
          line-height: 1.3; }
          main .sec1 .sec3 .btn_to_collab a:hover {
            background: #e2231a; }
          main .sec1 .sec3 .btn_to_collab a + a {
            margin: 15px 0 0; }
        main .sec1 .sec3 .btn_to_collab.brand {
          position: relative; }
          main .sec1 .sec3 .btn_to_collab.brand a:hover {
            background: #C2DBE5;
            color: #000; }
          main .sec1 .sec3 .btn_to_collab.brand a:after {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            font-family: 'fontello';
            content: '\E83C';
            font-size: 2rem; }
      main .sec1 .sec3 .box_features {
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 20px);
        text-align: left;
        margin: 30px -10px -20px; }
        main .sec1 .sec3 .box_features .feature {
          width: calc(20% - 20px);
          margin: 0 10px 20px; }
          main .sec1 .sec3 .box_features .feature a {
            display: block;
            font-size: 1.2rem;
            line-height: 1.3;
            color: #666; }
            main .sec1 .sec3 .box_features .feature a:hover img {
              filter: brightness(75%); }
            main .sec1 .sec3 .box_features .feature a:hover time {
              color: #e2231a; }
            main .sec1 .sec3 .box_features .feature a:hover p {
              color: #e2231a; }
            main .sec1 .sec3 .box_features .feature a img {
              display: block;
              width: 100%;
              margin: 0;
              transition: all .3s; }
            main .sec1 .sec3 .box_features .feature a time {
              display: block;
              font-size: 1.4rem;
              font-weight: 500;
              color: #000;
              margin: 4px 0 0; }
            main .sec1 .sec3 .box_features .feature a p {
              margin: 4px 0 0;
              font-size: 1.2rem; }
      main .sec1 .sec3 .btn_to_index {
        width: 360px;
        margin: 75px auto 0; }
        main .sec1 .sec3 .btn_to_index a {
          position: relative;
          display: block;
          font-size: 1.4rem;
          color: #000;
          border: solid #ccc 1px;
          padding: 16px 0; }
          main .sec1 .sec3 .btn_to_index a:hover {
            background: #f0f0f0; }
          main .sec1 .sec3 .btn_to_index a:before {
            position: absolute;
            top: 50%;
            right: 15px;
            transform: translateY(-50%);
            font-family: "fontello";
            font-style: normal;
            font-weight: normal;
            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; }
  .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; }
    .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; }
  .pagetop2019 a {
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(226, 35, 26, 0.75); }
    .pagetop2019 a:before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      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;
	}
}*/
@media only screen and (max-width: 1040px) {
  html body .en {
    font-size: 2.3rem; }
  html body .hide_pc {
    display: inline; }
  html body .hide_sp {
    display: none; }
  html body .box_features .feature {
    width: calc(50% - 20px); }
  html body .btn_to_index {
    width: calc(100% - 30px);
    margin: 30px auto 0; }

  .m-head .m-head_container a img {
    width: 90px;
    height: auto; }
  .m-head .m-head_container p {
    left: 100px;
    font-size: 1rem;
    line-height: 1.4; }

  .breadcrumb {
    display: none; }

  main {
    padding: 0 0 60px; }
    main .sec1 .container {
      width: calc(100% - 30px);
      margin: 0 15px; }
    main .sec1 .container.mainvisual {
      width: 100%;
      margin: 0;
      overflow: hidden; }
      main .sec1 .container.mainvisual img {
        width: 100%;
        margin: 0; }
      main .sec1 .container.mainvisual h1 {
        font-size: 1.3rem;
        padding: 30px 0; }
        main .sec1 .container.mainvisual h1 strong {
          font-size: 5.0rem; }
      main .sec1 .container.mainvisual .date {
        top: 90%;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: 10px; }
    main .sec1 .sec2 {
      margin: 40px 0 0; }
      main .sec1 .sec2 .container img {
        width: 100%; }
      main .sec1 .sec2 .container .box_item {
        display: block;
        width: 100%;
        margin: 20px 0 0; }
        main .sec1 .sec2 .container .box_item .item_left {
          width: calc(100% - 20px);
          margin: 0 10px; }
          main .sec1 .sec2 .container .box_item .item_left .item_inner {
            bottom: 10px;
            left: 10px;
            width: calc(100% - 20px); }
        main .sec1 .sec2 .container .box_item .item_right {
          position: static;
          width: calc(100% - 20px);
          margin: 0 10px; }
          main .sec1 .sec2 .container .box_item .item_right h2 {
            font-size: 2.6rem;
            margin: 10px 0; }
          main .sec1 .sec2 .container .box_item .item_right .underline {
            margin: 0;
            padding: 0 0 12px; }
          main .sec1 .sec2 .container .box_item .item_right .underline2 {
            margin: 0;
            padding: 0 0 12px; }
          main .sec1 .sec2 .container .box_item .item_right .size {
            width: 100%; }
          main .sec1 .sec2 .container .box_item .item_right .text02 {
            font-size: 1.4rem;
            line-height: 1.4; }
            main .sec1 .sec2 .container .box_item .item_right .text02 br {
              display: none; }
        main .sec1 .sec2 .container .box_item li {
          width: calc(33.3% - 20px);
          margin: 0 10px; }
          main .sec1 .sec2 .container .box_item li .btn {
            position: static;
            margin: 20px 0 0; }
            main .sec1 .sec2 .container .box_item li .btn a + a {
              margin: 10px 0 0; }
      main .sec1 .sec2 .container .box_item2 {
        display: block;
        width: 100%;
        margin: 20px 0 0; }
        main .sec1 .sec2 .container .box_item2 .item_left {
          width: calc(100% - 20px);
          margin: 0 10px; }
          main .sec1 .sec2 .container .box_item2 .item_left .item_inner {
            bottom: 10px;
            left: 10px;
            width: calc(100% - 20px); }
        main .sec1 .sec2 .container .box_item2 .item_right {
          position: static;
          width: calc(100% - 20px);
          margin: 0 10px; }
          main .sec1 .sec2 .container .box_item2 .item_right h2 {
            font-size: 2.6rem;
            margin: 10px 0; }
          main .sec1 .sec2 .container .box_item2 .item_right .underline {
            margin: 0;
            padding: 0 0 12px; }
          main .sec1 .sec2 .container .box_item2 .item_right .underline2 {
            margin: 0;
            padding: 0 0 12px; }
          main .sec1 .sec2 .container .box_item2 .item_right .size {
            width: 100%; }
        main .sec1 .sec2 .container .box_item2 li {
          width: calc(100% - 20px);
          margin: 80px 10px 0; }
          main .sec1 .sec2 .container .box_item2 li .num {
            font-size: 3.6rem; }
          main .sec1 .sec2 .container .box_item2 li .namae {
            font-size: 2.4rem; }
            main .sec1 .sec2 .container .box_item2 li .namae br {
              display: none; }
          main .sec1 .sec2 .container .box_item2 li .itemcolor {
            width: 60%;
            margin-bottom: 0; }
          main .sec1 .sec2 .container .box_item2 li .itemcolor2 {
            width: 60%;
            margin-bottom: 0; }
          main .sec1 .sec2 .container .box_item2 li .btn {
            position: static;
            margin: 0; }
            main .sec1 .sec2 .container .box_item2 li .btn a + a {
              margin: 10px 0 0; }
      main .sec1 .sec2 .box_col {
        display: block; }
        main .sec1 .sec2 .box_col .item_left {
          display: block;
          width: calc(100% - 40px);
          margin: 0 20px; }
        main .sec1 .sec2 .box_col .item_right {
          display: block;
          width: calc(100% - 40px);
          margin: 0 20px; }
          main .sec1 .sec2 .box_col .item_right h2 {
            margin: 40px 0 10px;
            font-size: 4.0rem; }
            main .sec1 .sec2 .box_col .item_right h2 span {
              font-size: 1.4rem; }
          main .sec1 .sec2 .box_col .item_right h3 {
            font-size: 1.8rem; }
            main .sec1 .sec2 .box_col .item_right h3 br {
              display: none; }
          main .sec1 .sec2 .box_col .item_right .item_text {
            font-size: 2.0rem; }
            main .sec1 .sec2 .box_col .item_right .item_text br {
              display: none; }
          main .sec1 .sec2 .box_col .item_right p {
            font-size: 1.4rem;
            margin: 0; }
          main .sec1 .sec2 .box_col .item_right .mainimage img {
            width: 46%; }
          main .sec1 .sec2 .box_col .item_right .item_color figure img {
            width: 100%; }
          main .sec1 .sec2 .box_col .item_right .item_color2 {
            margin-top: 10px;
            width: 80%; }
            main .sec1 .sec2 .box_col .item_right .item_color2 figure img {
              width: 100%; }
          main .sec1 .sec2 .box_col .item_right .item_color3 {
            margin-top: 10px;
            width: 80%; }
            main .sec1 .sec2 .box_col .item_right .item_color3 figure img {
              width: 100%; }
          main .sec1 .sec2 .box_col .item_right .btn {
            position: static;
            margin: 20px 0 0; }
            main .sec1 .sec2 .box_col .item_right .btn a {
              margin-top: 6px;
              padding: 14px 0; }
              main .sec1 .sec2 .box_col .item_right .btn a + a {
                margin: 10px 0 0; }
        main .sec1 .sec2 .box_col .item_col2 {
          width: 100%;
          margin: 15px 0 0 0;
          position: static; }
    main .sec1 .sec3 {
      width: calc(100% - 30px);
      margin: 60px 15px 0; }
      main .sec1 .sec3 .box_features .feature {
        width: calc(50% - 20px); }
      main .sec1 .sec3 .btn_to_index {
        width: 100%;
        margin: 30px auto 0; }

  .btn_dl23ss {
    width: 100%;
    margin: 30px 0 0; }
    .btn_dl23ss img {
      width: 100%; }

  .btn_to_newarrival {
    position: static;
    width: 100%;
    margin: 10px 0 0; }
    .btn_to_newarrival a {
      margin: 0; }

  .pagetop2019 {
    bottom: 15px;
    right: 15px; }
    .pagetop2019 a {
      bottom: 15px;
      right: 15px;
      bottom: 10px;
      right: 10px; } }
@media only screen and (max-width: 767px) {
  html body .en {
    font-size: 1.4rem; }

  .m-head .m-head_container {
    width: calc(100% - 20px);
    height: 50px;
    margin: 0 10px; }

  main .sec1 .container.mainvisual h1 {
    width: 100%;
    font-size: 2.1rem;
    padding: 20px 0;
    border-top: none;
    border-bottom: none; }
    main .sec1 .container.mainvisual h1 strong {
      font-size: 3.0rem; }
  main .sec1 .container.mainvisual .date {
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: 10px;
    font-size: 1.2rem; }
  main .sec1 .sec2 .container h2 {
    font-size: 1.9rem; }
    main .sec1 .sec2 .container h2 span {
      font-size: 5.2rem; }
    main .sec1 .sec2 .container h2 .min {
      padding: 0; }
  main .sec1 .sec2 .container p.text01 {
    font-size: 1.4rem;
    text-align: left; }
    main .sec1 .sec2 .container p.text01 br {
      display: none; }
  main .sec1 .sec2 .container p.lead {
    text-align: left; }
  main .sec1 .sec2 .container .box_item .item_right .text p {
    position: relative;
    margin: 15px 0 -35px; }
  main .sec1 .sec2 .container .box_item2 {
    width: 100%;
    margin: 20px 0 0; }
    main .sec1 .sec2 .container .box_item2 li .namae {
      font-size: 2.0rem; }
      main .sec1 .sec2 .container .box_item2 li .namae br {
        display: none; }
    main .sec1 .sec2 .container .box_item2 li .itemcolor {
      width: 60%;
      margin-bottom: 0; }
    main .sec1 .sec2 .container .box_item2 li .itemcolor2 {
      width: 60%;
      margin-bottom: 0; }
    main .sec1 .sec2 .container .box_item2 li .btn {
      position: static;
      margin: 7px 0 0; }
  main .sec1 .sec2 .container .pdf_dl h2 br {
    display: none; }
  main .sec1 .sec2 .box_col .item_left {
    width: calc(100% - 40px);
    margin: 0 20px; }
  main .sec1 .sec2 .box_col .item_right h2 {
    margin-top: 20px;
    font-size: 3.0rem; }
  main .sec1 .sec2 .box_col .item_right h3 {
    font-size: 1.4rem; }
  main .sec1 .sec2 .box_col .item_right .item_color2 {
    width: 80%; }
    main .sec1 .sec2 .box_col .item_right .item_color2 figure {
      width: calc(20% - 2px);
      margin: 0 4px; }
  main .sec1 .sec2 .box_col .item_right .item_color3 {
    width: 80%; }
    main .sec1 .sec2 .box_col .item_right .item_color3 figure {
      width: calc(20% - 2px);
      margin: 0 4px; }
  main .sec1 .sec2 .box_col .item_right .btn {
    bottom: 0;
    left: 0; }
    main .sec1 .sec2 .box_col .item_right .btn a {
      margin-top: 10px;
      padding: 16px 0; }
  main .sec1 .sec3 .btn_to_collab a {
    padding: 15px;
    margin: -30px -25px 80px;
    font-size: 1.5rem;
    line-height: 1.4; }
    main .sec1 .sec3 .btn_to_collab a:after {
      margin: 0 -30px 0 0; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  main .sec1 .sec2 .container .box_item .item_right .text p {
    position: relative;
    margin: 10px 0 0; } }