@charset "UTF-8";
/* ページ全体設定
---------------------------------------- */
:root {
  --colorMain: #FFE01B;
  --colorSub: #E60013;
  --colorTextMain: #000000;
  --colorTextSub: #FFFFFF;
  --colorBackGround: #FFFFFF;
  --size10px: 0.625rem;
  --size12px: 0.75rem;
  --size14px: 0.875rem;
  --size16px: 1rem;
  --size18px: 1.125rem;
  --size20px: 1.25rem;
  --size24px: 1.5rem;
  --size32px: 2rem;
  --size40px: 2.5rem;
  --size48px: 3rem;
  --size64px: 4rem;
  --fontJPMain: "Zen Kaku Gothic Antique", sans-serif;
  --fontJPSub: "Noto Sans JP", sans-serif;
  --fontEN: "Poppins", sans-serif;
  --headerHightSP: 105px;
  --headerHightPC: 105px;
}

main {
  color: var(--colorTextMain);
  font-size: 16px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  overflow-x: hidden;
}
@media screen and (min-width: 770px) {
  main {
    padding-top: var(--headerHightPC);
  }
}
main img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
main a {
  display: block;
  text-decoration: none;
  color: var(--colorTextMain);
}
main a:visited {
  color: var(--colorTextMain);
}
main a:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7;
}
main a[href*="tel:"] {
  display: inline-block;
}
@media screen and (min-width: 770px) {
  main a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}

.innerS {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 770px) {
  .innerS {
    max-width: 860px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}

.innerM {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 770px) {
  .innerM {
    max-width: 940px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}

.innerL {
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 770px) {
  .innerL {
    max-width: 1066px;
    margin: 0 auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
}

.textColorAccent {
  color: var(--colorSub);
}

.sectionNumber {
  position: relative;
}
@media screen and (max-width: 769px) {
  .sectionNumber {
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 770px) {
  .sectionNumber {
    margin-bottom: 48px;
  }
}
.sectionNumber .text {
  color: var(--colorSub);
  font-size: var(--size12px);
  font-weight: 600;
  font-family: var(--fontEN);
  letter-spacing: 0.04em;
  text-align: center;
}
.sectionNumber .number {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colorSub);
  font-size: var(--size32px);
  font-weight: 600;
  font-family: var(--fontEN);
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid var(--colorSub);
}

.sectionTitle {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 900;
  font-family: var(--fontJPMain);
  letter-spacing: 0.02em;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  .sectionTitle {
    font-size: var(--size20px);
  }
}
@media screen and (min-width: 770px) {
  .sectionTitle {
    font-size: 1.68rem;
  }
}
@media screen and (max-width: 769px) {
  .sectionTitle .accentText {
    font-size: 1.5em;
    line-height: 1.2;
  }
}
@media screen and (min-width: 770px) {
  .sectionTitle .accentText {
    font-size: 3.1em;
  }
}
.sectionTitle .accentText span {
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 769px) {
  .sectionTitle .accentText span {
    line-height: 1.2;
  }
}
.sectionTitle .accentText span::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  -webkit-text-stroke: 1px var(--colorTextMain);
}
@media screen and (max-width: 769px) {
  .sectionTitle .accentText span::before {
    -webkit-transform: translate(-1px, 7%);
            transform: translate(-1px, 7%);
  }
}
@media screen and (min-width: 770px) {
  .sectionTitle .accentText span::before {
    -webkit-transform: translate(-1px, -4px);
            transform: translate(-1px, -4px);
  }
}
.sectionTitle .accentText.colorYellow {
  color: var(--colorMain);
}

.lineTitle {
  position: relative;
}
.lineTitle span {
  position: relative;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 900;
  font-family: var(--fontJPMain);
  line-height: 1;
  padding: 0 1em;
  margin: 0 auto;
  background-color: var(--colorBackGround);
}
@media screen and (max-width: 769px) {
  .lineTitle span {
    font-size: var(--size20px);
  }
}
@media screen and (min-width: 770px) {
  .lineTitle span {
    font-size: var(--size32px);
  }
}
.lineTitle::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: #DFDFDF;
  -webkit-mask-image: url("images/lineTitle_bg.svg");
          mask-image: url("images/lineTitle_bg.svg");
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-size: auto;
          mask-size: auto;
}
.lineTitle.colorGreen {
  color: #007326;
}
.lineTitle.colorGreen::before {
  background-color: #007326;
}
.lineTitle.colorOrange {
  color: #FF5B1C;
}
.lineTitle.colorOrange::before {
  background-color: #FF5B1C;
}
.lineTitle.colorBlue {
  color: #005AB3;
}
.lineTitle.colorBlue::before {
  background-color: #005AB3;
}
.lineTitle.colorBrown {
  color: #4E1F00;
}
.lineTitle.colorBrown::before {
  background-color: #4E1F00;
}
.lineTitle.colorBlack {
  color: var(--colorTextMain);
}
.lineTitle.colorBlack::before {
  background-color: var(--colorTextMain);
}

@media screen and (max-width: 769px) {
  .linkBtn {
    width: 100%;
    height: 56px;
  }
}
@media screen and (min-width: 770px) {
  .linkBtn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 348px;
    height: 72px;
  }
}
.linkBtn a {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  font-family: var(--fontJPSub);
  font-weight: 700;
  border-radius: 50px;
}
@media screen and (max-width: 769px) {
  .linkBtn a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
  }
}
@media screen and (min-width: 770px) {
  .linkBtn a {
    padding: 0 48px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    gap: 24px;
  }
}
.linkBtn a::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-color: #DFDFDF;
  -webkit-mask-image: url("images/linkBtn_arrow.svg");
          mask-image: url("images/linkBtn_arrow.svg");
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-size: auto;
          mask-size: auto;
}
.linkBtn a:hover {
  opacity: unset;
  color: var(--colorTextSub) !important;
  background-color: var(--colorTextMain) !important;
}
.linkBtn a:hover::after {
  background-color: var(--colorTextSub) !important;
}
.linkBtn.colorGreen a {
  color: var(--colorTextSub);
  background-color: #007326;
}
.linkBtn.colorGreen a::after {
  background-color: var(--colorTextSub);
}
.linkBtn.colorYellow a {
  color: var(--colorTextMain);
  background-color: var(--colorMain);
}
.linkBtn.colorYellow a::after {
  background-color: var(--colorTextMain);
}
.linkBtn.colorRed a {
  color: var(--colorTextSub);
  background-color: var(--colorSub);
}
.linkBtn.colorRed a::after {
  background-color: var(--colorTextSub);
}

.speechBubble {
  position: relative;
}
@media screen and (max-width: 769px) {
  .speechBubble {
    width: calc(100% - 44px);
  }
}
@media screen and (min-width: 770px) {
  .speechBubble {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.speechBubble::before {
  content: "";
  display: block;
  width: 24px;
  height: 18px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  background-color: var(--colorTextMain);
  clip-path: polygon(30% 0%, 100% 0, 0% 100%);
}
.speechBubble span {
  position: relative;
  display: block;
  color: var(--colorTextSub);
  font-size: var(--size14px);
  font-weight: 700;
  font-family: var(--fontJPMain);
  text-align: center;
  letter-spacing: 0.06em;
  padding: 0.8em 0.5em;
  background-color: var(--colorTextMain);
}
@media screen and (max-width: 769px) {
  .speechBubble span {
    width: 100%;
  }
}
@media screen and (min-width: 770px) {
  .speechBubble span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.speechBubble span::before, .speechBubble span::after {
  content: "";
  display: block;
  width: 22px;
  height: 100%;
  position: absolute;
  background-color: var(--colorTextMain);
}
.speechBubble span::before {
  top: 0;
  left: 0;
  -webkit-transform: translateX(calc(-100% + 1px));
          transform: translateX(calc(-100% + 1px));
  clip-path: polygon(100% 0%, 0% 25%, 0% 75%, 100% 100%);
}
.speechBubble span::after {
  top: 0;
  right: 0;
  -webkit-transform: translateX(calc(100% - 1px));
          transform: translateX(calc(100% - 1px));
  clip-path: polygon(0% 0%, 100% 25%, 100% 75%, 0% 100%);
}

.pasteBox {
  position: relative;
}
.pasteBox::before, .pasteBox::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  .pasteBox::before, .pasteBox::after {
    width: 24px;
    height: 24px;
  }
}
@media screen and (min-width: 770px) {
  .pasteBox::before, .pasteBox::after {
    width: 48px;
    height: 48px;
  }
}
.pasteBox::before {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -64%);
          transform: translate(-50%, -64%);
  background-image: url("images/thumbtack_blue_white.svg");
}
.pasteBox::after {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -64%);
          transform: translate(50%, -64%);
  background-image: url("images/thumbtack_green_white.svg");
}

