@charset "utf-8";

p.rentalplan {
    color: #1a1a1a;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.content-box.subsidy-content {
  background-color: #f6f6f6;
  padding: 16px 16px 8px 16px;
}

.fixed-page-wrapper {
  font-size: 16px;
}

.subsidy-content-box .title {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: bold;
}

.subsidy-content-box {
  margin-bottom: 12px;
}

p.tj-lead-txt-img img {
  max-width: 480px;
  display: block;
  margin: auto;
}

.fixed-page-wrapper h2 {
  color: #1a1a1a;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin: 8px auto 16px;
  line-height: 1.4;
}

.fixed-page-wrapper h2 span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fdd23e));
  background: -o-linear-gradient(transparent 60%, #fdd23e 60%);
  background: linear-gradient(transparent 60%, #fdd23e 60%);
}

.content-box.make-tj {
  margin-top: 40px;
}

.content-box.make-tj .three-column-col h3 {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-top: -16px;
  margin-bottom: -68px;
}

.content-box.make-tj .three-column-col h3.mtn {
  margin-top: -60px;
  margin-bottom: 18px;
}

.content-box.entry-tj {

  margin-bottom: 0;
}

.content-box.entry-tj a.two-column-col {
  background-color: #fff;
  padding: 24px;
  box-shadow: 0px 0px 16px 4px #bbe5e1;
  text-decoration: none !important;
}

.content-box.entry-tj h2 {
  margin-bottom: 26px;
}

.content-box.entry-tj h3 {
  color: #111;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  line-height: 1.4;
  margin-top: -12px;
}

.content-box.entry-tj a.btn.btn-order.top-archive {
  margin-top: 40px;
}

.content-box.entry-tj h4 {
  color: #111;
  font-weight: bold;
  margin-top: 8px;
}

.content-box.entry-tj p.desc {
  color: #111;
  font-size: 14px;
  height: 86px;
  margin-top: 8px;
}

a.under-line {
  color: #009944;
  text-decoration: underline;
}

a.under-line:hover {
  opacity: 1 !important;
}

.content-box.print-flow-tj h3 {
  margin-top: 48px;
}

img.print-flow-comparison {
  margin-bottom: 16px;
}

.content-box.print-flow-tj h2 {
  margin-top: 56px;
  margin-bottom: 32px;
}

.content-box.print-flow-tj {
  /* background-color: #ddf1f0; */
  height: auto;
  background-image: url(/wp/wp-content/uploads/2021/11/tj-arrow1.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: -2px;
  padding-top: 40px;
  padding-bottom: 24px;
}

.print-method-tj-content h2 {
  margin-top: 48px;
  margin-bottom: 24px;
}

.fixed-page-wrapper h3 {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 16px;
}

.tj-print-flow-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.tj-print-flow-col {
  width: 22%;
}

.tj-print-flow-col.arrow {
  width: 2%;
  margin: 0 1%;
  padding-top: 9%;
}

.tj-print-flow-col h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

.tj-print-flow-col p {
  font-size: 14px;
  margin-top: 8px;
}

.content-box.print-method-tj {
  background-color: #f6f6f6;
  height: auto;
  background-image: url(/wp/wp-content/uploads/2021/11/encoma-arrow2.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: -2px;
  padding: 32px 32px 64px;
  margin-bottom: 0;
}

.print-method-tj-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 24px;
}

.print-method-tj-col.img {
  width: 18%;
}

.print-method-tj-col.txt {
  width: 78%;
  text-align: left;
}

.howto-tj-content1 h3 {
  margin-top: 24px;
}

.print-method-tj-col.txt h3 {
  text-align: left;
  font-size: 22px;
  margin-bottom: 0;
}

.howto-tj-content1 li {
  font-weight: bold;
  margin-bottom: 8px;
  padding-left: 0.5em;
  text-indent: -0.5em;
}

.howto-tj-content3 h2 {
  margin-top: 48px;
  margin-bottom: 32px;
}

.content-box.tj-solution {
  background-color: #f6f6f6;
  height: auto;
  background-image: url(/wp/wp-content/uploads/2021/11/encoma-arrow2.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: -2px;
  padding: 64px 32px 40px;
  margin-bottom: 0;
}

.content-box.tj-business img {
  width: auto;
  height: 72px;
  display: block;
  margin: auto;
}

.content-box.tj-item {
  margin-top: 48px;
}

.content-box.supply-tj {
  margin-top: 48px;
}

.content-box.tj-item p {
  text-align: center;
}

.content-box.tj-item h3 {
  font-size: 18px;
  margin-bottom: 16px;
  margin-top: 0px;
}

.content-box.tj-item a.btn.btn-order.top-archive {
  margin-top: 90px !important;
  margin-bottom: 72px !important;
}

.dtts-footer-nav-box {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin-bottom: 56px;
}

a.dtts-footer-nav-col {
  display: block;
  width: 49.5%;
  border: solid 1px #009944;
  padding: 18px 16px 15px 28px;
  background-image: url(/wp/wp-content/uploads/2021/11/odps-arrow.png);
  background-repeat: no-repeat;
  background-size: 5px;
  background-position-y: center;
  background-position-x: 14px;
  color: #009944;
  margin-bottom: 1%;
  margin-right: 1%;
  line-height: 1.2;
}



a.dtts-footer-nav-col:nth-of-type(2n) {
  margin-right: 0;
}

.content-box.tj-business {
  background-image: url(/wp/wp-content/uploads/2021/11/tj-business-scene-bg.jpg);
  background-repeat: no-repeat;
  color: #fff;
  padding: 32px;
  background-size: cover;
  margin-top: 48px;
}

h3.tj-business-small {
  font-size: 18px !important;
}

.content-box.tj-business a.under-line {
  color: #fff;
}

.content-box.tj-business .two-column-col {
  margin-bottom: 40px;
}

.content-box.tj-business h3 {
  font-size: 24px;
  margin-top: 37px;
  line-height: 1.4;
  /* height: 53px; */
}

h3.tj-business-small {
  font-size: 18px !important;
  margin-bottom: 10px;
  margin-top: 28px !important;
}

.content-box.tj-business h2 {
  color: #fff;
}

p.tj-business-lead {
  text-align: center;
  margin-bottom: 32px;
  margin-top: -8px;
}

.content-box.tj-solution h2 {
  color: #1a1a1a !important;
  padding-top: 16px;
  font-size: 32px !important;
}

.content-box.tj-solution p {
  color: #1a1a1a;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 8px;
}

img.tj-comparison-rank2 {
  position: relative;
  top: -55px;
  margin-bottom: -40px;
  padding-bottom: 24px;
}

.howto-tj-content2 h2 {
  margin-top: 40px;
  margin-bottom: 24px;
}

.howto-tj-content1 p.paragraph {
  margin-bottom: 16px;
}

.howto-tj-content1 li span {
  font-weight: normal;
}

.howto-tj-content1 ul {
  display: block;
  margin: 12px 0px;
}

.tj-content-wrapper table {
  width: 100%;
  border-collapse: collapse;
}

.tj-content-wrapper .tbl-r05 {
  font-size: 14px;
}

.tj-content-wrapper th {
  background: #e9e9e9 !important;
  color: #111111 !important;
  font-weight: bold !important;
  font-size: 18px !important;
  text-align: center !important;
  line-height: 1.4;
}

.tj-content-wrapper th.tj-bg-color-title {
  background-color: #f9e5c9 !important;
  height: 88px;
}

.tj-content-wrapper th.tj-bg-color-title p {
  color: #e5931e;
  font-size: 20px;
  margin-top: -37px;
}

.tj-exercise-content p {
  font-size: 16px;
  margin-top: 0px;
  line-height: 1.8;
}

.tj-content-wrapper th.tj-bg-color-title img {
  width: auto;
  height: auto;
  width: 72px !important;
}

img.tj-comparison-rank {
  position: relative;
  top: -55px;
  margin-bottom: -40px;
  padding-bottom: 24px;
}

.tj-content-wrapper .tbl-r05 td:first-child {
  background: #f6f6f6 !important;
  color: #1a1a1a !important;
  font-size: 16px !important;
  font-weight: bold;
}

.tj-content-wrapper td {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
}

.tj-content-wrapper table.tbl-r05 td {
  background-color: #fff;
}

.tj-content-wrapper table.tbl-r05 td {
  line-height: 160%;
  letter-spacing: 1px;
}

.tj-content-wrapper td, th {
  border: 1px solid #ccc;
}

.tj-content-wrapper .tbl-r02 td, .tbl-r02 th, td, th {
  padding: 10px;
}

.tj-content-wrapper th {
  background: #e9e9e9 !important;
  color: #111111 !important;
  font-weight: bold !important;
  font-size: 18px !important;
  text-align: center !important;
  line-height: 1.4;
}

.tj-content-wrapper td, th {
  vertical-align: middle !important;
}

.tj-content-wrapper .tbl-r02 td, .tbl-r02 th, td, th {
  padding: 10px !important;
}

.tj-content-wrapper .table-attention {
  color: #e5931e;
}

img.tj-comparison-rank {
  position: relative;
  top: -55px;
  margin-bottom: -40px;
  padding-bottom: 24px;
}

.tj-content-wrapper table.tbl-r05 td {
  line-height: 160%;
  letter-spacing: 1px;
}

.print-method-tj-content h2 {
  margin-bottom: 24px;
}

.content-box.howto-tj {
  height: auto;
  background-image: url(/wp/wp-content/uploads/2021/11/tj-arrow1.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: -2px;
  padding-top: 40px;
  padding-bottom: 24px;
}

.howto-tj-content1 {
  margin-top: 32px;
}

.howto-tj-content1 h3 {
  color: #1a1a1a;
  text-align: left;
  font-size: 24px;
  margin-bottom: 0px;
}
@media screen and (min-width: 1600px) {
.dtf-printer-comparison-box a.dtf-printer-comparison-col {
    width: 33%;
    background-color: #fff;
    padding: 24px;
    margin-bottom: 0;
}
}
@media screen and (min-width: 1400px) {
  .tj-print-flow-col h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 1199px) {
  .content-box.entry-tj .two-column-box {
    display: block;
  }

  .content-box.entry-tj a.two-column-col {
    width: 100%;
    margin-bottom: 24px;
  }

  .content-box.entry-tj a.two-column-col img {
    max-width: 280px;
  }

  .content-box.make-tj .three-column-col h3 {
    margin-bottom: -28px;
  }

  .content-box.make-tj .three-column-col h3.mtn {
    margin-top: -18px;
    margin-bottom: -26px;
  }

  .tj-print-flow-box {
    display: block;
  }

  .tj-print-flow-col {
    width: 100%;
    max-width: 360px;
    margin: auto;
  }

  .tj-print-flow-col h4 {
    font-size: 20px;
  }

  .tj-print-flow-col.arrow {
    width: 24px;
    margin: 16px auto;
    padding-top: 0;
    transform: rotate(90deg);
  }
}

@media screen and (max-width: 991px) {
  .tj-content-wrapper .tbl-r05 {
    width: 100%;
  }

  .tj-content-wrapper .tbl-r05 .thead {
    display: none;
  }

  .tj-content-wrapper .tbl-r05 tr {
    width: 100%;
  }

  .tj-content-wrapper .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }

  .tj-content-wrapper .tbl-r05 td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }

  .tj-content-wrapper .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }

  .fixed-page-wrapper h2 {
    font-size: 28px;
  }

  img.print-flow-comparison.only-sp {
    margin: 8px auto 24px;
    max-width: 400px;
  }

  .print-method-tj-box {
    display: block;
  }

  .print-method-tj-col.img {
    width: 180px;
    margin: auto;
    display: block;
  }

  .print-method-tj-col.txt {
    width: 100%;
    text-align: left;
  }

  .fixed-page-wrapper h2 {
    font-size: 24px;
  }

  .content-box.tj-business .two-column-box {
    display: block;
  }

  .content-box.tj-business .two-column-col {
    display: block;
    width: 100%;
  }

  .content-box.tj-item .four-column-col {
    display: block;
    width: 48%;
    margin-right: 2% !important;
    margin-bottom: 6%;
  }

  .content-box.tj-item .four-column-col:nth-of-type(2n) {
    margin-right: 0 !important;
  }

  a.dtts-footer-nav-col {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
  }
}

@media screen and (max-width: 767px) {


  .content-box.make-tj .three-column-col img {
    max-width: 280px;
    margin: auto;
    display: block;
  }
}

@media screen and (max-width: 575px) {
  .content-box.make-tj {
    margin-top: -24px;
}
  .content-box.entry-tj {
      padding: 0px 0px 16px;
  }

  .content-box.entry-tj p.desc {
    height: auto;
  }

  .content-box.entry-tj h3 {
    font-size: 22px;
  }

.content-box.print-flow-tj h2 {
    margin-top: 32px;
}
.fixed-page-wrapper h3 {
    font-size: 22px;
}
.tj-print-flow-col h4 {
    font-size: 18px;
}
.content-box.tj-solution {

    padding: 64px 9px 16px;

}
.content-box.tj-solution h2 {
    font-size: 22px !important;
}
.content-box.howto-tj {
padding-bottom: 0;
}
.content-box.tj-solution p {
    color: #1a1a1a;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
}
.print-method-tj-content h2 {
    margin-bottom: 8px !important;
}
.content-box.print-method-tj {

    padding: 32px 16px 64px;
}
.howto-tj-content1 h3 {
    font-size: 20px !important;
}
.howto-tj-content3 h2 {
    margin-bottom: 0;
}
.content-box.tj-item h3 {
    font-size: 15px;
    margin-bottom: 0;
}
}
    .dtf.column p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-box.dtts {
    margin-bottom: 64px;
}
    a.im-reason-col.dtf.column .dtf-printer-btn {
    width: 100%;
}
    a.im-reason-col.dtf.column {
    width: 49%;
    margin-bottom: 2%;
}
    .support-col h3 {
    font-size: 22px;
    font-weight: 700;
    margin-top: 10px;
    line-height: 1.4;
    margin-bottom: 6px;
    text-align: left;
}
.fixed-page-wrapper h2 {

    margin: 8px auto 28px;
}
.im-reason-col.dtf {
    width: 32%;
}
.im-reason-col.dtf img {
    width: 100%;
    max-width: 100%;
    border-radius: 16px;
}
.im-reason-col.dtf h3 {
    text-align: left;
    font-size: 24px;
    line-height: 1.4;
    margin: 16px auto 8px;
    line-height: 1.5;
    max-height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.im-reason-col h3 {
    font-size: 18px;
    margin: 0;
    padding: 0;
}
.im-reason-col.mo-none:hover {
    opacity: 1;

}



.im-reason-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.im-reason-col img {
    width: 100%;
    max-width: 240px;
    display: block;
margin: auto;
}

.im-reason-col {
    width: 24%;
}

.speechBubble {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 13px;
  padding: 12px;
  border: 2px solid #000000;
  border-radius: 9999px;
  background-color: #000000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #fccf42;
}

.speechBubble::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 13px 10px 0 10px;
  border-color: #000000 transparent transparent;
  translate: -50% 100%;
}

.speechBubble::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 9.7px 7.5px 0 7.5px;
  border-color: #000000 transparent transparent;
  translate: -50% 100%;
}


    .content-box.dtts h2 {
    margin-top: 48px;
}
    .content-box.entry-tj h2 {
    margin-bottom: 12px;
}
    p.dtf-printer-btn {
    background-color: #fdd23e;
    color: #1a1a1a;
    width: 88%;
    padding: 10px;
    margin-top: 14px;
    border-radius: .25rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    text-align: center;
}
.content-box.entry-tj h4 {
    margin-top: 0px !important;
}

