@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap");


body.fix {width: 100%;height: 100%;position: fixed;overflow: hidden;}.h-basic {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 34px;font-size: 2.125rem;font-weight: 700;text-align: left;line-height: 1;letter-spacing: normal;text-decoration: none;}.h-basic.ex,.subpage .h-basic.ex {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 38px;font-size: 2.375rem;font-weight: 900;text-align: left;line-height: 1;letter-spacing: normal;text-decoration: none;}.h-basic.ex .sub {display: block;width: 100%;padding-top: 16px;margin-top: 24px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 18px;font-size: 1.125rem;font-weight: 500;text-align: left;line-height: 1;letter-spacing: 0.1em;text-decoration: none;position: relative;}.h-basic.ex .sub::after {content: "";display: block;width: 120px;height: 1px;background-color: #005099;position: absolute;top: 0;left: 0;}.h-basic.ex.center {margin-bottom: 40px;}.h-basic.ex.center span {text-align: inherit;}.h-basic.ex.center span::after {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}.h-basic3 {margin-bottom: 24px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 24px;font-size: 1.5rem;font-weight: 700;text-align: center;line-height: 1.6;letter-spacing: 0;text-decoration: none;}.h-basic3 span {display: block;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 16px;font-weight: 700;text-align: center;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}.h-basic4 {margin-bottom: 16px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 18px;font-size: 1.125rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0;text-decoration: none;}.h-basic4 span {font-size: 14px;font-size: 0.875rem;}.btn a {display: block;padding: 23px 0;background-color: #9a813e;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 16px;font-weight: 700;text-align: center;line-height: 1;letter-spacing: 0.1em;text-decoration: none;}.pdf,.mail,.video {display: inline-block;width: 200px;padding: 16px;border-radius: 40px;margin-right: 40px;text-align: center;background-color: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;}.pdf:last-child,.mail:last-child,.video:last-child {margin-right: 0;}.pdf span,.mail span,.video span {position: relative;display: inline-block;padding-left: 22px;}.pdf span::before,.mail span::before,.video span::before {content: "";position: absolute;left: 0;}.pdf.center,.mail.center,.video.center {display: block;width: 200px;margin: auto;}.pdf {border: 2px solid #fd4233;}.pdf span {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fd4233;font-size: 18px;font-size: 1.125rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}.pdf span::before {top: calc(((1.125rem * 1.6) - 18px) / 2);width: 17px;height: 20px;background-color: transparent;background-image: url(../img/pdf.svg);background-position: 0 0;background-size: 17px 20px;background-repeat: no-repeat;}.mail {border: 2px solid #fd4233;}.mail span {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fd4233;font-size: 18px;font-size: 1.125rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}.mail span::before {top: calc(((1.125rem * 1.6) - 10px) / 2);width: 18px;height: 14px;background-color: transparent;background-image: url(../img/mail.svg);background-position: 0 0;background-size: 18px 14px;background-repeat: no-repeat;}.video {border: 2px solid #005099;}.video span {padding-left: 25px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 18px;font-size: 1.125rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}.video span::before {top: calc(((1.125rem * 1.6) - 18px) / 2);width: 20px;height: 20px;background-color: transparent;background-image: url(../img/video.svg);background-position: 0 0;background-size: 20px 20px;background-repeat: no-repeat;}#index .section-block:last-child {margin-bottom: 100px;}#index .article-list {-ms-flex-preferred-size: 770px;flex-basis: 770px;max-width: 770px;}#index .indexproduct {margin: 40px 0 80px;}#index .news {margin: 80px 0 80px;position: relative;}#index .news::before {content: "";display: block;width: 560px;height: 0;padding-top: 560px;background-color: transparent;background-image: url(../img/earth.svg);background-position: 0 0;background-size: cover;background-repeat: no-repeat;position: absolute;top: -90px;left: -132px;z-index: -1;}.header {width: 100%;background-color: #fff;z-index: 1000;-webkit-box-sizing: border-box;box-sizing: border-box;}.header .sp-logo {display: none;}.header .g-nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: normal;-ms-flex-align: normal;align-items: normal;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}.header .g-nav .logo {width: 418px;padding: 19px 0 19px 30px;}.header .g-nav .logo a {display: block;width: 100%;height: 0;padding: 34px 0 0;background-color: transparent;background-image: url(../img/logo.svg);background-position: 0 0;background-size: cover;background-repeat: no-repeat;}.header .g-nav .burger {display: none;}.header .g-nav__wrap .flex .g-nav__list a,.header .g-nav__wrap .flex .g-nav__list .parent {display: block;padding: 28px 25px;border-left: 1px solid #e8e8e8;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #3b4043;font-size: 16px;font-weight: 700;text-align: left;line-height: 1;letter-spacing: 0.1em;text-decoration: none;cursor: pointer;}.header .g-nav__wrap .flex .g-nav__list a:last-child,.header .g-nav__wrap .flex .g-nav__list .parent:last-child {margin: 0;}.header .g-nav__wrap .flex .g-nav__list a[href*="mail"] span,.header .g-nav__wrap .flex .g-nav__list .parent[href*="mail"] span {padding-left: 26px;color: #e60012;position: relative;}.header .g-nav__wrap .flex .g-nav__list a[href*="mail"] span::before,.header .g-nav__wrap .flex .g-nav__list .parent[href*="mail"] span::before {content: "";width: 18px;height: 14px;background-color: transparent;background-image: url(../img/mail.svg);background-position: 0 0;background-size: 18px 14px;background-repeat: no-repeat;position: absolute;top: 6px;left: 0;}.header .g-nav__wrap .flex .g-nav__list a.g-nav__sp,.header .g-nav__wrap .flex .g-nav__list .parent.g-nav__sp {display: none;}.header .g-nav__wrap .flex .g-nav__list.megamenu {position: relative;}.header .g-nav__wrap .flex .g-nav__list.megamenu .parent {text-align: center;}.header .g-nav__wrap .flex .g-nav__list.megamenu .parent span {padding-left: 19px;position: relative;}.header .g-nav__wrap .flex .g-nav__list.megamenu .parent span::before {content: "";width: 11px;height: 8px;background-color: transparent;background-image: url(../img/arrow.svg);background-position: 0 0;background-size: 11px 8px;background-repeat: no-repeat;position: absolute;top: 9px;left: 0;}.header .g-nav__wrap .flex .g-nav__list.megamenu .list {display: none;width: 323px;padding: 16px 24px;background-color: rgba(250, 250, 250, 0.7);position: absolute;left: 0;z-index: 100;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;}.header .g-nav__wrap .flex .g-nav__list.megamenu .list a {padding: 20px 10px;border-bottom: 1px solid #e5e5e5;border-left: 1px none #005099;line-height: 1.6;}.fv {min-width: 1260px;height: calc(214px + 25vw);position: relative;}.fv::after {content: "";display: block;width: 32vw;height: 32vw;background-color: transparent;background-image: url(../img/fv_icon.svg);background-position: center center;background-size: cover;background-repeat: no-repeat;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}.fv .overlay {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 80, 153, 0.49);}.fv .bg {width: 100%;margin: 0;background-color: transparent;background-image: url(../img/fv_bg.webp);background-position: center center;background-size: cover;background-repeat: no-repeat;}.fv .fv__txt {height: 214px;padding: 12vw 10vw 13vw;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}.fv .fv__txt .tagline {width: 1070px;height: 0;padding-top: 126px;margin: 0 auto 40px;background-color: transparent;background-image: url(../img/fv_tagline.svg);background-position: 0 0;background-size: contain;background-repeat: no-repeat;}.fv .fv__txt strong {display: block;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 30px;font-size: 1.875rem;font-weight: 700;text-align: center;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;text-shadow: #3b4043 1px 0 10px;}.tab {letter-spacing: -0.4em;}.tab input[name="tab"] {display: none;}.tab input:checked + .tab__item {color: #fff;background-color: #005099;}.tab__item {display: inline-block;padding: 12px 51px;margin-bottom: 24px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 14px;font-size: 0.875rem;font-weight: 700;text-align: center;line-height: 1;letter-spacing: 0.2em;text-decoration: none;background-color: #f5f5f5;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;-webkit-box-sizing: border-box;box-sizing: border-box;}.tab__item:before,.tab__item:after {-webkit-transition: 0.3s;transition: 0.3s;}.tab__content {display: none;letter-spacing: normal;}.tab #news:checked ~ #news-cont,.tab #brandnew:checked ~ #brandnew-cont {display: block;-webkit-animation: show 1s linear 0s;animation: show 1s linear 0s;}.article-list article {padding: 0 0 20px;border-bottom: 1px solid #f3f0ec;margin: 0 0 24px;}.article-list article:after {content: "";display: block;clear: both;visibility: hidden;}.article-list article:last-child {margin: 0;}.article-list article .info {margin: 0 0 16px;font-size: 0;}.article-list article .info * {display: inline-block;}.article-list article .info .cat {padding: 8px 10px;margin-right: 8px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 12px;font-size: 0.75rem;font-weight: 400;text-align: left;line-height: 1;letter-spacing: 0.1em;text-decoration: none;}.article-list article .info .cat.notice {background-color: #005099;}.article-list article .info .cat.brand-new {background-color: #e60012;}.article-list article .info time {margin-right: 16px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #3b4043;font-size: 12px;font-size: 0.75rem;font-weight: 400;text-align: left;line-height: 1;letter-spacing: 0.1em;text-decoration: none;}.article-list article .info .ttl {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #3b4043;font-size: 16px;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}.article-list article p {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #3b4043;font-size: 16px;font-weight: 400;text-align: left;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}.article-list article p a {display: inherit;text-decoration: underline;}.article-list .link {text-align: right;}.article-list .link a {padding: 0 24px 0 0;}.article-list .link a::before {content: none;}.article-list .link a::after {content: "";width: 11px;height: 1em;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-color: transparent;background-image: url(../img/arrow02.svg);background-position: 0 0;background-size: contain;background-repeat: no-repeat;}.product {display: grid;grid-template-columns: repeat(8, 1fr);gap: 5px;}.product__box {position: relative;height: 200px;text-align: center;border-radius: 3px;z-index: 1;overflow: hidden;}.product__box::before,.product__box::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.product__box::before {background: rgba(0, 0, 0, 0.3);-webkit-transition: background 0.3s ease;transition: background 0.3s ease;z-index: -1;}.product__box::after {content: "";-webkit-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition: -webkit-transform 0.3s ease;transition: -webkit-transform 0.3s ease;transition: transform 0.3s ease;transition: transform 0.3s ease, -webkit-transform 0.3s ease;z-index: -2;}.product__box.pro1 {grid-column: 1 / 5;}.product__box.pro1::after {background-color: transparent;background-image: url(../img/product/tmb_sekigaisen.webp);background-position: center center;background-size: cover;background-repeat: no-repeat;}.product__box.pro2 {grid-column: 5 / 9;}.product__box.pro2::after {background-color: transparent;background-image: url(../img/product/tmb_keisoku.webp);background-position: center center;background-size: cover;background-repeat: no-repeat;}.product__box.pro3 {grid-column: 1 / 3;}.product__box.pro3::after {background-color: transparent;background-image: url(../img/product/tmb_system.webp);background-position: center center;background-size: cover;background-repeat: no-repeat;}.product__box.pro4 {grid-column: 3 / 7;}.product__box.pro4::after {background-color: transparent;background-image: url(../img/product/tmb_kankyo.webp);background-position: center center;background-size: cover;background-repeat: no-repeat;}.product__box.pro5 {grid-column: 7 / 9;}.product__box.pro5::after {background-color: transparent;background-image: url(../img/product/tmb_consle.webp);background-position: center center;background-size: cover;background-repeat: no-repeat;}.product__box.ex,.subpage .product__box.h-basic.ex {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: normal;-ms-flex-align: normal;align-items: normal;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.product__box.ex .ttl {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}.product__box.col {-ms-flex-preferred-size: 819px;flex-basis: 819px;max-width: 819px;}.product__box.col figure,.product__box.col .ttl {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}.product__box.col figure::before {padding-top: 64.228%;}.product__box .ttl {position: relative;padding-top: 10px;padding-left: 10px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 22px;font-size: 1.375rem;font-weight: 700;text-align: left;line-height: 1;letter-spacing: 0.1em;text-decoration: none;background-color: #005099;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 2;background: none;white-space: nowrap;}.product__box .ttl.multiple {padding: 10px 35px;font-size: 20px;font-size: 1.25rem;}.product__box .arrow {z-index: 2;position: absolute;right: 10px;bottom: 10px;}.product__box .arrow::before,.product__box .arrow::after {content: "";position: inherit;bottom: 8px;width: 6px;height: 9px;background-color: transparent;background-image: url(../img/arrow03.svg);background-position: 0 0;background-size: contain;background-repeat: no-repeat;}.product__box .arrow::before {right: 9px;opacity: 1;-webkit-transition: 0.3s;transition: 0.3s;}.product__box .arrow::before:before,.product__box .arrow::before:after {-webkit-transition: 0.3s;transition: 0.3s;}.product__box .arrow::after {right: 40px;opacity: 0;-webkit-transition: 0.3s;transition: 0.3s;}.product__box .arrow::after:before,.product__box .arrow::after:after {-webkit-transition: 0.3s;transition: 0.3s;}.product__box .arrow .circle {display: block;width: 24px;height: 24px;background: #005099;border-radius: 50%;z-index: -1;-webkit-transition: -webkit-transform 0.3s ease;transition: -webkit-transform 0.3s ease;transition: transform 0.3s ease;transition: transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform: scale(0, 0);transform: scale(0, 0);}.indexproduct .link {margin: 20px 0;text-align: right;}.indexproduct .link a {padding: 0 24px 0 0;}.indexproduct .link a::before {content: none;}.indexproduct .link a::after {content: "";width: 11px;height: 1em;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);background-color: transparent;background-image: url(../img/arrow02.svg);background-position: 0 0;background-size: contain;background-repeat: no-repeat;}.f-cta {padding: 40px 0;position: relative;z-index: 0;}.f-cta .info {margin: auto;}.f-cta .info .logo {margin: 0 0 24px;}.f-cta .info .logo a {display: block;width: 486px;height: 0;padding: 40px 0 0;margin: 0 auto 24px;background-color: transparent;background-image: url(../img/logo.svg);background-position: 0 0;background-size: 100%;background-repeat: no-repeat;}.f-cta .info .logo address {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #3b4043;font-size: 14px;font-size: 0.875rem;font-weight: 400;text-align: center;line-height: 1.6;letter-spacing: normal;text-decoration: none;}.f-cta .info .btn a {width: 284px;margin: auto;background-color: #e60012;}.f-cta .info .btn a span {display: inline-block;padding-left: 28px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 16px;font-weight: 700;text-align: left;line-height: 1;letter-spacing: normal;text-decoration: none;background-color: transparent;background-image: url(../img/cta_mail.svg);background-position: left center;background-size: 18px 14px;background-repeat: no-repeat;-webkit-transition: 0.3s;transition: 0.3s;}.f-cta .info .btn a span:before,.f-cta .info .btn a span:after {-webkit-transition: 0.3s;transition: 0.3s;}.map {height: 0;padding-bottom: 25%;padding-top: 20px;position: relative;overflow: hidden;}.map iframe,.map object,.map embed {width: 100%;height: 100%;border: 1px none #005099;position: absolute;top: 0;left: 0;}.footer {position: relative;background-color: #222;}.footer .inr {padding: 32px 10px 22px;}.footer .f-nav {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: normal;-ms-flex-align: normal;align-items: normal;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 80px;}.footer .f-nav > li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;margin: 0 40px 0 0;}.footer .f-nav > li:last-child {margin: 0;}.footer .f-nav > li a {margin: 0 24px 0 0;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 14px;font-size: 0.875rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}.footer .f-nav > li a:last-child {margin: 0;}.footer .f-nav > li > ul > li a {font-weight: 400;}.footer .f-nav > li > ul > li a::before {content: "-";margin-right: 1em;}.footer .copyright {text-align: center;line-height: 1;}.footer .copyright small {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 9px;font-size: 0.5625rem;font-weight: 400;text-align: left;line-height: inherit;letter-spacing: 0.1em;text-decoration: none;}.subpage .header .g-nav .logo a {width: 436px;}.subpage .fv {height: 300px;margin: 0 0 32px;}.subpage .fv::after {content: none;}.subpage .fv h1 {position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 40px;font-size: 2.5rem;font-weight: 700;text-align: center;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}.subpage .h-basic {color: #005099;font-size: 34px;font-size: 2.125rem;text-align: center;padding: 0;margin: 0 0 40px;}.subpage .h-basic span {display: block;margin-top: 12px;color: #005099;font-size: 18px;font-size: 1.125rem;text-align: center;}.subpage .h-basic:before {display: none;}.subpage .h-basic:after {content: "";display: block;width: 30%;height: 1px;margin: 16px auto 0;background-color: #005099;}.subpage .h-basic.ex::after {content: none;}.subpage .h-basic2 {padding: 0 0 0 16px;margin: 0 0 24px;position: relative;font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;color: #005099;font-size: 24px;font-size: 1.5rem;font-weight: 400;text-align: left;line-height: 1;letter-spacing: 0.1em;text-decoration: none;}.subpage .h-basic2:before {content: "";display: block;width: 6px;height: 6px;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;border-radius: 50%;background-color: #005099;}.subpage .tb-layout__price tr {border-bottom: 1px solid #cdcdcd;border-left: 1px hidden #005099;}.subpage .tb-layout__price tr:first-child {border-top: 1px hidden #005099;}.subpage .tb-layout__price tr:last-child {border-bottom: 1px hidden #005099;}.subpage .tb-layout__price tr th {width: 20%;padding: 1% 0;border-right: 1px solid #cdcdcd;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #3b4043;font-size: 16px;font-weight: 400;text-align: left;line-height: 1.6;letter-spacing: 0.4em;text-decoration: none;background-color: transparent;}.subpage .tb-layout__price tr td {padding: 1% 4%;border-right: 1px hidden #005099;}#service .flex .img-area {width: 37%;margin: 0 3% 0 0;}#service .flex .txt-area {width: 60%;margin: 0;}#service .flex .txt-area .ul-layout li {margin-bottom: 16px;}#service .flex .txt-area .ul-layout li:last-child {margin-bottom: 0;}#service .flex.srv .img-area {width: 34%;margin: 0 6% 0 0;}#service .flex.srv .txt-area {width: 60%;margin: 0;}#company .flex .img-area {width: 37%;margin: 0;}#company .flex .txt-area,#company .flex .tb-layout {width: 60%;margin: 0 3% 0 0;}#company .flex .tb-layout {-webkit-box-sizing: border-box;box-sizing: border-box;}#company .flex .tb-layout th {width: 30%;}#company .flex.srv a .img-area {width: 34%;margin: 0 6% 0 0;}#company .flex.srv a .txt-area {width: 60%;margin: 0;}#company #philosophy .box {padding: 40px;border: 4px solid #e6e6e6;-webkit-box-sizing: border-box;box-sizing: border-box;}#company #philosophy .h-basic {position: relative;text-align: center;border: 0;padding: 0;margin: 0 0 48px;}#company #philosophy .h-basic:after {content: "";position: absolute;left: 50%;bottom: -24px;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100px;height: 8px;background-color: #005099;}#company #philosophy strong {display: block;font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;color: #3b4043;font-size: 24px;font-size: 1.5rem;font-weight: 400;text-align: center;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;margin: 0 0 16px;}#company #philosophy p {text-align: center;}#company #message .txt-area {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #3b4043;font-size: 14px;font-size: 0.875rem;font-weight: 400;text-align: justify;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}#company #business .ol-layout li {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;padding: 0 0 0 18px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #3b4043;font-size: 18px;font-size: 1.125rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;-webkit-box-sizing: border-box;box-sizing: border-box;}#company #business .ol-layout li:before {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 18px;font-size: 1.125rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}#recruit .tb-layout th,#recruit .tb-layout td {padding: 4% 2%;}#recruit .tb-layout td p {margin: 0 0 16px;}#recruit .tb-layout td p:last-child {margin: 0;}#product .box {padding: 16px 24px;-webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.16);margin-bottom: 40px;}#product .box.col-2 {margin-bottom: 0;}#product .box:last-child {margin-bottom: 0;}#product .box .flex,#product .box.flex {margin-bottom: 30px;}#product .box .flex:last-child,#product .box.flex:last-child {margin-bottom: 0;}#product .box .flex.ex,#product .box.flex.ex {padding: 32px 24px;}#product .box .flex .col-2,#product .box.flex .col-2 {width: 50%;margin: 0;}#product .box .flex .col-2 figcaption,#product .box.flex .col-2 figcaption {text-align: center;}#product .box .flex .col-3,#product .box.flex .col-3 {text-align: center;}#product .box .flex .col-3:last-child,#product .box.flex .col-3:last-child {margin: 0;}#product .box .flex .text .txt-area p:last-of-type,#product .box.flex .text .txt-area p:last-of-type {margin: 0;}#product .box .flex.col-2,#product .box.flex.col-2 {margin-bottom: 0;}#product .box .text {padding: 40px 24px;-webkit-box-sizing: border-box;box-sizing: border-box;letter-spacing: -0.4em;}#product .box .text * {letter-spacing: normal;}#product .box .text .h-basic4 {text-align: center;}#product .box .text .note {margin-top: 8px;}#product .note p {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #f00;font-size: 14px;font-size: 0.875rem;font-weight: 700;text-align: left;line-height: 1;letter-spacing: 0.1em;text-decoration: none;}#product .describe {padding: 40px 24px;border: 1px solid #e5e5e5;margin-bottom: 24px;position: relative;}#product .describe:last-child {margin-bottom: 0;}#product .describe::before {content: "";width: 0;height: 0;border-top: 0 solid transparent;border-right: 16px solid #005099;border-bottom: 16px solid transparent;border-left: 0 solid transparent;position: absolute;top: 0;right: 0;}.page-link {position: fixed;width: 20rem;top: 50%;right: -16.5rem;margin-right: 0.5rem;-webkit-transform: translateY(-50%);transform: translateY(-50%);z-index: 10;opacity: 0.8;-webkit-transition: 0.3s;transition: 0.3s;cursor: pointer;}.page-link:before,.page-link:after {-webkit-transition: 0.3s;transition: 0.3s;}.page-link-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: stretch;-ms-flex-pack: stretch;justify-content: stretch;gap: 0;border-radius: 0 6px 6px 0;background-color: #fafafa;}.page-link-wrap a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: inherit;-webkit-box-direction: inherit;-ms-flex-direction: inherit;flex-direction: inherit;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: relative;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #707070;font-size: 12px;font-size: 0.75rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;padding: 16px;border-bottom: 1px solid #e5e5e5;-webkit-box-sizing: border-box;box-sizing: border-box;z-index: 1;}.page-link-wrap a:first-child::after {border-radius: 0 6px 0 0;}.page-link-wrap a:last-child {border: 1px none #005099;}.page-link-wrap a:last-child::after {border-radius: 0 0 6px 0;}.page-link-wrap a::after {content: "";display: block;width: 100%;height: 100%;background-color: #e8e8e8;position: absolute;top: 0;left: 0;-webkit-transform: scale(0, 1);transform: scale(0, 1);-webkit-transform-origin: left top;transform-origin: left top;z-index: -1;}.page-link-wrap a.current {padding-left: 8px;}.page-link-wrap a.current::after {-webkit-transform: scale(1, 1);transform: scale(1, 1);}.page-link-button {z-index: 0;position: absolute;top: 0;-webkit-transform: inherit;transform: inherit;top: calc(50% + 0.0025rem);left: -30px;width: 30px;height: 100%;background-color: #005099;-webkit-transition: opacity 0.4s ease;transition: opacity 0.4s ease;border-radius: 6px 0 0 6px;z-index: -1;}.page-link-button-arrow {position: relative;top: 50%;left: 10px;-webkit-transform: translateY(-50%);transform: translateY(-50%);display: inline-block;width: 10px;height: 20px;-webkit-transition: 0.3s;transition: 0.3s;}.page-link-button-arrow:before,.page-link-button-arrow:after {-webkit-transition: 0.3s;transition: 0.3s;}.page-link-button-arrow::before,.page-link-button-arrow::after {content: "";position: absolute;top: calc(50% - 1px);left: 0;width: 12px;height: 2px;border-radius: 10px;background-color: #fff;-webkit-transform-origin: 1px 50%;transform-origin: 1px 50%;}.page-link-button-arrow::before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}.page-link-button-arrow::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}.card-item {display: -webkit-box;display: -ms-flexbox;display: flex;}.card-item .title {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #707070;font-size: 16px;font-weight: 700;text-align: center;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;min-height: 3em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.card-item .title span {color: #005099;font-size: 18px;font-size: 1.125rem;}.card-item .title em {position: relative;padding-right: 14px;font-weight: 700;}.card-item .title em sup {font-size: 10px;font-size: 0.625rem;position: absolute;right: 0;letter-spacing: 0;}.card-item .title.multiple {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.card-item picture,.card-item figure {min-height: 130px;display: inherit;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;-webkit-box-sizing: border-box;box-sizing: border-box;}.card-item .txt-area {display: inherit;-webkit-box-orient: inherit;-webkit-box-direction: inherit;-ms-flex-direction: inherit;flex-direction: inherit;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.card-item .txt-area > * {font-size: 14px;font-size: 0.875rem;}.card-item.vertical {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;gap: 16px;}.card-item.vertical .txt-area {display: inherit;-webkit-box-orient: inherit;-webkit-box-direction: inherit;-ms-flex-direction: inherit;flex-direction: inherit;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}.card-item.horizonal {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: stretch;-ms-flex-pack: stretch;justify-content: stretch;gap: 24px;}.card-item.horizonal.not {gap: 16px;}.card-item.horizonal .column {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;-webkit-box-sizing: border-box;box-sizing: border-box;}.card-item.horizonal .column.not {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.card-item.horizonal .column-1 {-ms-flex-preferred-size: 10%;flex-basis: 10%;}.card-item.horizonal .column-2 {-ms-flex-preferred-size: 20%;flex-basis: 20%;}.card-item.horizonal .column-3 {-ms-flex-preferred-size: 30%;flex-basis: 30%;}.card-item.horizonal .column-4 {-ms-flex-preferred-size: 40%;flex-basis: 40%;}.card-item.horizonal .column-5 {-ms-flex-preferred-size: 50%;flex-basis: 50%;}.card-item.horizonal .column-6 {-ms-flex-preferred-size: 60%;flex-basis: 60%;}.card-item.horizonal .column-7 {-ms-flex-preferred-size: 70%;flex-basis: 70%;}.card-item.horizonal .column-8 {-ms-flex-preferred-size: 80%;flex-basis: 80%;}.card-item.horizonal .column-9 {-ms-flex-preferred-size: 90%;flex-basis: 90%;}@media screen and (min-width: 1260px) {.btn a:hover {background-color: #b99d52;}.pdf:hover span,.mail:hover span,.video:hover span {color: #fff;}.pdf:hover {background-color: #fd4233;}.pdf:hover span::before {background-color: transparent;background-image: url(../img/pdf_hov.svg);background-position: 0 0;background-size: 17px 20px;background-repeat: no-repeat;}.mail:hover {background-color: #fd4233;}.mail:hover span::before {background-color: transparent;background-image: url(../img/cta_mail.svg);background-position: 0 0;background-size: 18px 14px;background-repeat: no-repeat;}.video:hover {background-color: #005099;}.video:hover span::before {background-color: transparent;background-image: url(../img/video_hov.svg);background-position: 0 0;background-size: 20px 20px;background-repeat: no-repeat;}.header .g-nav__wrap .flex .g-nav__list a:hover,.header .g-nav__wrap .flex .g-nav__list .parent:hover {color: #005099;}.header .g-nav__wrap .flex .g-nav__list a[href*="mail"]:hover,.header .g-nav__wrap .flex .g-nav__list .parent[href*="mail"]:hover {opacity: 0.8;}.tab__item:hover {color: #fff;background-color: #005099;}.article-list article p a:hover {text-decoration: none;}.article-list .link a:hover {color: #005099;opacity: 0.75;}.product__box:hover::before {background: rgba(0, 0, 0, 0.5);}.product__box:hover::after {-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}.product__box:hover .ttl::after {right: 5px;}.product__box:hover .arrow::before {opacity: 0;}.product__box:hover .arrow::after {right: 9px;opacity: 1;}.product__box:hover .arrow .circle {-webkit-transform: scale(1, 1);transform: scale(1, 1);}.indexproduct .link a:hover {color: #005099;opacity: 0.75;}.f-cta .info .btn a:hover {background-color: rgba(230, 0, 18, 0.7);}.footer .f-nav > li a:hover {opacity: 0.7;}#company .flex.srv a:hover {color: #3b4043;opacity: 0.8;}.page-link:hover {right: 0;opacity: 1;}.page-link:hover .page-link-button-arrow::before,.page-link:hover .page-link-button-arrow::after {left: -3px;-webkit-transform-origin: calc(100% - 1px) 50%;transform-origin: calc(100% - 1px) 50%;}.page-link-wrap a:hover {padding-left: 8px;}.page-link-wrap a:hover::after {-webkit-transform: scale(1, 1);transform: scale(1, 1);}}@media screen and (min-width: 1260px) and (max-width: 768px) {.page-link-wrap a:hover {color: #005099;}.page-link-wrap a:hover::after {content: none;}}@media screen and (max-width: 768px) {.h-basic.ex,.subpage .h-basic.ex {display: inline-block;}.pdf,.mail,.video {margin-bottom: 16px;}.pdf:last-child,.mail:last-child,.video:last-child {margin-bottom: 0;}#index .article-list {-ms-flex-preferred-size: 70%;flex-basis: 70%;max-width: 70%;}.header {position: absolute;top: 0;}.header.open {position: fixed;width: 100%;height: 100%;padding: 40px 2%;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.9);-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;overflow-y: scroll;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-overflow-scrolling: touch;}.header.open .sp-logo {top: 10px;}.header.open .g-nav .burger:before {color: #005099 !important;}.header .sp-logo {display: block;position: absolute;top: 20px;left: 10px;}.header .sp-logo a {display: block;width: 418px;height: 0;padding: 34px 0 0;background-color: transparent;background-image: url(../img/logo.svg);background-position: 0 0;background-size: cover;background-repeat: no-repeat;}.header .g-nav {position: relative;}.header .g-nav .logo {display: none;}.header .g-nav .logo a {width: 390px;}.header .g-nav .burger {display: block;width: 39px;height: 26px;position: fixed;top: 10px;right: 10px;cursor: pointer;z-index: 1100;-webkit-transition: 0.3s;transition: 0.3s;}.header .g-nav .burger:before,.header .g-nav .burger:after {-webkit-transition: 0.3s;transition: 0.3s;}.header .g-nav .burger:before {content: "MENU";position: absolute;bottom: -18px;left: 0;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 11px;font-size: 0.6875rem;font-weight: 700;text-align: center;line-height: 1;letter-spacing: 0.1em;text-decoration: none;}.header .g-nav .burger span {display: block;width: 100%;height: 3px;position: absolute;left: 0;background-color: #fff;-webkit-transition: 0.3s;transition: 0.3s;}.header .g-nav .burger span:before,.header .g-nav .burger span:after {-webkit-transition: 0.3s;transition: 0.3s;}.header .g-nav .burger span.top,.header .g-nav .burger span.bottom {-webkit-transform: translateY(0px) scale(1);transform: translateY(0px) scale(1);}.header .g-nav .burger span.top.move,.header .g-nav .burger span.bottom.move {-webkit-transform: translateY(0px) scale(0);transform: translateY(0px) scale(0);}.header .g-nav .burger span.bottom {bottom: 0;}.header .g-nav .burger span.middle {position: relative;top: calc(50% - 1px);}.header .g-nav .burger span.middle:before,.header .g-nav .burger span.middle:after {content: "";display: block;width: 100%;height: 3px;position: absolute;-webkit-transform: rotate(0deg);transform: rotate(0deg);background-color: #fff;-webkit-transition: 0.3s;transition: 0.3s;}.header .g-nav .burger span.middle:before:before,.header .g-nav .burger span.middle:before:after,.header .g-nav .burger span.middle:after:before,.header .g-nav .burger span.middle:after:after {-webkit-transition: 0.3s;transition: 0.3s;}.header .g-nav .burger span.middle.move {height: 0;}.header .g-nav .burger span.middle.move:before,.header .g-nav .burger span.middle.move:after {background-color: #005099;}.header .g-nav .burger span.middle.move:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}.header .g-nav .burger span.middle.move:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}.header .g-nav .burger.sticky:before {font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #66b6ff;font-size: 11px;font-size: 0.6875rem;font-weight: 700;text-align: center;line-height: 1;letter-spacing: 0.1em;text-decoration: none;}.header .g-nav .burger.sticky span {background-color: #66b6ff;}.header .g-nav .burger.sticky span.middle:before,.header .g-nav .burger.sticky span.middle:after {background-color: #66b6ff;}.header .g-nav__wrap {display: none;width: 100%;margin: 80px 0 0;border-top: 1px solid #ccc;}.header .g-nav__wrap .flex {display: block;}.header .g-nav__wrap .flex .g-nav__list a,.header .g-nav__wrap .flex .g-nav__list .parent {margin: 0;border-bottom: 1px solid #ccc;border-left: 1px none #005099;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #005099;font-size: 16px;font-weight: 700;text-align: center;line-height: 1;letter-spacing: 0.1em;text-decoration: none;}.header .g-nav__wrap .flex .g-nav__list a.now,.header .g-nav__wrap .flex .g-nav__list .parent.now {color: #666666;}.header .g-nav__wrap .flex .g-nav__list a.g-nav__sp,.header .g-nav__wrap .flex .g-nav__list .parent.g-nav__sp {display: block;}.header .g-nav__wrap .flex .g-nav__list.megamenu .list {width: auto;padding: 0;position: static;background-color: rgba(0, 80, 153, 0.9);}.header .g-nav__wrap .flex .g-nav__list.megamenu .list a {color: #fff;}.fv {min-width: 320px;height: calc(152px + 34vw);}.fv::after {width: 40vw;height: 40vw;}.fv .fv__txt {height: 152px;padding: 17vw 6vw;}.fv .fv__txt .tagline {width: 100%;padding-top: 80px;}.fv .fv__txt strong {margin: 0;font-size: 20px;font-size: 1.25rem;}.product {display: block;}.product__box {max-width: calc(100% - 20px);margin: 0 10px;overflow: inherit;}.product__box.ex.all {position: relative;}.product__box.ex.all::before {content: "";display: block;padding-top: 66.071%;}.product__box.ex.all .ttl {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}.product__box.col {max-width: calc(100% - 20px);}.product__box.col figure,.product__box.col .ttl {max-width: 100%;}.product__box.col figure::before {padding-top: 50.255%;}.product__box .ttl {font-size: 20px;font-size: 1.25rem;}.product__box .ttl.multiple {font-size: 18px;font-size: 1.125rem;}.product__box .arrow::after {right: 9px;opacity: 1;}.product__box .arrow .circle {-webkit-transform: scale(1, 1);transform: scale(1, 1);}.f-cta .info .logo a {width: 80%;padding: 6.8% 0 0;}.f-cta .info .btn a span {padding-left: 32px;font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;color: #fff;font-size: 20px;font-size: 1.25rem;font-weight: 700;text-align: left;line-height: 1.6;letter-spacing: normal;text-decoration: none;background-size: 25px 16px;}.map {padding-bottom: 40%;}.subpage .header .g-nav .logo a {width: 390px;}.subpage .fv h1 {width: calc(100% - 20px);}.subpage .h-basic {display: block;}#service .flex.srv .img-area {width: auto;margin: 0 0 24px;}#service .flex.srv .txt-area {width: auto;}#company .flex .img-area {width: 100%;margin: auto;}#company .flex .txt-area,#company .flex .tb-layout {width: auto;margin: 0 0 32px;}#company .flex .tb-layout {width: 100%;}#company .flex.srv a .img-area {width: auto;margin: 0 0 24px;}#company .flex.srv a .txt-area {width: auto;}#company #business .ol-layout li {max-width: 100%;}#product .box .flex.col-2,#product .box.flex.col-2 {display: block;}#product .box .flex.col-2 .text,#product .box.flex.col-2 .text {width: 100%;}#product .box .flex.col-2 .text .pdf,#product .box.flex.col-2 .text .pdf {margin: auto;}.page-link {display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;max-width: calc(100% - 40px - 20px);padding-right: 40px;margin-right: 0;top: 60px;right: 10px;-webkit-transform: translateY(0);transform: translateY(0);overflow: hidden;opacity: 0;}.page-link.view {opacity: 1;}.page-link .page-link-button-arrow::before,.page-link .page-link-button-arrow::after {-webkit-transform-origin: calc(100% - 1px) 50%;transform-origin: calc(100% - 1px) 50%;}.page-link-wrap a.current {color: #005099;}.page-link-wrap a.current::after {content: none;}.page-link-wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: nowrap;flex-wrap: nowrap;white-space: nowrap;overflow: scroll;width: 100%;height: 40px;padding: 0;border-radius: 6px 0 0 6px;-webkit-transform: scale(0, 1);transform: scale(0, 1);-webkit-transform-origin: right top;transform-origin: right top;-webkit-transition: -webkit-transform 0.3s ease;transition: -webkit-transform 0.3s ease;transition: transform 0.3s ease;transition: transform 0.3s ease, -webkit-transform 0.3s ease;}.page-link-button.slide + .page-link-wrap {-webkit-transform: scale(1, 1);transform: scale(1, 1);}.page-link-wrap a {height: 100%;padding: 8px;border-bottom: 1px none #005099;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}.page-link-wrap a::before {content: "";width: 1px;height: 1rem;background-color: #ccc;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}.page-link-wrap a::after {content: none;}.page-link-wrap a:last-child::before {content: none;}.page-link-button {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;top: 0;right: 0;left: auto;width: 40px;height: 40px;border-radius: 0 4px 4px 0;opacity: 1;}.page-link-button.slide .page-link-button-arrow::before,.page-link-button.slide .page-link-button-arrow::after {-webkit-transform-origin: 6px 50%;transform-origin: 6px 50%;}.page-link-button-arrow::before,.page-link-button-arrow::after {left: -2px;}.page-link-button-arrow {top: 10px;left: 0;}.card-item.horizonal:not(.not) {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.card-item.horizonal .column:not(.not) {-ms-flex-preferred-size: auto;flex-basis: auto;}}@media screen and (max-width: 768px) and (max-width: 480px) {.header .sp-logo a {width: 80vw;padding: 8.238% 0 0;}#service .flex.srv .img-area {width: auto;margin: 0;}#company .flex .txt-area,#company .flex .tb-layout {width: auto;margin: 0;}#company .flex.srv a .img-area {width: auto;margin: 0;}}@media screen and (max-width: 480px) {.h-basic.ex,.subpage .h-basic.ex {display: block;margin-bottom: 40px;text-align: center;}.h-basic.ex .sub::after {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}.h-basic.ex .sub {text-align: inherit;}.pdf,.mail,.video {width: 100%;margin-right: 0;}.pdf.center,.mail.center,.video.center {display: inline-block;width: 100%;}#index .article-list {max-width: 100%;}#index .news::before {width: 100%;padding-top: 100%;left: -30%;}.header .g-nav {display: block;}.header .g-nav .logo a {width: 240px;}.fv {height: calc(142px + 60vw);}.fv.flex {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: normal;-ms-flex-align: normal;align-items: normal;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}.fv::after {width: 64vw;height: 64vw;}.fv .bg {width: auto;margin: 0;}.fv .bg {width: 100%;}.fv .fv__txt {height: 142px;padding: 30vw 6vw;}.fv .fv__txt .tagline {padding-top: 44px;}.fv .fv__txt strong {font-size: 18px;font-size: 1.125rem;}.tab__item {width: 50%;padding: 12px 24px;margin-bottom: 0;}.tab__content {margin-top: 24px;}.article-list article .info {margin: 0 0 8px;}.article-list article .info time {margin: 0;}.article-list article .info .ttl {display: block;margin-top: 16px;}.article-list article p {font-size: 14px;font-size: 0.875rem;}.product__box.ex,.subpage .product__box.h-basic.ex {display: block;}.product__box.ex.all::before {padding-top: 64.935%;}.f-cta .info .logo a {width: auto;padding: 9% 0 0;}.footer .f-nav {display: block;}.footer .f-nav {display: none;}.footer .f-nav > li {display: block;}.subpage .header .g-nav .logo a {width: 240px;}.subpage .fv h1 {font-size: 1.625rem;}.subpage .h-basic {line-height: 1.4;}.subpage .h-basic {font-size: 1.5rem;}.subpage .sp-tb-scroll {width: 100%;overflow: auto;}.subpage .sp-tb-scroll .tr-x {width: 200%;margin: 0 0 20px;}.subpage .sp-tb-scroll::-webkit-scrollbar {height: 3px;}.subpage .sp-tb-scroll::-webkit-scrollbar-track {background-color: #f1f1f1;}.subpage .sp-tb-scroll::-webkit-scrollbar-thumb {background-color: #c1c1c1;}.subpage .tb-layout__price tr {display: block;margin: 0 0 24px;border-bottom: 1px hidden #005099;}.subpage .tb-layout__price tr:last-child td {margin: 0;}.subpage .tb-layout__price tr th {width: 100%;font-weight: bold;border-top: 1px hidden #005099;border-right: 1px hidden #005099;}.subpage .tb-layout__price tr th,.subpage .tb-layout__price tr td {padding: 2% 4%;border-left: 1px hidden #005099;}#service .flex .img-area {width: auto;margin: 0;}#service .flex .img-area {width: 100%;margin: 0 0 6%;}#service .flex .txt-area {width: auto;margin: 0;}#service .flex .txt-area {width: auto;margin: 0 0 32px;}#service .flex.srv {margin: 0 0 24px;}#service .flex.srv .img-area {width: auto;margin: 0;}#service .flex.srv .txt-area {width: auto;margin: 0;}#company .flex .img-area {width: auto;margin: 0;}#company .flex .txt-area,#company .flex .tb-layout {width: auto;margin: 0;}#company .flex .txt-area,#company .flex .tb-layout {width: auto;margin: 0 0 32px;}#company .flex .tb-layout th {width: 100%;}#company .flex.srv a {margin: 0 0 24px;}#company .flex.srv a .img-area {width: auto;margin: 0;}#company .flex.srv a .img-area {width: auto;margin: 0 0 24px;}#company .flex.srv a .txt-area {width: auto;margin: 0;}#company #philosophy .box {padding: 24px 16px;}#company #philosophy strong {font-family: "游明朝体", "Yu Mincho", "YuMincho", "Noto Serif JP", serif;color: #3b4043;font-size: 20px;font-size: 1.25rem;font-weight: 400;text-align: center;line-height: 1.6;letter-spacing: 0.1em;text-decoration: none;}#product .box {padding: 16px;}#product .box .tb-scroll .tb-header,#product .box .tb-scroll .tb-body {width: 50%;}#product .box .tb-scroll .tb-body {left: 50%;}#product .box .tb-scroll .tb-body .tb-layout {width: 460%;}#product .box .tb-scroll .scrollbar {left: 50%;}#product .box .flex.ex figure,#product .box.flex.ex figure {margin-bottom: 24px;}#product .box .flex.ex figure:last-child,#product .box.flex.ex figure:last-child {margin-bottom: 0;}#product .box .flex .col-2,#product .box.flex .col-2 {width: 100%;}#product .box .flex.col-2,#product .box.flex.col-2 {margin-bottom: 30px;}#product .box .flex.col-2:last-child,#product .box.flex.col-2:last-child {margin-bottom: 0;}#product .box .text {padding: 24px 24px;}.card-item.horizonal.not {gap: 8px;}.card-item.horizonal.not .txt-area p {font-size: 14px;font-size: 0.875rem;}}@media screen and (max-width: 480px) and (max-width: 480px) {.fv.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}#service .flex .img-area {width: 100%;margin: 0 0 6%;}#service .flex .txt-area {width: auto;margin: 0 0 32px;}#company .flex .txt-area,#company .flex .tb-layout {width: auto;margin: 0 0 32px;}#company .flex.srv a .img-area {width: auto;margin: 0 0 24px;}}@-webkit-keyframes show {from {opacity: 0;}to {opacity: 1;}}@keyframes show {from {opacity: 0;}to {opacity: 1;}}