/* ヘッダー
---------------------------------------- */
#mainMenu,
#menuCategory {
  display: none;
}

/* メインビジュアル
---------------------------------------- */
#mainVisual {
  position: relative;
  width: 100%;
  background-color: var(--colorMain);
}
@media screen and (max-width: 769px) {
  #mainVisual {
    height: calc(100svh - var(--headerHightSP));
  }
}
@media screen and (min-width: 770px) {
  #mainVisual {
    height: calc(100svh - var(--headerHightPC));
  }
}
#mainVisual::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(35%, 0);
          transform: translate(35%, 0);
  background-image: url("images/blick_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 769px) {
  #mainVisual::before {
    width: 82%;
    padding-top: 32.303030303%;
  }
}
@media screen and (min-width: 770px) {
  #mainVisual::before {
    width: 33%;
    padding-top: 12.9130434783%;
  }
}
#mainVisual::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("images/blick_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 769px) {
  #mainVisual::after {
    width: 82%;
    padding-top: 32.303030303%;
    -webkit-transform: translate(-56%, -10%);
            transform: translate(-56%, -10%);
  }
}
@media screen and (min-width: 770px) {
  #mainVisual::after {
    width: 35%;
    padding-top: 13.6956521739%;
    -webkit-transform: translate(-56%, 0);
            transform: translate(-56%, 0);
  }
}
#mainVisual .mainVisualInner {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 769px) {
  #mainVisual .mainVisualInner {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media screen and (min-width: 770px) {
  #mainVisual .mainVisualInner {
    padding-left: 10%;
    padding-right: 10%;
  }
}
#mainVisual .mainVisualInner .textBox {
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 769px) {
  #mainVisual .mainVisualInner .textBox .textBoxInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
  }
}
@media screen and (min-width: 770px) {
  #mainVisual .mainVisualInner .textBox .textBoxInner {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%) rotate(-5deg);
            transform: translate(0, -50%) rotate(-5deg);
  }
}
#mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualMainText {
  font-family: var(--fontJPMain);
  font-weight: 900;
  line-height: 1.2;
}
@media screen and (max-width: 769px) {
  #mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualMainText {
    font-size: clamp(2rem, 0.5723350254rem + 6.0913705584vw, 3.5rem);
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@media screen and (min-width: 770px) {
  #mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualMainText {
    font-size: clamp(2.5rem, 1.2094972067rem + 2.6815642458vw, 5.5rem);
    margin-bottom: 0.4em;
  }
}
#mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualMainText .accentText {
  color: var(--colorTextSub);
  text-shadow: 2px 2px 0 var(--colorTextMain), -2px 2px 0 var(--colorTextMain), 2px -2px 0 var(--colorTextMain), -2px -2px 0 var(--colorTextMain), 0 2px 0 var(--colorTextMain), 2px 0 0 var(--colorTextMain), -2px 0 0 var(--colorTextMain), 0 -2px 0 var(--colorTextMain), 8px 8px 0 var(--colorTextMain);
}
#mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualMainText .accentText.accentTextSub {
  font-size: 1.6em;
}
#mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualMainText .accentText.accentTextMain {
  font-size: 2em;
}
@media screen and (max-width: 769px) {
  #mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualMainText .accentText.accentTextMain {
    line-height: 1;
  }
}
@media screen and (max-width: 769px) {
  #mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualMainText span {
    line-height: 1.5;
  }
}
@media screen and (max-width: 769px) {
  #mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualPriceImage {
    width: 100%;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 770px) {
  #mainVisual .mainVisualInner .textBox .textBoxInner .mainVisualPriceImage {
    width: 84%;
  }
}
@media screen and (max-width: 769px) {
  #mainVisual .mainVisualBgShirt {
    width: 90%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media screen and (min-width: 770px) {
  #mainVisual .mainVisualBgShirt {
    width: 40%;
    min-width: 720px;
    position: absolute;
    right: 0;
    bottom: 4%;
    z-index: 0;
  }
}

/* リードコンテンツ
---------------------------------------- */
#productivity {
  position: relative;
  background-color: var(--colorMain);
}
@media screen and (max-width: 769px) {
  #productivity {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 770px) {
  #productivity {
    padding-top: 160px;
    padding-bottom: 80px;
  }
}
#productivity::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("images/blick_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 769px) {
  #productivity::before {
    width: 82%;
    padding-top: 32.303030303%;
    -webkit-transform: translate(50%, -32%);
            transform: translate(50%, -32%);
  }
}
@media screen and (min-width: 770px) {
  #productivity::before {
    width: 35%;
    padding-top: 13.6956521739%;
    -webkit-transform: translate(0, -32%);
            transform: translate(0, -32%);
  }
}
#productivity .productivityTitleEn {
  color: var(--colorSub);
  font-size: var(--size14px);
  font-weight: 900;
  font-family: var(--fontJPMain);
  letter-spacing: 0.12em;
  text-align: center;
}
#productivity .productivityTitleJp {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colorSub);
  font-weight: 900;
  font-family: var(--fontJPMain);
  line-height: 1.2;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 769px) {
  #productivity .productivityTitleJp {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityTitleJp {
    font-size: clamp(5rem, 1.7701342282rem + 6.711409396vw, 7.5rem);
  }
}
#productivity .productivityTitleJp::before, #productivity .productivityTitleJp::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  background-color: #007326;
  -webkit-mask-image: url("images/titleDecoration_strong.svg");
          mask-image: url("images/titleDecoration_strong.svg");
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media screen and (max-width: 769px) {
  #productivity .productivityTitleJp::before, #productivity .productivityTitleJp::after {
    width: 24px;
    height: 50px;
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityTitleJp::before, #productivity .productivityTitleJp::after {
    width: 72px;
    height: 150px;
  }
}
#productivity .productivityTitleJp::before {
  left: 0;
}
@media screen and (max-width: 769px) {
  #productivity .productivityTitleJp::before {
    -webkit-transform: translate(calc(-100% - 24px), -50%);
            transform: translate(calc(-100% - 24px), -50%);
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityTitleJp::before {
    -webkit-transform: translate(calc(-100% - 32px), -50%);
            transform: translate(calc(-100% - 32px), -50%);
  }
}
#productivity .productivityTitleJp::after {
  right: 0;
}
@media screen and (max-width: 769px) {
  #productivity .productivityTitleJp::after {
    -webkit-transform: translate(calc(100% + 24px), -50%) scale(-1, 1);
            transform: translate(calc(100% + 24px), -50%) scale(-1, 1);
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityTitleJp::after {
    -webkit-transform: translate(calc(100% + 32px), -50%) scale(-1, 1);
            transform: translate(calc(100% + 32px), -50%) scale(-1, 1);
  }
}
#productivity .productivityTitleJp span {
  position: relative;
}
#productivity .productivityTitleJp span:nth-of-type(1)::after {
  content: "圧倒的な";
}
#productivity .productivityTitleJp span:nth-of-type(2)::after {
  content: "生産力";
}
#productivity .productivityTitleJp span::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: transparent;
  -webkit-text-stroke: 1px var(--colorTextSub);
}
@media screen and (max-width: 769px) {
  #productivity .productivityTitleJp span::after {
    -webkit-transform: translate(1px, 10%);
            transform: translate(1px, 10%);
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityTitleJp span::after {
    -webkit-transform: translate(2px, 10%);
            transform: translate(2px, 10%);
  }
}
#productivity .productivityContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  #productivity .productivityContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityContainer {
    gap: 10%;
    margin-top: 40px;
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityContainer .textBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#productivity .productivityContainer .textBox .labelText {
  color: var(--colorTextSub);
  background-color: var(--colorSub);
  text-align: center;
  font-family: var(--fontJPMain);
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 769px) {
  #productivity .productivityContainer .textBox .labelText {
    font-size: var(--size14px);
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityContainer .textBox .labelText {
    font-size: 1.375rem;
  }
}
#productivity .productivityContainer .textBox .numberImage {
  width: 100%;
  margin-top: 32px;
}
@media screen and (max-width: 769px) {
  #productivity .productivityContainer .textBox .numberImage {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}
#productivity .productivityContainer .textBox .mainText {
  font-weight: 900;
  font-family: var(--fontJPMain);
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin-top: 0.6em;
}
@media screen and (max-width: 769px) {
  #productivity .productivityContainer .textBox .mainText {
    text-align: center;
    margin-top: 8px;
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityContainer .textBox .mainText {
    font-size: var(--size24px);
  }
}
#productivity .productivityContainer .textBox .subText {
  font-weight: bold;
  margin-top: 1.125em;
}
@media screen and (max-width: 769px) {
  #productivity .productivityContainer .textBox .subText {
    text-align: center;
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityContainer .textBox .subText {
    font-size: var(--size18px);
  }
}
@media screen and (min-width: 770px) {
  #productivity .productivityContainer .imageBox {
    width: 28%;
    max-width: 270px;
  }
}

