/*------------------------------------------------------------
FOR PC LAYOUT CSS
------------------------------------------------------------*/
@media screen and (min-width:768px){

/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
color:#303030;
font-size:18px;
line-height:1.7;
width:100%;
overflow:hidden;
}


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


/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
#kv{
width:1440px;
height:700px;
margin:0 auto;
background:url(../img/ai-kv-pc.jpg) no-repeat center top;
background-size:1440px;
positon:relative;
}


.copy-md{
width:322px;
margin:0 auto;
}

.kv-btn{
width:500px;
height:143px;
position:absolute;
top:486px;
left:50%;
margin-left:-250px;
}

.ai-app-btn {
width:500px;
height:90px;
margin:17px auto 0;
}

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

}

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

.ai-app-btn a:hover{
background:#FFF73D;
}


/*------------------------------------------------------------
CONTENT
------------------------------------------------------------*/ 
#container{
width:100%;
}

#index1{
width:1440px;
margin:0 auto;
background:#EDF4F6;
}

.shad{
width:1440px;
height:20px;
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:128px 0 146px;
}

.ai-h01{
width:152px;
height:229px;
background:url(../img/ai-h01.png) no-repeat;
background-size:152px;
position:absolute;
top:172px;
left:50%;
margin-left:456px;
z-index:10;
}

.ai-ttl{
text-align:center;
font-size:45px;
font-weight:bold;
line-height:1;
margin-bottom:133px;
}
.ai-ttl span.small{
display:block;
font-size:30px;
margin-bottom:20px;
}
.ai-ttl span.ul{
display:inline-block;
border-bottom:4px solid #303030;
padding-bottom:14px;
}


.col3-list,
.col3-list2{
width:1080px;
margin:0 auto;
display:flex;
justify-content:space-between;
}

.col3-list li{
width:342px;
margin:0;
background:#fff;
padding:92px 28px 32px;
border:1px solid #CBCBCB;
font-weight:bold;
position:relative;
}
.col3-list2 li{
width:329px;
margin:0;
background:#fff;
padding:92px 28px 32px;
border:1px solid #CBCBCB;
font-weight:bold;
position:relative;
}

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

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


.col3-list2 li::after{
content:'';
width:0;
height:0;
border-left:30px solid #15C6FD;
border-top:31px solid transparent;
border-bottom:31px solid transparent;
border-right:none;
position:absolute;
top:230px;
left:auto;
bottom:auto;
right:-42px;
}
.col3-list2 li:last-child::after{
content:'';
border:none;
}



.col3-list li h3,
.col3-list2 li h3{
font-size:30px;
line-height:1;
font-weight:bold;
letter-spacing:.06em;
margin-bottom:48px;
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:13px;
background:#FFF73D;
position:absolute;
bottom:0;
left:0;
z-index:-1;
}


.col3-img{
width:auto;
margin-bottom:19px;
}
.col3-desc{
font-size:18px;
line-height:1.7;
letter-spacing:.06em;
}
.col3-desc span{
color:#EF6A0A;
}


.ai-h02{
width:147px;
height:240px;
background:url(../img/ai-h02.png) no-repeat;
background-size:147px;
position:absolute;
bottom:0;
left:50%;
margin-left:-654px;
z-index:10;
}

#index2{
width:1440px;
margin:0 auto;
background:linear-gradient(to bottom, #005FA4 0%, #003680 100%);
}
.i2cont{
width:1080px;
margin:0 auto;
padding:159px 0 152px;
}
.ai-ttl-wh{
text-align:center;
font-size:45px;
font-weight:bold;
line-height:1;
margin-bottom:65px;
color:#fff;
}
.ai-ttl-wh span.small{
display:block;
font-size:30px;
margin-bottom:20px;
}
.ai-ttl-wh span.ul{
display:inline-block;
border-bottom:4px solid #fff;
padding-bottom:14px;
}

.i2-copy{
width:322px;
margin:0 auto 17px;
}

.ai-h03{
width:330px;
height:272px;
margin:0 auto 78px;
}


.cbox{
width:1440px;
margin:0 auto;
background:#EDF4F6;
}

.c-inner{
padding:66px 0 95px;
}

/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/
footer{
padding:46px 0;
}
.footerInner{
width:1080px;
margin:0 auto;
}
.fcol{
display:flex;
align-items:center;
}
.fcolL{
width:212px;
margin-bottom:0;
text-align:left;
}
.flogo{
width:172px;
margin:0 0 10px;
}

.fadd{
font-size:10px;
line-height:1.7;
}
.fcolC{
width:212px;
font-size:12px;
line-height:1.7;
margin-left:42px;
margin-bottom:0;
text-align:left;
}
.fcolR{
width:556px;
margin-left:67px;
}
.f-contact{
width:556px;
border:1px solid #cbcbcb;
background:#EDF4F6;
border-radius:6px;
padding:15px 15px 17px 26px;
display:flex;
align-items:center;
flex-wrap:nowrap;
}
.f-contact li:nth-child(1){
font-size:12px;
line-height:1.7;
font-weight:bold;
width:90px;
margin-bottom:0;
}
.f-contact li:nth-child(2){
width:210px;
margin-left:17px;
margin-bottom:0;
}
.fc-tel{
font-size:36px;
font-weight:500;
color:#003680;
line-height:1;
font-family:'oswald';
margin:0;
}
.fc-tel span{
display:block;
font-size:12px;
line-height:1;
margin-top:6px;
font-family:'Noto Sans JP';
color:#303030;
}
.f-contact li:nth-child(3){
margin-left:12px;
}
.fc-form a{
width:186px;
height:50px;
background:#FAA825;
color:#fff;
font-weight:bold;
font-size:14px;
border-radius:4px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
}


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

/*------------------------------------------------------------
END PC LAYOUT CSS
------------------------------------------------------------*/
}