.field .block-ttl-en,
.field .block-ttl-jp,
.scale .block-ttl-en,
.scale .block-ttl-jp,
.global .block-ttl-en,
.global .block-ttl-jp,
.holders .block-ttl-en,
.holders .block-ttl-jp{
color: #fff;
}

.wide{
width: 95%;
max-width: 1216px;
margin: 0 auto;
}
.narrow{
width: 95%;
max-width: 1104px;
margin: 0 auto;
}

.field{
background: #01206c;
color: #fff;
padding: 72px 0 16.5%;
background: url("../images/data-field-bg.jpg") center center ;
background-size: cover;
}
.field .block-ex-text{
text-align: center;
margin: 0 auto 32px;
}
.field-grid{
display: grid;
grid-template-columns: repeat(5, 1fr);
gap:26px;
margin: 0 auto 120px;
}
.field-grid .once{
position: relative;
}
.field-grid .once .inr{
height: 100%;
text-align: center;
position: relative;
padding: 32px 0 24px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.field-grid .once::before,
.field-grid .once .inr::before{
position: absolute;
width: 14px;
height: 14px;
top: 0;
left: 0;
background: url("../images/field-corner.svg");
background-size: cover;
content: '';
}
.field-grid .once .inr::before{
left: auto;
right: 0;
transform: rotate(90deg);
}
.field-grid .once::after,
.field-grid .once .inr::after{
position: absolute;
width: 14px;
height: 14px;
bottom: 0;
left: 0;
background: url("../images/field-corner.svg");
background-size: cover;
transform: rotate(-90deg);
content: '';
}
.field-grid .once .inr::after{
left: auto;
right: 0;
transform: rotate(180deg);
}
.field-grid .icon-field{
display: block;
width: 41%;
margin: 0 auto;
}


.field-grid .once p{
font-size: 14px;
font-weight: 500;
text-align: center;
position: relative;
min-height: 84px;
line-height: 1.7;
}
.field-grid .once .ttl{
font-size: 16px;
font-weight: 500;
text-align: center;
position: relative;
padding: 4px 0 8px;
line-height: 1.5;
}



.scale{
color: #001F6B;
scroll-margin-top: 72px;
}
.scale-grid{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap:24px;
margin: 0 auto;
}
.scale-grid .once{
background: rgba(255,255,255,.9);
text-align: center;
position: relative;
padding: 24px 0 100px;
border-radius: 4px;
}
.scale-grid .once .ttl{
font-size: 24px;
font-weight: 700;
margin: 0 0 40px;
}
.scale-grid .num{
font-size: 24px;
font-weight: 700;
line-height: 1;
}
.scale-grid .num span{
display: inline-block;
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 104px;
line-height: 1;
}
.scale-grid .att{
font-size: 16px;
font-weight: 500;
line-height: 1;
position: relative;
top: -4px;
}
.scale-grid .icon-scale{
width: 26.9%;
position: absolute;
bottom: 16px;
right: 16px;
}
.scale-grid .once:nth-child(2) .icon-scale{
right: 24px;
}





.shere{
background: url("../images/data-shere-bg.png") no-repeat top center;
background-size: 100% auto;
margin: -16% 0 0;
padding: 16% 0 0;
}
.shere-inner{
background: #f5f5f5;
padding: 0 0 50px;
scroll-margin-top: 72px;
}
.shere-box{
display: grid;
grid-template-columns: repeat(4, 1fr);
gap:8px;
margin: 0 auto 32px;
}
.shere-box .once{
background: #E5E9F0;
border-radius: 4px;
overflow: hidden;
color: #001F6B;
text-align: center;
position: relative;
}
.shere-box .once .cat{
width: 89%;
position: absolute;
left: 0;
right: 0;
top: 8px;
background: rgba(255,255,255,0.9);
font-size: 18px;
font-weight: 700;
line-height: 1.5;
border-radius: 8px;
margin: auto;
}
.shere-box .once .cont{
padding: 16px 0 24px;
background: #E5E9F0;
border-radius: 4px;
overflow: hidden;
color: #001F6B;
text-align: center;
}
.shere-box .once .tag{
font-size: 20px;
font-weight: 700;
line-height: 1.5;
}
.shere-box .once .tag span{
font-size: 12px;
position: relative;
top: 2px;
}
.shere-box .once .ttl{
font-size: 40px;
font-weight: 700;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
}
.shere-box .once .ttl .icon-cup{
width: 32px;
margin: 0 6px 0 0;
}
.shere-box .once .ttl span{
font-size: 12px;
position: relative;
top: 2px;
left: 4px;
}
.shere-att{
font-size: 12px;
font-weight: 400;
color: #001F6B;
line-height: 1.5;
}




.technology{
background: url("../images/data-tech-bg.jpg") no-repeat top center;
background-size: cover;
padding: 50px 0 0;
color: #001F6B;
scroll-margin-top: 22px;
}
.technology .block-ex-text {
text-align: center;
}

.tech-num-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 8px;
}
.tech-num-grid .card{
  overflow: hidden;
  border-radius: 4px;
}
.tech-num-grid a{
position: relative;
display: block;
width: 100%;
height: 100%;
border-radius: 4px;
overflow: hidden;
transition: transform 0.3s;
}

