@charset "UTF-8";
/*
Theme Name: asahi
*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {font-family: 'Noto Sans Japanese', sans-serif;padding: 0;height: 100%;  width: 100%;margin:0;}
html{padding: 0;height: 100%;  width: 100%;scroll-behavior:smooth;}
.thth{height:10vw;}
img{width:100%;pointer-events: none;}
.orange{visibility:hidden;}
.wrapper {height: 100%;}
.sp-logo{display:none;}
.ham-bx{display:none;}
.sp-header{display:none;}
.sp-br{display:none;}
.drawer{display:none;}
.header-container{position:fixed;height:80px;background:transparent;width:100%;z-index:100;transition:0.5s;}
.header-container:hover{background:#fff;}
.header-nav nav ul li a:hover {color: #004DB5;}
.header-container:hover .lcatch {color: #000;}
.header-container:hover .header-nav nav ul li a {color: #000;}
.header-container:hover .header-nav nav ul li a:hover {color: #004DB5;}
.header-inner{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:transparent;width:100%;margin:auto;height:80px;}
.logo{width:13%;text-align:center;color:#fff;position:relative;padding-left:20px;}
.logo img{width:100%;padding-bottom:5px;}
.lcatch{transition:0.5s;}
.header-nav{width:75%;}
.header-nav nav ul{display:flex;flex-direction:row;justify-content:flex-end;}
.header-nav nav ul li{list-style:none;text-align:center;padding:20px 30px;position:relative;}
.header-nav nav ul li a{text-decoration:none;font-size:13px;color:#fff;transition:0.5s;}

.header-nav ul li ul {display: none;position: absolute;top:90%;left: -20px;padding:0 10px;margin: 0;background:#fff;width:120%;}
.header-nav ul li:hover ul {display: block;animation: fadeIn 0.3s ease forwards;}
.header-nav ul li ul{padding-top:20px;}
.header-nav ul li ul li {width:100%;position:relative;padding:20px 0;opacity: 0;transform: translateY(-10px);animation: slideIn 0.3s ease forwards;border-bottom:solid 1px #004DB5;text-align:left;}
.header-nav ul li ul li a{color:#000;padding:0 5px;}
.header-nav ul li ul li a:hover{color:#FF0200;opacity:0.7;}
.header-nav ul li ul li:nth-child(1) { animation-delay: 0.1s; }
.header-nav ul li ul li:nth-child(2) { animation-delay: 0.2s; }
.header-nav ul li ul li:nth-child(3) { animation-delay: 0.3s;}
.header-nav ul li ul li:nth-child(4) { animation-delay: 0.4s;}
.header-nav ul li ul li:last-child{ border-bottom:none;}
@keyframes slideIn {0% { opacity: 0; transform: translateY(-10px); }100% { opacity: 1; transform: translateY(0); }}
@keyframes fadeIn { 0% { opacity: 0; }100% { opacity: 1; }}

.contact{width:8%;background:#34BDCB;text-align:center;transition:0.5s;height:100%;}
.contact img{padding-bottom:10px;width:2vw;}
.contact a{color:#fff;text-decoration:none;display:block;padding:15px 0 5px 0;font-size:60%;}
.contact:hover{background:#004DB5;}

.fv{position:relative;100%;}
.vegas-nav {position: absolute; bottom: 50%; right: 10%;z-index: 10;}
#vegas-dots {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column;gap:15px;}
#vegas-dots li {width: 10px; height: 10px; border: 1px solid #34BDCB; background: transparent; border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease, transform 0.3s ease;}
#vegas-dots li.active {background-color: #34BDCB; animation: bounce 0.5s ease;}
@keyframes bounce { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.3); }}
#vegas-slider {position: relative;height: 100vh; width: 100%; }
/*#vegas-slider .vegas-slide {animation: zoomInEffect 7s linear forwards;}*/
@keyframes zoomInEffect {from {transform: scale(1); }to {transform: scale(1.1);}}
.catch{right: 10%;position: fixed;bottom:5%;text-align:right;z-index:10;transition: none; color:#fff;}
.catch1{font-size:2.5vw;color:#fff;letter-spacing: 0.1em;margin:0;font-weight:900;}
.catch2{font-size:4.7vw;color:#fff;letter-spacing: 0.1em;margin:0;font-weight:900;}
.catch3{font-size:1.8vw;color:#fff;letter-spacing: 0.1em;margin:0;font-weight:900;}
.catch4{background: linear-gradient(to bottom,#15c2c9 75%, #1b7ce6);clip-path: polygon(100% 78%, 0% 100%, 100% 100%);position:absolute;height:60vw;width:85vw;right:0;bottom:0;margin:0;z-index:2;}
.h1-top{color: #fff; position: absolute;z-index: -10;top: 50%;}
.thoughts{position:relative;height:77vw;}
.thoughts-left {width:10%;position:absolute;top:0;left:0;}
.thoughts-left img{width:100%;}
.placeholder{position:relative;height:150px;padding:50px 0 150px;margin-bottom:50px;}
.thoughts-bx{display:flex;flex-direction:row;justify-content:space-between;width:90%;}
	
.t-left{width:35%;}
.lctt2{position:absolute;top:11vw;z-index:-1;}
.lctt2 img{width:120%;}
.lctt3 {position:absolute;top: 22vw;left: 15vw;}
.lctt3 img{width:160%;}
.t-right{width:65%;display:flex;flex-direction:column;align-items:flex-end;}
.rctt1{font-size:1.7vw;margin:0;font-weight:600;}
.rctt2{color:#004DB5;font-size:6.2vw;margin:0;font-weight:900;line-height:1;}
.rctt3{font-size:2.2vw;margin-top:20px 0 15px 0;font-weight:900;text-align:right;}
.rblue{color:#004DB5;}
.rctt4{width:70%;font-size: 1.7rem;line-height: 1.7;margin:0;}

.scrolling-container {z-index:10;position: relative;overflow: hidden;white-space: nowrap;width: 100%;margin-top: 2vw;}
.scrolling-img {display: inline-block;animation: scroll-animation 30s linear infinite;text-align: left;margin-right:30px;width:250vw;}
.scrolling-text {display: inline-block;animation: scroll-animation 30s linear infinite;font-weight: 900;font-size: 10vw;text-align: left;color: #e0fcfc;margin-right:30px;}
@keyframes scroll-animation {from {transform: translateX(0);}to {transform: translateX(-100%);}}
.scroll {position: absolute;left:5%;bottom:15%;writing-mode: vertical-rl;color:#004DB5;}
.arrowb{line-height: 1;position: relative;}
.arrowb.-bottom{bottom: -100px;left:20px;animation: scroll 2s infinite;display:block;width:10px;height:200px;border-left: 1px solid #004DB5;border-bottom: 1px solid #004DB5;transform: skewY(135deg);}
@keyframes scroll {0% {transform: skewY(135deg) scale(1, 0);transform-origin: 0 0;}50% {transform: skewY(135deg) scale(1, 1);transform-origin: 0 0;}51% {transform: skewY(135deg) scale(1, 1);transform-origin: 0 100%;}100% {transform: skewY(135deg) scale(1, 1);transform-origin: 0 100%;}}

.st-bxm{display:none;}
.strength{position:relative;width:100%;margin:auto;background:url(img/stbg.png);background-size:contain;background-repeat:no-repeat;height:80vw;}
.h2-strength{top:12vw;position:relative;z-index:2;width:90%;font-size:6vw;color:#004DB5;margin:0;font-weight:900;display:block;margin-left: auto;margin-right: 0;margin-bottom:30px;}
.h2-strength::before{content:"アサヒの技術力";display:block;font-size:1.8vw;color:#000;line-height:1.2;}
.st-bx{position:relative;display:flex;flex-direction:row;justify-content:space-between;width:100%;}
.st-left{width:50%;position:relative;}
.st-right{width:60%;position:relative;}
.stctt1{position:relative;top:6.5vw;z-index:1;}
.stctt1 img{width:75%;}
.stctt2{position:relative;top:0;left:-3.5vw;}
.stctt2 img{width:120%;}
.stctt3 {position:relative;top: -14vw;left: 23vw;}
.stctt3 img{width:60%;}
.stctt4{position:relative;top:12vw;left:4vw;z-index:1;}
.stctt4 img{width:48%;}
.stctt5{position:relative;top:-25vw;text-align:right;z-index:1;}
.stctt5 img{width:55%;}
.stctt6{position:relative;top:-18vw;left:0;z-index: 1;}
.stctt6 img{width:100%;}
.st6-bx{position:absolute;width:73%;margin:auto;top: 50%;left:47%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.stctt6 p{color:#fff;margin:0 0 30px 0;font-size:1.5rem;line-height:1.5;}
.h3-st{color:#fff;font-size:2.5vw;margin:0 0 40px 0;}
.h3-stm{display:none;}
.stbt-bx{display: flex;justify-content: flex-end;}
.st-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #fff;transition: all 0.3s ease;font-weight:900;left: -20px;position: relative;font-size:1.5rem;}
.st-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:transparent;border-radius:50%;border:solid 1px #fff;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.st-btn .arrow span {transition: border-color 0.5s ease, right 0.5s ease;position: relative;width: 18px;height: 6px;border-bottom: 1px solid #fff;border-right: 2px solid #fff;transform: skew(45deg) !important;right:2px;}
.st-btn:hover .arrow {background:#fff;border:solid 1px #fff;}
.st-btn:hover .arrow span {border-color:#004DB5;right:-2px;}

.service{position:relative;padding:0 0 110px 0;width:100%;margin:auto;background:url(img/svbg.png);background-size:cover;height:70vw;}
.h2-service{top:-8vw;position:relative;z-index:2;width:90%;font-size:6vw;color:#004DB5;font-weight:900;display:block;margin:0 0 30px 0;text-align:right;}
.h2-service::before{content:"事業紹介";display:block;font-size:1.8vw;color:#000;line-height:1.2;}
.sv-bx{position:relative;top:-15vw;}
.sv-left {width:59%;position:relative;display:block;clip-path: polygon(0 0, 100% 0%, 76.5% 100%, 0% 100%)}
.sv-left::before{content:"";background: rgb(0, 0, 0, 0.4);clip-path: polygon(0 0, 100% 0%, 76.5% 100%, 0% 100%);width:100%;height:100%;position:absolute; transition: background 0.5s ease;}
.sv-left img{width:100%;}
.sv-right {width:59%;position:relative;margin-left: auto;margin-right: 0;top:-15vw;display:block;clip-path: polygon(21.5% 0, 100% 0%, 100% 100%, 0 100%);}
.sv-right img{width:100%;}
.sv-right::before{content:"";background: rgb(0, 0, 0, 0.4);clip-path: polygon(21.5% 0, 100% 0%, 100% 100%, 0 100%);width:100%;height:100%;position:absolute; transition: background 0.5s ease;}
.sv-left2 {width:70%;position:relative;top:-13.7vw;display:block;clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);}
.sv-left2::before{content:"";background: rgb(0, 0, 0, 0.4);clip-path: polygon(0 0, 100% 0%, 82.5% 100%, 0% 100%);width:100%;height:100%;position:absolute; transition: background 0.5s ease;}
.svbt-bx{display: flex;}
.svbt-bx2{display: flex;justify-content:flex-end;}
.svbt-bx2 .sv-btn{position: relative;left: -20px;}
.sv-btn {transition: background 0.5s ease;text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #fff;transition: all 0.3s ease;font-weight:bold;font-size:2.5vw;}
.sv-btn .arrow {transition: background 0.5s ease, border 0.5s ease;width:50px;height:50px;display: grid;place-items: center;background-color:#fff;border-radius:50%;border:solid 1px #fff;overflow: hidden; transition: all 0.3s ease;position:relative;left:30px;}
.sv-btn .arrow span {transition: border-color 0.5s ease, right 0.5s ease;position: relative;width: 18px;height: 6px;border-bottom: 1px solid #000000;border-right: 2px solid #000000;transform: skew(45deg) !important;right:2px;}
.sv-left:hover::before,.sv-right:hover::before,.sv-left2:hover::before {background: rgba(255, 255, 255, 0.4);}
.sv-left:hover .sv-ctt1 p,.sv-right:hover .sv-ctt2 p,.sv-left2:hover .sv-ctt3 p { color: #000;}
.sv-left:hover .sv-btn,.sv-right:hover .sv-btn,.sv-left2:hover .sv-btn {color: #004DB5;}
.sv-left:hover .sv-btn .arrow,.sv-right:hover .sv-btn .arrow,.sv-left2:hover .sv-btn .arrow {background: #004DB5;border: solid 1px #004DB5;}
.sv-left:hover .sv-btn .arrow span,.sv-right:hover .sv-btn .arrow span,.sv-left2:hover .sv-btn .arrow span {border-color: #fff; right: -2px;}
.sv-ctt1{position:absolute;width:45%;margin:auto;top: 50%;left: 30vw;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.sv-ctt2{position:absolute;width:50%;margin:auto;top: 50%;left: 30vw;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.sv-ctt3{position:absolute;width:50%;margin:auto;top: 50%;left: 34.2vw;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
.sv-ctt1 p{color:#fff;20vw;transition: color 0.5s ease;font-size: 1.5rem;line-height:1.7;}
.sv-ctt2 p{color:#fff;transition: color 0.5s ease;font-size: 1.5rem;line-height:1.7;}
.sv-ctt3 p{color:#fff;width: 40vw;transition: color 0.5s ease;font-size: 1.5rem;line-height:1.7;}
.svbt-more-bx{display: flex;justify-content: flex-end;position:relative;top: -25vw;width: 90%;}
.sv-more-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #004DB5;transition: all 0.3s ease;font-weight:900;font-size:1.5rem;}
.sv-more-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:transparent;border-radius:50%;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.sv-more-btn .arrow span { position: relative;width: 18px;height: 6px;border-bottom: 1px solid #004DB5;border-right: 2px solid #004DB5;transform: skew(45deg) !important;right:2px;transition: border-color 0.5s ease, right 0.5s ease;}
.sv-more-btn:hover .arrow {background:#004DB5;border:solid 1px #004DB5;}
.sv-more-btn:hover .arrow span {border-color:#fff;right:-2px;}
.sv-leftm{display:none;}
.sv-rightm{display:none;}
.sv-left2m{display:none;}

.product-area{padding:0 0 50px 0;position:relative;}
.pgbg{position:relative;}
.pg-inner{position:absolute;width:80%;margin:auto;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);display:flex;flex-direction:row;justify-content:space-between;}
.pg-ctt{width:33%;background:rgb(255,255,255,0.7);padding:30px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);position: relative;left: 4vw;bottom: -8.5vw;}
.pg-ctt p{font-size:1.2vw;line-height:1.7;}
.h2-product{font-size:6vw;color:#fff;margin:0;font-weight:900;position: relative;top: -2vw;}
.h2-product::before{content:"製品実績";display:block;font-size:1.8vw;padding-left:30px;text-align:right;}
.circle-container {position: absolute;width: 57vw;height: 57vw;animation: rotate 20s linear infinite;left: -4vw;bottom: -6vw;}
.circle-image {position: absolute;width: 100%; height: 100%;transform-origin: center;object-fit: cover; border-radius: 50%;}
@keyframes rotate {from {transform: rotate(0deg); }to {transform: rotate(360deg);}}
.p-info-bx{align-items:center;width:80%;margin:auto;display:flex;flex-direction:row;justify-content:flex-end;position:relative;}
.sub2{position: relative;display: inline-block;padding-left:380px;font-weight: bold;font-size: 20px;}
.sub2::after{content:"";position:absolute;top:50%;display: inline-block;width:350px;height: 1px;background-color:#34bdcb;left:0;}
.is-box002{display:flex;justify-content:flex-end;}
.product-bx{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;position:relative;margin-top:10vw;flex-wrap:wrap;}
.product-ctt{width:23%;height: 15vw;cursor: pointer;margin-bottom:50px;background:#F4F4F4;position:relative;transition: transform 0.3s ease;}
.product-ctt:hover .product-img img{transform: scale(1.2);}
.product-img{width:100%;height: 12vw;overflow:hidden;transition: transform 0.3s ease;}
.product-img img{width:100%;height:100%;object-fit:cover;transition: transform 0.3s ease;}
.h3-product{margin:0;padding:10px 0;text-align:center;background:#F4F4F4;font-size: 1vw;}
.modal {display: none;position: fixed; z-index: 1000;left: 0;top: 0; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);opacity: 0;transition: opacity 0.5s ease;}
.modal.show {display: block;opacity: 1;}
.modal-content {position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);margin:auto;width:30%; padding: 6vw;background: #E5EFFD;}
.close {position: absolute;top: 1vw;right: 2vw;color: #707070;font-size: 3vw;cursor: pointer;}
.modal-body h3 {text-align: center;font-size: 1vw;margin-top: 3vw;margin-bottom: 0;}
.modal-content .slick-next {right: -3.5vw;}
.modal-content .slick-prev {left:  -3.5vw;}
.modal-body .h3-product{padding:10px 0;}
.company-area{height:1400px;position:relative;top:-20px;background-image:url(img/company-sc-bg.png);background-repeat:no-repeat;background-size:180%;background-position:-50px -1300px;}
.comp-bx{align-items:center;width:80%;margin:auto;display:flex;flex-direction:row;justify-content:flex-start;position:relative;margin-top:100px;top:80px;}
.h2-top3{margin:0 20px 0 0;color:#34BDCB;font-family: "Source Han Sans JP";font-weight: 900;font-size: 45px;text-align:left;top:-20px;position:relative;}
.service-bx{margin:0 50px 0 10px;}
.sub-bx{width:80%;margin:auto;margin-top:60px;}
.sub3{position: relative;display: inline-block;padding-right:600px;font-weight: bold;font-size: 20px;}
.sub3::after{content:"";position:absolute;top:50%;display: inline-block;width:560px;height: 1px;background-color:#34bdcb;right:0;}
.pr-bx{display: flex;justify-content: flex-end;position:relative;width: 90%;}
.pr-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #004DB5;transition: all 0.3s ease;font-weight:900;position:relative;left:-20px;font-size:1.5rem;}
.pr-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:transparent;border-radius:50%;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.pr-btn .arrow span { position: relative;width: 18px;height: 6px;border-bottom: 1px solid #004DB5;border-right: 2px solid #004DB5;transform: skew(45deg) !important;}
.pr-btn:hover .arrow {background:#004DB5;border:solid 1px #004DB5;}
.pr-btn:hover .arrow span {border-color:#fff;right:-2px;}
.pgbg-m{display:none;}

.company{position:relative;padding:50px 0 170px 0;}
.cp-bg-m{display:none;}
.h2-company{font-size:6vw;color:#004DB5;font-weight:900;display:block;text-align:center;margin-bottom:0;margin-top:0;}
.h2-company::before{content:"会社紹介";display:block;font-size:1.8vw;color:#000;line-height:1.2;}
.cm-bx{display:flex;flex-direction:row;justify-content:space-between;gap:10px;}
.cm-ctt4{position:relative;clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%);}
.cm-ctt3{position:relative;top:6vw;clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%);}
.cm-ctt2{position:relative;top:12vw;clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%);}
.cm-ctt1{position:relative;top:18vw;clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%);}
.cm-ctt4:before,.cm-ctt3:before,.cm-ctt2:before,.cm-ctt1:before {transition: background 0.5s ease;content: ''; position: absolute;top: 0;left: 0;width: 100%; height: 100%; clip-path: polygon(0 14%, 100% 0%, 100% 86%, 0% 100%);background: transparent;pointer-events: auto;background: rgba(0,0,0, 0.4);}
.cm-ctt1, .cm-ctt2, .cm-ctt3, .cm-ctt4 {pointer-events: none;position: relative;width:24%;}
.h3-company{margin:0 0 10px 0;text-decoration:none;color:#fff;text-align:center;font-size:2vw;transition: color 0.5s ease;}
.cm-ctt{position: absolute;top:10vw;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);margin:auto;width:100%;display: flex;flex-direction: column;
align-items: center;}
.carrow {width:50px;height:50px;display: grid;place-items: center;background-color:#fff;border-radius:50%;border:solid 1px #fff;overflow: hidden; transition: all 0.3s ease;position:relative;}
.carrow span { position: relative;width: 18px;height: 6px;border-bottom: 1px solid #004DB5;border-right: 2px solid #004DB5;transform: skew(45deg) !important;transition: border-color 0.5s ease, right 0.5s ease;right:2px;}
.cp-bg{position:absolute;width:100%;}
.cm-ctt4:hover::before,.cm-ctt3:hover::before,.cm-ctt2:hover::before,.cm-ctt1:hover::before {background: rgba(255, 255, 255, 0.4);}
.cm-ctt1:hover .h3-company{color:#004DB5;}
.cm-ctt2:hover .h3-company{color:#004DB5;}
.cm-ctt3:hover .h3-company{color:#004DB5;}
.cm-ctt4:hover .h3-company{color:#004DB5;}
.cm-ctt1:hover .carrow {background: #004DB5;border: solid 1px #004DB5;}
.cm-ctt2:hover .carrow {background: #004DB5;border: solid 1px #004DB5;}
.cm-ctt3:hover .carrow {background: #004DB5;border: solid 1px #004DB5;}
.cm-ctt4:hover .carrow {background: #004DB5;border: solid 1px #004DB5;}
.cm-ctt1:hover .carrow span{border-color: #fff; right: -2px;}
.cm-ctt2:hover .carrow span{border-color: #fff; right: -2px;}
.cm-ctt3:hover .carrow span{border-color: #fff; right: -2px;}
.cm-ctt4:hover .carrow span{border-color: #fff; right: -2px;}

.animation-container {position: relative;overflow: hidden;}
.animation-container2 {position: relative;overflow: hidden;padding-top:180px;}
.fade-in-text {display: block;opacity: 0;transform: translateY(0.5em);transition: opacity 0.5s ease, transform 0.5s ease;}
.fade-in-text.visible {opacity: 1;transform: translateY(0);}
.fade-in-text.fast-animation {transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.fade-under.fast-animation{transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;}
.fade-in-text span {display: inline-block;opacity: 0;transform: translateY(1em);transition: opacity 0.5s ease, transform 0.5s ease;}
.fade-in-text.visible span {opacity: 1;transform: translateY(0);}
.fade-in-left {opacity: 0;transform: translateX(-5%);transition: opacity 0.5s ease, transform 0.5s ease;}
.fade-in-left.visible {opacity: 1;transform: translateX(0);}
.fade-in-right {opacity: 0;transform: translateX(5%);transition: opacity 0.5s ease, transform 0.8s ease;}
.fade-in-right.visible {opacity: 1;transform: translateX(0);}
.fade-under { display: block; opacity: 0;  transform: translateY(0.5em); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-under.visible { opacity: 1; transform: translateY(0); }
.fade-under.fast-animation { transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; }
.fade-under span {  display: inline-block; opacity: 0; transform: translateY(0.5em); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-under.visible span { opacity: 1; transform: translateY(0); }

.company-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color:#004DB5;transition: all 0.3s ease;font-weight:900;position:relative;left:-20px;font-size:1.5rem;}
.company-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:#004DB5;border-radius:50%;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.company-btn .arrow span { position: relative;transition: all 0.3s ease;display: inline-block; width: 10px;height: 10px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);right:2px;}
.company-btn:hover .arrow {background:transparent;border:solid 1px #004DB5}
.company-btn:hover .arrow span {border-color:#004DB5;right:-2px;}
.company-btn-bx{display: flex;justify-content: flex-end;width: 80%;margin: auto;position: relative;bottom: 5vw;}
.company-arrow {width:40px;height:40px;display: grid;place-items: center;background-color:transparent;border-radius: 40px;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;}
.company-arrow  span { position: relative;right: -10px;top: 18px;width: 16px;height:4px;border-bottom: 1px solid #004DB5;border-right: 2px solid #004DB5;transform: skew(45deg)!important;transition: all 0.3s ease;}



.stretch-in-left {opacity: 0;clip-path: inset(0 100% 0 0);transition: clip-path 0.5s ease, opacity 0.5s ease;}
.stretch-in-left.visible {opacity: 1;clip-path: inset(0 0 0 0);}
.stretch-in-right {opacity: 0;clip-path: inset(0 0 0 100%);transition: clip-path 0.5s ease, opacity 0.5s ease;}
.stretch-in-right.visible {opacity: 1;clip-path: inset(0 0 0 0);}
.stretch-in-top {opacity: 0;clip-path: inset(100% 0 0 0);transition: clip-path 0.5s ease, opacity 0.5s ease;}
.stretch-in-top.visible {opacity: 1;clip-path: inset(0 0 0 0);}
.stretch-in-bottom {opacity: 0;clip-path: inset(0 0 100% 0);transition: clip-path 0.5s ease, opacity 0.5s ease;}
.stretch-in-bottom.visible {opacity: 1;clip-path: inset(0 0 0 0);}

.news{position:relative;padding:150px 0 0 0;width:80%;margin:auto;z-index:-1;}
.h2-news{font-size:6vw;color:#004DB5;margin:0 0 30px 0;font-weight:900;display:block;margin-left: auto;margin-right: 0;}
.h2-news::before{content:"お知らせ";display:block;font-size:1.8vw;color:#000;line-height:1.2;}
.blog-list{margin-top:50px;}
.news-ctt{ position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:80%;}
.t-list a{border-bottom:solid 1px #707070;padding:35px 20px 35px 35px;display:flex;justify-content:space-between;color:#000;align-items:center;font-size:1.5rem;}
.date{margin-right:30px;}
.categories{background: linear-gradient(#1b7ce6 0%, #15c2c9 100%);padding:10px 20px;color:#fff;margin-right:30px;}
.news-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color:#004DB5;transition: all 0.3s ease;font-weight:900;position:relative;left:-20px;font-size:1.5rem;}
.news-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:#004DB5;border-radius:50%;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.news-btn .arrow span { position: relative;transition: all 0.3s ease;display: inline-block; width: 10px;height: 10px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);right:2px;}
.news-btn:hover .arrow {background:transparent;border:solid 1px #004DB5}
.news-btn:hover .arrow span {border-color:#004DB5;right:-2px;}
.news-bx{display: flex;justify-content: flex-end;margin-top:30px;}
.news-arrow {width:40px;height:40px;display: grid;place-items: center;background-color:transparent;border-radius: 40px;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;}
.news-arrow  span { position: relative;right: -10px;top: 18px;width: 16px;height:4px;border-bottom: 1px solid #004DB5;border-right: 2px solid #004DB5;transform: skew(45deg)!important;transition: all 0.3s ease;}
.t-list a:hover {color:#004DB5;background:transparent;}
.t-list a:hover .news-arrow  {background:transparent;border:solid 1px #44AEC8;}
.t-list a:hover .news-arrow  span {border-color:#44AEC8;right:-12px;}

.contact-area{position:relative;padding:30px 0;margin:100px 0;z-index:1;}
.contact-area::before {content: "";position:absolute;top: 0;right: 0;width: 90%;height: 100%;background: #678FC6;z-index: -1;}
.h2-contact{width:87%;font-size:6vw;color:#fff;margin:0;font-weight:900;display:block;margin-left: auto;margin-right: 0;margin-bottom:30px;}
.h2-contact::after{content:"お問合せ";display:block;font-size:1.8vw;padding-left:30px;}
.contact-bx{width:100%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.contact-img{width:70%;}
.contact-ctt{width:20%;}
.contactb{display:flex;flex-direction:row;justify-content:flex-start;width:87%;margin-left: auto;margin-right: 0;margin-top:30px;align-items:center;}
.contact-p{color:#fff;width:60%;font-size:1.5rem;padding-right:20px;}
.contacth{position:absolute;top:0;right:3vw;height:100%;}
.contacth img{height:100%;}
.contact-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #fff;transition: all 0.3s ease;font-weight:900;font-size:1.5rem;}
.contact-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:#fff;border-radius:50%;border:solid 1px #fff;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.contact-btn .arrow span { position: relative;transition: all 0.3s ease;display: inline-block; width: 10px;height: 10px;border-top: 1px solid #004DB5;border-right: 1px solid #004DB5;transform: rotate(45deg);right:2px;}
.contact-btn:hover .arrow {background:transparent;border:solid 1px #fff;}
.contact-btn:hover .arrow span {border-color:#fff;right:-2px;}

.footer-menu{background:#F4F4F4;padding:50px 0;}
.footer-bx{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.f-logo-area{display:flex;flex-direction:column;width:20%;}
.flogo img{width:100%;}
.sns-bx{display:flex;flex-direction:row;justify-content:space-around;width:60%;margin:auto;margin-bottom:20px;margin-top:20px;}
.sns-bx a{width:30%;}
.sns-bx img{width:100%;}
.fbanner img{width:100%;}
.menu-table th{text-align:left;padding:5px 20px 5px 0 ;font-size:1.2vw;}
.menu-table td{padding:5px;}
.menu-table td a{padding:0 15px;text-decoration:none;color:#000;transition:0.5s;}
.menu-table td a:hover{color:#004DB5;}
.tdb a{border-right:solid 1px;}
.tdb a:last-child{border-right:none;}
.copyright{text-align:center;padding:30px 0;}
.spfm{display:none;}

/*下層*/
.pc-none{display:none;}
.under-fv{position:relative;}
.under-fv img{width:100%;}
.under-fvr{position:relative;}
.under-fvr img{width:100%;}
.ttl-bx{position:absolute;top: 40%;left:10%;}
.ettl{color:#004DB5;font-size:4vw;font-weight:900;margin:0;}
.wettl{color:#fff;font-size:4vw;font-weight:900;margin:0;}
.h1-under{margin:0;font-size:1.3vw;}
.p-under{margin:0;font-size:1.3vw;}
.vp-under{margin:0;font-size:1.3vw;color:#fff;}
.bread{color:#004DB5;position:relative;left:10%;font-size:1.1vw;width:90%;}
.bread ul{list-style: none;margin:0;padding:0;padding-top:30px;}
.bread ul li{display: inline;;}
.bread ul li a{text-decoration: none;color:#004DB5;}
.bread ul li + li:before{content: ">"; margin:.5em;}
.utitle{position:absolute;bottom:10px;left:10%;font-size:1.2rem;}
.h1-title{position:absolute;bottom:10px;left:10%;font-size:0.9vw;color: #bababa;}
.h1-titlev{position:absolute;bottom:10px;left:10%;font-size:0.9vw;color:#fff;}
.under-f{padding:0 0 100px 0;background:url(img/under-f-bg.png);background-position:right top;background-repeat:no-repeat;background-size:60%;}
.h1-titler{position: absolute;font-size: 0.9vw;left: 10%;bottom: 2%;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);color:#bababa;}

/*strength*/
.under-sf {padding: 0 0 100px 0;background: url(img/under-f-bg.png);background-position: right top;background-repeat: no-repeat;background-size: 60%;}
.u-first{width:90%;margin:auto;text-align:center;font-size:2.5vw;margin-top: 100px;font-weight:bold;}
.blue{color:#004DB5;}
.stu-bx{width:90%;display:flex;flex-direction:row;justify-content:space-between;margin-top:50px;flex-wrap:wrap;}
.h2-stg{position:relative;font-size:6vw;color:#004DB5;font-weight:900;display:block;margin:0 0 30px 0;text-align:right;}
.h2-stg::before{content:"アサヒの技術力";display:block;font-size:1.8vw;color:#000;line-height:1.2;}
.stu-img{position:relative;width:55%;}
.stu-img1 img{width:65%;box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.stu-img2 {position:relative;left: 20vw;top: -11vw;}
.stu-img2 img{box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);width:50%;}
.stu-ttl {width:45%}
.stu-ttl p{font-size:1.2vw;}
.st-scrl .scrolling-container {top: -17vw;position: relative;z-index: -1;}
.adv1{margin:auto;width:80%;display:flex;flex-direction:row;justify-content:space-between;}
.h3-stg{color:#34BDCB;font-size:5vw;font-weight:900;margin:0;}
.advp{color:#004DB5;font-size:1.9vw;margin:0.7em 0 0 0;font-weight:bold;}
.adv1-p{font-size: 1.1vw;line-height:1.8;} 
.adv1-img{width:48%;position: relative;top: -2vw;}
.adv1-ctt{width:48%;position: relative;top: -150px;}
.adv1-img img{width:100%;box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.stu-btn-bx{display:flex;margin-top:50px;}
.stu-btn-bx .sv-more-btn {justify-content: flex-start;}
.adv-bg{position:relative;}
.adv1-bg{position:absolute;z-index:-1;width: 55%;top: -12vw;}
.stu-btn-bx2{display:flex;justify-content: flex-end;width: 90%;position: relative;top: 0vw;}
.adv2{margin:auto;width:83%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:3vw;}
.adv2-img{width:40%;}
.adv2-ctt{width:60%;position: relative;display:flex;flex-direction:column;align-items: flex-end;}
.adv2-img img{width:100%;top: 2vw;position: relative;}
.adv2-ctt .h3-stg{text-align:right;}
.black{color:#000;}
.adv2-p{font-size: 1.1vw;width:80%;line-height:1.8;margin: 1.5em 0 0 0;} 
.adv-bg2{background:url(img/st7.png);background-repeat:no-repeat;background-size:cover;padding-top: 2vw;position: relative;background-position:right top;top:-5vw;margin-bottom:5vw;}
.adv3-img img{width:75%;}
.adv3-img {text-align:center;top: 0vw;position: relative;}
.adv3-bg{position:absolute;z-index:-1;width: 24%;top: -37vw;}
.adv-bg3{position:relative;}
.stu-flex{display:flex;flex-direction:row;justify-content:space-between;}
.stu-more img{width:100%;}
.stu-more {width:33%;position:relative;}
.stu-more::before{content:"";background: rgb(0, 0, 0, 0.4);width:100%;height:100%;position:absolute; transition: background 0.5s ease;}
.vm-ctt{position:absolute;bottom:30px;right:30px;text-align:right;}
.vm-ctt p{font-size:2rem;color:#fff;font-weight:900;transition:0.5s;}
.vm-btn {transition: background 0.5s ease;text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #fff;transition: all 0.3s ease;font-weight:bold;font-size:2.5vw;right:30px;position:relative;}
.vm-btn .arrow {transition: background 0.5s ease, border 0.5s ease;width:50px;height:50px;display: grid;place-items: center;background-color:#004DB5;border-radius:50%;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;position:relative;left:30px;}
.vm-btn .arrow span {transition: border-color 0.5s ease, right 0.5s ease;position: relative;width: 18px;height: 6px;border-bottom: 1px solid #fff;border-right: 2px solid #fff;transform: skew(45deg) !important;right:2px;}
.stu-more:hover::before {background: rgba(255, 255, 255, 0.4);}
.stu-more:hover .vm-btn { color: #004DB5;}
.stu-more:hover .vm-ctt p {color: #004DB5;}
.stu-more:hover .vm-btn .arrow{background: #fff;border: solid 1px #fff;}
.stu-more:hover .arrow span {border-color: #004DB5; right: -2px;}
.p-area{padding:70px 0 150px 0;position:relative;}
.p-area .circle-container {position: absolute;width: 57vw;height: 57vw;animation: rotate 20s linear infinite;left: -4vw;bottom: -6vw;}
.circle-image {position: absolute;width: 100%; height: 100%;transform-origin: center;object-fit: cover; border-radius: 50%;}
.st-flex {display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;position: relative;}
.st-circle{z-index:-1;position:relative;top: 16vw;left: -5vw;}
.stu-btn-bx3{display:flex;justify-content: flex-end;width: 90%;position: relative;}
.p-area .product-img {height: 15vw;}
.p-area .slider img {width: 100%;height:100%;}
.p-area2 .product-img {height: 15vw;}
.p-area2 .slider img {width: 100%;height:100%;}

/*news*/
.news-scrl .scrolling-container {top:5vw;}
.u-news{position:relative;padding:70px 0 0 0;width:80%;margin:auto;}
.u-news .news-arrow span {right:0;top:0;}
.u-news .t-list a:hover .news-arrow span {right: -4px;}
.page-numbers{display:flex;flex-direction:row;padding-left:0;gap:20px;justify-content:center;align-items:center;}
.page-numbers li{list-style:none;}
.page-numbers li a{text-decoration:none;color:#000;}
.page-numbers .current{color:#34BDCB;font-weight:bold;font-size:120%;}
.under-news{background:url(img/under-f-bg.png);background-position:right top;background-repeat:no-repeat;background-size:60%;}
.pagination{position:relative;top: 100px;width:100%;}
.content{background:rgb(242,242,242,0.85);padding: 50px 100px 100px 100px;margin-top:30px;position:relative;}
.post-date{font-size:1.5vw;margin-right:40px;}
.u-news-s{position:relative;padding:70px 0 0 0;width:75%;margin:auto;}
.p-title{font-size:1.6vw;}
.post-content{font-size:1.2vw;}
.post-meta{display:flex;align-items:center;}
.post-thumbnail {max-width: 100%;height: auto;margin-bottom: 50px;text-align:center;}
.post-thumbnail img{width: 70%;height: auto;}
.news-btn-bx{display:flex;flex-direction:row;justify-content:space-between;width:90%;margin:auto;margin-top:100px;}
.news-s-btn{text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #004DB5;transition: all 0.3s ease;font-weight: 900; position: relative;left: -20px;font-size: 1.5rem;}
.news-s-btn .arrow{width: 50px;height: 50px;display: grid;place-items: center;background-color: transparent;border-radius: 50%;border: solid 1px #004DB5;overflow: hidden;transition: all 0.3s ease;position: relative;left: 20px;}
.news-s-btn .arrow span {position: relative;width: 18px;height: 6px;border-bottom: 1px solid #004DB5; border-right: 2px solid #004DB5;transform: skew(45deg) !important; right: 2px;transition: border-color 0.5s ease, right 0.5s ease;}
.news-s-btn:hover .arrow {background:#004DB5;border:solid 1px #004DB5;}
.news-s-btn:hover .arrow span {border-color:#fff;right:-2px;}
.news-s-btn .arrow-l{width: 50px;height: 50px;display: grid;place-items: center;background-color: transparent;border-radius: 50%;border: solid 1px #004DB5;overflow: hidden;transition: all 0.3s ease;position: relative;right: 20px;}
.news-s-btn .arrow-l span {position: relative;width: 18px;height: 6px;border-bottom: 1px solid #004DB5; border-left: 2px solid #004DB5;transform: skew(-45deg) !important; right: -4px;transition: border-color 0.5s ease, right 0.5s ease;}
.news-s-btn:hover .arrow-l {background:#004DB5;border:solid 1px #004DB5;}
.news-s-btn:hover .arrow-l span {border-color:#fff;right:0;}

/*ELECTRIC / MECHANICAL DESIGN*/
.el-bx{width:70%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:relative;top:2vw;margin-bottom:1vw;}
.el-ctt{width:60%;}
.el-img{width:40%;}
.h2-el{color: #004DB5;font-size: 3.5vw;font-weight: 900;margin-top:0;}
.el-ctt p{font-size:1.2vw;}
.el1{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-bottom:12vw;}
.el-img1{width:44%;}
.el-img1 img{box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.el-ctt1{width:52%;}
.h3-el1{color:#314E5E;font-weight:900;font-size:1.5vw;position:relative;margin-top:0;left:2vw;}
.h3-el1::before{content:"";width:90px;height:90px;border-radius:50%;background:linear-gradient(#314e5e 0%, #a1c9dd 100%);position:absolute;z-index:-1;left: -2vw;top: -1.5vw;}
.num{font-size:2vw;}
.el-ctt1 p{font-size:1.1vw;}
.el-ctt-img{display:flex;flex-direction:row;justify-content:space-between;position:relative;z-index:1;}
.el-ctt-img div {width:48%;}
.el-bg{position:relative;}
.el-bg-img{position:absolute;width:24%;z-index: -1;top: 170px;}

.slide-in-text {opacity: 0;transform: translateY(0.5em);transition: opacity 0.5s ease-out, transform 0.5s ease-out;}
.slide-in-text.visible {opacity: 0.5;transform: translateY(0);}

.h2-elv1{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color:#314E5E;opacity:0.5;font-weight:900;font-size: 9vw;position: absolute;top: -4vw;left:4vw;margin:0;}
.el2{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-bottom:8vw;}
.h3-el2{color:#268776;font-weight:900;font-size:1.5vw;position:relative;margin-top:0;left:2vw;}
.h3-el2::before{content:"";width:90px;height:90px;border-radius:50%;background: linear-gradient(#268776 0%, #9eefe0 100%);position:absolute;z-index:-1;left: -2vw;top: -1.5vw;}
.el2-p{padding-left:1vw;padding-top:3vw;}
.h2-elv2{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color:#268776;opacity:0.5;font-weight:900;font-size:7vw;position: absolute;top: -4vw;right: 5vw;margin:0;}
.h2-elv3{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color:#E47A3C;opacity:0.5;font-weight:900;font-size: 7vw;position: absolute;top: -5vw;left:5vw;margin:0;}
.h3-el3{color:#E47A3C;font-weight:900;font-size:1.5vw;position:relative;margin-top:0;left:40px;}
.h3-el3::before{content:"";width:90px;height:90px;border-radius:50%;background: linear-gradient(#e47a3c 0%, #f5d2be 100%);position:absolute;z-index:-1;left: -2vw;top: -1.5vw;}
.el3{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;align-items: flex-end;}
.eg-bg{width:15%;position:absolute;right:0;top:13vw;opacity: 40%;}

.dsgn-bg{background: url(img/st7.png);background-repeat: no-repeat;background-size: 135%;position: relative;background-position: right top;background-position-y: 2vw;}
.dsgnf-bx{width:75%;margin:auto;margin-top: 3vw;}
.dsgnf1{display:flex;flex-direction:row;justify-content:flex-start;gap:20px;align-items:center;position:relative;width:70%;margin-bottom:1em;}
.dsgnf2{display:flex;flex-direction:row;justify-content:flex-start;gap:20px;align-items:center;position:relative;left:100px;width:70%;margin-bottom:1em;}
.dsgnf3{display:flex;flex-direction:row;justify-content:flex-start;gap:20px;align-items:center;position:relative;left:200px;width:70%;margin-bottom:1em;}
.dsgnf4{display:flex;flex-direction:row;justify-content:flex-start;gap:20px;align-items:center;position:relative;left:300px;width:70%;}
.elicon{width:100px;height:100px;border-radius:50%;background:#E47A3C;display: flex;justify-content: center;align-items: center;}
.elicon img{width:50%;}
.dsgnf-ctt{margin-bottom:1vw;}
.h4-dsgn{color:#E47A3C;font-size:1.3vw;margin:0 0 0.5em 0;}
.dsgnf-ctt p{font-size:1vw;margin:0;}
.el4{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;align-items: center;margin-top: 12vw;}
.h2-odm{color:#004DB5;font-size: 6vw;margin: 0;line-height: 1;font-weight: 900;}
.h2-odm:before{content:"ODM設計";font-size:1.8vw;font-weight:bold;display:block;color:#000;}
.odm-p{font-size:2vw;font-weight:900;display:block;color:#004DB5;margin:0.5em 0 0 0;}
.odm-ctt{width:52%;}
.odm-flw{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:flex-start;margin-top: 7vw;margin-bottom:3vw;gap:7%;}
.flw-left{width:25%;}
.flw-right{width:60%;}
.flwl{border-bottom:solid 1px #004DB5;padding: 0 1em 1em 1em;}
.flwl a{font-size:1.2vw;font-weight:bold;color:#000;text-decoration:none;}
.fnum{font-size:2.2vw;font-weight:900;color:#004DB5;padding-right:1vw;position: relative;top: 0.4vw;}
.fnum2{font-size:2.8vw;font-weight:900;color:#004DB5;padding-right:1vw;position: relative;top: 0.4vw;}
.h3-odm{font-size:1.5vw;margin:0 0 0.5em 0;position:relative;}
.h3-odm::after {content: '';position: absolute;top: 5vw;left: 1.8vw;width: 1px;height: 23vw; background-color: #707070;transform: translateX(-50%);}
.odm-bx{width:90%;margin-left:auto;margin-right:0;}
.odm-bx p{font-size:1vw;}
#odm1, #odm2, #odm3, #odm4, #odm5, #odm6, #odm7, #odm8{margin-bottom:1.5vw;}
.h3-odm2{font-size:1.5vw;margin:0 0 0.5em 0;position:relative;}
.h3-odm2::after {content: '';position: absolute;top: 5vw;left: 1.8vw;width: 1px;height: 19vw; background-color: #707070;transform: translateX(-50%);}
.h3-odm3{font-size:1.5vw;margin:0 0 0.5em 0;position:relative;}
.h3-odm3::after {content: '';position: absolute;top: 5vw;left: 1.8vw;width: 1px;height: 3vw; background-color: #707070;transform: translateX(-50%);}
.h3-odm4{font-size:1.5vw;margin:0 0 0.5em 0;position:relative;}
.odml{font-size:1.2vw;text-align:center;font-weight:bold;margin-bottom:2vw;}
.h2-jig{width:80%;color:#004DB5;font-size: 6vw;margin:auto;line-height: 1;font-weight: 900;margin-top:8vw;}
.h2-jig:before{content:"治具設計";font-size:1.8vw;font-weight:bold;display:block;color:#000;}
.el5{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;align-items: center;}
.jig-p{font-size:2vw;font-weight:900;display:block;color:#004DB5;margin:1em 0 2em 0;}
.jig-p2{font-size:1.2vw;}
.jig-ctt{width:52%;}
.el-img2 {width: 44%;position: relative;top: -3vw;z-index: -1;}
.el-img2 img{box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.p-area2 {padding: 0 0 150px 0;position: relative;}
.under-em {background: url(img/triangle-bg2.webp);background-size: 138%;background-repeat: no-repeat;background-position: left center;background-position-y: 292vw;position: relative;}
.el-img5{width:44%;}
.el-img5 img{box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.el-img6{width:44%;}
.el-img6 img{box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}

/*SEWING PRODUCT DESIGN*/
.spd1 {display: flex;flex-direction: row;justify-content: space-between;align-items:flex-end;width: 80%;margin: auto;margin-bottom: 15vw;position:relative;}
.spd-img1{width: 23vw; position: absolute;left: 42vw; top: -4vw;}
.spd-ctt1 {width: 50%;}
.spd-ctt1 p {font-size: 1.1vw;position:relative;top: 3vw;}
.h2-spd1{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color:#314E5E;opacity:0.5;font-weight:900;font-size: 5.8vw;position: absolute;top: -7vw;left: 7vw;margin:0;z-index:1;}
.spd2 {display: flex;flex-direction: row;justify-content: flex-start;width: 80%;margin: auto;margin-bottom: 12vw;gap:3%;align-items:flex-end;}
.spd-img2{width: 46%;}
.spd-img3{width: 46%;}
.spd-ctt2 {width: 35%;top:3vw;position:relative;}
.spd-ctt2  p {font-size: 1.1vw;position:relative;top:1vw;}
.spd-img2 img {box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.spd-img3 img {box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.spd-img4{width: 25vw;position: absolute;right: 0;top: 46.5vw;z-index: -1;}
.h2-spd2{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color:#268776;opacity:0.5;font-weight:900;font-size:9vw;position: absolute;top: -4.2vw;right: 4vw;margin:0;}
.h2-spd3{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color:#E47A3C;opacity:0.5;font-weight:900;font-size: 6vw;position: absolute;top: -4.5vw;left:5.8vw;margin:0;z-index:1;}
.spd3 {display: flex;flex-direction: row;justify-content: space-between;align-items:flex-start;width: 80%;margin: auto;margin-bottom: 17vw;position:relative;}
.spd-img5{width: 46%;}
.spd-ctt3 {width: 50%;top: 2vw;position: relative;}
.spd-ctt3 p {font-size: 1.1vw;position:relative;top: 2vw;}
.spd-img5 img {box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.spd-img6{width: 23vw;position: absolute;left: 39vw;top:98vw;z-index: -1;}
.h2-spd{color:#004DB5;font-size: 6vw;line-height: 1;font-weight: 900;position:relative;margin: 0 0 0.5em 0;}
.h2-spd:before{content:"縫製品設計の流れ";font-size:1.8vw;font-weight:bold;display:block;color:#000;}
.h2spd-bx{margin:auto;top: 4vw;position:relative;width:80%;display: flex
;justify-content: center;}
#spd1, #spd2, #spd3, #spd4, #spd5, #spd6{margin-bottom:1.5vw;}
.h3-spd1{font-size:1.5vw;margin:0 0 0.5em 0;position:relative;}
.h3-spd1::after {content: '';position: absolute;top: 5vw;left: 1.8vw;width: 1px;height: 24vw; background-color: #707070;transform: translateX(-50%);}
.h3-spd2{font-size:1.5vw;margin:0 0 0.5em 0;position:relative;}
.h3-spd2::after {content: '';position: absolute;top: 5vw;left: 1.8vw;width: 1px;height: 20vw; background-color: #707070;transform: translateX(-50%);}
.h3-spd3{font-size:1.5vw;margin:0 0 0.5em 0;position:relative;}
.h3-spd3::after {content: '';position: absolute;top: 5vw;left: 1.8vw;width: 1px;height: 19vw; background-color: #707070;transform: translateX(-50%);}
.h3-spd4{font-size:1.5vw;margin:0 0 0.5em 0;position:relative;}
.spd-bg {background: url(img/st7.png);background-repeat: no-repeat;background-size: 141%;position: relative;background-position: right top;z-index:0;background-position-y: 19vw;}
.under-spd2 {background: url(img/triangle-bg2.webp);background-size: 140%;background-repeat: no-repeat; background-position: left center;background-position-y: 206vw; position: relative;z-index: 0;}

/*MANUFACTURING*/
.h2-mf1{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color:#314E5E;opacity:0.5;font-weight:900;font-size: 7vw;position: absolute;top: -4vw;left: 5vw;margin:0;z-index:1;}
.h2-mf2{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color:#268776;opacity:0.5;font-weight:900;font-size:9vw;position: absolute;top: -4.2vw;right: 4vw;margin:0;}
.h2-mf3{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color:#E47A3C;opacity:0.5;font-size: 6vw;position: absolute;top: 68.5vw;left: 6vw;margin:0;z-index:1;}
.mf-ctt-img{width:70%;float: right;}
.mf-ctt1 {width: 52%;position: relative;top: 2vw;}
.mf-ctt1 p {font-size: 1.1vw;margin: 2em 0 1em 0;}
.mf1 {display: flex;flex-direction: row;justify-content: space-between;width: 80%;margin: auto;margin-bottom: 14vw;}
.mf2 {display: flex;flex-direction: row;justify-content: space-between;width: 80%;margin: auto;margin-bottom: 8vw;}
.mf3 {display: flex;flex-direction: row;justify-content: flex-start;width: 80%;margin: auto;margin-bottom: 10vw;gap:5%;}
.mf-ctt2 {width: 36%;position: relative;top: 2vw;}
.mf-ctt2 p {font-size: 1.1vw;}
.spd-img6{width: 23vw;position: absolute;left: 39vw;top:98vw;z-index: -1;}
.h2-spd{color:#004DB5;font-size: 6vw;line-height: 1;font-weight: 900;position:relative;margin: 0 0 0.5em 0;}
.mf-img1{width: 15vw;position: absolute;left: 42vw;top: 32vw;z-index: -1;}
.mf-ctt3 {width: 40%;position: relative;top: 2vw;}
.mf-ctt3 p {font-size: 1.1vw;}
.mf-ctt-img2{position:absolute;width: 25%;right: 0;top: 17vw;}
.mf-ctt4{width:70%;margin:auto;margin-bottom:4vw;}
.mf-p{font-size:1vw;text-align:center;font-weight:bold;}
.h2-under11 {font-size: 2.5vw;color: #004DB5; text-align: center;font-weight: 900; margin: 1em 0 1em 0;}
.mf-bx{display:flex;flex-direction:row;justify-content:center;gap:5vw;align-items:center;}
.mf-btn-bx {position: relative;}
.mf-p2{font-size:1.2vw;font-weight:bold;}
.mftable{font-size:1vw;width:50%;margin:auto;border-top:solid 1px #34BDCB;border-bottom:solid 1px #34BDCB;margin-bottom:3vw;}
.mftable td{width:80%;padding:1em;}
.mftable th{width:20%;vertical-align:middle;text-align:left;padding:1em;}
.h2-under12 {font-size: 2.5vw;color: #004DB5; text-align: center;font-weight: 900; margin: 1em 0 0.5em 0;}
.h3-mf{text-align: center;font-size: 1.2vw;margin: 0; position: relative;top: 0.8vw;background: #fff;width: 10%;margin: auto;}
.p-area3 {padding:20px 0 150px 0;position: relative;}
.mf-bg {background: url(img/st7.png);background-repeat: no-repeat;background-size: 140%;position: relative;background-position: right top;z-index: -2;background-position-y: 41vw;}


/*NEW GRADUATE RECRUITMENT*/
.rec-inner{background:url(img/triangle-bg.webp);background-size: 145%;background-repeat: no-repeat;background-position: right center;background-position-y: 480px;}
.h2-under{font-size:2.5vw;color:#004DB5;text-align:center;font-weight:900;}
.rec-f{font-size:2vw;text-align:center;font-weight:bold;margin:2.5em 0;}
.blue-rec{color:#004DB5;}
.rec-bx{margin:8vw 0;}
.rec-s{font-size:1.6vw;text-align:center;font-weight:bold;width:80%;margin:auto;margin-top:4vw;margin-bottom:4vw;}
.rec-table{width:70%;margin:auto;margin-top:50px;margin-bottom:120px;border-collapse:collapse;}
.rec-table th{width:20%;text-align:left;font-size:1.4vw;border-bottom:solid 1px #004DB5;padding:10px 50px;}
.rec-table td{width:80%;font-size:1.2vw;border-bottom:solid 1px #004DB5;padding: 10px 0;}
.recflow-bx{background: linear-gradient(#15c2c9 0%, #1b7ce6 100%);padding:50px 0 100px 0;}
.h2-under2{font-size:2.5vw;color:#fff;text-align:center;margin:0 0 2.5em 0;}
.recflow-flex{display:flex;flex-direction:row;justify-content:space-between;width:75%;margin:auto;align-items:center;}
.recflow-ctt{width:65%;font-size:1.6vw;color:#fff;font-weight:bold;line-height: 1.8;}
.recflow-btn {background: #fff; padding: 30px 70px; border-radius: 9999px; text-decoration: none;display: flex; justify-content: space-between; align-items: center; color: #004DB5;transition: 0.3s; font-weight: 900; position: relative; left: -20px; font-size: 1.5rem;}
.recflow-btn .arrow {width: 50px; height: 50px; display: grid; place-items: center; background-color: transparent;border-radius: 50%; border: solid 1px #004DB5; overflow: hidden; transition: 0.3s;position: relative; left: 20px;}
.recflow-btn .arrow span {position: relative; width: 18px; height: 6px; border-bottom: 1px solid #004DB5;border-right: 2px solid #004DB5; transform: skew(45deg) translateX(0); transition: 0.3s;}
.recflow-btn:hover {background: #004DB5; color: #fff;}
.recflow-btn:hover .arrow {background: #fff; border: solid 1px #004DB5;}
.recflow-btn:hover .arrow span {border-color: #004DB5; transform: skew(45deg) translateX(3px);}
.recflow-bg{background:url(img/ng-bg.webp);background-size:cover;background-repeat:no-repeat;}
.flow-bx{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:70px;padding:100px 0;}
.step{width:20vw;height:20vw;background:#004DB5;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.step div img{width:100%;}
.step div{width:40%;}
.fw-ttl{color:#fff;font-size:1.6vw;font-weight:bold;margin-bottom:30px;position:relative;}
.fw-ttl:after{content:"";position: absolute;width:18vw;height: 30px;border-right: 3px solid #34BDCB;border-bottom: 3px solid #34BDCB;transform: skew(45deg);right: -9vw;bottom: -20px;}
.fw-ctt{color:#fff;font-size:1.6vw;font-weight:900;margin-top:30px;}
.last{background:#34BDCB;}
.fw-ttl2{color:#fff;font-size:1.6vw;font-weight:900;margin-bottom:30px;position:relative;}
.fw-ttl2:after{content:"";position: absolute;width: 14vw;height: 30px;border-bottom: 4px solid #fff;right: -4.6vw;bottom: -20px;}

/*MID-CAREER RECRUITMENT*/
.mid-bg{background:url(img/mid-bg.webp);padding:50px 0 100px 0;width:80%;margin:auto;background-size:cover;background-repeat:no-repeat;margin-bottom:100px;}
.h2-under3{font-size:2.5vw;color:#fff;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);text-align:center;margin:0 0 1.5em 0;}
.mid-bx{display:flex;flex-direction:row;justify-content:center;gap:15px;flex-wrap:wrap;width:95%;margin:auto;}
.mid-ctt{width:23%;position:relative;display:flex;justify-content:center;}
.mid-btn-bx{position:absolute;bottom:20px;}
.mid-btn {text-align:center;text-decoration: none;display: flex; justify-content: space-between; align-items: center; color: #000;transition: 0.3s; font-weight: 900; position: relative; font-size: 1vw;}
.mid-btn .arrow {width: 40px; height: 40px; display: grid; place-items: center; background-color: transparent;border-radius: 50%; border: solid 1px #004DB5; overflow: hidden; transition: 0.3s;position: relative; left: 10px;}
.mid-btn .arrow span {position: relative; width: 18px; height: 6px; border-bottom: 1px solid #004DB5;border-right: 2px solid #004DB5; transform: skew(45deg) translateX(0); transition: 0.3s;}
.mid-btn:hover {color: #004DB5;}
.mid-btn:hover .arrow {background: #004DB5; border: solid 1px #004DB5;}
.mid-btn:hover .arrow span {border-color: #fff; transform: skew(45deg) translateX(2px);}

/*ENGINEERING DEPARTMENT*/
.job-f{background: #269bff;filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.3));color:#fff;font-weight:bold;width:25%;margin:auto;font-size:2vw;text-align:center;padding:5px 60px;margin-top: 50px;}
.job-bx {filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.3));position: relative;width:70%;margin:auto;margin-top:6vw;margin-bottom:8vw;}
.job-bx::before {background: #314e5e;clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);content: ""; display: block; height: 100%;position: absolute; width: 100%;}
.job-flex{display:flex;flex-direction:row;justify-content:space-between;width:85%;margin:auto;z-index: 1;position: relative;padding:20px 0;}
.job-ctt{width:48%;color:#fff;font-size:1.2vw;}
.job-ctt3{width:48%;color:#fff;font-size:1.2vw;}
.job-ctt2{color:#fff;font-size:1.2vw;}
.job-table{width:60%;margin:auto;margin-top:5vw;margin-bottom:12vw;border-collapse:collapse;}
.job-table th{width:30%;text-align:left;font-size:1.4vw;border-bottom:solid 1px #004DB5;padding:10px 50px;}
.job-table td{width:70%;font-size:1.2vw;border-bottom:solid 1px #004DB5;padding: 10px 0;}
.job-inner {background: url(img/triangle-bg.webp);background-size: 130%;background-repeat: no-repeat;background-position: right center;background-position-y: 200px;}

/*DESIGN DEPARTMENT / SEWING*/
.job-f2{background: #269bff;filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.3));color:#fff;font-weight:bold;width:35%;margin:auto;font-size:2vw;text-align:center;padding:5px 60px;margin-top: 50px;}

/*PRODUCTION DEPARTMENT*/
.h3-under{text-align:center;font-size:1.5vw;}
.pd-flex{display:flex;flex-direction:row;justify-content:space-between;width:75%;margin:auto;margin-top:100px;}
.pd-ctt{width:48%;background: #fff;border: 5px solid #314e5e;position:relative;display: flex;justify-content: center;}
.h3-pd{background:#314E5E;color:#fff;position: absolute;top: -62px;padding: 20px 80px;font-size: 1.5vw;}
.pd-ctt p{padding:50px 20px 20px 20px;font-size:1.2vw;}
.job-inner2 {background: url(img/triangle-bg.webp);background-size: 165%;background-repeat: no-repeat;background-position: right center;background-position-y: 200px;}
.job-inner3 {background: url(img/triangle-bg.webp);background-size: 140%;background-repeat: no-repeat;background-position: right center;background-position-y: 200px;}

/*single-voice*/
.orange{background:#D65F37;height:80px;}
.vflex{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-bottom:100px;align-items:center;}
.v-department{color:#004DB5;font-weight:900;font-size:1.4vw;margin:0;}
.v-name{color:#004DB5;font-weight:900;font-size:1.6vw;margin:0 0 1em 0;}
.v-catch{font-weight:900;font-size:1.8vw;margin:0;}
.vflex-img{width:40%;}
.vflex-ctt{width:100%;}
.vflex2{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-bottom:100px;align-items:center;}
.vflex-img2{width:48%;}
.vflex-ctt2{width:48%;}
.question2{color:#004DB5;font-weight:900;font-size:1.8vw;}
.question2-p{font-size:1.2vw;margin:0;z-index: 1;position: relative;}
.sv-bg-bx{position:relative;}
.sv-bg1{width: 22vw;position: absolute;top: -10vw;}
.sv-bg2{width: 40vw; position: absolute;top: 6vw;right: 0;}
.vflex3{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-bottom:100px;align-items:center;z-index:1;position:relative;}
.vflex-img3{width:48%;}
.vflex-ctt3{width:48%;}
.question3{color:#004DB5;font-weight:900;font-size:1.8vw;}
.question3-p{font-size:1.2vw;margin:0;}
.vflex4{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-bottom:100px;align-items:center;position:relative;z-index:1;}
.vflex-img4{width:48%;}
.vflex-ctt4{width:48%;}
.question4{color:#004DB5;font-weight:900;font-size:1.8vw;}
.question4-p{font-size:1.2vw;margin:0;}
.vflex5{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-bottom:100px;align-items:center;}
.vflex-img5{width:48%;}
.vflex-ctt5{width:48%;}
.question5{color:#004DB5;font-weight:900;font-size:1.8vw;}
.question5-p{font-size:1.2vw;margin:0;}
.voice-inner {background: url(img/triangle-bg.webp);background-size: 155%;background-repeat: no-repeat;background-position: right center;background-position-y: 27vw;padding-bottom:0;}
.schedule-bx{background:#F4F4F4;width:90%;margin-left: auto;margin-bottom:50px;position:relative;padding: 5vw 0;}
.schedule-table{width:80%;margin:auto;padding:50px 0;border-collapse:collapse;}
.schedule-table td{border-bottom:solid 1px #707070;}
.h3-ts{width:90%;margin-bottom:10px;margin-left: auto;font-size:1.5vw;color:#004DB5;font-weight:900;}
.td1{width:7%;}
.td2{width:5%;}
.td3{width:10%;}
.td4{width:78%;}
.sv-icon1 {width:60%;}
.sv-icon2 {width:40%;}
.sv-time{font-size:2vw;font-weight:900;color:#34BDCB;}
.schedule-table td{padding:30px 0;}
.schedule-p{font-size:1.4vw;}
.ods{position:absolute;width: 5vw;left: 5vw;top: 4vw;}
.ods img{width:100%;}
.schedule{position:relative;}
.voice-btn-bx{display:flex;justify-content:center;margin-bottom:150px;}
.voice-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #004DB5;transition: all 0.3s ease;font-weight:900;font-size:1.5rem;}
.voice-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:#004DB5;border-radius:50%;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.voice-btn .arrow span { position: relative;transition: all 0.3s ease;display: inline-block; width: 10px;height: 10px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);right:2px;}
.voice-btn:hover .arrow {background:transparent;border:solid 1px #004DB5;}
.voice-btn:hover .arrow span {border-color:#004DB5;right:-2px;}

/*voice*/
.v-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;width:80%;margin:auto;padding-bottom:100px;}
.v-bx{width:33%;margin-bottom:70px;}
.v-img {position: relative;display: flex;justify-content: center; align-items: center;overflow: hidden;width: 115%;height: auto;clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);}
.v-img img {width: 120%;height: auto;object-fit: cover;transition: transform 0.3s ease;transform-origin: center;}
.v-img:hover img {transform: scale(1.2);}
.v-flex .pagination{top:0;}
.v-ctt{position:absolute;bottom:10px;width: 70%;}
.vctt-catch{color: #fff;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);font-size:1.2vw;font-weight:bold;}
.vctt-department{background:#34BDCB;color:#fff;font-size:0.8vw;text-align:center;padding:5px 0;margin:10px 0;width:90%;font-weight:bold;}
.vctt-title{color: #fff;text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.6);font-size:0.8vw;text-align:center;font-weight:bold;}
.svoice-inner {background: url(img/triangle-bg.webp);background-size: 155%;background-repeat: no-repeat;background-position: right center;background-position-y: 25vw;height: 143vw;}

/*recruit*/
.rcatch{position:absolute;top:20%;left:10%;font-weight:bold;font-size:2vw;}
.recblue{color:#004DB5;font-size:2.6vw;}
.rabout{background:url(img/rec-bg.webp);position:relative;height:40vw;background-size:contain;background-repeat:no-repeat;background-position-x: -50px;overflow-x: hidden;}
.rabout-img1{width:50%;position:absolute;right:-7%;top: 20%;}
.rabout-img2{width: 42%;position: absolute;right: -1%;top: 13%;z-index:-1;}
.rabout-ctt{width:80%;margin:auto;position:relative;top:20%;}
.h2-rabout{font-weight:bold;font-size:2.2vw;margin:0;}
.h2-rabout::before{content:"ABOUT";font-weight:900;font-size:4vw;margin:0;color:#004DB5;position:relative;top:-10px;}
.rabout-ctt p{width:50%;font-size:1.4vw;margin: 3em 0 0 0;}
.rvoice{padding:50px 0 0 0;}
.rvoice-p{font-weight:bold;text-align:center;font-size:2vw;margin:1em 0 2em 0;}
.h2-rvoice{font-weight:bold;font-size:2.2vw;margin:0;text-align:center;}
.h2-rvoice::before{content:"VOICE";font-weight:900;font-size:4vw;margin:0;color:#004DB5;position:relative;top:-10px;left: -10px;}
.rvoice .v-flex{margin-top:100px;}
.rvoice .v-flex .v-bx{margin-bottom:30px;}
.rv-ctt {position: relative; bottom: 2vw;width: 80%;left: 8%;}
.rv-ctt .vctt-department{background:#004DB5;font-size: 1vw;padding: 10px 0;}
.rec-flex{display:flex;flex-direction:row;justify-content:space-between;width:75%;margin:auto;margin-bottom:100px;}
.rec-flex-ctt{width:48%;position:relative;}
.h3-rec{position:absolute;top:0;left:0;background:rgb(0,77,181,0.8);color:#fff;    margin: 0;padding: 10px 80px 10px 20px;font-weight: bold;font-size: 2vw;}
.rec-btn-bx{display:flex;justify-content:center;position:absolute;bottom: 20px;right: 40px;}
.rec-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #fff;transition: all 0.3s ease;font-weight:900;font-size:1.5rem;}
.rec-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:#fff;border-radius:50%;border:solid 1px #fff;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.rec-btn .arrow span { position: relative;transition: all 0.3s ease;display: inline-block; width: 10px;height: 10px;border-top: 1px solid #004DB5;border-right: 1px solid #004DB5;transform: rotate(45deg);right:2px;}
.rec-btn:hover{color:#004DB5;}
.rec-btn:hover .arrow {background:#004DB5;border:solid 1px #004DB5;}
.rec-btn:hover .arrow span {border-color:#fff;right:-2px;}
.h2-workplace{font-weight:bold;font-size:2.2vw;margin:0;text-align:center;}
.h2-workplace::before{content:"WORKPLACE";font-weight:900;font-size:4vw;margin:0;color:#004DB5;position:relative;top:-10px;left: -10px;}
.wp-bg{background:url(img/rec5.webp);padding:50px 0 100px 0;width:80%;margin:auto;background-size:cover;background-repeat:no-repeat;margin-bottom:8vw;}
.wp-p1{font-size: 2vw;text-align:center;margin:1em;font-weight:bold;}
.wp-p2{font-size: 1.4vw;text-align:center;margin:2em;}
.contact-area2{position:relative;padding:30px 0;margin:6vw 0;}
.contact-area2::before {content: "";position:absolute;top: 0;right: 0;width: 90%;height: 100%;background:#678FC6;z-index: -1;}
.ca2-flex{display:flex;flex-direction:row;justify-content:flex-start;width:80%;    margin: auto;align-items:center;gap:30px;}
.contact2{font-size:6vw;color:#fff;margin:0;font-weight:900;display:block;;margin-bottom:30px;padding-left: 40px;}
.h2-contact2{font-size:1.8vw;color:#fff;margin:0;}
.contact-bx2{width:90%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom: 30px;}
.cap2-ctt{margin-bottom: 30px;}
.contact-img2{width:80%;}
.contact-ctt2{width:20%;}
.contactb2{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;}
.contact-p2{color:#fff;font-size:1.2vw;margin:0.5em 0 0 0;}
.contact-btn2 {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #fff;transition: all 0.3s ease;font-weight:900;font-size:1.5rem;}
.contact-btn2 .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:#fff;border-radius:50%;border:solid 1px #fff;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.contact-btn2 .arrow span { position: relative;transition: all 0.3s ease;display: inline-block; width: 10px;height: 10px;border-top: 1px solid #004DB5;border-right: 1px solid #004DB5;transform: rotate(45deg);right:2px;}
.contact-btn2:hover .arrow {background:transparent;border:solid 1px #fff;}
.contact-btn2:hover .arrow span {border-color:#fff;right:-2px;}

/*access*/
.table-bx{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:100px;width:75%;margin:auto;}
.company-table{border-collapse:collapse;width:48%;font-size: 1vw;line-height:1.8;}
.company-table th{width:20%;border-top:solid 3px #1A91DE;vertical-align:top;text-align:left;padding:20px 0;}
.company-table td{width:80%;border-top:solid 2px #707070;vertical-align:top;padding:20px 0;}
.table-bx2{margin-bottom:50px;width:75%;margin:auto;}
.company-table2{border-collapse:collapse;width:100%;font-size: 1vw;line-height:1.8;}
.company-table2 th{width:10%;border-top:solid 3px #1A91DE;vertical-align:top;text-align:left;padding:20px 0;}
.company-table2 td{width:90%;border-top:solid 2px #707070;vertical-align:top;padding:20px 0;}
.map{width:90%;margin:auto;margin-bottom:40px;}
.under-access{padding:0 0 100px 0;background:url(img/under-f-bg.png);background-position:right top;background-repeat:no-repeat;background-size:60%;}
.h2-under4{font-size:2.5vw;color:#004DB5;text-align:center;font-weight:900;margin:3em 0 1.5em 0;}
.table-bx3{margin-bottom:50px;width:75%;margin:auto;}
.under-access2 {background: url(img/triangle-bg.webp);background-size: 135%;background-repeat: no-repeat;background-position: right center;background-position-y: 1400px;padding-bottom: 10px;}
.h2-under5{font-size:2.5vw;color:#004DB5;text-align:center;font-weight:900;margin:2em 0 1.5em 0;}
.h3-under4{width:75%;font-size:1.2vw;margin:auto;margin-bottom: 1em;}

/*MESSAGE*/
.msgp{font-size:2vw;font-weight:bold;width:80%;margin:auto;margin-top:2em;margin-bottom:2em;}
.msg-bx{position:relative;height: 52vw;}
.msg2{position:relative;left: 0;bottom: 50vw;width:30%;z-index:-1;}
.msg1{position:relative;width:75%;margin-left: auto;}
.msg-bx2{width:80%;margin:auto;margin-bottom:2em;}
.msg-bx2 p{font-size:1.2vw;width:70%;margin-left:auto;margin-top:0;}
.right{text-align:right;font-size:1.4vw;font-weight:bold;}
.sign{text-align:right;}
.sign img{width:15%;}
.msg-scrl .scrolling-container {top: -3vw;}
.gtg{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color: #004DB5;opacity: 0.5;font-weight: 900;font-size: 7vw;position: relative;margin: 0;left: 20vw;z-index: 1;bottom: 28vw;}

/*contact*/
.under-contact {background: url(img/under-f-bg.png);background-position: right top;background-repeat: no-repeat;background-size: 60%;padding-bottom:2vw;}
.contact-inner{background: url(img/triangle-bg.webp);background-size: 120%;background-repeat: no-repeat;background-position: right center;
background-position-y: 3vw;padding: 0 0 7vw 0;}
.u-contact-bx{width:60%;margin:auto;}
.contact-table{width:100%;font-size:1.1vw;}
.contact-table th {margin:0.5em 0;}
.contact-table td {margin:0.25em 0 0.5em 0;}
.contact-table th{display:block;width:100%;text-align:left;}
.contact-table td{display:block;width:100%;}
input[type="text"], input[type="tel"], input[type="email"] {width:100%;padding: 1em;font-size: 1vw;}
input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder {color: #606060;opacity: 0.5;}
textarea ::placeholder {color:#606060;opacity:0.5;}
textarea {width:100%;padding: 1em;font-size: 1vw;}
.must{background: url(img/must.webp);background-size: contain;background-repeat: no-repeat;width: 12px;height: 12px;position: relative;display: inline-block;left: 10px;top: -5px;}
.acceptance{font-size:1vw;font-family: 'Ryo Display PlusN', sans-serif;margin-top: 1.5vw;}
.acceptance a{color:#000;}
input.acceptance{position: relative;top: -10px;margin-right: 10px;}

.radio-container {display: flex;gap: 20px;margin-bottom: 15px;}
.rcontent {display: none;}
.active {display: block;}
label {cursor: pointer;font-size: 16px;display: flex; align-items: center; gap: 5px;}



.ctt-btn-bx{display: flex;justify-content: center;margin-top: 3vw;}
.ctt-btn {background: #004DB5; padding: 15px 70px; border:solid 1px #004DB5;border-radius: 9999px; text-decoration: none;display: flex; justify-content: space-between; align-items: center; color:#fff ;transition: 0.3s; font-weight: 900;font-size: 1.5vw;}
.ctt-btn .arrow {width: 50px; height: 50px; display: grid; place-items: center; background-color: #fff;border-radius: 50%; border: solid 1px #004DB5; overflow: hidden; transition: 0.3s;position: relative; left: 40px;}
.ctt-btn .arrow span {position: relative;transition: all 0.3s ease;display: inline-block;width: 10px; height: 10px;border-top: 1px solid #004DB5;border-right: 1px solid #004DB5;transform: rotate(45deg);}
.ctt-btn:hover {background: #fff; color: #004DB5;}
.ctt-btn:hover .arrow {background: #004DB5; border: solid 1px #fff;}
.ctt-btn:hover .arrow span {border-color: #fff;transform: translateX(5px) rotate(45deg);}
.h2-under6{font-size: 2.5vw;color: rgb(0, 77, 181);text-align: center;font-weight: 900;}
input[type="checkbox"]{width:20px;height:20px;}

/*COMPANY INTRODUCTION*/
.cpi {font-size: 2vw;font-weight: bold; width: 80%; margin: auto;margin-top: 2em;margin-bottom: 2em;text-align:center;}
.ci-flex{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;position:relative;gap:0.8vw}
.three{width:32.5%;position:relative;display:block;}
.two{width:49.4%;position:relative;}
.three:before{content:"";background: rgb(0, 0, 0, 0.4);width:100%;height:100%;position:absolute; transition: background 0.5s ease;}
.two:before{content:"";background: rgb(0, 0, 0, 0.4);width:100%;height:100%;position:absolute; transition: background 0.5s ease;}
.ci-btn-bx{display:flex;align-items:flex-end;position:absolute;bottom: 20px;right: 20px;flex-direction: column;}
.ci-p{color:#fff;transition: all 0.3s ease;font-weight:900;font-size:1.8rem;    margin: 0 0 0.5em 0;}
.ci-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #fff;transition: all 0.3s ease;font-weight:900;font-size:1.5rem;left: -20px; position: relative;}
.ci-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:#004DB5;border-radius:50%;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;position:relative;left: 20px; }
.ci-btn .arrow span {transition: border-color 0.5s ease, right 0.5s ease;position: relative; width: 18px;height: 6px;border-bottom: 1px solid #fff;border-right: 2px solid #fff;transform: skew(45deg) !important;right: 2px;}
.three:hover::before{background: rgb(0, 0, 0, 0);}
.three:hover .ci-p{color:#004DB5;}
.three:hover .ci-btn{color:#004DB5;}
.three:hover .ci-btn .arrow {background:#fff;border:solid 1px #fff;}
.three:hover .ci-btn .arrow span {border-color:#004DB5;right:-2px;}
.two:hover::before{background: rgb(0, 0, 0, 0);}
.two:hover .ci-p{color:#004DB5;}
.two:hover .ci-btn{color:#004DB5;}
.two:hover .ci-btn .arrow {background:#fff;border:solid 1px #fff;}
.two:hover .ci-btn .arrow span {border-color:#004DB5;right:-2px;}
.movie{width:60%;height:35vw;margin:auto;}
.under-ci{background: url(img/triangle-bg.webp);background-size: 120%;background-repeat: no-repeat;background-position: right center;background-position-y: 63vw;position:relative;}
.under-ci2{background: url(img/under-f-bg.png);background-position: right top;background-repeat: no-repeat;background-size: 60%;}
.ci-bg{position:absolute;width: 13%;top: 37vw;}
.movie-txt{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color: #004DB5;opacity: 0.5;font-weight: 900;font-size: 8vw;position: absolute;margin: 0;left: 7vw;z-index: 1;top: 34.5vw;}
.cinews {position: relative;padding: 150px 0 0 0;width: 80%;margin: auto;}
.cinews .news-arrow span {right:auto;top:auto;}

/*EQUIPMENT & FACTORY INTRODUCTION*/
.efi {font-size: 1.8vw;font-weight: bold;width: 80%;margin: auto;margin-top: 2em;margin-bottom: 2em;text-align: center;}
.efi-bx1{display:flex;flex-direction:row;justify-content:space-between;width:90%;align-items:center;margin-bottom:4em;margin-top:8em;}
.efi-img1{width:48%;box-shadow: 5px 15px 15px rgba(0, 0, 0, 0.16);}
.efi-ctt1{width:48%;}
.efi-ctt1 p{font-size:1vw;}
.efi-table{font-size:1.2vw;border-collapse:collapse;width:100%;}
.efi-table th{width:20%;font-weight:normal;border-bottom:solid 2px #004DB5;padding:20px 0;}
.efi-table td{width:80%;font-weight:normal;border-bottom:solid 2px #797979;padding:20px 0;}
.h3-under2{font-size:2vw;font-weight:900;color: #004DB5;}
.efi-bx2{display:flex;flex-direction:row;justify-content:space-between;width:85%;margin-left:auto;margin-right:0;}
.efi-ctt3{width:32%;position:relative;top:-3vw;}
.efi-ctt2{width:48%;}
.efi-ctt-bx{width:63%;display:flex;flex-direction:row;justify-content:space-between;}
.h4-under2{color:#fff;text-align:center;background:#004DB5;font-size:1.1vw;margin:0;padding:0.5em 0;}
.efi-ctt2 p {font-size: 1vw;}
.efi-bx3{display:flex;flex-direction:row;justify-content:space-between;width:90%;align-items:center;margin-bottom:4em;margin-left:auto;margin-right:0;margin-bottom:4em;margin-top:4em;}
.efi-bx4{width:70%;margin:auto;margin-bottom:4em;margin-top:4em;}
.efi-ctt-bx2{margin-right:0;margin-left:auto;width:80%;display:flex;flex-direction:row;justify-content:space-between;}
.efi-ctt4{width:32%;}
.efi-bx5{display:flex;flex-direction:row;justify-content:space-between;width:90%;align-items:center;margin-bottom:8em;margin-top:4em;}
.h2-under7{font-size: 2.5vw;color:#004DB5;text-align: center;font-weight: 900;}
.h3-under3{font-size:1.2vw;font-weight:bold;text-align:center;border-bottom:solid 1px #707070;padding-bottom:1vw;}
.h3-bx{width:20%;margin:auto;margin-bottom:3vw;margin-top:4vw;}
.h3-bx2{width:80%;margin:auto;margin-bottom:3vw;margin-top:4vw;}
.efi-ctt-bx3{margin:auto;width:80%;display:flex;flex-direction:row;justify-content:center;gap:3vw;margin-bottom:3vw;margin-top:3vw;}
.efi-ctt-bx4{margin:auto;width:80%;display:flex;flex-direction:row;justify-content:center;gap:2vw;margin-bottom:3vw;margin-top:3vw;}
.efi-ctt5{width:33.3%;}
.efi-ctt-bx5{margin:auto;width:80%;display:flex;flex-direction:row;justify-content:center;margin-top:3vw;}
.h4-under3{margin:0 auto;width:79.9%;color:#fff;text-align:center;background:#004DB5;font-size:1.1vw;padding:0.5em 0;margin-bottom:3vw;}
.under-efi{background: url(img/triangle-bg.webp);background-size: 150%;background-repeat: no-repeat;background-position: right center;background-position-y: 97vw;position:relative;}
.under-efi2{background: url(img/triangle-bg2.webp);background-size: 150%;background-repeat: no-repeat;background-position: left center;background-position-y: 83vw;position:relative;margin-bottom: 8vw;}
.ettl2 {color: #004DB5;font-size: 4vw;font-weight: 900;margin: 0;}
.efi-ctt4 p {font-size: 1vw;}

/*MANAGEMENT PHILOSOPHY*/
.mp-bx{width:80%;margin:auto;padding: 5vw 0;}
.mp-bg{position:absolute;right:0;width:40%;}
.mpp-bg1{position:relative;width: 70%;margin-bottom:3vw;}
.mpp-bg2{position:relative;width: 70%;margin-bottom:3vw;left:7vw;}
.mpp-bg3{position:relative;width: 70%;left:14vw;}
.mpp1, .mpp2, .mpp3{color:#fff;position:absolute;font-size: 2vw;font-weight: bold;margin: 0;top: -5.3vw;left: 3vw;}
.mnum{font-family: "Songti SC", serif;color:#004DB5;font-size:8vw;font-weight:normal;padding-right:4vw;position:relative;top:0.5vw;}
.h2-under8 {font-size: 2.5vw;color: #004DB5;text-align: center;font-weight: 900;margin: 2em 0 0.5em 0;}
.mp-bx2{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-bottom:7vw;align-items:center;}
.mp-img{width:48%;}
.mp-ctt{width:48%;}
.h2-under9 {font-size: 2.5vw;color: #004DB5;font-weight: 900;margin: 0 0 1em 0;}
.mp-ctt p{font-size:1vw;margin:0;}
.mp-bx3{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;margin-bottom:7vw;align-items: flex-end;}

.h2-under10 {font-size: 2.5vw;color: #004DB5;text-align: center;font-weight: 900;margin: 2em 0 1.5em 0;}
.timeline-bx{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;margin-bottom: 12em;}
.timeline {position: relative;width: 55%;padding-left: 5%;top: 4vw;}
.timeline-item {display: flex;align-items: center;margin-bottom: 10vw;position: relative;height:4vw;}
.timeline-item2 {display: flex;align-items: center;margin-bottom: 4vw;position: relative;height:4vw;}
.timeline-item3 {display: flex;align-items: center;margin-bottom: 8vw;position: relative;height:4vw;}
.timeline-item:last-child { margin-bottom: 0;}
.timeline-date {color: #9B9B9B;width: 25%;font-size: 1.4vw;font-weight: bold;}
.timeline-marker {width: 15px;height: 15px;background-color:#9B9B9B;border-radius: 50%;flex-shrink: 0;position: relative;}
.timeline-marker::after {content: '';position: absolute;top: 15px;left: 50%;width: 2px;height: 14vw;background-color:#9B9B9B;transform: translateX(-50%);}
.timeline-marker2 {width: 15px;height: 15px;background-color:#9B9B9B;border-radius: 50%;flex-shrink: 0;position: relative;}
.timeline-marker2::after {content: '';position: absolute;top: 15px;left: 50%;width: 2px;height: 8vw;background-color:#9B9B9B;transform: translateX(-50%);}
.timeline-marker3 {width: 15px;height: 15px;background-color:#9B9B9B;border-radius: 50%;flex-shrink: 0;position: relative;}
.timeline-marker3::after {content: '';position: absolute;top: 15px;left: 50%;width: 2px;height: 12vw;background-color:#9B9B9B;transform: translateX(-50%);}
.timeline-item:last-child .timeline-marker::after {height: 0;}
.timeline-content {font-size:1.2vw;margin-left:50px;width:70%;}
.timeline-img-bx{width:40%;position:relative;}
.timeline-img1{position:relative;left:0;width: 50%;margin-bottom: 1.5vw;}
.timeline-img2{position:relative;width: 63%;float:right;margin-bottom: 1.5vw;}
.timeline-img3{position:relative;left:0;width: 43%;margin-bottom: 1.5vw;}
.timeline-img4{position:relative;width: 58%;float:right;margin-bottom:6vw;}
.timeline-img5{position:relative;right:0;width: 45%;left: 13.5vw;margin-bottom:4vw;}
.timeline-img6{position:relative;right:0;width: 45%;left: 13.5vw;margin-bottom:24vw;}
.timeline-img7{position:relative;width: 62%;float:right;margin-bottom:17vw;}
.timeline-img8{position:relative;width: 62%;float:right;margin-bottom:1.5vw;}
.timeline-img9{position:relative;width: 62%;float:right;}
.under-mp {background: url(img/triangle-bg.webp);background-size: 140%;background-repeat: no-repeat;background-position: right center;background-position-y: 92vw;position: relative;}
.under-mp2 {background: url(img/triangle-bg2.webp);background-size: 145%;background-repeat: no-repeat;background-position: left center;background-position-y: 197vw;position: relative;padding-bottom: 2vw;}
.mp-contact .contact-area2 {position: relative;padding: 30px 0;margin:0 0 6vw 0;}
.mp-ttl{position:relative;}
.mp-ttl-mg {-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color: #004DB5;opacity: 0.5;font-weight: 900;font-size: 6.5vw;position: absolute;margin: 0;left: 6%;z-index: 1;top: -5.5vw;}
.mp-ttl-eq {-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color: #004DB5;opacity: 0.5;font-weight: 900;font-size: 6.5vw;position: absolute;margin: 0;right: 6%;z-index: 1;top: -5.5vw;line-height:1;}

/*PRODUCT PERFORMANCE*/
.pp-bx{width:80%;margin:auto;background:#E5EFFD;border-left: solid 20px #004DB5;margin-bottom:4vw;}
.h3-pp{color:#004DB5;font-size: 1.5vw;width: 95%;margin: auto;padding: 1.5em 0 1em 0;position:relative;}
.h3-pp::after{content:"";width:50%;height:1px;background:#004DB5;position:absolute;top: 3.5vw;left: 25vw;}
.pp-ctt{display:flex;flex-direction:row;justify-content:space-between;width:85%; margin: auto;align-items:center;padding-bottom: 2vw;}
.pp-img{width:45%;}
.pp-txt{width:48%;position:relative;top:-1vw;}
.slider img {width: 100%;height: auto;}
.slick-dots li button:before {color: #000;}
.overview p{font-size:1vw;margin:0 0 1.5em 0;}
.detail {font-size:1.1vw;}
.detail .line {display: block;width:85%;border-bottom: 1px solid #004DB5;padding-bottom: 0.5vw;}
.slick-prev::before,
.slick-next::before {content: none !important;}
.slick-prev, .slick-next {width: 20px;height: 20px;background: none;border: none;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;z-index: 1000;}
.slick-prev {left: -30px;}
.slick-prev::after {content: '';display: block;width: 10px;height: 10px; border-top: 2px solid #004DB5;border-left: 2px solid #004DB5; transform: rotate(-45deg);margin: auto;}
.slick-next {right: -30px;}
.slick-next::after {content: '';display: block; width: 10px;height: 10px;border-top: 2px solid #004DB5;border-right: 2px solid #004DB5;transform: rotate(45deg);margin: auto;}
.slick-dots li button:before {font-size: 10px!important;line-height: 40px!important;color: #C6C6C6!important;opacity:1!important;}
.slick-dots li.slick-active button:before {opacity:1!important;color: #8E8E8E!important;}
.under-pp {padding: 0 0 50px 0;background: url(img/under-f-bg.png);background-position: right top; background-repeat: no-repeat; background-size: 60%;}
.h3-pp2{color:#004DB5;border-bottom:solid 1px #004DB5;margin:3vw 0 2vw 0;padding-bottom:0.5em;font-size: 1vw;}
.h3ppbx{width:10vw;margin:auto;text-align:center;}
.category-filter{margin:auto;width:60%;display: flex;flex-direction: row;flex-wrap:wrap;justify-content: center;gap:20px;margin-bottom: 7vw;margin-top: 3vw;}
.filter-btn {background: #fff !important;color: #004DB5 !important;border: solid 1px #004DB5 !important;padding: 10px;cursor: pointer;transition: all 0.3s ease;width:20%;font-size:1vw;font-weight:bold;}
.filter-btn.active {background: #004DB5 !important;color: #fff !important;border: solid 1px #004DB5 !important;}
.ppmr{margin:0 0 15vw 0;}
.ppp-bx{gap:20px;width: 80%; margin: auto;display: flex;flex-direction: row;justify-content: flex-start;position: relative;margin-top: 80px;flex-wrap: wrap;}
.ppp-bx .product-ctt{width:32%;height: 20vw;position:relative;background:#fff;}
.ppp-bx .product-img{height: 17vw;}
.pp-circle{top: -9vw;left: -5vw;position:relative;z-index:-1;}
.pp-bg {background: url(img/st7.png);background-repeat: no-repeat;background-size: 165%;position: relative;background-position: right top;background-position-y: 54vw;}
.modal-body .cate{position: absolute;right: 0;color: #fff;background: #004DB5;font-weight: bold;font-size: 1vw;padding: 5px;z-index:10;}
.cate{position: absolute;right: 0;color: #fff;background: #004DB5;font-weight: bold;font-size: 1vw;padding: 5px;z-index:10;width:10vw; text-align:center;}
.cate p{margin:0;}
.ppp-bx .h3-product {margin: 0;padding: 10px 0;text-align: left;background: #fff;font-size: 1.4vw;}
.modal-category{margin-left: auto;position: relative;color: #fff;background: #004DB5;font-weight: bold;font-size: 1vw;padding: 5px;margin-right: 0;width: 40%;text-align: center;margin-bottom: 0.5vw;}
.modal-category p{margin:0;}
.modal-title h3{text-align:center;font-size:1vw;margin-top:3vw;margin-bottom:0;}
.h2-under15 {font-size: 2.5vw;color: #004DB5;text-align: center;font-weight: 900;margin: 2em 0 1.5em 0;}
#category-slider {margin:auto;width:75%;position:relative;top: 3vw;margin-bottom: 6vw;}
#category-slider .product-ctt{margin:0 1vw;background:#fff;box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);position:relative;margin-bottom: 0.5vw;}
#category-slider .slick-dots {display:none!important;}
.slick-prev, .slick-next {color: #004DB5;font-size: 24px;z-index: 10;}
.slick-dots li button:before { color: #004DB5;}
.slick-slide {height: auto!important;}
#category-slider .h3-product {text-align:left;background:#fff;padding-left:10px;}
.pp-bg .pagination { display: flex;flex-direction: row;padding-left: 0;gap: 20px;justify-content: center;align-items: center;top:0;font-size: 1.4vw;}
.pagination .pagination-link { text-decoration: none; color: #000;padding: 5px 10px; transition: all 0.3s ease; }
.pagination .pagination-link:hover {color: #34BDCB;}



/* カスタム矢印の共通スタイル */
.slick-prev2, .slick-next2 {position: absolute;width: 50px;height: 50px;background: transparent;border: none;cursor: pointer;z-index: 10;}
.slick-prev2 {left: -50px;top: 30%;transform: translateY(-50%);}
.slick-prev2::before {content: "";position: absolute;width: 10vw;height: 3vw;border-left: 2px solid #004DB5;border-bottom: 2px solid #004DB5;transform: skew(-45deg); left: 0;bottom: -20px;}
.slick-next2 {right: -50px; top: 30%; transform: translateY(-50%);}
.slick-next2::before { content: "";position: absolute; width:10vw;height:3vw;border-right: 2px solid #004DB5; border-bottom: 2px solid #004DB5;transform: skew(45deg);right: 0;bottom: -20px;}
.slick-prev2:hover::before, .slick-next2:hover::before {border-color: #002A85;transition: all 0.3s ease;}

/*ENTRY FORM*/
input[type="radio" i] {width: 1.5vw;height: 1.5vw;position: relative;margin-right: 0.5vw;}
.wpcf7-form-control-wrap .last{background:transparent;}
.wpcf7-list-item-label{padding-right:3vw;}
.td-file{background:#fff;padding:3vw 2vw;width:60%!important;position:relative;border: 1px dashed #707070;}
.ef-btn-bx{display:flex;justify-content:center;}
.ef-btn {background: linear-gradient(#1b7ce6 0%, #15c2c9 100%);padding: 20px 50px;border-radius: 9999px;text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #fff;transition: background 0.3s ease, color 0.3s ease;font-weight: 900;position: relative;font-size: 1.5rem;}
.ef-btn .arrow {width: 50px;height: 50px;display: grid;place-items: center;background-color: transparent;border-radius: 50%;border: solid 1px #fff;overflow: hidden;transition: background 0.3s ease, border-color 0.3s ease;position: relative;left: 20px;}
.ef-btn .arrow span {position: relative;width: 18px;height: 6px;border-bottom: 1px solid #fff;border-right: 2px solid #fff;transform: skew(45deg) translateX(0);transition: transform 0.3s ease, border-color 0.3s ease;}
.ef-btn:hover {background: linear-gradient(#004DB5, #002D80);color: #fff;}
.ef-btn:hover .arrow {background: #fff;border: solid 1px #004DB5;}
.ef-btn:hover .arrow span {border-color: #004DB5;transform: skew(45deg) translateX(3px);}
.ef-btn-close{background:#808080;pointer-events:none;padding: 20px 50px;border-radius: 9999px;text-decoration: none;display: flex;justify-content: space-between;align-items: center;color: #fff;transition: background 0.3s ease, color 0.3s ease;font-weight: 900;position: relative;font-size: 1.5rem;}
.ef-btn-close .arrow {width: 50px;height: 50px;display: grid;place-items: center;background-color: transparent;border-radius: 50%;border: solid 1px #fff;overflow: hidden;transition: background 0.3s ease, border-color 0.3s ease;position: relative;left: 20px;}
.ef-btn-close .arrow span {position: relative;width: 18px;height: 6px;border-bottom: 1px solid #fff;border-right: 2px solid #fff;transform: skew(45deg) translateX(0);transition: transform 0.3s ease, border-color 0.3s ease;}


.ef-inner {background: url(img/triangle-bg.webp);background-size: 120%;background-repeat: no-repeat;background-position: right center;background-position-y: 44vw;padding: 0 0 7vw 0;}

/*Privacy Policy*/
.ppy-inner{width:80%;margin:auto;padding:10vw 0 7vw 0;position:relative;}
.h2-ppy{font-size:5vw;color:#004DB5;font-weight:900;line-height:1.2;margin:0 0 3vw 0;}
.h2-ppy::before{display:block;content:"プラバシーポリシー";font-size:1.6vw;color:#000;font-weight:bold;}
.ppy-p{font-size:1.3vw;margin:1vw 0 1.5vw 0;}
.h3-ppy{font-size:2vw;color:#004DB5;font-weight:900;}
.ppy-bx{margin-bottom:4vw;}
.ppy-p2{font-size:1.3vw;position:relative;left:2vw;position:relative;margin:1vw 0 1.5vw 0;}
.ppy-p2::before{content:"";width:1vw;height:1vw;background:#004DB5;position:absolute;left: -2vw;top: 0.5vw;}

.ppy-btn-bx{display: flex;justify-content:center;margin-top:30px;}
.ppy-btn {text-decoration: none;display: flex;justify-content: space-between;align-items: center;color:#004DB5;transition: all 0.3s ease;font-weight:900;position:relative;left:-20px;font-size:1.5rem;}
.ppy-btn .arrow {width:50px;height:50px;display: grid;place-items: center;background-color:#004DB5;border-radius:50%;border:solid 1px #004DB5;overflow: hidden; transition: all 0.3s ease;position:relative;left:20px;}
.ppy-btn .arrow span { position: relative;transition: all 0.3s ease;display: inline-block; width: 10px;height: 10px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);right:2px;}
.ppy-btn:hover .arrow {background:transparent;border:solid 1px #004DB5}
.ppy-btn:hover .arrow span {border-color:#004DB5;right:-2px;}
.fvimgsp{display:none;}
.fvimgpc{display:block;}
.all-btn{width: 80%; margin: auto;justify-content: center;display:flex; margin-top: 3vw;}
.trhidden1, .trhidden2 {display: none;}

/*service*/
.under-service{padding:200px 0 0 0 ;background: url(img/svbg.png);background-repeat:no-repeat;background-position-y:8vw;background-size:contain;overflow:hidden;}
.under-service .service{background:none;}
.sp-area {padding:0 0 150px 0;position: relative;}

/*thanks*/
.thanks-ctt p{text-align:center;font-size:2vw;font-weight:bold;}
.thanks-ctt{margin:3vw 0;}
.thanks-bx{display:flex;justify-content:center;margin:5vw 0;}
.thanks-btn {background: #004DB5; padding: 30px 70px; border-radius: 9999px; text-decoration: none;display: flex; justify-content: space-between; align-items: center; color: #fff;transition: 0.3s; font-weight: 900; position: relative;font-size: 1.5rem;}
.thanks-btn .arrow {width: 50px; height: 50px; display: grid; place-items: center; background-color: fff;border-radius: 50%; border: solid 1px #fff; overflow: hidden; transition: 0.3s;position: relative; left: 20px;}
.thanks-btn .arrow span {position: relative;transition: all 0.3s ease; display: inline-block;width: 10px; height: 10px;border-top: 1px solid #004DB5; border-right: 1px solid #004DB5;transform: rotate(45deg);right: 2px;translateX(0); transition: 0.3s;}
.thanks-btn:hover {background: #004DB5; color: #fff;}
.thanks-btn:hover .arrow {background: #004DB5; border: solid 1px #fff;}
.thanks-btn:hover .arrow span {border-color: #fff; transform: translateX(3px) rotate(45deg);}
.current{font-size:2vw;color: #34BDCB!important;}



/*1440px以上*/
@media screen and (min-width: 1440px){
.thoughts{position:relative;height:75vw;}
.placeholder {padding: 100px 0;}
}

/*1920px以下*/
@media screen and (max-width: 1920px){
.rctt4 { font-size: 1.2vw;}
.stctt6 p {font-size: 1.4vw;}
.thoughts { height: 75vw;}
.h3-st {font-size: 2.5vw;}
.stctt6 p {margin: 0 0 10px 0;}
.sv-ctt1 {width: 65%;}
.sv-ctt2 {width: 65%;}
.sv-ctt3 {width: 65%;}
.sv-ctt3 p{width: 50vw;}
.pg-ctt {width: 33%;padding: 20px 55px;}
.pg-ctt p{font-size: 1.1vw;}
}


/*1500px以下*/
@media screen and (max-width: 1500px){
.sv-ctt1 {width: 80%;}
.sv-ctt1 p{width: 40vw;font-size:1.5vw;}
.sv-ctt2 {width: 80%;display: flex;flex-direction: column;align-items: flex-end;}
.sv-ctt2 p{width: 40vw;font-size:1.5vw;}
.sv-ctt3 {width: 80%;}
.sv-ctt3 p{width: 60vw;font-size:1.5vw;}
.h2-product {top: 0vw;}
.t-list a {font-size: 1.5vw;}
.contact-p {font-size: 1.5vw;}
.footer-bx {width: 90%;}
.cm-ctt{top:13vw;}
.thoughts {height: 77vw;}
.fw-ttl:after { width: 20vw; right: -10vw;}
.fw-ttl2:after { width: 15vw; right: -5vw;}
.recflow-flex {width: 85%;}
.recflow-ctt {width: 55%;}
.v-bx {width: 32%;}
.mid-bx { width: 95%;}
.wp-bg {width: 90%;}
.ppp-bx{gap:15px;}
}

/*1200px以下*/
@media screen and (max-width: 1200px){
.header-nav nav ul li {padding: 20px;}
.logo { font-size: 1.2vw;}
.stctt6 p {margin: 15px 0;}
.rctt3 {margin-top: 20px;}
.rctt4 {width: 70%;margin-top:0;}
.placeholder {position: relative;height: 100px;padding:50px 0 100px 0;}
.thoughts-bx {width: 95%;}
.thoughts {height: 70vw;}
.sv-ctt1 {width: 70%;left: 25vw;}
.sv-ctt3 p { width: 55vw;}
.sv-ctt3 {width: 85%;}
.svbt-bx2 .sv-btn {position: relative;left: -20px;}
.h2-product {top: 0;}
.pg-ctt {width: 40%;}
.product-bx { width: 90%;}
.modal-content {width: 50%;}
.h3-company {font-size: 170%;}
.cm-ctt {top: 14vw;}
.sv-ctt2 {top: 50%;left: 35vw;width: 70%;}
.catch {right: 5%;}
.news {width: 90%;}
.menu-table th{font-size:1.2vw;}
.menu-table td{font-size:1.1vw;}
.contact-p{font-size:1.2rem;padding-right:5px;}
.h2-strength {top: 12.8vw;}
.flow-bx {gap: 40px; }
.step {width: 23vw;height: 23vw;}
.recflow-flex {width: 90%;}
.fw-ttl:after { width: 20.5vw; right: -10.5vw;}
.fw-ttl2:after { width: 15.5vw; right: -5.5vw;}
.mid-bx {width:90%;}
.mid-bg {width: 90%;}
.ppp-bx{gap:12px;}
}
	
/*900px以下*/
@media screen and (max-width: 900px){
  /*必要ならばここにコードを書く*/
.sp-br{display:block;}
.header-container{display:none;}
.ham-bx{display:block;background: linear-gradient(#1b7ce6 0%, #15c2c9 100%);position:fixed;top:0;right:0;z-index:9999;width:60px;height:55px;border-bottom-left-radius:10px;}
.hamburger{width:30px;height:30px;cursor:pointer;position:fixed;top:10px;right:10px;}
.hamburger.is-active span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(135deg);width: 30px;left: 13px;}
.hamburger.is-active span:nth-child(2){opacity:0;}
.hamburger.is-active span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-135deg);left: 13px;}
.hamburger span{position:absolute;left:50%;transform:translate(-50%,-50%);width:100%;height:2px;background-color:#fff;transition:transform .3s;}
.hamburger span:nth-child(1){top:30%;width:40px;left:11px;}
.hamburger span:nth-child(2){top:60%;}
.hamburger span:nth-child(3){top:90%;}
.drawer {display:block;visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;z-index:15; width: 100%; height: 100vh;transition: opacity .3s, visibility .3s;transition: opacity .3s, visibility .3s;background:#F2F5F9;}
.drawer.is-active {visibility: visible;opacity: 1;}
.drawer-inner {background:#fff;width:100%;margin:auto;padding:10px;}
.menu-logo {width:40vw;text-align:center;}
.menu-logo img{width:100%;}
.mcatch{margin:5px 0 0 0 ;font-size:3.5vw;color:#000;}
.menu-logo a{text-decoration:none;}
.sp-logo {display:block;width:40vw;text-align:center;position:fixed;padding:10px;z-index:8;}
.sp-logo img{width:100%;}
.scatch{margin:5px 0 0 0 ;font-size:3.5vw;color:#fff;}	
.sp-logo a{text-decoration:none;}

.mmenu{list-style:none;padding-left:0;padding:20px;}
.mmenu li{padding:15px 0;border-bottom:solid 1px #707070;}
.mmenu li a{padding:0 15px;text-decoration:none;color:#000;display: flex;flex-direction: row;justify-content: space-between; align-items: center;font-size:90%;}
.mmenu li a:hover{color: #707070;}
.dropdown {max-height: 0;overflow: hidden;list-style: none;margin: 0;padding: 0;transition: max-height 0.7s ease-in-out;}
.dropdown.is-active {max-height: 500px;}
.dropdown li {margin-left:25px;}
.dropdown li:first-child{padding-left:0;margin-top:20px;border-top:solid 1px #707070;}
.dropdown li:last-child{border-bottom:none;padding-bottom:0;}
.dropdown li a {display: flex;flex-direction: row;justify-content: space-between; align-items: center;font-size:90%;}
.dropdown li a:hover {background-color: #FF7F00;}
.mflex{width:55%;display: flex;flex-direction: row;justify-content: space-between;}	
.menu-arrow {position: relative;transition: all 0.3s ease;display: inline-block;width: 10px;height: 10px;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg);}
.menul {width:70%;font-weight:bold;}
.menum {width:30%;font-size:90%;}
.toggle-icon {position: relative; width: 20px; height: 20px;text-align: center;right:-4px;}
.toggle-icon::before,  .toggle-icon::after {  content: ''; position: absolute; width: 12px; height: 1px; background: #000; top: 50%; left: 31%; transform: translate(-50%, -50%); transition: transform 0.2s ease;}
.toggle-icon::before { transform: rotate(90deg); }
.toggle-icon::after { transform: rotate(0deg); }
.dropdown-toggle.active .toggle-icon::before {transform: rotate(0deg);}
.dropdown-toggle.active .toggle-icon::after {transform: rotate(90deg) scale(0);}
.mcontact{background: #004DB5;width: 90%;margin: auto;padding: 10px 0 20px 0;}
.mcontact .h2-contact{margin-left:5%;}
.mcontact .h2-contact::after{padding-left:0;}

	
.catch {right: 5%;bottom:10%;}
.catch1 {font-size: 3.2vw;}
.catch2 {font-size: 9vw;width: 80%;margin-right: 0;margin-left: auto;}
.catch3 {font-size: 2.8vw;}
.catch4 {height: 220vw;width: 95vw;}
.scroll{display:none;}
.vegas-nav {bottom: 5%;right: auto;left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);}
#vegas-dots {flex-direction: row;}
#vegas-dots li {border: 1px solid #fff;}
#vegas-dots li.active {background-color: #fff;}
	
.thoughts{height:auto;}
.thoughts-left{display:none;}	
.rctt2 {font-size: 10vw;margin-bottom: 10px;}
.rctt1 {font-size: 5vw;;}
.thoughts-bx {flex-direction: column-reverse;margin: auto;width:100%;}
.t-right {width: 90%; margin: auto;margin-top: 5%;}
.rctt3 {margin-top:20px;margin-bottom:20px;font-size:5vw;}
.rctt4 {width: 100%;font-size:3.4vw;}
.placeholder {height: 240px;padding: 50px 0 100px;}
.t-left {width: 100%;margin-top: 15px;height:80vw;}
.lctt1 {width:90%;margin:auto;}	
.lctt1 img{width:90%;}
.lctt3 img {width: 72%;}
.lctt3 {top: 55vw;left: auto;text-align: right;width: 100%;}
.lctt2 img {width: 95%;}
.lctt2 {top: 22vw;}
.scrolling-text { font-size: 30vw;}
.scrolling-container {top: 14vw;padding-bottom: 60px;}	
.scrolling-img { width:600vw;}
	
.animation-container2 { padding-top: 25px;}
.strength {background-size: 150vw;background-position-y:18vw;height: auto;}
.h2-strength {font-size: 10vw;width:95%;top:10vw;}
.h2-strength::before {font-size: 5vw;}
.st-bx {display:none}	
.st-bxm {display:flex;flex-direction:column;height: 220vw;}	
.st-left{width:100%;}
.stctt1 img {width: 70%;}
.stctt2 {top: 6vw;left: -8vw;}
.stctt2 img {width: 83%;}
.stctt3 {top: -54vw;z-index:1;text-align: right;left:auto;}
.stctt3 img {width: 67%;}	
.st-right{width:100%;top: -50vw;}
.st-flex{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;}
.stctt4 {width: 48%;top: auto;left:auto;}
.stctt4 img{width:100%;}
.stctt5 {width: 48%;top: auto;left:auto;}
.stctt5 img{width:100%;}
.stctt6 {width: 100%;top: auto;left:auto;}
.stctt6 img{width:100%;height:100vw;}
.h3-stm{display:none;color:#004DB5;font-size:8vw;width: 90%;margin: auto;margin-top: 70px;margin-bottom:20px;top: 5vw;position:relative;}	
.h3-st{display:none;}
.st6-bx {width: 90%;top:35%;left: 50%;}
.stbt-bx {justify-content: center;}
.st-btn{left:0;font-size: 4.5vw;}
.stctt6 p {margin: 0 0 15px 0;font-size: 3.5vw;}	
	
.sv-left{display:none;}
.sv-right{display:none;}
.sv-left2{display:none;}
.sv-leftm{display:block;}
.sv-rightm{display:block;}
.sv-left2m{display:block;}
.svbt-more-bx {justify-content: center;top: 20px;width: 100%;bottom:auto;}
.sv-ctt1 {width: 90%;top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%);}
.sv-ctt2 {width: 90%;top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%);}
.sv-ctt3 {width: 90%;top: 50%; left: 50%;transform: translateY(-50%) translateX(-50%);}
.svbt-bx {justify-content: flex-end;right: 10%;position: relative;}
.svbt-bx2 {justify-content: flex-end;right: 10%;position: relative;}
.svbt-bx3 {justify-content: flex-end;right: 10%;position: relative;}
.sv-ctt1 p {width: 100%;font-size: 3.5vw;}
.sv-ctt2 p {width: 100%;font-size: 3.5vw;}
.sv-ctt3 p {width:100%;font-size: 3.5vw;}
.sv-btn { font-size: 7.5vw;}
.sv-leftm::before{content:"";background: rgb(0, 0, 0, 0.4);width:100%;height:100%;position:absolute; transition: background 0.5s ease;}	
.sv-rightm::before{content:"";background: rgb(0, 0, 0, 0.4);width:100%;height:100%;position:absolute; transition: background 0.5s ease;}
.sv-left2m::before{content:"";background: rgb(0, 0, 0, 0.4);width:100%;height:100%;position:absolute; transition: background 0.5s ease;}
.service{height:auto;padding: 200px 0 20px 0;}
.h2-service {width:95%;font-size: 10vw;margin:0;top:-20vw;}
.h2-service::before {font-size: 5vw;}
.sv-leftm:hover::before,.sv-rightm:hover::before,.sv-left2m:hover::before {background: rgba(255, 255, 255, 0.4);}
.sv-leftm:hover .sv-ctt1 p,.sv-rightm:hover .sv-ctt2 p,.sv-left2m:hover .sv-ctt3 p { color: #000;}
.sv-leftm:hover .sv-btn,.sv-rightm:hover .sv-btn,.sv-left2m:hover .sv-btn {color: #004DB5;}
.sv-leftm:hover .sv-btn .arrow,.sv-right:hover .sv-btn .arrow,.sv-left2m:hover .sv-btn .arrow {background: #004DB5;border: solid 1px #004DB5;}
.sv-leftm:hover .sv-btn .arrow span,.sv-rightm:hover .sv-btn .arrow span,.sv-left2m:hover .sv-btn .arrow span {border-color: #fff; right: -2px;}
.sv-more-btn {font-size: 4.5vw;}
.svbt-bx2 .sv-btn {left:auto;}
	
	
.circle-container {display: none;}
.product-bx {width: 90%;margin-bottom: 20px;margin-top:15vw;}
.product-ctt {width: 48%;margin-bottom: 15px;}
.pr-bx {justify-content: center;width: 100%;}
.pr-btn {left:0;font-size:4.5vw;}
.modal-content {width: 80%;}
.pg-inner {width: 90%;flex-direction: column-reverse;}
.pg-ctt {width: 85%;padding: 0 20px;bottom: -12vw;left: auto;margin: auto;}
.pg-ctt  p{font-size:3.5vw;}
.pgbg-m	{display:block;position:relative;}
.pgbg{display:none;}
.h2-product {font-size: 10vw;margin-bottom: 10px;text-align:right;top: 10vw;}
.h2-product::before {font-size: 5vw;}
.h3-product {font-size: 4vw;}

.sp-br{display:block;}
.cp-bg-m{display:block;position:absolute;width:100%;}
.cp-bg{display:none;}
.h2-company {font-size: 10vw;margin-bottom: 10px;}
.h2-company::before {font-size: 5vw;}
.news-bx {justify-content: center;}
.news-btn {font-size:4.5vw;}
.news {padding:0;width: 90%;}
.t-list a {padding: 15px 0;font-size: 3vw;}
.news-arrow {display:none!important;}
.date {margin-right: 10px;}
.categories {padding: 3px 20px;margin-bottom: 10px;}
.news-btn{left:0;}
.h2-news {font-size: 10vw;margin-bottom: 10px;}
.h2-news::before {font-size: 5vw;;}
.blog-list {margin-top: 10px;}
.cm-bx {gap: 5px;flex-wrap: wrap;}
.cm-ctt1 {width: 49%;margin-bottom:5px;}
.cm-ctt2 {width: 49%;top: 6vw;margin-bottom:5px;}
.cm-ctt3 {width: 49%;}
.cm-ctt4 {width: 49%;top: -6vw;}
.h3-company { font-size: 4vw;}
.cm-ctt {top: 25vw;}
.company {padding: 50px 0 100px 0;}	
	
.contact-area {margin: 40px 0 40px 0;padding: 10px 0 20px 0;}
.contactb {flex-direction: column;width: 85%;margin-top: 0px;padding-right:20px;align-items:flex-end;}
.contact-p {width: 90%;font-size:3.5vw;}
.contact-btn-bx{display:flex;flex-direction:row;justify-content: flex-end;}
.contact-btn {position: relative;right:10%;font-size:4.5vw;}
.contact-img {width: 85%;}
.h2-contact {width: 85%;font-size: 10vw;margin-bottom: 10px;}
.h2-contact::after {font-size: 5vw;padding-left:0;}	
.contacth {display:none;}	
	
.footer-bx {width: 90%;justify-content: center;}
.f-logo-area {width: 100%;}
.flogo img {width: 50%;}
.flogo{text-align:center;}
.fbanner img {width: 80%;}
.fbanner{text-align:center; width: 70%;margin: 0 auto;}
.menu-table{display:none;}
.spfm{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px;}
.spfm-l{width:48%;}
.spfm-r{width:48%;}	
.spfm-l ul{padding-left:0;}
.spfm-l ul li{list-style:none;padding: 5px 0;}
.spfm-l ul li a{text-decoration:none;color:#000;font-size:3.5vw;}
.spfm-l ul li ul li{padding-left:10px;}
.spfm-r ul{padding-left:0;}
.spfm-r ul li{list-style:none;padding: 5px 0;}
.spfm-r ul li a{text-decoration:none;color:#000;font-size:3.5vw;}
.spfm-r ul li ul li{padding-left:10px;}
.sns-bx{justify-content: center;width: 45%;margin-bottom: 40px;margin-top: 50px;gap: 20px;}
.footer-menu {padding: 30px 0 20px 0;}
.copyright {padding: 10px 0;font-size: 3vw;}

	
/*下層*/
.sp-none{display:none;}
.pc-none{display:block;width:100%;}
.qad-fv{overflow:hidden;}
.qad-fv img {width: 250%!important;}
.under-fv img {width: 100%;height:100vw; object-fit: cover;}
.under-fvr img {width: 100%;height:100vw; object-fit: cover;}
.job-table {width: 90%;margin-top: 50px;margin-bottom: 50px;}
.h2-under { font-size: 8vw;}
.bread {left:auto;font-size: 2.8vw;width: 90%;margin:auto;}
.bread ul {padding-top: 10px;}
.job-f {width: 80%;font-size: 5vw; padding: 5px;margin-top: 20px;}
.job-f2 {width: 85%;font-size: 5vw; padding: 5px;margin-top: 20px;}
.rec-bx {margin: 50px 0;font-size: 4vw;}
.rec-s {font-size: 4vw;width: 90%; margin-bottom: 4.5em;}
.job-flex {flex-wrap: wrap;width:90%;}
.job-bx {width: 90%;margin-top: 4vw;margin-bottom: 50px;}
.job-ctt{width: 90%;font-size: 3.5vw;}
.job-ctt ul{margin:0;}
.job-ctt3{width: 90%;font-size: 3.5vw;}
.job-ctt3 ul{margin:0;}
.job-table td {font-size: 3.5vw;}
.job-table th {font-size: 3.5vw;padding:0;}
.ttl-bx {top: 35%; left: 5%;width: 90%;}
.ettl {font-size: 8vw;}
.wettl {font-size: 8vw;}
.p-under { font-size: 3.5vw;}
.vp-under { font-size: 3.5vw;}
.h1-title {bottom: 0;left: 5%;font-size: 2.8vw;width: 90%;}
.h1-titlev {bottom: 0;left: 5%;font-size: 2.8vw;width: 90%;}
.h1-titler {bottom: 0;left: 5%;font-size: 2.8vw;width: 90%;top: auto;}
.h3-under { font-size: 6vw;}
.job-ctt2 {width: 90%; font-size: 3.5vw;}
.job-ctt2 ul{margin:0;}
.pd-flex {width: 90%;margin-top: 100px;flex-wrap: wrap;}
.pd-ctt {width: 100%;margin-bottom: 30px;}
.h3-pd {top: -42px;padding: 10px 60px;font-size: 4.5vw;}
.pd-ctt p {padding: 20px 20px 0px 20px;font-size: 3.5vw;}	
.u-news {padding: 30px 0 0 0; width: 90%;}
.u-news .t-list a {line-height: 2.5;padding: 15px 0 10px 0;}
.news-scrl .scrolling-container {padding-bottom:0;}
.under-news { background-size: contain;}
.u-news-s {padding: 0;width: 90%;}
.content {padding:30px 20px;}
.post-date {font-size: 4vw;margin-right: 10px;margin-bottom: 10px;}
.p-title { font-size: 4vw;}
.post-content {font-size: 3vw;margin-top: 50px;}
.news-btn-bx {width: 90%;margin-top:50px;flex-wrap: wrap;justify-content: center;}
.news-s-btn { left:0;font-size:4vw;}
.rec-f {font-size: 5vw;}
.rec-table { width: 90%; margin-bottom: 50px;}
.rec-table th { width: 30%;text-align: left;font-size: 3.5vw;padding:0;}
.rec-table td {width: 70%; font-size: 3.5vw;}
.h2-under2 {font-size: 6vw;margin: 0 0 1em 0;}
.recflow-flex {width: 90%; flex-wrap: wrap;}
.recflow-ctt {width: 100%; font-size: 3.5vw;}
.recflow-btn {padding: 10px 30px;left: auto;font-size: 4vw;}
.recflow-btn-bx{margin: auto;margin-top:30px;}
.recflow-bx {padding: 50px 0;}
.flow-bx {width: 90%;gap: 10px;padding: 60px 0;}
.step { width:28vw;height:28vw;}
.fw-ttl {font-size: 3vw;margin-bottom:0;}
.step div {width: 50%;}
.fw-ctt { font-size: 3vw;margin-top: 0;}
.fw-ttl2 {font-size: 3vw;margin-bottom:0;}
.fw-ttl:after {display:none;}
.fw-ttl2:after {display:none;}
.mid-bg {padding: 30px 0 50px 0;width: 90%;margin-bottom: 50px;}
.h2-under3 {font-size: 8vw;}
.mid-bx {gap: 10px; width: 100%; }
.mid-ctt {width: 46%;}
.mid-btn {font-size: 2.5vw;}
.mid-btn-bx {bottom: 5px;}
.mid-btn .arrow {width: 30px;height: 30px;left: 5px;}
.mid-btn .arrow span {width: 12px;height: 4px;}	

.v-flex {gap: 5px;width: 90%;}
.v-bx {width: 100%;margin-bottom: 20px;}
.v-img img {clip-path:none;width: 100%;}
.v-img {width: 100%;}
.v-ctt {width: 70%;bottom: 20px;left: 10vw;}
.vctt-catch {font-size: 4vw;}
.vctt-department {font-size: 3.5vw;width: 100%;}
.vctt-title { font-size: 3.5vw;}
.svoice-inner {padding-bottom: 100px;height: auto;}
.vflex {width: 90%;flex-wrap: wrap;margin-bottom:50px;}
.vflex-img {width: 100%;}
.vflex-ctt {width: 100%;}
.vflex2 {flex-direction: column-reverse; width: 90%;}
.vflex-img2 {width: 100%;}
.vflex-ctt2 {width: 100%;}
.vflex3 {width: 90%;flex-wrap: wrap;}
.vflex-img3 {width: 100%;}
.vflex-ctt3 {width: 100%;}
.vflex4 {flex-direction: column-reverse; width: 90%;}
.vflex-img4 {width: 100%;}
.vflex-ctt4 {width: 100%;}
.vflex5 {width: 90%;flex-wrap: wrap;}
.vflex-img5 {width: 100%;}
.vflex-ctt5 {width: 100%;}
.v-department {font-size: 3vw;}
.v-name {font-size: 3.5vw;margin: 0 0 1em 0;}
.v-catch { font-size: 4vw;}
.sv-bg1 {width: 40%;top: -7vw;}
.question2 {font-size: 4vw;}
.question2-p {font-size: 3vw;}
.question3 {font-size: 4vw;}
.question3-p {font-size: 3vw;}
.question4 {font-size: 4vw;}
.question4-p {font-size: 3vw;}
.question5 {font-size: 4vw;}
.question5-p {font-size: 3vw;}
.sv-bg2 {width: 56%; top: 23vw;}
.h3-ts {width: 95%;font-size: 4vw;}
.ods {display:none;}
.schedule-bx {width: 100%;}
.schedule-table {width: 90%;}
.sv-icon1 {width: 65%;}
.sv-icon2 { width: 70%;}
.sv-time {font-size: 3.5vw;}
.schedule-p { font-size: 3vw;}
.td1 {width: 10%;}
.td3 {width: 15%;}
.td4 {width: 70%;}
.voice-inner {padding-bottom:0;}
.voice-btn {font-size: 4vw;}
.msgp {font-size: 4vw; width: 90%;}
.gtg {font-size: 10vw;left: 4vw; bottom: 40vw;}
.msg1 {width: 90%;}
.msg2 { bottom: 58vw; width: 25%;}
.msg-bx2 {width: 90%;margin-top: 6em;}
.msg-bx2 p {font-size: 3.5vw;width: 100%;}
.right {font-size: 4vw;}
.sign img {width: 40%;}
.rabout{z-index:-2;height: 130vw;}
.rvoice {padding:0;}
.h2-rabout::before {font-size: 8vw;top: -5px;}
.h2-rabout {font-size: 4.5vw;}	
.rabout-ctt p {width: 100%; font-size: 3.5vw;margin: 1em 0 0 0;}
.rabout-ctt {width: 90%; top: 5%;}
.rabout-img1 {width: 100%;right: -13vw;top: 56vw;}
.rabout-img2 {width: 86vw;    right: -3vw;top: 51vw;}	
.h2-rvoice::before {font-size: 8vw;top: -5px;}
.h2-rvoice {font-size: 4.5vw;}
.rv-ctt {position: relative;bottom: 8vw;width: 70%; left: 8%;}
.rvoice .v-flex .v-bx {margin-bottom: -20px;}
.voice-btn-bx { margin-bottom: 100px;margin-top: 30px;}
.rec-flex {width: 90%;margin-bottom: 50px;flex-wrap: wrap;}
.rec-flex-ctt {width: 100%;margin-bottom: 20px;}
.h3-rec {font-size: 4vw;}
.wp-bg {padding: 50px 0 50px 0;width: 90%;margin-bottom:0;}
.h2-workplace::before {font-size: 8vw;top: -5px;}
.h2-workplace {font-size: 4.5vw;}
.wp-p1 {font-size: 4vw;}
.wp-p2 {font-size: 3.5vw;margin:1em;}
.contact-img2 {width: 100%;}
.contact-btn2 {font-size: 4vw;}
.contact2 { font-size: 10vw; margin-bottom: 0;padding-left: 0;}
.ca2-flex {gap: 0;flex-wrap: wrap;width: 90%;margin-left: auto;margin-right: 0;}
.h2-contact2 {font-size: 5vw;}
.contact-p2 {font-size: 3.5vw;width: 90%;}
.contact-area2 {padding: 10px 0 20px 0;}
.contact-area2::before {width: 95%;}
.contact-bx2 {width: 85%;flex-wrap: wrap; justify-content: flex-end;padding:0;}
.contactb2 {left: 10px;margin-top: 1em;position: relative;}
.cap2-ctt {margin-bottom: 10px;}
.contact-area2{margin: 40px 0;}
.rvoice-p {font-size: 4vw;}
.rvoice .v-flex {margin-top: 30px;}
.rcatch {top: 40vw;left: 5%;font-size: 4vw;}
.recblue { font-size: 5vw;}
.h2-under4 {font-size: 5vw;}
.under-access {padding: 0 0 50px 0;background-size: contain;}
.table-bx {margin-bottom:0;width: 90%;flex-wrap: wrap;}
.company-table {width: 100%; font-size: 3vw;}
.company-table th {padding: 10px 0;}
.company-table td {padding: 10px 0;}
.table-bx2 {width:90%;}
.company-table2 {width: 100%; font-size: 3vw;}
.company-table2 th {width:20%;padding: 10px 0;}
.company-table2 td {width:80%;padding: 10px 0;}
.h2-under5 {font-size:5vw;}
.h3-under4 {width: 90%;font-size: 3vw;}
.table-bx3 {margin-bottom: 50px;width: 90%;}
.under-access2 {padding-bottom: 0;}
.pc-br{display:none;}	
.tr-br{display:none;}
.h2-under{font-size:6vw;}
input[type="text"], input[type="tel"], input[type="email"] {font-size: 3vw;}
textarea {font-size: 3vw;}
.u-contact-bx {width: 90%;}
.contact-table { font-size: 3.5vw;}
.acceptance { font-size: 3vw;}
.ctt-btn-bx { margin-top: 5vw;}
.ctt-btn {font-size: 3vw;    padding: 10px 70px;}
.ctt-btn .arrow {width: 40px; height: 40px;}
.cinews {padding: 50px 0 0 0;width: 90%;}
.cinews .t-list a { line-height: 2.5;}
.ci-flex {width: 90%;}
.three {width: 100%;margin-bottom: 2vw}
.ci-p {font-size: 4.5vw;}
.ci-btn { font-size: 4.5vw;}
.two { width: 100%;margin-bottom: 2vw;}
.cpi {font-size: 3.197435vw;width: 95%;line-height: 2.0;}
.movie {width: 90%;height: 60vw;}
.movie-txt{display:none;}
.ci-bg{display:none;}
.under-ci2 {background-size: contain;}
.under-ci { background-position-y: 140vw;}
.ettl2 {font-size: 7vw;margin: 0;}
.efi {font-size: 4vw; width: 90%;}
.efi-bx1 {margin: auto;margin-bottom: 2em;margin-top:0;flex-wrap: wrap;}
.efi-img1 {width: 100%;margin-top: 2em;}
.efi-ctt1 {width: 100%;}
.h3-under2 { font-size: 4vw;}
.efi-ctt1 p {font-size: 3.5vw;}
.efi-table { font-size: 3vw;}
.efi-table th {padding: 10px 0;}
.efi-table td {padding: 10px 0;}
.efi-bx2 { width: 90%;margin-left: auto;margin-right: auto;flex-wrap: wrap;}
.efi-ctt-bx { width: 100%; flex-wrap: wrap;}
.h4-under2 {font-size: 3.5vw;}

.efi-ctt2 p {font-size: 3vw;}
.efi-ctt3 { width: 100%;top: 0;}
.efi-bx3 {margin-bottom: 2em;margin-right: auto;margin-bottom: 4em;margin-top: 2em; flex-direction:column-reverse;}
.efi-ctt-bx2 {margin-right: auto;width:100%;flex-wrap: wrap;}	
.efi-bx4 {width: 90%;margin-bottom: 2em;margin-top: 2em;}
.efi-ctt4 {width: 48%;}
.efi-ctt4 p{font-size:3vw;}
.efi-bx5 {margin: auto;margin-bottom: 4em;margin-top: 2em;flex-wrap: wrap;}
.h2-under7 {font-size: 5vw;}
.h3-under3 {font-size: 3vw;}
.h3-bx {width: 30%;margin-bottom: 5vw;margin-top: 7vw;}
.efi-ctt-bx3 {width: 90%;flex-wrap: wrap;justify-content:flex-start;}
.efi-ctt-bx4 {width: 90%;gap: 3vw; flex-wrap: wrap;}
.h3-bx2 {width: 30%;margin: auto;margin-bottom: 5vw;margin-top: 7vw;}
.under-efi2 { background-position-y: 0;margin-bottom: 15vw;}	
.under-efi {background-position-y: 165vw;}
.efi-ctt-bx5 {width: 90%;flex-wrap: wrap;}
.h4-under3 {width: 90%; font-size: 3vw;}
.mp-bx {width: 90%;margin-bottom: 15vw;}
.mpp-bg1 {width: 100%;margin-bottom: 5vw; }
.mpp-bg2 {width: 100%;margin-bottom: 5vw; left: 0;}
.mpp-bg3 {width: 100%;left: 0;}
.mp-bg {width: 57%;}
.mpp1, .mpp2, .mpp3 {font-size: 3.5vw;top: -7.3vw;left: 4vw;}
.mnum {font-size: 12vw;padding-right: 1.5vw; top: 1.5vw;}
.h2-under8 {font-size: 5vw;margin: 2em 0 1em 0;}
.mp-bx2 {width: 90%;}
.mp-img {width: 100%;}
.mp-ctt {width: 100%;}
.h2-under9 {font-size: 5vw;margin: 0.5em 0 0.5em 0;}
.mp-ctt p {font-size: 3vw;margin: 0;}
.mp-bx3 {width: 90%;flex-direction: column-reverse;}
.mp-ttl-mg {font-size: 9.5vw;left:0%;}
.mp-ttl-eq {font-size: 9.5vw;right: 0;}
.under-mp {background-position-y: 163vw;}
.under-mp2{overflow: hidden;}
.timeline-bx { width: 90%;margin-bottom: 6em;}
.timeline {padding-left:0;top:0;width:100%;}
.timeline {width:100%;}
.h2-under10 {font-size: 5vw;margin: 2em 0 0 0;}
.timeline-date {font-size: 3vw;}
.timeline-content {font-size: 3vw;margin-left:20px;}
.timeline-item {height: 20vw;}
.timeline-marker::after {height: 30vw;}
.timeline-img-bx {position: absolute;margin-top: 20vw;right: 0;}
.timeline-img1 {margin-bottom: 11vw; top: -2vw;}
.timeline-img2 {margin-bottom: 12.5vw;}
.timeline-img3 {margin-bottom: 11vw;left: 12vw;}
.timeline-img4 {margin-bottom: 13vw;}
.timeline-img5 {margin-bottom: 4vw;}
.timeline-img6 {margin-bottom: 70vw;}
.timeline-img7 {margin-bottom: 30vw;}
.timeline-img8 {margin-bottom: 15.5vw;}
.under-mp2 {background-position-y: 380vw;padding-bottom:0;}
.timeline-marker3::after {height: 18vw;}
.timeline-marker2::after { height: 14vw;}
.u-first { font-size: 3.8vw;margin-top: 10vw;}
.under-sf{background:none;padding: 0 0 10vw 0;}
.stu-bx {margin-top: 0;width: 100%;}
.stu-img {width: 100%;}
.stu-img2 { left: auto; top: -10vw;right:5%;text-align: right;}
.st-scrl .scrolling-container { top: -76vw;}
.stu-ttl {width: 90%;margin: auto;top: -10vw;position:relative;}
.h2-stg {font-size: 10vw;text-align: center;margin:0;}
.h2-stg::before {font-size: 3vw;left: 4vw;position: relative;}
.stu-ttl p {font-size: 3.5vw;text-align: center;}
.h3-stg {color: #34BDCB;font-size: 8vw;text-align: center;}
.advp {font-size: 5vw;text-align: center;margin: 0.7em 0 1.0rem 0;}
.adv1 {width: 100%;flex-wrap: wrap;}
.adv1-ctt {width: 100%;text-align: center;top:0;}
.adv1-img {width: 100%;margin: 7vw 0 5vw 0;}
.st-right .st-flex{margin-bottom:30px;}
	
.adv1-bg {width: 66%;top: 13vw; right: 0;}
.adv1-p { font-size: 3vw;width: 90%;margin: auto;text-align: left;position: relative;}
.stu-btn-bx {position: relative;width: 90%;justify-content: flex-end;margin-top: 2vw;}	
.adv2 {flex-wrap: wrap;margin: auto;width: 90%;position:relative;}
.adv2-img {width: 60%;margin: auto;position:relative;}
.adv2-ctt {width: 100%;align-items: center;}
.adv-bg2{padding-top: 0;margin-bottom:0;}
.adv2-p {font-size: 3vw;width: 90%;margin:auto;position:relative;margin-top: 2.5em;}
.stbx2{margin-top:15vw;}	
.stbx .scrolling-container {top: -20vw;padding-bottom: 0; z-index: -1;}
.advpl {font-size: 5vw;width: 90%;margin: auto;color: #004DB5;font-size: margin: 0.7em 0 0 0;font-weight: bold;}
.st-flex { width: 90%;margin: auto;	}
.adv3-img img {width: 90%;}
.adv3-p {font-size: 3vw;width: 90%;margin: auto;text-align: left;position: relative;margin-top:5vw;}
.adv3-bg {display: none;}
.adv-bg5{position:relative;top:-5vw; width: 90%;margin: auto;}
.adv-bg5 .stu-btn-bx { width: 90%;justify-content: flex-end;margin-top: 2vw;position: absolute;top: 6vw;}
.under-f {padding: 0 0 5vw 0;background-size: 100%;}
.el-bx {width: 90%;flex-wrap: wrap;margin-top: 10vw;}
.el-ctt {width: 100%;}
.h2-el {font-size: 8vw;text-align: center;}
.el-ctt p {font-size: 3vw;}
.el-img {width: 90%;margin: auto;}
.el1 {width: 90%;margin-bottom: 12vw;flex-wrap: wrap;}
.el-bg-img {display:none;}
.h3-el1 {font-size: 4vw;left: 8vw;width: 90%;margin: auto;margin-bottom: 8vw;}
.num {font-size: 8vw;}
.h3-el1::before {width: 12vw; height: 12vw;left: -8vw;top: -1.5vw;}
.el-ctt-img {width: 90%;margin: auto;margin-top: 5vw;}
.el-ctt1 {width: 90%;margin:auto;}
.el-ctt1 p {font-size: 3vw;line-height: 1.8;margin-top: 2em;}
body{margin:0;}
.el-img1 {width: 87%;margin-left: auto;}
.h2-elv1 {font-size: 17vw;top: 19vw;left: 2vw;}
.spbx{margin-bottom:15vw;margin-top:5vw;}
.eg-bg{display:none;}
.h3-el2 {font-size: 4vw;left: 8vw;width: 90%;margin: auto;margin-bottom: 8vw;}
.h3-el2::before {width: 12vw; height: 12vw;left: -8vw;top: -1.5vw;}	
.el-img3 img {box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.el-img3 {width:87%;}
.h2-elv2 {font-size: 15vw;top: 6.5vw;right: -6vw;z-index: 1;}	
.el-img4 {position: relative;width: 90%;margin: auto;margin-top: 11vw;}
.el2-p {padding-left: 5%;padding-top: 0.5vw; position: absolute;font-size: 2.2vw;}
.h3-el3 {font-size: 4vw;left: 8vw;width: 90%;margin: auto;margin-bottom: 8vw;}
.h3-el3::before {width: 12vw; height: 12vw;left: -8vw;top: -1.5vw;}		
.h2-elv3 {font-size: 11vw;top: 19vw;left: 5vw;}	
.dsgn-bg { background: none;overflow:hidden;}
.under-em {background: none;overflow:hidden;}
.dsgnf-bx {width: 90%;margin-bottom: 15vw;}
.elicon {width: 15vw;height: 15vw;}
.h4-dsgn {font-size: 5vw;}
.dsgnf1 {gap: 20px;width: 100%;align-items:flex-start;}
.dsgnf2 {gap: 20px;left: 0; width: 100%;align-items:flex-start;}
.dsgnf3 {gap: 20px;left: 0; width: 100%;align-items:flex-start;}
.dsgnf4 {gap: 20px;left: 0; width: 100%;align-items:flex-start;}
.dsgnf-ctt p {font-size: 3.5vw;}
.el4 {width: 90%;flex-wrap;}
.odm-ctt {width: 100%;}
.el-img5 { display: none;}
.h2-odm {font-size: 8vw;text-align: center;}
.h2-odm:before { font-size: 4vw;padding-bottom: 2vw;}
.odm-p {font-size: 3.2vw;text-align: center;color: #000;margin-top: 5vw;}	
.fnum2 {font-size: 9vw;padding-right: 3vw;top: 1.5vw;}
.h3-odm::after {display:none;}
.h3-odm {font-size: 5vw;width: 90%;margin: auto;}
.odm-bx p {font-size: 3.5vw;width: 90%;margin: auto;margin-top: 2vw;margin-bottom: 3vw;}
.h3-odm2::after {display:none;}
.h3-odm2 {font-size: 5vw;width: 90%;margin: auto;}
.h3-odm3::after {display:none;}
.h3-odm3 {font-size: 5vw;width: 90%;margin: auto;}
.h3-odm4 {font-size: 5vw;width: 90%;margin: auto;}	
.odm-flw {width:100%;}
.flw-left { display: none;}
.flw-right {width: 100%;}
.odm-bx {width: 100%;}
.odml{font-size: 3.5vw;text-align: left;width: 90%;margin: auto;margin-bottom: 10vw;margin-top: 2vw;}
.h2-jig {font-size: 8vw;text-align: center;}
.h2-jig:before { font-size: 4vw;padding-bottom: 2vw;}
.el-img2{display:none;}
.el5 {width: 100%;margin: auto;flex-wrap: wrap;}
.jig-p {margin:auto;width:90%;font-size: 4vw;margin-top: 5vw;margin-bottom: 5vw;}	
.jig-ctt {width: 100%;}
.jig-p2 {margin:auto;width:90%;font-size: 3.5vw;margin-top: 5vw;}
.el-img7 img {box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.el-img7 {width:100%;}


.h3-spd1::after {display:none;}
.h3-spd1 {font-size: 5vw;width: 90%;margin: auto;}
.h3-spd2::after {display:none;}
.h3-spd2 {font-size: 5vw;width: 90%;margin: auto;}
.h3-spd3::after {display:none;}
.h3-spd3 {font-size: 5vw;width: 90%;margin: auto;}
.h3-spd4 {font-size: 5vw;width: 90%;margin: auto;}		
.spd-img1 {display: none;}
.spd-img2 {width: 87%;margin-left: auto; }
.spd-img4 {display: none;}
.spd-img6 {display: none;}
.spd-ctt1 {width: 90%;margin:auto;}
.spd-ctt1 p{font-size: 3vw;line-height: 1.8;margin-top: 2em;}	
.under-spd2 {background:none;overflow:hidden;}
.h2-spd1 {font-size: 10vw;top: 14vw;left: 4vw;}	
.spd-img3 {width: 87%;}
.spd-ctt2 {width: 90%;margin:auto;}
.spd-ctt2 p{font-size: 3vw;line-height: 1.8;margin-top: 2em;}	
.h2-spd2 {font-size: 17vw;top: 13vw;left: auto;right: -6vw;}

.spd-img5 {width: 87%;margin-left: auto; }
.spd-ctt3 {width: 90%;margin:auto;}
.spd-ctt3 p{font-size: 3vw;line-height: 1.8;margin-top: 2em;}	
.h2-spd3 {font-size: 12vw;top: 15vw;left: 4vw;}
.h2-spd {font-size: 8vw;text-align: center;}
.h2-spd:before { font-size: 4vw;padding-bottom: 2vw;}
.spd-p {font-size: 3.2vw;text-align: center;color: #000;margin-top: 5vw;}
.h2spd-bx {margin-top: 20vw;}
.spd-bg {background: none;}
.h2-mf1 {font-size: 13vw;top: 20vw;left: 2vw;}
.mf-img5 {width: 87%;}
.mf-img5 img{box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);}
.h2-mf2 {font-size: 17vw;top: 13vw;left: auto;right: -6vw;}
.mf-bg{background:none;overflow:hidden;}
.h2-mf3 {font-size: 7.5vw;top: 270.5vw;left: 6vw;}
.h2-under11 { font-size: 5vw;margin: 4em 0 1em 0;}
.mf-ctt4 {width: 90%;}
.mf-p {font-size: 3.5vw;text-align: left;}
.mf-bx { flex-wrap: wrap;}
.mf-p2 { font-size: 3.5vw;width: 100%;text-align: center;}
.h2-under12 {font-size: 5vw;margin: 3em 0 0.5em 0;}
.mftable { font-size: 3vw; width: 90%;}
.h3-mf {font-size: 3.5vw; top: 2.2vw;width: 30%;}
.mftable th {padding: 1em 0.5em;}	
	
.mf-ctt1 {width: 90%;margin:auto;}
.mf-ctt1 p{font-size: 3vw;line-height: 1.8;margin-top: 2em;}		
.mf-ctt2 {width: 90%;margin:auto;}
.mf-ctt2 p{font-size: 3vw;line-height: 1.8;margin-top: 2em;}
.mf-ctt3 {width: 90%;margin:auto;}
.mf-ctt3 p{font-size: 3vw;line-height: 1.8;margin-top: 2em;}
.slick-next2 {right: 0; top: 100%;}
.slick-prev2 {left: 0;top: 100%;}
.cate {font-size: 3vw;line-height: 3.0vw;width: 22vw; height: 3vw;text-align:center;}
.stu-btn-bx3 {justify-content: center;}
.stu-btn-bx3 .sv-more-btn {align-items: center;left: 10px;position: relative;}
.under-pp {background-size: 100%;}
.h2-under15 {font-size: 8vw;margin: 1em 0 1em 0;}
.pp-bx {width: 90%;}
.h3-pp {font-size: 4vw;padding: 1em 0 1em 0;text-align:center;}
.h3-pp:after{display:none;}
.pp-ctt { flex-wrap: wrap;padding-bottom: 3vw;}
.pp-ctt {width: 75%;}
.pp-img {width: 100%;}
.pp-txt { width: 100%;}
.overview p {font-size: 3vw;margin: 1em 0 1.5em 0;}
.detail {font-size: 3vw;}
.detail .line {width: 100%;}
.slick-dots li button:before {font-size: 5px!important;line-height: 40px!important;}
.slick-dots li {width: 8px!important;height: 25px!important;}
.h2-under8 {font-size: 8vw;}
.h3ppbx {width: 30vw;}
.h3-pp2 {margin: 3vw 0 7vw 0;font-size: 3vw;}
.category-filter {width: 90%;gap: 5px;margin-bottom: 0vw;}
.filter-btn {padding: 10px 2px;width: 21vw;font-size: 2.3vw;}
.ppp-bx {gap: 10px;width: 90%;margin-top: 40px;}
.ppp-bx .product-ctt {width: 48%;}
.ppp-bx .h3-product {padding: 5px 0;font-size: 2.5vw;}
.modal-category {font-size: 4vw;width: 60%;margin-bottom: 1vw;}
.modal-title h3 {font-size: 3vw;}
.modal-body h3 {font-size: 3vw;}
.modal-content {padding: 10vw 6vw;}
.close {font-size: 6vw;}
#category-slider {width: 90%;}
#category-slider .product-ctt {box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.4);}
.schedule-table td {padding: 3vw 0;}
.schedule-table tｈ {padding: 3vw 0;}
.ef-inner {background-position-y: 140vw;}
.ef-btn .arrow { width: 40px;height: 40px;}
.ef-btn {padding:10px 30px; position: relative; font-size: 3vw;}
.ef-btn-close .arrow { width: 40px;height: 40px;}
.ef-btn-close {padding:10px 30px; position: relative; font-size: 3vw;}
.under-contact{background-size:100%;}
.td-file {padding: 4vw 2vw;width: 95% !important;}
.wpcf7-form-control.wpcf7-file {font-size:3vw;}
input[type="radio" i] {width: 3vw;height: 3vw;margin-right: 1vw;}
.ppy-inner {width: 90%; padding: 12vw 0 12vw 0;}
.h2-ppy {font-size: 8vw;}
.h2-ppy::before {font-size: 3vw;}
.h3-ppy {font-size: 5vw;}
.ppy-p {font-size: 3.5vw;margin: 1vw 0 3vw 0;}
.ppy-p2 {font-size: 3.5vw;left: 6vw;width: 90%;}
.ppy-p2::before {width: 4vw;height: 4vw;left: -6vw;}
.ppy-bx { margin-bottom: 6vw;}
.mblue{color:#004DB5;}
.pagination .pagination-link {padding: 5px 5px;font-size: 3vw;}	
.orange { margin-bottom:0;height:40px;}
.product-ctt {height: 44vw;}
.product-img {height: 29vw;}
.ppp-bx .product-ctt {height: 30vw;}
.ppp-bx .product-img {height: 28vw;}	
.p-area .product-img {height: 59vw;}
.p-area2 .product-img {height: 59vw;}
.p-area3 .product-img {height: 59vw;}
.sp-area .product-img {height: 59vw;}
.rv-ctt .vctt-department {background: #004DB5;font-size: 3.5vw;}
.scatch{display:none;}
.mf-ctt-img2 {display:none;}
.p-area {padding: 0 0 70px 0;}
.p-area2 {padding: 0 0 70px 0;}
.p-area3 {padding: 0 0 70px 0;}
.efi-ctt3{display:none;}
.high{height:10vw;}
.sv-bx{width: 90%;margin: 0 auto 2vw;}
.sv-bx a{margin:2vw 0;}
.h3-stm2{color: #fff;font-size: 8vw;text-align: center;margin: 0 0 0.5em 0;}
.under-service{background:none;padding:50px 0 0 0;}
.under-service .service{padding:200px 0 0 0;}
.sp-area .h2-under8{margin:1em 0 1em 0;}
input.acceptance {top: 0px;}
.u-news .pagination{top:0;}
.vctt-catch{display:none;}
.three { height: 38vw;overflow: hidden;}
.three img {height: auto;width: 100%;object-fit: contain;}
.company-btn {left: -20px;font-size: 4.5vw;left:auto;}
.company-btn-bx {justify-content: center;bottom: 3vw;}
}

	
	
/*700px以下*/
@media screen and (max-width: 700px){
.placeholder {padding: 30px 0 0 0;}
.h3-stm {margin-top: 50px;}
.fvimgpc{display:none;}
.fvimgsp{display:block;}
.thanks-ctt p {font-size: 3.5vw;width: 90%; margin: auto;}
.thanks-btn {padding: 10px 30px;left: auto;font-size: 4vw; }
.thanks-bx {margin: 7vw 0;}
}

/*600px以下*/
@media screen and (max-width: 600px){
.placeholder {height:200px;padding: 30px 0 0 0;}
.service {padding: 120px 0 20px 0;}
}

	
/*500px以下*/
@media screen and (max-width: 500px){
  /*必要ならばここにコードを書く*/
.st-bxm { height: 240vw;}
.stctt6 img {height: auto;}
.catch1 {font-size: 3.5vw;}
.catch2 {font-size: 9vw;width: 75%}
.catch3 {font-size: 3vw;}
.pg-ctt {width: 80%;bottom: -15vw; }
.placeholder {height:170px;padding: 30px 0 0 0;}
.st6-bx {width: 90%;top: 50%;}
}


/*400px以下*/
@media screen and (max-width: 400px){
  /*必要ならばここにコードを書く*/
.placeholder {height:150px;}
	
	
}



.news_box_area{
	display: flex;
	flex-wrap: wrap;
}
.news_box{
	width: 49%;
	margin: 0 auto!important;
}
.news_link{
	text-align: center;
}
@media (max-width: 768px) {
	.news_img{
	width: 100%;
	margin: 0 auto;
}
	.news_box{
	width: 100%;
	margin: 0 auto!important;
}
}