.forPc{display:block;}
.forSp{display:none;}

main {
    gap: 10px;
}

.page_head{
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #2c6633;
    color: #fff;
    padding: 30px 0;
    margin-bottom: 20px;
}
.page_head h2{
    margin: 0 auto;
    font-size: 60px;
    letter-spacing: 0;
}
.page_head h3{
    display: block;
    width: fit-content;
    text-align: center;
    background: #cb2228;
    border-radius: 500px;
    padding: 5px 32px;
    opacity: 1;
}

section.machineImages {
    width: 1280px;
    margin: 0 auto;
}
section.comment {
    max-width: 1280px;
    background: #eee;
    border-radius: 10px;
    padding: 30px 30px;
    font-size: 19px;
    color: #6e6e6e;
    margin-bottom: 100px;
}


@media screen and (max-width: 480px) {
    main {
        gap: 0px;
    }
	.forPc{display:none;}
	.forSp{display:block;}

	.page_head {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #2c6633;
		color: #fff;
		padding: 8px 0;
        margin: 0 0 30px 0;
	}

	.page_head h2 {
		margin: 0 auto;
		font-size: 28px;
		letter-spacing: 0;
	}
	.page_head h3 {
		display: block;
		width: fit-content;
		text-align: center;
		background: #cb2228;
		border-radius: 500px;
		padding: 0px 28px;
		margin: 10px auto;
		font-size: 23px;
        line-height: normal;
		opacity: 1;
	}
	section.machineImages {
		width: 100%;
		margin: 0 auto;
	}
	.machineImages img{
		width: 96%;
        margin: 0 auto 15px;
	}
	section.comment {
		width: 96%;
		background: #eee;
		border-radius: 10px;
		padding: 10px 10px;
		font-size: 11px;
		color: #6e6e6e;
	}
}