.tech-num-grid a .icon{
position: absolute;
bottom: 16px;
right: 16px;
width: 32px;
height: 32px;
background: #fff;
content: '';
border-radius: 100px;
transition: background-color 0.5s;
}
.tech-num-grid a:hover .icon{
background: #001F6B;
transform: scale(1);
}


.tech-num-grid a .icon::after,
.tech-num-grid a .icon::before{
background-color: #001F6B;
content: '';
display: inline-block;
width: 12px;
height: 1px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: background-color 0.5s;
}

.tech-num-grid a .icon::after{
transform: translateY(-50%) rotate(90deg);
}
.tech-num-grid a:hover .icon::after,
.tech-num-grid a:hover .icon::before{
background-color: #fff;
}

.tech-num-grid a .icon::after{
transform: translateY(-50%) rotate(90deg);
transition: background-color 0.5s;
}



.tech-num-grid a img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s;
}

.tech-num-grid p{
font-size: 18px;
font-weight: 700;
color: #fff;
line-height: 1.5;
position: absolute;
text-shadow: 0 0 10px #001F6B;
transition: transform 0.3s;
}
.tech-num-grid a:hover img,
.tech-num-grid a:hover p{
transform: scale(1.03);
}
.num-card1 { 
grid-column: 1;
grid-row: 1;
}
.num-card1 p{ 
left: 34.4%;
top: 45%;
}
.num-card2 { 
grid-column: 1;
grid-row: 2;
}
.num-card2 p{ 
left: 34.4%;
top: 45%;
}
.num-card3 { 
grid-column: 2;
grid-row: 1 / 3;
}
.num-card3 p{ 
left: 6.8%;
top: 75%;
}
.num-card4 {
grid-column: 1 / 3;
grid-row: 3;
}
.num-card4 p{ 
left: 50%;
top: 45%;
}
.num-card5 {
grid-column: 1;
grid-row: 4 / 6;
}
.num-card5 p{ 
left: 6.6%;
top: 33.6%;
}
.num-card6 {
grid-column: 2;
grid-row: 4;
}
.num-card6 p{ 
left: 6.6%;
top: 63.1%;
}
.num-card7 {
grid-column: 2;
grid-row: 5;
}
.num-card7 p{ 
left: 34.4%;
top: 45%;
}




.holders{
background: url("../images/data-holders-bg.png") no-repeat top center;
background-size: cover;
margin: -22% 0 0;
padding: 22% 0 18%;
color: #fff;
}
.holders .narrow{
padding: 124px 0 0;
scroll-margin-top: -52px;
}
.holders-cont{
text-align: center;
font-weight: 700;
}
.holders-cont .num{
font-size: 24px;
line-height: 1;
margin: 0 0 16px;
}
.holders-cont .num p{
font-size: 40px;
display: inline-block;
line-height: 1;
}
.holders-cont .num span{
font-size: 104px;
font-family: "Roboto", sans-serif;
font-weight: 700;
display: inline-block;
line-height: 1;
}
.holders-cont .text{
font-size: 20px;
}