.content-box.entry-tj h4 {
    font-size: 22px !important;
}
.content-box.entry-tj h3 {
    margin: 0 !important;
    font-size: 32px !important;
    margin-top: 4px  !important;
        text-align: left !important;
}
a.dtf-printer-comparison-col img.printer-img {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 0 auto 10px;
}
.content-box.entry-tj {
    text-align: left !important;
    margin-bottom: 48px;
}

    a.dtf-printer-comparison-col img.logo {
    height: 30px;
    width: auto;
    display: block;
    margin-top: 14px;
}
    p.dtf-fearture-col.powder.less {
    background-image: linear-gradient(90deg, #fdd23c, #f7b33a);
}

    p.dtf-fearture-col.powder.with {background-color: #111111;
        color: #fdd23c;
}

.dtf-fearture-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
p.dtf-fearture-col.powder {
    width: 49%;
    padding: 4px;
    text-align: center;
}

p.dtf-fearture-col.media-width {
    width: 49%;
    padding: 4px;
    text-align: center;
}
p.dtf-fearture-col.media-width.type1 {
    background-color: #fdd23c;
}
p.dtf-fearture-col.media-width.type2 {
    background-color: #f9c03c;
}
p.dtf-fearture-col.media-width.type3 {
    background-color: #f6ad3a;
}
p.dtf-fearture-col.media-width.type4 {
    background-color: #fdde73;
}

div#faqSummaryBox {
    margin-top: 48px;
}


