/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:3.5vw;
line-height:1.75;
color:#333;
font-weight:500;
width:100%;
letter-spacing:.06em;
font-feature-settings:'palt';
}

/*------------------------------------------------------------
RESPONSIVE
------------------------------------------------------------*/
.pconly{ display:none; }
.sponly{ display:block; }


/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
header{
width:100%;
height:30vw;
position:fixed;
top:0;
left:0;
background:linear-gradient(to bottom, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 100%);
z-index:10;
transform:translateY(-30vw);
transition:all .5s;
z-index:9999;
}

.is-fixed header{
transform:translateY(0);
}



.header-inner{
width:94vw;
height:16vw;
margin:0 auto;
display:flex;
justify-content:space-between;
align-items:center;
}



.h-logo{
align-items:center;
width:40vw;
position:relative;
}
.h-logo a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

/*------------------------------------------------------------
DRAWER MENU
------------------------------------------------------------*/
#menuBtn{
position:fixed;
right:2vw;
top:2vw;
width:12vw;
height:12vw;
cursor:pointer;
background:#467B9F;
border-radius:50%;
z-index:9999;
}
#menuBtn span{
display:block;
position:absolute;
height:.5vw;
width:5vw;
background:#fff;
left:0;
transition:all .2s;
}

#menuBtn span:nth-child(1){
top:3.5vw;
left:3.5vw;
}
#menuBtn span:nth-child(2){
top:5.75vw;
left:3.5vw;
}
#menuBtn span:nth-child(3){
top:8vw;
left:3.5vw;
}

.active#menuBtn span:nth-child(1){
top:5.7vw;
transform:rotate(45deg);
}
.active#menuBtn span:nth-child(2){
width:0;
left:50%;
}

.active#menuBtn span:nth-child(3){
top:5.7vw;
transform:rotate(-45deg);
}

#menuBox{
display:none;
width:100%;
background:#467B9F;
height:100vh;
position:fixed;
top:0;
left:0;
box-sizing:border-box;
z-index:9998;
}

#menuBox.active{
display:block;
}


.menu-wrapper{
width:100%;
height:100vh;
display:flex;
align-items:center;
}



.menu-inner{
width:80vw;
margin:0 auto;
transform:translateX(6vw);
transition:all .3s;
}

.menu-inner.active{
transform:translateX(0);
}



.d-menu{
margin:0 auto 10vw;
}

.d-menu li{
margin-bottom:2.5vw;
}

html[lang="en-US"] .d-menu li a{
font-family:'Jost';
font-size:7vw;
line-height:1.25;
color:#fff;
}

.dm-solu-ttl{
font-size:4vw;
line-height:2.5;
margin:0 auto 1.5vw;
font-weight:bold;
color:#fff;
}

html[lang="ja"] .d-menu li a{
font-family:'Noto Sans JP';
font-size:5vw;
font-weight:bold;
line-height:1.5;
color:#fff;
}


.icon-menu-ext-link {
  width: 5vw;
  height: 5vw;
  flex-shrink: 0;
margin-left:2vw;
position:relative;
top:0;
}


.bogo-language-switcher{

display:flex;
width:24vw;
}
.bogo-language-switcher li{
width:12vw;
height:10vw;
font-size:3.5vw;
line-height:10vw;
background:#f8f8f8;
color:#467B9F;
text-align:center;
font-weight:bold;
}
.bogo-language-switcher li a{
color:#467B9F;
display:block;
}
.bogo-language-switcher li.current a{
color:#fff;
display:block;
transition:all .2s;
}


.bogo-language-switcher li:nth-child(1){
border-radius:5vw 0 0 5vw;
}
.bogo-language-switcher li:nth-child(2){
border-radius:0 5vw 5vw 0;
}
.bogo-language-switcher li:nth-child(1) a{
border-radius:5vw 0 0 5vw;
padding:0 0 0 1vw;
transition:all .2s;
}
.bogo-language-switcher li:nth-child(2) a{
border-radius:0 20px 20px 0;
padding:0 1vw 0 0;
transition:all .2s;
}
.bogo-language-switcher li.current{
background:#467B9F;
color:#fff;
}


/*------------------------------------------------------------
	LINK
------------------------------------------------------------*/
.link-r{
  display:flex;
  justify-content:flex-end;
}
.link-c{
  display:flex;
  justify-content:center;
}
.link-l{
  display:flex;
  justify-content:flex-start;
}

.link {
  font-size: 3.6vw;
  font-weight: bold;
  line-height: 10vw;
  color: #333;
  text-decoration: none;
}
.link a{
  font-size: 1.1rem;
  font-weight: bold;
  display: inline-block;
  padding: 0 14vw 0 0;
  position: relative;
  line-height: 10vw;
color:#333;
  }

.link a::before{
content:'';
width:2vw;
height:2vw;
border-right:1px solid #467B9F;
border-bottom:1px solid #467B9F;
transform:rotate(-45deg);
position:absolute;
top:3.8vw;
right:4.4vw;
z-index:2;
}

.link a::after{
content:'';
width:10vw;
height:10vw;
border:1px solid #467B9F;
border-radius:50%;
position:absolute;
top: 50%;
right: 0;
transform: translateY(-50%) scale(1);
transition:all .2s;
z-index:1;
}


/*------------------------------------------------------------
TOPPAGE
------------------------------------------------------------*/
#kv{
width:100%;
height:100vh;
overflow:hidden;
position:relative;
}

.top-slide{
position:relative;
z-index:-1;
}


.slide01{
background:url(img/kv-s01sp.webp) no-repeat center center;
background-size:cover;
animation: zoomUp 15s linear 0s 1 normal both;
height:100vh;
}

.slide02{
background:url(img/kv-s02sp.webp) no-repeat center center;
background-size:cover;
animation: slideLeft 15s linear 0s 1 normal both;
height:100vh;
}

.slide03{
background:url(img/kv-s03sp.webp) no-repeat center center;
background-size:cover;
animation: zoomOuts 15s linear 0s 1 normal both;
height:100vh;
}