.global{
background: url("../images/global-bg.png") no-repeat top center;
background-size: 100% auto;
margin: -16% 0 0;
padding: 16% 0 0;
}
.global-inner{
padding: 0 0 136px;
position: relative;
scroll-margin-top: 72px;
}
.global-inner::after{
position: absolute;
width: 100%;
height: 100%;
background: #00206b;
top: 0;
left: 0;
content: '';
z-index: -1;
}

.global-cont{
width: 95%;
max-width: 1104px;
margin: 0 auto;
}
.global-box{
display: grid;
grid-template-columns: repeat(3, 1fr);
gap:24px;
}
.global-box:nth-child(2){
display: grid;
grid-template-columns: repeat(2, 1fr);
gap:24px;
padding: 24px 0 0;
}
.global-box .once{
background: #fff;
padding: 24px 0 20px;
color: #001F6B;
font-weight: 700;
text-align: center;
border-radius: 4px;
}
.global-box .once .area{
font-size: 20px;
}
.global-box .once .tag{
background: #001F6B;
border-radius: 100px;
color: #fff;
font-size: 16px;
width: fit-content;
margin: 24px auto 8px;
padding: 0 10px;
}
.global-box .once .num{
font-size: 24px;
}
.global-box .once .num span{
font-size: 56px;
font-family: "Roboto", sans-serif;
font-weight: 700;
padding: 0 8px;
display: inline-block;
line-height: 1.25;
position: relative;
top: 2px;
}
.global-box .once .att{
font-size: 12px;
font-weight: 400;
margin: 0;
}
.aj01,
.aj02{

}
.aj01 .cont{
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
}
.aj01 .once-in{
display: flex;
justify-content: center;
padding: 0 10% 0 0;
}
.aj01 .once-in img{
width: 112px;
margin: 0 24px 0 0;
display: block;
}
.aj01 .cont .box{
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
}



.aj02 .cont{
display: flex;
justify-content: center;
}
.aj01 .cont .num p,
.aj02 .cont .num p{
font-size: 20px;
display: inline-block;
line-height: 1.5;
text-align: left;
}
.aj01 .cont .num span,
.aj02 .cont .num span{
font-size: 104px;
font-family: "Roboto", sans-serif;
font-weight: 700;
display: inline-block;
line-height: 1;
}

.aj01 p.cont2{
font-size: 20px;
line-height: 1.5;
text-align: left;
position: relative;
top: -4px;
}

.aj02 .cont img{
width: 112px;
margin: 0 24px 0 0;
}

.global-box:nth-child(2) .once .tag{
margin: 24px auto 0;
}
.global-box:nth-child(2) .once.aj01 .tag{
margin: 10px auto 0;
}



.stem{
color: #001F6B;
padding: 72px 0 0;
position: relative;
}
.stem-bg{
position: absolute;
width: 100%;
height: auto;
display: block;
left: 0;
top: 0;
z-index: -1;
}
.stem .block-ex-text{
text-align: center;
}

.stem .graph{
width: 90%;
max-width: 970px;
margin: 0 auto;
padding: 2% 0 0;
}

.stem-att{
text-align: right;
font-size: 12px;
font-weight: 400;
padding: 32px 0 0;
}



.modal-wrap {
  opacity: 0;
  visibility: hidden;
  z-index: 100;
}
.modal-wrap.active {
  visibility: visible;
  opacity: 1;
}
body.modal-open {
  overflow: hidden; /* モーダル表示中は背面スクロールを止める */
}

