.flex-col-reverse {
 flex-direction: column-reverse;
}
.mb-50 {
 margin-bottom: 50px;
}
.mt-50 {
 margin-top: 50px !important;
}
.mb-30 {
 margin-bottom: 30px;
}
.sub-common-title {
 font-size: 16px;
 line-height: 22px;
 font-weight: 700;
 color: #000;
 text-align: left;
 margin: 0 0 10px;
 padding-bottom: 6px;
 position: relative;
 overflow: visible;
 border-bottom: 4px solid #d61518;
 width: fit-content;
 z-index: 2;
}

.banner-top-3d-print {
 background-color: #f7f7f7;
 padding: 20px 0;
}
.content-banner-top-3d-print {
 padding: 0px 10px;
}
.content-banner-top-3d-print .text {
 text-align: center;
}
@media (min-width: 375px) {
 .content-banner-top-3d-print .text {
  padding: 0 10px;
 }
}
@media (min-width: 992px) {
 .content-banner-top-3d-print .text {
  padding: 0;
 }
}
.content-banner-top-3d-print .text h1 {
 color: #000;
 font-size: 18px;
 line-height: 1;
 font-weight: 700;
 text-align: center;
 position: relative;
 margin-bottom: 12px;
}
.content-banner-top-3d-print .text svg {
 display: inline-block;
 margin-bottom: -3px;
}
@media (min-width: 992px) {
 .content-banner-top-3d-print .text svg {
  margin-bottom: 0;
 }
}
.content-banner-top-3d-print .text strong {
 color: #c2172d;
}
.content-banner-top-3d-print .text small {
 font-size: 14px;
}
@media (min-width: 992px) {
 .content-banner-top-3d-print .text small {
  font-size: 18px;
 }
}
.content-banner-top-3d-print .text p {
 font-size: 14px;
}
@media (min-width: 992px) {
 .content-banner-top-3d-print .text p {
  font-size: 16px;
 }
}
.content-banner-top-3d-print .text .sub-heading {
 font-size: 18px;
 font-weight: 700;
 margin-bottom: 10px;
}
.btn-red-icon {
 background-color: #e61e02;
 border-radius: 10px;
 padding: 15px;
 color: #ffffff;
 font-size: 17px;
 font-weight: 700;
 display: flex;
 margin: 0 auto;
 text-align: center;
 align-items: center;
 gap: 12px;
 justify-content: center;
}

