@charset "utf-8";

.l-content .content {
 background: #333333;
 background: linear-gradient(1800deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 70%);
 position: relative;
 z-index: 1;
}

.l-content .m-container {
 max-width: 1400px;
}

.l-content .section1 {
 padding: 20px 20px 60px 20px;
}

.l-content .bg01 {
 position: absolute;
 right: 0;
 top: 0;
 z-index: -1;
 width: 42.5%;
}

.l-content .bg02 {
 position: absolute;
 left: 0%;
 bottom: 7%;
 z-index: -1;
 width: 42.5%:
}

.l-content .box-flex {
 display: flex;
}

.l-content .box-flex-icon {
 display: flex;
 align-items: center;
}

.l-content .col-1-1 {
 width: 51.05%;
}

.l-content .col-1-2 {
 width: 48%;
 padding: 0 0 0 30px;
}

.l-content .col-2-1 {
 width: 14%;
}

.l-content .col-2-2 {
 width: 86%;
 padding: 0 0 0 10px
}

.l-content .title {
 font-size: 28px;
 font-weight: bold;
 color: #ffffff;
}

.l-content .text {
 font-size: 20px;
 color: #ffffff;
}

.l-content .box-white {
 background-color: #ffffff;
 border-radius: 20px;
 padding: 10px;
}

.l-content .box-flex-compare {
 display: flex;
 column-gap: 20px;
 justify-content: center;
}

.l-content .section2 {
 background-color: #ffcc00;
 padding: 80px 20px 60px 20px;
}

.l-content .m-cols__wrap {
 display: flex;
 justify-content: center;
}

.l-content .product2 {
 display: block;
 background-color: #000000;
 padding: 20px 20px 30px 20px;
 border-radius: 30px;
 text-align: center;
 cursor: pointer;
 box-shadow: 5px 5px 15px 0px rgba(40, 32, 1, 0.3);
 -webkit-box-shadow: 5px 5px 15px 0px rgba(40, 32, 1, 0.3);
 -moz-box-shadow: 5px 5px 15px 0px rgba(40, 32, 1, 0.3);
 height: 100%;
}

.l-content .product2:hover {
 cursor: pointer;
 scale: 1.05;
}

.l-content .product2 .name {
 display: block;
 font-size: 18px;
 height: 90px;
 font-weight: bold;
}

.l-content .product2 .name a {
 color: #ffcc00;
}

.l-content .product2 .part {
 display: block;
 font-size: 16px;
 color: #ffcc00;
 margin: 40px 0 0 0;
 background-color: #ffffff;
 color: #333333;
 display: inline-block;
 padding: 10px;
 border-radius: 40px;
 width: 50%;
 font-weight: bold;
}

.l-content .product-back {
 display: flex;
 border: 2px solid #333333;
 border-radius: 30px;
 text-align: center;
 cursor: pointer;
 padding: 45px;
 box-shadow: 5px 5px 15px 0px rgba(40, 32, 1, 0.3);
 -webkit-box-shadow: 5px 5px 15px 0px rgba(40, 32, 1, 0.3);
 -moz-box-shadow: 5px 5px 15px 0px rgba(40, 32, 1, 0.3);
 height: 100%;
 align-items: center;
}

.l-content .product-back:hover {
 cursor: pointer;
 scale: 1.05;
}

.l-content .product-back img {
 width: 80%;
}

.l-content .text-yellow {
 color: #ffcc00;
}

.l-content .product {
 background-color: #ffffff;
 color: #333333;
 border: 1px solid #dedede;
 padding: 20px;
 text-align: center;
}

.l-content .product:hover {
 opacity: 0.9;
 cursor: pointer;
 border: 1px solid #ff730a;
}

.l-content .product:hover a {
 color: #ff730a;
}

.l-content .product .name {
 display: block;
 height: 60px;
 font-weight: bold;
 font-size: 18px;
 margin: 0 0 20px 0
}

.l-content .product .part {
 display: block;
 font-size: 16px;
 height: 50px;
}

.l-content .product .price {
 display: block;
 padding: 0 0 20px 0;
 color: #dd0000;
 font-weight: bold;
 font-size: 20px;
}

.l-content .product .ship {
 display: block;
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: bold;
}

.l-content .product .ship img {
 vertical-align: middle;
 margin-right: 10px;
}

.responsive .l-content .m-btnLink--conversion.m-btn--edit {
 margin: 20px 20px 0 0;
 width: 30% !important;
}

@media screen and (max-width: 1770px) {
 .l-content .text br {
  display: none;
 }
}

@media screen and (max-width: 1594px) {
 .l-content .text br {
  display: none;
 }
}

@media screen and (max-width: 1400px) {
 .l-content .title {
  font-size: 24px;
 }

 .l-content .text {
  font-size: 18px;
 }

 .l-content .col-1-2 {
  padding: 0;
 }

 .l-content .col-2-1 {
  width: 12%;
 }

 .l-content .col-2-2 {
  width: 86%;
  padding: 0 0 0 20px
 }
}

@media screen and (max-width: 1200px) {
 .l-content .title {
  font-size: 18px;
 }

 .l-content .text {
  font-size: 16px;
 }

 .l-content .col-1-2 {
  padding: 0;
 }

 .l-content .col-2-1 {
  width: 10%;
 }

 .l-content .col-2-2 {
  width: 86%;
  padding: 0 0 0 20px
 }

 .l-content .product-back {
  padding: 15px;
 }
}

@media screen and (max-width: 1038px) {
 .responsive .l-content .m-btnLink--default.m-btn--edit,
 .responsive .l-content .m-btnLink--strong.m-btn--edit,
 .responsive .l-content .m-btnLink--conversion.m-btn--edit {
  width: 40% !important;
 }
}

@media screen and (max-width: 767px) {
 .responsive .l-content .m-btnLink--default.m-btn--edit,
 .responsive .l-content .m-btnLink--strong.m-btn--edit,
 .responsive .l-content .m-btnLink--conversion.m-btn--edit {
  width: 100% !important;
 }

 .l-content .text {
  font-size: 14px;
 }

 .l-content .box-flex-compare {
  flex-wrap: wrap;
  row-gap: 20px;
 }

 .l-content .section2 {
  background-color: #ffcc00;
  padding: 40px 20px 40px 20px;
 }

 .l-content .product2 {
  background-color: #000000;
  padding: 10px;
 }

 .l-content .product2 .part {
  width: 100%;
  font-size: 14px;
 }

 .l-content .product2 .name {
  font-size: 14px;
  height: 90px;
  font-weight: bold;
 }

 .l-content .product .name {
  height: 80px;
  font-size: 14px;
 }

 .l-content .product .part {
  font-size: 14px;
 }

 .l-content .product {
  padding: 10px;
 }

 .l-content .box-flex {
  display: flex;
  flex-wrap: wrap;
 }

 .l-content .col-1-1 {
  width: 100%;
 }

 .l-content .col-1-2 {
  width: 100%;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
 }

 .l-content .box-flex-icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 50%;
 }

 .l-content .col-2-1 {
  width: 100%;
  display: flex;
 }

 .l-content .col-2-2 {
  width: 100%;
  display: flex;
 }

 .l-content .bg01 {
  width: 100%;
  opacity: 0.4;
 }
}

@media screen and (max-width: 480px) {
 .l-content .product .name {
  height: 100px;
  font-size: 14px;
 }

 .l-content .product .part {
  font-size: 14px;
  height: 60px;
 }
}