*:where(:not(iframe, canvas, img, svg, video, svg *)) {all: unset;display: revert}

*,
*::before,
*::after {box-sizing: border-box}

ol,
ul {list-style: none}

img {max-width: 100%}

table {border-collapse: collapse}

textarea {white-space: revert}

picture {display: block}
.section {border: 0 solid var(--color-base)}
.section-header {display: flex}
.section-mosaic {line-height: 1}
.c-order-1 {order: 1}
.c-order-2 {order: 2}
.c-order-3 {order: 3}
.c-order-4 {order: 4}
.c-order-5 {order: 5}
.c-marker {color: var(--color-white);background-image: linear-gradient(transparent 15%, #ff305f 15%);background-repeat: no-repeat;background-size: 100% 90%}
.c-list {list-style: none}
.c-list>li {position: relative}
.c-list>li::before {position: absolute;top: 0;left: 0;display: flex;align-items: center;width: 1.8em;height: 1.8em}
.c-list li {list-style-type: none}
.c-list-disc>li {padding-left: 1em}
.c-list-disc>li::before {left: .1em;content: "・"}
.c-list-note>li {padding-left: 1.5em}
.c-list-note>li::before {left: 0;content: "※"}
.c-list-decimal {counter-reset: item}
.c-list-decimal>li {padding-left: 2.3em}
.c-list-decimal>li::before {justify-content: flex-end;white-space: nowrap;content: counters(item, "-") ". ";counter-increment: item}
.c-cover {position: relative;display: grid;border: 0 solid var(--color-base)}
.c-cover-img {position: relative;grid-row: -1/1;grid-column: full;width: 100%;overflow: hidden}
.c-cover-img img {width: 100%;height: 100%;object-fit: cover;will-change: transform}
.c-cover-inner {position: relative;grid-row: -1/1;grid-column: main;transform: translate3d(0, 0, 0)}
.c-cover-en {font-family: var(--font-family-clash);line-height: 1.6}
.c-label {overflow: hidden;color: var(--color-white);background-color: var(--color-light-black)}
.c-label-slider {display: flex;align-items: center;height: 100%}
.c-label-item {flex: 0 0 auto;padding-top: .1em;padding-right: .6em;font-family: var(--font-family-clash);line-height: 1}
.c-article-ttl {font-weight: 700;line-height: 2}
.c-article-txt {text-align: justify}
.c-article-txt strong {font-weight: 700}

:root {--vw: 100vw;
	--first-view-height: 100vh;
	--color-base: #0e0e0e;
	--color-bg: #ffffff;
	--color-primary: #ff0000;
	--color-white: #ffffff;
	--color-black: #000000;
	--color-light-black: #2b2b2b;
	--color-gray: #f5f5f5;
	--top-thema-color: #a88f52;
	--font-family-base:'Noto Sans JP', sans-serif;
	--font-family-serif: Hiragino Mincho ProN W3, ヒラギノ明朝 ProN W3, 游明朝, yumincho, serif;
	--font-family-clash: Clash Display, serif;}

body {overscroll-behavior-y: none;font-family: var(--font-family-base);font-feature-settings: "palt";line-height: 1.8;color: var(--color-base);letter-spacing: .01em;background-color: var(--color-bg);-webkit-text-size-adjust: 100%;text-size-adjust: 100%;-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: unset}

img,
svg,
video {width: 100%;max-width: none;height: auto;vertical-align: top}

svg:where(:not([fill])) {fill: currentcolor}

img,
svg {pointer-events: none}

a {text-decoration: underline}

a:where(:not([color])) {color: currentcolor}

a,
button,
input[type=button],
input[type=submit] {cursor: pointer}

a,
button,
label {-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}

button,
input[type=button] {display: block;width: 100%}

sub {font-size: .8em;line-height: 1;vertical-align: sub}

[v-cloak] {visibility: hidden}
.globalnavi-btns {display: flex;align-items: stretch}
.globalnavi-btns-link {position: relative;width: 100%;text-decoration: none;display: flex;align-items: center;justify-content: center}
.globalnavi-btns-link-txt {font-weight: 700}
.globalnavi-btns-link-icon {position: absolute;line-height: 0}
.globalnavi-links-link {display: flex;align-items: center;text-decoration: none}
.globalnavi-links-link-txt {font-weight: 700}
.globalnavi-links-link-icon {line-height: 0}

#container {position: relative}
.introduced-header {display: flex;align-items: center;color: var(--color-white);background-color: var(--color-base);justify-content: center;padding: 10px 0;}
.introduced-header-ttl img {width: auto;height: 100%}
.introduced-header-label {margin-left: auto}
.introduced-company {width: 100%;overflow: hidden}
.introduced-company-slider {display: flex;}
.introduced-company-slider.is-move {will-change: transform}
.introduced-company-list {display: flex;flex: 0 0 auto}
.introduced-company-item {flex: 0 0 auto;border: 0 solid var(--color-base);display: flex;align-items: center;justify-content: center}

main .introduced-header {display: flex;align-items: center;color: var(--color-white);justify-content: center;padding: 15px 0; background-color: #eaeaea;}
main .introduced-company {width: 100%;overflow: hidden; padding-bottom: 30px;}
main .introduced-company-slider {display: flex;}
main .introduced-company-item {flex: 0 0 auto;display: flex;align-items: center;justify-content: center}

#info {}
.contact {}
.contact .inner {display: flex;align-items: stretch;border: 0 solid var(--color-base)}
.contact-item {position: relative;display: flex;flex-direction: column;width: 50%;text-align: center;}
.contact-item+.contact-item {border: 0 solid var(--color-base)}
.contact-ttl {position: relative;display: flex;align-items: center;padding: 6px;}
.contact-ttl svg {}
.contact-ttl span {font-size: 20px;display: inline-block;padding-left: 1.5rem;}
.contact-ttl img {width: auto}
.contact-ttl-icon {position: absolute;display: block;overflow: hidden;line-height: 0}
.contact-icon {width: 30px;height: 30px;}
.contact-txt {padding: 5rem 2rem 3rem;font-size: 15px;line-height: 2;}
.contact-link {/* margin-top: auto; */}
.contact-btn {position: relative;display: flex;align-items: center;color: var(--color-white);text-decoration: none;background-color: var(--color-base);border: 0 solid var(--color-base);}
.contact-btn-txt {font-weight: 700}
.contact-btn-icon {position: absolute}

.footer {position: relative;overflow: hidden;border: 0 solid var(--color-base)}
.footer-obj {position: absolute;overflow: hidden;pointer-events: none;opacity: .1}
div.footer-totop {width: 73px;margin: 0 auto 2.5rem;}
div.footer-totop img {}
div.footer-nav {}
.footer-cnt {display: flex;justify-content: space-between;max-width: 1520px;margin: 0 auto 2rem;padding: 0 2rem;}
.footer-cnt div.footer-nav ul.footer-nav-links {display: flex;}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item {margin-right: 2.6rem;}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link {display: flex;align-items: center;text-decoration: none;}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link .footer-nav-links-link-icon {width: 0.7rem;height: 1rem;margin-right: 1rem;}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link .footer-nav-links-link-icon canvas {display: none;}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link svg {/* display:none; */}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link .footer-nav-links-link-txt{font-size: 14px;}
.footer-cnt div.footer-info {text-align: right;font-size: 15px;line-height: 2;}
.footer-cnt div.footer-info div.footer-info-logo {width: 187px;display: inline-block;position: relative;top: -1rem;left: 0;}
.footer-cnt div.footer-info div.footer-info-logo img {}
.footer-cnt div.footer-info p.footer-info-txt {}
.footer-cnt div.footer-info div.footer-info-links {}
.footer-cnt div.footer-info div.footer-info-links a {margin-left: 1rem;text-decoration: underline;}
.footer-links {display: flex}
.footer-links-link {display: flex;align-items: center;color: currentcolor;text-decoration: none}
.footer-links-link-icon {line-height: 0}
.footer-copy {background-color: var(--color-base);color: var(--color-white);text-align: center;padding: .5rem 0;} 
.footer-copy span{font-family: var(--font-family-clash);font-size: 1rem;}

.visual {overflow: hidden}
.visual-inner {position: relative;display: flex;flex-direction: column;justify-content: flex-end}
.visual-obj {position: absolute;z-index: -1;overflow: hidden;pointer-events: none}
.visual-icon {display: block}
.visual-en {font-family: var(--font-family-clash)}
.visual-slider {width: 100%;overflow: hidden;border: 0 solid var(--color-base)}
.visual-slider-list {display: flex}
.visual-slider-item {display: grid;flex: 0 0 auto;overflow: hidden;border: 0 solid var(--color-base)}
.visual-slider-item-img {grid-area: 1/3;width: 100%;height: 100%}
.visual-slider-item-img img {width: 100%;height: 100%;object-fit: cover}
.visual-slider-item-ttl {display: flex;grid-area: 1/3;transform: translate3d(0, 0, 0)}
.visual-slider-item-ttl-num {flex: 0 0 auto;font-family: var(--font-family-clash);font-weight: 500;display: flex;align-items: center;justify-content: center}
.visual-slider-item-ttl-txt {width: 100%;background-color: var(--color-gray);border: 0 solid var(--color-base);display: flex;align-items: center;justify-content: center}
.about {position: relative;overflow: hidden}
.about-obj {position: absolute;z-index: -1;pointer-events: none;transform: scaleX(-1)}
.issue {position: relative;overflow: hidden}
.issue-obj {position: absolute;z-index: -1;pointer-events: none;transform: scaleY(-1)}
.example {position: relative;overflow: hidden}
.example-obj {position: absolute;z-index: -1;pointer-events: none;transform: scaleX(-1)}
.example-search-btn-txt {padding: 0 4rem;font-size: 2.4rem;font-weight: 700}
.example-search-btn-icon {position: relative;flex: 0 0 auto;width: 10rem;height: 10rem;margin-left: auto;background-color: currentcolor;display: flex;align-items: center;justify-content: center}
.example-search-btn-icon::before,
.example-search-btn-icon::after {display: block;width: 2.5rem;height: 0.2rem;content: "";background-color: var(--color-white);transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1);position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto}
.example-search-btn-icon::after {transform: rotate(90deg)}
.example-search-btn-icon.is-close::after {transform: rotate(0deg)}
.example-search-category {line-height: 1}
.example-search-category-ttl {position: relative;font-weight: 700}
.example-search-category-list {display: flex;flex-wrap: wrap}
.example-search-category-item {flex: 0 0 auto;line-height: 1;cursor: pointer;border: 0 solid currentcolor}
.example-search-category-item.is-active {color: var(--color-white);background-color: var(--color-base);border-color: var(--color-base)}
.example-result {height: 0;overflow: hidden;transition: height 600ms cubic-bezier(0.19, 1, 0.22, 1);padding: 0 1%;}
.example-result-item {position: relative;display: grid;flex: 0 0 auto;overflow: hidden;background-color: var(--color-gray);/*border: 0 solid var(--color-base);*/transition: opacity 0ms cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 400ms cubic-bezier(0.19, 1, 0.22, 1);transform: translate3d(0, 0%, 0);outline: 1px solid var(--color-base);outline-offset: -2px;}
.example-result-item:nth-of-type(0) {transition-delay: 0ms}
.example-result-item:nth-of-type(1) {transition-delay: 100ms}
.example-result-item:nth-of-type(2) {transition-delay: 200ms}
.example-result-item:nth-of-type(3) {transition-delay: 300ms}
.example-result-item:nth-of-type(4) {transition-delay: 400ms}
.example-result-item:nth-of-type(5) {transition-delay: 500ms}
.example-result-item:nth-of-type(6) {transition-delay: 600ms}
.example-result-item:nth-of-type(7) {transition-delay: 700ms}
.example-result-item:nth-of-type(8) {transition-delay: 800ms}
.example-result-item:nth-of-type(9) {transition-delay: 900ms}
.example-result-item:nth-of-type(10) {transition-delay: 1000ms}
.example-result-item:nth-of-type(11) {transition-delay: 1100ms}
.example-result-item:nth-of-type(12) {transition-delay: 1200ms}
.example-result-item:nth-of-type(13) {transition-delay: 1300ms}
.example-result-item:nth-of-type(14) {transition-delay: 1400ms}
.example-result-item:nth-of-type(15) {transition-delay: 1500ms}
.example-result-item:nth-of-type(16) {transition-delay: 1600ms}
.example-result-item:nth-of-type(17) {transition-delay: 1700ms}
.example-result-item:nth-of-type(18) {transition-delay: 1800ms}
.example-result-item:nth-of-type(19) {transition-delay: 1900ms}
.example-result-item:nth-of-type(20) {transition-delay: 2000ms}
.example-result-item:nth-of-type(21) {transition-delay: 2100ms}
.example-result-item:nth-of-type(22) {transition-delay: 2200ms}
.example-result-item:nth-of-type(23) {transition-delay: 2300ms}
.example-result-item:nth-of-type(24) {transition-delay: 2400ms}
.example-result-item:nth-of-type(25) {transition-delay: 2500ms}
.example-result-item:nth-of-type(26) {transition-delay: 2600ms}
.example-result-item:nth-of-type(27) {transition-delay: 2700ms}
.example-result-item:nth-of-type(28) {transition-delay: 2800ms}
.example-result-item:nth-of-type(29) {transition-delay: 2900ms}
.example-result-item:nth-of-type(30) {transition-delay: 3000ms}
.example-result-item:nth-of-type(31) {transition-delay: 3100ms}
.example-result-item:nth-of-type(32) {transition-delay: 3200ms}
.example-result-item:nth-of-type(33) {transition-delay: 3300ms}
.example-result-item:nth-of-type(34) {transition-delay: 3400ms}
.example-result-item:nth-of-type(35) {transition-delay: 3500ms}
.example-result-item:nth-of-type(36) {transition-delay: 3600ms}
.example-result-item:nth-of-type(37) {transition-delay: 3700ms}
.example-result-item:nth-of-type(38) {transition-delay: 3800ms}
.example-result-item:nth-of-type(39) {transition-delay: 3900ms}
.example-result-item:nth-of-type(40) {transition-delay: 4000ms}
.example-result-item:nth-of-type(41) {transition-delay: 4100ms}
.example-result-item:nth-of-type(42) {transition-delay: 4200ms}
.example-result-item:nth-of-type(43) {transition-delay: 4300ms}
.example-result-item:nth-of-type(44) {transition-delay: 4400ms}
.example-result-item:nth-of-type(45) {transition-delay: 4500ms}
.example-result-item:nth-of-type(46) {transition-delay: 4600ms}
.example-result-item:nth-of-type(47) {transition-delay: 4700ms}
.example-result-item:nth-of-type(48) {transition-delay: 4800ms}
.example-result-item:nth-of-type(49) {transition-delay: 4900ms}
.example-result-item:nth-of-type(50) {transition-delay: 5000ms}
.example-result-item:nth-of-type(51) {transition-delay: 5100ms}
.example-result-item:nth-of-type(52) {transition-delay: 5200ms}
.example-result-item:nth-of-type(53) {transition-delay: 5300ms}
.example-result-item:nth-of-type(54) {transition-delay: 5400ms}
.example-result-item:nth-of-type(55) {transition-delay: 5500ms}
.example-result-item:nth-of-type(56) {transition-delay: 5600ms}
.example-result-item:nth-of-type(57) {transition-delay: 5700ms}
.example-result-item:nth-of-type(58) {transition-delay: 5800ms}
.example-result-item:nth-of-type(59) {transition-delay: 5900ms}
.example-result-item:nth-of-type(60) {transition-delay: 6000ms}
.example-result-item:nth-of-type(61) {transition-delay: 6100ms}
.example-result-item:nth-of-type(62) {transition-delay: 6200ms}
.example-result-item:nth-of-type(63) {transition-delay: 6300ms}
.example-result-item:nth-of-type(64) {transition-delay: 6400ms}
.example-result-item:nth-of-type(65) {transition-delay: 6500ms}
.example-result-item:nth-of-type(66) {transition-delay: 6600ms}
.example-result-item:nth-of-type(67) {transition-delay: 6700ms}
.example-result-item:nth-of-type(68) {transition-delay: 6800ms}
.example-result-item:nth-of-type(69) {transition-delay: 6900ms}
.example-result-item:nth-of-type(70) {transition-delay: 7000ms}
.example-result-item:nth-of-type(71) {transition-delay: 7100ms}
.example-result-item:nth-of-type(72) {transition-delay: 7200ms}
.example-result-item:nth-of-type(73) {transition-delay: 7300ms}
.example-result-item:nth-of-type(74) {transition-delay: 7400ms}
.example-result-item:nth-of-type(75) {transition-delay: 7500ms}
.example-result-item:nth-of-type(76) {transition-delay: 7600ms}
.example-result-item:nth-of-type(77) {transition-delay: 7700ms}
.example-result-item:nth-of-type(78) {transition-delay: 7800ms}
.example-result-item:nth-of-type(79) {transition-delay: 7900ms}
.example-result-item:nth-of-type(80) {transition-delay: 8000ms}
.example-result-item:nth-of-type(81) {transition-delay: 8100ms}
.example-result-item:nth-of-type(82) {transition-delay: 8200ms}
.example-result-item:nth-of-type(83) {transition-delay: 8300ms}
.example-result-item:nth-of-type(84) {transition-delay: 8400ms}
.example-result-item:nth-of-type(85) {transition-delay: 8500ms}
.example-result-item:nth-of-type(86) {transition-delay: 8600ms}
.example-result-item:nth-of-type(87) {transition-delay: 8700ms}
.example-result-item:nth-of-type(88) {transition-delay: 8800ms}
.example-result-item:nth-of-type(89) {transition-delay: 8900ms}
.example-result-item:nth-of-type(90) {transition-delay: 9000ms}
.example-result-item:nth-of-type(91) {transition-delay: 9100ms}
.example-result-item:nth-of-type(92) {transition-delay: 9200ms}
.example-result-item:nth-of-type(93) {transition-delay: 9300ms}
.example-result-item:nth-of-type(94) {transition-delay: 9400ms}
.example-result-item:nth-of-type(95) {transition-delay: 9500ms}
.example-result-item:nth-of-type(96) {transition-delay: 9600ms}
.example-result-item:nth-of-type(97) {transition-delay: 9700ms}
.example-result-item:nth-of-type(98) {transition-delay: 9800ms}
.example-result-item:nth-of-type(99) {transition-delay: 9900ms}
.example-result-item:nth-of-type(100) {transition-delay: 10000ms}
.is-leave .example-result-item {opacity: 0;transition-delay: 0ms;transform: translate3d(0, 0%, 0)}
.is-enter .example-result-item {opacity: 0;transition-delay: 0ms;transform: translate3d(0, 25%, 0)}
.example-result-item-body {display: flex;flex-direction: column;grid-row: 1/-1;grid-column: 1/-1;height: 100%}
.example-result-item-txt {position: relative;text-align: justify}
.example-result-item-txt::before {position: absolute;left: 0;display: block;content: "";background-image: url("../images/example_icon_item.svg");background-repeat: no-repeat;background-position: 50% 50%;background-size: contain}
.example-result-item-footer {position: relative}
.example-result-item-footer::before {position: absolute;top: 0;display: block;content: "";background-color: var(--color-base)}
.example-result-item-footer-inner {width: 100%}
.example-result-item-category {display: grid;line-height: 1}
.example-result-item-category-ttl {position: relative;grid-column: title;font-weight: 700}
.example-result-item-category-ttl::after {position: absolute;top: 0;right: 0;display: block;content: ';'}
.example-result-item-category-list {display: flex;flex-wrap: wrap;grid-column: list}
.example-result-item-category-item {flex: 0 0 auto}
.example-result-item-tags {display: flex}
.example-result-item-tags-item {flex: 0 0 auto;line-height: 1}
.example-result-item-btn {position: relative;display: flex;flex: 0 0 auto;align-items: center;width: auto;line-height: 1;color: var(--color-white);text-decoration: none;background-color: var(--color-base)}
.example-result-item-btn-txt {font-weight: 700}
.example-result-item-btn-icon {position: absolute;margin: auto}
.example-result-item-detail {position: relative;grid-row: 1/-1;grid-column: 1/-1;width: 100%;height: 100%;overflow: auto;color: var(--color-white);pointer-events: none;background-color: var(--color-base);opacity: 0}
.example-result-item-detail.is-show {pointer-events: auto;opacity: 1}
.example-result-item-detail.is-show .example-result-item-detail-txt {transform: translate3d(0, 0, 0)}
.example-result-item-detail-txt {text-align: justify;transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);transform: translate3d(0, 1rem, 0)}
.example-result-item.is-empty {text-align: center;display: flex;align-items: center;justify-content: center}
.function {position: relative}
.function-category-pulldown-section {display: flex;align-items: center;width: 100%;height: 100%;padding: 0 2rem;font-size: 4vw;font-weight: 700}
.function-category-pulldown-icon {position: absolute;top: 0;right: 6rem;bottom: 0;width: 1.3rem;margin: auto;transform: rotate(90deg);pointer-events: none;}
.function-category-list-item {line-height: 1}
.function-category-btn {position: relative;display: inline-flex;align-items: center;width: auto;font-weight: 700;border: 0 solid rgba(0, 0, 0, 0);border: 0 solid var(--color-bg);opacity: .25}
.function-category-btn::after {display: block;content: "";background-color: var(--color-base);opacity: 0;transform: scale(0)}
.function-category-btn.is-active {border-color: var(--color-base);opacity: 1}
.function-category-btn.is-active::after {opacity: 1;transform: scale(1)}
.function-result {overflow: hidden;transition: height 600ms cubic-bezier(0.19, 1, 0.22, 1)}
.function-result-list {display: flex;flex-wrap: wrap;/* background-color: #5f9ea091; */}
.function-result-item {position: relative;border: 0 solid var(--color-base);transition: opacity 0ms cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 400ms cubic-bezier(0.19, 1, 0.22, 1)}
.function-result-item::before {position: absolute;left: 0;display: block;content: "";background-color: var(--color-base)}
.function-result-item:nth-of-type(0) {transition-delay: 0ms}
.function-result-item:nth-of-type(1) {transition-delay: 100ms}
.function-result-item:nth-of-type(2) {transition-delay: 200ms}
.function-result-item:nth-of-type(3) {transition-delay: 300ms}
.function-result-item:nth-of-type(4) {transition-delay: 400ms}
.function-result-item:nth-of-type(5) {transition-delay: 500ms}
.function-result-item:nth-of-type(6) {transition-delay: 600ms}
.function-result-item:nth-of-type(7) {transition-delay: 700ms}
.function-result-item:nth-of-type(8) {transition-delay: 800ms}
.function-result-item:nth-of-type(9) {transition-delay: 900ms}
.function-result-item:nth-of-type(10) {transition-delay: 1000ms}
.function-result-item:nth-of-type(11) {transition-delay: 1100ms}
.function-result-item:nth-of-type(12) {transition-delay: 1200ms}
.function-result-item:nth-of-type(13) {transition-delay: 1300ms}
.function-result-item:nth-of-type(14) {transition-delay: 1400ms}
.function-result-item:nth-of-type(15) {transition-delay: 1500ms}
.function-result-item:nth-of-type(16) {transition-delay: 1600ms}
.function-result-item:nth-of-type(17) {transition-delay: 1700ms}
.function-result-item:nth-of-type(18) {transition-delay: 1800ms}
.function-result-item:nth-of-type(19) {transition-delay: 1900ms}
.function-result-item:nth-of-type(20) {transition-delay: 2000ms}
.function-result-item:nth-of-type(21) {transition-delay: 2100ms}
.function-result-item:nth-of-type(22) {transition-delay: 2200ms}
.function-result-item:nth-of-type(23) {transition-delay: 2300ms}
.function-result-item:nth-of-type(24) {transition-delay: 2400ms}
.function-result-item:nth-of-type(25) {transition-delay: 2500ms}
.function-result-item:nth-of-type(26) {transition-delay: 2600ms}
.function-result-item:nth-of-type(27) {transition-delay: 2700ms}
.function-result-item:nth-of-type(28) {transition-delay: 2800ms}
.function-result-item:nth-of-type(29) {transition-delay: 2900ms}
.function-result-item:nth-of-type(30) {transition-delay: 3000ms}
.function-result-item:nth-of-type(31) {transition-delay: 3100ms}
.function-result-item:nth-of-type(32) {transition-delay: 3200ms}
.function-result-item:nth-of-type(33) {transition-delay: 3300ms}
.function-result-item:nth-of-type(34) {transition-delay: 3400ms}
.function-result-item:nth-of-type(35) {transition-delay: 3500ms}
.function-result-item:nth-of-type(36) {transition-delay: 3600ms}
.function-result-item:nth-of-type(37) {transition-delay: 3700ms}
.function-result-item:nth-of-type(38) {transition-delay: 3800ms}
.function-result-item:nth-of-type(39) {transition-delay: 3900ms}
.function-result-item:nth-of-type(40) {transition-delay: 4000ms}
.function-result-item:nth-of-type(41) {transition-delay: 4100ms}
.function-result-item:nth-of-type(42) {transition-delay: 4200ms}
.function-result-item:nth-of-type(43) {transition-delay: 4300ms}
.function-result-item:nth-of-type(44) {transition-delay: 4400ms}
.function-result-item:nth-of-type(45) {transition-delay: 4500ms}
.function-result-item:nth-of-type(46) {transition-delay: 4600ms}
.function-result-item:nth-of-type(47) {transition-delay: 4700ms}
.function-result-item:nth-of-type(48) {transition-delay: 4800ms}
.function-result-item:nth-of-type(49) {transition-delay: 4900ms}
.function-result-item:nth-of-type(50) {transition-delay: 5000ms}
.function-result-item:nth-of-type(51) {transition-delay: 5100ms}
.function-result-item:nth-of-type(52) {transition-delay: 5200ms}
.function-result-item:nth-of-type(53) {transition-delay: 5300ms}
.function-result-item:nth-of-type(54) {transition-delay: 5400ms}
.function-result-item:nth-of-type(55) {transition-delay: 5500ms}
.function-result-item:nth-of-type(56) {transition-delay: 5600ms}
.function-result-item:nth-of-type(57) {transition-delay: 5700ms}
.function-result-item:nth-of-type(58) {transition-delay: 5800ms}
.function-result-item:nth-of-type(59) {transition-delay: 5900ms}
.function-result-item:nth-of-type(60) {transition-delay: 6000ms}
.function-result-item:nth-of-type(61) {transition-delay: 6100ms}
.function-result-item:nth-of-type(62) {transition-delay: 6200ms}
.function-result-item:nth-of-type(63) {transition-delay: 6300ms}
.function-result-item:nth-of-type(64) {transition-delay: 6400ms}
.function-result-item:nth-of-type(65) {transition-delay: 6500ms}
.function-result-item:nth-of-type(66) {transition-delay: 6600ms}
.function-result-item:nth-of-type(67) {transition-delay: 6700ms}
.function-result-item:nth-of-type(68) {transition-delay: 6800ms}
.function-result-item:nth-of-type(69) {transition-delay: 6900ms}
.function-result-item:nth-of-type(70) {transition-delay: 7000ms}
.function-result-item:nth-of-type(71) {transition-delay: 7100ms}
.function-result-item:nth-of-type(72) {transition-delay: 7200ms}
.function-result-item:nth-of-type(73) {transition-delay: 7300ms}
.function-result-item:nth-of-type(74) {transition-delay: 7400ms}
.function-result-item:nth-of-type(75) {transition-delay: 7500ms}
.function-result-item:nth-of-type(76) {transition-delay: 7600ms}
.function-result-item:nth-of-type(77) {transition-delay: 7700ms}
.function-result-item:nth-of-type(78) {transition-delay: 7800ms}
.function-result-item:nth-of-type(79) {transition-delay: 7900ms}
.function-result-item:nth-of-type(80) {transition-delay: 8000ms}
.function-result-item:nth-of-type(81) {transition-delay: 8100ms}
.function-result-item:nth-of-type(82) {transition-delay: 8200ms}
.function-result-item:nth-of-type(83) {transition-delay: 8300ms}
.function-result-item:nth-of-type(84) {transition-delay: 8400ms}
.function-result-item:nth-of-type(85) {transition-delay: 8500ms}
.function-result-item:nth-of-type(86) {transition-delay: 8600ms}
.function-result-item:nth-of-type(87) {transition-delay: 8700ms}
.function-result-item:nth-of-type(88) {transition-delay: 8800ms}
.function-result-item:nth-of-type(89) {transition-delay: 8900ms}
.function-result-item:nth-of-type(90) {transition-delay: 9000ms}
.function-result-item:nth-of-type(91) {transition-delay: 9100ms}
.function-result-item:nth-of-type(92) {transition-delay: 9200ms}
.function-result-item:nth-of-type(93) {transition-delay: 9300ms}
.function-result-item:nth-of-type(94) {transition-delay: 9400ms}
.function-result-item:nth-of-type(95) {transition-delay: 9500ms}
.function-result-item:nth-of-type(96) {transition-delay: 9600ms}
.function-result-item:nth-of-type(97) {transition-delay: 9700ms}
.function-result-item:nth-of-type(98) {transition-delay: 9800ms}
.function-result-item:nth-of-type(99) {transition-delay: 9900ms}
.function-result-item:nth-of-type(100) {transition-delay: 10000ms}
.is-leave .function-result-item {opacity: 0;transition-delay: 0ms;transform: translate3d(0, 0%, 0)}
.is-enter .function-result-item {opacity: 0;transition-delay: 0ms;transform: translate3d(0, 10%, 0)}
.service {position: relative;overflow: hidden}
.service-obj01 {position: absolute;z-index: -1;pointer-events: none;transform: scaleY(-1)}
.service-obj02 {position: absolute;z-index: -1;pointer-events: none;transform: scaleX(-1)}

@media screen and (min-width: 768px) {/* PC（768以上） */
.section {display: grid;grid-template-columns: [full-start side-start] 20rem [side-end] 4rem [main-start] 112rem [main-end full-end];padding: 2.6rem 4rem 16rem;border-top-width: 1px}
.section-header {grid-column: full;align-items: center;padding-bottom: 9.6rem}
.section-header-label {margin-left: auto}
.section-mosaic {grid-column: side;width: 2rem;height: 2rem}
.section-body {/* grid-row: 2/4; *//* grid-column: main; *//* margin-top: -0.5em; */}
.c-display-sp {display: none}
.c-order-1-pc {order: 1}
.c-order-2-pc {order: 2}
.c-order-3-pc {order: 3}
.c-order-4-pc {order: 4}
.c-order-5-pc {order: 5}
.c-marker {padding: 0 0.2rem 0.2rem}
.c-cover {grid-template-columns: [full-start] 96rem [main-start] 44rem [main-end] 4rem [full-end];align-items: center;border-top-width: 1px}
.c-cover-img {height: 53rem}
.c-cover-lead {width: 31.2rem}
.c-cover-en {margin-top: 2rem;font-size: 1rem}
.c-label {width: 15rem;height: 2.4rem;border-radius: 0.3rem}
.c-label-item {font-size: 1rem}
.c-article-block+.c-article-block {margin-top: 10rem}
.c-article-ttl {font-size: 1.8rem}
.c-article-img {margin-top: 4rem}
.c-article-txt {margin-top: 3rem;font-size: 1.5rem}

html {font-size: calc(var(--vw) / 144)}

body {font-size: 1.5rem}
.header {border-bottom: solid 1px #cccccc;position: sticky;top: 0;left: 0;z-index: 10;pointer-events: none;}
.header .inner {max-width: 1550px;margin: auto;/* background-color: #5f9ea091; */}
.header-logo {height: 86px;display: flex;align-items: center;}
.header-logo a{pointer-events: auto;}
.header-logo canvas {width: 226px !important;height: 28.40782122px !important;margin: 0 2rem;}
.header-logo span {line-height: 1.4;font-size: 15px;display: inline-block;letter-spacing: 1px;}
.globalnavi {position: fixed;top: 0;right: 0;left: 0;z-index: 9;margin: auto;height: 86px;display: flex;justify-content: flex-end;max-width: 1550px;padding: 0 0 0 440px;background: #fff;/* background: #5f9ea091; */}
.globalnavi-btns {justify-content: space-between}
.globalnavi-btns-item {width: 12.5rem;margin-left: 1.2rem;}
.globalnavi-btns-link {height: 3.6rem;border-radius: 0 0 0.3rem 0.3rem;background: #a88f52;color: #fff;}
.globalnavi-btns-link-txt {font-size: 13px;font-weight: normal;}
.globalnavi-btns-link-icon {top: 1rem;right: 1rem;width: 0.6rem}
.globalnavi-btns-menu {display: none}
.globalnavi-links {display: flex;justify-content: space-between;padding: 1.3rem 2rem;}
.globalnavi-links.pc{}
.globalnavi-links.sp{display: none;}
.globalnavi-links-link-txt {padding-top: 0.1rem;font-size: 14px;line-height: 1.2;font-weight: normal;}
.globalnavi-links-link-icon {width: 0.7rem;height: 1rem;margin-right: 1rem}
.globalnavi-links-link-icon svg {display: none}
.globalnavi-links-item {margin: 0 1.2rem 0;}
.introduced-header {justify-content: center;}
.introduced-header-ttl {height: 30px;}
.introduced-header-icon {width: 30px;height: 30px;display: inline-block;margin: 0 10px 0 0;}
.introduced-company-item {--introduced-company-item-size: 25rem;width: var(--introduced-company-item-size);height: var(--introduced-company-item-size);border-left-width: 1px;}
.introduced-company-item img {width: 19.8rem}

main .info {background-color: #eaeaea; margin-bottom: 80px;}
main .introduced-header-ttl {font-size: 24px; font-family: 'Noto Sans JP'; font-weight: bold; color: var(--color-black);}
main .introduced-company-item {--introduced-company-item-size: 25rem;width: var(--introduced-company-item-size);border-left-width: 1px;margin: 0 10px; background-color: #fff; border-radius: 10px; border: none; height: fit-content;}
main .introduced-company-item img {width: 16rem;object-fit: cover;}

.contact {border-top-width: 1px;position: relative;}
.contact:before{position: absolute;top: 0;right: 0;margin: auto;content: "";width: 100%;height: 50px;background: #000;/* background: #4CAF50; */}
.contact .inner {max-width: 1280px;/* max-width: 1534px; */margin: auto;/*background-color: #5f9ea091;*/}
.contact-item {padding-bottom: 7.5rem;}
.contact-item+.contact-item {border-left-width: 1px}
.contact-ttl {border-bottom-width: 1px;color: #fff;justify-content: center;}
.contact-ttl svg {color: var(--color-white);}
.contact-ttl span {}
.contact-ttl img {height: 2.7rem}
.contact-ttl-icon {top: 0;right: 4rem;bottom: 0;width: 1.5rem;height: 1.5rem;margin: auto}
.contact-txt {}
.contact-btn {width: 230px;height: 60px;padding: 0 1.5em;margin: auto;border-width: 1px;border-radius: 0.5rem;justify-content: center;}
.contact-btn-txt {font-size: 14px;}
.contact-btn-icon {top: 5px;right: 5px;width: 5px;height: 5px;}

.footer {padding: 1rem 0 0;border-top-width: 1px;}
.footer-obj {right: -1rem;bottom: -1rem;width: 49.8rem;height: 37.1rem}
.footer-navi {display: flex;align-items: center;height: 8rem;margin-right: -4rem;border-bottom-width: 1px}
.footer-navi-mosaic {width: 2rem;height: 2rem;margin-right: 3rem}
.footer-navi-list {display: flex}
.footer-navi-item {font-size: 1.2rem}
.footer-navi-item+.footer-navi-item {margin-left: 2rem}
.footer-navi-pagetop {width: 36rem;margin-left: auto;border-left: 1px solid var(--color-light-black)}
.footer-navi-pagetop-icon {width: 1.4rem;height: 2rem;margin-right: 3rem}
.footer-navi-pagetop-txt {font-size: 1.2rem}
.footer-logo {width: 15rem;margin-top: 21rem}
.footer-address {margin-top: 2.3rem;font-size: 1.2rem}
.footer-links {margin-top: 1rem}
.footer-links-item+.footer-links-item {margin-left: 2rem}
.footer-links-link-icon {width: 0.6rem;margin-right: 0.6rem}
.footer-links-link-txt {font-size: 1.2rem}
.footer-copy {}
.footer-copyspan {margin-top: 4rem;font-size: 1rem}
.visual-inner {height: 45.2rem;padding: 0 4rem 5.4rem 28rem}
.visual-obj {right: -1rem;bottom: -1rem;width: 49.8rem;height: 37.1rem}
.visual-icon {position: absolute;bottom: 6rem;left: 4rem;width: 15rem;height: 15rem}
.visual-lead {width: 46.8rem}
.visual-en {margin-top: 2rem;font-size: 1.2rem}
.visual-slider {border-top-width: 1px}
.visual-slider-item {width: 87.8rem;height: 65.8rem;border-left-width: 1px}
.visual-slider-item-ttl {height: 5.5rem}
.visual-slider-item-ttl-num {width: 5.5rem;font-size: 1.1rem}
.visual-slider-item-ttl-txt {font-size: 1.4rem;border-bottom-width: 1px;border-left-width: 1px}
.about .section-header-ttl {width: 73.8rem}
.about-obj {bottom: -1rem;left: -1rem;width: 49.8rem;height: 37.1rem}
.issue .section-header-ttl {width: 68.7rem}
.issue-obj {top: -1rem;right: -1rem;width: 49.8rem;height: 37.1rem}
.example .section-header-ttl {width: 25rem}
.example-obj {bottom: -1rem;left: -1rem;width: 49.8rem;height: 37.1rem}
.example-search {margin-top: 2.4rem;}
.example-search-btn {display: none}
.example-search-category {display: grid;grid-template-columns: [title-start] 4% [title-end] 1% [list-start] 1fr [list-end];margin-right: 0rem;/*background-color: #5f9ea091;*/}
.example-search-category+.example-search-category {margin-top: 1rem}
.example-search-category-ttl {grid-column: title;margin-top: 0.3rem;font-size: 1.2rem;line-height: 1 !important;}
.example-search-category-ttl::after {position: absolute;top: 0;right: 0;display: block;content: ':'}
.example-search-category-list {grid-column: list;margin-top: -0.6rem}
.example-search-category-item {padding: 5px 9px;margin: 5px  10px  0 0;font-size: 14px;border-color: var(--color-bg);border-width: 1px;border-radius: 0.3rem;height: auto;line-height: 1;}
.example-result {margin-top: 4.6rem;}
.example-result-list {display: flex;flex-wrap: wrap;align-items: stretch;margin: 0 -1rem}
.example-result-item {width: 48%;margin: 2rem 1% 0;border-width: 1px;border-radius: 0.5rem}
.example-result-item:nth-of-type(1),
.example-result-item:nth-of-type(2) {margin-top: 0}
.example-result-item-body {padding: 3rem 3.5rem 3.5rem;}
.example-result-item-txt {padding: 0 0 2.2rem 5.5rem;}
.example-result-item-txt::before {top: 0.6rem;width: 2.4rem;height: 2.7rem}
.example-result-item-footer {display: flex;align-items: center;padding-top: 2.4rem;margin-top: auto}.example-result-item-footer::before {    right: 0;width: 100%;height: 1px;}
.example-result-item-category {grid-template-columns: [title-start] 3.3rem [title-end] 0.8rem [list-start] 1fr [list-end]}
.example-result-item-category+.example-result-item-category {margin-top: 1.3rem}
.example-result-item-category-ttl {font-size: 1.2rem}
.example-result-item-category-item {margin-right: 1rem;font-size: 1.2rem}
.example-result-item-tags {width: 100%;margin-top: -1rem}
.example-result-item-tags-item {margin: 1rem 2rem 0 0;font-size: 1.2rem}
.example-result-item-btn {padding: 0.8rem 2.7rem 0.8rem 0.8rem;margin-left: auto;border-radius: 0.5rem}
.example-result-item-btn-txt {font-size: 1.1rem}
.example-result-item-btn-icon {top: 0.6rem;right: 0.6rem;width: 0.6rem;height: 0.6rem}
.example-result-item-detail {padding: 4rem 5rem}
.example-result-item-detail-close {display: none}
.example-result-item.is-empty {max-width: 98%; width: 110rem;padding: 3.5rem 5rem}
.function .section-header-ttl {width: 31.4rem}
.function-category {/* grid-row: 3/6; *//* grid-column: side; */margin-top: 9.8rem;}
.function-category-pulldown {display: none;}
.function-category-list-item+.function-category-list-item {margin-top: 1.4rem}
.function-category-btn {padding: 0.3rem 0.7rem;font-size: 1.2rem;border-width: 1px;border-radius: 0.3rem}
.function-category-btn::after {width: 0.6rem;height: 0.6rem;margin-left: 1.1rem;border-radius: 0.1rem}
.function-result {margin-top: 6rem}
.function-result-list {}
.function-result-item {width: 31.5%;padding: 1rem 0 0 1%;margin: 3rem 2% 0 0;font-size: 1.5rem;border-top-width: 1px}
.function-result-item:nth-of-type(3n){margin-right:0;}
.function-result-item:nth-of-type(1),
.function-result-item:nth-of-type(2),
.function-result-item:nth-of-type(3) {margin-top: 0}
.function-result-item::before {top: 2.2rem;width: 0.6rem;height: 0.5rem;border-radius: 0.1rem}
.service .section-header-ttl {width: 31rem}
.service-obj01 {top: -1rem;right: -1rem;width: 49.8rem;height: 37.1rem}
.service-obj02 {bottom: -1rem;left: -1rem;width: 49.8rem;height: 37.1rem}}

@media screen and (max-width: 767px) {/* sp */
.section {padding: 4rem 4rem 15.8rem;border-top-width: 0.2rem}
.section-header {flex-direction: column}
.section-header-ttl {order: 2;margin-top: 4.2rem}
.section-header-label {order: 1}
.section-mosaic {display: none}
.section-body {margin-top: 13.2rem}
.c-display-pc {display: none}
.c-order-1-sp {order: 1}
.c-order-2-sp {order: 2}
.c-order-3-sp {order: 3}
.c-order-4-sp {order: 4}
.c-order-5-sp {order: 5}
.c-marker {padding: 0 0.2rem 0.2rem}
.c-cover {grid-template-columns: [full-start] 4rem [main-start] 1fr [main-end] 4rem [full-end];border-top-width: 0.2rem}
.c-cover-img {height: 75rem}
.c-cover-inner {padding: 4rem 0}
.c-cover-lead {width: 43.4rem}
.c-cover-en {margin-top: 2rem;font-size: 2rem}
.c-label {width: 24rem;height: 4rem;border-radius: 0.5rem}
.c-label-item {font-size: 2rem}
.c-article-block+.c-article-block {margin-top: 8rem}
.c-article-ttl {font-size: 4vw;}
.c-article-img {margin-top: 4rem}
.c-article-txt {margin-top: 3rem;font-size: 2.4rem}

html {font-size: calc(100vw / 75)}

body {font-size: 2.4rem}
.header {padding: 2vw 4vw;border-bottom: solid 1px #cccccc;position: sticky;top: 0;left: 0;z-index: 10;background: #fff;}
.header-logo {width: 100%;height: 12vw;display: flex;align-items: center;}
.header-logo canvas {width: 44vw !important;height: 5.530726256vw !important;}
.header-logo span {font-size: 2.5vw;display: block;padding: 0 0 0 1em;line-height: 1.2;}
.globalnavi {position: fixed;bottom: 0;left: 0;z-index: 1000;width: 100%;background-color: var(--color-white)}
.globalnavi-btns {height: 12rem;border-top: 0.2rem solid #fff;}
.globalnavi-btns-item {box-sizing: content-box;width: 50%;background: var(--top-thema-color);color: #fff;}
.globalnavi-btns-item+.globalnavi-btns-item {border-left: 0.2rem solid currentcolor}
.globalnavi-btns-link {height: 100%}
.globalnavi-btns-link-txt {font-size: 4vw;font-weight: normal;}
.globalnavi-btns-link-icon {top: 1rem;right: 1rem;width: 1.4rem}
#nav-btn-ioshk {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100;
	width: 16vw;
	height: 16vw;
}
.globalnavi-btns-menu {
/*flex: 0 0 auto;*/
/*width: 16vw;*/
/*height: 16vw;*/
/*position: fixed;*/
/*top: 0;*/
/*right: 0;*/
}
.globalnavi-btns-menu-btn {position: relative;width: 100%;height: 100%;/* color: var(--color-white); *//* background-color: var(--color-base); */}
.globalnavi-btns-menu-btn.is-close {
    color: var(--color-white);
    background-color: var(--color-base);
}
.globalnavi-btns-menu-btn i,
.globalnavi-btns-menu-btn::before,
.globalnavi-btns-menu-btn::after {position: absolute;top: 0;right: 0;bottom: 0;left: 0;/*width: 4rem;*//*height: 0.2rem;*/width: 5vw;height: 1px;margin: auto;background-color: currentcolor}
.globalnavi-btns-menu-btn i {transition: opacity 200ms 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75)}
.globalnavi-btns-menu-btn::before,
.globalnavi-btns-menu-btn::after {content: "";transition: width 400ms 0ms cubic-bezier(0.19, 1, 0.22, 1), height 400ms 0ms cubic-bezier(0.19, 1, 0.22, 1), top 400ms 400ms cubic-bezier(0.19, 1, 0.22, 1), transform 400ms 0ms cubic-bezier(0.19, 1, 0.22, 1)}
.globalnavi-btns-menu-btn::before {/*top: -1.6rem;*/top: -2vw;}
.globalnavi-btns-menu-btn::after {/*top: 1.6rem;*/top: 2vw;}
.globalnavi-btns-menu-btn.is-close i {opacity: 0}
.globalnavi-btns-menu-btn.is-close::before,
.globalnavi-btns-menu-btn.is-close::after {top: 0;transition-delay: 400ms, 400ms, 0ms, 400ms}
.globalnavi-btns-menu-btn.is-close::before {transform: rotate(45deg)}
.globalnavi-btns-menu-btn.is-close::after {transform: rotate(-45deg)}
.globalnavi-links {position: fixed;right: 0;top: 16vw;width: 45vw;padding: 3.7rem 4rem;-webkit-clip-path: inset(0% 0% 100% 0%);clip-path: inset(0% 0% 100% 0%);color: var(--color-white);background-color: var(--color-base);transition: -webkit-clip-path 1000ms cubic-bezier(0.19, 1, 0.22, 1);transition: clip-path 1000ms cubic-bezier(0.19, 1, 0.22, 1);transition: clip-path 1000ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-clip-path 1000ms cubic-bezier(0.19, 1, 0.22, 1);z-index: 100;}
.globalnavi-links.pc{}
.globalnavi-links.sp{}
.globalnavi-links.is-show {-webkit-clip-path: inset(0% 0% 0% 0%);clip-path: inset(0% 0% 0% 0%);}
.globalnavi-links-item+.globalnavi-links-item {margin-top: 2rem}
.globalnavi-links-link-txt {font-size: 4vw;font-weight: normal;}
.globalnavi-links-link-icon {width: 2vw;height: 2vw;margin-right: 4vw;color: var(--top-thema-color);}
.globalnavi-links-link-icon canvas {display: none}

.container {}
.introduced-header {height: 12vw;padding: 0 4rem}
.introduced-header-ttl {height: 5vw;display: flex;align-items: center;}
.introduced-header-icon {width: 4vw;height: 4vw;display: inline-block;margin: 0 10px 0 0;}
.introduced-header-ttl img {}
.introduced-header-label {}
.introduced-company-slider {}
.introduced-company-slider.is-move {}
.introduced-company-list {}
.introduced-company-item {--introduced-company-item-size: 44vw;width: var(--introduced-company-item-size);height: var(--introduced-company-item-size);border-left-width: 0.2rem}
.introduced-company-item img {width: 19.8rem}

main .info{background-color: #eaeaea; margin-bottom: 20vw;}
main .introduced-header-ttl {height: 5vw;display: flex;align-items: center; font-family: 'Noto Sans JP'; font-weight: bold;color: var(--color-black); font-size: 3.8vw;}
main .introduced-company-item {border-left-width: 0.2rem;margin: 0 10px; padding: 0;background-color: #fff; border-radius: 10px; border: none; height: fit-content;}
main .introduced-company-item img {width: 24rem}

#info {}
.contact {}
.contact .inner {display: block;}
.contact-item {padding-bottom: 10vw;width: 100%;}
.contact-item+.contact-item {border-left-width: 0.2rem;padding: 0 0 10vw;border: none;}
.contact-item+.contact-item::after {top: 24rem;left: -2rem;width: 4rem;height: 4rem}
.contact-ttl {justify-content: center;border-bottom-width: 0.2rem;background: #000;color: #fff;padding: 2vw 0 2.5vw;}
.contact-ttl svg {}
.contact-ttl span {font-size: 4vw;}
.contact-ttl img {height: 15.8rem}
.contact-ttl-icon {top: 1rem;left: 1rem;width: 3rem;height: 3rem}
.contact-icon {width: 3vw;height: 3vw;}
.contact-txt {padding: 8vw 5% 5vw;font-size: 3.6vw;text-align: justify;text-align: center;}
.contact-link {}
.contact-btn {justify-content: center;height: 11vw;margin: 0 auto;border-width: 0.2rem;border-radius: 1rem;width: 46vw;}
.contact-btn-txt {font-size: 2.2rem}
.contact-btn-icon {top: 1rem;right: 1rem;width: 1.4rem;height: 1.4rem}

.footer {padding: 8vw 0 16vw;border-top-width: 0.2rem}
div.footer-totop {width: 16vw;margin-bottom: 0;}
div.footer-totop img {}
div.footer-nav {display: none;}
.footer-obj {right: -1rem;bottom: -1rem;width: 49.8rem;height: 37.1rem}
.footer-cnt {display: block;padding: 0;margin: 15vw 5%;}
.footer-cnt div.footer-nav ul.footer-nav-links {}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item {}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link {}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link .footer-nav-links-link-icon {}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link .footer-nav-links-link-icon canvas {}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link svg {}
.footer-cnt div.footer-nav ul.footer-nav-links li.footer-nav-links-item a.footer-nav-links-link .footer-nav-links-link-txt{}
.footer-cnt div.footer-info {text-align: center;font-size: 3.3vw;}
.footer-cnt div.footer-info div.footer-info-logo {width: 35vw;}
.footer-cnt div.footer-info div.footer-info-logo img {}
.footer-cnt div.footer-info p.footer-info-txt {}
.footer-cnt div.footer-info div.footer-info-links {}
.footer-cnt div.footer-info div.footer-info-links a {}
.footer-logo {width: 28rem;margin-top: 29rem}
.footer-address {margin-top: 4.2rem;font-size: 2.2rem}
.footer-links {margin-top: 2rem}
.footer-links-item+.footer-links-item {margin-left: 3rem}
.footer-links-link-icon {width: 1rem;margin-right: 1rem}
.footer-links-link-txt {font-size: 2.2rem}
.footer-copy {padding: 1em;}
.footer-copy span{margin-top: 3.7rem;font-size: 2rem}

.visual-inner {height: 76.6rem;padding: 0 4rem 5rem}
.visual-obj {top: -1rem;right: -1rem;width: 75rem;height: 55.9rem;transform: scaleY(-1)}
.visual-icon {width: 12rem;height: 12rem}
.visual-lead {width: 62.4rem;margin-top: 5.4rem}
.visual-en {margin-top: 2.3rem;font-size: 2.2rem}
.visual-slider {border-top-width: 0.2rem}
.visual-slider-item {width: 100%;height: 75rem;border-right-width: 0.2rem}
.visual-slider-item-ttl {height: 10rem}
.visual-slider-item-ttl-num {width: 10rem;font-size: 2.6rem}
.visual-slider-item-ttl-txt {font-size: 2.4rem;border-bottom-width: 0.2rem;border-left-width: 0.2rem}
.about .section-header-ttl {width: 51.2rem}
.about-obj {bottom: -1rem;left: -1rem;width: 49.8rem;height: 37.1rem}
.issue .section-header-ttl {width: 47.7rem}
.issue-obj {top: -1rem;right: -1rem;width: 49.8rem;height: 37.1rem}
.example .section-header-ttl {width: 29.1rem}
.example-obj {bottom: -1rem;left: -1rem;width: 49.8rem;height: 37.1rem}
.example .c-article-ttl {display: none}
.example-search {overflow: hidden;border: 0.2rem solid currentcolor;border-radius: 0.5rem}
.example-search-btn {display: flex;align-items: center;width: 100%;height: 10rem}
.example-search-list {overflow: hidden;background-color: var(--color-gray);transition: height 800ms cubic-bezier(0.19, 1, 0.22, 1)}
.example-search-category {padding: 5rem 4rem 4rem;border-top: 0.2rem solid currentcolor}
.example-search-category-ttl {font-size: 2.4rem}
.example-search-category-list {margin: 3.6rem -1.2rem 0}
.example-search-category-item {padding: 0.7rem 1rem;margin: 1.4rem 1.8rem 0 0;font-size: 2.2rem;border-color: var(--color-gray);border-width: 0.2rem;border-radius: 0.5rem}
.example-result {margin-top: 4rem}
.example-result-item {width: 100%;margin-top: 3rem;border-width: 0.2rem;border-radius: 1rem}
.example-result-item:nth-of-type(1) {margin-top: 0}
.example-result-item-body {padding: 6rem 6rem 5rem}
.example-result-item-txt {padding: 0 0 6vw 9vw;}
.example-result-item-txt::before {top: 1rem;width: 4rem;height: 4.4rem}
.example-result-item-footer {padding-top: 6vw;margin-top: auto}
.example-result-item-footer::before {right: -5.8rem;width: 61rem;height: 0.2rem}
.example-result-item-category {grid-template-columns: [title-start] 6.1rem [title-end] 1.5rem [list-start] 1fr [list-end]}
.example-result-item-category+.example-result-item-category {margin-top: 2.8rem}
.example-result-item-category-ttl {font-size: 2.2rem}
.example-result-item-category-item {margin-right: 2rem;font-size: 2.2rem}
.example-result-item-tags {margin-top: -2.8rem}
.example-result-item-tags-item {margin: 2.8rem 4rem 0 0;font-size: 2.2rem}
.example-result-item-btn {padding: 1.8rem 8rem 1.8rem 1.8rem;margin-top: 5rem;border-radius: 0.5rem}
.example-result-item-btn-txt {font-size: 2.4rem}
.example-result-item-btn-icon {top: 1rem;right: 1rem;width: 1.4rem;height: 1.4rem}
.example-result-item-detail {padding: 6rem 6rem}
.example-result-item-detail-close {position: absolute;top: 2rem;right: 2rem;width: 2rem;height: 2rem;background-image: url("../images/example_icon_close.svg");background-repeat: no-repeat;background-position: 50% 50%;background-size: contain}
.example-result-item.is-empty {padding: 5rem 6rem}
.function .section-header-ttl {width: 36.6rem}
.function-category {margin: 12.8rem 0 -9.2rem}
.function-category-pulldown {position: relative;width: 100%;height: 10vw;overflow: hidden;border: 0.2rem solid currentcolor;border-radius: 0.5rem}
.function-category-list {display: none}
.function-result {margin-top: 4rem}
.function-result-list {margin: 0;}
.function-result-item {width: 48%;padding: 2rem 0 2rem 3rem;margin: 0.3rem 3% 0 0;font-size: 3.5vw;border-top-width: 0.2rem;}
.function-result-item:nth-of-type(2n) {margin-right:0;}
.function-result-item:nth-of-type(1),
.function-result-item:nth-of-type(2) {margin-top: 0}
.function-result-item::before {top: 0;bottom: 0;width: 2vw;height: 2vw;border-radius: 0.1rem;background: #000;margin: auto;}
.service .section-header-ttl {width: 36.2rem}
.service-obj01 {top: -1rem;right: -1rem;display: none;width: 49.8rem;height: 37.1rem}
.service-obj02 {bottom: -1rem;left: -1rem;width: 49.8rem;height: 37.1rem}}

@media only screen and (min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}}

@media(hover: hover) {a:hover {text-decoration: none}
.contact-btn:hover {color: var(--color-base);background-color: var(--color-white)}
.footer-navi-item-link:hover {opacity: .3}
.footer-navi-pagetop:hover {color: var(--color-base);background-color: var(--color-white)}
.footer-navi-pagetop:hover canvas.is-white {display: none}
.footer-navi-pagetop:hover canvas.is-base {display: block}
.footer-links-link:hover {opacity: .3}
.example-search-category-item:hover {border-color: var(--color-base)}
.function-category-btn:hover {border-color: var(--color-base)}}

@media(hover: none) {a:active {text-decoration: none}
.contact-btn:active {color: var(--color-base);background-color: var(--color-white)}
.footer-navi-item-link:active {opacity: .3}
.footer-navi-pagetop:active {color: var(--color-base);background-color: var(--color-white)}
.footer-navi-pagetop:active canvas.is-white {display: none}
.footer-navi-pagetop:active canvas.is-base {display: block}
.footer-links-link:active {opacity: .3}
.example-search-category-item:active {border-color: var(--color-base)}
.function-category-btn:active {border-color: var(--color-base)}}

@media screen and (hover: hover)and (min-width: 768px) {
.globalnavi-btns-link:hover {color: var(--color-white);background-color: var(--color-base)}}
@media screen and (hover: hover)and (max-width: 767px) {
.globalnavi-btns-link:hover {color: var(--color-white);background-color: var(--color-base)}}
@media screen and (hover: none)and (min-width: 768px) {
.globalnavi-btns-link:active {color: var(--color-white);background-color: var(--color-base)}}
@media screen and (hover: none)and (max-width: 767px) {
.globalnavi-btns-link:active {color: var(--color-white);background-color: var(--color-base)}}