@charset "utf-8";@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');:root {--base-color: #fff;--base-inverse-color: #323232;--primary-color: #23ac3a;--primary-inverse-color: #323232;--space-large: 7vw;}@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;visibility: hidden;}}body * {box-sizing: border-box;}html,body {font-size: 13px;height: 100%;}@media screen and (min-width:1000px) {html, body {font-size: 14px;}}@media screen and (min-width:1600px) {html, body {font-size: 1vw;}}body {margin: 0;padding:0;font-family: "Noto Sans JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "MS P明朝", "MS PMincho", serif;font-optical-sizing: auto;font-weight: 500;-webkit-text-size-adjust: none;background: var(--base-color);color: var(--base-inverse-color);line-height: 2;}figure {margin: 0;}dd {margin: 0;}nav ul {list-style: none;}nav,ul,li,ol {margin: 0;padding: 0;}section li {margin-left: 1rem;}table {border-collapse:collapse;}img {border: none;max-width: 100%;height: auto;vertical-align: middle;}video {max-width: 100%;}iframe {width: 100%;}input {font-size: 1rem;}section {overflow-x: hidden;padding: var(--space-large);}a {color: inherit;transition: 0.3s;}a:hover {text-decoration: none;opacity: 0.9;}@keyframes progress {0% {transform: scaleX(0);}100% {transform: scaleX(1);}}#loading img {width: 300px;margin-bottom: 20px;}#loading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--primary-color);display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 9999;animation: fadeOut 1s ease 2s forwards;}.progress-container {width: 200px;height: 4px;border-radius: 2px;background: #fff;overflow: hidden;}.progress-bar {width: 100%;height: 100%;background: #000;animation: progress 2s linear;transform-origin: left;}#container {height: 100%;display: flex;flex-direction: column;justify-content: space-between;}header {position: absolute;z-index: 1;left: 0px;top: 0px;width: 100%;flex-shrink: 0;display: flex;align-items: center;justify-content: space-between;height: 60px;}header:not(#index header) {position: relative;}@media screen and (min-width:700px) {header {height: 90px;}}#logo img {display: block;width: 150px;}#logo {margin: 0;padding: 0;padding-left: 3vw;}@media screen and (min-width:700px) {#logo img {width: 200px;}}header nav ul {display: none;}@media screen and (min-width:900px) {header > nav > ul {margin-right: 100px;display: flex;}header nav li a {display: block;text-decoration: none;font-size: 0.9rem;padding: 0.5rem 1rem;}header nav i {padding-right: 0.5rem;}}header nav ul ul,.small-screen #menubar ul ul {animation: fadeIn 0.5s 0.1s both;}header nav ul ul {position: absolute;z-index: 100;margin-left: 1rem;}header nav ul ul a {padding: 0.3em 1em;margin-top: 4px;background: var(--base-color);color: var(--base-inverse-color);border: 1px solid var(--base-inverse-color);border-radius: 3px;}#menubar {display: none;}#menubar ul {list-style: none;margin: 0;padding: 0;}#menubar a {display: block;text-decoration: none;}.large-screen #menubar {display: block;}.small-screen #menubar.display-block {display: block;}#menubar_hdr.display-none {display: none;}.ddmenu_parent ul {display: none;}a.ddmenu::before {font-family: "Font Awesome 6 Free";content: "\f078";font-weight: bold;margin-right: 0.5em;}#menubar .logo {width: 200px;}@keyframes animation1 {0% {right: -100vw;}100% {right: 0px;}}.small-screen #menubar.display-block {position: fixed;overflow: auto;z-index: 100;right: 0px;top: 0px;width: 100%;height: 100%;padding: 90px 10vw 50px;background: var(--primary-color);color: var(--primary-inverse-color);animation: animation1 0.2s both;}.small-screen #menubar li {margin: 1rem 0;}.small-screen #menubar a {border-radius: 5px;padding: 1rem 2rem;background: var(--base-inverse-color);color: var(--base-color);}.small-screen #menubar ul ul a {background: var(--base-color);color: var(--base-inverse-color);border: 1px solid var(--base-inverse-color);margin-left: 2rem;}#menubar_hdr {animation: fadeIn 0s 0.2s both;position: fixed;z-index: 101;cursor: pointer;right: 0px;top: 0px;padding: 20px 15px;width: 60px;height: 60px;display: flex;flex-direction: column;justify-content: space-between;transform-origin: right top;background: var(--base-inverse-color);border-radius: 0px 0px 0px 10px;}@media screen and (min-width:700px) {#menubar_hdr {transform: scale(1.5);}}#menubar_hdr span {display: block;transition: 0.3s;border-top: 1.5px solid var(--base-color);}#menubar_hdr.ham {background: #ff0000;}#menubar_hdr.ham span:nth-of-type(1),#menubar_hdr.ham span:nth-of-type(3) {transform-origin: center center;}#menubar_hdr.ham span:nth-of-type(1){transform: rotate(45deg) translate(6px, 5.8px);}#menubar_hdr.ham span:nth-of-type(3){transform: rotate(-45deg) translate(7px, -7px);}#menubar_hdr.ham span:nth-of-type(2){display: none;}#mainimg {background: var(--base-color) url("../images/mainimg_sh.webp") no-repeat center center / cover;width: 100%;padding-top: 150%;position: relative;overflow: hidden;}@media screen and (min-width:420px) {#mainimg {background: var(--base-color) url("../images/mainimg.webp") no-repeat center center / cover;padding-top: 56.25%;}}#mainimg > div {position: absolute;top: 60px;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;}@media screen and (min-width:420px) {#mainimg > div {top: 20px;left: var(--space-large);align-items: flex-start;justify-content: center;}}#mainimg p {margin: 0;}#mainimg .text {font-size: 28px;font-weight: 800;line-height: 1.6;text-align: center;}@media screen and (min-width:420px) {#mainimg .text {text-align: left;font-size: 3.6vw;}}#mainimg .btn {font-size: 1rem;font-weight: 600;margin-top: 3vw;display: flex;gap: 1rem;}#mainimg .btn a {display: block;text-decoration: none;padding: 0.8rem 2rem;margin-bottom: 10px;}#mainimg .btn a:hover {opacity: 1;transform: scale(1.05);}@media screen and (min-width:420px) {#mainimg .btn {font-size: 1.4vw;}#mainimg .btn a {margin: 0;padding: 0.6rem 3rem;}}#mainimg .btn p:nth-of-type(1) a {background: var(--primary-color);color: var(--primary-inverse-color);}#mainimg .btn p:nth-of-type(2) a {background: var(--base-inverse-color);color: var(--primary-color);letter-spacing: 0.1em;}#mainimg .btn i {transform: scale(1.4);padding-right: 0.8rem;}main {flex: 1 0 auto;overflow-x: hidden;}main h2 {margin: 0;padding: 0;font-size: 1.4rem;font-weight: 800;margin-bottom: 3vw;display: flex;flex-direction: column-reverse;letter-spacing: 0.1em;position: relative;}@media screen and (min-width:700px) {main h2 {font-size: 2.4rem;}}main h2.c {align-items: center;}main h2 span {font-size: 0.85rem;opacity: 0.5;font-weight: normal;}h2 img {width: 100px;transform: rotate(-10deg);position: absolute;left: -10px;top: -40px;}@media screen and (min-width:700px) {h2 img {width: 140px;left: 40px;}}footer {background: var(--primary-color);color: var(--primary-inverse-color);padding: 2rem;display: flex;flex-direction: column-reverse;}footer div:nth-of-type(1) {text-align: center;}footer div:nth-of-type(2) {flex: 1;display: flex;gap: 2rem;}@media screen and (min-width:700px) {footer {flex-direction: row;gap: 4rem;padding: 4rem;}footer div:nth-of-type(1) {text-align: left;width: 30%;}footer div:nth-of-type(2) {justify-content: flex-end;gap: 4rem;}}footer ul {margin: 0;padding: 32px 0 0;list-style: none;margin-bottom: 2rem;}footer small {display: block;padding-top: 2rem;}.icons {list-style: none;margin: 0;padding: 0;display: flex;justify-content: center;gap: 1rem;}@media screen and (min-width:700px) {.icons {justify-content: flex-start;}}.icons i {font-size: 30px;}.pr a {text-decoration: none;display: block;background: rgba(0,0,0,0.9);text-align: right;padding: 0.5rem 1rem;color: #ccc;}.pr a::before {font-family: "Font Awesome 6 Free";content: "\e2ca";font-weight: bold;margin-right: 0.5em;}@media screen and (min-width:700px) {.c2 {display: flex;gap: 2rem;}.c2 .title {width: 30%;}.c2 .text {flex: 1;}}@media screen and (min-width:700px) {.faq {font-size: 1.2rem;}}.faq dt {display: flex;align-items: flex-start;border-radius: 3px;margin-bottom: 1rem;background: var(--base-color);color: var(--base-inverse-color);padding: 1rem;}.faq dt::before {font-family: "Font Awesome 6 Free";content: "\51";margin-right: 0.5rem;background: var(--primary-inverse-color);color: var(--primary-color);border-radius: 50%;width: 30px;line-height: 30px;text-align: center;flex-shrink: 0;margin-top: 0.2em;}.faq dd {padding: 0 1rem 1rem 3.7rem;}.openclose {cursor: pointer;}.new dd {padding-bottom: 1rem;}.new dt span {display: inline-block;text-align: center;line-height: 1.8;border-radius: 2px;padding: 0 1rem;width: 8rem;transform: scale(0.85);border: 1px solid #777;}.new .icon-bg1 {border-color: transparent;background: #cd0000;color: #fff;}.new .icon-bg2 {border-color: transparent;background: var(--primary-color);color: var(--primary-inverse-color);}@media screen and (min-width:700px) {.new {display: grid;grid-template-columns: auto 1fr;}}.slide-thumbnail1 .img {display: flex;}.slide-thumbnail1 .img img {padding: 5px;}.slide-thumbnail1 .rtl, .slide-thumbnail1 .ltr {animation-timing-function: linear;animation-iteration-count: infinite;}.slide-thumbnail1 .rtl {animation-name: slide-rtl;}.slide-thumbnail1 .ltr {animation-name: slide-ltr;}@keyframes slide-rtl {0% {transform: translateX(0);}100% {transform: translateX(-50%);}}@keyframes slide-ltr {0% {transform: translateX(-50%);}100% {transform: translateX(0);}}.text-slide-wrapper {overflow-x: hidden;margin-top: calc(-1 * (1.6 * var(--space-large)));}.text-slide {font-family: "Jost", sans-serif;font-optical-sizing: auto;font-weight: 600;display: flex;white-space: nowrap;font-size: 15vw;opacity: 0.05;}.text-slide span {padding: 0 20px;}.btn1 a {text-shadow: none;display: block;text-decoration: none;background: var(--primary-color);color: var(--primary-inverse-color);font-size: 1.4rem;padding: 0.5rem 2rem;border-radius: 100px;text-align: center;}.bg-primary-color .btn1 a {background: var(--primary-inverse-color);color: var(--primary-color);}.btn1 a:hover {opacity: 1;transform: scale(1.05);background: var(--primary-inverse-color);color: var(--primary-color);}.bg-primary-color .btn1 a:hover {background: #fff;color: #333;}.btn1 a::after {font-family: "Font Awesome 6 Free";content: "\f0a9";font-weight: bold;margin-left: 0.5em;}.bg-primary-color {background: var(--primary-color);color: var(--primary-inverse-color);}.bg1 {background-color: var(--base-inverse-color);color: var(--base-color);}.bg2 {background: #f3f3e9;}.bg3 {background: #fff;}.bg-pattern1 {background-image: url("../images/bg_pattern1.png");background-repeat: repeat;background-position: center top;background-size: 10px;}.bg-pattern2 {background-image: url("../images/bg_pattern2.png");background-repeat: repeat;background-position: center top;background-size: 10px;}.bg-pattern3 {background-image: url("../images/bg_pattern3.png");background-repeat: repeat;background-position: center top;background-size: 10px;}.arrow {mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L100,0 L100,95 L50,100 L0,95 Z' fill='%23000000'/%3E%3C/svg%3E");mask-size: 100% 100%;mask-repeat: no-repeat;}@media screen and (min-width:700px) {.arrow {mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0,0 L100,0 L100,90 L50,100 L0,90 Z' fill='%23000000'/%3E%3C/svg%3E");padding-bottom: 160px;}}.arrow + section {padding-top: calc(var(--space-large) + 150px);margin-top: -150px;}.list-grid-simple .list * {margin: 0;padding: 0;}.list-grid-simple {display: grid;grid-template-columns: repeat(2, 1fr);gap: 3rem;}.list-grid-simple .list {display: grid;position: relative;}.list-grid-simple .list h4 {margin-top: 0.5rem;font-weight: normal;}@media screen and (min-width:800px) {.list-grid-simple {grid-template-columns: repeat(3, 1fr);}}.list-grid1 .list * {margin: 0;padding: 0;}@media screen and (min-width:800px) {.list-grid1 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.8vw;}}.list-grid1 .list {display: grid;margin-bottom: 3rem;position: relative;border-radius: 5px;background: #fff;color: #333;box-shadow: 2px 5px 5px rgba(0,0,0,0.1);padding: 2rem;}@media screen and (min-width:800px) {.list-grid1 .list {margin-bottom: 0;}}.list-grid1 .list.bg-black {background: #111;color: #fff;}.list-grid1 .list .num {position: absolute;left: -20px;top: -30px;font-size: 60px;line-height: 1;font-family: "MonteCarlo", cursive;opacity: 0.2;}.list-grid1 .list h4.kazari::before {content: "“";position: absolute;left: -1rem;top: -40px;opacity: 0.2;font-size: 60px;line-height: 1;}.list-grid1 .list h4 {font-size: 1.4rem;line-height: 1.6;margin-bottom: 1rem;position: relative;}.list-grid1 .list p {font-size: 0.9rem;line-height: 1.6;font-weight: normal;}.list-grid1 .list.bg-black p {color: #999;}.list-grid1 .list figure.icon {margin: 0 auto;width: 100px;margin-top: -40px;}.bg1 .list-grid1 .list figure.icon {filter: grayscale(100%) brightness(90%);margin-bottom: 1rem;}@media screen and (min-width:800px) {.list-grid1 .list figure.icon {width: 150px;margin-top: -50px;}}.list-c2 > a {text-decoration: none;display: block;}@media screen and (min-width:600px) {.list-c2 {display: flex;gap: 2vw;}}.list-c2 .list {text-align: center;position: relative;overflow-y: hidden;color: #fff;text-shadow: 0px 0px 10px rgba(0,0,0,0.6);padding: 5rem 2rem;margin: 1rem 0;border-radius: 30px;}@media screen and (min-width:600px) {.list-c2 > * {flex: 1;}.list-c2 .list {margin: 0;display: flex;align-items: center;justify-content: center;}.list-c2 > a .list {height: 100%;}.list-c2 .list:nth-of-type(1) {border-radius: 0px 30px 30px 0px;}.list-c2 .list:nth-of-type(2) {border-radius: 30px 0px 0px 30px;}}.list-c2 .list.image1 {background: url("../images/bg_contact.jpg") no-repeat center center / cover;}.list-c2 .list.image2 {background: url("../images/bg_request.jpg") no-repeat center center / cover;}.list-c2 h4 {line-height: 1.2;font-family: "Jost", sans-serif;font-optical-sizing: auto;font-weight: 300;}.list-c2 h4 .main-text {display: block;font-size: 3rem;padding-top: 1.5rem;padding-bottom: 3rem;}@media screen and (min-width:600px) {.list-c2 h4 .main-text {font-size: 4rem;}}.list-c2 .list .text {position: relative;z-index: 1;font-size: 0.85rem;}.list-c2 .list::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);transition: transform 0.3s 0.1s;}.list-c2 .list:hover::before {transform: translateY(100%);}.bg-slideup {margin-left: calc(-1 * var(--space-large));margin-right: calc(-1 * var(--space-large));}section > .bg-slideup:first-child {margin-top: calc(-1 * var(--space-large));}.bg-slideup .image {background-repeat: no-repeat;background-size: cover;width: 100%;padding: 10vw 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 3rem;color: #fff;}.en-text {writing-mode: horizontal-tb;font-size: 0.8rem;}.jp-text {writing-mode: vertical-rl;text-orientation: upright;}#products .bg-slideup .image {background-image: url("../images/bg_works.jpg");}#company .bg-slideup .image {background-image: url("../images/bg_company.jpg");}.list-normal1 * {margin: 0;padding: 0;}@media screen and (min-width:600px) {.list-normal1 .text {flex: 1;}.reverse {flex-direction: row-reverse;background-position: left bottom !important;}}.list-normal1 .list {background: var(--base-color) url("../images/bg-dot.png") no-repeat right bottom / 200px;color: var(--base-inverse-color);padding: 3rem;margin-bottom: 2rem;box-shadow: 3px 3px 10px rgba(0,0,0,0.1);position: relative;}@media screen and (min-width:600px) {.list-normal1 .list {display: flex;gap: 2rem;}}.list-normal1 figure {width: 20%;margin-bottom: 1rem;}@media screen and (min-width:600px) {.list-normal1 figure {margin-bottom: 0;}}.list-normal1 h4 {font-size: 1.2rem;line-height: 1.5;margin-bottom: 1rem;}@media screen and (min-width:600px) {.list-normal1 h4 {font-size: 2rem;line-height: 1.8;}}.list-normal1.flow h4 i {margin-right: 1rem;}.list-normal1 .name {text-align: right;margin-top: 1rem;}.list-normal1.flow .list::after {content: "▼";position: absolute;left: 50%;bottom: -2rem;transform: scaleX(1.5);opacity: 0.5;}.list-normal1.flow .list:last-child::after {content: none;}.ta1 caption {font-weight: bold;padding: 0.5rem 1rem;background: var(--base-inverse-color);color: var(--base-color);margin-bottom: 1rem;border-radius: 5px;}.ta1 {table-layout: fixed;width: 100%;border-top: 1px solid #ccc;margin-bottom: 2rem;}.ta1 tr {border-bottom: 1px solid #ccc;}.ta1 td, .ta1 th {word-break: break-all;background: var(--base-color);color: var(--base-inverse-color);text-align: left;padding: 0.5rem;}.ta1 th {width: 25%;text-align: center;}.ta1.plan, .ta1.plan td, .ta1.plan th {text-align: center;border: 2px solid var(--base-inverse-color);padding: 0.5rem;}@media screen and (min-width:801px) {.ta1.plan, .ta1.plan td, .ta1.plan th {font-size: 1.2rem;padding: 2rem 1rem;}}.ta1.plan th:first-child,.ta1.plan td:first-child {width: 12rem;}.ta1.plan th {width: auto;position: relative;overflow: hidden;}.ta1.plan th .osusume {position: absolute;left: 0px;top: 0px;background: #ff0000;color: #fff;font-size: 0.8rem;width: 120px;text-align: center;padding-top: 43px;padding-bottom: 2px;transform: rotate(-45deg) translate(-18px, -60px);}.ta1.plan th i {display: block;font-size: 1.4rem;}.ta1.plan th:nth-child(2) {background: #fffcda;}.ta1.plan td:nth-child(2) {background: #fffcda;}.ta1.plan th:nth-child(3) {background: var(--primary-color);color: var(--primary-inverse-color);}.ta1.plan td:nth-child(3) {background: var(--primary-color);color: var(--primary-inverse-color);}.ta1.plan th:nth-child(4) {background: #fffcda;}.ta1.plan td:nth-child(4) {background: #fffcda;}.plan th > span {display: block;font-size: 1.6rem;font-family: "Oswald", sans-serif;font-optical-sizing: auto;font-weight: 700;}@media screen and (min-width:801px) {.plan th > span {font-size: 2.4rem;}}@media screen and (max-width:800px) {.scroll .ta1.plan {width: 700px;}.scroll {overflow-x: auto;}}.padding0 {padding: 0 !important;}.padding-lr0 {padding-left: 0 !important;padding-right: 0 !important;}#manual #container {all: unset;}.manual {background: #fff;color: #333;padding: 5vw;}.manual .look {background: #eee;}.manual h2 {margin-top: 2rem;font-size: 2rem;text-align: center;}.manual h3 {line-height: 3;margin-top: 2rem;}.manual h3 span {background: linear-gradient(transparent 60%, yellow);}.manual h3 + p {margin-top: -0.5rem;}.manual.margin-left {padding-left: 300px;}@media screen and (max-width:999px) {.manual.margin-left {padding-left: 4vw;}}.clearfix::after {content: "";display: block;clear: both;}.color-check, .color-check a {color: #ff0000 !important;}.l {text-align: left !important;}.c {text-align: center !important;}.r {text-align: right !important;}.ws {width: 95%;display: block;}.wl {width: 95%;display: block;}.mb0 {margin-bottom: 0px !important;}.mb30 {margin-bottom: 30px !important;}.mb-space-large {margin-bottom: var(--space-large) !important;}.look {line-height: 1.5 !important; display: inline-block;padding: 5px 10px;background: rgba(0,0,0,0.1);border: 1px solid rgba(0,0,0,0.3);border-radius: 3px;margin: 5px 0; word-break: break-all;}.small {font-size: 0.75em;}.large {font-size: 2em; letter-spacing: 0.1em;}.pc {display: none;}.dn {display: none !important;}.block {display: block !important;}.inline-block {display: inline-block !important;}.relative {position: relative;}.marker {background: linear-gradient(transparent 50%, #7ae58c);}pre {white-space: pre-wrap;word-wrap: break-word;overflow-wrap: break-word;}@media screen and (min-width:900px) {.ws {width: 48%;display: inline;}.sh {display: none;}.pc {display: block;}}