.btn-red-icon, .btn-red-icon:link {
 color: #ffffff;
}
.content-banner-top-3d-print .three-box {
 display: grid;
 align-items: center;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 5px;
 margin: 0 auto 22px;
}
@media (min-width: 375px) {
 .content-banner-top-3d-print .three-box {
  padding: 0 10px;
  max-width: 334px;
 }
}
@media (min-width: 992px) {
 .content-banner-top-3d-print .three-box {
  max-width: 100%;
 }
}
.three-box .item-three-box {
 background-color: #ffffff;
 border-radius: 100%;
 display: flex;
 height: 108px;
 align-items: center;
 justify-content: center;
 width: 100%;
 margin: 0 auto;
}
.three-box .item-three-box img {
 object-fit: contain;
 display: block;
}
.content-3d-print-page p {
 color: #363636;
 line-height: 1.6;
 font-size: 14px;
}
@media (min-width: 992px) {
 .content-3d-print-page p {
  font-size: 16px;
 }
}
.introduce-3d-print {
 display: flex;
 gap: 20px;
 margin-bottom: 50px;
 flex-direction: column;
 align-items: center;
}
.introduce-3d-print .text {
 line-height: 1.6;
 color: #363636;
 font-size: 14px;
}
@media (min-width: 992px) {
 .introduce-3d-print .text {
  font-size: 16px;
 }
}
.introduce-3d-print .img {
 width: 300px;
 flex-shrink: 0;
}
.threed-print-page #topicpath {
 margin-bottom: 0;
 padding: 10px 0;
}
@media (min-width: 992px) {
 .threed-print-page #topicpath {
  margin: 0;
  padding: 20px 0;
 }
}
.threed-print-page #contents {
 margin: 40px auto 0 auto;
}
.list-product-3d-print {
 display: grid;
 align-items: center;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 10px 8px;
 margin-top: 5px;
 margin-bottom: 50px;
}
.item-product-3d-print {
 text-align: center;
}
.item-product-3d-print .img {
 height: 113px;
 border: 1px solid #e8e8e8;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 5px;
 padding: 10px;
 box-sizing: border-box;
 max-height: 113px;
}
.item-product-3d-print .img img {
 object-fit: contain;
 width: 100%;
 height: 100%;
}
.item-product-3d-print h4 {
 color: #363636;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 font-size: 12px;
}
@media (min-width: 992px) {
 .item-product-3d-print h4 {
  font-size: 14px;
 }
}
.img-banner-5000 {
 margin-bottom: 50px;
}
.list-style-dot-small {
 margin-bottom: 30px;
}
.list-style-dot-small li {
 display: flex;
 align-items: flex-start;
}
.list-style-dot-small li::before {
 content: ".";
 font-size: 26px;
 margin-right: 8px;
 line-height: 0.1;
}
.list-style-dot-small li p {
 line-height: 1.6;
 margin-bottom: 0;
}
.list-step-how-to-use-3d-print {
 display: flex;
 flex-direction: column;
 gap: 20px;
}
.list-step-how-to-use-3d-print-mobile .item-step-how-to-use-3d-print .text {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 margin-bottom: 10px;
}
.list-step-how-to-use-3d-print-mobile .item-step-how-to-use-3d-print .text span {
 margin-bottom: 0;
 margin-right: 5px;
}
.list-step-how-to-use-3d-print-mobile .item-step-how-to-use-3d-print .text h5 {
 font-size: 14px;
}
.item-step-how-to-use-3d-print .text h5 {
 font-size: 20px;
 font-weight: 700;
}
.item-step-how-to-use-3d-print .img {
 padding: 10px;
 border: 1px solid #e8e8e8;
}
.item-step-how-to-use-3d-print .text span {
 background-color: #575757;
 color: #ffffff;
 border-radius: 100%;
 font-size: 16px;
 width: 30px;
 height: 30px;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 font-weight: 700;
 margin-bottom: 10px;
}
.delivery-content {
 display: flex;
 gap: 10px;
 margin-bottom: 20px;
}
.delivery-content p {
 background-color: #ffd12d;
 margin-bottom: 0;
 padding: 5px 19px;
 font-size: 12px;
}
.delivery-date_s1 {
 display: block;
 text-align: center;
 width: 50%;
 position: relative;
 border: 1px solid #ffd12d;
}
.delivery-date_s3 {
 border: 1px solid #a4deff;
}
.delivery-content .delivery-date_s3 p {
 background-color: #a4deff;
}
.delivery-date_s1 strong {
 font-size: 12px;
 line-height: 12px;
 font-weight: 700;
 color: #000;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 3px;
 padding: 7px 6px 5px;
}
.delivery-date_s1 strong span {
 font-size: 12px;
 line-height: 12px;
 font-weight: 700;
 color: #ff4646;
}
@media (min-width: 375px) {
 .delivery-date_s1 strong span {
  font-size: 13px;
  line-height: 13px;
 }
}
@media (min-width: 390px) {
 .delivery-date_s1 strong span {
  font-size: 14px;
  line-height: 14px;
 }
}
@media (max-width: 1024px) {
 .content-banner-top-3d-print .text svg {
  height: 23px;
  width: 59px;
 }
 .three-box .item-three-box img {
  width: 89px;
  height: 98px;
 }
}
@media (min-width: 768px) {
 .list-step-how-to-use-3d-print .item-step-how-to-use-3d-print:not(:last-child) .text::after {
  content: "";
  background-image: url(/common/design/user/img/3d-print/arrow-down.png);
  background-repeat: no-repeat;
  position: absolute;
  width: 16px;
  height: 130px;
  bottom: -237%;
  left: 50%;
  transform: translateX(-50%);
 }
 .list-product-3d-print {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
 }
 .introduce-3d-print {
  flex-direction: row;
  align-items: flex-start;
 }
 .content-banner-top-3d-print {
  padding: 0 30px;
 }
 .content-banner-top-3d-print .text h1 {
  color: #000;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  position: relative;
  margin-bottom: 12px;
 }
 .content-banner-top-3d-print {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 478px;
  gap: 10px;
  padding: 0 30px;
 }
 .content-banner-top-3d-print .text .sub-heading {
  font-size: 20px;
 }
 .btn-red-icon {
  width: 378px;
  height: 50px;
  box-sizing: border-box;
 }
 .three-box .item-three-box {
  height: 150px;
  width: 150px;
 }
 .content-banner-top-3d-print .three-box {
  margin: 0;
  gap: 15px;
  padding: 0;
 }
 .item-product-3d-print .img {
  height: 150px;
  max-height: 150px;
 }
 .item-step-how-to-use-3d-print {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 473px;
 }
 .sub-common-title {
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
  color: #000;
  text-align: left;
  margin: 0 0 20px;
  padding-bottom: 6px;
  position: relative;
  overflow: visible;
 }
 .item-step-how-to-use-3d-print .text span {
  font-size: 24px;
  width: 50px;
  height: 50px;
 }
 .item-step-how-to-use-3d-print .text {
  text-align: center;
  position: relative;
 }
}
@media (max-width: 992px) {
 .content-3d-print-page {
  margin-bottom: 30px;
 }
}
.line-border-bottom {
 position: relative;
}
.line-border-bottom:after {
 content: "";
 position: absolute;
 width: 100%;
 height: 4px;
 background: #000000;
 left: 0;
 bottom: 0;
}
@media (max-width: 992px) {
 .item-product-3d-print:nth-child(1) .img img{
  height: 51px;
 }
 .item-product-3d-print:nth-child(2) .img img{
  height: 93px;
 }
 .item-product-3d-print:nth-child(3) .img img{
  height: 78px;
 }
 .item-product-3d-print:nth-child(4) .img img{
  height: 76px;
 }
 .item-product-3d-print:nth-child(5) .img img{
  height: 75px;
 }
 .item-product-3d-print:nth-child(6) .img img{
  height: 51px;
 }
 .item-product-3d-print:nth-child(7) .img img{
  height: 75px;
 }
}
#topicpath {
 min-height: auto;
 padding: 0;
 margin: 10px 0 10px 10px;
}
@media (min-width: 1024px) {
 .item-product-3d-print:nth-child(1) .img img{
  height: 71px;
 }
 .item-product-3d-print:nth-child(2) .img img{
  height: 129px;
 }
 .item-product-3d-print:nth-child(3) .img img{
  height: 117px;
 }
 .item-product-3d-print:nth-child(4) .img img{
  height: 112px;
 }
 .item-product-3d-print:nth-child(5) .img img{
  height: 99px;
 }
 .item-product-3d-print:nth-child(6) .img img{
  height: 69px;
 }
 .item-product-3d-print:nth-child(7) .img img{
  height: 103px;
 }
}
/* light-box */
.lb-nav {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
}
.lightbox {
 position: absolute;
 left: 0;
 width: 100%;
 z-index: 10000;
 text-align: center;
 line-height: 0;
 font-weight: 400;
}
.lightbox .lb-image {
 display: block;
 height: auto !important;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -ms-border-radius: 3px;
 -o-border-radius: 3px;
 border-radius: 3px;
 max-height: 270px;
 object-fit: contain;
}
@media (min-width: 992px) {
 .lightbox .lb-image {
   max-height: 100%;
 }
}
.lb-container {
 padding: 20px;
 margin: auto;
}
.lb-outerContainer {
 position: relative;
 background-color: #fff;
 width: 250px;
 height: auto !important;
 margin: 0 auto;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 -ms-border-radius: 4px;
 -o-border-radius: 4px;
 border-radius: 4px;
 min-height: 270px;
 min-width: 270px;
 display: flex;
}
@media (min-width: 992px) {
 .lb-outerContainer {
  min-height: 791px;
  min-width: 791px;
  display: flex;
 }
}
.lb-nav {
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 z-index: 10;
}
.lb-prev, .lb-next {
 width: 49%;
 height: 100%;
 cursor: pointer;
 display: block;
}
.lb-dataContainer {
 min-width: 240px;
}
@media (min-width: 992px) {
 .lb-dataContainer {
  min-width: 791px;
 }
}