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

/*------------------------------------------------------------
	BODY BASIC
------------------------------------------------------------*/
body{
width:100%;
overflow:hidden;
color:#333;
font-size:20px;
line-height:36px;
font-weight:500;
min-width:1020px;
}


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


/*------------------------------------------------------------
	HEADER
------------------------------------------------------------*/
header{
width:1000px;
margin:0 auto;
padding:12px 0;
}


.head-ttl{
width:auto;
font-size:14px;
line-height:30px;
margin:0 0 10px;
text-align:left;
}


.ob-list{
width:auto;
margin:0;
display:flex;
justify-content:space-between;
flex-direction:row;
}
.ob-list li{
width:auto;
height:30px;
padding-left:40px;
position:relative;
font-size:16px;
display:flex;
align-items:center;
}
.ob-list li:nth-child(1)::before{
content:'';
width:30px;
height:30px;
background:url(img/icon-kokko.png) no-repeat left center;
background-size:30px;
position:absolute;
top:0;
left:0;
}
.ob-list li:nth-child(2)::before{
content:'';
width:30px;
height:30px;
background:url(img/icon-kose.png) no-repeat left center;
background-size:30px;
position:absolute;
top:0;
left:0;
}
.ob-list li:nth-child(3)::before{
content:'';
width:30px;
height:30px;
background:url(img/icon-kta.png) no-repeat left center;
background-size:30px;
position:absolute;
top:0;
left:0;
}

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

.kv::before{
content:'';
width:100%;
height:58px;
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:58px;
position:absolute;
bottom:0;
left:0;
background-image: repeating-linear-gradient(
    -35deg,
    #000,
    #000 24px,
    #ffcc00 24px,
    #ffcc00 48px
  );
}

.kv-wrap{
width:1000px;
margin:0 auto;
padding:58px 0;
}



#index1{
padding:50px 0 60px;
width:1000px;
margin: 0 auto;
}
.i1Col{
widht:852px;
display:flex;
justify-content:space-between;
margin:0 auto 40px;
}
.i1L{
width:490px;
padding-top:30px;
margin-left:75px;
margin-bottom:0;
}
.md01{
width:512px;
margin:0 0 40px;
}
.source{
text-align:right;
font-size:14px;
line-height:36px;
}
.i1R{
width:302px;
}

.i1Desc-2{
width:852px;
margin:0 auto 40px;
}

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

.i1-link a:hover{
color:#cc940d;
}


#index2{
width:1000px;
margin:0 auto;
}



#index3{
width:1000px;
margin:0 auto;
padding:85px 0 40px;
}

.md03{
width:925px;
font-size:38px;
line-height:105px;
background:#cc940d;
font-weight:900;
color:#fff;
position:relative;
margin-left:75px;
padding-left:25px;
margin-bottom:40px;
}


.md03::before{
content:'';
width:191px;
height:151px;
background:url(img/ill02.png) no-repeat;
position:absolute;
top:-65px;
left:50%;
margin-left:169px;
z-index:2;
}


.i3Cont{
width:1000px;
margin:0 auto;
padding-left:100px;
position:relative;
}

.pointList{
}
.pointList li{
padding-left:24px;
position:relative;
font-size:20px;
line-height:42px;
}
.pointList li::before{
content:'';
width:18px;
height:18px;
background:#cc940d;
border-radius:50%;
position:absolute;
top:11px;
left:0;
}
.img01{
width:248px;
height:156px;
position:absolute;
top:0;
right:75px;
margin:0;
}


#index4{
padding:125px 0 70px;
background:#fbecc5;
width:100%;
}

.i4-inner{
width:1000px;
margin:0 auto;
position:relative;
}

.md04{
width:925px;
font-size:38px;
line-height:105px;
font-weight:900;
color:#fff;
background:#cc940d;
position:relative;
padding-left:200px;
margin-bottom:40px;
}
.md04::before{
content:'';
width:140px;
height:181px;
background:url(img/ill03.png) no-repeat;
position:absolute;
top:-92px;
left:42px;
z-index:2;
}

.i4Cont{
width:1000px;
margin:0 auto;
padding-left:75px;
position:relative;
}

.img02{
width:248px;
height:156px;
position:absolute;
bottom:0;
right:75px;
margin:0;
}

#index5{
padding:90px 0 80px;
width:1000px;
margin:0 auto;
}

