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

/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:18px;
line-height:30px;
font-weight:500;
color:#231815;
width:100%;
overflow:hidden;
min-width:1040px;
}

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


/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
header{
padding:0;
background:#fff;
}

.headerInner{
padding:28px 32px 16px;
}
.siteLogo{
width:290px;
height:55px;
position:relative;
}

.siteLogo a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}

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



#index1{
padding:95px 0;
background:#fff;
}

.i1-col{
width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.i1-txt{
width:600px;
margin:0;
}
.i1-ill{
width:300px;
position:relative;
top:-20px;
margin:0;
}

.i1-ttl{
display:block;
width:100%;
height:42px;
font-size:24px;
color:#fff;
font-weight:bold;
line-height:42px;
background:#e09120;
text-align:center;
border-radius:6px;
margin-bottom:20px;
}

#index1 h2{
font-size:30px;
line-height:36px;
color:#e09120;
margin-bottom:20px;
}

#index1 p{
font-size:18px;
line-height:32px;
letter-spacing:-.005em;
}



#index2{
width:100%;
background:#f9ecd8;
padding:120px 0;
}

#index2 section{
width:1000px;
margin:0 auto;
margin-bottom:100px;
}
#index2 section.last{
margin-bottom:0 !important;
}

.i2-ttl-area{
border-bottom:3px solid #e09120;
margin-bottom:35px;
}
#index2 h3{
color:#e09120;
font-size:30px;
line-height:38px;
min-height:114px;
letter-spacing:.045em;
padding-left:105px;
position:relative;
margin-bottom:10px;
display:flex;
align-items:end;
}

#index2 h3 span.num01{
width:68px;
height:100px;
background:url(img/num01.svg) no-repeat;
background-size:68px;
position:absolute;
top:6px;
left:0;
}
#index2 h3 span.num02{
width:84px;
height:100px;
background:url(img/num02.svg) no-repeat;
background-size:84px;
position:absolute;
top:6px;
left:0;
}
#index2 h3 span.num03{
width:79px;
height:100px;
background:url(img/num03.svg) no-repeat;
background-size:79px;
position:absolute;
top:10px;
left:0;
}
#index2 h3 span.num04{
width:77px;
height:100px;
background:url(img/num04.svg) no-repeat;
background-size:77px;
position:absolute;
top:10px;
left:0;
}

#index2 h4{
font-size:25px;
line-height:1.5;
margin-bottom:.5em;
}
#index2 p{
font-size:18px;
line-height:32px;
}

.i2-col{
display:flex;
justify-content:space-between;
}
.i2L{
width:590px;
}
.i2R{
width:358px;
display:flex;
align-items:end;
}

.link-list{
margin:40px 0;
}
.link-list li{
font-size:18px;
line-height:30px;
position:relative;
padding-left:1.2em;
}
.link-list li::before{
content:'';
width:13px;
height:13px;
background:#c27c18;
border-radius:50%;
position:absolute;
top:8px;
left:0;
}
.link-list li a{
color:#231815;
padding-right:1.3em;
position:relative;
}
.link-list li a:hover{
text-decoration:underline;
}


.link-list li.ext a::after{
content:'';
width:16px;
height:16px;
background:url(img/icon-ext.svg) no-repeat;
background-size:16px;
position:absolute;
right:0;
bottom:4px;
}
.link-list li.pdf a::after{
content:'';
width:17px;
height:23px;
background:url(img/icon-pdf.svg) no-repeat;
background-size:17px;
position:absolute;
right:0;
bottom:0;
}

.spl-link a{
display:inline-block;
width:auto;
height:38px;
padding:0 58px 0 25px;
background:#e09120;
border-radius:8px;
color:#fff;
font-weight:bold;
font-size:18px;
line-height:38px;
position:relative;
transition:all .2s;
}
.spl-link a:hover{
background:#FFA500;
}


.spl-link a::after{
content:'';
width:19px;
height:19px;
background:url(img/icon-ext-wh.svg) no-repeat;
background-size:19px;
position:absolute;
top:9px;
right:20px;
}






/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/
footer{
background:url(img/fbg.svg) no-repeat center center;
backgroudn-size:cover;
width:100%;
height:124px;
display:flex;
flex-diraction:column;
justify-content:center;
align-items:center;
}

.f-ttl{
text-align:center;
font-weight:bold;
font-size:28px;
line-height:32px;
color:#fff;
margin:0 auto 10px;
}


.copy{
text-align:center;
font-size:19px;
line-height:20px;
font-weight:bold;
}



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