/*----------------------------------------
point 01 (プリント)
----------------------------------------*/
#print {
  background-color: var(--colorMain);
}

/* 背景が T シャツのコンテンツ
---------------------------------------- */
.shirtBoxPrintWrap {
  position: relative;
}
.shirtBoxPrintWrap::before {
  content: "";
  display: block;
  width: 33%;
  padding-top: 12.9130434783%;
  position: absolute;
  bottom: 22%;
  right: 0;
  -webkit-transform: translate(35%, 0);
          transform: translate(35%, 0);
  background-image: url("images/blick_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}
.shirtBoxPrintWrap::after {
  content: "";
  display: block;
  width: 35%;
  padding-top: 13.8541666667%;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-58%, 40%);
          transform: translate(-58%, 40%);
  background-image: url("images/blick_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}

.shirtBoxPrint {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint {
    background-color: var(--colorBackGround);
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint {
    background-size: 2150px 100%;
    background-image: url("images/shirt_bg_white.svg");
    background-repeat: no-repeat;
    background-position: center center;
  }
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .innerL {
    padding-left: unset;
    padding-right: unset;
    padding-top: 56px;
    padding-bottom: 56px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .innerL {
    padding-top: 112px;
    padding-bottom: 102px;
  }
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .sectionTitle .accentText {
    font-size: 3.5rem;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .sectionTitle .accentText {
    font-size: clamp(3.75rem, 2.1350671141rem + 3.355704698vw, 5rem);
  }
}
.shirtBoxPrint .sectionTitle .accentText span:nth-of-type(1)::before {
  content: "洗濯に強い";
}
.shirtBoxPrint .sectionTitle .accentText span:nth-of-type(2)::before {
  content: "プリント";
}
.shirtBoxPrint .printContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .printContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .printContainer {
    margin-top: 64px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .printContainer .printBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.shirtBoxPrint .printContainer .printBox .accentText {
  font-weight: bold;
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .printContainer .printBox .accentText {
    font-size: var(--size14px);
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .printContainer .printBox .accentText {
    font-size: clamp(1rem, 0.6770134228rem + 0.6711409396vw, 1.25rem);
  }
}
.shirtBoxPrint .printContainer .printBox .accentText::before {
  content: "▼";
  display: inline-block;
  margin-right: 0.5em;
}
.shirtBoxPrint .printContainer .printBox .printName {
  color: var(--colorTextSub);
  font-family: var(--fontJPSub);
  font-weight: 900;
  padding: 0.4em 0.5em;
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .printContainer .printBox .printName {
    font-size: var(--size20px);
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .printContainer .printBox .printName {
    font-size: clamp(1.375rem, 0.567533557rem + 1.677852349vw, 2rem);
  }
}
.shirtBoxPrint .printContainer .printBox .text {
  font-weight: bold;
  margin-top: 0.8em;
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .printContainer .printBox .image {
    margin-top: 8px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .printContainer .printBox .image {
    margin-top: 24px;
  }
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .printContainer .printBox.positionLeft {
    padding-bottom: 24px;
    border-bottom: 1px solid #BBBBBB;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .printContainer .printBox.positionLeft {
    padding-right: 3.4%;
    border-right: 1px solid #BBBBBB;
  }
}
.shirtBoxPrint .printContainer .printBox.positionLeft .accentText {
  color: var(--colorSub);
}
.shirtBoxPrint .printContainer .printBox.positionLeft .printName {
  background-image: url("images/printTitle_silkscreen_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .printContainer .printBox.positionRight {
    padding-top: 24px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .printContainer .printBox.positionRight {
    padding-left: 3.4%;
  }
}
.shirtBoxPrint .printContainer .printBox.positionRight .accentText {
  color: #005AB3;
}
.shirtBoxPrint .printContainer .printBox.positionRight .printName {
  background-image: url("images/printTitle_embridery_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
}
.shirtBoxPrint .shirtBoxText {
  font-family: var(--fontJPMain);
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .shirtBoxText {
    margin-top: 40px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .shirtBoxText {
    font-size: var(--size32px);
    margin-top: 72px;
  }
}
.shirtBoxPrint .shirtBoxText .accentText {
  font-weight: 900;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, transparent), color-stop(64%, var(--colorMain)));
  background: linear-gradient(transparent 64%, var(--colorMain) 64%);
  padding-left: 0.25em;
}
.shirtBoxPrint .shirtBoxText span {
  font-size: 0.75em;
}
@media screen and (max-width: 769px) {
  .shirtBoxPrint .logoImage {
    width: 300px;
    margin: 24px auto 0;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxPrint .logoImage {
    width: 400px;
    margin: 44px auto 0;
  }
}

/* コーディネートアイテムもおまかせください
---------------------------------------- */
.coordination {
  position: relative;
}
@media screen and (max-width: 769px) {
  .coordination {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 770px) {
  .coordination {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.coordination > .innerM {
  position: relative;
}
.coordination::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 40%;
  right: 0;
  -webkit-transform: translate(35%, 0);
          transform: translate(35%, 0);
  background-image: url("images/blick_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 769px) {
  .coordination::before {
    width: 82%;
    padding-top: 32.303030303%;
  }
}
@media screen and (min-width: 770px) {
  .coordination::before {
    width: 33%;
    padding-top: 12.9130434783%;
  }
}
.coordination .coordinationTitle {
  margin: 0 auto;
  line-height: 1.2;
  text-align: center;
}
.coordination .coordinationTitle::before {
  clip-path: polygon(10% 0%, 70% 0%, 100% 50%, 0% 100%, 48% 50%);
}
@media screen and (max-width: 769px) {
  .coordination .coordinationTitle::before {
    width: 24px;
    height: 25px;
    -webkit-transform: translate(-50%, 80%) scale(-1, 1);
            transform: translate(-50%, 80%) scale(-1, 1);
  }
}
@media screen and (min-width: 770px) {
  .coordination .coordinationTitle::before {
    width: 52px;
    height: 55px;
    -webkit-transform: translate(-50%, 80%);
            transform: translate(-50%, 80%);
  }
}
@media screen and (max-width: 769px) {
  .coordination .coordinationTitle span {
    font-size: var(--size20px);
  }
}
@media screen and (min-width: 770px) {
  .coordination .coordinationTitle span {
    font-size: clamp(1.75rem, 1.4270134228rem + 0.6711409396vw, 2rem);
    padding: 1em 0.5em;
  }
}
.coordination .coordinationContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .coordination .coordinationContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .coordination .coordinationContainer {
    gap: 5.5%;
    margin-top: 88px;
  }
}
@media screen and (max-width: 769px) {
  .coordination .coordinationContainer .imageBox {
    max-width: 240px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 770px) {
  .coordination .coordinationContainer .imageBox {
    width: 32%;
    max-width: 300px;
  }
}
@media screen and (min-width: 770px) {
  .coordination .coordinationContainer .detailBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 520px;
  }
}
.coordination .coordinationContainer .detailBox .subText {
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 769px) {
  .coordination .coordinationContainer .detailBox .subText {
    text-align: center;
  }
}
@media screen and (min-width: 770px) {
  .coordination .coordinationContainer .detailBox .subText {
    font-size: var(--size20px);
  }
}
.coordination .coordinationContainer .detailBox .subText strong {
  font-size: 2.4em;
  font-family: var(--fontEN);
  font-weight: 700;
}
.coordination .coordinationContainer .detailBox .mainText {
  font-weight: bold;
}
@media screen and (max-width: 769px) {
  .coordination .coordinationContainer .detailBox .mainText {
    font-size: var(--size20px);
    text-align: center;
  }
}
@media screen and (min-width: 770px) {
  .coordination .coordinationContainer .detailBox .mainText {
    font-size: var(--size24px);
  }
}
.coordination .coordinationContainer .detailBox .accentText {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  color: var(--colorSub);
  font-family: var(--fontJPMain);
  font-weight: 900;
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
}
@media screen and (max-width: 769px) {
  .coordination .coordinationContainer .detailBox .accentText {
    font-size: var(--size20px);
    margin: 0 auto;
  }
}
@media screen and (min-width: 770px) {
  .coordination .coordinationContainer .detailBox .accentText {
    font-size: var(--size32px);
  }
}
.coordination .coordinationContainer .detailBox .image {
  margin-top: 24px;
}
@media screen and (max-width: 769px) {
  .coordination .lineTitle {
    margin-top: 48px;
  }
}
@media screen and (min-width: 770px) {
  .coordination .lineTitle {
    margin-top: 96px;
  }
}
.coordination .lineTitle span {
  background-color: var(--colorMain);
}
.coordination .productList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .coordination .productList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 32px 16px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .coordination .productList {
    gap: 15%;
    width: 82%;
    max-width: 774px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 56px;
  }
}
.coordination .productList .productListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 769px) {
  .coordination .productList .productListItem {
    width: calc((100% - 16px) / 2);
  }
}
@media screen and (min-width: 770px) {
  .coordination .productList .productListItem {
    width: 23.3333333333%;
  }
}
.coordination .productList .productListItem .productTitle::before {
  background-color: #67322E;
}
.coordination .productList .productListItem .productTitle span {
  background-color: #67322E;
}
@media screen and (min-width: 770px) {
  .coordination .productList .productListItem .productTitle span {
    font-size: var(--size20px);
  }
}
.coordination .productList .productListItem .productTitle span::before, .coordination .productList .productListItem .productTitle span::after {
  background-color: #67322E;
}
.coordination .productList .productListItem .image {
  margin-top: 24px;
}
.coordination .productList .productListItem .linkBtn {
  height: 48px;
  margin-top: 16px;
}
@media screen and (min-width: 770px) {
  .coordination .productList .productListItem .linkBtn {
    min-width: unset;
    width: 194px;
  }
}
.coordination .productList .productListItem .linkBtn a {
  gap: 8px;
  padding: 0 1em;
}
@media screen and (max-width: 769px) {
  .coordination .productList .productListItem .linkBtn a {
    font-size: var(--size12px);
  }
}
@media screen and (min-width: 770px) {
  .coordination .productList .productListItem .linkBtn a {
    font-size: var(--size14px);
  }
}

/*----------------------------------------
point 02 (低コストで高クオリティ)
----------------------------------------*/
#cost {
  background-color: var(--colorBackGround);
}
@media screen and (max-width: 769px) {
  #cost {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 770px) {
  #cost {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
#cost .sectionTitle .accentText {
  position: relative;
  color: var(--colorSub);
}
@media screen and (max-width: 769px) {
  #cost .sectionTitle .accentText {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 770px) {
  #cost .sectionTitle .accentText {
    font-size: clamp(3.5rem, 1.5620805369rem + 4.0268456376vw, 5rem);
  }
}
#cost .sectionTitle .accentText::before, #cost .sectionTitle .accentText::after {
  content: "";
  display: block;
  background-image: url("images/costTitle_dacoration.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  #cost .sectionTitle .accentText::before, #cost .sectionTitle .accentText::after {
    width: 40px;
    height: 24px;
  }
}
@media screen and (min-width: 770px) {
  #cost .sectionTitle .accentText::before, #cost .sectionTitle .accentText::after {
    width: 62px;
    height: 38px;
  }
}
#cost .sectionTitle .accentText::before {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 769px) {
  #cost .sectionTitle .accentText::before {
    -webkit-transform: translate(-120%, -16%);
            transform: translate(-120%, -16%);
  }
}
@media screen and (min-width: 770px) {
  #cost .sectionTitle .accentText::before {
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
}
#cost .sectionTitle .accentText::after {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 769px) {
  #cost .sectionTitle .accentText::after {
    -webkit-transform: translate(80%, -16%) scale(-1, 1);
            transform: translate(80%, -16%) scale(-1, 1);
  }
}
@media screen and (min-width: 770px) {
  #cost .sectionTitle .accentText::after {
    -webkit-transform: translate(100%, -50%) scale(-1, 1);
            transform: translate(100%, -50%) scale(-1, 1);
  }
}
#cost .sectionTitle span:nth-of-type(1)::before {
  content: "低コストで";
}
#cost .sectionTitle span:nth-of-type(2)::before {
  content: "高クオリティ";
}
@media screen and (max-width: 769px) {
  #cost .sectionTitle .subText {
    font-size: 1.25em;
  }
}
@media screen and (min-width: 770px) {
  #cost .sectionTitle .subText {
    font-size: 1.5em;
  }
}
#cost .costNodeText {
  color: #FF5B1C;
  font-weight: 900;
  font-family: var(--fontJPMain);
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 769px) {
  #cost .costNodeText {
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  #cost .costNodeText {
    margin-top: 64px;
  }
}

