@charset "utf-8";
 @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");  html,
body { margin: 0; padding: 0;}
body {
font-size: 76%;
background: #F7F8F8;
-webkit-text-size-adjust: 100%;
overflow-y:scroll;
padding-top:92px;
}
html { font-size: 100%;}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure, figcaption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: "Poppins",'Noto Sans JP', arial, helvetica, sans-serif;
font-size: 100%;
line-height: 1.6;
font-weight: 400;
vertical-align: baseline;
background: transparent;
font-variant-ligatures: no-common-ligatures;
-moz-font-feature-settings: "liga" 0, "clig" 0;
-webkit-font-feature-settings: "liga" 0, "clig" 0;
font-feature-settings: "liga" 0, "clig" 0;
}  
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main {
display: block;
}
blockquote,
q { quotes: none;}
a {
text-decoration: none;
outline: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del { text-decoration: line-through;}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input,
select,
textarea {
font-size: 100%;
vertical-align: middle;
font-weight: 400;
font-family: "Poppins",'Noto Sans JP', arial, helvetica, sans-serif;
}
input[type=text],
input[type=tel],
input[type=password],
textarea{ -webkit-appearance:none;}
input[type=checkbox],
input[type=radio]{
position:relative;
top:-1px;
}
ul,ol { list-style-type: none;}
img { vertical-align: middle;}
.img-responsive{
width:100%;
height:auto;
}
.opacity { transition:all 0.2s ease-out;}
.opacity:hover { opacity: .7;}
.clear { clear: both;}
.clearfix { width: 100%;}
.clearfix:after {
content: " ";
display: block;
clear: both;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
}
.fl { float: left;}
.fr { float: right;}
.txtl { text-align: left;}
.txtr { text-align: right;}
.txtc { text-align: center;}
strong,
strong *,
.fwb { font-weight: bold;}
.clrr { color: #FF0000;}
.clrb { color: #333;}
.clrw { color: #fff;}
.il { display: inline;}
.bl { display: block;}
.no { display: none;}
.li2 { line-height: 2;} .mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mr10 { margin-right: 10px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;} .pt10 { padding-top: 10px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pr10 { padding-right: 10px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}
.pb10 { padding-bottom: 10px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pl10 { padding-left: 10px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;} .font10 { font-size: 84%;}
.font11 { font-size: 92%;}
.font12 { font-size: 100%;}
.font13 { font-size: 109%;}
.font14 { font-size: 117%;}
.font15 { font-size: 125%;}
.font16 { font-size: 134%;}
.font17 { font-size: 142%;}
.font18 { font-size: 150%;}
.font19 { font-size: 159%;}
.font20 { font-size: 167%;}
.font21 { font-size: 175%;}
.font22 { font-size: 184%;}
.font23 { font-size: 192%;}
.font24 { font-size: 200%;}
.font25 { font-size: 209%;}
.font26 { font-size: 217%;}
.font27 { font-size: 226%;} #overlay{
display:none;
width:100%;
height:100%;
background:rgba(255,255,255,.7);
position:fixed;
top:0;
left:0;
z-index:10000;
}
#loader{
width:50%;
height:50%;
border: 6px solid rgba(100, 100, 100, 0.6);
border-top: 6px solid rgba(255, 255, 255, 1);
border-radius:50%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: transparent;
position: absolute;
top: 45%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } } .inner {
width:auto;
max-width: 1280px;
margin: 0 auto;
padding-right:35px;
padding-left:35px;
}
.inner.wrap{
max-width:1160px;
padding-right:95px;
padding-left:95px;
}
.flex{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-end{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex-center{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-left{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.flex-align{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-column{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-reverse{
-webkit-box-orient: horizontal;
-webkit-box-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.ht100{ height:100%;}
.hover figure{ overflow:hidden;}
.hover img{ transition:all 0.4s ease-out;}
.hover:hover img{ transform:scale(1.1);}
.tel-link a{ color:inherit;} .animation{ visibility:hidden;}
.fadeInUp{
-webkit-animation-fill-mode:both;
-ms-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:1s;
-ms-animation-duration:1s;
animation-duration:1s;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
visibility: visible !important;
}
@-webkit-keyframes fadeInUp{
0% {
opacity: 0;
-webkit-transform: translateY(30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp{
0% {
opacity: 0;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
} #header {
width:100%;
height:92px;
padding-left:30px;
background:#fff;
box-sizing:border-box;
position:fixed;
left:0;
top:0;
z-index:2000;
}
.logo{
width:224px;
margin-right:auto;
position:relative;
z-index:1100;
}
.naviItem a{
display:block;
font-size:150%;
color:#000;
line-height:41px;
padding-top:2px;
border-bottom:2px solid transparent;
transition:all 0.2s ease-out;
}
.naviItem-contact{
width:92px;
height:40px;
margin:0 25px;
}
.naviItem-contact a{
display:block;
width:100%;
height:100%;
text-align:center;
color:#000;
line-height:38px;
font-size:150%;
border:1px solid #4E5860;
box-sizing:border-box;
transition:all 0.2s ease-out;
}
.naviItem-lang{
width:92px;
height:100%;
position:relative;
}
.naviItem-lang a{
display:block;
width:100%;
height:100%;
font-size:150%;
text-align:center;
line-height:92px;
color:#4E5860;
background:#EFEFEF;
transition:all 0.2s ease-out;
position:relative;
} #navBtn{
width:40px;
height:40px;
position:relative;
z-index:1100;
}
#navBtn a{
display:block;
width:100%;
height:100%;
position:relative;
}
.top-bar,
.bottom-bar{
height: 1px;
background-color:#000;
transition: transform .1s 0s ease-in-out,top .1s .1s ease-in-out,background .1s .1s ease-in-out;
transform-origin: 50% 50%;
position: absolute;
}
.top-bar{
width:36px;
top: 15px;
left:2px;
}
.bottom-bar{
width:18px;
top: 23px;
left:20px;
}
.open .top-bar{
transform: rotate(45deg);
top: 20px;
background-color:#fff;
}
.open .bottom-bar{
transform: rotate(-45deg);
width:36px;
top: 20px;
left:2px;
background-color:#fff;
} #contents{
width:100%;
overflow:hidden;
}
#detailHd{
width:100%;
background:#fff;
padding-top:20px;
margin-bottom:11.9047619047619vw;
position:relative;
z-index:1;
}
#detailHd::before{
display:block;
content: "";
width: 140%;
height: 300%;
position: absolute;
top: -200%;
left: 50%;
z-index: -1;
background:#fff;
transform: rotate(-5deg) translateX(-50%);
}
#detailHd::after{
display:block;
content: "";
width: 140%;
height: 200%;
position: absolute;
top: -13%;
left: 50%;
z-index: -2;
background:#DCDDDD;
transform: rotate(5deg) translateX(-50%);
}
.sectionHd{
font-size:72px;
font-weight:600;
line-height:0.9375;
margin-bottom:30px;
}
.is-white{ color:#fff;}
.sectionHd.line2{ margin-top:-0.5em;}
.sectionHd::after{
display:block;
content:"";
width:100px;
height:4px;
margin-top:30px;
background:#E50012;
}
.sectionHd.is-before-mt0::after {
margin-top: 0;
}
.text{
color:#4E5860;
font-size:134%;
line-height:1.66;
}
.text .sup{
font-size:67%;
vertical-align:super;
}
.text-l{
font-size:134%;
line-height:1.66;
}
#detailInner{
width:auto;
padding:90px 120px 120px;
background:#fff;
}
.detail-column{ margin-top:80px;}
.columnHd{
font-size:36px;
font-weight:600;
line-height:1;
font-family: "Poppins", 'Noto Sans JP', arial, helvetica, sans-serif;
}
.columnHd.jp{
font-size:32px;
line-height:1.2;
}
.columnHd::after{
display:block;
content:"";
width:100px;
height:4px;
background:#E50012;
margin-top:28px;
}
.lead{
margin-top:60px;
font-size:28px;
font-weight:bold;
color:#4E5860;
}
.text-detail{
line-height:1.6;
font-size:134%;
color:#4E5860;
}
.text-mt{ margin-top:50px;}
.table{
width:100%;
margin-top:50px;
font-size:134%;
}
.table th{
vertical-align:top;
text-align:left;
width:172px;
color:#231815;
padding:20px 55px 21px 0;
position:relative;
}
.table th::after{
display:block;
content:"";
width:173px;
height:1px;
position:absolute;
left:0;
bottom:0;
background:#231815;
}
.table td{
vertical-align:top;
color:#4E5860;
padding:20px 0 20px 20px;
border-bottom:1px solid #C9CACA;
}
.stroke {
stroke: #000;
stroke-width: .5px;
stroke-dasharray: 0 250;
stroke-opacity: 1;
fill: none;
}
.stroke-active{
animation: stroke_offset 2s; 
animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940); 
}
@keyframes stroke_offset {
25% {
stroke-dasharray: 0 250;
stroke-opacity: 1;
}
50% {
stroke-dasharray: 250 0;
stroke-opacity: .5;
}
75% {
stroke-dasharray: 250 0;
stroke-opacity: .75;
}
100% {
stroke-dasharray: 250 0;
stroke-opacity: 1;
}
}
.fill {
fill: #000;
fill-opacity: 0;
}
.fill-active{
animation: fill_offset 2s; 
animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
animation-fill-mode: forwards;
}
@keyframes fill_offset {
25% { fill-opacity: 0;}
50% { fill-opacity: 0;}
75% { fill-opacity: 1;}
100% { fill-opacity: 1;}
}
.white .fill{ fill:#fff;}
.white .stroke{ stroke:#fff;} #topMain{
width:100%;
color:#fff;
padding:210px 0 70px;
margin-bottom:14.28571428571429vw;
background:#000;
background-size:contain;
position:relative;
z-index:10;
}
#topMainBg{
width:100%;
height:700px;
background:url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/top/bg-lead.jpg?ver=1) no-repeat 50% bottom;
background-size:cover;
position:absolute;
left:0;
top:0;
z-index:-1;
}
#topMain::before{
display:block;
content: "";
width: 140%;
height: 200%;
position: absolute;
top: -100%;
left: 50%;
z-index: -10;
background:#000;
transform: rotate(-5deg) translateX(-50%);
}
#topMain::after{
display:block;
content: "";
width: 140%;
height: 144%;
position: absolute;
top: -32%;
left: 50%;
z-index: -20;
background:#DCDDDD;
transform: rotate(5deg) translateX(-50%);
}
#topMainLead{
display:inline-block;
vertical-align:middle;
margin-bottom:140px;
color:#fff;
line-height:1.35;
font-size:28px;
font-weight:bold;
padding:10px 10px 10px 14px;
background:#000;
border-left:6px solid #E50012;
}
.topInfo + .topInfo{ margin-top:40px;}
.topInfo dt{
font-size:184%;
margin-bottom:26px;	
}
.topInfo li{ width:92px;}
.topInfo li + li{ margin-left:46px;}
.topInfo li figcaption{
text-align:center;
line-height:1.2;
font-size:125%;
margin-top:10px;
letter-spacing:-0.4px;
white-space:nowrap;
}
.topInfo .andmore{
width:92px;
height:92px;
text-align:center;
font-size:134%;
color:#E50012;
line-height:1.1;
border:2px solid #E50012;
box-sizing:border-box;
border-radius:50%;
}
#leadLogo{
width:100%;
margin:50px 0 140px;
text-align:right;
}
#leadLogo img{ max-width:411px;} #aboutHd{ width:450px;}
#aboutInfo{ width:calc(100% - 450px);}
.viewmore{
width:100%;
margin-top:40px;
}
.viewmore a{
display:inline-block;
color:#3E3A39;
font-size:117%;
padding-right:78px;
position:relative;
transition:all 0.3s ease-out;
}
.viewmore a::before{
display:block;
content:"";
width:64px;
height:1px;
background:#3E3A39;
position:absolute;
right:0;
top:50%;
transition:all 0.3s ease-out;
}
.viewmore a::after{
display:block;
content:"";
width:6px;
height:6px;
border-top:1px solid #3E3A39;
border-right:1px solid #3E3A39;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%) rotate(45deg);
transition:all 0.3s ease-out;
}
.viewmore a:hover{ padding-right:88px;}
.viewmore a:hover::before{ width:74px;}
#aboutInfo .viewmore a{ color:#fff;}
#aboutInfo .viewmore a::before{ background:#fff;}
#aboutInfo .viewmore a::after{
border-top-color:#fff;
border-right-color:#fff;
}
.viewmore.txtr a{ margin-right:10px;}
.viewmore.txtr a:hover{ margin-right:0px;} .section{
position:relative;	
z-index:1;
}
.section + .section{ margin-top:180px;}
#bg-grandslam{
width:54.94047619047619%;
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
z-index:-2;
}
#section-grandslam{
width:560px;
color:#fff;
}
#section-grandslam .sectionHd{ margin-bottom:10px;}
#section-grandslam .sectionHd::after{ display:none;}
#grandslamTxt{
font-size:32px;
font-weight:bold;
line-height:1.25;
}
.column{
width:43.75%;
padding:46px 60px 50px;
background:#fff;
box-sizing:border-box;
} #mappingTechnologies{
width:43.4375%;
padding-right:3.515625%;
text-align:center;
}
.mappingItem{ width:26.43884892086331%;}
.mappingItem figcaption{
width:100%;
text-align:center;
color:#E50012;
font-size:134%;
line-height:1.125;
margin-top:10px;
}
#mappingTxt{
color:#4E5860;
font-size:184%;
margin:40px 0;
} #section-news{
width:100%;
margin:50px 0;
padding:270px 0 170px;
position:relative;
z-index:1;
}
#section-news::before{
display: block;
content: "";
width: 140%;
height:81%;
position: absolute;
top: 0%;
left: 50%;
z-index: -1;
background:#fff;
transform: rotate(-5deg) translateX(-50%);
}
.newsColumn{ width:48.27586206896552%;}
.newsList{
width:100%;
padding-top:10px;
}
.newsItem + .newsItem{
padding-top:12px;
margin-top:12px;
border-top:1px solid #DCDDDD;
}
.newsItem-date{
color:#898989;
font-size:117%;
margin-right:16px;
}
.newsItem-cate{
color:#595757;
font-size:117%;
line-height:20px;
padding:0 16px;
border:1px solid #C9CACA;
border-radius:5px;
}
.newsItem-cate.iconBlue{
color:#fff;
border-color:#2E81E0;
background:#2E81E0;
}
.newsItem-cate.iconRed{
color:#fff;
border-color:#FA5858;
background:#FA5858;
}
.newsItem-cate.iconGreen{
color:#fff;
border-color:#38C143;
background:#38C143;
}
.newsItem-cate.iconOrange{
color:#fff;
border-color:#FE9B2D;
background:#FE9B2D;
}
.newsItem-cate.iconPurple{
color:#fff;
border-color:#6F3DD8;
background:#6F3DD8;
}
.newsItem-txt{
min-height:42px;
color:#000;
margin-top:10px;
line-height:1.3125;
font-size:134%;
}
.newsItem-txt span{
display:inline-block;
vertical-align:middle;
text-align:center;
color:#fff;
font-size:76%;
line-height:1.4;
padding:0 7px;
margin-left:7px;
background:#B8C5D4;
} #partnertHd{ width:41.37931034482759%;}
#partnerInfo{ width:50.86206896551724%;}
.partnerItem + .partnerItem{ margin-top:70px;}
.partnerItemHd{
color:#898989;
font-size:184%;
font-weight:bold;
margin-bottom:20px;
}
.partnerItem li{ width:27.53623188405797%;}
.partnerItem li.wid1{ width:31.594202898550728%;}
.partnerItem li.wid2{ width:28.98550724637681%;}
.partnerItem li.wid2:last-child{ margin:0 auto 0 5.797101449275362%;}
.partnerItem li:nth-child(n+4){ margin-top:3.768115942028986%;} .p-idx-offering{
padding-top:60px;
}
.p-idx-offering__sec{
width:100%;
margin-top:60px;
padding:40px 30px 56px;
background-color: #fff;
border-radius:15px;
box-sizing: border-box;
box-shadow: 2px 2px 1px rgba(0,0,0,.2);
}
.p-idx-offering__sec + .p-idx-offering__sec{
margin-top: 18px;
position: relative;
z-index: 1;
}
.p-idx-offering__sec + .p-idx-offering__sec::before{
content:"";
width:60px;
aspect-ratio: 1;
background: url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/top/icon-mix.svg) no-repeat 50%;
background-size:cover;
position: absolute;
left:50%;
top:-39px;
z-index: 10;
translate: -50% 0;
}
.p-idx-offering__ttl{
line-height: 1.1;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}
.p-idx-offering__inner{
display: flex;
gap:28px;
}
.p-idx-offering__subsec{
flex:1;
display: flex;
flex-direction: column;
gap:14px;
}
.p-idx-offering__subttl{
display: flex;
flex-direction: column;
justify-content:center;
width:100%;
height:90px;
color:#fff;
font-size: 16px;
padding-inline:20px;
box-sizing: border-box;
background-color: #4e5860;
}
.p-idx-offering__subttl span{
font-size: 20px;
font-weight: bold;
line-height: 1.2;
margin-top: 4px;
}
.p-idx-offering__subttl2{
display: flex;
align-items: center;
width:100%;
height:90px;
color:#000;
font-size: 20px;
line-height: 1.4;
font-weight: bold;
padding-inline:20px;
background-color: #b8c5d4;
box-sizing: border-box;
}
.p-idx-offering__txt{
color:#4e5860;
font-size: 16px;
line-height: 1.875;
} .p-idx-usecase{
margin-top:76px;
margin-bottom:164px;
}
.p-idx-sol__itemWrapper{
display: flex;
flex-wrap: wrap;
width:100%;
gap:36px 32px;
margin-top: 60px;
}
.p-idx-sol__item{
display: flex;
flex-direction: column-reverse;
width:calc(25% - 24px);
}
.p-idx-sol__item-inner{
display: flex;
flex-direction: column;
justify-content: space-between;
flex:1;
width:100%;
gap:12px;
padding:18px 20px;
background-color: #fff;
box-sizing: border-box;
}
.p-idx-sol__item-ttl{
font-weight: bold;
line-height: 1.2;
font-size: 18px;
}
.p-idx-sol__item-more{
text-align: right;
}
.p-idx-sol__item-more a{
color:#3e3a39;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.p-idx-sol__item-img{
width:100%;
overflow: hidden;
} .p-idx-collab__list{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap:24px;
margin-top: 60px;
} .p-off-navi {
display: grid;
grid-template-columns: 220px repeat(2, 396px);
grid-template-rows: 1fr repeat(4, 84px);
grid-column-gap: 14px;
grid-row-gap: 14px;
margin-bottom: 120px;
}
.p-off-navi01 { grid-area: 1 / 1 / 2 / 2; }
.p-off-navi02 { grid-area: 1 / 2 / 2 / 3; }
.p-off-navi03 { grid-area: 1 / 3 / 2 / 4; }
.p-off-navi04 { grid-area: 2 / 1 / 3 / 2; }
.p-off-navi05 { grid-area: 2 / 2 / 3 / 3; }
.p-off-navi06 { grid-area: 2 / 3 / 3 / 4; }
.p-off-navi07 { grid-area: 3 / 1 / 5 / 2; }
.p-off-navi08 { grid-area: 3 / 2 / 5 / 3; }
.p-off-navi09 { grid-area: 3 / 3 / 4 / 4; }
.p-off-navi10 { grid-area: 4 / 3 / 5 / 4; }
.p-off-navi11 { grid-area: 5 / 1 / 6 / 2; }
.p-off-navi12 { grid-area: 5 / 2 / 6 / 3; }
.p-off-navi13 { grid-area: 5 / 3 / 6 / 4; }
.p-off-navi__item-ttl{
align-self: flex-end;
font-size: 20px;
font-weight: bold;
line-height: 1.1;
color:#4e5860;
}
.p-off-navi__item-subttl{
display: flex;
align-items: center;
font-size: 17.5px;
white-space: nowrap;
font-weight: bold;
line-height: 1.27;
padding-inline: 16px;
background-color: rgba(78,88,96,.3);
box-sizing: border-box;
}
.p-off-navi__itemHd{
display: flex;
flex-direction: column;
justify-content: center;
align-self: flex-end;
height: 120px;
padding-inline:26px;
color:#fff;
margin-top: 14px;
background-color: #4e5860;
box-sizing: border-box;
}
.p-off-navi__itemHd-ttl{
line-height: 1.19;
font-size: 16px;
}
.p-off-navi__itemHd-txt{
line-height: 1.25;
font-size: 20px;
font-weight: bold;
margin-top: 10px;
}
.p-off-navi__item-soon{
display: flex;
align-items: center;
line-height: 1.38;
font-size: 18px;
padding-inline: 26px;
font-weight: bold;
background-color: #f7f8f8;
box-sizing: border-box;
}
.p-off-navi__item-link a{
display: flex;
align-items: center;
width:100%;
height: 100%;
color:#000;
line-height: 1.09;
font-size: 16px;
padding-inline: 26px;
font-weight: bold;
transition: background 0.2s ease-out;
border:1px solid #4e5860;
box-sizing: border-box;
position: relative;
}
.p-off-navi__item-link a span{
font-size: 18px;
font-weight: 600;
font-family: "Poppins";
}
.p-off-navi__item-link a::after{
content:"";
width:17px;
aspect-ratio: 17.414 / 10.121;
background: url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/offering/icon-arrow.svg) no-repeat 50%;
background-size: cover;
position: absolute;
right:18px;
bottom:14px;
z-index: 10;
}
.p-off-navi__item-link a:hover{
background-color: rgba(78,88,96,.3);
}
.p-off-clm{
width:100%;
padding-inline:66px;
margin-top: 60px;
display: flex;
flex-direction: column;
gap:24px;
box-sizing: border-box;
}
.p-off-clm .subHd{
padding: 0;
}
.p-off-box{
display: flex;
width:100%;
margin-top: 60px;
padding:54px 66px;
background-color: #f7f8f8;
box-sizing: border-box;
}
.p-off-box__img01{
width:609px;
margin-right: 26px;
}
.p-off-box__img02{
width:645px;
margin-right: 12px;
}
.p-off-box__navi{
flex:1;
display: flex;
flex-direction: column;
gap:12px;
}
.p-off-box__navi li{
flex:1;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width:100%;
color:#fff;
font-size: 18px;
line-height: 1.5;
font-weight: bold;
background-color: #4e5860;
}
.p-off-box__navi li.en{
font-size: 21px;
font-weight: 600;
line-height: 1.09;
font-family: "Poppins";
}
.p-off-flow{
display: flex;
gap:10.5px;
}
.p-off-flow li{
flex:1;
display: flex;
flex-direction: column;
gap:24px;
}
.p-off-flow__item-txt{
display: flex;
align-items: center;
width:100%;
height:68px;
color:#fff;
padding:0 20px 0 14px;
font-size: 21px;
font-weight: bold;
line-height: 1;
box-sizing: border-box;
background-color: #4e5860;
position: relative;
z-index: 1;
}
.p-off-flow__item-txt::before,
.p-off-flow__item-txt::after{
content:"";
width:26px;
height: 35px;
background-color: #f7f8f8;
position: absolute;
right:-1px;
z-index: 10;
}
.p-off-flow__item-txt::before{
top:-1px;
clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.p-off-flow__item-txt::after{
bottom:-1px;
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.p-off-flow__item-img{
width:100%;
aspect-ratio: 221.2203 / 123.1731;
overflow: hidden;
}
.p-off-flow__item-img img,
.p-off-flow__item-img video{
width:100%;
height: 100%;
object-fit: cover;
} #tabBtn{
width:100%;
margin-bottom:60px;
}
#tabBtn li{
width:24.13461538461538%;
height:80px;
}
#tabBtn a{
width:100%;
height:100%;
padding:10px 20px;
color:#fff;
font-size:184%;
line-height:1.2;
background:#4E5860;
box-sizing:border-box;
position:relative;
transition:all 0.2s ease-out;
}
#tabBtn .selected,
#tabBtn a:hover{ background:#E60012;}
#tabBtn .selected::after{
display:block;
content:"";
width:0;
height:0;
border-width:10px 7px 0 7px;
border-color:#E60012 transparent transparent transparent;
border-style:solid;
position:absolute;
left:50%;
bottom:-10px;
transform:translateX(-50%);
}
.tabColumn:not(#tab1){ display:none;}
.careersTxt{
font-size:150%;
line-height:1.3;
color:#4E5860;
}
.button{
width:320px;
height:60px;
margin:105px auto 0;
}
.button.btn-contact{ margin-top:35px;}
.button a{
display:block;
width:100%;
height:100%;
text-align:center;
line-height:60px;
color:#fff;
font-size:134%;
font-family: "Poppins", 'Noto Sans JP', arial, helvetica, sans-serif;
background:#E60012;
position:relative;
z-index:1;
}
.button a::before{
display:block;
content:"";
width:0;
height:100%;
position:absolute;
left:0;
top:0;
background:#000;
z-index:-1;
transition:all 0.2s ease-out;
}
.button a:hover::before{ width:100%;} .privacyHd{
font-size:234%;
font-weight:bold;
margin-bottom:50px;
line-height:1.25;
}
.privacyInner{
width:auto;
padding:0 70px 0 30px;
color:#4E5860;
font-size:167%;
line-height:1.35;
}
.privacyInner li{
padding-left:45px;
line-height:1.35;
position:relative;
}
.privacyInner li span{
display:block;
position:absolute;
left:0;
}
.privacyInner li ul,
.privacyInner li + li{ margin-top:30px;}
.privacyInner li li{
padding-left:60px;
font-size:18px;
line-height:1.6;
}
.privacyInner a{
color:#002D60;
text-decoration:underline;
}
.privacyInner a:hover{ text-decoration:none;}
.privacyTbl{
width:100%;
margin-top:35px;
}
.privacyTbl th{
padding:15px 10px 15px 20px;
vertical-align:middle;
color:#fff;
background:#4E5860;
}
.privacyTbl th + th{
padding-left:30px;
border-left:1px solid #DCDDDD;
}
.privacyTbl td{
padding:20px;
vertical-align:top;
font-size:18px;
color:#000;
line-height:1.5;
border:1px solid #DCDDDD;
background:#fff;
text-align:left;
}
.privacyTbl td + td{ padding-left:30px;}
.privacyTbl tbody tr:nth-child(even){ background:#F7F8F8;}
#updateTxt{
text-align:right;
margin-top:100px;
} .technologyInner{
width:auto;
padding:0 80px 0 70px;
}
.subHd{
font-size:175%;
font-weight:bold;
padding:50px 0 40px;
}
.list li{
color:#4E5860;
font-size:134%;
padding-left:23px;
text-indent:-23px;
}
.careersTxt + .careersTxt,
.list li + li{ margin-top:20px;}
.list .top-list{ line-height:1.66;}
.list li::before{
content:"●";
opacity:0.5;
padding-right:12px;
font-family: "Poppins", arial, helvetica, sans-serif;
}
.list a,
.txtlink{
color: #002D60;
text-decoration: underline;
line-height:inherit;
}
.list a:hover,
.txtlink:hover{ text-decoration:none;}
#aboutInfo .list li{ color:#fff;}
.technologyImg{
width:100%;
margin-top:50px;
}
.technologyImg2{
width:100%;
margin-top:100px;
padding-bottom:20px;
}
#grandSlamImg{
width:auto;
margin:40px 15px 0;
padding:38px 25px;
border:1px solid #DCDDDD;
}
#grandSlamImg li + li{
margin-top:36px;
padding-top:36px;
border-top:1px solid #DCDDDD;
}
.videoFrame{
width:100%;
height:0;
margin-top:50px;
padding-top:56.25%;
position:relative;
}
.videoFrame iframe{
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
}
.button.mt{
margin-top:50px;
width:450px;
} .topInfo.solutionInfo li{ width:110px;}
.topInfo.solutionInfo li + li{ margin-left:0;}
.topInfo.solutionInfo li a{ color:#000;}
.solutionInfo#detailInner{
padding-top:0;
padding-bottom:0;
background:none;
}
#solutionsNavi a{
display:inline-block;
vertical-align:middle;
color:#000;
font-size:36px;
font-weight:bold;
padding-left:38px;
line-height:1.38;
position:relative;
transition:all 0.2s ease-out;
}
#solutionsNavi a:hover{ color:#e50013;}
#solutionsNavi a::before{
display:block;
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #e50013;
position:absolute;
left:0;	
top:50%;
transform:translateY(-50%);
}
.solutionsItem{
width:auto;
min-height:440px;
margin:70px 0 0 300px;
padding:70px 45px 70px 360px;
background:#fff;
position:relative;
}
.solutionsItem .subHd{ padding:32px 0 22px;}
.solutionsImg{
width:600px;
position:absolute;
left:-300px;
top:70px;
z-index:10;
}
.videoItem + .videoItem{ margin-top:20px;}
.videoItem__text{
flex:1;
padding:0 20px 0 23px;
font-size: 150%;
color:#4E5860;
font-family: "Poppins", 'Noto Sans JP', arial, helvetica, sans-serif;
line-height:1.1;
position:relative;
}
.videoItem__text::before {
content: "●";
opacity: 0.5;
position:absolute;
left:0;
font-family: "Poppins", arial, helvetica, sans-serif;
}
.videoItem__frame{
width:200px;
height:113px;
position:relative;
}
.videoItem__frame iframe{
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
} #contents.contact + #footer{ margin-top:130px;}
#formTbl{ width:100%;}
#formTbl th{
width:246px;
vertical-align:top;
text-align:left;
line-height:1.6;
font-size:134%;
padding:5px 0 35px;
}
#formTbl th::after{
display:block;
font-size:12px;
}
#formTbl th.optional::after{
content:"任意";
color:#898989;
}
#formTbl th.required::after{
content:"必須";
color:#E50012;
}
#formTbl td{
padding-bottom:35px;
vertical-align:top;
}
.form-txt{
display:block;
margin-top:10px;
}
.form-input{
width:100%;
height:62px;
border:none;
outline:none;
padding-left:20px;
border-radius:0;
font-size:134%;
background:#F7F8F8;
box-sizing:border-box;
}
.form-txtarea{
width:100%;
height:224px;
border:none;
outline:none;
overflow:auto;
resize:none;
padding:20px;
border-radius:0;
font-size:134%;
background:#F7F8F8;
box-sizing:border-box;
}
#formPrivacy{
width:100%;
margin-top:105px;
}
#formPrivacy dt{
font-size:134%;
line-height:1.6;
margin-bottom:15px;
}
#formPrivacy dd{
width:100%;
height:320px;
padding:25px 30px;
overflow:auto;
-webkit-overflow-scrolling: touch;
background:#F7F8F8;
}
#formTbl span.wpcf7-not-valid-tip{
margin-top:10px;
color:#E50012;
font-size:14px;
} #newsForm{
width:100%;
max-width:410px;
margin:0 auto;
}
#newsForm li{ width:100%;}
.news-input{
width:100%;
height:60px;
padding-left:20px;
font-size:134%;
background:#fff;
border:1px solid #DCDDDD;
box-sizing:border-box;
}
.form-select{ position:relative;}
.form-select::before{
display:block;
content:"";
width:9px;
height:24px;
background:url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/icon-select.svg) no-repeat 50%;
background-size:auto 100%;
position:absolute;
right:22px;
top:50%;
transform:translateY(-50%);
pointer-events: none;
z-index:10;
}
.form-select select{
-webkit-appearance: none;
appearance: none;
}
.form-select select::-ms-expand {
display: none;
}
#newsList{
width:100%;
margin-top:70px;
}
.newsListItem{
width:29.6875%;
padding-bottom:35px;
background:#fff;
}
.newsListItem:nth-child(n+4){ margin-top:60px;}
.newsListItem:nth-child(3n+2):last-child{ margin-right:35.15625%;}
.newsListItem-ttl{
color:#4E5860;
line-height:1.2;
font-size:134%;
padding:16px 20px 20px;
}
.newsListItem-ttl::after{
display:block;	
content:"";
width:104px;
height:1px;
background:#E60012;
margin-top:15px;
}
.newsListItem-inner{
width:auto;
padding:0 20px;
}
.pagination{
width:100%;
margin-top:80px;
}
.pagination ul{
width:100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.pagination li{
width:60px;
height:60px;
font-size:150%;
color:#898989;
line-height:60px;
text-align:center;
}
.pagination li + li{ margin-left:20px;}
.pagination a{
display:block;
width:100%;
height:100%;
text-align:center;
line-height:60px;
color: #000;
background-color: #fff;
box-sizing:border-box;
transition:all 0.2s ease-out
}
.pagination a:hover{ background-color:#EFEFEF;}
.pagination .prev,
.pagination .next{
text-indent:-9999px;
background-repeat:no-repeat;
background-position:50%;
background-size:9px 17px;
position:relative;
}
.pagination .prev{ background-image:url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/news/icon-prev.svg);}
.pagination .next{ background-image:url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/news/icon-next.svg);}
.pagination .current{
display:block;
width:100%;
height:100%;
line-height:60px;
font-weight:bold;
color:#fff;
background:#E50012;
box-sizing:border-box;
} #detailDate{ margin-top:22px;}
#editor{
font-size:150%;
line-height:1.4;
color:#4E5860;
}
#editor > *{
max-width:100%;
margin-top:40px;
line-height:inherit;
} #editor img{
display:block;
max-width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
}
#editor a{
color: #002D60;
text-decoration:underline;
}
#editor a:hover{ text-decoration:none;}
#editor ul,
#editor ol{ padding-left: 1em;}
#editor ul li{
padding-left: 1em;
text-indent:-1em;
}
#editor ul li::before{
content: "・";
}
#editor ol{ counter-reset: item;}
#editor ol li{
padding-left: 1.05em;
position:relative;
}
#editor ol li::before{
counter-increment: item;
content: counter(item)".";
position:absolute;
left:0;
}
.news-share{
width:auto;
padding:15px 20px;
margin-top:30px;
background:#F7F8F8;
}
#editor + .news-share{ margin-top:80px;}
.news-share dt{
font-size:134%;
color:#4E5860;
margin-right:20px;
line-height:24px;
}
.news-share li + li{ margin-left:26px;}
.news-share rect,
.news-share circle,
.news-share path{ transition:all 0.2s ease-out;}
.news-share a:hover rect,
.news-share a:hover circle,
.news-share a:hover path{ fill:#E50012;} #nvidia-Wrap{
width:100%;
padding-top:140px;
position:relative;
}
#nvidia-Wrap::before {
display: block;
content: "";
width: 140%;
height: 15%;
position: absolute;
top: -10%;
left: 50%;
z-index: -1;
background: #fff;
transform: rotate(-5deg) translateX(-50%);
}
#nvidia-Lead{
width:auto;
margin:0 calc((100vw - 1280px) / 2 * -1) 180px 0;
padding:136px 0 46px 90px;
background:url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/nvidia/bg.svg) no-repeat 0 50%;
background-size:cover;
box-sizing:border-box;
position:relative;
}
#nvidia-Lead__text{
margin-bottom:50px;
color:#fff;
font-size:36px;
line-height:1.25;
font-weight:bold;
}
#nvidia-Lead__logo{ width:236px;}
#nvidia-Lead__image{
width:38.984375%;
max-width:499px;
position:absolute;
right:calc((100vw - 1280px) / 2);
top:50%;
transform:translateY(-50%);
z-index:10;
}
.nvidia-Section{
width:100%;
position:relative;
z-index:1;
}
.nvidia-Section::before{
display:block;
content:"";
width:calc(100% - 200px);
height:100%;
background:#fff;
position:absolute;
top:0;
left:0;
z-index:-1;
}
.nvidia-Section.flex-reverse::before{
left:auto;
right:0;
}
#nvidia-Section__image1{
width:43.984375%;
position:absolute;
left:20px;
top:50%;
transform:translateY(-50%);
z-index:10;
}
#nvidia-Section__image2{
width:21.09375%;
position:absolute;
right:80px;
top:50%;
transform:translateY(-50%);
z-index:10;
}
.nvidia-Section__txtfield{ 
width:42.1875%;
padding:70px;
}
.nvidia-Section__txtfield.wid{ width:43.75;}
.nvidia-Section__txtfield .list li{ text-align:left;}
.nvidia-Section__title{
font-size:24px;
font-weight:bold;
line-height:1.2;
margin-bottom:30px;
}
.nvidia-Section__title::after{
display:block;
content:"";
width:100px;
height:4px;
background:#75BB00;
margin-top:24px;
}
.nvidia-Section__title.style2{ color:#fff;}
.nvidia-Section__title.style2::after{ background:#E60012;}
.nvidia-Section__button{
width:164px;
height:46px;
margin-top:36px;
}
.nvidia-Section__button a{
display:block;
width:100%;
height:100%;
text-align:center;
line-height:46px;
color:#fff;
font-size:150%;
background:#75BB00;
position:relative;
z-index:1;
}
.nvidia-Section__button a::before{
display:block;
content:"";
width:0;
height:100%;
position:absolute;
left:0;
top:0;
background:#000;
z-index:-1;
transition:all 0.2s ease-out;
}
.nvidia-Section__button a:hover::before{ width:100%;}
#nvidia-Logo{
width:100%;
margin:100px 0;
}
#nvidia-Logo li{ margin:0 30px;}
.nvidia-Logo1{ width:94px;}
.nvidia-Logo2{ width:189px;}
.nvidia-Logo3{ width:113px;}
#nvidia-Section__black{
max-width:880px;
margin:120px auto 0;
padding:70px 80px 60px;
background:#000;
box-sizing:border-box;
}
#nvidia-Section__black .list li{
color:#ccc;
text-align:left;
}
#nvidia-Section__text{
font-size:117%;
color:#999;
margin-top:35px;
}
#nvidia-Section__logo{
width:100%;
text-align:right;
margin-top:50px;
}
#nvidia-Section__logo img{
width:300px;
height:auto;
} .sol-IndexItem{
display: flex;
flex-direction: column-reverse;
width: 29.6875%;
background: #fff;
}
.sol-IndexItem__inner{
flex:1;
display: flex;
flex-direction: column;
width:100%;
padding:24px 20px 34px;
box-sizing: border-box;
}
.sol-IndexItem__title{
font-size:150%;
line-height:1.2;
font-weight: bold;
margin-bottom: 12px;
}
.sol-IndexItem__title::after {
display: block;
content: "";
width: 104px;
height: 1px;
background: #E60012;
margin-top: 15px;
}
.sol-IndexItem__desc{
color:#4e5860;
font-size:117%;
line-height: 1.4;
}
.sol-IndexItem .viewmore{
padding-top:28px;
margin-top:auto;
}
.sol-IndexItem__image{
width:100%;
overflow: hidden;
}
.sol-IndexItem.is-small .sol-IndexItem__title{ margin-bottom: 0;}
.sol-IndexItem.is-small .sol-IndexItem__title::after{ display: none;} #sol-image{
width:100%;
margin-top:60px;
}
#sol-editor > p{
color: #4E5860;
font-size: 134%;
text-align: justify;
text-align-last: left;
margin-top: 20px;
}
#sol-editor .videoItem{
display: inline-flex;
flex-direction: column-reverse;
justify-content: flex-start;
width:calc(100% * (320/1040));
margin-top: 0;
}
#sol-editor .videoItem__frame{
width:100%;
height:0;
padding-top: 56.25%;
}
#sol-editor .videoItem__text{
flex: unset;
width: 100%;
padding-right: 0;
margin-top: 18px;
box-sizing: border-box;
}
#sol-editor img{
max-width:100%;
height: auto;
}
@media screen and (min-width: 897px){
.sol-IndexItem:not(.is-small):nth-child(n+4){ margin-top: 60px;}
.sol-IndexItem:not(.is-small):nth-child(3n+2):last-child { margin-right: 35.15625%;}
.sol-IndexItem.is-small{ width:calc(100% * (280/1280));}
.sol-IndexItem.is-small:nth-child(n+5){ margin-top: 60px;}
.sol-IndexItem.is-small:nth-child(4n+2):last-child { margin-right: calc(200% * (333/1280));}
.sol-IndexItem.is-small:nth-child(4n+3):last-child { margin-right: calc(100% * (333/1280));}
.sol-IndexItem.is-small .sol-IndexItem__inner{ padding:16px 20px 18px;}
.sol-IndexItem.is-small .viewmore{ padding-top:16px;}
.sol-IndexItem.is-small .viewmore a{ font-size: 117%;}
#sol-editor .videoItem:not(:nth-child(3n)){ margin-right: calc(100% * (36/1040));}
#sol-editor .videoItem:nth-child(n+4){ margin-top: calc(100% * (40/1040));}
}
@media screen and (max-width: 1280px) and (min-width: 897px){
.sol-IndexItem:not(.is-small):nth-child(n+4),
.sol-IndexItem.is-small:nth-child(n+5){ margin-top: 4.6875vw;}
.sol-IndexItem__inner{ padding:calc(100vw * (24/1280)) calc(100vw * (20/1280)) calc(100vw * (34/1280));}
.sol-IndexItem__title{
font-size:calc(100vw * (18/1280));
margin-bottom: calc(100vw * (12/1280));
}
.sol-IndexItem__title::after {
width: calc(100vw * (104/1280));
margin-top: calc(100vw * (15/1280));
}
.sol-IndexItem__desc{ font-size: calc(100vw * (14/1280));}
.sol-IndexItem .viewmore{ padding-top: calc(100vw * (28/1280));}
.sol-IndexItem.is-small .sol-IndexItem__inner{ padding:calc(100vw * (16/1280)) calc(100vw * (20/1280)) calc(100vw * (18/1280));}
.sol-IndexItem.is-small .viewmore{ padding-top: calc(100vw * (16/1280));}
.sol-IndexItem.is-small .viewmore a{ font-size: calc(100vw * (14/1280));}
#sol-image{
margin-top:calc(100vw * (60/1280));
}
#sol-editor > p{
font-size:calc(100vw * (16/1280));
margin-top: calc(100vw * (20/1280));
}
#sol-editor .videoItem__text{ margin-top: calc(100vw * (18/1280));}
} @media screen and (max-width: 896px){
.sol-IndexItem{ width: calc(50% - 2.232142857142857vw);}
.sol-IndexItem:nth-child(n+3){ margin-top: 5.022321428571429vw;}
.sol-IndexItem__inner{ padding:calc(100vw * (24*.75/896)) calc(100vw * (20*.75/896)) calc(100vw * (34*.75/896));}
.sol-IndexItem__title{
font-size:calc(100vw * (18*.75/896));
margin-bottom: calc(100vw * (12*.75/896));
}
.sol-IndexItem__title::after {
width: calc(100vw * (104*.75/896));
margin-top: calc(100vw * (15*.75/896));
}
.sol-IndexItem__desc{ font-size: calc(100vw * (14*.75/896));}
.sol-IndexItem .viewmore{ padding-top: calc(100vw * (28*.75/896));}
#sol-image{
margin-top:calc(100vw * (60*.75/896));
}
#sol-editor > p{
font-size:calc(100vw * (16*.75/896));
margin-top: calc(100vw * (20*.75/896));
}
#sol-editor .videoItem{
width:calc(100% * (348/736));
}
#sol-editor .videoItem:nth-child(odd){ margin-right: calc(100% * (40/736) - 4px);}
#sol-editor .videoItem:nth-child(n+3){ margin-top: calc(100% * (40/736));}
#sol-editor .videoItem__text{ margin-top: calc(100vw * (18*.75/896));}
} @media screen and (max-width: 640px){
.sol-IndexItem__inner{ padding:calc(100vw * (24/640)) calc(100vw * (20/640));}
.sol-IndexItem__title{
font-size:calc(100vw * (22/640));
margin-bottom: calc(100vw * (12/640));
}
.sol-IndexItem__title::after {
width: calc(100vw * (104/640));
margin-top: calc(100vw * (15/640));
}
.sol-IndexItem__desc{ font-size: calc(100vw * (18/640));}
.sol-IndexItem .viewmore{ padding-top: calc(100vw * (28/640));}
.sol-IndexItem .viewmore a{ font-size: calc(100vw * (20/640));}
#sol-image{
margin-top:calc(100vw * (60/640));
}
#sol-editor > p{
font-size:calc(100vw * (20/640));
margin-top: calc(100vw * (20/640));
}
#sol-editor .videoItem__text{ margin-top: calc(100vw * (18/640));}
} #footer{
width:100%;
margin-top:240px;
padding:50px 35px 80px 30px;
background:#fff;
box-sizing:border-box;
position:relative;
}
#pagetop{
width:84px;
position:absolute;
right:35px;
top:-42px;
z-index:10;
}
#ftInfo{
width:100%;
margin-top:50px;
}
#ftLang{ margin-left:40px;}
#ftLang li{
width:52px;
height:34px;
font-size:134%;
text-align:center;
line-height:34px;
color:#fff;
background:#E50012;
}
#ftLang li + li{ margin-left:8px;}
#ftLang a{
display:block;
width:100%;
height:100%;
line-height:34px;
color:#4E5860;
background:#EFEFEF;
transition:all 0.2s ease-out;
}
#ftLang a:hover{
color:#fff;
background:#E50012;
}
#ftSocial dt{
color:#4E5860;
font-size:134%;
margin-right:30px;
}
#ftSocial li + li{ margin-left:30px;}
#ftBox{
margin-right:auto;
padding-left:5px;
}
#ftBox a{
color:#000;
padding:10px 0;
font-size:134%;
border-bottom:2px solid transparent;
transition:all 0.2s ease-out;
}
#ftBox a:hover{ border-bottom-color:#E50012;}
#copyright{
font-size:117%;
margin-right:26px;
}
#copyright small{ font-family: "Poppins", arial, helvetica, sans-serif;}  @media screen and (min-width: 897px){
.tb-show{ display:none;}
.naviItem + .naviItem{ margin-left:36px;}
.naviItem a:hover,
.naviItem .selected{ border-bottom-color:#E50012;}
.naviItem-contact a:hover{
color:#fff;
background:#E50012;
border-color:#E50012;
}
.naviItem-lang a:hover,
.naviItem-lang .selected{
color:#fff;
background:#E50012;
}
.naviItem-lang a::after{
display:block;
content:"";
width:10px;
height:10px;
border-right:1px solid #4E5860;
border-bottom:1px solid #4E5860;
transform:rotate(45deg);
position:absolute;
left:50%;
top:50%;
margin:14px 0 0 -6px;
}
.naviItem-lang a:hover::after,
.naviItem-lang .selected::after{
border-right-color:#fff;
border-bottom-color:#fff;
}
.naviItem-lang li + li{
opacity:0;
height:0;
visibility:hidden;
border-top:1px solid #EFEFEF;
transition:all 0.2s ease-out;
}
.naviItem-lang:hover{ overflow:visible;}
.naviItem-lang:hover li + li{
height:100%;
opacity:1;
visibility:visible;
}
}
@media screen and (max-width: 1370px){
#nvidia-Lead{ margin-right:-35px;}
#nvidia-Lead__image{ right:35px;}
}
@media screen and (min-width: 1281px){
#detailInner.privacy{ padding:90px 190px 50px;} 
#detailInner.news{ padding:90px 190px 110px;}
}
@media screen and (max-width: 1280px){
body{ padding-top:7.1875vw;}
#header{
height:7.1875vw;
padding-left:2.34375vw;
}
.logo{ width:17.5vw;}
.naviItem + .naviItem{ margin-left:2.8125vw;}
.naviItem a,
.naviItem-lang a,
.naviItem-contact a{ font-size:1.40625vw;}
.naviItem a{
line-height:3.203125vw;
padding-top:0.15625vw; }
.naviItem-contact{
width:7.1875vw;
height:3.125vw;
margin:0 1.953125vw;
}
.naviItem-contact a{ line-height:2.96875vw;}
.naviItem-lang{ width:7.1875vw;}
.naviItem-lang a{ line-height:7.1875vw;}
.naviItem-lang a::after {
width: 0.78125vw;
height: 0.78125vw;
margin: 1.09375vw 0 0 -0.46875vw;
}
.inner {
padding-right:2.734375vw;
padding-left:2.734375vw;
}
.inner.wrap{
padding-right:7.421875vw;
padding-left:7.421875vw;
}
#detailHd{
padding-top:1.5625vw;
margin-bottom:12.5vw;
}
.sectionHd{
font-size: calc(69/1280*100vw);
margin-bottom:2.34375vw;
}
.sectionHd::after{
width:7.8125vw;
height:0.3125vw;
margin-top:2.34375vw;
}
.text,
.text-l,
.careersTxt{ font-size:1.25vw;} #sectionHd-about{ width:27.084375vw; height:auto;}
#sectionHd-grandslam{ width:35.235625vw; height:auto;}
#sectionHd-technology{ width:33.8928125vw; height:auto;}
#sectionHd-technology2{ width:47.6959375vw; height:auto;}
#sectionHd-solutions{ width:31.109609375vw; height:auto;}
#sectionHd-solutions2{ width:56.883515625vw; height:auto;}
#sectionHd-press{ width:14.99328125vw; height:auto;}
#sectionHd-ir{ width:20.239296875vw; height:auto;}
#sectionHd-news{ width:15.46875vw; height:auto;}
#sectionHd-partners{ width:24.0509375vw; height:auto;}
#sectionHd-contact{ width:32.316875vw; height:auto;}
#sectionHd-careers{ width:22.163671875vw; height:auto;}
#sectionHd-privacy{ width:39.9475vw; height:auto;}
#sectionHd-collaborator{ width:36.484375vw; height:auto;} #topMain{
padding:16.40625vw 0 5.46875vw;
margin-bottom:18.75vw;
}
#topMainBg{ height:54.6875vw;}
#topMainLead{
margin-bottom:calc(140/1280*100vw);
font-size:calc(28/1280*100vw);
padding:calc(10/1280*100vw) calc(10/1280*100vw) calc(10/1280*100vw) calc(14/1280*100vw);
border-left-width:0.46875vw;
}
.topInfo + .topInfo{ margin-top:3.125vw;}
.topInfo dt{
font-size:1.71875vw;
margin-bottom:2.03125vw;	
}
.topInfo li{ width:7.1875vw;}
.topInfo.solutionInfo li{ width:8.59375vw;}
.topInfo li + li{ margin-left:3.59375vw;}
.topInfo li figcaption{
font-size:1.171875vw;
margin-top:0.78125vw;
}
.topInfo .andmore{
width:7.1875vw;
height:7.1875vw;
font-size:1.25vw;
}
#leadLogo{ margin:3.90625vw 0 10.9375vw;}
#leadLogo img{ max-width:32.109375vw;}
#aboutHd{ width:35.15625vw;}
#aboutInfo{ width:calc(100% - 35.15625vw);}
.viewmore{ margin-top:3.125vw;}
.viewmore a{
font-size:1.09375vw;
padding-right:6.09375vw;
}
.viewmore a::before{ width:5vw;}
.viewmore a::after{
width:0.46875vw;
height:0.46875vw;
}
.viewmore a:hover{ padding-right:6.875vw;}
.viewmore a:hover::before{ width:5.78125vw;}
.viewmore.txtr a{ margin-right:0.78125vw;}
.section + .section{ margin-top:14.0625vw;}
#section-grandslam{ width:43.75vw;}
#section-grandslam .sectionHd{ margin-bottom:0.78125vw;}
#grandslamTxt{ font-size:2.5vw;}
.column{ padding:calc(46/1280*100vw) calc(60/1280*100vw) calc(50/1280*100vw);}
.mappingItem figcaption{
font-size:1.25vw;
margin-top:0.78125vw;
}
#mappingTxt{
font-size:1.71875vw;
margin:3.125vw 0;
}
#section-news{
margin:3.90625vw 0;
padding:13.28125vw 0;
}
.newsList{ padding-top:0.78125vw;}
.newsItem + .newsItem{
padding-top:0.9375vw;
margin-top:0.9375vw;
}
.newsItem-date{
font-size:1.09375vw;
margin-right:1.25vw;
}
.newsItem-cate{
font-size:1.09375vw;
line-height:1.5625vw;
padding:0 1.25vw;
border-radius:0.390625vw;
}
.newsItem-txt{
min-height:3.28125vw;
margin-top:0.78125vw;
font-size:1.25vw;
}
.newsItem-txt span{
padding:0 0.546875vw;
margin-left:0.546875vw;
}
.partnerItem + .partnerItem{ margin-top:5.46875vw;}
.partnerItemHd{
font-size:1.71875vw;
margin-bottom:1.5625vw;
}
#partnertHd{ width:44.379%;} #sectionHd-offering{
width: calc(310.2734/1280*100vw);
height: auto;
}
#sectionHd-usecase {
width: calc(353.827/1280*100vw);
height: auto;
}
#sectionHd-parner{
width: calc(575.7031/1280*100vw);
height: auto;
}
#sectionHd-offerings{
width: calc(349.0625/1280*100vw);
height: auto;
}
.p-idx-offering{
padding-top:calc(60/1280*100vw);
}
.p-idx-offering__sec{
margin-top:calc(60/1280*100vw);
padding:calc(40/1280*100vw) calc(30/1280*100vw) calc(56/1280*100vw);
border-radius:calc(15/1280*100vw);
box-shadow: calc(2/1280*100vw) calc(2/1280*100vw) calc(1/1280*100vw) rgba(0,0,0,.2);
}
.p-idx-offering__sec + .p-idx-offering__sec{
margin-top: calc(18/1280*100vw);
}
.p-idx-offering__sec + .p-idx-offering__sec::before{
width:calc(60/1280*100vw);
top:calc(-39/1280*100vw);
}
.p-idx-offering__ttl{
font-size: calc(20/1280*100vw);
margin-bottom: calc(20/1280*100vw);
}
.p-idx-offering__inner{
gap:calc(28/1280*100vw);
}
.p-idx-offering__subsec{
gap:calc(14/1280*100vw);
}
.p-idx-offering__subttl{
height:calc(90/1280*100vw);
font-size: calc(16/1280*100vw);
padding-inline:calc(20/1280*100vw);
}
.p-idx-offering__subttl span{
font-size: calc(20/1280*100vw);
margin-top: calc(4/1280*100vw);
}
.p-idx-offering__subttl2{
height:calc(90/1280*100vw);
font-size: calc(20/1280*100vw);
padding-inline:calc(20/1280*100vw);
}
.p-idx-offering__txt{
font-size: calc(16/1280*100vw);
} .p-idx-usecase{
margin-top:calc(76/1280*100vw);
margin-bottom:calc(164/1280*100vw);
}
.p-idx-sol__itemWrapper{
gap:calc(36/1280*100vw) calc(32/1280*100vw);
margin-top: calc(60/1280*100vw);
}
.p-idx-sol__item{
width:calc(25% - (24/1280*100vw));
}
.p-idx-sol__item-inner{
gap:calc(12/1280*100vw);
padding:calc(18/1280*100vw) calc(20/1280*100vw);
}
.p-idx-sol__item-ttl{
font-size: calc(18/1280*100vw);
}
.p-idx-sol__item-more a{
font-size: calc(14/1280*100vw);
} .p-idx-collab__list{
gap:calc(16/1280*100vw);
margin-top: calc(60/1280*100vw);
}
.p-idx-collab__list img{
width:100%;
height: auto;
}
.p-idx-collab__item1 { width:calc(125/1280*100vw);}
.p-idx-collab__item2 { width:calc(164/1280*100vw);}
.p-idx-collab__item3 { width:calc(164/1280*100vw);}
.p-idx-collab__item4 { width:calc(207/1280*100vw);}
.p-idx-collab__item5 { width:calc(170/1280*100vw);}
.p-idx-collab__item6 { width:calc(174/1280*100vw);}
.p-idx-collab__item7 { width:calc(153/1280*100vw);}
.p-idx-collab__item8 { width:calc(181/1280*100vw);}
.p-idx-collab__item9 { width:calc(193/1280*100vw);}
.p-idx-collab__item10{ width:calc(226/1280*100vw);}
.p-idx-collab__item11{ width:calc(236/1280*100vw);}
.p-idx-collab__item12{ width:calc(160/1280*100vw);}
.p-idx-collab__item13{ width:calc(190/1280*100vw);}
.p-idx-collab__item14{ width:calc(150/1280*100vw);}
.p-idx-collab__item15{ width:calc(200/1280*100vw);}
.p-idx-collab__item16{ width:calc(165/1280*100vw);} .p-off-navi {
grid-template-columns: calc(220/1280*100vw) repeat(2, calc(361/1280*100vw));
grid-template-rows: 1fr repeat(4, calc(84/1280*100vw));
grid-column-gap: calc(14/1280*100vw);
grid-row-gap: calc(14/1280*100vw);
margin-bottom: calc(120/1280*100vw);
}
.p-off-navi__item-ttl{
font-size: calc(20/1280*100vw);
}
.p-off-navi__item-subttl{
font-size: calc(17.5/1280*100vw);
padding-inline: calc(16/1280*100vw);
}
.p-off-navi__itemHd{
height: calc(120/1280*100vw);
margin-top: calc(14/1280*100vw);
padding-inline: calc(26/1280*100vw);
}
.p-off-navi__itemHd-ttl{
font-size: calc(16/1280*100vw);
}
.p-off-navi__itemHd-txt{
font-size: calc(20/1280*100vw);
margin-top: calc(10/1280*100vw);
}
.p-off-navi__item-soon{
font-size: calc(18/1280*100vw);
padding-inline: calc(26/1280*100vw);
}
.p-off-navi__item-link a{
font-size: calc(16/1280*100vw);
padding-inline: calc(26/1280*100vw);
}
.p-off-navi__item-link a span{
font-size: calc(18/1280*100vw);
}
.p-off-navi__item-link a::after{
width:calc(17/1280*100vw);
right:calc(18/1280*100vw);
bottom:calc(14/1280*100vw);
}
.p-off-clm{
padding-inline:calc(66/1280*100vw);
margin-top: calc(60/1280*100vw);
gap:calc(30/1280*100vw);
}
.p-off-box{
margin-top: calc(60/1280*100vw);
padding:calc(54/1280*100vw) calc(66/1280*100vw);
}
.p-off-box__img01{
width:calc(609/1280*100vw);
margin-right: calc(26/1280*100vw);
}
.p-off-box__img02{
width:calc(645/1280*100vw);
margin-right: calc(12/1280*100vw);
}
.p-off-box__navi{
gap:calc(12/1280*100vw);
}
.p-off-box__navi li{
font-size: calc(18/1280*100vw);
}
.p-off-box__navi li.en{
font-size: calc(21/1280*100vw);
}
.p-off-flow{
gap:calc(10.5/1280*100vw);
}
.p-off-flow li{
gap:calc(24/1280*100vw);
}
.p-off-flow__item-txt{
height:calc(68/1280*100vw);
padding:0 calc(20/1280*100vw) 0 calc(14/1280*100vw);
font-size: calc(21/1280*100vw);
}
.p-off-flow__item-txt::before,
.p-off-flow__item-txt::after{
width:calc(26/1280*100vw);
height: calc(34/1280*100 + 1px);
} #detailInner{ padding: 7.03125vw 9.375vw 9.375vw;}
.columnHd{ font-size:2.8125vw;}
.columnHd.jp{ font-size:2.5vw;}
.columnHd::after{
width:7.8125vw;
height:0.3125vw;
margin-top:2.1875vw;
}
.lead{
margin-top:4.6875vw;
font-size:2.1875vw;
}
.text-detail{ font-size:1.25vw;}
.text-mt{ margin-top:3.90625vw;}
.table{
margin-top:3.90625vw;
font-size:1.25vw;
}
.table th{
width:13.4375vw;
padding:1.5625vw 4.296875vw 1.640625vw 0;
}
.table th::after{ width:13.515625vw;}
.table td{ padding:1.5625vw 0 1.5625vw 1.5625vw;} #contents.contact + #footer{ margin-top:10.15625vw;}
#formTbl th{
width:19.21875vw;
font-size:1.25vw;
padding:0.390625vw 0 2.734375vw;
}
#formTbl th::after{ font-size:1.09375vw;}
#formTbl td{ padding-bottom:2.734375vw;}
.form-txt{ margin-top:0.78125vw;}
.form-input{
height:4.84375vw;
padding-left:1.5625vw;
font-size:1.25vw;
}
.form-txtarea{
height:17.5vw;
padding:1.5625vw;
font-size:1.25vw;
}
#formPrivacy{ margin-top:8.203125vw;}
#formPrivacy dt{
font-size:1.25vw;
margin-bottom:1.171875vw;
}
#formPrivacy dd{
height:25vw;
padding:1.953125vw 2.34375vw;
}
#formTbl span.wpcf7-not-valid-tip{
margin-top:0.78125vw;
font-size:1.09375vw;
}
.form-select::before{
width:0.703125vw;
height:1.875vw;
right:1.71875vw;
} #tabBtn{ margin-bottom:4.6875vw;}
#tabBtn li{ height:6.25vw;}
#tabBtn a{
padding:0.78125vw 1.5625vw;
font-size:1.71875vw;
}
#tabBtn .selected::after{
border-width:0.78125vw 0.546875vw 0 0.546875vw;
bottom:-0.703125vw;
}
.button{
width:25vw;
height:4.6875vw;
margin-top:8.203125vw;
}
.button.btn-contact{ margin-top:2.734375vw;}
.button a{
line-height:4.6875vw;
font-size:1.25vw;
} .privacyHd{
font-size:2.1875vw;
margin-bottom:3.90625vw;
}
.privacyInner{
padding:0 5.46875vw 0 2.34375vw;
font-size:1.5625vw;
}
.privacyInner li{ padding-left:3.515625vw;}
.privacyInner li ul,
.privacyInner li + li{ margin-top:2.34375vw;}
.privacyInner li li{
padding-left:4.6875vw;
font-size:1.40625vw;
}
.privacyTbl{ margin-top:2.734375vw;}
.privacyTbl th{ padding:1.171875vw 0.78125vw 1.171875vw 1.5625vw;}
.privacyTbl th + th{ padding-left:2.34375vw;}
.privacyTbl td{
padding:1.5625vw;
font-size:1.40625vw;
}
.privacyTbl td + td{ padding-left:2.34375vw;}
#updateTxt{ margin-top:7.8125vw;} .technologyInner{ padding:0 6.25vw 0 5.46875vw;}
.subHd{
font-size:1.640625vw;
padding:3.90625vw 0 3.125vw;
}
.list li{
font-size:1.25vw;
padding-left:1.796875vw;
text-indent:-1.7968755vw;
}
.careersTxt + .careersTxt,
.list li + li{ margin-top:1.5625vw;}
.list li::before{ padding-right:0.9375vw;}
.technologyImg{ margin-top:3.90625vw;}
.technologyImg2{
margin-top:7.8125vw;
padding-bottom:1.5625vw;
}
#grandSlamImg{
margin:3.125vw 1.171875vw 0;
padding:2.96875vw 1.953125vw;
}
#grandSlamImg li + li{
margin-top:2.8125vw;
padding-top:2.8125vw;
}
.videoFrame{ margin-top:3.90625vw;}
.button.mt{
margin-top:3.90625vw;
width:35.15625vw;
} #solutionsNavi a{
font-size:2.8125vw;
padding-left:2.96875vw;
}
#solutionsNavi a::before{ border-width: 0.46875vw 0 0.46875vw 0.78125vw;}
.solutionsItem{
min-height:34.375vw;
margin:5.46875vw 0 0 23.4375vw;
padding:5.46875vw 4.6875vw 5.46875vw 28.125vw;
}
.solutionsItem .subHd{ padding:2.5vw 0 1.71875vw;}
.solutionsImg{
width:46.875vw;
left:-23.4375vw;
top:5.46875vw;
}
.videoItem + .videoItem{ margin-top:1.5625vw;}
.videoItem__text{
padding:0 1.5625vw 0 1.796875vw;
font-size:1.40625vw;
}
.videoItem__frame{
width:15.625vw;
height:8.828125vw;
} #newsForm{ max-width:32.03125vw;}
.news-input{
height:4.6875vw;
padding-left:1.5625vw;
font-size:1.25vw;
}
#newsList{ margin-top:5.46875vw;}
.newsListItem{ padding-bottom:2.734375vw;}
.newsListItem:nth-child(n+4){ margin-top:4.6875vw;}
.newsListItem-ttl{
font-size:1.25vw;
padding:1.25vw 1.5625vw 1.5625vw;
}
.newsListItem-ttl::after{
width:8.125vw;
margin-top:1.171875vw;
}
.newsListItem-inner{ padding:0 1.5625vw;}
.pagination{ margin-top:6.25vw;}
.pagination li{
width:4.6875vw;
height:4.6875vw;
font-size:1.40625vw;
line-height:4.6875vw;
}
.pagination li + li{ margin-left:1.5625vw;}
.pagination a,
.pagination .current{ line-height:4.6875vw;}
.pagination .prev,
.pagination .next{ background-size:0.703125vw 1.328125vw;} #detailDate{ margin-top:1.71875vw;}
#editor{ font-size:1.40625vw;}
#editor > *{ margin-top:3.125vw;} .news-share{
padding:1.171875vw 1.5625vw;
margin-top:30px;
}
#editor + .news-share{ margin-top:6.25vw;}
.news-share dt{
font-size:1.25vw;
margin-right:1.5625vw;
}
.news-share li + li{ margin-left:2.03125vw;} #nvidia-Wrap{ padding-top:10.9375vw;}
#nvidia-Lead{
margin:0 -2.734375vw 14.0625vw 0;
padding:10.625vw 0 3.59375vw 7.03125vw;
}
#nvidia-Lead__text{
margin-bottom:3.90625vw;
font-size:2.65625vw;
}
#nvidia-Lead__logo{ width:18.4375vw;}
#nvidia-Lead__image{ right:2.734375vw;}
.nvidia-Section::before{ width:calc(100% - 15.625vw);}
#nvidia-Section__image1{ left:1.5625vw;}
#nvidia-Section__image2{ right:6.25vw;}
.nvidia-Section__txtfield{ padding:5.46875vw;}
.nvidia-Section__title{
font-size:1.875vw;
margin-bottom:2.34375vw;
}
.nvidia-Section__title::after{
width:7.8125vw;
height:0.3125vw;
margin-top:1.875vw;
}
.nvidia-Section__button{
width:12.8125vw;
height:3.59375vw;
margin-top:2.8125vw;
}
.nvidia-Section__button a{
line-height:3.59375vw;
font-size:1.40625vw;
}
#nvidia-Logo{ margin:7.8125vw 0;}
#nvidia-Logo li{ margin:0 2.34375vw;}
.nvidia-Logo1{ width:7.34375vw;}
.nvidia-Logo2{ width:14.765625vw;}
.nvidia-Logo3{ width:8.828125vw;}
#nvidia-Section__black{
max-width:68.75vw;
margin-top:9.375vw;
padding:5.46875vw 6.25vw 4.6875vw;
}
#nvidia-Section__text{
font-size:1.09375vw;
margin-top:2.734375vw;
}
#nvidia-Section__logo{ margin-top:3.90625vw;}
#nvidia-Section__logo img{ width:23.4375vw;} #footer{
margin-top:18.75vw;
padding: 3.90625vw 2.734375vw 6.25vw 2.34375vw;
}
#pagetop{
width:6.5625vw;
right:2.734375vw;
top:-3.28125vw;
}
#ftInfo{ margin-top:3.90625vw;}
#ftSocial dt{
font-size:1.25vw;
margin-right:2.34375vw;
}
#ftLang{ margin-left:3.125vw;}
#ftLang li{
width:4.0625vw;
height:2.65625vw;
font-size:1.25vw;
line-height:2.65625vw;
}
#ftLang li + li{ margin-left:0.625vw;}
#ftLang a{ line-height:2.65625vw;}
#ftBox{ padding-left:0.390625vw;}
#copyright {
font-size: 1.09375vw;
margin-right: 2.03125vw;
}
#ftBox a{
font-size:1.25vw;
padding:0.78125vw 0;
border-bottom-width: 0.15625vw;
}
}
@media screen and (max-width: 896px){
.tb-hide{ display:none;}
body{ padding-top:8.928571428571429vw;}
#header{
height:8.928571428571429vw;
padding:0 3.90625vw 0 3.348214285714286vw;
transition: background 0.5s cubic-bezier(0.485, 0.135, 0, 0.995);
}
.open #header{ background:#000;}
.logo{ width:20.08928571428571vw;}
#gNavi{
display:block;
width:100%;
height:calc(100% - 8.928571428571429vw);
position:fixed;
top:8.928571428571429vw;
right:0;
z-index:1000;
padding:6.696428571428571vw 8.370535714285714vw;
box-sizing:border-box;
overflow:auto;
-webkit-overflow-scrolling: touch;
opacity:0;
visibility:hidden;
transition: all 0.5s cubic-bezier(0.485, 0.135, 0, 0.995);
}
.open #gNavi{
background:#000;
opacity:1;
visibility:visible;
}
#gNavi > ul,
#hdSocial{
transform:translateX(15%);
transition: all 0.6s cubic-bezier(0.485, 0.135, 0, 0.995);
}
.open #gNavi > ul,
.open #hdSocial{ transform:translateX(0%);}
#gNavi .ht100{
height:auto;
display:block;
}
.naviItem{
width:100%;
margin:0 0 2.678571428571429vw;
}
.naviItem + .naviItem{ margin-left:0;}
.naviItem a{
color:#fff;
font-weight:bold;
border-bottom:none;
padding-top:0;
line-height:inherit;
}
.naviItem a,
.naviItem-lang a,
#hdSocial dt,
.naviItem-contact a{ font-size:2.678571428571429vw;}
.naviItem-contact{
width:100%;
height:auto;
margin:0 0 8.928571428571429vw;
}
.naviItem-contact a{
color:#fff;
text-align:left;
font-weight:bold;
line-height:inherit;
border:none;
}
.naviItem-lang{
width:22.76785714285714vw;
height:10.26785714285714vw;
}
.naviItem-lang ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.naviItem-lang li{
width:10.26785714285714vw;
height:10.26785714285714vw;
}
.naviItem-lang a{
line-height:10.04464285714286vw;
color:#fff;
font-weight:bold;
border:1px solid #fff;
background:none;
}
.naviItem-lang .selected{
color:#000;
background:#fff;
}
#hdSocial{
margin-top:8.928571428571429vw;
padding-bottom:6.696428571428571vw;
}
#hdSocial dt{
color:#fff;
font-weight:bold;
margin-bottom:4.017857142857143vw;
}
#hdSocial li + li{ margin-left:5.803571428571429vw;} .inner {
padding-right:2.232142857142857vw;
padding-left:2.232142857142857vw;
}
.inner.wrap{
padding-right:4.464285714285714vw;
padding-left:4.464285714285714vw;
}
.column{ padding:calc(46*0.75/896*100vw) calc(60*0.75/896*100vw) calc(50*0.75/896*100vw);}
#detailHd::after{ height:180%;} #sectionHd-about{ width:29.01897321428571vw;}
#sectionHd-grandslam{ width:37.75245535714286vw;}
#sectionHd-technology{ width:36.31372767857143vw;}
#sectionHd-technology2{ width:51.10279017857143vw;}
#sectionHd-solutions{ width:33.33172433035714vw;}
#sectionHd-solutions2{ width:60.94662388392857vw;}
#sectionHd-press{ width:16.06422991071429vw;}
#sectionHd-ir{ width:21.6849609375vw;}
#sectionHd-news{ width:16.57366071428571vw;}
#sectionHd-partners{ width:25.76886160714286vw;}
#sectionHd-contact{ width:34.62522321428571vw;}
#sectionHd-careers{ width:23.74679129464286vw;}
#sectionHd-privacy{ width:42.80089285714286vw;}
#sectionHd-collaborator{ width:39.09040178571429vw;} #sectionHd-offering{
width: calc(310.2734*0.75/896*100vw);
height: auto;
}
#sectionHd-usecase {
width: calc(353.827*0.75/896*100vw);
height: auto;
}
#sectionHd-parner{
width: calc(575.7031*0.75/896*100vw);
height: auto;
}
#sectionHd-offerings{
width: calc(349.0625*0.75/896*100vw);
height: auto;
}
.p-idx-offering{
padding-top:calc(60*0.75/896*100vw);
}
.p-idx-offering__sec{
margin-top:calc(60*0.75/896*100vw);
padding:calc(40*0.75/896*100vw) calc(30*0.75/896*100vw) calc(56*0.75/896*100vw);
border-radius:calc(15*0.75/896*100vw);
box-shadow: calc(2*0.75/896*100vw) calc(2*0.75/896*100vw) calc(1*0.75/896*100vw) rgba(0,0,0,.2);
}
.p-idx-offering__sec + .p-idx-offering__sec{
margin-top: calc(18*0.75/896*100vw);
}
.p-idx-offering__sec + .p-idx-offering__sec::before{
width:calc(60*0.75/896*100vw);
top:calc(-39*0.75/896*100vw);
}
.p-idx-offering__ttl{
font-size: calc(20*0.75/896*100vw);
margin-bottom: calc(20*0.75/896*100vw);
}
.p-idx-offering__inner{
gap:calc(28*0.75/896*100vw);
}
.p-idx-offering__subsec{
gap:calc(14*0.75/896*100vw);
}
.p-idx-offering__subttl{
height:calc(90*0.75/896*100vw);
font-size: calc(16*0.75/896*100vw);
padding-inline:calc(20*0.75/896*100vw);
}
.p-idx-offering__subttl span{
font-size: calc(20*0.75/896*100vw);
margin-top: calc(4*0.75/896*100vw);
}
.p-idx-offering__subttl2{
height:calc(90*0.75/896*100vw);
font-size: calc(20*0.75/896*100vw);
padding-inline:calc(20*0.75/896*100vw);
}
.p-idx-offering__txt{
font-size: calc(16*0.75/896*100vw);
} .p-idx-usecase{
margin-top:calc(76*0.75/896*100vw);
margin-bottom:calc(164*0.75/896*100vw);
}
.p-idx-sol__itemWrapper{
gap:calc(36*0.75/896*100vw) calc(32*0.75/896*100vw);
margin-top: calc(60/896*100vw);
}
.p-idx-sol__item{
width:calc(25% - (24*0.75/896*100vw));
}
.p-idx-sol__item-inner{
gap:calc(12*0.75/896*100vw);
padding:calc(18*0.75/896*100vw) calc(20*0.75/896*100vw);
}
.p-idx-sol__item-ttl{
font-size: calc(18*0.75/896*100vw);
}
.p-idx-sol__item-more a{
font-size: calc(14*0.75/896*100vw);
} .p-idx-collab__list{
gap:calc(16*0.75/896*100vw);
margin-top: calc(60*0.75/896*100vw);
}
.p-idx-collab__list img{
width:100%;
height: auto;
}
.p-idx-collab__item1 { width:calc(125*0.75/896*100vw);}
.p-idx-collab__item2 { width:calc(164*0.75/896*100vw);}
.p-idx-collab__item3 { width:calc(164*0.75/896*100vw);}
.p-idx-collab__item4 { width:calc(207*0.75/896*100vw);}
.p-idx-collab__item5 { width:calc(170*0.75/896*100vw);}
.p-idx-collab__item6 { width:calc(174*0.75/896*100vw);}
.p-idx-collab__item7 { width:calc(153*0.75/896*100vw);}
.p-idx-collab__item8 { width:calc(181*0.75/896*100vw);}
.p-idx-collab__item9 { width:calc(193*0.75/896*100vw);}
.p-idx-collab__item10{ width:calc(226*0.75/896*100vw);}
.p-idx-collab__item11{ width:calc(236*0.75/896*100vw);}
.p-idx-collab__item12{ width:calc(160*0.75/896*100vw);}
.p-idx-collab__item13{ width:calc(190*0.75/896*100vw);}
.p-idx-collab__item14{ width:calc(150*0.75/896*100vw);}
.p-idx-collab__item15{ width:calc(200*0.75/896*100vw);}
.p-idx-collab__item16{ width:calc(165*0.75/896*100vw);} .p-off-navi {
grid-template-columns: calc(220*0.75/896*100vw) repeat(2, calc(361*0.75/896*100vw));
grid-template-rows: 1fr repeat(4, calc(84*0.75/896*100vw));
grid-column-gap: calc(14*0.75/896*100vw);
grid-row-gap: calc(14*0.75/896*100vw);
margin-bottom: calc(120*0.75/896*100vw);
}
.p-off-navi__item-ttl{
font-size: calc(20*0.75/896*100vw);
}
.p-off-navi__item-subttl{
font-size: calc(17.5*0.75/896*100vw);
padding-inline: calc(16*0.75/896*100vw);
}
.p-off-navi__itemHd{
height: calc(120*0.75/896*100vw);
margin-top: calc(14*0.75/896*100vw);
padding-inline: calc(26*0.75/896*100vw);
}
.p-off-navi__itemHd-ttl{
font-size: calc(16*0.75/896*100vw);
}
.p-off-navi__itemHd-txt{
font-size: calc(20*0.75/896*100vw);
margin-top: calc(10*0.75/896*100vw);
}
.p-off-navi__item-soon{
font-size: calc(18*0.75/896*100vw);
padding-inline: calc(26*0.75/896*100vw);
}
.p-off-navi__item-link a{
font-size: calc(16*0.75/896*100vw);
padding-inline: calc(26*0.75/896*100vw);
}
.p-off-navi__item-link a span{
font-size: calc(18*0.75/896*100vw);
}
.p-off-navi__item-link a::after{
width:calc(17*0.75/896*100vw);
right:calc(18*0.75/896*100vw);
bottom:calc(14*0.75/896*100vw);
}
.p-off-clm{
padding-inline:calc(46*0.75/896*100vw);
margin-top: calc(60*0.75/896*100vw);
gap:calc(30*0.75/896*100vw);
}
.p-off-box{
margin-top: calc(60*0.75/896*100vw);
padding:calc(54*0.75/896*100vw) calc(46*0.75/896*100vw);
}
.p-off-box__img01{
width:calc(609*0.75/896*100vw);
margin-right: calc(26*0.75/896*100vw);
}
.p-off-box__img02{
width:calc(645*0.75/896*100vw);
margin-right: calc(12*0.75/896*100vw);
}
.p-off-box__navi{
gap:calc(12*0.75/896*100vw);
}
.p-off-box__navi li{
font-size: calc(18*0.75/896*100vw);
}
.p-off-box__navi li.en{
font-size: calc(21*0.75/896*100vw);
}
.p-off-flow{
gap:calc(10.5*0.75/896*100vw);
}
.p-off-flow li{
gap:calc(24*0.75/896*100vw);
}
.p-off-flow__item-txt{
height:calc(68*0.75/896*100vw);
padding:0 calc(20*0.75/896*100vw) 0 calc(14*0.75/896*100vw);
font-size: calc(18*0.75/896*100vw);
}
.p-off-flow__item-txt::before,
.p-off-flow__item-txt::after{
width:calc(26*0.75/896*100vw);
height: calc(34*0.75/896*100 + 1px);
} #topMain::after{ height:140%;}
#topMainLead{
margin-bottom:calc(140*0.75/896*100vw);
font-size:calc(28*0.75/896*100vw);
padding:calc(10*0.75/896*100vw) calc(10*0.75/896*100vw) calc(10*0.75/896*100vw) calc(14*0.75/896*100vw);
border-left-width:0.6696428571428571vw;
}
.topInfo dt {
font-size: 1.897321428571429vw;
margin-bottom: 2.1763392857142864vw;
}
.topInfo + .topInfo { margin-top:3.348214285714286vw;}
#leadLogo{ margin:4.185267857142857vw 0 11.71875vw;}
#leadLogo img{ max-width:34.40290178571429vw;}
#aboutHd{ width:37.66741071428571vw;}
#aboutInfo{ width:calc(100% - 37.66741071428571vw);}
.sectionHd{
font-size: calc(64*0.75/896*100vw);
margin-bottom:2.511160714285714vw;
}
.viewmore a{ font-size:1.339285714285714vw;} #detailHd{ margin-bottom:16.74107142857143vw;}
#detailInner{ padding: 5.022321428571429vw 6.696428571428571vw 6.696428571428571vw;}
.columnHd{ font-size:3.013392857142857vw;}
.columnHd.jp{ font-size:2.790178571428571vw;}
.columnHd::after{
width:8.370535714285714vw;
height:0.3348214285714286vw;
margin-top:2.34375vw;
}
.lead{
margin-top:5.022321428571429vw;
font-size:2.678571428571429vw;
}
.newsItem-txt,
.careersTxt,
.text,
.text-l,
.text-detail{ font-size:1.5625vw;}
.text-mt{ margin-top:4.185267857142857vw;}
.detail-column{ margin-top:6.696428571428571vw;}
.table{
margin-top:5.580357142857143vw;
font-size:1.5625vw;
}
.table th{
width:19.19642857142857vw;
padding:2.232142857142857vw 6.138392857142857vw 2.34375vw 0;
}
.table th::after{ width:19.30803571428571vw;}
.table td{ padding:2.232142857142857vw 0 2.232142857142857vw 2.232142857142857vw;} #contents.contact + #footer{ margin-top:10.88169642857143vw;}
#formTbl th{
width:20.59151785714286vw;
font-size:1.5625vw;
padding:0.4185267857142857vw 0 3.90625vw;
}
#formTbl th::after{ font-size:1.339285714285714vw;}
#formTbl td{ padding-bottom:2.9296875vw;}
.form-txt{
margin-top:0.8370535714285714vw;
font-size:1.339285714285714vw;
}
.form-input{
height:5.189732142857143vw;
padding-left:1.674107142857143vw;
font-size:1.5625vw;
}
.form-txtarea{
height:18.75vw;
padding:1.674107142857143vw;
font-size:1.5625vw;
}
#formPrivacy{ margin-top:8.7890625vw;}
#formPrivacy dt{
font-size:1.5625vw;
margin-bottom:1.255580357142857vw;
}
#formPrivacy dd{
height:26.78571428571429vw;
padding:2.092633928571429vw 2.511160714285714vw;
}
#formTbl span.wpcf7-not-valid-tip{
margin-top:0.8370535714285714vw;
font-size:1.171875vw;
}
.form-select::before{
width:0.7533482142857143vw;
height:2.008928571428571vw;
right:1.841517857142857vw;
} #tabBtn{ margin-bottom:5.022321428571429vw;}
#tabBtn li{ height:6.696428571428571vw;}
#tabBtn a{
padding:0.8928571428571429vw 1.674107142857143vw;
font-size:1.841517857142857vw;
}
#tabBtn .selected::after{
border-width:0.8928571428571429vw 0.5580357142857143vw 0 0.5580357142857143vw;
bottom:-0.78125vw;
}
.button{
width:26.78571428571429vw;
height:5.022321428571429vw;
margin-top:8.7890625vw;
}
.button.btn-contact{ margin-top:2.9296875vw;}
.button a{
line-height:5.022321428571429vw;
font-size:1.5625vw;
} .privacyHd{
font-size:2.34375vw;
margin-bottom:4.185267857142857vw;
}
.privacyInner{
padding:0 5.859375vw 0 2.511160714285714vw;
font-size:1.674107142857143vw;
}
.privacyInner li{ padding-left:3.766741071428571vw;}
.privacyInner li ul,
.privacyInner li + li{ margin-top:2.511160714285714vw;}
.privacyInner li li{
padding-left:5.022321428571429vw;
font-size:1.506696428571429vw;
}
.privacyTbl{ margin-top:2.9296875vw;}
.privacyTbl th{ padding:1.255580357142857vw 0.8370535714285714vw 1.255580357142857vw 1.674107142857143vw;}
.privacyTbl th + th{ padding-left:2.511160714285714vw;}
.privacyTbl td{
padding:1.674107142857143vw;
font-size:1.506696428571429vw;
}
.privacyTbl td + td{ padding-left:2.511160714285714vw;}
#updateTxt{ margin-top:8.370535714285714vw;} .technologyInner{ padding:0 4.6875vw 0 5.859375vw;}
.subHd{
font-size:1.7578125vw;
padding:4.185267857142857vw 0 3.348214285714286vw;
}
.list li{
font-size:1.5625vw;
padding-left:1.925223214285714vw;
text-indent:-1.925223214285714vw;
}
.careersTxt + .careersTxt,
.list li + li{ margin-top:1.674107142857143vw;}
.list li::before{ padding-right:1.004464285714286vw;}
.technologyImg{ margin-top:4.185267857142857vw;}
.technologyImg2{
margin-top:8.370535714285714vw;
padding-bottom:1.674107142857143vw;
}
#grandSlamImg{
margin:3.348214285714286vw 1.255580357142857vw 0;
padding:3.180803571428571vw 2.092633928571429vw;
}
#grandSlamImg li + li{
margin-top:3.013392857142857vw;
padding-top:3.013392857142857vw;
}
.videoFrame{ margin-top:4.185267857142857vw;}
.button.mt{
margin-top:4.185267857142857vw;
width:37.66741071428571vw;
} .topInfo.solutionInfo li{ width:9.207589285714286vw;}
.topInfo li figcaption{ font-size:1.339285714285714vw;}
#solutionsNavi a{
font-size:3.013392857142857vw;
padding-left:3.180803571428571vw;
}
#solutionsNavi a::before{ border-width: 0.5022321428571429vw 0 0.5022321428571429vw 0.8370535714285714vw;}
.solutionsItem{
min-height:36.83035714285714vw;
margin:5.859375vw 0 0 25.11160714285714vw;
padding:5.859375vw 5.022321428571429vw 5.859375vw 30.13392857142857vw;
}
.solutionsItem .subHd{ padding:2.678571428571429vw 0 1.841517857142857vw;}
.solutionsImg{
width:50.22321428571429vw;
left:-25.11160714285714vw;
top:5.859375vw;
}
.videoItem + .videoItem{ margin-top:1.674107142857143vw;}
.videoItem__text{
padding:0 1.674107142857143vw 0 1.925223214285714vw;
font-size:1.506696428571429vw;
}
.videoItem__frame{
width:16.74107142857143vw;
height:9.458705357142857vw;
} #newsForm{ max-width:34.31919642857143vw;}
.news-input{
height:5.022321428571429vw;
padding-left:1.674107142857143vw;
font-size:1.5625vw;
}
#newsList{ margin-top:5.859375vw;}
.newsListItem{
width:calc(50% - 2.232142857142857vw);
padding-bottom:2.9296875vw;
}
.newsListItem:nth-child(n+3){ margin-top:5.022321428571429vw;}
.newsListItem:nth-child(3n+2):last-child{ margin-right:0;}
.newsListItem-ttl{
font-size:1.5625vw;
padding:1.339285714285714vw 1.674107142857143vw 1.674107142857143vw;
}
.newsListItem-ttl::after{
width:8.705357142857143vw;
margin-top:1.255580357142857vw;
}
.newsListItem-inner{ padding:0 1.674107142857143vw;}
.pagination{ margin-top:6.696428571428571vw;}
.pagination li{
width:5.022321428571429vw;
height:5.022321428571429vw;
font-size:1.506696428571429vw;
line-height:5.022321428571429vw;
}
.pagination li + li{ margin-left:1.674107142857143vw;}
.pagination a,
.pagination .current{ line-height:5.022321428571429vw;}
.pagination .prev,
.pagination .next{ background-size:0.7533482142857143vw 1.422991071428571vw;} #detailDate{ margin-top:1.841517857142857vw;}
#editor{ font-size:1.506696428571429vw;}
#editor > *{ margin-top:3.348214285714286vw;} .news-share{
padding:1.255580357142857vw 1.674107142857143vw;
margin-top:2.511160714285714vw;
}
#editor + .news-share{ margin-top:2.511160714285714vw;}
.news-share dt{
font-size:1.339285714285714vw;
margin-right:1.674107142857143vw;
}
.news-share li + li{ margin-left:2.176339285714286vw;} #nvidia-Wrap{ padding-top:7.8125vw;}
#nvidia-Lead{
margin:0 -2.232142857142857vw 15.06696428571429vw 0;
padding:11.38392857142857vw 0 3.850446428571429vw 7.533482142857143vw;
}
#nvidia-Lead__text{
margin-bottom:4.185267857142857vw;
font-size:3.013392857142857vw;
}
#nvidia-Lead__logo{ width:19.75446428571429vw;}
#nvidia-Lead__image{ right:2.232142857142857vw;}
.nvidia-Section::before{ width:calc(100% - 16.74107142857143vw);}
#nvidia-Section__image1{
width:32.98828125%;
left:2.232142857142857vw;
}
#nvidia-Section__image2{
width:21.09375%;
right:6.696428571428571vw;
}
.nvidia-Section__txtfield,
.nvidia-Section__txtfield.wid{ 
width:50.625%;
padding:5.859375vw;
}
.nvidia-Section__title{
font-size:2.008928571428571vw;
margin-bottom:2.511160714285714vw;
}
.nvidia-Section__title::after{
width:8.370535714285714vw;
height:0.3348214285714286vw;
margin-top:2.008928571428571vw;
}
.nvidia-Section__button{
width:13.72767857142857vw;
height:3.850446428571429vw;
margin-top:3.013392857142857vw;
}
.nvidia-Section__button a{
line-height:3.850446428571429vw;
font-size:1.506696428571429vw;
}
#nvidia-Logo{ margin:8.370535714285714vw 0;}
#nvidia-Logo li{ margin:0 2.511160714285714vw;}
.nvidia-Logo1{ width:7.868303571428571vw;}
.nvidia-Logo2{ width:15.8203125vw;}
.nvidia-Logo3{ width:9.458705357142857vw;}
#nvidia-Section__black{
max-width:73.66071428571429vw;
margin-top:10.04464285714286vw;
padding:5.859375vw 6.696428571428571vw 5.022321428571429vw;
}
#nvidia-Section__text{
font-size:1.171875vw;
margin-top:2.9296875vw;
}
#nvidia-Section__logo{ margin-top:4.185267857142857vw;}
#nvidia-Section__logo img{ width:25.11160714285714vw;} #footer{
margin-top:21.42857142857143vw;
padding:4.464285714285714vw 3.90625vw 6.696428571428571vw;
}
#pagetop {
width: 9.375vw;
right: 3.90625vw;
top: -5.357142857142857vw;
}
#footer .logo{ margin:0 auto;}
#ftInfo{
margin-top:3.348214285714286vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#ftBox{
width:100%;
margin-top:3.348214285714286vw;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#ftSocial dt{
font-size:1.785714285714286vw;
margin-right:3.348214285714286vw;
}
#ftLang{ margin-left:4.464285714285714vw;}
#ftLang li{
width:5.803571428571429vw;
height:3.794642857142857vw;
font-size:1.785714285714286vw;
line-height:3.794642857142857vw;
}
#ftLang li + li{ margin-left:0.8928571428571429vw;}
#ftLang a{ line-height:3.794642857142857vw;}
#copyright {
font-size:1.5625vw;
margin-right: 2.901785714285714vw;
}
#ftBox a{
font-size:1.5625vw;
padding:0;
border-bottom:none;
}
} @media screen and (min-width: 641px){
.sp-show{ display:none;}
}
@media screen and (max-width: 640px){
.sp-hide{ display:none!important;}
body{ padding-top:15.625vw;}
#header{
height:15.625vw;
padding:0 4.6875vw 0 2.34375vw;
}
.logo{ width:35vw;}
#gNavi{
top:15.625vw;
height:calc(100% - 15.46875vw);
padding:9.375vw 11.71875vw;
}
.naviItem{ margin-bottom:3.75vw;}
.naviItem a,
.naviItem-lang a,
#hdSocial dt,
.naviItem-contact a{ font-size:4.6875vw;}
.naviItem-lang{
width:31.875vw;
height:14.375vw;
}
.naviItem-lang li{
width:14.375vw;
height:14.375vw;
}
.naviItem-lang a{ line-height:14.0625vw;}
#hdSocial{
margin-top:11.71875vw;
padding-bottom:9.375vw;
}
#hdSocial dt{ margin-bottom:4.6875vw;}
#hdSocial li + li{ margin-left:8.125vw;}
#navBtn{
width:7.8125vw;
height:7.8125vw;
}
.top-bar{
width:7.8125vw;
top: 3.125vw;
left:0;
}
.bottom-bar{
width:3.90625vw;
top: 4.6875vw;
left:3.90625vw;
}
.open .top-bar{ top:3.90625vw;}
.open .bottom-bar{
width:7.8125vw;
left:0;
top:3.90625vw;
}
.inner,
.inner.wrap{
padding-left:4.6875vw;
padding-right:4.6875vw;
} #sectionHd-about{ width:37.918125vw;}
#sectionHd-grandslam{ width:49.329875vw;}
#sectionHd-technology{ width:47.4499375vw;}
#sectionHd-technology2{ width:66.7743125vw;}
#sectionHd-solutions{ width:43.553453125vw;}
#sectionHd-solutions2{ width:79.636921875vw;}
#sectionHd-press{ width:20.99059375vw;}
#sectionHd-ir{ width:28.335125vw;}
#sectionHd-news{ width:21.65625vw;}
#sectionHd-partners{ width:33.6713125vw;}
#sectionHd-contact{ width:45.243625vw;}
#sectionHd-careers{ width:31.029140625vw;}
#sectionHd-privacy{ width:55.9265vw;}
#sectionHd-collaborator{ width:51.078125vw;} #sectionHd-offering{
width: calc(310.2734*0.7/640*100vw);
height: auto;
}
#sectionHd-usecase {
width: calc(353.827*0.7/640*100vw);
height: auto;
}
#sectionHd-parner{
width: calc(575.7031*0.7/640*100vw);
height: auto;
}
#sectionHd-offerings{
width: calc(349.0625*0.7/640*100vw);
height: auto;
}
.p-idx-offering{
padding-top:0;
}
.p-idx-offering__sec{
margin-top:calc(60/640*100vw);
padding:calc(40/640*100vw) calc(30/640*100vw) calc(56/640*100vw);
border-radius:calc(15/640*100vw);
box-shadow: calc(2/640*100vw) calc(2/640*100vw) calc(1/640*100vw) rgba(0,0,0,.2);
}
.p-idx-offering__sec + .p-idx-offering__sec{
margin-top: calc(18/640*100vw);
}
.p-idx-offering__sec + .p-idx-offering__sec::before{
width:calc(60/640*100vw);
top:calc(-39/640*100vw);
}
.p-idx-offering__ttl{
font-size: calc(20/640*100vw);
margin-bottom: calc(20/640*100vw);
}
.p-idx-offering__inner{
gap:calc(28/640*100vw);
flex-direction: column;
}
.p-idx-offering__subsec{
gap:calc(14/640*100vw);
}
.p-idx-offering__subttl{
height:calc(90/640*100vw);
font-size: calc(16/640*100vw);
padding-inline:calc(20/640*100vw);
}
.p-idx-offering__subttl span{
font-size: calc(20/640*100vw);
margin-top: calc(4/640*100vw);
}
.p-idx-offering__subttl2{
height:calc(90/640*100vw);
font-size: calc(20/640*100vw);
padding-inline:calc(20/640*100vw);
}
.p-idx-offering__txt{
font-size: calc(16/640*100vw);
} .p-idx-usecase{
margin-top:calc(76/640*100vw);
margin-bottom:calc(164/640*100vw);
}
.p-idx-sol__itemWrapper{
gap: calc(32/640*100vw);
margin-top: calc(60/640*100vw);
}
.p-idx-sol__item{
width:calc(50% - (16/640*100vw));
}
.p-idx-sol__item-inner{
gap:calc(12/640*100vw);
padding:calc(18/640*100vw) calc(20/640*100vw);
}
.p-idx-sol__item-ttl{
font-size: calc(22/640*100vw);
}
.p-idx-sol__item-more a{
font-size: calc(14/640*100vw);
} .p-idx-collab__list{
gap:calc(16/640*100vw);
margin-top: calc(60/640*100vw);
}
.p-idx-collab__item1 { width:calc(125*0.7/640*100vw);}
.p-idx-collab__item2 { width:calc(164*0.7/640*100vw);}
.p-idx-collab__item3 { width:calc(164*0.7/640*100vw);}
.p-idx-collab__item4 { width:calc(207*0.7/640*100vw);}
.p-idx-collab__item5 { width:calc(170*0.7/640*100vw);}
.p-idx-collab__item6 { width:calc(174*0.7/640*100vw);}
.p-idx-collab__item7 { width:calc(153*0.7/640*100vw);}
.p-idx-collab__item8 { width:calc(181*0.7/640*100vw);}
.p-idx-collab__item9 { width:calc(193*0.7/640*100vw);}
.p-idx-collab__item10{ width:calc(226*0.7/640*100vw);}
.p-idx-collab__item11{ width:calc(236*0.7/640*100vw);}
.p-idx-collab__item12{ width:calc(160*0.7/640*100vw);}
.p-idx-collab__item13{ width:calc(190*0.7/640*100vw);}
.p-idx-collab__item14{ width:calc(150*0.7/640*100vw);}
.p-idx-collab__item15{ width:calc(200*0.7/640*100vw);}
.p-idx-collab__item16{ width:calc(165*0.7/640*100vw);} .p-off-navi {
grid-template-columns: calc(158/640*100vw) repeat(2, calc(173/640*100vw));
grid-template-rows: 1fr repeat(4, calc(117/640*100vw));
grid-column-gap: calc(8/640*100vw);
grid-row-gap: calc(8/640*100vw);
margin-bottom: calc(120/640*100vw);
}
.p-off-navi__item-ttl{
font-size: calc(19/640*100vw);
color:#000;
}
.p-off-navi__item-subttl{
align-items: flex-start;
font-size: calc(18/640*100vw);
padding: calc(14/640*100vw);
}
.p-off-navi__itemHd{
height: calc(120/640*100vw);
padding-inline: calc(14/640*100vw);
margin-top: 0;
}
.p-off-navi__itemHd-ttl{
font-size: calc(16/640*100vw);
}
.p-off-navi__itemHd-txt{
font-size: calc(19/640*100vw);
margin-top: calc(12/640*100vw);
line-height: 1;
}
.p-off-navi__item-soon,
.p-off-navi__item-link a{
flex-direction: column;
align-items: flex-start;
font-size: calc(19/640*100vw);
padding: calc(14/640*100vw);
}
.p-off-navi__item-link a{
font-size: calc(15.5/640*100vw);
}
.p-off-navi__item-link a span{
font-size: calc(18/640*100vw);
}
.p-off-navi__item-link a::after{
width:calc(16/640*100vw);
right:calc(17/640*100vw);
bottom:calc(15/640*100vw);
}
.p-off-clm{
padding-inline:0;
margin-top: calc(60/640*100vw);
gap:calc(30/640*100vw);
}
.p-off-box{
margin-top: calc(60/640*100vw);
padding:calc(30/640*100vw);
flex-direction: column;
}
.p-off-box__img01,
.p-off-box__img02{
width:100%;
margin-right: 0;
margin-bottom: calc(12/640*100vw);
}
.p-off-box__navi{
gap:calc(8/640*100vw);
}
.p-off-box__navi li{
flex: unset;
height: calc(64/640*100vw);
font-size: calc(18/640*100vw);
line-height: 1.35;
}
.p-off-box__navi li.en{
font-size: calc(21/640*100vw);
}
.p-off-flow{
flex-wrap:wrap;
gap:calc(24/640*100vw);
}
.p-off-flow li{
flex:unset;
width: calc(50% - calc(12/640*100vw));
gap:calc(14/640*100vw);
}
.p-off-flow__item-txt{
height:calc(68/640*100vw);
padding:0 calc(20/640*100vw) 0 calc(14/640*100vw);
font-size: calc(21/640*100vw);
}
.p-off-flow__item-txt::before,
.p-off-flow__item-txt::after{
width:calc(26/640*100vw);
height: calc(34/640*100 + 1px);
} #topMain{
width:auto;
padding:25vw 4.6875vw 9.375vw;
margin-bottom:30%;
}
#topMain .inner{ padding:0;}
#topMainBg{
height:41.41965678627145vw;
background-image:url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/top/bg-lead-sp.jpg?ver=1);
}
#topMainLead {
margin-bottom: 4.464285714285714vw;
line-height: 1.4;
font-size: calc(26 / 640* 100vw);
padding: calc(10 / 640* 100vw) calc(10 / 640* 100vw) calc(10 / 640* 100vw) calc(14 / 640* 100vw);
border-left-width: 0.9375vw;
}
.topInfo dt{
font-size:3.125vw;
margin-bottom:5.3125vw;
}
.topInfo li{ width:9.375vw;}
.topInfo li + li{ margin-left:2.03125vw;}
.topInfo li figcaption{
font-size:1.71875vw;
margin-top:1.875vw;
}
.topInfo .andmore{
width:10vw;
height:10vw;
font-size:2.1875vw;
line-height:1;
border-width:1px;
}
.topInfo.solutionInfo li{ width:23.07692307692308%;} .topInfo.solutionInfo li + li{ margin-left:15.38461538461538%;} .topInfo.solutionInfo li + li:nth-child(3n+1){ margin-left:0;}
.topInfo.solutionInfo li:nth-child(n+4){ margin-top:6.25vw;} .topInfo.solutionInfo li:nth-child(3n+2):last-child{ margin-right:38.46153846153846%;} .topInfo.solutionInfo li figcaption{ font-size:3.125vw;}
#leadLogo{
width:64.21875vw;
margin:7.8125vw auto 14.0625vw;
}
#leadLogo img{ max-width:100%;}
#aboutHd,
#aboutInfo{ width:100%;}
.section + .section{ margin-top:10.9375vw;}
.sectionHd {
font-size: 12.5vw;
margin-bottom: 4.6875vw;
letter-spacing:-0.01em;
}
.sectionHd.line2{ margin-top:-0.3em;}
.sectionHd::after{
width:15.625vw;
height:0.625vw;
margin-top:4.6875vw;
}
.text,
.careersTxt,
.text-l{ font-size:2.96875vw;}
.viewmore{ margin-top:40px;}
.viewmore a{
font-size:2.65625vw;
padding-right:13.75vw;
}
.viewmore a::before{ width:10.625vw;}
.viewmore a::after{
width:0.9375vw;
height:0.9375vw;
}
.viewmore a:hover{ padding-right:15.3125vw;}
.viewmore a:hover::before{ width:12.1875vw;}
.viewmore.txtr a{ margin-right: 1.5625vw;}
#topMain::before{ width:150%;}
#topMain::after{ height:141.5%;}
#bg-grandslam{ display:none;}
#section-grandslam{
width:100%;
padding:20vw 0 20vw 14.0625vw;
margin-bottom:9.375vw;
position:relative;
z-index:1;
}
#section-grandslam::before{
display:block;
content:"";
width:calc(100% + 12.5vw);
height:100%;
background:url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/top/bg-grandslam-sp.png) no-repeat 50%;
background-size:100% auto;
position:absolute;
left:-6.25vw;
top:0;
z-index:-1;
}
#section-grandslam .sectionHd{
font-size:8.4375vw;
margin-bottom:2.1875vw;
}
#grandslamTxt{ font-size:3.4375vw;}
.column{
width:100%;
padding:calc(46/640*100vw) calc(60/640*100vw) calc(50/640*100vw);
}
#mappingTechnologies{
width:100%;
padding-right:0;
margin-bottom:14.0625vw; 
}
.mappingItem figcaption{
font-size:3.125vw;
margin-top:1.25vw;
}
#mappingTxt{
font-size:3.4375vw;
margin:7.03125vw 0;
}
#section-news{
margin:14.0625vw 0 6.25vw;
padding:3.125vw 0 6.25vw;
}
#section-news::before{
display: block;
content: "";
width: 140%;
height:100%;
position: absolute;
top: 0%;
left: 50%;
z-index: -1;
background:#fff;
transform: rotate(-5deg) translateX(-50%);
}
.newsColumn,
#partnertHd,
#partnerInfo{ width:100%;}
.newsColumn + .newsColumn{ margin-top:6.25vw;}
.newsList{ padding-top:1.5625vw;}
.newsItem + .newsItem{
padding-top:1.875vw;
margin-top:1.875vw;
}
.newsItem-date{
font-size:2.8125vw;
margin-right:2.5vw;
}
.newsItem-cate{
font-size:2.65625vw;
line-height:3.125vw;
padding:0.625vw 2.5vw;
}
.newsItem-txt{
min-height:inherit;
margin-top:1.5625vw;
font-size:2.96875vw;
}
.newsItem-txt span{
padding:0 1.09375vw;
margin-left:1.09375vw;
}
#section-partner{
position:relative;
z-index:2;
}
#partnerInfo{ margin:9.375vw 0 0;}
.partnerItemHd{
font-size:4.0625vw;
margin-bottom:3.75vw;
}
.partnerItem + .partnerItem{ margin-top:10.9375vw;} #detailHd{
padding-top:3.125vw;
margin-bottom:26.5625vw;
}
#detailHd::after{
height: 39.0625vw;
top: auto;
bottom: -15.625vw;
}
#detailInner{ padding:6.25vw 4.6875vw 7.8125vw;}
.columnHd{ font-size:5.625vw;}
.columnHd.jp{ font-size:4.464285714285714vw;}
.columnHd::after{
width:15.625vw;
height:0.625vw;
margin-top:4.375vw;
}
.lead{
margin-top:9.375vw;
font-size:3.7946428571428575vw;
}
.text-detail{ font-size:2.96875vw;}
.text-mt{ margin-top:7.8125vw;}
.table{
display:block;
margin-top:7.8125vw;
font-size:2.96875vw;
}
.table th{
display:block;
width:100%;
padding:3.125vw 0;
}
.table th::after{ width:15.625vw;}
.table td{
display:block;
padding:3.125vw 0;
}
.detail-column{ margin-top:12.5vw;} #contents.contact + #footer{ margin-top:20.3125vw;}
#formTbl,
#formTbl tbody,
#formTbl tr{ display:block;}
#formTbl th{
display:block;
width:100%;
font-size:2.968755vw;
padding:0.78125vw 0 3.125vw;
position:relative;
}
#formTbl th::after{
font-size:2.265625vw;
position:absolute;
right:0;
top:0.78125vw;
}
#formTbl td{
display:block;
width:100%;
padding-bottom:5.46875vw;
}
.form-txt{
margin-top:1.5625vw;
font-size:2.265625vw;
}
.form-input{
height:9.6875vw;
padding-left:3.125vw;
font-size:2.96875vw;
}
.form-txtarea{
height:35vw;
padding:3.125vw;
font-size:2.96875vw;
}
#formPrivacy{ margin-top:12.5vw;}
#formPrivacy dt{
font-size:2.96875vw;
margin-bottom:2.34375vw;
}
#formPrivacy dd{
height:50vw;
padding:3.125vw;
}
#formTbl span.wpcf7-not-valid-tip{
margin-top:1.5625vw;
font-size:2.8125vw;
} #tabBtn{ margin-bottom:9.375vw;}
#tabBtn li{
width:48.07692307692308%;
height:12.5vw;
}
#tabBtn li:nth-child(n+3){ margin-top:4.6875vw;}
#tabBtn a{
padding:1.5625vw 3.125vw;
font-size:3.4375vw;
}
#tabBtn .selected::after{
border-width: 1.5625vw 1.09375vw 0 1.09375vw;
bottom:-1.40625vw;
}
.button{
width:50vw;
height:9.375vw;
margin-top:7.8125vw;
}
.button.btn-contact{ margin-top:5.46875vw;}
.button a{
line-height:9.375vw;
font-size:2.96875vw;
} .privacyHd{
font-size:4.375vw;
margin-bottom:7.8125vw;
}
.privacyInner{
padding:0;
font-size:3.125vw;
}
.privacyInner li{ padding-left:5.46875vw;}
.privacyInner li ul,
.privacyInner li + li{ margin-top:4.6875vw;}
.privacyInner li li{
padding-left:7.8125vw;
font-size:3.4375vw;
}
.privacyTbl{
margin-top:5.46875vw;
display:block;
}
.privacyTbl th{ display:none;}
.privacyTbl tbody,
.privacyTbl tr,
.privacyTbl td{
width:100%;
display:block;
box-sizing:border-box;
}
.privacyTbl tr + tr{ margin-top:4.6875vw;}
.privacyTbl td + td{ padding-left:2.34375vw;}
.privacyTbl td{
padding:0 2.34375vw 2.34375vw;
font-size:3.4375vw;
border-top:none;
}
.privacyTbl td::before{
display:block;
content:attr(data-label);
width:auto;
margin:0 -2.34375vw 2.34375vw;
padding:2.34375vw;
color:#fff;
background:#4E5860;
}
#updateTxt{ margin-top:15.625vw;} .technologyInner{ padding:0;}
.subHd{
font-size:3.75vw;
padding:7.8125vw 0 6.25vw;
}
.list li{
font-size:2.96875vw;
padding-left:3.59375vw;
text-indent:-3.59375vw;
}
.careersTxt + .careersTxt,
.list li + li{ margin-top:3.125vw;}
.list li::before{ padding-right:1.5625vw;}
.technologyImg{ margin-top:7.8125vw;}
.technologyImg2{
margin-top:12.5vw;
padding-bottom:1.5625vw;
}
#grandSlamImg{
margin:6.25vw 0 0;
padding:3.125vw 2.34375vw;
}
#grandSlamImg li + li{
margin-top:2.34375vw;
padding-top:2.34375vw;
}
.videoFrame{ margin-top:7.8125vw;}
.button.mt{
margin-top:7.8125vw;
width:70.3125vw;
} .sectionHd.sp-small{ font-size:8.75vw;}
#solutionsNavi li + li{ margin-top:2px;}
#solutionsNavi a{
font-size:4.21875vw;
padding-left:4.6875vw;
}
#solutionsNavi a::before{ border-width: 0.9375vw 0 0.9375vw 1.5625vw;}
.solutionsItem{
min-height:auto;
margin:6.25vw 0 0 0;
padding:6.25vw;
}
.solutionsItem .subHd{ padding:5vw 0 3.4375vw;}
.solutionsImg{
width:100%;
position:static;
margin-top:4.6875vw;
}
.videoItem + .videoItem{ margin-top:3.125vw;}
.videoItem__text{
padding:0 3.125vw 0 3.59375vw;
font-size:3.4375vw;
}
.videoItem__frame{
width:31.25vw;
height:17.65625vw;
} #newsForm{ max-width:100%;}
#newsForm li{ width:calc(50% - 1.5625vw);}
.news-input{
height:9.375vw;
padding-left:3.125vw;
font-size:2.96875vw;
}
#newsList{ margin-top:9.375vw;}
.newsListItem{
width:100%;
padding-bottom:6.25vw;
}
.newsListItem:nth-child(n+2){ margin-top:6.25vw;}
.newsListItem-ttl{
font-size:2.96875vw;
padding:2.5vw 3.125vw 3.125vw;
}
.newsListItem-ttl::after{
width:16.25vw;
margin-top:2.34375vw;
}
.newsListItem-inner{ padding:0 3.125vw;}
.pagination{ margin-top:12.5vw;}
.pagination li{
width:9.375vw;
height:9.375vw;
font-size:3.4375vw;
line-height:9.375vw;
}
.pagination li + li{ margin-left:3.125vw;}
.pagination a,
.pagination .current{ line-height:9.375vw;}
.pagination .prev,
.pagination .next{ background-size:1.40625vw 2.65625vw;} #detailDate{ margin-top:3.4375vw;}
#editor{ font-size:3.4375vw;}
#editor > *{ margin-top:6.25vw;} .news-share{
padding:2.34375vw 3.125vw;
margin-top:4.6875vw;
}
#editor + .news-share{ margin-top:12.5vw;}
#editor iframe{
width:100%;
height:calc(100vw * (292/640));
}
.news-share dt{
font-size:3.4375vw;
margin-right:3.125vw;
}
.news-share li + li{ margin-left:4.0625vw;} #nvidia-Wrap{ padding-top:3.125vw;}
#nvidia-Lead{
margin:0 -4.6875vw 10.9375vw 0;
padding:15.625vw 0 9.375vw 4.6875vw;
}
#nvidia-Lead__text{
margin-bottom:6.25vw;
font-size:4.375vw;
}
#nvidia-Lead__logo{ width:27.65625vw;}
#nvidia-Lead__image{
width:35.0859375%;
right:4.6875vw;
}
.nvidia-Section{ display:block;}
.nvidia-Section::before{ width:100%;}
#nvidia-Section__image1,
#nvidia-Section__image2{
display:block;
width:80%;
position:static;
transform:none;
margin:4.6875vw auto;
}
.nvidia-Section__txtfield,
.nvidia-Section__txtfield.wid{
width:auto;
padding:6.25vw 4.6875vw 7.8125vw;
}
.nvidia-Section__title{
font-size:4.53125vw;
margin-bottom:5.625vw;
}
.nvidia-Section__title::after{
width:15.625vw;
height:0.625vw;
margin-top:4.6875vw;
}
.nvidia-Section__button{
width:50vw;
height:9.375vw;
margin:7.8125vw auto 0;
}
.nvidia-Section__button a{
line-height:9.375vw;
font-size:3.4375vw;
}
#nvidia-Logo{
margin:10.9375vw 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#nvidia-Logo li{ margin:0 0;}
.nvidia-Logo1{ width:13.28125vw;}
.nvidia-Logo2{ width:26.5625vw;}
.nvidia-Logo3{ width:15.9375vw;}
#nvidia-Section__black{
max-width:100%;
margin-top:10.9375vw;
padding:6.25vw 4.6875vw 7.8125vw;
}
#nvidia-Section__text{
font-size:2.65625vw;
margin-top:5.46875vw;
}
#nvidia-Section__logo{
text-align:center;
margin-top:7.8125vw;
}
#nvidia-Section__logo img{ width:64.21875vw;} #footer{
margin-top:31.25vw;
text-align:center;
padding:6.25vw 0 9.375vw;
}
#pagetop {
width: 13.125vw;
right: 4.6875vw;
top: -6.5625vw;
}
#ftInfo,
#ftBox{ margin-top:5.46875vw;}
#ftSocial{
order:1;
width:100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#ftSocial dt{
font-size:3.4375vw;
margin-right:4.6875vw;
}
#ftSocial li + li{ margin-left:8.125vw;}
#ftLang{
order:2;
width:100%;
margin:5.46875vw 0 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#ftLang li {
width: 12.5vw;
height: 7.8125vw;
font-size:3.75vw;
text-align: center;
line-height: 7.8125vw;
}
#ftLang li + li{ margin-left:1.875vw;}
#ftLang a{ line-height:7.8125vw;}
#ftBox{
width:100%;
order:3;
}
#copyright{
width:100%;
font-size:3.125vw;
margin:0 0 2.5vw;
}
#ftBox a{ font-size:3.125vw;}
}
.grecaptcha-badge{ z-index:10;} .viewmore.is-small{ margin-top:20px;}
.top-solutionsLink{ margin-top:30px;}
.top-solutionsLink .button{
width:100%;
max-width:440px;
margin-top: 24px;
}
.solution-Textfield{
width:100%;
padding:40px 40px 45px;
margin-top: 50px;
text-align: center;
background-color: #fff;
box-sizing: border-box;
}
.solution-Textfield.m-bottom{ margin:0 0 60px;}
.solution-Textfield__text{
font-size: 134%;
color: #231815;
line-height: 1.6;
}
.solution-Textfield .button{
max-width:430px;
margin-top: 32px;
}
.solution-Textfield .button a,
.top-solutionsLink .button a{ font-weight:bold;}
#contents.kudan-solutions{
width:100%;
overflow: hidden;
background-color: #fff;
}
#contents.kudan-solutions + #footer{ margin-top:0;}
#kudan-solutions .inner{ max-width: 1380px;}
.inner-small{
width:100%;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
#kudan-solutions__case{
width:100%;
padding:60px 0;
margin: 80px 0;
position: relative;
z-index: 1;
}
#kudan-solutions__contact{
width:100%;
padding:150px 0;
margin-top:100px;
text-align: center;
position: relative;
z-index: 1;
}
#kudan-solutions__case::before,
#kudan-solutions__contact::before{
content:"";
width:100vw;
height: 100%;
background-color: #f7f7f7;
position: absolute;
left:32px;
top:0;
z-index:-1;
}
#kudan-solutions__contact .button{
width:100%;
max-width:400px;
height:80px;
margin-top: 48px;
}
#kudan-solutions__contact .button a{
display: flex;
justify-content: center;
align-items: center;
background-color: #c72e12;
line-height: 1.5;
font-size: 167%;
font-weight: bold;
}
.kudan-solutions__head{
width:100%;
text-align: center;
margin-bottom: 46px;
}
.kudan-solutions__head--title{
line-height:1.5;
font-size: 28px;
font-weight: bold;
}
.kudan-solutions__head--subtitle{
font-family: "Poppins";
color:#4d5860;
font-size: 150%;
line-height: 1.2;
margin-top: 1em;
}
.kudan-solutions__head--subtitle::before{
display: block;
content:"";
width:120px;
height:1px;
background-color: #c72e12;
margin: 0 auto .75em;
}
.kudan-solutions__text{
color:#333;
font-size:134%;
line-height: 1.75;
}
.kudan-solutions__text span{ color:#c72e12;}
#kudan-solutions__mv{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width:100%;
height: calc(100vh - 92px);
min-height: 700px;
margin-bottom: 90px;
padding: 0 4.6875vw;
text-align: center;
background: url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/kudan_solutions/visual.jpg) no-repeat 50%;
background-size: cover;
box-sizing: border-box;
}
#kudan-solutions__mv--title{
font-family: "Poppins";
line-height:0.94;
font-size: 100px;
font-weight: 600;
}
.kudan-solutions__flow--text span,
#kudan-solutions__mv--title span{
font-family: inherit;
line-height: inherit;
font-size: inherit;
font-weight: inherit;
color:#c72e12;
}
#kudan-solutions__mv--text{
font-size: 150%;
font-weight: bold;
line-height: 1.75;
color:#333;
margin-top: 1em;
}
.kudan-solutions__image{
width:100%;
max-width: 1038px;
margin-top: 46px;
}
.kudan-solutions__caselist{
display: flex;
justify-content: space-between;
width:100%;
margin-top: 60px;
}
.kudan-solutions__case{ width:calc(100% * (434/1380));}
.kudan-solutions__case--iframe{
width:100%;
height:0;
padding-top:56.25%;
margin-bottom: 16px;
position: relative;
}
.kudan-solutions__case--iframe iframe{
width:100%;
height:100%;
position: absolute;
left: 0;
top:0;
}
.kudan-solutions__flowlist{
display: flex;
width:100%;
margin-top: 80px;
}
.kudan-solutions__flow{
display: flex;
flex-direction: column;
width:50%;
padding:36px 54px 0;
box-sizing: border-box;
position: relative;
z-index: 1;
}
.kudan-solutions__flow::before{
content:"";
width:100%;
height: calc(100% - 56px);
position: absolute;
left:0;
top: 0;
z-index: -1;
}
.kudan-solutions__flow1::before{ background-color: #f7f7f7;}
.kudan-solutions__flow2::before{ background-color: rgba(199,46,18,.1);}
.kudan-solutions__flow--image{
display: flex;
align-items: flex-end;
flex: 1;
width:100%;
}
.kudan-solutions__flow--text{
width:100%;
margin-top:40px;
padding: 20px;
text-align: center;
line-height: 1.7;
font-size: 167%;
color:#333;
font-weight: bold;
box-sizing: border-box;
background-color: #fff;
border:1px solid #333333;
}
@media screen and (max-width: 1280px){
.viewmore.is-small{ margin-top:calc(100vw * (20/1280));}
.top-solutionsLink{ margin-top:calc(100vw * (30/1280));}
.top-solutionsLink .button{ margin-top:calc(100vw * (24/1280));}
.solution-Textfield{
padding:calc(100vw * (40/1280)) calc(100vw * (40/1280)) calc(100vw * (45/1280));
margin-top: calc(100vw * (50/1280));
}
.solution-Textfield.m-bottom{ margin:0 0 calc(100vw * (60/1280));}
.solution-Textfield__text{ font-size: calc(100vw * (16/1280));}
.solution-Textfield .button{
width:100%;
max-width:calc(100vw * (430/1280));
margin-top: calc(100vw * (32/1280));
} .inner-small{ max-width: calc(100vw * (1040/1280));}
#kudan-solutions__case{
padding:calc(100vw * (60/1280)) 0;
margin: calc(100vw * (80/1280)) 0;
}
#kudan-solutions__contact{
padding:calc(100vw * (150/1280)) 0;
margin-top:calc(100vw * (100/1280));
}
#kudan-solutions__case::before,
#kudan-solutions__contact::before{ left:calc(100vw * (32/1280));}
#kudan-solutions__contact .button{
max-width:calc(100vw * (400/1280));
height:calc(100vw * (80/1280));
margin-top: calc(100vw * (48/1280));
}
#kudan-solutions__contact .button a{ font-size: calc(100vw * (20/1280));}
.kudan-solutions__head{ margin-bottom: calc(100vw * (46/1280));}
.kudan-solutions__head--title{ font-size: calc(100vw * (28/1280));}
#kudan-solutions__mv--text,
.kudan-solutions__head--subtitle{ font-size: calc(100vw * (18/1280));}
.kudan-solutions__head--subtitle::before{ width:calc(100vw * (120/1280));}
.kudan-solutions__text{ font-size:calc(100vw * (16/1280));}
#kudan-solutions__mv{
height: calc(100vh - 7.1875vw);
min-height: calc(100vw * (700/1280));
margin-bottom: calc(100vw * (90/1280));
}
#kudan-solutions__mv--title{ font-size: calc(100vw * (100/1280));}
.kudan-solutions__image{ margin-top: calc(100vw * (46/1280));}
.kudan-solutions__caselist{ margin-top: calc(100vw * (60/1280));}
.kudan-solutions__case--iframe{ margin-bottom: calc(100vw * (16/1280));}
.kudan-solutions__flowlist{ margin-top: calc(100vw * (80/1280));}
.kudan-solutions__flow{ padding:calc(100vw * (36/1280)) calc(100vw * (54/1280)) 0;}
.kudan-solutions__flow::before{ height: calc(100% - 4.375vw);}
.kudan-solutions__flow--text{
margin-top:calc(100vw * (40/1280));
padding: calc(100vw * (20/1280));
font-size: calc(100vw * (20/1280));
}
}
@media screen and (max-width: 896px){
.solution-Textfield{
padding:calc(75vw * (40/896)) calc(75vw * (40/896)) calc(75vw * (45/896));
margin-top: calc(75vw * (50/896));
}
.solution-Textfield.m-bottom{ margin:0 0 calc(75vw * (50/896));}
.solution-Textfield__text{ font-size:calc(100vw * (14/896));}
.solution-Textfield .button{
max-width:calc(75vw * (430/896));
margin-top: calc(75vw * (32/896));
} .inner-small{ max-width: calc(75vw * (1040/896));}
#kudan-solutions__case{
padding:calc(75vw * (60/896)) 0;
margin: calc(75vw * (80/896)) 0;
}
#kudan-solutions__contact{
padding:calc(75vw * (150/896)) 0;
margin-top:calc(75vw * (100/896));
}
#kudan-solutions__case::before,
#kudan-solutions__contact::before{ left:calc(75vw * (32/896));}
#kudan-solutions__contact .button{
max-width:calc(75vw * (400/896));
height:calc(75vw * (80/896));
margin-top: calc(75vw * (48/896));
}
#kudan-solutions__contact .button a{ font-size: calc(80vw * (20/896));}
.kudan-solutions__head{ margin-bottom: calc(75vw * (46/896));}
.kudan-solutions__head--title{ font-size: calc(75vw * (28/896));}
#kudan-solutions__mv--text,
.kudan-solutions__head--subtitle{ font-size: calc(80vw * (18/896));}
.kudan-solutions__head--subtitle::before{ width:calc(75vw * (120/896));}
.kudan-solutions__text{ font-size:calc(100vw * (14/896));}
#kudan-solutions__mv{
height: calc(100vh - 7.1875vw);
min-height: calc(75vw * (700/896));
margin-bottom: calc(75vw * (90/896));
}
#kudan-solutions__mv--title{ font-size: calc(75vw * (100/896));}
.kudan-solutions__image{ margin-top: calc(75vw * (46/896));}
.kudan-solutions__caselist{ margin-top: calc(75vw * (60/896));}
.kudan-solutions__case--iframe{ margin-bottom: calc(75vw * (16/896));}
.kudan-solutions__flowlist{ margin-top: calc(75vw * (80/896));}
.kudan-solutions__flow{ padding:calc(75vw * (36/896)) calc(75vw * (54/896)) 0;}
.kudan-solutions__flow::before{ height: calc(100% - 4.375vw);}
.kudan-solutions__flow--text{
margin-top:calc(75vw * (40/896));
padding: calc(75vw * (20/896));
font-size: calc(80vw * (20/896));
}
}
@media screen and (max-width: 640px){
.viewmore.is-small{ margin-top:calc(100vw * (20/640));}
.top-solutionsLink{ margin-top:calc(100vw * (30/640));}
.top-solutionsLink .button{ margin-top: calc(100vw * (24/640));}
.solution-Textfield{
padding:calc(100vw * (40/640));
margin-top: calc(100vw * (40/640));
}
.solution-Textfield.m-bottom{ margin:0 0 calc(100vw * (40/640));}
.solution-Textfield__text{ font-size: 2.96875vw;}
.solution-Textfield .button{
max-width:calc(100vw * (430/640));
margin-top: calc(100vw * (32/640));
} .inner-small{ max-width: 100%;}
#kudan-solutions__case{
padding:calc(100vw * (60/640)) 0;
margin: calc(100vw * (80/640)) 0;
}
#kudan-solutions__contact{
padding:calc(100vw * (100/640)) 0;
margin-top:calc(100vw * (100/640));
}
#kudan-solutions__case::before,
#kudan-solutions__contact::before{ left:4.6875vw;}
#kudan-solutions__contact .button{
max-width:calc(100vw * (400/640));
height:calc(100vw * (80/640));
margin-top: calc(100vw * (48/640));
}
#kudan-solutions__contact .button a{ font-size: calc(100vw * (24/640));}
.kudan-solutions__head{ margin-bottom: calc(100vw * (46/640));}
.kudan-solutions__head--title{ font-size: calc(100vw * (28/640));}
#kudan-solutions__mv--text,
.kudan-solutions__head--subtitle{ font-size: calc(100vw * (22/640));}
.kudan-solutions__head--subtitle::before{ width:calc(120vw * (120/640));}
.kudan-solutions__text{ font-size:calc(100vw * (21/640));}
#kudan-solutions__mv{
height: auto;
min-height: calc(100vw * (700/640));
margin-bottom: calc(100vw * (90/640));
}
#kudan-solutions__mv--title{ font-size: calc(100vw * (100/640));}
.kudan-solutions__image{ margin-top: calc(100vw * (46/640));}
.kudan-solutions__flowlist,
.kudan-solutions__caselist{
display: block;
margin-top: calc(100vw * (60/640));
}
.kudan-solutions__case,
.kudan-solutions__flow{ width:100%;}
.kudan-solutions__flow + .kudan-solutions__flow,
.kudan-solutions__case + .kudan-solutions__case{ margin-top: calc(100vw * (40/640));}
.kudan-solutions__case--iframe{ margin-bottom: calc(100vw * (16/640));}
.kudan-solutions__flow{ padding:calc(100vw * (36/640)) 4.6875vw 0;}
.kudan-solutions__flow::before{ height: calc(100% - 9.6875vw);}
.kudan-solutions__flow--text{
margin-top:calc(100vw * (40/640));
padding: calc(100vw * (20/640));
font-size: calc(100vw * (24/640));
}
} .flex-align-end{ align-items: flex-end;}
.p-devkit-section + .p-devkit-section{ margin-top:80px;}
.p-devkit-section.bg-white{
position:relative;
z-index: 1;
}
.p-devkit-section.bg-white::before{
content:"";
height: 100%;
background-color: #fff;
position:absolute;
top:0;
z-index: -1;
}
.p-devkit-section.bg-white--wide,
.p-devkit-section.bg-white--left{ padding-left:120px;}
.p-devkit-section.bg-white--wide::before{
width:100%;
left:0;
}
.p-devkit-section.bg-white--right{ padding-right:120px;}
.p-devkit-section.bg-white--right::before{
width:calc(980/1280*100%);
right:0;
}
.p-devkit-section.bg-white--left::before{
width:calc(980/1280*100%);
left:0;
}
.p-devkit-section.bg-black{
color:#fff;
padding:90px 120px;
background-color: #000;
}
.p-devkit-section.bg-black .text-detail{ color:#fff;}
.p-devkit-section__txtfield{
width:calc(480/1160*100%);
padding:90px 20px 90px 0;
box-sizing: border-box;
}
.p-devkit-section__image{
width:calc(600/1160*100%);
padding-top:90px;
}
.p-devkit-section__image01{
display: block;
width:calc(152/600*100%);
height: auto;
margin:0 auto;
}
.p-devkit-section__image02{
width:calc(600/1160*100%);
height:100%;
}
.p-devkit-section__image02 img{
width:100%;
height: 100%;
object-fit: cover;
}
.p-devkit-section__sub{ margin-top:30px;}
.p-devkit-section__sub + .p-devkit-section__sub{ margin-top:26px;}
.p-devkit-section__sub-title{
font-size: 175%;
line-height: 1.125;
font-weight: bold;
margin-bottom: 0.6em;
}
.clr-red{ color:#dc0012;}
.p-devkit-section .columnHd{
line-height: 1.166;
margin-bottom: 40px;
}
.p-devkit-section .columnHd::after{ margin-top:22px;}
.p-devkit-button{
width:100%;
max-width:320px;
height:60px;
margin-top:50px;
}
.p-devkit-button.button--wide{
margin:90px auto 0;
}
.p-devkit-button a{
display:flex;
align-items: center;
justify-content: center;
width:100%;
height:100%;
text-align:center;
color:#fff;
font-size:134%;
background:#E60012;
position:relative;
z-index:1;
}
.p-devkit-button a::before{
display:block;
content:"";
width:0;
height:100%;
position:absolute;
left:0;
top:0;
background:#000;
z-index:-1;
transition:all 0.2s ease-out;
}
.p-devkit-button a:hover::before{ width:100%;}
.p-devkit-section__list{
display:flex;
justify-content: space-between;
margin-top:60px;
width:100%;
}
.p-devkit-section__list li{ width:calc(50% - 4px);}
.p-devkit-section__table{
width:100%;
margin-top:60px;
border-collapse: separate;
border-spacing: 8px;
}
.p-devkit-section__table thead th:nth-child(2),
.p-devkit-section__table thead th:nth-child(3){ width:36%;}
.p-devkit-section__table tbody th,
.p-devkit-section__table tbody td{
height:58px;
vertical-align: middle;
padding:.25em 1.2em;
color:#fff;
font-size:200%;
font-weight: bold;
line-height: 1;
box-sizing: border-box;
}
.p-devkit-section__table tbody th{
text-align: left;
background-color:#dd0012;
}
.p-devkit-section__table tbody td{
text-align: center;
background-color: rgba(255,255,255,.2);
}
.p-devkit-section__table tbody td:nth-child(2){
padding-right:80px;
padding-left: 0;
position: relative;
}
.p-devkit-section__table tbody td:nth-child(2)::before{
content:"";
width:286px;
height: 20px;
background: url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/handheld/icon-arrow.svg) no-repeat;
background-size:100% auto;
position:absolute;
top:50%;
right:-147px;
z-index: 10;
transform: translateY(-50%);
}
.p-devkit-section__table tbody td:nth-child(3){
padding-right:0;
padding-left:80px;
}
.p-devkit-section__table tbody td.bg{ background-color: rgba(255,255,255,.3);}
.list li + li.mt-wide{ margin-top:50px;}
.p-devkit-spec__list{
width:100%;
margin-top: 90px;
}
.p-devkit-spec{ width:calc(239/1040*100%);}
.p-devkit-spec__image{
width:100%;
position: relative;
z-index: 1;
}
.p-devkit-spec__image::before{
content:"";
width:100%;
height:100%;
border:1px solid #222;
box-sizing: border-box;
position: absolute;
left:0;
top:0;
z-index: 10;	
}
.p-devkit-spec__text{
color:#fff;
line-height: 1.2;
font-size:134%;
margin-top: 1em;
}
.p-devkit-output__txtfield{
width: calc(373/1160*100%);
height:250px;
position: relative;
z-index: 10;
}
.p-devkit-output__list{
width:100%;
margin-top:-250px;
position: relative;
z-index: 1;
}
.p-devkit-output{ width:calc(373/1160*100%);}
@media screen and (min-width: 897px){
.p-devkit-section .columnHd{
white-space: nowrap;
}
.p-devkit-spec:nth-child(1),
.p-devkit-spec:nth-child(2){ width:calc(506/1040*100%);}
.p-devkit-spec:nth-child(n+3){ margin-top:36px;}
.p-devkit-output:nth-child(n+3){ margin-top:50px;}
.p-devkit-output:nth-child(1){
order:2;
width:calc(766/1160*100%);
}
.p-devkit-output:nth-child(2){ order:1;}
.p-devkit-output:nth-child(3){ order:3;}
.p-devkit-output:nth-child(4){ order:4;}
.p-devkit-output:nth-child(5){ order:5;}
.p-devkit-section.bg-black.p-devkit-output__Section{ padding-right:0;}
.p-devkit-output__list{ align-items:flex-end;}
.naviItem__detail{ position:relative;}
.naviItem__detail-list{
display: block!important;
white-space: nowrap;
padding:14px 20px 16px;
background-color: #fff;
box-shadow: 1px 1px 3px rgba(0,0,0,.2);
box-sizing: border-box;
position:absolute;
top:calc(100% - 2px);
left: 0;
z-index: 10;
opacity:0;
visibility: hidden;
transition:opacity .2s ease-out, visibility .2s ease-out;
}
.naviItem__detail:hover .naviItem__detail-list{
opacity:1;
visibility:visible;
}
.naviItem .naviItem__detail-list a{
display: inline-block;
line-height: 36px;
}
.naviItem.naviItem__detail > a:hover{ border-bottom-color: transparent;}
#footer .naviItem__detail-list{
top:auto;
bottom:100%;
}
}
@media screen and (min-width: 1281px){
.naviItem + .naviItem{ margin-left: 20px;}
}
@media screen and (max-width: 1380px) and (min-width: 897px){
.naviItem a,
.naviItem-contact a{ font-size:142%;}
}
@media screen and (max-width: 1280px) and (min-width: 897px){
.naviItem__detail-list{ padding:calc(14/1280*100vw) calc(20/1280*100vw) calc(16/1280*100vw);}
.naviItem .naviItem__detail-list a{ line-height:calc(36/1280*100vw);}
.naviItem a,
.naviItem-contact a{ font-size:calc(14/1280*100vw);}
.naviItem + .naviItem {	margin-left:calc(20/1280*100vw);}
#sectionHd-devkit {
width: calc(614.32/1280*100vw);
height: auto;
}
.p-devkit-section + .p-devkit-section{ margin-top:calc(80/1280*100vw);}
.p-devkit-section.bg-white--wide,
.p-devkit-section.bg-white--left{ padding-left:calc(120/1280*100vw);}
.p-devkit-section.bg-white--right{ padding-right:calc(120/1280*100vw);}
.p-devkit-section.bg-black{ padding:calc(90/1280*100vw) calc(120/1280*100vw);}
.p-devkit-section__txtfield{ padding:calc(90/1280*100vw) calc(20/1280*100vw) calc(90/1280*100vw) 0;}
.p-devkit-section__image{ padding-top:calc(90/1280*100vw);}
.p-devkit-section__sub{ margin-top:calc(30/1280*100vw);}
.p-devkit-section__sub + .p-devkit-section__sub{ margin-top:calc(26/1280*100vw);}
.p-devkit-section__sub-title{ font-size: calc(21/1280*100vw);}
.p-devkit-section .columnHd{ margin-bottom: calc(40/1280*100vw);}
.p-devkit-section .columnHd::after{ margin-top:calc(22/1280*100vw);}
.p-devkit-button{
max-width:calc(320/1280*100vw);
height:calc(60/1280*100vw);
margin-top:calc(50/1280*100vw);
}
.p-devkit-button.button--wide{
margin-top:calc(90/1280*100vw);
}
.p-devkit-spec__text,
.p-devkit-button a{	font-size:calc(16/1280*100vw);}
.p-devkit-section__list{ margin-top:calc(60/1280*100vw);}
.p-devkit-section__table{
margin-top:calc(60/1280*100vw);
border-spacing: calc(8/1280*100vw);
}
.p-devkit-section__table tbody th,
.p-devkit-section__table tbody td{
height:calc(58/1280*100vw);
font-size:calc(24/1280*100vw);
}
.p-devkit-section__table tbody td:nth-child(2){ padding-right:calc(80/1280*100vw);}
.p-devkit-section__table tbody td:nth-child(3){ padding-left:calc(80/1280*100vw);}
.p-devkit-section__table tbody td:nth-child(2)::before{
width:calc(286/1280*100vw);
height: calc(20/1280*100vw);
right:calc(147/1280*-100vw);
}
.list li + li.mt-wide{ margin-top:calc(50/1280*100vw);}
.p-devkit-spec__list{ margin-top: calc(90/1280*100vw);}
.p-devkit-output__txtfield{ height:calc(250/1280*100vw);}
.p-devkit-output__list{ margin-top:calc(250/1280*-100vw);}
}
@media screen and (max-width: 896px){
.naviItem__detail-list{
display: none;
padding:4vw 0 1.3vw 4vw;
}
.naviItem__detail-item + .naviItem__detail-item{ margin-top:2.678571428571429vw;}
.naviItem__detail > a{
display:flex;
align-items: center;
justify-content: space-between;
}
.naviItem__detail > a::after{
display: block;
content:"";
width:14px;
height: 14px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: rotate(45deg) translate(-50%);
}
.naviItem__detail > a.is-opened::after{ transform: rotate(225deg) translateY(-50%);}
#sectionHd-devkit{
width:calc(614.32*.75/896*100vw);
height:auto;
} .p-devkit-section.bg-black,
.p-devkit-section{
display: block;
padding:calc(60/896*100vw);
}
.p-devkit-section.tb-pb0{ padding-bottom:0;}
.p-devkit-section.bg-white--wide,
.p-devkit-section.bg-white--left{ padding-left:calc(60/896*100vw);}
.p-devkit-section.bg-white--right{ padding-right:calc(60/896*100vw);}
.p-devkit-section.bg-white--left::before,
.p-devkit-section.bg-white--right::before{ width:100%;}
.p-devkit-section + .p-devkit-section { margin-top: calc(80*.75/896*100vw);}
.p-devkit-section__txtfield{
width:100%;
padding:0;
}
.p-devkit-section__image,
.p-devkit-section__image02{
width:100%;
padding-top: calc(60*.75/896*100vw);
}
.p-devkit-section__image02{ aspect-ratio: 600/440;}
.p-devkit-output,
.p-devkit-spec{ width:48%;}
.p-devkit-output:nth-child(n+2),
.p-devkit-spec:nth-child(n+3){ margin-top:4%;}
.p-devkit-output__txtfield{
height: auto;
width: 100%;
}
.p-devkit-spec__list,
.p-devkit-output__list{	margin-top:calc(60*.75/896*100vw);}
.p-devkit-button a,
.p-devkit-spec__text{ font-size:calc(16*.75/896*100vw);}
.p-devkit-output:nth-child(1){ width:100%;}
.p-devkit-button{
max-width:calc(320*.75/896*100vw);
height:calc(60*.75/896*100vw);
margin:calc(50*.75/896*100vw) auto 0;
}
.p-devkit-button.button--wide {
margin-top:calc(60*.75/896*100vw);
}
.list li + li.mt-wide { margin-top: calc(40*.75/896*100vw);}
.p-devkit-section .columnHd{ margin-bottom: calc(40*.75/896*100vw);}
.p-devkit-section .columnHd::after { margin-top: calc(22*.75/896*100vw);}
.p-devkit-section__image01{ width:14%;}
.p-devkit-section__sub{ margin-top:calc(30*.75/896*100vw);}
.p-devkit-section__sub + .p-devkit-section__sub{ margin-top: calc(26*.75/896*100vw);}
.p-devkit-section__sub-title{ font-size: calc(21*.75/896*100vw);}
.p-devkit-section__table{
display:block;
margin-top:calc(60*.75/896*100vw);	
}
.p-devkit-section__table thead,
.p-devkit-section__table tbody{ display:block;}
.p-devkit-section__table tr{
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
width:100%;
}
.p-devkit-section__table thead th:nth-child(1){ display:none;}
.p-devkit-section__table thead th:nth-child(2),
.p-devkit-section__table thead th:nth-child(3){
display:block;
width:calc(50% - 3px);
}
.p-devkit-section__table tbody tr + tr{ margin-top:6px;}
.p-devkit-section__table tbody th,
.p-devkit-section__table tbody td{
display:flex;
align-items:center;
justify-content:center;
height:calc(60*.75/896*100vw);
font-size:calc(24*.75/896*100vw);
}
.p-devkit-section__table tbody th{
width:100%;
margin-bottom:6px;
}
.p-devkit-section__table tbody td{ width:calc(50% - 3px);}
.p-devkit-section__table tbody td:nth-child(2)::before {
width: calc(286*.75/896*100vw);
height: calc(20*.75/896*100vw);
right: calc(143*.75/896*-100vw);
}
.p-devkit-section__table tbody td:nth-child(2){ padding-right:0;}
.p-devkit-section__table tbody td:nth-child(3){ padding-left:0;}
.p-devkit-section__list{ margin-top:calc(60*.75/896*100vw);	}
.p-devkit-section__list li{ width:calc(50% - 3px);}
}
@media screen and (max-width: 640px){
#sectionHd-devkit{ width:calc(614.32*.7/640*100vw);}
.naviItem__detail > a::after {
width: calc(14/640*100vw);
height: calc(14/640*100vw);
} .p-devkit-section.bg-black,
.p-devkit-section{ padding:calc(40/640*100vw) calc(30/640*100vw);}
.p-devkit-section.bg-white--wide,
.p-devkit-section.bg-white--left{ padding-left:calc(30/640*100vw);}
.p-devkit-section.bg-white--right{ padding-right:calc(30/640*100vw);}
.p-devkit-section + .p-devkit-section {	margin-top: calc(80*.5/640*100vw);}
.p-devkit-section .columnHd { margin-bottom: calc(40/640*100vw);}
.p-devkit-section .columnHd::after { margin-top: calc(22/640*100vw);}
.p-devkit-button{
max-width:calc(320/640*100vw);
height:calc(60/640*100vw);
margin-top:calc(40/640*100vw);
}
.p-devkit-button.button--wide {
margin-top:calc(40/640*100vw);
}
.p-devkit-button a,
.p-devkit-spec__text{ font-size:calc(19/640*100vw);}
.list li + li.mt-wide,
.p-devkit-section__sub{ margin-top:calc(30/640*100vw);}
.p-devkit-section__sub + .p-devkit-section__sub{ margin-top: calc(26/640*100vw);}
.p-devkit-section__sub-title{ font-size: calc(24/640*100vw);}
.p-devkit-section__image,
.p-devkit-section__image02{ padding-top: calc(40/640*100vw);}
.p-devkit-spec__list,
.p-devkit-output__list,
.p-devkit-section__list,
.p-devkit-section__table{ margin-top:calc(60*.7/640*100vw);}
.p-devkit-section__table tbody td,
.p-devkit-section__table thead th:nth-child(2),
.p-devkit-section__table thead th:nth-child(3){ width:calc(50% - 2px);}
.p-devkit-section__table tbody tr + tr{ margin-top:4px;}
.p-devkit-section__table tbody th,
.p-devkit-section__table tbody td{
height:calc(60/640*100vw);
font-size:calc(24/640*100vw);
}
.p-devkit-section__table tbody th{ margin-bottom:4px;}
.p-devkit-section__table tbody td:nth-child(2)::before {
width: calc(143/640*100vw);
height: calc(20/640*100vw);
right: calc(143*.5/640*-100vw);
background-image:url(//www.kudan.io/jp/wp-content/themes/wp-theme-kudan-jp/lib/img/handheld/icon-arrow-sp.svg);
}
.p-devkit-output:nth-child(n+2),
.p-devkit-spec:nth-child(n+3){ margin-top:5%;}
.p-devkit-section__table tbody td:nth-child(2){ padding-right:2em;}
.p-devkit-section__table tbody td:nth-child(3){ padding-left:2em;}
.p-devkit-section__list li{ width:calc(50% - 2px);}
}