.movie-2col-box {
    margin-bottom: 40px;
 flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
	
.movie-2col-box iframe {
    display: block;
    width: 100%;
    height: 300px;
}
	.movie-2col-col {
    width: 49%;
}
	

	
	@media screen and (max-width: 1400px) {

        .im-reason-col.dtf {
        width: 49%;
        margin-bottom: 2%;
    }


.im-reason-col {
    width: 49%;
    margin-bottom: 2%;
}

.im-reason-col img {
    margin: 8px auto 4px;
}

}






	@media screen and (max-width: 767px) {

a.dtf-printer-comparison-col {
    width: 100% !important;
}







	.movie-2col-col {
    width: 100%;
}
		.movie-2col-col {
    width: 100%;
    margin-bottom: 16px;
}
		.movie-2col-box iframe {

    height: 194px;
}
		.movie-2col-box {
    margin-bottom: 24px;
 flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
	  }
	

.dtf-printer-comparison-inner-col {
  display: table-cell;
  vertical-align: middle;
}
.content-box.tj-solution img {
    margin-top: -16px;
}
.dtts-new-function-wrapper.support .dtts-new-function-box {
  justify-content: space-between;
}
.content-box.entry-tj h4 {
  font-size: 20px !important;
}
.dtf-printer-comparison-inner-box {
  display: table;
}
.dtf-printer-comparison-inner-col.image {
  width: 38%;
}
.dtf-printer-comparison-inner-col.text {
  padding-left: 2%;
}
a.dtf-printer-comparison-col {
  width: 48%;
  background-color: #fff;
     padding: 0 0 24px;
  margin-bottom: 2.4%;
}
.dtts-new-function-box a.dtts-new-function-col {
  margin: auto;
}
.content-box.entry-tj p.desc {
  height: auto !important;
  margin-bottom: 16px !important;
}
.dtf-printer-comparison-box {
  flex-wrap: wrap;
  justify-content: space-between;
}
.two-column-box a > img {
  margin-bottom: 8px;
}
floating-banner.line-bnr-side a[target="_blank"]:after {
  content: unset !important;
}
.floating-banner.line-bnr-side img {
  width: 52px;
  height: auto;
}
.floating-banner.line-bnr-side {
  bottom: 230px;
}
.tj-space {
  border: solid 1px #ddd;
  padding: 48px;
}
.tj-space img {
  max-width: 720px;
  width: 100%;
  display: block;
  margin: auto;
}
.dtts-new-function-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.dtts-new-function-col {
  width: 48.8%;
  border: solid 1px #21887f;
  text-align: center;
  color: #21887f;
  padding: 24px;
}
.dtts-new-function-wrapper {
  margin-bottom: 48px;
}
.dtts-new-function-col img {
  width: auto;
  height: 100px;
  display: block;
  margin: auto;
}
.dtts-new-function-col h3 {
  margin: 0 !important;
  font-size: 24px;
  line-height: 1.4;
}
.dtts-new-function-col p {
  font-weight: bold;
  margin: 8px auto 0;
}
.dtts-new-function-col.support h3 {
  margin-top: 12px !important;
}
.dtts-new-function-col.support p {
  text-align: left;
  color: #111;
  font-weight: normal;
}
.dtts-new-function-wrapper.support {
  margin-top: 48px;
}
.print-method-tj-col h4 {
  font-size: 20px;
  font-weight: bold;
}

p.separately-box {
    text-align: center;
    border: solid 1px #333;
    margin-top: 2%;
}
p.separately-box.none {
   border: solid 1px #fff;
}
@media screen and (max-width: 991px) {

p.dtf-fearture-col.powder {
    width: 100%;
    padding: 4px;
    text-align: center;
}
p.dtf-fearture-col.media-width {
    width: 100%;
    padding: 4px;
    text-align: center;
}
p.dtf-printer-btn {
    width: 100%;
}


	a.dtf-printer-comparison-col {

    margin-bottom: 0;
}
  .dtts-new-function-col h3 {
    font-size: 24px;
  }
  .dtts-new-function-col {
    width: 100% !important;
    margin-bottom: 24px;
  }
  .dtf-printer-comparison-inner-box {
    display: block;
  }
  .dtf-printer-comparison-inner-col {
    display: block;
    vertical-align: middle;
  }
  .dtf-printer-comparison-inner-col.image {
    width: 100%;
  }
  .dtf-printer-comparison-inner-col.text {
    padding-left: 0;
  }
  .dtf-printer-comparison-inner-col.image img {
    max-width: 400px;
  }
  .content-box.entry-tj h3 {
    font-size: 24px !important;
  }
	.fixed-page-wrapper h2 {
    font-size: 24px !important;
}
	.content-box.make-tj .content-box.tj-solution h2 {

    font-size: 24px !important;
}
p.separately-box {
    text-align: center;
    border: solid 1px #333;
    margin-top: 2%;
    line-height: 1.3;
    height: 44px;
    display: grid;
    place-items: center;
    font-size: 15px;
}
}
@media screen and (max-width: 767px) {

p.separately-box.none {
    display: none;
}


	.content-box.make-tj .content-box.tj-solution h2 {
    font-size: 22px !important;
}
  .content-box.entry-tj h3 {
    font-size: 22px !important;
  }
  .content-box.entry-tj h4 {
    font-size: 18px !important;
    line-height: 1.5 !important;
  }
  .tj-space {
    border: none;
    padding: 16px;
  }
  .tj-space img {
    max-width: 440px;
    width: 100%;
    display: block;
    margin: auto;
  }
}

@media screen and (max-width: 575px) {
.im-reason-col.dtf h3 {
    text-align: left;
    font-size: 20px;
    line-height: 1.3;
    margin: 16px auto 8px;
}
.im-reason-box {
    width: calc(100% + 15px);
    flex-wrap: nowrap;
        overflow-x: scroll;
        scrollbar-width: none;
}

.im-reason-col {
        flex: 0 0 240px;
        margin-right: 16px;
}
.im-reason-box.dtf.guide .im-reason-col {
    flex: 0 0 320px;
    margin-right: 16px;
}
   }

.dtf-mv-bnr-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 24px;
}
.content-box {
    margin-bottom: 24px;
}
a.dtf-mv-bnr-col {
    width: 49.5%;
    margin-bottom: 1%;
}
}