@keyframes zoomUp{
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
@keyframes slideLeft{
  0% {
    transform:scale(1.4) translateX(-10vw);
  }
  100% {
	transform: scale(1.4) translateX(0);
  }
}

@keyframes slideRight{
  0% {
    transform:scale(1.1) translateX(80px);
  }
  100% {
	transform: scale(1.1) translateX(0);
  }
}

@keyframes zoomOuts{
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes slideDown{
  0% {
    transform: scale(1.2) translateY(-80px);
  }
  100% {
    transform: scale(1.2) translateY(0);
  }
}

@keyframes scrollDown{
0%{
opacity:0;
transform:translateY(0);
}
30%{
opacity:1;
transform:translateY(15px);
}
100%{
transform:translateY(15px);
}
}



.kv-catch{
width:90vw;
height:auto;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

.kv-copy{
text-align:center;
font-size:7.5vw;
line-height:1.4;
color:#fff;
font-weight:900;
margin-bottom:6vw;
}

.kv-copy-en{
text-align:center;
font-size:6.8vw;
line-height:1.4;
color:#fff;
font-weight:900;
margin-bottom:6vw;
font-family:'Jost';
}

html[lang="ja"] .kv-lead{
width:80vw;
margin:0 auto;
font-size:3.8vw;
line-height:1.75;
font-weight:700;
color:#fff;
margin-bottom:15vw;
}

html[lang="en-US"] .kv-lead{
width:90vw;
text-align:center;
margin:0 auto;
font-size:3.8vw;
line-height:1.75;
font-weight:700;
color:#fff;
margin-bottom:15vw;
}

.kv-btn{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:3vw;
}

.kv-btn li{
}
.btn-arrow-r{
display: inline-flex;
align-items: center;
gap: 3vw;
padding: 2vw 4vw;
color:#fff;
border:1px solid #fff;
background:rgba(255,255,255,.2);
font-size:4vw;
font-weight:bold;
border-radius:6vw;
}

.btn-arrow-r .icon-arrow-r {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}

.btn-with-icon {
display: inline-flex;
align-items: center;
gap: 3vw;
padding: 2vw 4vw;
color:#fff;
border:1px solid #fff;
background:rgba(255,255,255,.2);
font-size:4vw;
font-weight:bold;
border-radius:6vw;
}

.btn-with-icon .icon-play {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}
.btn-arrow-r:hover {
color:#fff;
}
.btn-with-icon:hover {
  color:#fff;
}

svg.icon-play{
font-size:3.5vw;
}




#index1{
width: 94vw;
margin:0 auto;
padding:12vw 0;
}

.i1-concept{
width:90vw;
margin:0 auto;
}

.sec-ttl{
font-size:4vw;
font-family:'Jost';
margin-bottom:3vw;
font-weight:bold;
}

#index1 h2{
font-size:6.5vw;
line-height:1.5;
font-weight:900;
margin-bottom:6vw;
}
.i1-desc p{
font-size:3.6vw;
line-height:1.75;
margin-bottom:9vw;
}


.para{
width:100%;
height:auto;
margin:0 auto;
position: relative;
overflow:hidden;
padding:12vw 0;
}
.para-img01{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-image: url(img/para02sp.webp);
  background-size: cover;
  background-attachment: fixed; /* ← これがポイント */
  background-position: center;
 background-color: rgba(70, 123, 160, 1); /* ← 黒の半透明レイヤー */
  background-blend-mode: multiply; 
z-index:1;
}

@media (max-width: 1366px) {
.para-img01,
.cta-para-img {
    background-attachment: scroll !important;
  }
}

#index2{
color:#fff;
}

.i2-ttl{
text-align:center;
position:relative;
z-index:2;
}


.i2-sec-ttl{
font-size:4vw;
font-family:'Jost';
margin-bottom:3vw;
color:#fff;
font-weight:bold;
}


#index2 h2{
font-size:5vw;
font-weight:900;
margin-bottom:6vw;
}

.i2-desc{
width:90vw;
text-align:center;
font-size:3.6vw;
margin:0 auto 6vw;
}


.issues{
width:90vw;
margin:0 auto;
display:flex;
flex-wrap:wrap;
position:relative;
z-index:2;
color:#fff;
gap:6vw;
}
.issues li{
width: 100%;
margin:0 auto;
border:1px solid #fff;
border-radius:4vw;
padding:4vw;
}

.i2i01,.i2i02{
width:12vw;
height:12vw;
border-radius:2vw;
padding:2vw;
margin-bottom:.5rem;
}

.i2i01{
background-image: linear-gradient(to left, #30cfd0 0%, #330867 100%);
}
.i2i02{
background-image: linear-gradient(to left, #50cc7f 0%, #f5d100 100%);
}

.i2dd{
font-size:5vw;
font-weight:bold;
}
.i2dd span{
font-size:3vw;
}

.i2dt{
font-weight:500;
color:#ccc;
margin-bottom:3vw;
}

.i2desc{
font-size:3.6vw;
}


#index5{
width: 90vw;
margin:0 auto;
padding:12vw 0;
}
.t-ttl-area{
text-align:center;
position:relative;
z-index:2;
}
#index5 h2{
font-size:5.5vw;
font-weight:900;
margin-bottom:4vw;
}

#index5 h3{
font-size:4.5vw;
font-weight:900;
margin-bottom:5vw;
}
.i5-desc{
font-size:3.6vw;
margin-bottom:10vw;
}

.ribbon-model{
display:flex;
justify-content:space-between;
align-items:center;
margin:0 auto 10vw;
}


.ribbon-wrapper {
width:40vw;
  display: flex;
  justify-content: center;
  align-items: center;
flex-direction:column;
  gap: 1vw;
  margin:0 auto;
}

.ribbon {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2vw;
  font-weight: bold;
  text-align: center;
}

.ribbon-left{
  width: 40vw;
  height: 22vw;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);
  background: #dcedff;
color:#333;
}
.ribbon-right {
  width: 40vw;
  height: 22vw;
  clip-path: polygon(15% 0, 85% 0, 100% 100%, 0 100%);
  background: #d8faef;
color:#333;
}
.ribbon-left.narrow{
  width: 28vw;
  height: 22vw;
  clip-path: polygon(0 0, 100% 0, 86% 100%, 14% 100%);
  background: #aabbcc;
}
.ribbon-right.narrow {
  width: 28vw;
  height: 22vw;
  clip-path: polygon(14% 0, 86% 0, 100% 100%, 0 100%);
  background: #a7c4ba;
}

