/* section1 */


.id3-section1 {
float: left;
position: relative;
width: 100%;
height: 1060px;
}

.id3-section1-1{
position: absolute;
top: 90px;left: 0;
box-sizing: border-box;
width: 100%;
height: 800px;
display: flex;
justify-content: center;
align-items:flex-start;
overflow: hidden;
}
	
.id3-section1-1 img{
width: 60%;margin-left: -300px;

}


.id3-section1-2{
position: absolute;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
box-sizing: border-box;
top: 290px;
right: 0px;
width: 335px;
height: 700px;
text-align: left;
z-index: 2;
}
	
.id3-section1-3{
position: absolute;
border-left: 17px solid transparent;
border-right: 17px solid transparent;
box-sizing: border-box;
z-index: 2;
top: 550px;
right: 370px;
width: 620px;
height: 300px;;
text-align: left;
display:flex;
flex-wrap:nowrap;
align-items:  stretch;
justify-content: space-between;
}

.id3-section1-3 .description{
width: 180px;
height: auto;
}

.id3-section1-3 .description img{
width: 100%;
height: auto;
}	

.id3-section1-3 .description .img01{margin-top: 0px;}
.id3-section1-3 .description .img02{margin-top: 0px;}	
.id3-section1-3 .description .img03{margin-top: 0px;}
	
.far-btn{
width: 140px;
height: 30px;
float: left;
display:flex;
justify-content: center;
align-items:center;
background-color:#DF004E;
border: solid 1px #DF004E;
box-sizing: border-box;
color: #fff;
transition: all 0.2s;
cursor: pointer;
}


.far-txt::before {
content: '毛皮の種類をみる';
color: #fff;
font-size: 13px;
transition: all 0.2s;
}