.md05{
width:925px;
margin-left:75px;
font-size:38px;
line-height:105px;
font-weight:900;
color:#fff;
background:#cc940d;
position:relative;
padding-left:305px;
margin-bottom:60px;
}
.md05::before{
content:'';
width:223px;
height:213px;
position:absolute;
top:-75px;
left:8px;
background:url(img/ill04.png) no-repeat;
z-index:2;
}


.i5Col{
width:1000px;
margin:0 auto 30px;
display:flex;
justify-content:space-between;
padding-left:110px;
}
.i5L1{
width:248px;
margin:0;
}
.i5R1{
width:600px;
}
.i5L2{
width:460px;
}

.i5R2{
width:300px;
margin:0 75px 0 0;
display:flex;
align-items:end;
}

#index6{
width:1000px;
margin:0 auto;
background:#cc940d;
padding:70px 75px 80px;
}
.md06{
width:620px;
height:50px;
margin-bottom:50px;
}
.i6Col{
display:flex;
justify-content:space-between;
}
.i6L{
width:510px;
color:#fff;
}
.i6R{
width:272px;
margin:0;
}
.i6i{
display:block;
}
.i6i li{
width:auto;
margin-bottom:15px;
}
.i6i li:last-child{
margin:0;
}


#index7{
background:#eaeae9;
width:1000px;
margin:0 auto;
padding:55px 0;
}

.md07{
text-align:center;
font-size:38px;
line-height:46px;
font-weight:900;
color:#906034;
margin-bottom:35px;
}


.packList{
width:700px;
margin:0 auto;
}
.packList li{
background:#eeb118;
border-radius:15px;
box-shadow:6px 6px 0 #cc940d;
margin-bottom:25px;
display:flex;
justify-content:space-between;
padding:20px 25px 15px; 
transition:all .2s;
}

.packList li:hover{
background:#ffd169;
}

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


.packL{
width:540px;
text-align:center;
margin:0;
}

.packR{
width:80px; 
}
.packmd01{ width:376px; margin:0 auto 10px; }
.packmd02{ width:275px; margin:0 auto 10px; }
.packmd03{ width:438px; margin:0 auto 10px; }
.packmd04{ width:227px; margin:0 auto 10px; }

.packDesc{
text-align:center;
display:block;
background:#fff;
font-size:17px;
line-height:26px;
border-radius:13px;
color:#98514c;
padding:0;
}


.frbn{
width:1000px;
margin:0 auto;
background:#e3c185;
text-align:center;
padding:11px 0;
}


.spllink{
width:auto;
text-align:center;
font-size:18px;
margin:60px 0 0;
}


.str-bg{
  background-image: repeating-linear-gradient(
    -35deg,
    #ffd500,
    #ffd500 24px,
    #ffcc00 24px,
    #ffcc00 48px
  );
}

/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
footer{
padding:50px 0 35px;
width:1000px;
margin:0 auto;
}
.fmd{
text-align:center;
font-size:24px;
margin-bottom:20px;
}

.oList{
width:868px;
margin:0 auto 50px;
}

.oList li{
display:flex;
align-items:center;
margin-bottom:32px;
}

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

.obs-txt01{
width:770px;
font-size:22px;
line-height:30px;
position:relative;
padding-left:65px;
margin:0;
}
.obs-txt01 span{
display:block;
font-size:19px;
margin-top:0;
}
.obs-txt01::before{
content:'';
width:43px;
height:45px;
background:url(img/icon-ex01.jpg) no-repeat;
background-size:43px;
position:absolute;
left:0;
top:50%;
transform:translate(0, -50%)
}
.obs-txt02{
width:770px;
font-size:22px;
line-height:30px;
position:relative;
padding-left:65px;
margin:0;
}
.obs-txt02 span{
display:block;
font-size:19px;
margin-top:0;
}

.obs-txt02::before{
content:'';
width:49px;
height:49px;
background:url(img/icon-ex02.jpg) no-repeat;
background-size:49px;
position:absolute;
left:0;
top:50%;
transform:translate(0, -50%)
}

.obs-txt05{
width:784px;
font-size:22px;
line-height:30px;
padding-left:65px;
position:relative;
margin:0;
}
.obs-txt05::before{
content:'';
width:42px;
height:46px;
background:url(img/icon-ex03.jpg) no-repeat;
background-size:42px;
position:absolute;
left:0;
top:50%;
transform:translate(0, -50%)
}
.obs-txt05 span{
display:block;
font-size:19px;
margin-top:0;
}
.obs-qr{
width:84px;
margin-left:14px;
}
.oList li:nth-child(3) .obs-qr{
margin-left:0;
}
.copy{
text-align:center;
font-size:12px;
line-height:30px;
color:#595858;
}

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