@charset "UTF-8";

/* スマートフォンサイズ 1px ～ 640px */
@media only screen and (max-width: 40em) {

.index .syurui-01 {
	float: none;
	height: auto;
	padding: 5% 15% 10%;
	margin-bottom: 1em;
	width: auto;
}
.index .syurui-02 {
	float: none;
	height: auto;
	margin-left: 0;
	padding: 5% 5% 10%;
	width: 100%;
}
.index .kihon-box .sub-clm {
	margin: 0 0 9.6%;
	width: 100%;
}
.index .kihon-box .sub-clm .photo {
	width: 42%;
	margin: 2% 0 5.3% 5.3%;
}
.index .kihon-box .sub-ph p {
	width: 26%;
	margin: 0;
}
.index .variation-clm {
	padding: 5%;
}
.index .variation-clm .text {
	width: auto;
}
.index .variation-clm h3 {
	margin-top: 0;
}

/* 工業用ミシンの使い方（名称・ミシンオイルの確認） */
.outline .main-img1 {
	margin: 0 auto 4%;
	width: 100%;
}
.outline .main-img2 {
	width: 100%;
	float: none;
	margin: 0 auto 4%;
	
}
.outline .main-img3 {
	width: 91%;
	float: none;
	margin: 0 auto ;
}
.outline .photo {
	margin: 0 0 4%;
	width: 100%;
}


/* 工業用ミシンの使い方（糸調子・メンテナンス方法） */
.maintenance .clm-1 p {
	margin: 0 0 4%;
}
.maintenance .clm-1 .photo {
	margin: 0 0 4%;
	width: 100%;
	text-align: center;
}
.maintenance .clm-2 .sub-clm .photo {
	margin-left: 4%;
	width: 50%;
}
.maintenance .clm-2 .sub-clm .photo img {
	width: 100%;
}
.maintenance .clm-2 .sub-clm .photo.large-photo {
	margin: 0 0 4%;
	width: 100%;
	text-align: center;
}

/* 工業用ミシンの使い方（基本の操作方法） */
.operation .clm-1 .photo {
	margin: 0 0 4%;
	width: 100%;
	text-align: center;
}
.operation .clm-2 ol li,
.operation .clm-3 ol li {
	margin-bottom: 4%;
	margin-left: 1.5em;
}
.operation .clm-2 .photo,
.operation .clm-3 .photo {
	margin: 2.5% 0 5% 4%;
	width: 45%;
}
.operation .clm-2 .photo img,
.operation .clm-3 .photo img {
	width: 100%;
}