.ribbon-center {
  width: 20vw;
  height: 20vw;
  background: #467BA0;
  clip-path: none;
}

.ribbon-sw-icon{
width:10vw;
}

.left-user,
.right-user{
width:40vw;
text-align:center;
font-size:3.6vw;
line-height:1.4;
font-weight:500;
}
html[lang="en-US"] .right-user{
min-height:10.08vw;
}

.ribbon-items{
width:46vw;
display:flex;
justify-content:center;
flex-direction:column;
gap:1vw;
font-size:3.5vw;
line-height:1.25;
margin:auto;
font-weight:500;
}
.ri-ll,
.ri-rr{ height:22vw; display:flex;align-items:center; }
.ri-l,
.ri-r{ height:22vw;display:flex;align-items:center; }
.ri-c{ height:20vw; padding:0;display:flex;align-items:center;}

.ri-list li{
padding-left:1em;
position:relative;
display:inline-block;
margin-bottom:1vw;
}
.ri-list li::before{
content:'';
width:1vw;
height:1vw;
background:#ccc;
position:absolute;
top:1.8vw;
left:.5vw;
}

.c-step02{
}

.csl{
width:90vw;
}
.csc{
width:90vw;
}
.csr{
width:90vw;
}


.c-ttl01,
.c-ttl03{
text-align:center;
margin:0 auto 6vw;
}
.c-ttl01 span{
display:inline-block;
padding:3vw 6vw;
border-radius:1vw;
color:#fff;
font-size:3.6vw;
font-weight:bold;
 background-image: linear-gradient(to right, #1D3846, #467BA0);
}
.c-ttl03 span{
display:inline-block;
padding:3vw 6vw;
border-radius:1vw;
color:#fff;
font-size:3.6vw;
font-weight:bold;
background-image: linear-gradient(to right, #467BA0, #B0C31A); 
}

.c-ttl04{
text-align:center;
margin:0 auto 6vw;
}
.c-ttl04 span{
display:inline-block;
padding:3vw 6vw;
border-radius:1vw;
color:#fff;
font-size:3.6vw;
font-weight:bold;
background-image: linear-gradient(to right, #B0C31A, #F2C11B);
}


.c-list01{
display:flex;
justify-content:center;
gap:0 10vw;
margin:0 auto 6vw;
text-align:center;
}

.c-list01 li{
width:20vw;
padding:20vw 0 0;
font-weight:bold;
font-size:3.2vw;
line-height:1.25;
}
.c-list01 li:nth-child(1){ background:url(img/i-weather.jpg) no-repeat center top; background-size:16vw; }
.c-list01 li:nth-child(2){ background:url(img/i-sensor.jpg) no-repeat center top; background-size:16vw; }
.c-list01 li:nth-child(3){ background:url(img/i-log.jpg) no-repeat center top; background-size:16vw; }


.c-ship{
width:50vw;
margin:0 auto 6vw;
}


.i-satellite{
margin:0 auto 5vw;
}
.i-satellite img{
width:16vw;
height:16vw;
display:flex;
justify-content:center;
margin:0 auto 4vw;
}
.i-ttl{
margin:0;
text-align:center;
font-size:3.5vw;
line-height:1.25;
font-weight:bold;
}
.i-ttl span{
display:block;
font-size:3vw;
line-height:1.25;
margin-top:1vw;
}


.c-list03{
margin:0 auto 6vw;
display:flex;
gap:0 5vw;
}

.c-list03 li{
width:20vw;
display:flex;
align-items:center;
padding:20vw 0 0;
font-weight:bold;
font-size:3.2vw;
line-height:1.25;
}
.c-list03 li:nth-child(1){ background:url(img/i-visual.jpg) no-repeat center top; background-size:16vw; }
.c-list03 li:nth-child(2){ background:url(img/i-analysis.jpg) no-repeat center top; background-size:16vw; }
.c-list03 li:nth-child(3){ background:url(img/i-integration.jpg) no-repeat center top; background-size:16vw; }
.c-list03 li:nth-child(4){ background:url(img/i-ai.jpg) no-repeat center top; background-size:16vw; }

.c-sw-logo{
width:20vw;
margin:0 auto 20vw;
}



.c-step04{
margin-bottom:20vw;
}

.c-list04{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:0 5vw;
margin-bottom:5vw;
}
.c-list04 li{
width:20vw;
padding:20vw 0 0;
font-weight:bold;
display:flex;
align-items:center;
font-size:3.2vw;
line-height:1.25;
}

.c-list04 li:nth-child(1){ background:url(img/i-inspection.jpg) no-repeat center top; background-size:16vw; }
.c-list04 li:nth-child(2){ background:url(img/i-mente.jpg) no-repeat center top; background-size:16vw; }
.c-list04 li:nth-child(3){ background:url(img/i-engine.jpg) no-repeat center top; background-size:16vw; }
.c-list04 li:nth-child(4){ background:url(img/i-app.jpg) no-repeat center top; background-size:16vw; }
.c-list04 li:nth-child(5){ background:url(img/i-route.jpg) no-repeat center top; background-size:16vw; }






.chart02{
width:90vw;
margin:0 auto 12vw;
}
.chart02 h3{
text-align:center;
}

.process{
display:flex;
flex-wrap:wrap;
gap:20vw 0;
}
.p-cont{
width:90vw;
border:2px solid #467ba0;
border-radius:4vw;
padding:6vw 4vw 4vw;
position:relative;
}


.p-ttl{
width:100%;
font-size:6vw;
line-height:12vw;
position:absolute;
top:-6vw;
left:0;
text-align:center;
font-weight:bold;
color:#467BA0;
}
.p-ttl span.p-ttl-wrap{
display:inline-block;
padding:0 4vw;
background:#fff;
}
.p-desc{
font-size:3.8vw;
margin-bottom:1em;
text-align:center;
}

.p1-zu{
width: 100%;
display:flex;
flex-wrap:wrap;
}
.p1-l{
width:100%;
position:relative;
padding-bottom:20vw;
}

.p1-l::after{
content:'';
width:10vw;
height:6vw;
background:url(img/arrow-continue.svg) no-repeat;
background-size:10vw;
position:absolute;
right:50%;
top:calc(100% - 12vw);
transform:rotate(90deg);
margin-right:-5vw;
}


.p1-icons{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:4vw 1vw;
}
.p1-icons li{
width:45%;
font-size:3.6vw;
line-height:1.25;
height:12vw;
padding-left:14vw;
display:flex;
align-items:center;
}
.p1-icons li:nth-child(1){
width:60%;
background:url(img/i-weather.jpg) no-repeat left top;
background-size:12vw;
}
.p1-icons li:nth-child(2){
background:url(img/i-sensor.jpg) no-repeat left top;
background-size:12vw;
}
.p1-icons li:nth-child(3){
background:url(img/i-log.jpg) no-repeat left top;
background-size:12vw;
}

.p1-r{
width:100%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding-bottom:24vw;
}
.p1-icon{
padding-top:13vw;
text-align:center;
background:url(img/i-data-comm.jpg) no-repeat center top;
background-size:12vw;
}

.ill-ship{
width:54.106vw;
height:18.551vw;
background:url(img/zu-ship.png) no-repeat;
background-size:54vw;
position:absolute;
bottom:4vw;
right:50%;
margin-right:-27vw;
}

.ill-sate{
width:26vw;
height:20vw;
background:url(img/i-satellite.jpg) no-repeat center top;
background-size:12vw;
padding-top:12vw;
text-align:center;
font-size:3vw;
position:absolute;
bottom:-22vw;
right:0;
z-index:10;
}



.p-cont:nth-child(1)::after{
content:'';
width:0;
height:0;
border-left:12vw solid transparent;
border-right:12vw solid transparent;
border-top:8vw solid #dcedff;
position:absolute;
left:50%;
bottom:-13vw;
margin-left:-12vw;
z-index:10;
}


.p2-desc{
font-size:3.8vw;
margin-bottom:2em;
text-align:center;
}


.p2-zu{
width:100%;
display:flex;
flex-wrap:wrap;
padding:8vw 4vw 4vw;
position:relative;
border:2px solid #467ba0;
border-radius:2vw;
}
.p2-ttl{
width:100%;
position:absolute;
height:8vw;
text-align:center;
top:-4vw;
left:0;
}
.p2-ttl span{
display:inline-block;
padding:1vw 4vw 0;
height:8vw;
background:#467ba0;
color:#fff;
font-weight:500;
}



.p2-l{
width:100%;
margin-bottom:4vw;
}
.p2-r{
width:60vw;
margin:0 auto;
text-align:right;
font-size:3vw;
}
.p2-r img{
margin:0 0 1vw;
}

.p2-icons{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:3vw 0;
}
.p2-icons li{
display:flex;
align-items:center;
height:14vw;
}
.p2-icons li:nth-child(1){
padding-left:16vw;
background:url(img/i-eye.jpg) no-repeat left top;
background-size:14vw;
}
.p2-icons li:nth-child(2){
padding-right:16vw;
background:url(img/i-break.jpg) no-repeat right top;
background-size:14vw;
}

.p-cont:nth-child(2)::after{
content:'';
width:0;
height:0;
border-left:12vw solid transparent;
border-right:12vw solid transparent;
border-top:8vw solid #77aad1;
position:absolute;
left:50%;
bottom:-13vw;
margin-left:-12vw;
z-index:10;
}



.p3-desc{
font-size:3.8vw;
margin-bottom:1em;
text-align:center;
}

.p3-icons{
display:flex;
justify-content:center;
margin-bottom:1rem;
gap:0 3vw;
}
.p3-icons li{
font-size:3.6vw;
line-height:1.25;
height:12vw;
padding-left:14vw;
display:flex;
align-items:center;
}

.p3-icons li:nth-child(1){
background:url(img/i-analysis.jpg) no-repeat;
background-size:12vw;
width:40%;
}
.p3-icons li:nth-child(2){
width:52%;
background:url(img/i-ai.jpg) no-repeat;
background-size:12vw;
}

.p3-zu{
width:70%;
margin:0 auto;
text-align:right;
font-size:3vw;
}
.p3-zu img{
margin-bottom:1vw;
}

.p-cont:nth-child(4)::after{
content:'';
width:0;
height:0;
border-left:12vw solid transparent;
border-right:12vw solid transparent;
border-top:8vw solid #467ba0;
position:absolute;
left:50%;
bottom:-13vw;
margin-left:-12vw;
z-index:10;

}




.p4-desc{
font-size:3.8vw;
margin-bottom:1.5em;
text-align:center;
}

.p4-icons1{
display:flex;
justify-content:center;
margin-bottom:4vw;
}

.p4-icons2{
display:flex;
justify-content:center;
}

.p4-icons1 li,
.p4-icons2 li{
width:46%;
margin:0 2%;
padding-left:14vw;
height:12vw;
display:flex;
align-items:center;
line-height:1.25;
}
.p4-icons1 li:nth-child(1){
background:url(img/i-inspection.jpg) no-repeat;
background-size:12vw;
}
.p4-icons1 li:nth-child(2){
background:url(img/i-mente.jpg) no-repeat;
background-size:12vw;
}
.p4-icons2 li:nth-child(1){
background:url(img/i-engine.jpg) no-repeat;
background-size:12vw;
}
.p4-icons2 li:nth-child(2){
background:url(img/i-route.jpg) no-repeat;
background-size:12vw;
}
.p4-link{
text-align:center;
margin:0 0 4vw;
}

.p4-link a{
border:1px solid #467ba0;
color:#467ba0;
font-size:3.6vw;
line-height:1.25;
padding:3vw 8vw;
border-radius:5.25vw;
display:inline-block;
position:relative;
}
.p4-link a::after{
content:'';
width:2vw;
height:2vw;
border-right:2px solid #467ba0;
border-bottom:2px solid #467ba0;
transform:rotate(-45deg);
position:absolute;
top:4vw;
right:3vw;
}



#index6{
padding:12vw 0;
background-image: linear-gradient(to right, rgba(233, 236, 247, 0.3), rgba(255, 255, 255, 0.3));
}
.i6-cont{
width: 90vw;
margin:0 auto;
}


#index6 h2{
font-size:6.5vw;
font-weight:900;
margin-bottom:6vw;
}
#index6 h3{
font-size:4.2vw;
font-weight:900;
margin-bottom:5vw;
}
.i6-desc{
font-size:3.6vw;
margin-bottom:10vw;
}

