@charset "utf-8";

/*
production
染の安坊の強み
*/

/* #Sec01
-----------------------------------------------------------------*/
.production #Sec01{
	margin-top: 40px;
	padding: 0 80px;
}
.production #Sec01 .inner{
	max-width: 960px;
	margin: 0 auto;
}
.production #Sec01 .txt span{
	font-weight: 700;
}
.production #Sec01 h2.ttl{
	margin-top: 60px;
}
.production #Sec01 .part {
    margin-top: 100px;
}

.production #Sec01 .box_01 .step{
	display: flex;
	flex-wrap: wrap;
}
.production #Sec01 .box_01 .step li{
	background: url(../images/production/arrow_r.png);
	background-size: 14px auto;
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 50px;
	margin-top: 30px;
}
.production #Sec01 .box_01 .step li:last-child{
	background: none;
	padding-right: 0;
}
.production #Sec01 .box_02{}
.production #Sec01 .box_02 ul{
	margin-top: 30px;
}
.production #Sec01 .box_02 ul li{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.production #Sec01 .box_02 ul li .txt{
	text-indent: -18px;
	padding-left: 18px;
}
.production #Sec01 .box_02 ul li .img{
	margin-left: 40px;
}

.production #SecContactBox{
	margin-top: 100px;
}

@media screen and (max-width: 1020px) {
/* 1020pxまでの幅の場合に適応される */


/* 1020pxまでの幅の場合に適応される */
}

@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */

/* #Sec01
-----------------------------------------------------------------*/
.production #Sec01{
	padding: 0 50px;
}
.production #Sec01 .part {
    margin-top: 60px;
}

.production #Sec01 .box_01 .step{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 480px;
	margin: 0 auto;
}
.production #Sec01 .box_01 .step li{
	width: 36%;
	background: url(../images/production/arrow_r.png);
	background-size: 8px auto;
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 35px;
	margin-top: 30px;
}
.production #Sec01 .box_01 .step li:last-child{
	background: none;
	padding-right: 35px;
}
.production #Sec01 .box_01 .step li img{
	width: 100%;
	height: auto;
}

.production #Sec01 .box_02 ul li .img{
	margin-left: 15px;
}
.production #Sec01 .box_02 ul li .img img{
	width: 100%;
	height: auto;
}

.production #SecContactBox{
	margin-top: 60px;
}

/* 767pxまでの幅の場合に適応される */
}

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */


/* 640pxまでの幅の場合に適応される */
}