/* CROSS のシルクスクリーンプリントの特長
---------------------------------------- */
@media screen and (max-width: 769px) {
  .feature {
    margin-top: 40px;
  }
}
@media screen and (min-width: 770px) {
  .feature {
    margin-top: 80px;
  }
}
.feature .featureBox {
  background-color: var(--colorTextMain);
}
@media screen and (max-width: 769px) {
  .feature .featureBox > .innerM {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 770px) {
  .feature .featureBox > .innerM {
    padding-top: 52px;
    padding-bottom: 72px;
  }
}
.feature .featureTitle {
  color: var(--colorMain);
  font-weight: 900;
  font-family: var(--fontJPMain);
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .feature .featureTitle {
    font-size: var(--size18px);
  }
}
@media screen and (min-width: 770px) {
  .feature .featureTitle {
    font-size: 2.625rem;
  }
}
.feature .featureText {
  color: var(--colorTextSub);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .feature .featureText {
    margin-top: 24px;
  }
}
@media screen and (min-width: 770px) {
  .feature .featureText {
    margin-top: 40px;
  }
}
.feature .featureList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .feature .featureList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .feature .featureList {
    gap: 8%;
    max-width: 780px;
    margin: 56px auto 0;
  }
}
@media screen and (max-width: 769px) {
  .feature .featureList .featureListItem {
    width: calc((100% - 16px) / 2);
  }
}
@media screen and (min-width: 770px) {
  .feature .featureList .featureListItem {
    width: 19%;
  }
}
.feature .featureList .featureListItem .text {
  position: relative;
  color: var(--colorTextMain);
  font-family: var(--fontJPMain);
  font-weight: 700;
  text-align: center;
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
}
@media screen and (min-width: 770px) {
  .feature .featureList .featureListItem .text {
    font-size: var(--size20px);
  }
}
@media screen and (max-width: 769px) {
  .feature .inkGoldImage {
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .feature .inkGoldImage {
    max-width: 780px;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 769px) {
  .feature .featureTable {
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .feature .featureTable {
    margin-top: 64px;
  }
}
@media screen and (max-width: 769px) {
  .feature .example {
    margin-top: 40px;
  }
}
@media screen and (min-width: 770px) {
  .feature .example {
    margin-top: 80px;
  }
}
@media screen and (max-width: 769px) {
  .feature .example > .innerM {
    padding-left: unset;
    padding-right: unset;
  }
}
.feature .exampleBox {
  position: relative;
  background-color: var(--colorBackGround);
}
.feature .exampleBox::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url("images/exampleBox_person.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  .feature .exampleBox::before {
    width: 40px;
    height: 109px;
    -webkit-transform: translate(-50%, 10%);
            transform: translate(-50%, 10%);
  }
}
@media screen and (min-width: 770px) {
  .feature .exampleBox::before {
    width: 67px;
    height: 184px;
    -webkit-transform: translate(-150%, 56%);
            transform: translate(-150%, 56%);
  }
}
@media screen and (max-width: 769px) {
  .feature .exampleBox .innerS {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 770px) {
  .feature .exampleBox .innerS {
    padding-top: 40px;
    padding-bottom: 56px;
  }
}
.feature .exampleBox .exampleContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .feature .exampleBox .exampleContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .feature .exampleBox .exampleContainer {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8%;
    max-width: 776px;
    margin: 40px auto 0;
  }
}
@media screen and (min-width: 770px) {
  .feature .exampleBox .exampleContainer .imageBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.feature .exampleBox .exampleContainer .detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em 0;
}
@media screen and (min-width: 770px) {
  .feature .exampleBox .exampleContainer .detailBox {
    width: 344px;
  }
}
.feature .exampleBox .exampleContainer .detailBox dt {
  width: 5em;
  font-weight: bold;
}
.feature .exampleBox .exampleContainer .detailBox dd {
  width: calc(100% - 5em);
}
.feature .exampleBox .exampleContainer .detailBox dd::before {
  content: ": ";
  display: inline-block;
  -webkit-transform: translateX(-0.5em);
          transform: translateX(-0.5em);
}
.feature .exampleBox .exampleText {
  font-weight: bold;
  text-align: center;
  margin-top: 32px;
}
.feature .exampleBox .exampleTableImage {
  margin-top: 16px;
}

/* T シャツボディ代
---------------------------------------- */
@media screen and (max-width: 769px) {
  .priceShirt {
    margin-top: 64px;
  }
}
@media screen and (min-width: 770px) {
  .priceShirt {
    margin-top: 120px;
  }
}
.priceShirt .priceShirtBox {
  position: relative;
  background-color: #007326;
  margin-top: 24px;
}
.priceShirt .priceShirtBox::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  -webkit-transform: translate(35%, 0);
          transform: translate(35%, 0);
  background-image: url("images/priceShirtBox_personTop.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  .priceShirt .priceShirtBox::before {
    width: 40px;
    height: 89px;
    top: 24px;
  }
}
@media screen and (min-width: 770px) {
  .priceShirt .priceShirtBox::before {
    width: 82px;
    height: 184px;
    top: 9%;
  }
}
.priceShirt .priceShirtBox::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  -webkit-transform: translate(-35%, 0);
          transform: translate(-35%, 0);
  background-image: url("images/priceShirtBox_personBottom.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  .priceShirt .priceShirtBox::after {
    width: 56px;
    height: 92px;
    bottom: 24px;
  }
}
@media screen and (min-width: 770px) {
  .priceShirt .priceShirtBox::after {
    width: 110px;
    height: 182px;
    bottom: 4%;
  }
}
@media screen and (max-width: 769px) {
  .priceShirt .innerM {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 770px) {
  .priceShirt .innerM {
    padding-top: 56px;
    padding-bottom: 72px;
  }
}
.priceShirt .subTitle {
  position: relative;
  color: var(--colorTextSub);
  font-family: var(--fontJPMain);
  font-weight: 900;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .priceShirt .subTitle {
    font-size: var(--size18px);
  }
}
@media screen and (min-width: 770px) {
  .priceShirt .subTitle {
    font-size: var(--size24px);
  }
}
.priceShirt .mainTitle {
  color: var(--colorTextSub);
  font-family: var(--fontJPMain);
  font-weight: 900;
  text-align: center;
  line-height: 1.5;
  margin-top: 0.25em;
}
@media screen and (max-width: 769px) {
  .priceShirt .mainTitle {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 770px) {
  .priceShirt .mainTitle {
    font-size: var(--size32px);
  }
}
.priceShirt .mainTitle strong {
  color: var(--colorMain);
}
.priceShirt .leadText {
  color: var(--colorTextSub);
  font-weight: bold;
  text-align: center;
  line-height: 2;
  margin-top: 2em;
}
.priceShirt .shirtList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .priceShirt .shirtList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 116px;
    margin-top: 120px;
  }
}
@media screen and (min-width: 770px) {
  .priceShirt .shirtList {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 2%;
    margin-top: 120px;
  }
}
.priceShirt .shirtList .shirtListItem {
  position: relative;
  background-color: var(--colorBackGround);
}
@media screen and (min-width: 770px) {
  .priceShirt .shirtList .shirtListItem {
    width: 32%;
  }
}
.priceShirt .shirtList .shirtListItem a {
  display: block;
  padding: 32px 10% 24px;
  text-decoration: none;
}
.priceShirt .shirtList .shirtListItem .shirtListItemHeader {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -110%);
          transform: translate(-50%, -110%);
  pointer-events: none;
}
.priceShirt .shirtList .shirtListItem .shirtListItemHeader span {
  letter-spacing: unset;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(2.8em + 32px);
}
.priceShirt .shirtList .shirtListItem .code {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.2;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: 16px;
  border: 1px solid var(--colorTextMain);
}
.priceShirt .shirtList .shirtListItem .itemName {
  color: var(--colorTextMain);
  font-family: var(--fontJPMain);
  font-weight: 900;
  margin-top: 0.25em;
}
.priceShirt .shirtList .shirtListItem .label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colorTextSub);
  font-weight: bold;
  font-size: var(--size12px);
  padding: 0.25em 0.5em;
  background-color: var(--colorSub);
  margin-top: 1.3em;
}
.priceShirt .shirtList .shirtListItem .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 4px;
  color: var(--colorSub);
  font-weight: 900;
  font-size: var(--size32px);
  font-family: var(--fontJPMain);
}
@media screen and (min-width: 769px) and (max-width: 899px) {
  .priceShirt .shirtList .shirtListItem .price {
    font-size: var(--size24px);
  }
}
.priceShirt .shirtList .shirtListItem .price sub {
  font-size: 0.4em;
  font-weight: 500;
}
.priceShirt .otherText {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 769px) {
  .priceShirt .otherText {
    margin: 32px auto 0;
  }
}
@media screen and (min-width: 770px) {
  .priceShirt .otherText {
    margin: 56px auto 0;
  }
}
.priceShirt .otherText::before, .priceShirt .otherText::after {
  content: "";
  display: block;
  width: 1px;
  height: 56px;
  border-left: 2px solid var(--colorTextSub);
}
.priceShirt .otherText::before {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-16px, 0) rotate(-30deg);
          transform: translate(-16px, 0) rotate(-30deg);
}
.priceShirt .otherText::after {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(16px, 0) rotate(30deg);
          transform: translate(16px, 0) rotate(30deg);
}
.priceShirt .otherText .subText {
  color: var(--colorTextSub);
  font-weight: 700;
  font-family: var(--fontJPMain);
  text-align: center;
}
.priceShirt .otherText .mainText {
  color: var(--colorTextSub);
  font-size: var(--size24px);
  font-weight: 900;
  font-family: var(--fontJPMain);
  text-align: center;
}
.priceShirt .linkBtn {
  margin: 16px auto 0;
}

