/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:3.59vw;
line-height:1.7;
color:#303030;
letter-spacing:.04em;
}

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


/*------------------------------------------------------------
CONTENT
------------------------------------------------------------*/

#container{
width:100%;
}

#kv{
width:100%;
height:128.205vw;
background:url(../img/ai-kv-sp.jpg) no-repeat center top;
background-size:100vw;
position:relative;
}



.copy-md{
width:67.692vw;
margin:0 auto;
}


.kv-btn{
width:87.179vw;
height:27.949vw;
position:absolute;
top:92.051vw;
left:50%;
margin-left:-43.59vw;
}

.ai-app-btn {
width:87.179vw;
height:17.949vw;
margin:2.933vw auto 0;
}

.ai-app-btn a{
width:87.179vw;
height:17.949vw;
display:flex;
justify-content:center;
align-items:center;
border-radius:8.974vw;
background:linear-gradient(to top, #DC9E00 0%, #FFFF86 100%);
position:relative;
font-size:5.231vw;
font-weight:bold;
text-align:center;
color:#303030;

}

.ai-app-btn a::after{
content:'';
width:2.6vw;
height:2.6vw;
border-right:2px solid #303030;
border-bottom:2px solid #303030;
transform:rotate(-45deg);
position:absolute;
top:7.2vw;
right:8vw;
}



#index1{
width:100vw;
margin:0 auto;
background:#EDF4F6;
}

.shad{
width:100vw;
height:5.128vw;
margin:0 auto;
background:linear-gradient(to bottom, rgba(79,102,110,.75) 0%, rgba(255,255,255,0) 75%);
}


.i1cont01{
width:100%;
position:relative;
padding:7.692vw 0 32.821vw;
}


.ai-ttl{
text-align:center;
font-size:6.154vw;
font-weight:bold;
line-height:1;
margin-bottom:19.231vw;
}
.ai-ttl span.small{
display:block;
font-size:4.103vw;
margin-bottom:3.313vw;
}
.ai-ttl span.ul{
display:inline-block;
border-bottom:2px solid #303030;
padding-bottom:2.051vw;
}


.col3-list,
.col3-list2{
width:87.179vw;
margin:0 auto;
}

.col3-list li{
width:87.179vw;
margin:0 0 9.231vw;
background:#fff;
padding:19.744vw 6.923vw 6.923vw;
border:1px solid #CBCBCB;
font-weight:bold;
position:relative;
}
.col3-list2 li{
width:87.179vw;
margin:0 0 16.923vw;
background:#fff;
padding:19.744vw 6.923vw 6.923vw;
border:1px solid #CBCBCB;
font-weight:bold;
position:relative;
}

.col3-list li:last-child,
.col3-list2 li:last-child{
margin:0;
}

.col3-list li:nth-child(1)::before{ content:''; width:17.949vw; height:19.564vw; background:url(../img/m-bal01.png) no-repeat; background-size:17.949vw; position:absolute; left:50%; top:-6.064vw; margin-left:-8.974vw;}
.col3-list li:nth-child(2)::before{ content:''; width:17.949vw; height:19.564vw; background:url(../img/m-bal02.png) no-repeat; background-size:17.949vw; position:absolute; left:50%; top:-6.064vw; margin-left:-8.974vw;}
.col3-list li:nth-child(3)::before{ content:''; width:17.949vw; height:19.564vw; background:url(../img/m-bal03.png) no-repeat; background-size:17.949vw; position:absolute; left:50%; top:-6.064vw; margin-left:-8.974vw;}

.col3-list2 li:nth-child(1)::before{ content:''; width:17.949vw; height:19.564vw; background:url(../img/bal01.png) no-repeat; background-size:17.949vw; position:absolute; left:50%; top:-6.064vw; margin-left:-8.974vw;}
.col3-list2 li:nth-child(2)::before{ content:''; width:17.949vw; height:19.564vw; background:url(../img/bal02.png) no-repeat; background-size:17.949vw; position:absolute; left:50%; top:-6.064vw; margin-left:-8.974vw;}
.col3-list2 li:nth-child(3)::before{ content:''; width:17.949vw; height:19.564vw; background:url(../img/bal03.png) no-repeat; background-size:17.949vw; position:absolute; left:50%; top:-6.064vw; margin-left:-8.974vw;}