.why{
width:90vw;
margin:0 auto;
display:flex;
gap:4vw 0;
flex-wrap:wrap;
}
.why li{
width:90vw;
display:flex;
align-items:center;
}
.w-num{
width:10vw;
font-size:10vw;
font-family:'Jost';
font-weight:bold;
line-height:1;
margin-right:3vw;
text-align:center;
}
.w-txt{
width:77vw;
display:flex;
flex-direction:column;
border-left:1vw solid #467B9F;
padding-left:4vw;
}
.w-ttl{
font-size:4vw;
font-weight:bold;
margin-bottom:2vw;
}

.w-desc{
font-size:3.6vw;
line-height:1.5;
}
.w-desc span {
font-weight:bold;
color:#467Ba0;
}




#index7{
padding:12vw 0;

}
.i7-cont{
width: 90vw;
margin:0 auto;
}


#index7 h2{
font-size:6.5vw;
line-height:1.5;
font-weight:900;
margin-bottom:6vw;
}

.mov-wrap{
width:90vw;
margin:0 auto;
}

.top-mov{
width:100%;
height:0;
background:#f2f2f2;
padding:0 0 56.25%;
position:relative;
overflow: hidden;
}

.top-mov iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



#index8{
padding:12vw 0;
background-image: linear-gradient(to right, rgba(233, 236, 247, 0.3), rgba(255, 255, 255, 0.3));
}
.i8cont{
width:90vw;
margin:0 auto;
}