/* 型代
---------------------------------------- */
@media screen and (max-width: 769px) {
  .priceCourse {
    margin-top: 64px;
  }
}
@media screen and (min-width: 770px) {
  .priceCourse {
    margin-top: 120px;
  }
}
.priceCourse .priceCourseContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
}
@media screen and (max-width: 769px) {
  .priceCourse .priceCourseContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media screen and (min-width: 770px) {
  .priceCourse .priceCourseContainer {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 1.8%;
  }
}
.priceCourse .priceCourseContainer .priceCourseBox {
  position: relative;
  padding: 10px;
}
@media screen and (min-width: 770px) {
  .priceCourse .priceCourseContainer .priceCourseBox {
    width: 49.1%;
  }
}
.priceCourse .priceCourseContainer .priceCourseBox .priceCourseBoxInner {
  padding: 30px 6%;
}
.priceCourse .priceCourseContainer .priceCourseBox .subText::before {
  content: "▼";
  display: inline-block;
  margin-right: 0.2em;
}
.priceCourse .priceCourseContainer .priceCourseBox .mainText {
  font-weight: 900;
  font-family: var(--fontJPMain);
  margin-top: 0.75em;
}
@media screen and (max-width: 769px) {
  .priceCourse .priceCourseContainer .priceCourseBox .mainText {
    font-size: var(--size24px);
  }
}
@media screen and (min-width: 770px) {
  .priceCourse .priceCourseContainer .priceCourseBox .mainText {
    font-size: var(--size32px);
  }
}
.priceCourse .priceCourseContainer .priceCourseBox .mainText span {
  position: relative;
}
.priceCourse .priceCourseContainer .priceCourseBox .mainText span::before {
  content: "・・";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-0.75em);
          transform: translateY(-0.75em);
}
.priceCourse .priceCourseContainer .priceCourseBox .price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: var(--size40px);
  font-weight: 900;
  font-family: var(--fontJPMain);
  line-height: 1.2;
  margin-top: 32px;
}
.priceCourse .priceCourseContainer .priceCourseBox .price sub {
  font-size: 0.375em;
  padding-right: 0.5em;
}
.priceCourse .priceCourseContainer .priceCourseBox.positionLeft {
  background-color: #FF5B1C;
}
.priceCourse .priceCourseContainer .priceCourseBox.positionLeft::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 40px;
  right: 40px;
  background-image: url("images/cource_storage.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  .priceCourse .priceCourseContainer .priceCourseBox.positionLeft::after {
    width: 64px;
    height: 32px;
  }
}
@media screen and (min-width: 770px) {
  .priceCourse .priceCourseContainer .priceCourseBox.positionLeft::after {
    width: 126px;
    height: 63px;
  }
}
.priceCourse .priceCourseContainer .priceCourseBox.positionLeft .priceCourseBoxInner {
  border: 1px solid var(--colorBackGround);
}
.priceCourse .priceCourseContainer .priceCourseBox.positionLeft * {
  color: var(--colorTextSub);
}
.priceCourse .priceCourseContainer .priceCourseBox.positionRight {
  background-color: var(--colorMain);
}
.priceCourse .priceCourseContainer .priceCourseBox.positionRight::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 40px;
  right: 40px;
  background-image: url("images/cource_noStorage.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  .priceCourse .priceCourseContainer .priceCourseBox.positionRight::after {
    width: 24px;
    height: 30px;
  }
}
@media screen and (min-width: 770px) {
  .priceCourse .priceCourseContainer .priceCourseBox.positionRight::after {
    width: 50px;
    height: 63px;
  }
}
.priceCourse .priceCourseContainer .priceCourseBox.positionRight .priceCourseBoxInner {
  border: 1px solid var(--colorTextMain);
}
.priceCourse .priceCourseContainer .priceCourseBox.positionRight * {
  color: var(--colorTextMain);
}

