@charset "UTF-8"; #certified-judicial_wrapper__container { /*============================== reset ==============================*/ } #certified-judicial_wrapper__container * { box-sizing: border-box; } #certified-judicial_wrapper__container *, #certified-judicial_wrapper__container *:before, #certified-judicial_wrapper__container *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #certified-judicial_wrapper__container img { max-width: 100%; } #certified-judicial_wrapper__container ul { list-style: none; margin: 0; padding: 0; } #certified-judicial_wrapper__container a { text-decoration: none; display: inline; } #certified-judicial_wrapper__container a:focus { outline: none; } #certified-judicial_wrapper__container sup, #certified-judicial_wrapper__container sub { height: 0; line-height: 1; vertical-align: baseline; position: relative; } #certified-judicial_wrapper__container sup { bottom: 1ex; } #certified-judicial_wrapper__container sub { top: 0.5ex; } #certified-judicial_wrapper__container p, #certified-judicial_wrapper__container h1, #certified-judicial_wrapper__container h2, #certified-judicial_wrapper__container h3, #certified-judicial_wrapper__container h4, #certified-judicial_wrapper__container h5, #certified-judicial_wrapper__container h6 { margin: 0; padding: 0; } /*================================================== style ==================================================*/ #certified-judicial_wrapper__container { color: #000000; font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif; font-size: 10px; font-weight: bold; line-height: 1.5; /* common ==================================================*/ /* module ==================================================*/ /* main ==================================================*/ /* reason ==================================================*/ /* function ==================================================*/ /* interview ==================================================*/ /* product ==================================================*/ /* banner ==================================================*/ } #certified-judicial_wrapper__container * { min-height: 0vw; } #certified-judicial_wrapper__container a { color: inherit; transition: opacity 0.3s; } #certified-judicial_wrapper__container a:hover { cursor: pointer; } #certified-judicial_wrapper__container img { width: 100%; height: auto; } #certified-judicial_wrapper__container .cmn-iBlock { display: inline-block; } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-only_pc { display: none; } } @media (min-width: 768px) { #certified-judicial_wrapper__container .cmn-only_sp { display: none; } } #certified-judicial_wrapper__container .cmn-linkpoint { margin-top: -80px; padding-top: 80px; } #certified-judicial_wrapper__container .cmn-inner { width: 78.125%; max-width: 1500px; margin: 0 auto; } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-inner { width: 90.6666666667%; } } #certified-judicial_wrapper__container .cmn-anchor { padding: 1em; background: #B9C1C1; font-size: 18px; text-align: center; display: flex; gap: 0 7em; align-items: center; justify-content: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-anchor { font-size: 14px; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .cmn-anchor { gap: 0 2em; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-anchor { font-size: 12px; } } #certified-judicial_wrapper__container .cmn-anchor__item a { padding-right: 1.5em; display: block; position: relative; } #certified-judicial_wrapper__container .cmn-anchor__item a::after { content: ""; width: 0.6em; height: 0.6em; border-right: solid 2px #000000; border-bottom: solid 2px #000000; display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(45deg); transform-origin: top center; } #certified-judicial_wrapper__container .cmn-heading--gray { margin-bottom: 30px; font-size: 20px; line-height: 2; text-align: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-heading--gray { font-size: 16px; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-heading--gray { margin-bottom: 20px; } } #certified-judicial_wrapper__container .cmn-heading--gray__line { padding: 3px 0; background: #B9C1C1; } #certified-judicial_wrapper__container .cmn-heading--left { margin-bottom: 1em; padding-left: 0.75em; font-size: 28px; line-height: 1.5; position: relative; } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-heading--left { font-size: 18px; } } #certified-judicial_wrapper__container .cmn-heading--left::before { content: ""; width: 5px; height: calc(100% - 14px); background: #000000; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-heading--left::before { height: calc(100% - 6px); } } #certified-judicial_wrapper__container .cmn-heading--supp { padding-bottom: 0.5em; background: #FFFFFF; font-size: 20px; text-align: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-heading--supp { font-size: 16px; } } #certified-judicial_wrapper__container .cmn-heading--supp__txt { position: relative; } #certified-judicial_wrapper__container .cmn-heading--supp__txt::before, #certified-judicial_wrapper__container .cmn-heading--supp__txt::after { content: ""; width: 1px; height: 1em; background: #000000; position: absolute; top: 50%; } #certified-judicial_wrapper__container .cmn-heading--supp__txt::before { left: -0.5em; transform: translateY(-50%) rotate(-35deg); } #certified-judicial_wrapper__container .cmn-heading--supp__txt::after { right: -0.5em; transform: translateY(-50%) rotate(35deg); } #certified-judicial_wrapper__container .cmn-notes { font-size: 10px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .cmn-notes { font-size: 10px; } } #certified-judicial_wrapper__container .cmn-notes--small { font-size: 0.8em; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .cmn-notes--small { font-size: 1em; } } #certified-judicial_wrapper__container .cmn-notes a { text-decoration: underline; } #certified-judicial_wrapper__container .cmn-notes a:hover { text-decoration: none; } #certified-judicial_wrapper__container .m-movie .mod-media.js-modalMovie-youtube .mod-media_img .js-modalMovie_trigger-youtube { display: block; } #certified-judicial_wrapper__container .m-movie .modal-dialog-youtube { width: 90.6666666667%; max-width: 780px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .m-movie .modal-dialog-youtube { top: 50%; transform: translateY(-50%); } } #certified-judicial_wrapper__container .main__inner { width: 93.75%; max-width: 1500px; margin: 0 auto; position: relative; } @media (max-width: 767px) { #certified-judicial_wrapper__container .main__inner { width: 100%; } } #certified-judicial_wrapper__container .main__ttl { padding: 1em 1em 1em 0; background: #000000; font-size: clamp(28px, 2.96875vw, 38px); display: inline-block; position: absolute; top: 0; left: 0; } @media (max-width: 767px) { #certified-judicial_wrapper__container .main__ttl { font-size: max(18px, 4.8vw); } } @media (max-width: 767px) { #certified-judicial_wrapper__container .main__ttl { padding: 0.5em 2em 0.5em 1em; } } #certified-judicial_wrapper__container .main__ttl::after { content: ""; width: 100vw; height: 100%; background: #000000; display: block; position: absolute; top: 0; right: 50%; z-index: -1; } #certified-judicial_wrapper__container .main__ttl__txt { color: #FFFFFF; font-size: inherit; line-height: 1.3; } #certified-judicial_wrapper__container .main__ttl__txt .big { font-size: 1.10526em; } #certified-judicial_wrapper__container .main__img { width: 75.5%; margin-left: auto; padding-top: 1em; font-size: clamp(28px, 2.96875vw, 38px); } @media (max-width: 767px) { #certified-judicial_wrapper__container .main__img { font-size: max(18px, 4.8vw); } } @media (max-width: 767px) { #certified-judicial_wrapper__container .main__img { width: 100%; padding-top: 2em; } } #certified-judicial_wrapper__container .main__txt { margin: 40px 0; font-size: 24px; line-height: 2; text-align: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .main__txt { font-size: 16px; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .main__txt { margin: 20px 0; } } #certified-judicial_wrapper__container .reason__worries { margin-bottom: 30px; padding-top: 40px; font-size: 14px; display: flex; gap: 0 2%; align-items: flex-end; justify-content: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__worries { max-width: 480px; margin-bottom: 20px; font-size: clamp(12px, 3.2vw, 16px); display: grid; grid-template-columns: repeat(2, 12em); gap: 10px 2.9411764706%; justify-content: flex-start; } } #certified-judicial_wrapper__container .reason__worries__item { width: 13em; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__worries__item { width: 12em; position: relative; } } #certified-judicial_wrapper__container .reason__worries__bubble { width: 13em; height: 13em; margin-bottom: 15px; background: #FFFFFF; border: solid 3px #B9C1C1; border-radius: 100%; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__worries__bubble { width: 12em; height: 12em; margin-bottom: 4em; } } #certified-judicial_wrapper__container .reason__worries__bubble::before { content: ""; border-top: solid 60px #B9C1C1; border-left: solid 35px transparent; border-right: solid 35px transparent; display: block; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); z-index: -1; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__worries__bubble::before { left: auto; bottom: 0; right: 1.75em; transform: rotate(90deg); } } #certified-judicial_wrapper__container .reason__worries__bubble::after { content: ""; border-top: solid 54px #FFFFFF; border-left: solid 32px transparent; border-right: solid 32px transparent; display: block; position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%); z-index: 0; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__worries__bubble::after { left: auto; bottom: 0; right: 1.75em; transform: translate(-3px, -5px) rotate(90deg); } } #certified-judicial_wrapper__container .reason__worries__bubble__txt { z-index: 1; } #certified-judicial_wrapper__container .reason__worries__img { width: 66.6666666667%; margin: 0 auto; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__worries__img { width: 8em; position: absolute; bottom: 0; right: 0; transform: translateX(4em); } } #certified-judicial_wrapper__container .reason__arrow { width: 70px; margin: 0 auto 60px; border-top: solid 40px #000000; border-left: solid 35px transparent; border-right: solid 35px transparent; display: block; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__arrow { width: 50px; margin: 0 auto 40px; border-top-width: 28px; border-left-width: 25px; border-right-width: 25px; } } #certified-judicial_wrapper__container .reason__list { margin: 0 0 100px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 2%; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__list { margin-bottom: 60px; } } #certified-judicial_wrapper__container .reason__list__item a { width: 100%; height: 100%; background: #B9C1C1; font-size: 18px; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__list__item a { font-size: 14px; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__list__item a { font-size: 12px; } } #certified-judicial_wrapper__container .reason__list__item a::after { content: ""; width: 100%; height: 100%; border-right: solid 1px #000000; border-bottom: solid 1px #000000; position: absolute; bottom: -4px; right: -4px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__list__item a::after { bottom: -2px; right: -2px; } } #certified-judicial_wrapper__container .reason__list__heading { width: 75%; padding: 0.25em 0.5em; background: #000000; color: #FFFFFF; display: inline-block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__list__heading { width: 83.3333333333%; padding: 0.5em; line-height: 1; } } #certified-judicial_wrapper__container .reason__list__txt { padding: 2.5em 1em 2em; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__list__txt { padding: 2.5em 0 1em; letter-spacing: -0.04em; } } #certified-judicial_wrapper__container .reason__dtl { margin-bottom: 100px; background: #B9C1C1; display: flex; position: relative; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl { flex-direction: column; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl { margin-bottom: 60px; width: 100%; } } #certified-judicial_wrapper__container .reason__dtl::after { content: ""; width: 100vw; height: 100%; background: #000000; display: block; position: absolute; top: 0; left: 0; z-index: -1; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl::after { display: none; } } #certified-judicial_wrapper__container .reason__dtl__ttl { padding: 0.25em 2.5em; background: #000000; color: #FFFFFF; font-size: 27px; display: inline-block; position: absolute; top: 0; left: 0; transform: translateY(-50%); z-index: 1; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__ttl { font-size: 14px; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__ttl { padding: 0.25em 1.5em; border-right: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF; } } #certified-judicial_wrapper__container .reason__dtl__heading--fig { margin-bottom: 15px; padding-bottom: 5px; border-bottom: solid 1px #000000; display: flex; align-items: flex-end; justify-content: space-between; } #certified-judicial_wrapper__container .reason__dtl__heading--fig__txt { font-size: 18px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__heading--fig__txt { font-size: 14px; } } #certified-judicial_wrapper__container .reason__dtl__heading--fig__supp { flex-shrink: 0; } #certified-judicial_wrapper__container .reason__dtl__heading--fig--noFlex { display: inline-block; } #certified-judicial_wrapper__container .reason__dtl__heading--desc { color: #FFFFFF; border-color: #FFFFFF; } #certified-judicial_wrapper__container .reason__dtl__heading--desc::before { background: #FFFFFF; } #certified-judicial_wrapper__container .reason__dtl__leftWrap { width: 54%; padding: 60px 0 0; position: relative; overflow-x: hidden; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap { order: 1; width: 100%; padding: 18.6666666667vw 0 0; } } #certified-judicial_wrapper__container .reason__dtl__leftWrap::after { content: ""; width: 31.25vw; height: 100%; background: #000000; position: absolute; top: 0; left: calc(100% - 0.390625vw); transform: skewX(-15deg); transform-origin: top left; z-index: 1; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap::after { width: 100%; height: 13.3333333333vw; top: 13.3333333333vw; left: 0; transform: translateY(-100%) skewY(-7deg); } } #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason01 { display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason01 { padding: 18.6666666667vw 4.8% 30px; display: grid; grid-template-columns: 51.4705882353% 36.7647058824%; gap: 0 11.7647058824%; justify-content: center; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason01 .reason01-grid01 { grid-column: 1/3; grid-row: 1/2; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason01 .reason01-grid02 { grid-column: 1/2; grid-row: 2/3; } } #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason01 .reason01-grid02 .reason__dtl__img__supp { bottom: 20px; left: 15px; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason01 .reason01-grid02 .reason__dtl__img__supp { bottom: -5px; left: auto; right: 0; transform: translateX(50%); } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason01 .reason01-grid03 { grid-column: 2/3; grid-row: 2/3; } } #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason02 { padding-top: 0; display: grid; grid-template-rows: 54% 46%; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason02 { grid-template-columns: 54.6666666667% 45.3333333333%; grid-template-rows: 1fr; padding: 0; } } #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason02 .reason__dtl__img { margin-top: 0; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason02 .reason__dtl__img { height: auto; } } #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason02 .reason__dtl__img__supp--fax { bottom: 20px; left: 15px; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason02 .reason__dtl__img__supp--fax { bottom: 5px; left: 5px; } } #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason02 .reason__dtl__img__supp--tray { top: 20px; left: 15px; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason02 .reason__dtl__img__supp--tray { top: auto; left: auto; bottom: 5px; right: 5px; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap--reason03 { padding-left: 4.8%; padding-right: 4.8%; } } #certified-judicial_wrapper__container .reason__dtl__leftWrap__container { padding: 0 25% 0 7.4074074074%; margin-bottom: 20px; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap__container { padding: 0; } } #certified-judicial_wrapper__container .reason__dtl__leftWrap__container .cmn-notes { margin-top: 10px; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap__container .cmn-notes { padding: 0 16.6666666667%; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap__container .cmn-notes { padding: 0; } } #certified-judicial_wrapper__container .reason__dtl__leftWrap__container + .reason__dtl__leftWrap__container { margin-top: 30px; padding-right: 37.037037037%; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__leftWrap__container + .reason__dtl__leftWrap__container { margin-top: 40px; padding-right: 0; } } #certified-judicial_wrapper__container .reason__dtl__rightWrap { width: 46%; padding: 50px 0 50px 10px; background: #000000; display: flex; flex-direction: column; justify-content: center; position: relative; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__rightWrap { order: 0; width: 100%; padding: 10.6666666667% 4.8% 10px; } } #certified-judicial_wrapper__container .reason__dtl__rightWrap .cmn-notes { color: #FFFFFF; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__figure--speed { padding: 0 16.6666666667%; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__figure--speed { padding: 0; } } #certified-judicial_wrapper__container .reason__dtl__figure--cost { display: flex; gap: 0 5.4794520548%; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__figure--cost .fig-cost:first-of-type { padding-left: 16.6666666667%; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__figure--cost .fig-cost:first-of-type { padding-left: 0; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__figure--cost .fig-cost:last-of-type { padding-right: 16.6666666667%; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__figure--cost .fig-cost:last-of-type { padding-right: 0; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__figure--durable { width: 55.5555555556%; margin: 0 auto; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__figure--durable { width: 79.4117647059%; } } #certified-judicial_wrapper__container .reason__dtl__img { position: relative; } #certified-judicial_wrapper__container .reason__dtl__img--conpact { min-height: 230px; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__img--conpact { min-height: auto; padding-left: 32.4324324324%; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__img--conpact { padding-left: 0; } } #certified-judicial_wrapper__container .reason__dtl__img--docs { display: none; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__img--docs { padding-right: 45.2830188679%; display: flex; align-items: center; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__img--docs { padding-right: 0; } } #certified-judicial_wrapper__container .reason__dtl__img img { height: 100%; object-fit: cover; object-position: center left; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__img img { object-position: bottom center; } } #certified-judicial_wrapper__container .reason__dtl__img__supp { width: 7.5em; height: 7.5em; border-radius: 100%; background: #000000; color: #FFFFFF; font-size: 14px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__img__supp { font-size: 12px; } } #certified-judicial_wrapper__container .reason__dtl__img__supp .small { font-size: 0.85714em; } #certified-judicial_wrapper__container .reason__dtl__desc { color: #FFFFFF; font-size: 14px; letter-spacing: 0.04em; } @media (max-width: 767px) { #certified-judicial_wrapper__container .reason__dtl__desc { font-size: 14px; } } #certified-judicial_wrapper__container .reason__dtl__desc .cmn-notes { margin-bottom: 1em; display: inline-block; } #certified-judicial_wrapper__container .reason__dtl__desc + .cmn-notes { margin-top: 3em; } #certified-judicial_wrapper__container .reason__dtl__desc__img--docs { width: 34.7826086957%; min-width: 160px; position: absolute; bottom: 50px; left: 69.5652173913%; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl__desc__img--docs { display: none; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .reason__dtl .hide-tab { display: none; } } #certified-judicial_wrapper__container .function { background: #B9C1C1; padding-bottom: 100px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function { padding-bottom: 40px; } } #certified-judicial_wrapper__container .function__ttl { padding: 1em; font-size: 24px; text-align: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__ttl { font-size: 16px; } } #certified-judicial_wrapper__container .function__anchor { margin-bottom: 100px; background: #000000; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__anchor { margin-bottom: 40px; } } #certified-judicial_wrapper__container .function__anchor .cmn-anchor__item a { color: #FFFFFF; } #certified-judicial_wrapper__container .function__anchor .cmn-anchor__item a::after { border-color: #FFFFFF; } #certified-judicial_wrapper__container .function__dtl { position: relative; z-index: 1; } #certified-judicial_wrapper__container .function__dtl:not(:last-of-type) { margin-bottom: 100px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl:not(:last-of-type) { margin-bottom: 40px; } } #certified-judicial_wrapper__container .function__dtl::after { content: ""; width: 100vw; height: 100%; background: #FFFFFF; display: block; position: absolute; top: 0; right: 50%; z-index: -1; } #certified-judicial_wrapper__container .function__dtl__ttl { width: 35.9375%; min-width: 16em; padding: 0.25em 1.5em; background: #000000; color: #FFFFFF; font-size: 27px; text-align: center; display: inline-block; position: absolute; top: 0; left: 0; transform: translateY(-50%); z-index: 2; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__ttl { font-size: 14px; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__ttl { width: 61.3333333333%; text-align: left; } } #certified-judicial_wrapper__container .function__dtl__inner { padding: 80px 9.375% 80px 0; background: #FFFFFF; position: relative; z-index: 1; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__inner { padding: 30px 8% 30px 0; } } #certified-judicial_wrapper__container .function__dtl__inner::before { content: ""; width: 12.5vw; height: 100%; background: #B9C1C1; position: absolute; top: 0; right: 0; z-index: -2; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__inner::before { display: none; } } #certified-judicial_wrapper__container .function__dtl__inner::after { content: ""; width: 23.4375vw; height: 100%; background: #FFFFFF; position: absolute; top: 0; left: calc(100% + 2.34375vw); transform: translateX(-100%) skewx(-17deg); transform-origin: top right; z-index: -1; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .function__dtl__inner::after { left: calc(100% + 7.8125vw); } } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__inner::after { display: none; } } #certified-judicial_wrapper__container .function__dtl__inner--func01 { display: flex; gap: 0 6%; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__inner--func01 { flex-direction: column; } } #certified-judicial_wrapper__container .function__dtl__container--func01img { width: 37.5%; flex-shrink: 0; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__container--func01img { width: 64.5161290323%; max-width: none; margin: 30px auto 0; } } #certified-judicial_wrapper__container .function__dtl__container--func01img .cmn-notes { margin-top: 0.5em; text-align: right; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__container--func01img .cmn-notes { text-align: left; } } #certified-judicial_wrapper__container .function__dtl__heading { margin-bottom: 0.5em; } #certified-judicial_wrapper__container .function__dtl__txt { font-size: 14px; letter-spacing: 0.04em; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__txt { font-size: 14px; } } #certified-judicial_wrapper__container .function__dtl__txt + .function__dtl__heading { margin-top: 60px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__txt + .function__dtl__heading { margin-top: 30px; } } #certified-judicial_wrapper__container .function__dtl__img--func02 { width: 100%; margin-top: 60px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__img--func02 { margin-top: 30px; } } #certified-judicial_wrapper__container .function__dtl__img--func03 { width: 91.6666666667%; margin-top: 60px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .function__dtl__img--func03 { width: 100%; margin-top: 30px; } } #certified-judicial_wrapper__container .interview { padding: 80px 0; background: #000000; } @media (max-width: 767px) { #certified-judicial_wrapper__container .interview { padding: 40px 0; } } #certified-judicial_wrapper__container .interview__ttl { margin-bottom: 1.75em; font-size: 27px; text-align: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .interview__ttl { font-size: 14px; } } #certified-judicial_wrapper__container .interview__ttl__txt { padding: 0.25em 4em; background: #B9C1C1; } @media (max-width: 767px) { #certified-judicial_wrapper__container .interview__ttl__txt { padding: 0.75em 3.5em; } } #certified-judicial_wrapper__container .interview__lead { color: #FFFFFF; font-size: 20px; line-height: 2em; text-align: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .interview__lead { font-size: 16px; } } #certified-judicial_wrapper__container .interview__movie { width: 80%; margin: 0 auto; } @media (max-width: 767px) { #certified-judicial_wrapper__container .interview__movie { width: 82.3529411765%; } } #certified-judicial_wrapper__container .product { padding-top: 60px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .product { padding-top: 40px; } } #certified-judicial_wrapper__container .product .cmn-heading--supp { margin-bottom: 40px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .product .cmn-heading--supp { margin-bottom: 10px; } } #certified-judicial_wrapper__container .product__table { width: 100%; border-collapse: collapse; border-spacing: 0; } #certified-judicial_wrapper__container .product__table tr { font-size: 12px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__table tr { font-size: 12px; } } #certified-judicial_wrapper__container .product__table tr td { padding: 0.25em; background: #B9C1C1; border: solid 2px #FFFFFF; font-feature-settings: "palt"; text-align: center; } #certified-judicial_wrapper__container .product__table tr td.product__table__size { padding: 0 0.25em; font-size: 1.33333em; } #certified-judicial_wrapper__container .product__table tr td.product__table__unavailable { background: linear-gradient(to bottom right, #dce0e0 49%, #FFFFFF 50%, #FFFFFF 51.5%, #dce0e0 52.5%); color: #FFFFFF; position: relative; } #certified-judicial_wrapper__container .product__table tr td .big { font-size: 1.33333em; line-height: 1; position: relative; bottom: -1px; } #certified-judicial_wrapper__container .product__table tr td .small { font-size: 0.83333em; } #certified-judicial_wrapper__container .product__btn { width: 100%; padding: 0.75em; background: #000000; color: #FFFFFF; font-size: clamp(12px, 1.09375vw, 14px); text-align: center; display: block; position: relative; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__btn { font-size: 14px; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__btn { margin-bottom: 3px; } } #certified-judicial_wrapper__container .product__btn::after { content: ""; width: 100%; height: 100%; border-right: solid 1px #000000; border-bottom: solid 1px #000000; display: block; position: absolute; bottom: -2px; right: -2px; } #certified-judicial_wrapper__container .product__btn--recommend { font-size: 18px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__btn--recommend { font-size: 14px; } } #certified-judicial_wrapper__container .product__btn--recommend::after { bottom: -4px; right: -4px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__btn--recommend::after { bottom: -2px; right: -2px; } } #certified-judicial_wrapper__container .product__recommend { margin-bottom: 80px; display: grid; grid-template-columns: 31% auto 18%; grid-template-rows: repeat(2, auto); place-content: center; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__recommend { margin-bottom: 30px; padding-bottom: 40px; border-bottom: solid 1px #B9C1C1; grid-template-columns: auto 52.9411764706%; grid-template-rows: repeat(3, auto); } } #certified-judicial_wrapper__container .product__recommend .reco-grid01 { grid-column: 1/2; grid-row: 1/3; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__recommend .reco-grid01 { grid-column: 1/2; grid-row: 2/3; } } #certified-judicial_wrapper__container .product__recommend .reco-grid02 { grid-column: 2/3; grid-row: 1/2; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__recommend .reco-grid02 { grid-column: 1/3; grid-row: 1/2; } } #certified-judicial_wrapper__container .product__recommend .reco-grid03 { grid-column: 2/3; grid-row: 2/3; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__recommend .reco-grid03 { grid-column: 1/2; grid-row: 3/4; } } #certified-judicial_wrapper__container .product__recommend .reco-grid04 { grid-column: 3/4; grid-row: 1/3; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__recommend .reco-grid04 { grid-column: 2/3; grid-row: 2/4; } } #certified-judicial_wrapper__container .product__recommend__img { padding-right: 12.9032258065%; } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__recommend__img { max-width: none; padding-right: 0; } } #certified-judicial_wrapper__container .product__recommend__txt { margin-top: auto; font-size: 18px; text-align: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__recommend__txt { font-size: 14px; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__recommend__txt { margin-bottom: 1em; } } #certified-judicial_wrapper__container .product__recommend__model { margin: 0.5em 0; font-size: 28px; text-align: center; } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__recommend__model { font-size: 16px; } } #certified-judicial_wrapper__container .product__recommend__table { width: 100%; padding-left: 11.1111111111%; display: flex; align-items: center; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__recommend__table { align-items: stretch; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__recommend__table { align-items: flex-end; } } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__recommend__table .product__table tr { font-size: max(12px, 1.5625vw); } } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__recommend__table .product__table tr { font-size: 12px; } } @media (max-width: 767px) and (max-width: 767px) { #certified-judicial_wrapper__container .product__recommend__table .product__table tr { font-size: 12px; } } #certified-judicial_wrapper__container .product__list { margin-bottom: 40px; display: flex; gap: 0 5%; align-items: flex-end; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__list { display: grid; gap: 40px 5%; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__list { margin-bottom: 20px; display: block; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__list__item { display: flex; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__list__item:not(:last-of-type) { margin-bottom: 20px; } } #certified-judicial_wrapper__container .product__list__img { margin-bottom: 10px; } #certified-judicial_wrapper__container .product__list__model { margin-bottom: 0.5em; font-size: clamp(14px, 1.40625vw, 18px); letter-spacing: 0.02em; text-align: center; } @media (max-width: 1024px) { #certified-judicial_wrapper__container .product__list__model { font-size: 18px; } } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__list__model { font-size: 16px; } } #certified-judicial_wrapper__container .product__list__table { margin-top: 15px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .product__list__table { width: 52.9411764706%; margin-top: auto; padding-left: 5.8823529412%; flex-shrink: 0; } } #certified-judicial_wrapper__container .banner { padding: 80px 0; } @media (max-width: 767px) { #certified-judicial_wrapper__container .banner { padding: 60px 0; } } #certified-judicial_wrapper__container .banner__wrap { width: 65%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } @media (max-width: 767px) { #certified-judicial_wrapper__container .banner__wrap { width: 80.8823529412%; grid-template-columns: 1fr; } }/*# sourceMappingURL=certified-judicial.css.map */