@charset "UTF-8"; /* @include animation(anime-opening_face 4s ease 0.5s); @include keyframes(anime-opening_face){ 0% { transform: translate(-50%,100%); } 30% { transform: translate(-50%,0); } 70% { transform: translate(-50%,0); } 100%{ transform: translate(-50%,100%); } } */ /* ======================================== common style ========================================*/ .mod-freeHTML { font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; font-size: 10px; } .mod-freeHTML #a3inkjet-lp-wrapper.js-page_loaded { opacity: 1; } .mod-freeHTML #a3inkjet-lp-wrapper h1, .mod-freeHTML #a3inkjet-lp-wrapper h2, .mod-freeHTML #a3inkjet-lp-wrapper h3 { margin: 0; font-size: 100%; } .mod-freeHTML #a3inkjet-lp-wrapper ul { margin: 0; padding: 0; list-style: none; } .mod-freeHTML #a3inkjet-lp-wrapper p { margin: 0; } .mod-freeHTML #a3inkjet-lp-wrapper img { height: auto; max-width: 100%; width: auto; } .mod-freeHTML #a3inkjet-lp-wrapper img[src$=".svg"] { width: 100%; } .mod-freeHTML #a3inkjet-lp-wrapper sup { font-size: 0.714em; } .mod-freeHTML #a3inkjet-lp-wrapper .iBlock { display: inline-block; *display: inline; *zoom: 1; } .mod-freeHTML #a3inkjet-lp-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mod-freeHTML #a3inkjet-lp-wrapper *::after, .mod-freeHTML #a3inkjet-lp-wrapper *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .mod-freeHTML #a3inkjet-lp-wrapper input[type=text] { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; padding: 0; border: none; height: 1.5em; } @media screen and (max-width: 640px) { .mod-freeHTML .u-pc { display: none; } } @media (min-width: 641px) { .mod-freeHTML .u-sp { display: none; } } .mod-freeHTML .iBlock { display: inline-block; } .mod-freeHTML .l-inner { width: 71.4285714286%; max-width: 1250px; margin: 0 auto; } @media screen and (max-width: 640px) { .mod-freeHTML .l-inner { width: 87.5%; } } .mod-freeHTML .l-anchor-area { margin-top: -50px; padding-top: 50px; } .mod-freeHTML .l-obj { position: relative; } .mod-freeHTML .l-obj__img { position: absolute; z-index: 5; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img { z-index: -1; } } .mod-freeHTML .l-obj__img__parts { width: 100%; position: absolute; left: 0; } .mod-freeHTML .l-obj__img__parts:first-of-type { top: 0; } .mod-freeHTML .l-obj__img__parts:last-of-type { bottom: 0; } .mod-freeHTML .l-obj__img.obj01-01 { width: 16.16%; max-width: 202px; height: 13.5428571429vw; max-height: 237px; top: 4.8%; left: -14.88%; z-index: -1; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj01-01 { width: 21.4285714286%; max-width: 120px; height: 22.03125vw; max-height: 141px; top: auto; bottom: 5.3571428571%; left: -10.7142857143%; } } .mod-freeHTML .l-obj__img.obj01-01 .l-obj__img__parts:first-of-type { left: 10px; } .mod-freeHTML .l-obj__img.obj01-01 .l-obj__img__parts:last-of-type { bottom: -20px; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj01-01 .l-obj__img__parts:last-of-type { bottom: -10px; } } .mod-freeHTML .l-obj__img.obj01-02 { width: 15.52%; max-width: 194px; height: 22.1142857143vw; max-height: 387px; top: -4.8%; right: -19.2%; z-index: -1; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj01-02 { width: 20.7142857143%; max-width: 116px; height: 36.25vw; max-height: 232px; top: auto; bottom: 23.2142857143%; right: -9.8214285714%; } } .mod-freeHTML .l-obj__img.obj01-02 .l-obj__img__parts:nth-of-type(2) { top: 31.007751938%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj01-02 .l-obj__img__parts:nth-of-type(2) { top: 38.7931034483%; } } .mod-freeHTML .l-obj__img.obj02-01 { width: 12.32%; max-width: 154px; height: 13.7714285714vw; max-height: 241px; top: -186.3636363636%; left: -11.44%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj02-01 { width: 23.8461538462%; max-width: 124px; height: 23.28125vw; max-height: 149px; top: -19.5833333333%; left: -18.4615384615%; } } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj02-01 .l-obj__img__parts:last-of-type { bottom: -10px; left: 10px; } } .mod-freeHTML .l-obj__img.obj02-02 { width: 12.4%; max-width: 155px; height: 12.8vw; max-height: 224px; top: -173.2954545455%; right: -8%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj02-02 { width: 28.2692307692%; max-width: 147px; height: 19.53125vw; max-height: 125px; top: -44.5833333333%; right: -10.5769230769%; } } .mod-freeHTML .l-obj__img.obj03-01 { width: 14.32%; max-width: 179px; height: 27.3142857143vw; max-height: 478px; top: -250.5681818182%; left: -13.36%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj03-01 { width: 21.7307692308%; max-width: 113px; height: 29.0625vw; max-height: 186px; top: 75%; left: -18.2692307692%; } } .mod-freeHTML .l-obj__img.obj03-01 .l-obj__img__parts:nth-of-type(2) { top: 37.6569037657%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj03-01 .l-obj__img__parts:nth-of-type(2) { top: 48.3870967742%; } } .mod-freeHTML .l-obj__img.obj03-02 { width: 10.24%; max-width: 128px; height: 12.5142857143vw; max-height: 219px; top: -193.1818181818%; right: -14.4%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj03-02 { width: 34.4230769231%; max-width: 179px; height: 16.40625vw; max-height: 105px; top: -41.6666666667%; right: -18.2692307692%; } } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj03-02 .l-obj__img__parts:first-of-type { left: -15px; } .mod-freeHTML .l-obj__img.obj03-02 .l-obj__img__parts:last-of-type { left: -10px; } } .mod-freeHTML .l-obj__img.obj04-01 { width: 12.72%; max-width: 159px; height: 14.6285714286vw; max-height: 256px; top: -106.25%; left: -12.8%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj04-01 { width: 22.5%; max-width: 117px; height: 25.625vw; max-height: 164px; top: 30.7692307692%; left: -18.8461538462%; } } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj04-01 .l-obj__img__parts:first-of-type { top: -5px; left: 10px; } } .mod-freeHTML .l-obj__img.obj04-02 { width: 11.28%; max-width: 141px; height: 15.8857142857vw; max-height: 278px; top: -209.375%; right: -7.6%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj04-02 { width: 15%; max-width: 78px; height: 7.65625vw; max-height: 49px; top: 21.978021978%; right: -18.2692307692%; } } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj04-02 .l-obj__img__parts:first-of-type { left: -5px; } } .mod-freeHTML .l-obj__img.obj05-01 { width: 13.52%; max-width: 169px; height: 14.5714285714vw; max-height: 255px; top: 163.75%; left: -5.6%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj05-01 { width: 21.7307692308%; max-width: 113px; height: 29.0625vw; max-height: 186px; top: 109.8901098901%; left: -21.7307692308%; } } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj05-01 .l-obj__img__parts:last-of-type { left: 15px; } } .mod-freeHTML .l-obj__img.obj05-02 { width: 10.48%; max-width: 131px; height: 13.2571428571vw; max-height: 232px; top: -65.625%; right: -5.6%; } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj05-02 { width: 27.8846153846%; max-width: 145px; height: 23.90625vw; max-height: 153px; top: -34.0659340659%; right: -16.3461538462%; } } @media screen and (max-width: 640px) { .mod-freeHTML .l-obj__img.obj05-02 .l-obj__img__parts:last-of-type { left: -6px; } } /* ======================================== main ========================================*/ .mod-freeHTML #a3inkjet-lp-wrapper .main__inner { width: 100%; max-width: 1750px; margin: 20px auto; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .main__inner { width: 100%; } } /* ======================================== anchor ========================================*/ .mod-freeHTML #a3inkjet-lp-wrapper .anchor__inner { width: 71.4285714286%; max-width: 1250px; margin: 0 auto 80px; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .anchor__inner { width: 87.5%; margin: 0 auto 20px; } } .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list { display: flex; justify-content: space-between; } .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn { width: 25.6%; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn { width: 6em; height: 6em; font-size: max(4.375vw, 14px); } } .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn a { width: 100%; height: 100%; padding: 0.5em 1.5em; border-radius: 3em; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2); color: #FFFFFF; font-size: clamp(17px, 1.9428571429vw, 34px); font-weight: bold; letter-spacing: 0.12em; line-height: 1.4em; text-align: center; display: block; position: relative; transition: all 0.3s; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn a { padding: 0.5em 0.5em 1.25em; font-size: max(4.375vw, 14px); line-height: 1.25em; display: flex; flex-direction: column; align-items: center; justify-content: center; } } .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn a::after { content: ""; width: 0.6em; height: 0.6em; border-right: solid 0.12em #FFFFFF; border-bottom: solid 0.12em #FFFFFF; position: absolute; top: 50%; right: 1.25em; transform: translateY(-50%) rotate(-45deg); transform-origin: top center; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn a::after { top: auto; bottom: 0.75em; right: calc(50% + 5px); transform: translateX(50%) rotate(-45deg); } } .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn a:hover { box-shadow: none; } .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn--study { background: #f97e6f; } .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn--qualification { background: #7391ff; } .mod-freeHTML #a3inkjet-lp-wrapper .anchor__list__btn--work { background: #c396f0; } /* ======================================== intro ========================================*/ .mod-freeHTML #a3inkjet-lp-wrapper .intro .l-inner { position: relative; margin-bottom: 70px; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .intro .l-inner { margin-bottom: 50px; } } .mod-freeHTML #a3inkjet-lp-wrapper .intro__txt { font-size: clamp(14px, 1.3714285714vw, 24px); color: #695541; position: absolute; top: 50%; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .intro__txt { font-size: max(3.75vw, 12px); position: static; } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .intro__txt--left { left: 30%; transform: translate(-100%, -50%); } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .intro__txt--right { right: 28.4%; transform: translate(100%, -50%); } } .mod-freeHTML #a3inkjet-lp-wrapper .intro__img { width: 56%; max-width: 700px; margin: 0 auto; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .intro__img { width: 100%; margin-top: 20px; } } /* ======================================== case ========================================*/ .mod-freeHTML #a3inkjet-lp-wrapper .case { position: relative; } .mod-freeHTML #a3inkjet-lp-wrapper .case__bg { width: 100%; position: absolute; top: -15.4285714286%; left: 0; z-index: -5; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__bg { top: -4.6875%; } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case .l-inner { padding-bottom: 100px; } } .mod-freeHTML #a3inkjet-lp-wrapper .case__title { margin-bottom: 60px; border-radius: 10em; position: relative; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__title { width: 92.8571428571%; margin: 0 auto 25px; } } .mod-freeHTML #a3inkjet-lp-wrapper .case__title__item { width: 6em; height: 6em; border-radius: 6em; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.2); color: #FFFFFF; font-size: clamp(17px, 1.9428571429vw, 34px); font-weight: bold; letter-spacing: 0.12em; line-height: 1.4em; text-align: center; display: flex; align-items: center; justify-content: center; } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__title__item { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__title__item { width: 100%; height: auto; margin-bottom: 10px; padding: 0.25em; font-size: max(6.25vw, 20px); } } .mod-freeHTML #a3inkjet-lp-wrapper .case__title__txt { padding: 0.5em 0.5em 0.5em 20%; color: #FFFFFF; font-size: clamp(22px, 2.5142857143vw, 44px); font-weight: bold; line-height: 1.5em; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__title__txt { padding: 1.25em; border-radius: 5px; font-size: max(4.375vw, 14px); } } .mod-freeHTML #a3inkjet-lp-wrapper .case__title__img { width: 33.6%; max-width: 420px; position: absolute; top: -36.9318181818%; right: -2%; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__title__img { width: 39.4230769231%; top: auto; bottom: -1.5384615385%; right: -9.6153846154%; } } .mod-freeHTML #a3inkjet-lp-wrapper .case__wrap { width: 86.4%; max-width: 1080px; margin: 0 auto 50px; display: flex; align-items: center; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__wrap { width: 100%; flex-direction: column; } .mod-freeHTML #a3inkjet-lp-wrapper .case__wrap:not(:last-of-type) { margin-bottom: 20px; padding-bottom: 20px; position: relative; } .mod-freeHTML #a3inkjet-lp-wrapper .case__wrap:not(:last-of-type)::after { content: ""; width: 92.8571428571%; height: 1.5px; background-size: 6px 1.5px; background-repeat: repeat-x; background-position: left bottom; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } } .mod-freeHTML #a3inkjet-lp-wrapper .case__wrap--reverse { justify-content: flex-end; } .mod-freeHTML #a3inkjet-lp-wrapper .case__img { width: 54.1666666667%; max-width: 585px; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__img { width: 100%; max-width: none; margin-bottom: 10px; } } .mod-freeHTML #a3inkjet-lp-wrapper .case__img--reverse { width: 48%; max-width: 600px; } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__img--reverse { order: 1; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__img--reverse { width: 100%; max-width: none; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__detail { width: 92.8571428571%; } } .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__lead { margin-bottom: 15px; padding-bottom: 15px; font-size: clamp(17px, 1.9428571429vw, 34px); font-weight: bold; line-height: 1.5em; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__lead { margin-bottom: 0.5em; padding: 0; font-size: max(5vw, 16px); } } .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__txt { color: #695541; font-size: clamp(14px, 1.3714285714vw, 24px); text-align: justify; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__txt { font-size: max(3.75vw, 12px); } } .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__border { position: relative; } .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__border::after { content: ""; width: 150%; height: 3px; background-size: 12px 3px; background-repeat: repeat-x; background-position: right bottom; display: block; position: absolute; bottom: 0; right: 0; z-index: -1; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__border::after { display: none; } } .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__border--reverse::after { left: 0; right: auto; } .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__sub { color: #695541; font-size: clamp(12px, 1.0285714286vw, 18px); } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case__detail__sub { font-size: max(3.125vw, 10px); } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__img { margin-right: 5.5555555556%; } .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__img--reverse { margin-left: 5.5555555556%; margin-right: 0; } .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__img--last { margin-right: 1.8518518519%; } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__title { background: #fa9d92; } } .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__title__item { background: #f97e6f; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__title__txt { background: #fa9d92; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__wrap::after { background-image: linear-gradient(to right, #f97e6f 3px, transparent 3px); } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__detail { width: 41.6666666667%; max-width: 450px; } } .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__detail__lead { color: #f97e6f; } .mod-freeHTML #a3inkjet-lp-wrapper .case--study .case__detail__border::after { background-image: linear-gradient(to right, #f97e6f 6px, transparent 6px); } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__title { background: #94aaff; } } .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__title__item { background: #7391ff; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__title__txt { background: #94aaff; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__wrap::after { background-image: linear-gradient(to right, #7391ff 3px, transparent 3px); } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__img { margin-right: 1.8518518519%; } .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__img--reverse { margin-right: 0; } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__detail { width: 47.2222222222%; max-width: 510px; } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__detail--reverse { width: 48.1481481481%; max-width: 520px; } } .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__detail__lead { color: #7391ff; } .mod-freeHTML #a3inkjet-lp-wrapper .case--qualification .case__detail__border::after { background-image: linear-gradient(to right, #7391ff 6px, transparent 6px); } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--work .case__img { margin-right: 1.8518518519%; } .mod-freeHTML #a3inkjet-lp-wrapper .case--work .case__img--reverse { margin-right: 0; margin-left: 1.8518518519%; } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--work .case__title { background: #cda8f2; } } .mod-freeHTML #a3inkjet-lp-wrapper .case--work .case__title__item { background: #c396f0; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--work .case__title__txt { background: #cda8f2; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--work .case__wrap::after { background-image: linear-gradient(to right, #c396f0 3px, transparent 3px); } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case--work .case__detail { width: 40.7407407407%; max-width: 440px; } } .mod-freeHTML #a3inkjet-lp-wrapper .case--work .case__detail__lead { color: #c396f0; } .mod-freeHTML #a3inkjet-lp-wrapper .case--work .case__detail__border::after { background-image: linear-gradient(to right, #c396f0 6px, transparent 6px); } /* ======================================== case-other ========================================*/ @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other { padding-top: 20px; } } .mod-freeHTML #a3inkjet-lp-wrapper .case-other .case__bg { top: -18.8571428571%; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other .case__bg { top: -4.6875%; } } .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title { margin-bottom: 40px; padding: 0.5em; border-radius: 10em; background: #fa9d92; color: #FFFFFF; font-size: clamp(20px, 2.2857142857vw, 40px); font-weight: bold; letter-spacing: 0.12em; line-height: 1.5em; text-align: center; position: relative; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title { width: 92.8571428571%; margin: 0 auto 20px; padding: 1em; border-radius: 5px; font-size: max(4.375vw, 14px); } } .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco { position: relative; } .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco::before, .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco::after { content: ""; width: 2px; height: 1em; background: #FFFFFF; display: inline-block; position: absolute; top: 50%; } .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco::before { left: 0; transform: translate(-1em, -50%) rotate(-30deg); } .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco::after { right: 0; transform: translate(1em, -50%) rotate(30deg); } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco--pc::before, .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco--pc::after { display: none; } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco--sp::before, .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco--sp::after { display: none; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco--sp::before, .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco--sp::after { width: 1px; height: 4em; transform-origin: top center; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco--sp::before { left: -0.5em; transform: translateY(-50%) rotate(-15deg); } .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__deco--sp::after { right: -0.5em; transform: translateY(-50%) rotate(15deg); } } .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__sub { width: 13.2%; max-width: 165px; position: absolute; top: -46.875%; right: 7.2%; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other__title__sub { width: 28.2692307692%; top: -52.7472527473%; right: -2.8846153846%; } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other .case__wrap { margin-bottom: -1.8518518519%; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other .case__wrap::after { background-image: linear-gradient(to right, #f97e6f 3px, transparent 3px); } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other .case__img { margin-right: 2.7777777778%; } .mod-freeHTML #a3inkjet-lp-wrapper .case-other .case__img--reverse { margin-right: 0; margin-left: 2.7777777778%; } } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .case-other .case__detail__txt { padding-bottom: 15px; } } .mod-freeHTML #a3inkjet-lp-wrapper .case-other .case__detail__border::after { background-image: linear-gradient(to right, #f97e6f 6px, transparent 6px); } /* ======================================== lineup ========================================*/ .mod-freeHTML #a3inkjet-lp-wrapper .lineup__title { margin-bottom: 40px; padding: 0.5em; border-radius: 10em; background: #fa9d92; color: #FFFFFF; font-size: clamp(20px, 2.2857142857vw, 40px); font-weight: bold; letter-spacing: 0.12em; line-height: 1.5em; text-align: center; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .lineup__title { width: 92.8571428571%; margin: 0 auto 20px; padding: 1.75em 0.5em; font-size: max(4.375vw, 14px); border-radius: 5px; } } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__wrap { overflow-x: scroll; margin-bottom: 20px; } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; } @media screen and (max-width: 1000px) { .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl { width: 800px; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl { width: 240%; } } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl thead th:not(:first-of-type) { border-left: solid 1px #695541; } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl tbody tr:nth-of-type(odd) { background: #f1efed; } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl th, .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl td { border-bottom: solid 1px #695541; color: #695541; font-size: clamp(14px, 1.1428571429vw, 20px); font-weight: normal; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl th, .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl td { font-size: max(3.75vw, 12px); } } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl th { padding: 1em 0.5em 1em 1em; text-align: left; } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl td { border-left: solid 1px #695541; padding: 1em 0.5em 1em 1.5em; } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl__price td, .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl__capacity td, .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl__tray td, .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl__sheets td { padding: 1em; text-align: center; } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl__tray td, .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl__sheets td { padding-top: 2em; padding-bottom: 2em; text-align: center; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl__tray td, .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl__sheets td { padding-top: 1em; padding-bottom: 1em; } } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__tbl__notes { padding-left: 1em; text-indent: -1em; font-size: 0.81818em; } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__notes { color: #695541; padding-left: 1em; text-indent: -1em; font-size: clamp(12px, 1.0285714286vw, 18px); } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__notes a { color: #695541; text-decoration: underline; } .mod-freeHTML #a3inkjet-lp-wrapper .lineup__notes a:hover { text-decoration: none; } /* ======================================== related ========================================*/ .mod-freeHTML #a3inkjet-lp-wrapper .related .l-inner { padding: 120px 0; } @media (min-width: 641px) { .mod-freeHTML #a3inkjet-lp-wrapper .related .l-inner { width: 62.8571428571%; } } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .related .l-inner { padding: 60px 0; } } .mod-freeHTML #a3inkjet-lp-wrapper .related__title { margin-bottom: 40px; color: #f97e6f; font-size: clamp(20px, 2.2857142857vw, 40px); font-weight: bold; letter-spacing: 0.1em; text-align: center; position: relative; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .related__title { margin-bottom: 20px; font-size: max(5.625vw, 18px); letter-spacing: 0.06em; } } .mod-freeHTML #a3inkjet-lp-wrapper .related__title::after { content: ""; width: 100%; height: 1px; background: #f97e6f; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .mod-freeHTML #a3inkjet-lp-wrapper .related__title__txt { width: 100%; background: #FFFFFF; padding: 0 1em; position: relative; z-index: 1; } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .related__title__txt { padding: 0 0.5em; } } .mod-freeHTML #a3inkjet-lp-wrapper .related__list { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); } @media screen and (max-width: 640px) { .mod-freeHTML #a3inkjet-lp-wrapper .related__list { width: 89.2857142857%; margin: 0 auto; grid-template-columns: 1fr; gap: 15px 0; } }/*# sourceMappingURL=a3inkjet2303.css.map */