/* プリント代
---------------------------------------- */
@media screen and (max-width: 769px) {
  .pricePrint {
    margin-top: 64px;
  }
}
@media screen and (min-width: 770px) {
  .pricePrint {
    margin-top: 120px;
  }
}
.pricePrint .pricePrintBox {
  position: relative;
  margin-top: 24px;
  background-color: #005AB3;
}
.pricePrint .pricePrintBox::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  background-image: url("images/pricePrintBox_person.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  .pricePrint .pricePrintBox::after {
    top: 32px;
    width: 40px;
    height: 91px;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
  }
}
@media screen and (min-width: 770px) {
  .pricePrint .pricePrintBox::after {
    top: 82px;
    width: 80px;
    height: 182px;
    -webkit-transform: translate(75%, 0);
            transform: translate(75%, 0);
  }
}
@media screen and (max-width: 769px) {
  .pricePrint .innerM {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 770px) {
  .pricePrint .innerM {
    padding-top: 64px;
    padding-bottom: 72px;
  }
}
.pricePrint .pricePrintText {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--colorTextSub);
  font-weight: 900;
  font-family: var(--fontJPMain);
  text-align: center;
  line-height: 1.5;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 769px) {
  .pricePrint .pricePrintText {
    font-size: var(--size20px);
  }
}
@media screen and (min-width: 770px) {
  .pricePrint .pricePrintText {
    font-size: 2.625rem;
  }
}
.pricePrint .pricePrintText::before, .pricePrint .pricePrintText::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  background-color: var(--colorBackGround);
  -webkit-mask-image: url("images/titleDecoration_strong.svg");
          mask-image: url("images/titleDecoration_strong.svg");
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media screen and (max-width: 769px) {
  .pricePrint .pricePrintText::before, .pricePrint .pricePrintText::after {
    width: 24px;
    height: 50px;
  }
}
@media screen and (min-width: 770px) {
  .pricePrint .pricePrintText::before, .pricePrint .pricePrintText::after {
    width: 72px;
    height: 150px;
  }
}
.pricePrint .pricePrintText::before {
  left: 0;
}
@media screen and (max-width: 769px) {
  .pricePrint .pricePrintText::before {
    -webkit-transform: translate(calc(-100% - 16px), -50%);
            transform: translate(calc(-100% - 16px), -50%);
  }
}
@media screen and (min-width: 770px) {
  .pricePrint .pricePrintText::before {
    -webkit-transform: translate(calc(-100% - 32px), -50%);
            transform: translate(calc(-100% - 32px), -50%);
  }
}
.pricePrint .pricePrintText::after {
  right: 0;
}
@media screen and (max-width: 769px) {
  .pricePrint .pricePrintText::after {
    -webkit-transform: translate(calc(100% + 16px), -50%) scale(-1, 1);
            transform: translate(calc(100% + 16px), -50%) scale(-1, 1);
  }
}
@media screen and (min-width: 770px) {
  .pricePrint .pricePrintText::after {
    -webkit-transform: translate(calc(100% + 32px), -50%) scale(-1, 1);
            transform: translate(calc(100% + 32px), -50%) scale(-1, 1);
  }
}
.pricePrint .pricePrintText strong {
  color: var(--colorMain);
}
.pricePrint .pricePrintImageContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .pricePrint .pricePrintImageContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .pricePrint .pricePrintImageContainer {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 2%;
  }
}
@media screen and (min-width: 770px) {
  .pricePrint .pricePrintImageContainer .pricePrintImageBox {
    width: 49%;
    margin-top: 40px;
  }
}
.pricePrint .pricePrintImageContainer .pricePrintImageBox .text {
  color: var(--colorTextSub);
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}

/*----------------------------------------
point 03 (その他おすすめの加工&プリント方法をご紹介)
----------------------------------------*/
#others {
  position: relative;
  background-color: var(--colorMain);
}
@media screen and (max-width: 769px) {
  #others {
    padding-top: 64px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 770px) {
  #others {
    padding-top: 120px;
    padding-bottom: 160px;
  }
}
#others::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(-33%, 0);
          transform: translate(-33%, 0);
  background-image: url("images/blick_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 769px) {
  #others::after {
    width: 82%;
    padding-top: 32.303030303%;
  }
}
@media screen and (min-width: 770px) {
  #others::after {
    width: 35%;
    padding-top: 13.8541666667%;
  }
}
#others .read {
  position: relative;
}
#others .read::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translate(0, -64%);
          transform: translate(0, -64%);
  background-image: url("images/threadLine.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  #others .read::before {
    width: 80%;
    padding-top: 8.4931506849%;
  }
}
@media screen and (min-width: 770px) {
  #others .read::before {
    width: 42%;
    padding-top: 4.4589041096%;
  }
}
#others .sectionTitle {
  position: relative;
  z-index: 1;
}
#others .sectionTitle::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  background-image: url("images/thread.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 769px) {
  #others .sectionTitle::after {
    width: 24px;
    height: 28px;
    -webkit-transform: translateX(150%) rotate(20deg);
            transform: translateX(150%) rotate(20deg);
  }
}
@media screen and (min-width: 770px) {
  #others .sectionTitle::after {
    width: 56px;
    height: 66px;
    -webkit-transform: translateX(200%) rotate(20deg);
            transform: translateX(200%) rotate(20deg);
  }
}
#others .sectionTitle .subText {
  font-size: 1.5em;
}