.modal-wrap{
width: 100%;
height: 100%;
overflow-y: auto;
background: rgba(0,31,107,0.8);
position: fixed;
top: 0;
left: 0;
transition: all .3s ease-in;
z-index: 301;
}
.modal-inner{
min-height: 100%;
display: flex;
justify-content: center;
overflow: visible;
padding: 78px 0;
}
.modal-box{
width: 95%;
max-width: 1104px;
background: #fff;
margin: auto 0;
padding: 48px 80px;
border-radius: 8px;
position: relative;
}
.modal-box .cat{
font-size: 18px;
font-weight: 700;
background: #4a5f94;
color: #fff;
line-height: 1.5;
padding: 0 32px;
border-radius: 8px;
width: fit-content;
}
.modal-box .ttl{
font-size: 18px;
font-weight: 700;
color: #001F6B;
line-height: 1.5;
padding: 24px 0;
}
.modal-box .ttl{
font-size: 18px;
font-weight: 700;
color: #001F6B;
line-height: 1.5;
padding: 24px 0;
}
.modal-box .cont{
display: flex;
justify-content: space-between;
}
.modal-box .cont .img{
width: 298px;
flex-shrink: 0;
margin: 0 32px 0 0;
}
.modal-box .cont p{
display: block;
flex-grow: 1;
}
.modal-close{
position: absolute;
width: 64px;
height: 64px;
top: -58px;
right: -54px;
opacity:1;
transition: .4s opacity;
}
.modal-close:hover{
cursor: pointer;
opacity:0.7;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width : 1280px) {
.modal-close{
top: -70px;
right: 0;
}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width : 1200px) {
.field-grid {
gap: 16px;
margin: 0 auto 120px;
}
.shere-box .once .ttl {
font-size: 32px;
font-weight: 700;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
}
.scale-grid .num span {
font-size: 88px;
line-height: 1;
}
.aj01 .cont .num span, .aj02 .cont .num span {
font-size: 88px;
}
.aj01 .once-in img {
width: 90px;
margin: 0 16px 0 0;
display: block;
}
.aj02 .cont img {
width: 90px;
margin: 0 16px 0 0;
}
.aj01 .cont .num p, .aj02 .cont .num p {
font-size: 16px;
}
.aj01 p.cont2 {
font-size: 16px;
top: 0;
}

}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width : 1100px) {
.field-grid {
grid-template-columns: repeat(4, 1fr);
margin: 0 auto 120px;
}
.shere-box {
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.tech-num-grid p {
font-size: 16px;
text-shadow: 0 0 10px #001F6B;
}
.scale-grid .num span {
font-size: 72px;
line-height: 1;
}

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width : 1000px) {
.tech-num-grid p {
font-size: 14px;
padding: 0 8px 0 0;

}
.num-card1 p,
.num-card2 p,
.num-card7 p{
left: 30%;
top: 38%;
}
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width: 901px) and (max-width: 1200px) {
.field {
    background: url(../images/data-field-bg.jpg) top center;
    background-size: auto 120%;
}

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width : 900px) {
.wide,
.narrow{
width: 88%;
margin: 0 auto;
}
.scale .block-ttl-jp,
.shere .block-ttl-jp,
.technology .block-ttl-jp,
.holders .block-ttl-jp {
font-size: 40px;
}


.field-grid {
grid-template-columns: repeat(3, 1fr);
margin: 0 auto 120px;
}
.field .block-ex-text {
width: 88%;
text-align: left;
margin: 0 auto 48px;
}
.field-grid .once .ttl {
font-size: 22px;
padding: 4px 0 10px;
}
.scale-grid {
display: block;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 0 auto;
}
.scale-grid .once {
background: rgba(255, 255, 255, .9);
text-align: center;
position: relative;
margin: 0 0 24px;
padding: 24px 0 100px;
border-radius: 4px;
}
.scale-grid .num span {
font-size: 104px;
line-height: 1;
}
.scale-grid .icon-scale {
max-width: 120px;
position: absolute;
bottom: 16px;
right: 16px;
}
.shere-box {
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}



.stem {
padding: 80px 0 80px;
}
.stem .block-ttl-jp {
margin: 0 0 5%;
}

.stem .block-ex-text,
.technology .block-ex-text{
width: 100%;
margin: 0 auto 10%;
text-align: left;
}
.stem .graph {
width: 100%;
margin: 0 auto;
padding: 2% 0 0;
}
.stem-att {
text-align: center;
font-size: 12px;
font-weight: 400;
padding: 32px 0 0;
}
.global {
background: url(../images/global-bg_sp.png) no-repeat top center;
background-size: 100% auto;
margin: -16% 0 0;
padding: 25% 0 0;
}
.global-inner {
padding: 0 0 32px;
scroll-margin-top: 74px;
}
.global-cont {
width: 88%;
}
.global-box {
display: block;
}
.global-box:nth-child(2) {
display: block;
padding:0;
}
.global-box .once {
background: #fff;
padding: 24px 0 32px;
color: #001F6B;
font-weight: 700;
text-align: center;
border-radius: 4px;
margin: 0 0 24px;
}
.aj01 .once-in {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 0 0;
}
.aj01 .once-in img {
width: 124px;
margin: 0 auto 10px;
display: block;
}
.aj02 .cont img {
width: 110px;
margin: 0 auto 16px;
}
.global-box:nth-child(2) .once.aj01 .tag,
.global-box:nth-child(2) .once.aj02 .tag{
margin: 10px auto 16px;
}
.global-box:nth-child(2) .once.aj01 .box{
width: 100%;
}
.global-box:nth-child(2) .once.aj01 .num{
display: flex;
justify-content: center;
align-items: flex-end;
margin: 0 auto;
}
.global-box:nth-child(2) .once.aj01 .num span{
display: block;
}

.aj01 .cont .num p, .aj02 .cont .num p.aj-fp {
font-size: 20px;
line-height: 1.5;
display: block;
width: 100%;
text-align: center;
position: relative;
top: 2px;
}
.aj01 .cont {
display: flex;
justify-content: center;
}
.aj01 p.cont2 {
font-size: 20px;
top: 0;
width: 100%;
display: flex;
justify-content: center;
}
.aj01 .cont .num p, .aj02 .cont .num p {
font-size: 20px;
}
.aj01 .cont .num p{
display: inline-block;
width: auto;
position: relative;
top: -8px;
}
.aj02 .cont {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.modal-inner {
padding: 104px 0 72px;
}
.modal-close {
top: -84px;
right: 0;
}
.modal-box {
width: 88%;
padding: 48px 24px;
}
.modal-box .cont {
display: block;
}
.modal-box .cont .img {
width: 100%;
margin: 0 0 32px;
}
.tech-num-grid p {
font-size: 12px;
padding: 0 8px 0 0;
}
.tech-num-grid a .icon {
position: absolute;
bottom: 8px;
right: 8px;
width: 24px;
height: 24px;
background: #fff;
content: '';
border-radius: 100px;
transition: background-color 0.5s;
}
.tech-num-grid a .icon::after,
.tech-num-grid a .icon::before{
background-color: #001F6B;
content: '';
display: inline-block;
width: 10px;
height: 1px;
position: absolute;
right: 7px;
top: 50%;
transform: translateY(-50%);
transition: background-color 0.5s;
}
.tech-num-grid a .icon::after{
transform: translateY(-50%) rotate(90deg);
}
.aj01 .cont .num span, .aj02 .cont .num span {
font-size: 104px;
}
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width : 600px) {
.ov6{display: none;}

.field {
color: #fff;
padding: 64px 0 30%;
background: url(../images/data-field-bg_sp.jpg) center center;
background-size: cover;
}
.field-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin: 0 auto 80px;
}
.field-grid .once::before,
.field-grid .once .inr::before{
width: 20px;
height: 20px;
}
.field-grid .once::after,
.field-grid .once .inr::after{
width: 20px;
height: 20px;
}
.field-grid .once .inr {
height: 100%;
text-align: center;
position: relative;
padding: 16px 0 32px;
display: block;
}
.field-grid .once p {
font-size: 14px;
font-weight: 500;
text-align: left;
position: relative;
min-height: 84px;
line-height: 1.7;
}
.field-grid .icon-field {
width: 72%;
margin: 0 auto 4px;
}
.shere {
margin: -16% 0 0;
padding: 16% 0 0;
}
.shere-inner {
padding: 80px 0 50px;
scroll-margin-top: -6px;
}
.shere-box {
display: block;
}
.shere-box .once {
background: #E5E9F0;
border-radius: 4px;
margin: 0 0 16px;
padding: 16px 0 0;
 aspect-ratio: 342 / 184;
}
.shere-box .once img.for-pc{
display: none;
}
.shere-box .once .cat {
width: 77.7%;
position: relative;
margin: 0 auto;
top: auto;
background: rgba(255, 255, 255, 0.9);
font-size: 18px;
border-radius: 8px;
}
.shere-box .once .ttl {
font-size: 40px;
font-weight: 700;
line-height: 1.5;
display: flex;
align-items: center;
justify-content: center;
}
.shere-box .once:nth-child(1) {
background: url("../images/data-shere01-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(2) {
background: url("../images/data-shere02-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(3) {
background: url("../images/data-shere03-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(4) {
background: url("../images/data-shere04-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(5) {
background: url("../images/data-shere05-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(6) {
background: url("../images/data-shere06-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(7) {
background: url("../images/data-shere07-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(8) {
background: url("../images/data-shere08-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(9) {
background: url("../images/data-shere09-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(10) {
background: url("../images/data-shere10-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(11) {
background: url("../images/data-shere11-bg.png") no-repeat;
background-size: cover;
}
.shere-box .once:nth-child(12) {
background: url("../images/data-shere12-bg.png") no-repeat;
background-size: cover;
}

.shere-box .once {
}
.shere-box .once .cont {
background: none;
padding: 4.67% 0 7%;
}

.tech-num-grid {
display: block;
}
.num-card1,
.num-card2,
.num-card3,
.num-card4,
.num-card5,
.num-card6,
.num-card7{
margin: 0 0 8px;
}

.holders .narrow {
width: 100%;
}
.holders {
background: url(../images/data-holders-bg_sp.png) no-repeat top center;
background-size: cover;
margin: -52% 0 0;
padding: 52% 0 48%;
color: #fff;
}
.field .block-ttl-jp,
.holders .block-ttl-jp {
margin: 0 0 5%;
}
.field .scale .block-ttl-jp{
margin: 0 0 10%;
}
.tech-num-grid p {
font-size: 18px;
padding: 0 8px 0 0;
}
.num-card1 p, .num-card2 p, .num-card7 p {
left: 43%;
top: auto;
		bottom: 28%;
}
.num-card4 p {
left: 6.8%;
top: 22%;
}
.num-card5 p {
left: 6.6%;
top: 32%;
}
.num-card6 p {
left: 6.6%;
top: 55%;
}
.tech-num-grid a .icon{
bottom: 16px;
right: 16px;
width: 32px;
height: 32px;
}
.tech-num-grid a .icon::after,
.tech-num-grid a .icon::before{
width: 12px;
height: 1px;
right: 10px;
}

.tech-num-grid a .icon::after{
transform: translateY(-50%) rotate(90deg);
}

}

@media only screen and (max-width : 389px) {
.tech-num-grid p {
font-size: 4.5vw;
padding: 0 8px 0 0;
}
.holders-cont .text {
font-size: 5.1vw;
}
.scale-grid .num span {
font-size: 88px;
}
.scale .block-ttl-jp, .shere .block-ttl-jp, .technology .block-ttl-jp, .holders .block-ttl-jp {
font-size: 10vw;
}
.data .block-ttl-jp {
font-size: 8.2vw;
}
.shere-box .once .ttl {
font-size: 10vw;
}
}