@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

#wholegarment2 {
	display: none;
}

div.merit img.back16, div.merit img.back17 {
	height: auto;
}

div.merit img.back16 {
    position: absolute;
    width: 25%;
    object-fit: cover;
    margin-left: 20%;
}

div.merit img.back17 {
    position: absolute;
    width: 25%;
    object-fit: cover;
    margin-right: 20%;
}

div.subcategory1 {
	background: #839098;
	padding: 3%;
    margin: auto;
}

div.subcategory2 {
	background: #D5CFD2;
	padding: 3%;
    margin: auto;
}

div.subcategory_inner {
	padding: 35px;
}
	
div.merit-box-r {
    position: absolute;
    right: 20%;
}

div.merit-box-l {
    position: absolute;
    left: 20%;
}

p.subcategory_title {
    font-size: 25px;
	font-weight: 600;
	text-align: center;
    height: 30px;
	height: 50px;
}

p.subcategory_text{
	padding: 25px 0 10px 0;
	line-height: 1.7;
	width: 50%;
	text-align: center;
	margin: auto;
}

div.subcategory1,
div.subcategory2 {
	color: #ffffff;
}

div.subcategory_inner div.site_link_b {
	margin: auto;
}

img.size07 {
	float: left;
	max-width: 100%
}

div.wholegarment {
	width: 25%;
}

div.arrow .fas {
    font-size: 50px;
	float: left;
	width: 5%;
    margin: 19px;
}

#wholegarment div {
	vertical-align:middle;
	display: inline-block;
}

#wholegarment {
	text-align: center;
	margin: 30px auto 50px auto;
    padding: 0px 200px;
}

#slideneedle {
	text-align: center;
    margin-bottom: 100px;
}

#slideneedle img {
	width: 30%;
}

div.subcategory_title1 {
	background: #839098;
    padding: 50px 0 80px 0;
}

div.subcategory_title2 {
	background: #D5CFD2;
    padding: 50px 0 80px 0;
}

p.subcategory_title_name {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    height: 50px;
	line-height: 50px;}

div.subcategory_title1 p.subcategory_title_name {
	color: #ffffff;
    margin: 0 3%;
	background: rgba(0,0,0,0.3);

}

div.subcategory_title2 p.subcategory_title_name {
	color: #424241;
    margin: 0 3%;
	background: rgba(0,0,0,0.2);
}

img.machine_logo {
	height: 25px;
}


/*merit高さ*/

#who_01, #who_02, #com_01, #com_02 {
    height: 500px;
}
#per_01 {
    height: 375px;
}
#cad_01 {
    height: 300px;
}

@media only screen and (max-width: 1800px) {
#who_01, #who_02, #com_01, #com_02 {
    height: 475px;
}
#per_01 {
    height: 375px;
}
#cad_01 {
    height: 300px;
}

div.merit img.back16 {
    width: 27%;
    margin-left: 17%;	
}
div.merit-box-r {
    right: 17%;
}
div.merit img.back17 {
    width: 27%;
    margin-right: 17%;	
}
div.merit-box-l {
    left: 17%;
}
	
#is_machines div.site_link_b_box {
    padding-bottom: 30px;
    padding-top: 100px;
    margin-bottom: 7px;
}
	
}

@media only screen and (max-width: 1600px) {
#who_01, #who_02, #com_01, #com_02 {
    height: 425px;
}
#per_01 {
    height: 375px;
}
#cad_01 {
    height: 300px;
}
	
div.merit img.back16 {
    width: 28%;
    margin-left: 17%;	
}
div.merit-box-r {
    right: 15%;
}
div.merit img.back17 {
    width: 28%;
    margin-right: 15%;	
}
div.merit-box-l {
    left: 15%;
}
	
#wholegarment {
    padding: 0px 100px;
}	
	
#slideneedle img {
    width: 33%;
}	
	
}

@media only screen and (max-width: 1400px) {
#who_01, #who_02, #com_01, #com_02 {
    height: 375px;
}
#per_01 {
    height: 325px;
}
#cad_01 {
    height: 275px;
}

div.merit img.back16 {
    width: 30%;
    margin-left: 13%;	
}	
div.merit-box-r {
    right: 11%;
}
div.merit img.back17 {
    width: 30%;
    margin-right: 13%;	
}
div.merit-box-l {
    left: 13%;
}
	
}

@media only screen and (max-width: 1200px) {
#who_01, #who_02, #com_01, #com_02 {
    height: 350px;
}
#per_01 {
    height: 300px;
}
#cad_01 {
    height: 250px;
}

div.merit img.back16 {
    width: 33%;
    margin-left: 10%;	
}	
div.merit-box-r {
    right: 10%;
}
div.merit img.back17 {
    width: 33%;
    margin-right: 10%;	
}
div.merit-box-l {
    left: 10%;
}
	
#wholegarment {
    padding: 0px 30px;
}	
	