/* 刺繍加工
---------------------------------------- */
.boxEmbroidery .boxEmbroideryBox {
  background-color: var(--colorBackGround);
  padding: 10px;
}
@media screen and (max-width: 769px) {
  .boxEmbroidery .boxEmbroideryBox {
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .boxEmbroidery .boxEmbroideryBox {
    margin-top: 56px;
  }
}
.boxEmbroidery .boxEmbroideryBox .boxEmbroideryBoxInner {
  border: 2px dashed #BBBBBB;
}
@media screen and (max-width: 769px) {
  .boxEmbroidery .boxEmbroideryBox .boxEmbroideryBoxInner .innerS {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 770px) {
  .boxEmbroidery .boxEmbroideryBox .boxEmbroideryBoxInner .innerS {
    padding-top: 56px;
    padding-bottom: 72px;
  }
}
.boxEmbroidery .boxLead {
  font-family: var(--fontJPMain);
  font-weight: 500;
  font-size: var(--size20px);
  text-align: center;
}
@media screen and (max-width: 769px) {
  .boxEmbroidery .boxLead {
    margin-top: 24px;
  }
}
@media screen and (min-width: 770px) {
  .boxEmbroidery .boxLead {
    margin-top: 40px;
  }
}
.boxEmbroidery .embroideryContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .boxEmbroidery .embroideryContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .boxEmbroidery .embroideryContainer {
    margin-top: 40px;
  }
}
@media screen and (min-width: 770px) {
  .boxEmbroidery .embroideryContainer .embroiderBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.boxEmbroidery .embroideryContainer .embroiderBox .textbox {
  position: relative;
  padding: 32px 20px 16px;
}
@media screen and (max-width: 769px) {
  .boxEmbroidery .embroideryContainer .embroiderBox .textbox {
    margin-top: 16px;
  }
}
@media screen and (min-width: 770px) {
  .boxEmbroidery .embroideryContainer .embroiderBox .textbox {
    margin-top: 40px;
  }
}
.boxEmbroidery .embroideryContainer .embroiderBox .textbox .mainText {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: var(--fontJPMain);
  font-weight: 900;
  font-size: var(--size24px);
  line-height: 1;
  white-space: nowrap;
  background-color: var(--colorBackGround);
  padding-left: 1em;
  padding-right: 1em;
}
.boxEmbroidery .embroideryContainer .embroiderBox .textbox::before, .boxEmbroidery .embroideryContainer .embroiderBox .textbox::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-image: repeating-linear-gradient(to right, #000000 0px, #000000 4px, transparent 4px, transparent 8px);
}
.boxEmbroidery .embroideryContainer .embroiderBox .textbox::before {
  position: absolute;
  top: 0;
  left: 0;
}
.boxEmbroidery .embroideryContainer .embroiderBox .textbox::after {
  position: absolute;
  bottom: 0;
  left: 0;
}
.boxEmbroidery .embroideryContainer .embroiderBox .textbox .textBoxInner::before, .boxEmbroidery .embroideryContainer .embroiderBox .textbox .textBoxInner::after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background-image: repeating-linear-gradient(to bottom, #000000 0px, #000000 4px, transparent 4px, transparent 8px);
}
.boxEmbroidery .embroideryContainer .embroiderBox .textbox .textBoxInner::before {
  position: absolute;
  top: 0;
  left: 0;
}
.boxEmbroidery .embroideryContainer .embroiderBox .textbox .textBoxInner::after {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 769px) {
  .boxEmbroidery .embroideryContainer .embroiderBox.positionLeft {
    padding-bottom: 24px;
    border-bottom: 1px solid #BBBBBB;
  }
}
@media screen and (min-width: 770px) {
  .boxEmbroidery .embroideryContainer .embroiderBox.positionLeft {
    padding-right: 6.8%;
    border-right: 1px solid #BBBBBB;
  }
}
.boxEmbroidery .embroideryContainer .embroiderBox.positionLeft .textbox .mainText,
.boxEmbroidery .embroideryContainer .embroiderBox.positionLeft .textbox .text {
  color: #007326;
}
.boxEmbroidery .embroideryContainer .embroiderBox.positionLeft .textbox::before, .boxEmbroidery .embroideryContainer .embroiderBox.positionLeft .textbox::after {
  background-image: repeating-linear-gradient(to right, #007326 0px, #007326 4px, transparent 4px, transparent 8px);
}
.boxEmbroidery .embroideryContainer .embroiderBox.positionLeft .textbox .textBoxInner::before, .boxEmbroidery .embroideryContainer .embroiderBox.positionLeft .textbox .textBoxInner::after {
  background-image: repeating-linear-gradient(to bottom, #007326 0px, #007326 4px, transparent 4px, transparent 8px);
}
@media screen and (max-width: 769px) {
  .boxEmbroidery .embroideryContainer .embroiderBox.positionRight {
    padding-top: 24px;
  }
}
@media screen and (min-width: 770px) {
  .boxEmbroidery .embroideryContainer .embroiderBox.positionRight {
    padding-left: 6.8%;
  }
}
.boxEmbroidery .embroideryContainer .embroiderBox.positionRight .textbox .mainText,
.boxEmbroidery .embroideryContainer .embroiderBox.positionRight .textbox .text {
  color: #FF5B1C;
}
.boxEmbroidery .embroideryContainer .embroiderBox.positionRight .textbox::before, .boxEmbroidery .embroideryContainer .embroiderBox.positionRight .textbox::after {
  background-image: repeating-linear-gradient(to right, #FF5B1C 0px, #FF5B1C 4px, transparent 4px, transparent 8px);
}
.boxEmbroidery .embroideryContainer .embroiderBox.positionRight .textbox .textBoxInner::before, .boxEmbroidery .embroideryContainer .embroiderBox.positionRight .textbox .textBoxInner::after {
  background-image: repeating-linear-gradient(to bottom, #FF5B1C 0px, #FF5B1C 4px, transparent 4px, transparent 8px);
}
.boxEmbroidery .linkBtn {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 769px) {
  .boxEmbroidery .linkBtn {
    height: 72px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .boxEmbroidery .linkBtn {
    margin-top: 56px;
  }
}

/* DTF転写プリント
---------------------------------------- */
@media screen and (max-width: 769px) {
  .boxDtf {
    margin-top: 64px;
  }
}
@media screen and (min-width: 770px) {
  .boxDtf {
    margin-top: 80px;
  }
}
.boxDtf .boxDtfBox {
  position: relative;
  background-color: var(--colorBackGround);
}
.boxDtf .boxDtfBox::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, var(--colorMain)), color-stop(50%, #005AB3));
  background: linear-gradient(to bottom right, var(--colorMain) 50%, #005AB3 50%);
}
@media screen and (max-width: 769px) {
  .boxDtf .boxDtfBox::before {
    width: 24px;
    height: 24px;
  }
}
@media screen and (min-width: 770px) {
  .boxDtf .boxDtfBox::before {
    width: 56px;
    height: 56px;
  }
}
@media screen and (max-width: 769px) {
  .boxDtf .boxDtfBox .innerS {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 770px) {
  .boxDtf .boxDtfBox .innerS {
    padding-top: 56px;
    padding-bottom: 72px;
  }
}
.boxDtf .boxLead {
  color: #005AB3;
  font-family: var(--fontJPMain);
  font-weight: 500;
  font-size: var(--size20px);
  text-align: center;
}
@media screen and (max-width: 769px) {
  .boxDtf .boxLead {
    margin-top: 24px;
  }
}
@media screen and (min-width: 770px) {
  .boxDtf .boxLead {
    margin-top: 40px;
  }
}
.boxDtf .dtfContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .boxDtf .dtfContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-top: 24px;
  }
}
@media screen and (min-width: 770px) {
  .boxDtf .dtfContainer {
    gap: 4.6%;
    margin-top: 48px;
  }
}
@media screen and (min-width: 770px) {
  .boxDtf .dtfContainer .imageBox {
    width: 50%;
  }
}
@media screen and (min-width: 770px) {
  .boxDtf .dtfContainer .textBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 769px) {
  .boxDtf .dtfTable {
    margin-top: 24px;
  }
}
@media screen and (min-width: 770px) {
  .boxDtf .dtfTable {
    margin-top: 40px;
  }
}

/* 動く T シャツのインサート
---------------------------------------- */
@media screen and (max-width: 769px) {
  .insert {
    margin-top: 32px;
    padding-bottom: 32px;
  }
}
@media screen and (min-width: 770px) {
  .insert {
    margin-top: 120px;
    margin-bottom: 160px;
  }
}
.insert .insertList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4%;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 2%;
  padding-right: 2%;
}
.insert .insertList .insertListItem {
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: animationSway 1.5s ease-in-out infinite;
          animation: animationSway 1.5s ease-in-out infinite;
}
.insert .insertList .insertListItem:nth-of-type(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.insert .insertList .insertListItem:nth-of-type(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.insert .insertList .insertListItem:nth-of-type(3) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.insert .insertList .insertListItem:nth-of-type(4) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

@-webkit-keyframes animationSway {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}

@keyframes animationSway {
  0%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
/* 緑の T シャツ
---------------------------------------- */
@media screen and (max-width: 769px) {
  .shirtBoxStep {
    background-color: #007326;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxStep {
    background-image: url("images/shirt_bg_green.svg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 2150px 100%;
  }
}
@media screen and (max-width: 769px) {
  .shirtBoxStep .innerL {
    padding-top: 64px;
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .innerL {
    padding-bottom: 160px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .innerM {
    padding-top: 178px;
  }
}
.shirtBoxStep .shirtBoxTitle {
  color: var(--colorTextSub);
  font-family: var(--fontJPMain);
  font-weight: 900;
  text-align: center;
}
@media screen and (max-width: 769px) {
  .shirtBoxStep .shirtBoxTitle {
    font-size: var(--size20px);
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .shirtBoxTitle {
    font-size: 1.6875rem;
  }
}
.shirtBoxStep .shirtBoxTitle strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25em;
  font-size: 1.5em;
  line-height: 1;
}
.shirtBoxStep .shirtBoxTitle strong .accentText {
  position: relative;
  color: var(--colorMain);
  font-size: 2em;
}
.shirtBoxStep .shirtBoxTitle strong .accentText::after {
  content: "5";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-2px, 1px);
          transform: translate(-2px, 1px);
  color: transparent;
  -webkit-text-stroke: 1px var(--colorTextMain);
}
.shirtBoxStep .stepList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 769px) {
  .shirtBoxStep .stepList {
    gap: 40px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .stepList {
    gap: 24px;
    margin-top: 64px;
  }
}
.shirtBoxStep .stepList .stepListItem {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 769px) {
  .shirtBoxStep .stepList .stepListItem {
    width: 100%;
    padding: 24px 24px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .stepList .stepListItem {
    width: calc(100% - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6%;
    padding: 40px 40px 40px 80px;
  }
}
.shirtBoxStep .stepList .stepListItem:not(:last-of-type)::after {
  content: "";
  display: block;
  width: 32px;
  height: 16px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  background-color: #0A5021;
  clip-path: polygon(0 0%, 50% 100%, 100% 0%);
}
.shirtBoxStep .stepList .stepListItem .numberBox {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  background-color: var(--colorTextMain);
  border-radius: 50%;
}
@media screen and (max-width: 769px) {
  .shirtBoxStep .stepList .stepListItem .numberBox {
    width: 56px;
    height: 56px;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .stepList .stepListItem .numberBox {
    width: 80px;
    height: 80px;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.shirtBoxStep .stepList .stepListItem .numberBox .text {
  color: var(--colorTextSub);
  font-family: var(--fontEN);
  line-height: 1;
}
@media screen and (max-width: 769px) {
  .shirtBoxStep .stepList .stepListItem .numberBox .text {
    font-size: var(--size14px);
  }
}
.shirtBoxStep .stepList .stepListItem .numberBox .number {
  color: var(--colorTextSub);
  font-family: var(--fontEN);
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .stepList .stepListItem .numberBox .number {
    font-size: var(--size32px);
  }
}
.shirtBoxStep .stepList .stepListItem .titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 769px) {
  .shirtBoxStep .stepList .stepListItem .titleBox {
    gap: 16px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .stepList .stepListItem .titleBox {
    gap: 56px;
    width: 272px;
  }
}
.shirtBoxStep .stepList .stepListItem .titleBox .icon {
  width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 769px) {
  .shirtBoxStep .stepList .stepListItem .titleBox .icon img {
    width: auto;
    height: 40px;
  }
}
.shirtBoxStep .stepList .stepListItem .titleBox .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--fontJPMain);
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .stepList .stepListItem .titleBox .title {
    font-size: var(--size24px);
    height: 2.8em;
  }
}
@media screen and (max-width: 769px) {
  .shirtBoxStep .stepList .stepListItem .textBox {
    margin-top: 16px;
  }
}
@media screen and (min-width: 770px) {
  .shirtBoxStep .stepList .stepListItem .textBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

/* 通常発送
---------------------------------------- */
.shipping {
  position: relative;
}
@media screen and (max-width: 769px) {
  .shipping {
    margin-top: 64px;
  }
}
@media screen and (min-width: 770px) {
  .shipping {
    margin-top: 128px;
  }
}
.shipping::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-64%, 0);
          transform: translate(-64%, 0);
  background-image: url("images/blick_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 769px) {
  .shipping::before {
    width: 82%;
    padding-top: 32.303030303%;
  }
}
@media screen and (min-width: 770px) {
  .shipping::before {
    width: 35%;
    padding-top: 13.8541666667%;
  }
}
.shipping .shippingTitle {
  font-weight: 900;
  font-family: var(--fontJPMain);
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (min-width: 770px) {
  .shipping .shippingTitle {
    font-size: 1.6875rem;
  }
}
.shipping .shippingTitle strong {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.25em;
  font-size: 1.5em;
}
.shipping .shippingTitle strong .accentText {
  position: relative;
  color: #FF5B1C;
  font-size: 2em;
  text-align: center;
}
.shipping .shippingTitle strong .accentText::after {
  content: "5";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-2px, 1px);
          transform: translate(-2px, 1px);
  color: transparent;
  -webkit-text-stroke: 1px var(--colorTextMain);
}
.shipping .shippingTable {
  margin-bottom: 16px;
}
@media screen and (max-width: 769px) {
  .shipping .shippingTable {
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .shipping .shippingTable {
    margin-top: 56px;
  }
}

/* 特急オプション
---------------------------------------- */
.option .subTitle {
  color: #4E1F00;
  font-weight: 900;
  font-family: var(--fontJPMain);
  text-align: center;
  margin-top: 56px;
}
@media screen and (min-width: 770px) {
  .option .subTitle {
    margin-bottom: 4px;
  }
}
.option .lineTitle span {
  background-color: var(--colorMain);
}
.option .optionContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 24px;
}
@media screen and (max-width: 769px) {
  .option .optionContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
@media screen and (min-width: 770px) {
  .option .optionContainer {
    gap: 4.2%;
  }
}
@media screen and (min-width: 770px) {
  .option .optionContainer .imageBox {
    width: 55%;
  }
}
@media screen and (min-width: 770px) {
  .option .optionContainer .textBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

/* お問合せ
---------------------------------------- */
.contact {
  position: relative;
}
@media screen and (max-width: 769px) {
  .contact {
    margin-top: 108px;
  }
}
@media screen and (min-width: 770px) {
  .contact {
    margin-top: 200px;
  }
}
.contact::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(35%, 0);
          transform: translate(35%, 0);
  background-image: url("images/blick_bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 769px) {
  .contact::before {
    width: 82%;
    padding-top: 32.303030303%;
  }
}
@media screen and (min-width: 770px) {
  .contact::before {
    width: 33%;
    padding-top: 12.9130434783%;
  }
}
.contact .pasteBox::before {
  background-image: url("images/thumbtack_blue_black.svg");
}
.contact .pasteBox::after {
  background-image: url("images/thumbtack_green_black.svg");
}
.contact .contactBox {
  z-index: 1;
  background-color: var(--colorBackGround);
}
@media screen and (max-width: 769px) {
  .contact .contactBox .innerS {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 770px) {
  .contact .contactBox .innerS {
    padding-top: 64px;
    padding-bottom: 72px;
  }
}
.contact .contactTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contact .contactTitle .subText {
  font-family: var(--fontJPMain);
  font-weight: 900;
}
@media screen and (max-width: 769px) {
  .contact .contactTitle .subText {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 770px) {
  .contact .contactTitle .subText {
    font-size: var(--size24px);
  }
}
.contact .contactTitle .subText strong {
  color: #FF5B1C;
}
.contact .contactTitle .mainTextImage {
  position: relative;
  max-width: 320px;
  margin: 16px auto;
}
@media screen and (max-width: 769px) {
  .contact .contactTitle .mainTextImage {
    width: 64%;
  }
}
.contact .contactTitle .mainTextImage::before, .contact .contactTitle .mainTextImage::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  background-color: #007326;
  -webkit-mask-image: url("images/titleDecoration_strong.svg");
          mask-image: url("images/titleDecoration_strong.svg");
  -webkit-mask-repeat: repeat-x;
          mask-repeat: repeat-x;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media screen and (max-width: 769px) {
  .contact .contactTitle .mainTextImage::before, .contact .contactTitle .mainTextImage::after {
    width: 24px;
    height: 50px;
  }
}
@media screen and (min-width: 770px) {
  .contact .contactTitle .mainTextImage::before, .contact .contactTitle .mainTextImage::after {
    width: 72px;
    height: 150px;
  }
}
.contact .contactTitle .mainTextImage::before {
  left: 0;
}
@media screen and (max-width: 769px) {
  .contact .contactTitle .mainTextImage::before {
    -webkit-transform: translate(calc(-100% - 16px), -50%);
            transform: translate(calc(-100% - 16px), -50%);
  }
}
@media screen and (min-width: 770px) {
  .contact .contactTitle .mainTextImage::before {
    -webkit-transform: translate(calc(-100% - 32px), -50%);
            transform: translate(calc(-100% - 32px), -50%);
  }
}
.contact .contactTitle .mainTextImage::after {
  right: 0;
}
@media screen and (max-width: 769px) {
  .contact .contactTitle .mainTextImage::after {
    -webkit-transform: translate(calc(100% + 16px), -50%) scale(-1, 1);
            transform: translate(calc(100% + 16px), -50%) scale(-1, 1);
  }
}
@media screen and (min-width: 770px) {
  .contact .contactTitle .mainTextImage::after {
    -webkit-transform: translate(calc(100% + 32px), -50%) scale(-1, 1);
            transform: translate(calc(100% + 32px), -50%) scale(-1, 1);
  }
}
.contact .contactText {
  color: #FF5B1C;
  font-family: var(--fontJPMain);
  font-weight: 900;
  text-align: center;
  line-height: 1.5;
  margin-top: 24px;
}
.contact .contactContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 769px) {
  .contact .contactContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-top: 32px;
  }
}
@media screen and (min-width: 770px) {
  .contact .contactContainer {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4%;
    margin-top: 72px;
  }
}
@media screen and (min-width: 770px) {
  .contact .contactContainer .telBox {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.contact .contactContainer .telBox .number a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  color: var(--colorTextMain);
  position: relative;
  font-family: var(--fontEN);
  font-weight: 700;
}
@media screen and (max-width: 769px) {
  .contact .contactContainer .telBox .number a {
    font-size: var(--size32px);
  }
}
@media screen and (min-width: 770px) {
  .contact .contactContainer .telBox .number a {
    font-size: var(--size40px);
  }
}
.contact .contactContainer .telBox .number a::before {
  content: "";
  display: block;
  width: 14px;
  height: 38px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  background-image: url("images/icon_tel.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.contact .contactContainer .telBox .text {
  text-align: center;
}
@media screen and (min-width: 770px) {
  .contact .contactContainer .quotationBox {
    width: 434px;
  }
}
.contact .contactContainer .quotationBox .text {
  font-size: var(--size14px);
  font-weight: bold;
  text-align: center;
}
.contact .contactContainer .quotationBox .linkBtn {
  margin-top: 16px;
}
@media screen and (max-width: 769px) {
  .contact .contactContainer .quotationBox .linkBtn {
    height: 72px;
  }
}

/* フッター
---------------------------------------- */
#footer {
  margin-bottom: unset;
}

#fixedBox {
  display: none;
}/*# sourceMappingURL=lp_uniform.css.map */