#index8 h3{
font-size:6vw;
font-weight:900;
margin-bottom:3.5vw;
}



.ceo-head{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:8vw;
}
.ceo-mes{
width:60vw;
}

.mes-txt{
margin-bottom:6vw;
}

.mes-copy{
font-size:5.5vw;
line-height:1.4;
font-weight:bold;
}


.ceo-photo{
width:24vw;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
}



#index9{
padding:12vw 0;
}
.i9-cont{
width: 90vw;
margin:0 auto;
}


#index9 h2{
font-size:6.5vw;
font-weight:900;
margin-bottom:6vw;
}

.feed{
width:90vw;
margin:0 auto 6vw;
}
.feed li{
position:relative;
padding:3vw 0;
}

.feed li::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-size: 2.1vw 1px;
background-image: linear-gradient(to right, #333, #333 1px, transparent 1px, transparent 3px);
background-repeat: repeat-x;
}

.feed li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}
.feed li:hover .feed-ttl{
color:#467B9F;
}



.feed-info{
display:flex;
align-items:center;
margin-bottom:3vw;
}
.feed-date{
color:#999;
font-size:3.2vw;
}
.feed-cat{
margin-left:4vw;
}
.cat-news{
padding:.5vw 4vw;
background:#467B9F;
color:#fff;
border-radius:1vw;
}


#cta{
width: 100%;
color:#fff;
}


.cta-para{
width:100%;
height:auto;
margin:0 auto;
position: relative;
overflow:hidden;
padding:6rem 0;
}
.cta-para-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-image: linear-gradient(to bottom, #5de0e6 0%, #467B9F 100%),
					url('img/sea01sp.webp');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-blend-mode: multiply; 
z-index:1;
}

#cta h2{
font-size:6.5vw;
line-height:1.4;
font-weight:900;
margin-bottom:8vw;
position:relative;
z-index:2;
}

.cont-desc{
width:90vw;
font-size:3.6vw;
margin:0 auto 10vw;
position:relative;
z-index:2;
}


.cta-btns{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:4vw 0;
position:relative;
z-index:2;
}

.cta-btns li a{
display:flex;
color:#fff;
font-size:3.6vw;
padding:3vw 8vw;
border-radius:6.2vw;
background:rgba(255,255,255,.2);
border:1px solid #fff;
transition:all .2s;
}

.cta-btns li:hover a{
color:#467BA0;
background:rgba(255,255,255,.9);
}
.cta-btns li:hover .icon-ext-link{
color:#467BA0;
}

.icon-ext-link {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
margin-left:1vw;
position:relative;
top:1vw;
}

.icon-cal {
  width: 1em;
  height: 1em;
  flex-shrink: 0;
margin-left:1vw;
position:relative;
top:1vw;
}



/*------------------------------------------------------------
	PANKUZU
------------------------------------------------------------*/
#pankuzu{
width:90vw;
margin:0 auto;
font-size:2.5vw;
line-height:2;
padding:3vw 0;
}
#pankuzu .current{
font-weight:normal;
}

#pankuzu a{
color:#457Ba0;
text-decoration:underline;
}



/*------------------------------------------------------------
	PAGE
------------------------------------------------------------*/
#teaser{
width:100%;
height:66.67vw;
margin:0 auto;
position: relative;
overflow:hidden;
}

.p-logo{
width:30vw;
position:absolute;
top:3vw;
left:4vw;
z-index:10;
}
.p-logo a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

#teaser h1{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
font-size:6.5vw;
color:#fff;
font-weight:900;
font-family:'Jost','Noto Sans JP';
z-index:2;
letter-spacing:0;
width:100%;
text-align:center;
}

.para-solu{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width:100.00vw;
height:66.67vw;
background-image:url('img/teaser-solu-sp.webp');
background-size:100%;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: top;
background-color:rgba(0,0,0,.4);
background-blend-mode: multiply; 
z-index:1;
}



.para-faq{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width:100.00vw;
height:66.67vw;
background-image:url('img/teaser-faq-sp.webp');
background-size:100%;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: top;
background-color:rgba(0,0,0,.4);
background-blend-mode: multiply; 
z-index:1;
}


.para-about {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width:100.00vw;
height:66.67vw;
background-image: url('img/teaser-about-sp.webp');
background-size: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top;
background-color: rgba(0, 0, 0, .2);
background-blend-mode: multiply;
z-index: 1;
}

