/*------------------------------------------------------------
BODY BASIC
------------------------------------------------------------*/
body{
font-size:3.7vw;
line-height:6.5vw;
color:#333;
font-weight:500;
overflow:hidden;
}

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

/*------------------------------------------------------------
HEADER
------------------------------------------------------------*/
header{
width:100vw;
margin:0 auto;
padding:4vw 0;
}
.logo{
margin-left:4vw;
font-size:4.3vw;
line-height:5vw;
font-weight:bold;
padding-left:12vw;
background:url(img/kta-mark.png) no-repeat left center;
background-size:9vw;
}

.head-ttl{
width:94vw;
margin:0 auto 2vw;
font-size:3vw;
line-height:5vw;
text-align:center;
}

.ob-list{
width:78vw;
margin:0 auto;
display:flex;
flex-direction:column;
gap:1vw 0;
}
.ob-list li{
padding-left:11vw;
position:relative;
font-size:3.8vw;
line-height:8vw;
display:flex;
align-items:center;
position:relative;
}
.ob-list li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:5;
}
.ob-list li:nth-child(1)::before{
content:'';
width:8vw;
height:8vw;
background:url(img/icon-kokko.png) no-repeat left center;
background-size:8vw;
position:absolute;
top:0;
left:0;
}
.ob-list li:nth-child(2)::before{
content:'';
width:8vw;
height:8vw;
background:url(img/icon-kose.png) no-repeat left center;
background-size:8vw;
position:absolute;
top:0;
left:0;
}
.ob-list li:nth-child(3)::before{
content:'';
width:8vw;
height:8vw;
background:url(img/icon-kta.png) no-repeat left center;
background-size:8vw;
position:absolute;
top:0;
left:0;
}



/*------------------------------------------------------------
	CONTENT
------------------------------------------------------------*/
.kv{
width:100vw;
margin:0 auto;
position:relative;
height:60vw;
  background-image: repeating-linear-gradient(
    -35deg,
    #ffd500,
    #ffd500 24px,
    #ffcc00 24px,
    #ffcc00 48px
  );
}

.kv::before{
content:'';
width:100%;
height:5vw;
position:absolute;
top:0;
left:0;
background-image: repeating-linear-gradient(
    -35deg,
    #000,
    #000 24px,
    #ffcc00 24px,
    #ffcc00 48px
  );
}
.kv::after{
content:'';
width:100%;
height:5vw;
position:absolute;
bottom:0;
left:0;
background-image: repeating-linear-gradient(
    -35deg,
    #000,
    #000 24px,
    #ffcc00 24px,
    #ffcc00 48px
  );
}

.kv-wrap{
width:90vw;
margin:0 auto;
padding:7.5vw 0;
}



#index1{
padding:8vw 0;
width:94vw;
margin: 0 auto;
}
.i1Col{
}
.i1L{
margin-bottom:4vw;
}
.md01{
width:70vw;
margin:0 auto 4vw;
}
.source{
text-align:right;
font-size:3.2vw;
line-height:6.5vw;
}
.i1R{
width:60vw;
margin:0 auto 4vw;
}


.i1Desc-2{
width:94vw;
margin:0 auto 4vw;
}

.i1-link{
width:94vw;
margin:0 auto;
padding-left:1.2em;
position:relative;
}
.i1-link a{
color:#231815;
position:relative;
}
.i1-link::before{
content:'';
width:3.6vw;
height:3.6vw;
border-radius:50%;
background:#cc940d;
position:absolute;
top:1.5vw;
left:0;
}
.i1-link a::after{
content:'';
width:3.2vw;
height:3.2vw;
background:url(img/icon-ext.svg) no-repeat;
background-size:3.2vw;
display:inline-block;
}



#index2{
width:100vw;
margin:0 auto;
}



#index3{
width:94vw;
margin:0 auto;
padding:8vw 0 4vw;
}

.md03{
width:90vw;
font-size:5vw;
line-height:12vw;
font-weight:900;
background:#cc940d;
color:#fff;
position:relative;
margin-left:10vw;
padding-left:4vw;
margin-bottom:4vw;
}

.md03::before{
content:'';
width:19vw;
height:15vw;
background:url(img/ill02.png) no-repeat;
background-size:cover;
position:absolute;
top:-6.5vw;
left:50%;
margin-left:16vw;
z-index:2;
}



.i3Cont{
width:94vw;
margin:0 auto;
padding-left:7vw;
position:relative;
}

.pointList{
}
.pointList li{
padding-left:5vw;
position:relative;
font-size:3.7vw;
line-height:6.5vw;
}
.pointList li::before{
content:'';
width:3.4vw;
height:3.4vw;
background:#cc940d;
border-radius:50%;
position:absolute;
top:1.55vw;
left:0;
}

.img01{
width:50vw;
height:32vw;
margin:5vw auto 0;
}




#index4{
padding:10vw 0 8vw;
background:#fbecc5;
width:100vw;
margin:0 auto;
position:relative;
}

.md04{
width:90vw;
font-size:5vw;
line-height:12vw;
font-weight:900;
color:#fff;
background:#cc940d;
position:relative;
padding-left:20vw;
margin-bottom:5vw;
}
.md04::before{
content:'';
width:14vw;
height:18.2vw;
background:url(img/ill03.png) no-repeat;
background-size:cover;
position:absolute;
top:-7vw;
left:2.5vw;
z-index:2;
}