.col3-list2 li::after{
content:'';
width:0;
height:0;
border-left:21px solid transparent;
border-top:21px solid #15C6FD;
border-right:21px solid transparent;
position:absolute;
bottom:-8.205vw;
left:50%;
margin-left:-5.385vw;
}
.col3-list2 li:last-child::after{
content:'';
border:none;
}



.col3-list li h3,
.col3-list2 li h3{
font-size:5.641vw;
line-height:1;
font-weight:bold;
letter-spacing:.06em;
margin-bottom:8.462vw;
text-align:center;
z-index:3;
}
.col3-list li h3 span,
.col3-list2 li h3 span{
position:relative;
display:inline-block;
z-index:3;
}
.col3-list li h3 span::after{
content:'';
width:100%;
height:2.564vw;
background:#FFF73D;
position:absolute;
bottom:0;
left:0;
z-index:-1;
}

.col3-img{
margin-bottom:4.103vw;
}
.col3-desc{
font-size:3.59vw;
line-height:1.7;
letter-spacing:.06em;
} 
.col3-desc span{
color:#EF6A0A;
}

.ai-h01{
width:22.308vw;
height:33.333vw;
background:url(../img/ai-h01.png) no-repeat;
background-size:22.308vw;
position:absolute;
top:31.026vw;
left:50%;
margin-left:27.692vw;
z-index:10;
}


.ai-h02{
width:23.077vw;
height:37.436vw;
background:url(../img/ai-h02.png) no-repeat;
background-size:23.077vw;
position:absolute;
bottom:0;
left:50%;
margin-left:-11.538vw;
z-index:10;
}




#index2{
width:100vw;
margin:0 auto;
background:linear-gradient(to bottom, #005FA4 0%, #003680 100%);
}
.i2cont{
width:87.179vw;
margin:0 auto;
padding:20vw 0 20.513vw;
}

.ai-ttl-wh{
text-align:center;
font-size:6.154vw;
font-weight:bold;
line-height:1;
margin-bottom:11.026vw;
color:#fff;
}
.ai-ttl-wh span.small{
display:block;
font-size:4.103vw;
margin-bottom:3.313vw;
}
.ai-ttl-wh span.ul{
display:inline-block;
border-bottom:2px solid #fff;
padding-bottom:2.051vw;
}


.i2-copy{
width:67.692vw;
margin:0 auto 3.703vw;
}

.ai-h03{
width:62.308vw;
height:51.282vw;
margin:0 auto 8.974vw;
}



.cbox{
width:100vw;
margin:0 auto;
background:#EDF4F6;
}

.c-inner{
padding:8.462vw 0 17.179vw;
}


/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/
footer{
padding:11.795vw 0 10.256vw;
}
.footerInner{
width:87.179vw;
margin:0 auto;
}
.fcol{
}
.fcolL{
text-align:center;
margin-bottom:7.179vw;
}
.flogo{
width:66.667vw;
margin:0 auto 4.615vw;
}

.fadd{
font-size:3.077vw;
line-height:1.7;
}
.fcolC{
font-size:3.59vw;
line-height:1.7;
text-align:center;
margin-bottom:7.179vw;
}
.fcolR{
width:87.179vw;
}
.f-contact{
width:87.179vw;
border:1px solid #cbcbcb;
background:#EDF4F6;
border-radius:1.538vw;
padding:5.128vw;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.f-contact li:nth-child(1){
font-size:3.077vw;
line-height:1.7;
font-weight:bold;
width:23.077vw;
margin-bottom:4.615vw;
}
.f-contact li:nth-child(2){
width:49vw;
margin-left:3.872vw;
}
.fc-tel{
font-size:8vw;
font-weight:500;
color:#003680;
line-height:1;
font-family:'oswald';
margin-bottom:4.615vw;
}
.fc-tel span{
display:block;
font-size:3.59vw;
line-height:1;
margin-top:2.051vw;
font-family:'Noto Sans JP';
color:#303030;
}
.f-contact li:nth-child(3){
}
.fc-form a{
width:76.923vw;
height:12.821vw;
background:#FAA825;
color:#fff;
font-weight:bold;
font-size:3.59vw;
border-radius:1.026vw;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
}


.fc-form a::after{
content:'';
width:2.051vw;
height:2.051vw;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
transform:rotate(-45deg);
position:absolute;
top:4.872vw;
right:3.59vw;
}