.para-contact{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width:100.00vw;
height:66.67vw;
background-image:url('img/teaser-contact-sp.webp');
background-size:100%;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: top;
background-color:rgba(0,0,0,.2);
background-blend-mode: multiply; 
z-index:1;
}


.para-pp{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width:100.00vw;
height:66.67vw;
background-image:url('img/teaser-pp-sp.webp');
background-size:100%;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: top;
background-color:rgba(0,0,0,.2);
background-blend-mode: multiply; 
z-index:1;
}


.para-downloads{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width:100.00vw;
height:66.67vw;
background-image:url('img/teaser-documents-sp.webp');
background-size:100%;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: top;
background-color:rgba(0,0,0,.4);
background-blend-mode: multiply; 
z-index:1;
}

.para-interview{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width:100.00vw;
height:66.67vw;
background-image:url('img/teaser-interview-sp.webp');
background-size:100%;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: top;
background-color:rgba(0,0,0,.4);
background-blend-mode: multiply; 
z-index:1;
}




#page{
width:90vw;
margin:0 auto;
padding:12vw 0;
}


.page-desc{
font-size:3.6vw;
margin-bottom:8vw;
}


/* ABOUT */

#about{
width:100%;
margin:0 auto;
}

#about h2{
font-size:6.5vw;
line-height:2;
margin-bottom:6vw;
}

#about h3{
font-size:5vw;
margin-bottom:5vw;
}

#about section{
margin:0 auto 10vw;
}



.comT{
width:100%;
}
.comT th{
padding:3vw 2vw;
text-align:left;
font-weight:normal;
border-bottom:1px solid #467BA0;
}
.comT td{
padding:3vw 2vw;
border-bottom:1px solid #467BA0;
}

.t-cap{
text-align:right;
}

.t-cap span{
display:inline-block;
font-size:3.2vw;
padding-left:4vw;
position:relative;
}
.t-cap span::before{
content:'※';
position:absolute;
top:0;
left:0;
color:#999;
}


.history li{
display:flex;
position:relative;
font-size:3.6vw;
}
.history li::before{
content:'';
width:8vw;
height:8vw;
background:#465Ba0;
border-radius:50%;
position:absolute;
top:2vw;
left:0;
z-index:3;
}
.history li::after{
content:'';
width:2px;
height:100%;
background:#e9eef3;
position:absolute;
top:8vw;
left:calc(4vw - 1px);
z-index:2;
}
.history li:last-child::after{
content:'';
background:none;
}



.h-date{
width:40vw;
padding:3vw 2vw 3vw 14vw;
}
.h-cont{
width:45vw;
padding:3vw 2vw;
}

/* SOLUTION */


/* SOLUTION */

#solution{
width:90vw;
margin:0 auto;
}

#solution section{
margin:0 auto 10vw;
}

.solu-sub{
font-family:'Jost';
font-weight:bold;
font-size:4vw;
line-height:3;
}

#solution h2{
font-size:6vw;
line-height:1.25;
margin-bottom:6vw;
}

.solu-intro{
font-size:3.7vwv;
}
.solu-intro strong{
color:#467BA0;
}

#solution h3{
font-size:5vw;
line-height:2;
margin-bottom:3.5vw;
}
#solution section p{
font-size:3.6vw;
margin-bottom:1.5em;
}
#solution section p:last-child{
margin:0;
}

.pageList01 li{
padding-left:4vw;
position:relative;
font-size:3.6vw;
}
.pageList01 li::before{
content:'';
width:1vw;
height:1vw;
background:#467BA0;
position:absolute;
top:2.6vw;
left:1vw;
}

.pageList01 li strong{
color:#F18318;
}

.solu-outro{
font-size:3.7vw;
}
.solu-outro strong{
color:#467BA0;
}

.fo-ttl{
text-align:center;
font-weight:bold;
font-size:4vw;
margin-bottom:3vw;
}

.fuel-opt-img{
width:80vw;
margin:0 auto;
text-align:center;
}





/* FAQ */

#faq{
width:90vw;
margin:0 auto;
}

#faq h2{
font-size:6.5vw;
line-height:1.25;
margin-bottom:6vw;
}



#faq h3{
font-size:5vw;
line-height:1.25;
padding-bottom:3vw;
border-bottom:1vw solid #ccc;
position:relative;
margin-bottom:4vw;
}
#faq h3::before{
content:'';
width:20vw;
height:1vw;
background:#457BA0;
position:absolute;
bottom:-1vw;
left:0;
z-index:2;
}


#faq section{
margin:0 auto 10vw;
}


.faq-ank{
display:flex;
flex-wrap:wrap;
gap:2vw;

}
.faq-ank li a{
display:flex;
padding:2vw 8vw 2vw 3vw;
font-size:3.6vw;
line-height:1.5;
color:#fff;
font-weight:500;
color:#457BA0;
border:1px solid #457BA0;
border-radius:4.7vw;
position:relative;
}
.faq-ank li a::after{
content:'';
width:1vw;
height:1vw;
border-right:2px solid #467ba0;
border-bottom:2px solid #467ba0;
transform:rotate(45deg);
position:absolute;
top:50%;
margin-top:-1vw;
right:3vw;
}


.faq dt{
position:relative;
padding:2vw 8vw 2vw 10vw;
font-size:3.6vw;
line-height:1.25;
border:1px solid #467ba0;
color:#467BA0;
margin-bottom:2vw;
border-radius:1vw;
}

.faq dt::before{
content:'Q';
width:4.5vw;
height:4.5vw;
color:#467ba0;
text-align:center;
font-weight:bold;
font-size:4.5vw;
line-height:1;
border-radius:50%;
position:absolute;
top:2vw;
left:2vw;
}

.faq dt span{
display:block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;              
}
.faq dt span::before{
content:'';
width:12px;
height:2px;
background:#467ba0;
position:absolute;
top:calc(50% - 0px);
right:10px;
transition:all .3s;
}
.faq dt span::after{
content:'';
width:2px;
height:12px;
background:#467ba0;
position:absolute;
top:calc(50% - 6px + 1px);
right:calc(10px + 6px - 1px);
transition:all .3s;
}
.faq dt.open span::before{
transform:rotate(90deg);
opacity:0;
}
.faq dt.open span::after{
transform:rotate(90deg);
}