.far-btn:hover{background-color:#fff;}

.far-btn.far-txt:hover::before {
color: #DF004E;
}



@media (max-width:390px),(min-width:390px)  {
.id3-section1 {height: 1440px;}
.id3-section1-1{width: 100%;height: 500px;}
.id3-section1-1 img{width: 120%;margin-left: 100px;}
.id3-section1-2{top: 450px;width: 100%;height: 700px;}

.id3-section1-3{
top: 950px;
right: 0px;margin-right: 0px;
width: 100%;
height: 300px;
flex-wrap:wrap;
align-items:  stretch;
justify-content: space-between;
}
.id3-section1-3 :nth-child(1) { order: 3; }
.id3-section1-3 :nth-child(2) { order: 2; }
.id3-section1-3 :nth-child(3) { order: 1; }

.id3-section1-3 .description{width: 47.5%;}
.id3-section1-3 .description .img01{margin-top: -50px;}
.id3-section1-3 .description .img02{margin-top: 85px;}	
.id3-section1-3 .description .img03{margin-top: 0px;}	
}

@media screen and (min-width: 467px)  {
.id3-section1 {height: 1460px;}
.id3-section1-1{width: 100%;height: 800px;}
.id3-section1-1 img{width: 60%;margin-left: 0px;}
.id3-section1-2{top: 450px;width: 100%;height: 700px;}
	
.id3-section1-3{
top: 950px;
right: 50%;margin-right: -195px;
width: 390px;
height: 300px;
flex-wrap:wrap;
align-items:  stretch;
justify-content: space-between;
}

.id3-section1-3 :nth-child(1) { order: 3; }
.id3-section1-3 :nth-child(2) { order: 2; }
.id3-section1-3 :nth-child(3) { order: 1; }

.id3-section1-3 .description{width: 47.5%;}
.id3-section1-3 .description .img01{margin-top: -50px;}
.id3-section1-3 .description .img02{margin-top: 85px;}	
.id3-section1-3 .description .img03{margin-top: 0px;}	
}


@media screen and (min-width: 1024px)  {
.id3-section1 {height: 1060px;}
.id3-section1-1{width: 100%;height: 800px;}	
.id3-section1-1 img{width: 60%;margin-left: -300px;}
.id3-section1-2{top: 290px;width: 335px;height: 700px;}
	
.id3-section1-3{
top: 550px;
right: 320px;margin-right: 0px;
width: 620px;
height: 300px;
flex-wrap:nowrap;
align-items:  stretch;
justify-content: space-between;
}

.id3-section1-3 :nth-child(1) { order: 1; }
.id3-section1-3 :nth-child(2) { order: 2; }
.id3-section1-3 :nth-child(3) { order: 3; }
	
.id3-section1-3 .description{width: 180px;}
.id3-section1-3 .description .img01{margin-top: 220px;}
.id3-section1-3 .description .img02{margin-top: 140px;}	
.id3-section1-3 .description .img03{margin-top: 0px;}	
}



/* section2 */


.id3-section2 {
float: left;
position: relative;
width: 100%;
height: auto;
border-bottom: solid 1px #8E8E8E;
}	
	
.id3-section2-1 {
float: left;
padding-top: 130px;	
padding-left: 70px;	
padding-right: 100px;		
box-sizing: border-box;
width: 45%;
height: auto;
}	
.id3-section2-2 {
float: left;
padding-top: 130px;	
box-sizing: border-box;
width: 55%;
height: auto;
}
.id3-section2-2 .text	{width: 100%;float: left;}
.id3-section2-2 .text-f	{width: 30%;float: left;}	
.id3-section2-2 .text-s	{width: 70%;float: left;}		


@media (max-width:767px),(min-width:767px)  {
.id3-section2 {height: 900px;}	
.id3-section2-1 {
width: 100%;
padding-top: 100px;
padding-left: 0px;	
padding-right: 0px;}	
.id3-section2-2 {
width: 100%;padding-top: 80px;	}

}

@media screen and (min-width: 1024px)  {
.id3-section2 {height: 700px;}	
.id3-section2-1 {
width: 45%;
padding-top: 130px;
padding-left: 70px;	
padding-right: 100px;}	
.id3-section2-2 {
width: 55%;padding-top: 130px;	}

}

/* section2 */




/* section3 */


.id3-section3 {
float: left;
position: relative;
width: 100%;
height: 1060px;
}

.id3-section3-1{
position: absolute;
top: 10px;left: 0;
box-sizing: border-box;
width: 100%;
height: 837px;
display: flex;
justify-content: center;
align-items:center;
overflow: hidden;
}
	
.id3-section3-1 img{
width: 80%;height: auto;margin-left: 300px;
object-fit: cover;
}

.id3-section3-2{
position: absolute;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
box-sizing: border-box;
top: 290px;
left: 30px;
width: 320px;
height: 700px;
text-align: left;
z-index: 2;
}

.id3-section3-3{
position: absolute;
border-left: 17px solid transparent;
border-right: 17px solid transparent;
box-sizing: border-box;
z-index: 2;
top: 670px;
left: 320px;
width: 620px;
height: 300px;;
text-align: left;
display:flex;
flex-wrap:nowrap;
align-items:  stretch;
justify-content: space-between;
}

	
.id3-section3-3 .description{
width: 180px;
height: auto;
}

.id3-section3-3 .description img{
width: 100%;
height: auto;
}	

.id3-section3-3 .description .img01{margin-top: 0px;}
.id3-section3-3 .description .img02{margin-top: 90px;}	
.id3-section3-3 .description .img03{margin-top: 43px;}
	


@media (max-width:390px),(min-width:390px)  {
.id3-section3 {height: 1440px;}
.id3-section3-1{width: 100%;height: 500px;}
.id3-section3-1 img{width: 115%;margin-left: 20px;}
.id3-section3-2{top: 380px;width: 100%;height: 700px;left: 0px;}

.id3-section3-3{
top: 860px;
left: 0px;margin-left: 0px;
width: 100%;
height: 300px;
flex-wrap:wrap;
align-items:  stretch;
justify-content: space-between;
}
.id3-section3-3 :nth-child(1) { order: 1; }
.id3-section3-3 :nth-child(2) { order: 2; }
.id3-section3-3 :nth-child(3) { order: 3; }

.id3-section3-3 .description{width: 47.5%;}
.id3-section3-3 .description .img01{margin-top: 50px;}
.id3-section3-3 .description .img02{margin-top: 150px;}	
.id3-section3-3 .description .img03{margin-top: -55px;}
}

@media screen and (min-width: 467px)  {
.id3-section3 {height: 1440px;}
.id3-section3-1{width: 100%;height: 500px;}
.id3-section3-1 img{width: 85%;margin-left: 0px;}
.id3-section3-2{top: 450px;width: 100%;height: 700px;left: 30px;}
	
.id3-section3-3{
top: 860px;
left: 50%;margin-left: -195px;
width: 390px;
height: 300px;
flex-wrap:wrap;
align-items:  stretch;
justify-content: space-between;
}

.id3-section3-3 :nth-child(1) { order: 1; }
.id3-section3-3 :nth-child(2) { order: 2; }
.id3-section3-3 :nth-child(3) { order: 3; }

.id3-section3-3 .description{width: 47.5%;}
.id3-section3-3 .description .img01{margin-top: 50px;}
.id3-section3-3 .description .img02{margin-top: 150px;}	
.id3-section3-3 .description .img03{margin-top: -55px;}
}


@media screen and (min-width: 1024px)  {
.id3-section3 {height: 1060px;}
.id3-section3-1{width: 100%;height: 790px;}	
.id3-section3-1 img{width: 80%;margin-left: 375px;}
	
.id3-section3-2{top: 290px;width: 320px;height: 700px;left: 30px;}
	
.id3-section3-3{
	
top: 600px;
left: 320px;margin-left: 0px;
width: 620px;
height: 300px;;
flex-wrap:nowrap;
align-items:  stretch;
justify-content: space-between;
}

.id3-section3-3 :nth-child(1) { order: 1; }
.id3-section3-3 :nth-child(2) { order: 2; }
.id3-section3-3 :nth-child(3) { order: 3; }
	
.id3-section3-3 .description{width: 180px;}
.id3-section3-3 .description .img01{margin-top: 0px;}
.id3-section3-3 .description .img02{margin-top: 90px;}	
.id3-section3-3 .description .img03{margin-top: 165px;}	
}


/* section3 */