@media screen and (max-width:767px) {
/*　画面サイズが480pxからはここを読み込む　*/
a.dtf-mv-bnr-col {
    width: 100%;
    margin-bottom: 12px;
}
}
a.xtool-bnr img {
    display: block;
    margin: auto;
    border-radius: 12px;
    max-width: 900px;
    width: 100%;
}
.prod-cat-box {
    flex-wrap: wrap !important;
}
.prod-cat-box {
    justify-content: space-between !important;
}

/* --- Tab Menu Styles --- */
.tab {
    margin: 0 auto;
}

.tab__menu {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start; /* leftからflex-startに変更（同じ意味） */
    min-height: 50px;
    padding: 8px;
    margin: 0;
    background-color: #eaeaea;
    border-radius: 100vh;
    width: 100%;
}

.tab__menu-item {
    list-style: none;
    width: fit-content;
    padding: 8px 10px;
    text-align: center;
    margin-right: 6px;
    border-top-left-radius: 10px; /* 維持 */
    border-top-right-radius: 10px; /* 維持 */
    cursor: pointer;
    transition: all .3s;
    font-size: 15px;
    border-radius: 100vh;
    font-weight: 600;
}

.tab__menu-item:last-of-type {
    margin-right: 0;
}

.tab__menu-item.is-active {
    background-color: #212121;
    color: #ffffff;
    border-radius: 100vh;
}