.faq dd{
display:none;
background:#f8f8f8;
padding:2vw 4vw 2vw 10vw;
margin-bottom:5vw;
border-radius:1vw;
position:relative;
}
.faq dd::before{
content:'A';
width:4.5vw;
height:4.5vw;
color:#f18318;
text-align:center;
font-weight:bold;
font-size:4.5vw;
line-height:1;
border-radius:50%;
position:absolute;
top:2.5vw;
left:2vw;
}


/* INTERVIEW */

.iv-ttl-area{
width:90vw;
margin:0 auto 1rem;
padding:6vw 2vw 3vw;
border-top:2px solid #333;
border-bottom:2px solid #333;
}

.iv-ttl{
font-size:5.5vw;
line-height:1.25;
font-weight:bold;
margin-bottom:4vw;
}
.iv-man{
font-size:3.6vw;
text-align:right;
}

.iv-tags{
width:90vw;
margin:0 auto 8vw;
display:flex;
flex-wrap:wrap;
}
.iv-tags li{
font-size:3.2vw;
padding-left:3vw;
position:relative;
color:#467ba0;
margin-right:2.5vw;
letter-spacing:0;
}
.iv-tags li::before{
content:'#';
position:absolute;
top:0;
left:0;
}



.iv-photo{
width:90vw;
margin:0 auto 8vw;
}

.iv-q{
width:80vw;
font-size:4vw;
line-height:1.5;
position:relative;
margin:0 auto 3vw;
}

.iv-q::before{
content:'';
width:8vw;
height:1px;
background:#333;
position:absolute;
top:3vw;
left:-10vw;
}

.iv-a{
width:80vw;
margin:0 auto 8vw;
}

.iv-a p:first-letter{
padding-left:1em;
}




.iv-bq{
width:90vw;
margin:12vw auto 0;
background:#f8f8f8;
padding:5vw;
position:relative;
overflow:hidden;
}



html[lang="ja"] .iv-bq::before{
content:'';
width:60vw;
height:130vw;
background:#f2f2f2;
position:absolute;
top:3vw;
left:42%;
z-index:2;
transform:rotate(50deg);
}
html[lang="en-US"] .iv-bq::before{
content:'';
width: 121vw;
height: 172vw;
background: #f2f2f2;
position: absolute;
top: 2vw;
left: 46%;
z-index: 2;
transform: rotate(40deg);
}

.iv-bq-ttl{
font-size:4.5vw;
margin-bottom:1rem;
position:relative;
z-index:3;
}
.iv-bq p{
margin-bottom:1.5em;
position:relative;
z-index:3;
}
.iv-bq p::first-letter{
padding-left:1em;
}
.iv-bq p:last-child{
margin-bottom:0;
}




/* CONTACT */

#contact{
width:90vw;
margin:0 auto;
}

#contact h2{
font-size:6.5vw;
line-height:2;
margin-bottom:6vw;
}



/* documents */

#downloads{
width:90vw;
margin:0 auto;
}

#downloads h2{
font-size:6.5vw;
line-height:2;
margin-bottom:6vw;
}


#downloads section{
margin:0 auto 10vw;
}

.dl-app li{
font-size:3.6vw;
padding-left:4vw;
position:relative;
}
.dl-app li::before{
content:'※';
position:absolute;
top:0;
left:0;
color:#999;
}


.rmks{
color:#ff4500;
}



/* PRIVACY */

#privacy,
#terms{
width:90vw;
margin:0 auto;
}
#privacy h2,
#terms h2{
font-size:6.5vw;
line-height:2;
margin-bottom:6vw;
}
#privacy section,
#terms section{
margin-bottom:10vw;
}
#privacy h3,
#terms h3{
font-size:4.5vw;
line-height:1.25;
margin-bottom:4vw;
}
#privacy p,
#terms p{
font-size:3.6vw;
margin-bottom:1.5em;
}

.pplist{
margin-bottom:1.5em;
}

.pplist li{
padding-left:4vw;
position:relative;
font-size:3.6vw;
}
.pplist li::before{
content:'';
width:1vw;
height:1vw;
background:#999;
position:absolute;
top:2.6vw;
left:1vw;
}



/*------------------------------------------------------------
	FORM PARTS
------------------------------------------------------------*/

.req{
position:relative;
top:-1vw;
left:1vw;
color:#cc2728;
font-size:3vw;
}

.att{
}

.form {
width:100%;
margin-bottom:10vw;
}
.form dt {
font-weight:bold;
text-align:left;
margin-bottom:2vw;
font-size:3.6vw;
}
.form dd {
margin-bottom:6vw;
font-weight:500;
}

input[type="text"],
input[type="email"]{
width:100%;
border-radius:1vw;
background:#e9eef3;
border:none;
padding:1rem;
box-sizing:border-box;
-webkit-appearance: none;
font-weight:500;
}

select {
border-radius:1vw;
background:#e9eef3;
-webkit-appearance: none;
padding:3vw;
}

textarea {
width:100%;
border-radius:1vw;
background:#e9eef3;
padding:1rem;
box-sizing:border-box;
-webkit-appearance: none;
border:none;
font-weight:500;
}

.mwform-tel-field input[type=text] {
width:25%;
border-radius:1vw;
background:#e9eef3;
padding:1rem;
-webkit-appearance: none;
}

.mwform-checkbox-field input, .mwform-radio-field input{
margin:0;
}
input[type=radio]{
}
.mwform-radio-field label,
.mwform-checkbox-field label{
font-weight:500 !important;
}

.seimei{
display:flex;
}
.seimei li{
width:49%;
margin-right:2%;
}
.seimei li:last-child{
margin:0;
}


.formBtn {
display:flex;
justify-content:center;
}
.formBtn li {
display:inline-block;
margin:0 2vw;
}

.mw_wp_form_confirm .sbmBtn input:hover,
.mw_wp_form_input .sbmBtn input:hover{
background:#0a4f71;
color:#fff;
}