.i4Cont{
width:94vw;
margin:0 auto;
padding-left:7vw;
position:relative;
}

.img02{
width:50vw;
height:32vw;
margin:5vw auto 0;
}



#index5{
padding:10vw 0 8vw;
width:100vw;
margin:0 auto;
}

.md05{
width:94vw;
margin-left:6vw;
font-size:5vw;
line-height:12vw;
font-weight:900;
color:#fff;
background:#cc940d;
position:relative;
padding-left:30vw;
margin-bottom:6vw;
}
.md05::before{
content:'';
width:22.3vw;
height:21.3vw;
position:absolute;
top:-7.5vw;
left:.8vw;
background:url(img/ill04.png) no-repeat;
background-size:cover;
z-index:2;
}




.i5Col{
width:94vw;
margin:0 auto;
padding-left:6vw;
}
.i5L1{
width:70vw;
margin:0 auto 3vw;
}
.i5R1{
width:auto;
}
.i5L2{
width:auto;
}

.i5R2{
width:70vw;
margin:3vw auto 0;
}


#index6{
width:100vw;
margin:0 auto;
background:#cc940d;
padding:8vw 5vw 8vw;
}
.md06{
width:90vw;
margin-bottom:5vw;
}
.i6L{
width:100%;
color:#fff;
}
.i6R{
width:84vw;
margin:4vw auto 0;
}
.i6i{
display:flex;
justify-content:space-between;
}
.i6i li{
width:40vw;
}




#index7{
background:#eaeae9;
width:100vw;
margin:0 auto;
padding:8vw 0;
}

.md07{
text-align:center;
font-size:5vw;
line-height:6.5vw;
font-weight:900;
color:#906034;
margin-bottom:4vw;
}


.packList{
width:90vw;
margin:0 auto;
}
.packList li{
background:#eeb118;
border-radius:3vw;
box-shadow:2vw 2vw 0 #cc940d;
margin-bottom:4vw;
padding:4vw 4vw; 
position:relative;
}
.packList li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:10;
}




.packL{
width:100%;
text-align:center;
margin-bottom:4vw;
}

.packR{
width:30vw;
margin:0 auto;
}
.packmd01{ width:57.846vw; margin:0 auto 3vw; }
.packmd02{ width:42.308vw; margin:0 auto 3vw; }
.packmd03{ width:67.385vw; margin:0 auto 3vw; }
.packmd04{ width:54.83vw; margin:0 auto 3vw; }


.packList li:nth-child(4){
background:#e60012;
}


.packDesc{
text-align:center;
display:block;
background:#fff;
font-size:3.2vw;
line-height:5.5vw;
border-radius:2.25vw;
color:#98514c;
padding:2vw;
}



.frbn{
width:100vw;
margin:0 auto;
background:#e3c185;
text-align:center;
padding:3vw 0;
}



.spllink{
width:90vw;
text-align:center;
font-size:3.6vw;
margin:10vw auto 0;
}
.spllink a{
color:#0000cd;
text-decoration:underline;
}



/*------------------------------------------------------------
FOOTER
------------------------------------------------------------*/

footer{
padding:8vw 0 5vw;
width:100vw;
margin:0 auto;
}
.fmd{
text-align:center;
font-size:5vw;
margin-bottom:6vw;
}


.oList{
width:90vw;
margin:0 auto 10vw;
}

.oList li{
display:flex;
align-items:center;
margin-bottom:6.4vw;
flex-wrap:wrap;
position:relative;
}
.oList li a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
z-index:5;
}

.oList li:last-child{
margin:0;
}

.obs-txt01{
width:90vw;
font-size:4vw;
line-height:6vw;
position:relative;
padding-left:16vw;
margin-bottom:2vw;
}
.obs-txt01 span{
display:block;
font-size:3.6vw;
margin-top:2vw;
}
.obs-txt01::before{
content:'';
width:10.39vw;
height:10.87vw;
background:url(img/icon-ex01.jpg) no-repeat;
background-size:10.39vw;
position:absolute;
left:0;
top:0;
}
.obs-txt02{
width:90vw;
font-size:4vw;
line-height:6vw;
position:relative;
padding-left:16vw;
margin-bottom:2vw;
}
.obs-txt02 span{
display:block;
font-size:3.6vw;
margin-top:2vw;
}
.obs-txt02::before{
content:'';
width:11.84vw;
height:11.84vw;
background:url(img/icon-ex02.jpg) no-repeat;
background-size:11.84vw;
position:absolute;
left:0;
top:0;
}

.obs-txt05{
width:90vw;
font-size:4vw;
line-height:6vw;
position:relative;
padding-left:16vw;
margin-bottom:2vw;
}
.obs-txt05::before{
content:'';
width:10.14vw;
height:11.11vw;
background:url(img/icon-ex03.jpg) no-repeat;
background-size:10.14vw;
position:absolute;
left:0;
top:0;
}
.obs-txt05 span{
display:block;
font-size:3.6vw;
margin-top:2vw;
}
.obs-qr{
width:24vw;
margin:0 auto;
}


.copy{
text-align:center;
font-size:2vw;
line-height:4vw;
color:#595858;
}