@charset "utf-8";
/*////////////////////////////////////
ufocatcher
////////////////////////////////////*/


@media screen and (min-width: 768px){

#machine_area{
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.machine_title{
	position: relative;
    font-family: "Lato", sans-serif;
    font-size: clamp(1.6rem,1.6vw,1.8rem);
	font-weight: 900;
    color: #333;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    padding: 2%;

}


 .machine_title h3{
	font-size: clamp(4.8rem,5.5vw,5.4rem);
	font-weight: 900;
    color: #333;
    margin-bottom: 10px;
}

.machine_place{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}

.machine_item{
    position: relative;
    width: 22%;
    margin: 0 1.5% 50px 1.5%;
    padding: 20px;
    background-color: #FFF;
}

.machine_photo{
    position: relative;
    width: 100%;
}

.machine_photo{
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 20px;
}

.machine_name{
    position: relative;
    width: 100%;
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
	color: #333;
	background: #ffdd00;
	padding: 5px 0;
}
.machine_name span {
	display: block;
	font-size: 1.4rem;
}

.machine_word{
    position: relative;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 20px;
}

.machine_size{
    position: relative;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 200;
    text-align: center;
    margin-bottom: 30px;
}

}



@media screen and (min-width: 0px) and (max-width: 767px){

#machine_area{
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.machine_title{
	position: relative;
    font-family: "Lato", sans-serif;
    font-size: clamp(1.6rem,1.6vw,1.8rem);
	font-weight: 900;
    color: #333;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    padding: 2%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}


 .machine_title h3{
	font-size: clamp(4.8rem,5.5vw,5.4rem);
	font-weight: 900;
    color: #333;
    margin-bottom: 10px;
}

.machine_place{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}

.machine_item{
    position: relative;
    width: 49%;
    margin: 0 0.5% 50px 0.5%;
    padding: 20px;
    background-color: #FFF;
}

.machine_photo{
    position: relative;
    width: 100%;
}

.machine_photo{
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 20px;
}

.machine_name{
    position: relative;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
	color: #333;
	background: #ffdd00;
	padding: 5px 0;
}
.machine_name span {
	display: block;
	font-size: 1.2rem;
}

.machine_word{
    position: relative;
    width: 100%;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 20px;
}

.machine_size{
    position: relative;
    width: 100%;
    font-size: 1.2rem;
    font-weight: 200;
    text-align: center;
    margin-bottom: 30px;
}

}