#slideneedle img {
    width: 35%;
}	
	
}

@media only screen and (max-width: 1100px) {
	
#who_01, #who_02, #com_01, #com_02 {
    height: 325px;
}
#per_01 {
    height: 250px;
}
#cad_01 {
    height: 225px;
}

div.merit-box-r {
    top: 0px;
}
	
div.merit-box-l {
    margin: 10px auto;
}
#slideneedle {
    margin-bottom: 40px;
}	
	
}

@media only screen and (max-width: 1000px) {
#who_01, #who_02, #com_01, #com_02 {
    height: 300px;
}
#per_01 {
    height: 225px;
}
#cad_01 {
    height: 200px;
}

div.merit img.back16 {
    width: 33%;
    margin-left: 10%;	
}	
div.merit-box-r {
    right: 10%;
}
div.merit img.back17 {
    width: 33%;
    margin-right: 10%;	
}
div.merit-box-l {
    left: 10%;
}
	
}

@media only screen and (max-width: 900px) {
#is_machines div.site_link_b_box {
    padding-bottom: 10px;
    padding-top: 70px;
    margin-bottom: 7px;
}
	
}

@media only screen and (max-width: 850px) {
#who_01, #who_02, #com_01, #com_02, #per_01, #cad_01 {
    height: auto;
}
div.merit {
	padding-bottom: 80px;
}
	
div.merit-box-r,
div.merit-box-l {
	position: static;
}
	
#is_machines div.site_link_b_box {
    padding-top: 10px;
}	
	
#wholegarment {
    padding: 0px;
}	
	
}

/*merit高さ終了*/



@media only screen and (max-width: 1600px) {

#is_randd div.subcategory p.subcategory_text {
	width: 60%;
}
	
}



@media only screen and (max-width: 1150px) {

#is_randd div.subcategory p.subcategory_text {
	width: 40%;
}
	
#is_machines div.site_link_b_box div a p {
    margin: 0 auto 75px auto;
}
	
}



@media only screen and (max-width: 1000px) {

p.subcategory_text {
    width: 50%;
}	
	
}



@media only screen and (max-width: 850px) {

div.merit img.back16,
div.merit img.back17 {
    position: static;
    margin: 20px 0 10px 0;
    width: 50%;
}
	
div.merit-box-l h2, 
div.merit-box-r h2 {
    margin-top: 0px;	
}
	
div.site_link_b div a p,
div.site_link_b div a p {
	margin: 20px 0 50px 0;
}
	
body.industrial div div.site_link_b div a p {
    margin-top: 20px;
	
}
	
div.space1 {
	height: 50px;
	background: #839098;
}	
	
div.space2 {
	height: 50px;
	background: #D5CFD2;
}	
	
p.subcategory_text {
    width: 95%;
}
	
#slideneedle img {
    width: 45%;
}	
	
div.subcategory_title1,
div.subcategory_title2 {
    padding: 30px 0 60px 0;
}	
	
#slideneedle {
    margin-bottom: 20px;
}	
	
div.subcategory_inner {
    padding: 20px;
}
	
}



@media only screen and (max-width: 740px) {

#is_randd div.subcategory p.subcategory_text {
	width: 80%;
}
	
div.subcategory1 {
    padding-bottom: 4%;
}
	
#slideneedle img {
    width: 50%;
}	

}



@media only screen and (max-width: 640px) {

div.arrow .fas {
    margin: 10px;
	font-size: 30px;
}
	
#slideneedle img {
    width: 55%;
}	
	
#slideneedle {
    margin-bottom: 0px;
}	
	
#is_machines div.site_link_b_box div a p {
    margin: 0 auto 75px auto;
}
	
div.merit {
    padding-bottom: 50px;
}	
}



@media only screen and (max-width: 600px) {
	
div.merit_sample div.sample_box div.sample_set {
    width: 80%;
}

#is_randd div.subcategory p.subcategory_text {
	width: 90%;
}
	
}



@media only screen and (max-width: 550px) {

#wholegarment {
	display: none;
}
	
#wholegarment2 {
	display: inline;
	text-align: center;
}
	
img.size09 {
	width: 60%;
}
	
div.arrow .fas {
    float: inherit;
}	
	
div.subcategory_inner {
    margin-bottom: 0px;
}	
	
#slideneedle img {
    width: 60%;
}	
	
div.subcategory_inner {
    padding: 10px;
}
	
div.merit img.back16 {
    width: 60%;
}
	
}



@media only screen and (max-width: 500px){
	
div.merit {
    padding-bottom: 40px;
}
	
}



@media only screen and (max-width: 400px) {

div.arrow .fas {
    margin: 5px;
	font-size: 15px;
}
	
#is_machines div.site_link_b_box div a p {
    margin: 0 auto 50px auto;
}
	
img.machine_logo {
    height: 20px;
}	
	
}