.tab__panel {
    width: 100%;
}

.common-tab-panel {
    display: none;
}

.tab__panel-box.is-show {
    display: block;
}

<style>.accordion-003 {
    width: 100%;
    margin-bottom: 7px;
    border-bottom: 2px solid #d0d0d0;
}

.accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}



.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}

.faq-content {
    margin-top: 8px;
    margin-bottom: 48px;
}

summary {
    background-image: url(/wp/wp-content/uploads/icon-faq-question.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-y: center;
}


details.accordion-003 p {
    background-image: url(/wp/wp-content/uploads/icon-faq-answer.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-y: 7px;
}
details.accordion-003 a {
    text-decoration: underline;
}

    .item-page .useful-col {
    height: 260px;
}

/* Swiper Navigation Buttons (Common) */
.swiper-button-movie-next, .swiper-rtl .swiper-button-movie-prev {
    right: var(--swiper-navigation-sides-offset,10px); /* 維持 */
    left: auto;
    background-color: #111;
    opacity: 0.5;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}
.swiper-button-movie-next:after, .swiper-rtl .swiper-button-movie-prev:after {
    content: 'next';
    color: #fff;
    font-size: 20px;
}

.swiper-button-movie-prev, .swiper-rtl .swiper-button-movie-next{
    left: var(--swiper-navigation-sides-offset,10px); /* 維持 */
    right: auto;
    background-color: #111;
    opacity: 0.5;
    border-radius: 100%;
    width: 50px;
    height: 50px;
}
.swiper-button-movie-prev:after, .swiper-rtl .swiper-button-movie-next:after {
    content: 'prev';
    color: #fff;
    font-size: 20px;
}

/* Specific button positions (Overrides for non-RTL) */
.swiper-button-prod-prev, .swiper-button-movie-prev, .swiper-button-useful-prev, .swiper-button-support-prev {
    left: -25px;
}
.swiper-button-prod-next, .swiper-button-movie-next, .swiper-button-useful-next, .swiper-button-support-next {
    right: -25px;
}

.accordion-003 {
    width: 100%;
    margin-bottom: 7px;
    border-bottom: 2px solid #d0d0d0;
}

.accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}



.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}

.faq-content {
    margin-top: 8px;
    margin-bottom: 48px;
}

summary {
    background-image: url(/wp/wp-content/uploads/icon-faq-question.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-y: center;
}


details.accordion-003 p {
    background-image: url(/wp/wp-content/uploads/icon-faq-answer.png);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position-y: 7px;
}
details.accordion-003 a {
    text-decoration: underline;
}

                .prod-cat-box.dtf-sub-cat h3 {
    font-size: 17px !important;
    text-align: center !important;
}

.prod-cat-box.dtf-sub-cat .prod-cat-col:nth-child(7n) {
    margin-right: 0 !important;
}
@media screen and (max-width: 990px) {
.prod-cat-box.dtf-sub-cat a.prod-cat-col {
    width: 23% !important;
}
  }



@media screen and (max-width: 767px) {
.prod-cat-box.dtf-sub-cat {
    justify-content: space-between !important;
}
.prod-cat-box.dtf-sub-cat a.prod-cat-col {
    width: 49% !important;
    margin-right: 0;
}
    }