/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:3.6vw;
line-height:6.4vw;
color:#231815;
font-weight:500;
}

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


/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
header{
display:flex;
justify-content:space-between;
background:#fff;
}


.headerInner{
padding:3vw;
}
.siteLogo{
width:35.02vw;
height:6.64vw;
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:12vw 0;
background:#fff;
}

.i1-col{
width:94vw;
margin:0 auto;
}
.i1-txt{
width:90vw;
margin:0 auto 4vw;
}
.i1-ill{
width:70vw;
margin:0 auto;
position:relative;
}

.i1-ttl{
display:block;
width:100%;
height:10vw;
font-size:4.6vw;
color:#fff;
font-weight:bold;
line-height:10vw;
background:#e09120;
text-align:center;
border-radius:1.2vw;
margin-bottom:4vw;
}

#index1 h2{
font-size:6vw;
line-height:1.5;
color:#e09120;
margin-bottom:4vw;
}

#index1 p{
font-size:3.6vw;
line-height:6.4vw;
letter-spacing:-.005em;
}






#index2{
width:100%;
background:#f9ecd8;
padding:12vw 0;
}

#index2 section{
width:94vw;
margin:0 auto;
margin-bottom:10vw;
}
#index2 section.last{
margin-bottom:0 !important;
}

.i2-ttl-area{
border-bottom:.6vw solid #e09120;
margin-bottom:7vw;
}
#index2 h3{
color:#e09120;
font-size:4.5vw;
line-height:1.5;
min-height:27vw;
letter-spacing:.045em;
padding-left:20vw;
position:relative;
margin-bottom:2vw;
display:flex;
align-items:end;
}

#index2 h3 span.num01{
width:13.60vw;
height:20.00vw;
background:url(img/num01.svg) no-repeat;
background-size:13.60vw;
position:absolute;
top:5.2vw;
left:0;
}
#index2 h3 span.num02{
width:16.80vw;
height:20.00vw;
background:url(img/num02.svg) no-repeat;
background-size:16.80vw;
position:absolute;
top:5.2vw;
left:0;
}
#index2 h3 span.num03{
width:15.80vw;
height:20.00vw;
background:url(img/num03.svg) no-repeat;
background-size:15.80vw;
position:absolute;
top:5.2vw;
left:0;
}
#index2 h3 span.num04{
width:15.40vw;
height:20.00vw;
background:url(img/num04.svg) no-repeat;
background-size:15.40vw;
position:absolute;
top:5.2vw;
left:0;
}



#index2 h4{
font-size:4.4vw;
line-height:1.5;
margin-bottom:.5em;
}
#index2 p{
font-size:3.6vw;
line-height:6.4vw;
}

.i2-col{
}
.i2L{
width:100%;
margin:0 auto 6vw;
}
.i2R{
width:100%;
margin:0 auto;
}

.link-list{
margin:4vw 0;
}
.link-list li{
font-size:3.6vw;
line-height:6.4vw;
position:relative;
padding-left:1.2em;
}
.link-list li::before{
content:'';
width:2.6vw;
height:2.6vw;
background:#c27c18;
border-radius:50%;
position:absolute;
top:1.9vw;
left:0;
}

.link-list li a{
color:#231815;
padding-right:1.3em;
position:relative;
}

.link-list li.ext a::after{
content:'';
width:3.2vw;
height:3.2vw;
background:url(img/icon-ext.svg) no-repeat;
background-size:3.2vw;
position:absolute;
right:0;
bottom:.8vw;
}
.link-list li.pdf a::after{
content:'';
width:3.4vw;
height:4.6vw;
background:url(img/icon-pdf.svg) no-repeat;
background-size:3.4vw;
position:absolute;
right:0;
bottom:0;
}


.spl-link a{
display:inline-block;
width:auto;
height:8vw;
padding:0 10vw 0 5vw;
background:#e09120;
border-radius:1.6vw;
color:#fff;
font-weight:bold;
font-size:3.6vw;
line-height:8vw;
position:relative;
}


.spl-link a::after{
content:'';
width:3.8vw;
height:3.8vw;
background:url(img/icon-ext-wh.svg) no-repeat;
background-size:3.8vw;
position:absolute;
top:2vw;
right:4vw;
}


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

.f-ttl{
text-align:center;
font-weight:bold;
font-size:5vw;
line-height:6.4vw;
color:#fff;
margin:0 auto 1vw;
}


.copy{
text-align:center;
font-size:2.6vw;
line-height:4vw;
font-weight:bold;
color:#fff;
}