.mw_wp_form_input .sbmBtn input {
background:#467B9F;
color:#fff;
width:40vw;
height:12vw;
overflow:hidden;
border:none;
cursor:pointer;
border-radius:1vw;
font-weight:bold;
-webkit-appearance: none;
}
.mw_wp_form_confirm .sbmBtn input {
background:#467B9F;
color:#fff;
width:40vw;
height:12vw;
overflow:hidden;
border:none;
cursor:pointer;
border-radius:1vw;
font-weight:bold;
-webkit-appearance: none;
}
.backBtn input {
background:#eee;
color:#111;
width:20vw;
height:12vw;
overflow:hidden;
border:none;
cursor:pointer;
border-radius:1vw;
font-weight:bold;
-webkit-appearance: none;
}

::placeholder{
color:#ccc;
}


/*------------------------------------------------------------
CATEGORY ARCHIVE
------------------------------------------------------------*/

.para-archives{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width:100.00vw;
height:66.67vw;
background-image:url('img/teaser-archives-sp.webp');
background-size:100%;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: top;
background-color:rgba(0,0,0,.2);
background-blend-mode: multiply; 
z-index:1;
}

#cat{
width:90vw;
margin:0 auto;
padding:12vw 0;
}



.archive{
margin:0 auto 10vw;
}
.archive li{
position:relative;
padding:5vw 0;
display:flex;
flex-wrap:wrap;
}

.archive li::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-size: 9px 1px;
background-image: linear-gradient(to right, #467ba0, #467ba0 1px, transparent 3px, transparent 3px);
background-repeat: repeat-x;
}

.archive li:first-child{
padding-top:0;
}

.archive li:last-child::after{
background:none;
}

.arc-thumb{
width:90vw;
margin:0 auto 4vw;
}
.arc-txt{
width:90vw;
}
.postInfo{
display:flex;
align-items:center;
margin-bottom:3vw;
}
.postDate{
font-size:3.3vw;
color:#999;
}
.postCat{
margin-left:1rem;
display:inline-block;
padding:0 4vw;
color:#fff;
background:#467BA0;
border-radius:1vw;
}

.archive li h3{
font-size:4.5vw;
line-height:1.25;
margin-bottom:3vw;
}

.excerpt{
margin-bottom:3vw;
}



/*------------------------------------------------------------
SINGLE
------------------------------------------------------------*/
.para-news{
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width:100.00vw;
height:66.67vw;
background-image:url('img/teaser-news-sp.webp');
background-size:100%;
background-repeat:no-repeat;
background-attachment: fixed;
background-position: top;
background-color:rgba(0,0,0,.2);
background-blend-mode: multiply; 
z-index:1;
}



#post{
width:90vw;
margin:0 auto;
padding:12vw 0;
}


#post h2{
font-size:5vw;
line-height:1.25;
margin-bottom:3vw;
}

.post{
margin-bottom:10vw;
}

.post p{
margin-bottom:1.5em;
}

.post h3{
font-size:4.2vw;
line-height:1.5;
margin:4vw 0;
}
.post h4{
font-size:3.8vw;
line-height:1.5;
margin:4vw 0;
}
.post h5{
font-size:3.6vw;
line-height:1.5;
margin:3vw 0;
}

.post img{
margin:3vw 0;
}



/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/
footer{
background-image: linear-gradient(to right, rgba(233, 236, 247, 0.3), rgba(255, 255, 255, 0.3));
padding:12vw 0 3vw;
}
.footer-inner{
width:90vw;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding:0 0 12vw;
}

.footerL{
width:90vw;
margin:0 auto 6vw;
}
.f-logo{
width:55vw;
margin:0 0 4vw;
position:relative;
}
.f-logo a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:3;
}

.f-logo-cc{
font-size:3vw;
font-family:'Jost';
color:#467Ba0;
margin-bottom:10vw;
}
.f-add{
font-size:2.8vw;
color:#467Ba0;
}

.f-add a{
color:#467Ba0;
}


.sp-fnavi{
display:flex;
}
.sp-fnavi li{
padding-right:4vw;
margin-right:4vw;
border-right:1px solid #467BA0;
font-size:2.8vw;
line-height:1.25;
}
.sp-fnavi li:last-child{
border:0;
}
.sp-fnavi li a{
display:inline-block;
}




.copy{
width:90vw;
margin:0 auto;
font-family:'Jost';
font-size:2.5vw;
color:#467Ba0;
text-align:center;
}



/*------------------------------------------------------------
PREV NEXT SP
------------------------------------------------------------*/
.paging{
width:92vw;
margin:0 auto;
}

.prevP{
padding-bottom:3vw;
border-bottom:1px solid #f2f2f2;
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
}


.prevBox{
width:12vw;
height:12vw;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
border:1px solid #467BA0;
box-sizing:border-box;
}

.prevText{
width:74vw;
font-size:3vw;;
line-height:5vw;
display:flex;
justify-content:left;
align-items:center;
overflow:hidden;
}

.nextP{
padding-top:3vw;
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
}

.nextBox{
width:12vw;
height:12vw;
text-align:center;
display:flex;
justify-content:left;
align-items:center;
text-align:center;
border:1px solid #467BA0;
box-sizing:border-box;
}
.nextText{
width:74vw;
font-size:3vw;;
line-height:5vw;
display:flex;
justify-content:flex-end;
align-items:center;
overflow:hidden;
}

.prevP a,
.nextP a{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
}

.icon-home{
background:url(img/icon-home.svg) no-repeat center center;
background-size:4vw;
}
.arrow-l,
.arrow-r{
position:relative;
}

.arrow-l::before{
content:'';
width:1.5vw;
height:1.5vw;
border-left:1px solid #467BA0;
border-bottom:1px solid #467BA0;
position:absolute;
top:50%;
left:50%;
transform:rotate(45deg);
margin-left:-.75vw;
margin-top:-.75vw;
}
.arrow-r::before{
content:'';
width:1.5vw;
height:1.5vw;
border-right:1px solid #467BA0;
border-bottom:1px solid #467BA0;
position:absolute;
top:50%;
left:50%;
transform:rotate(-45deg);
margin-left:-.75vw;
margin-top:-.75vw;
}