@charset "UTF-8";
/* CSS Document */




/* works */

.works_image {
	width: 58%;
	margin: 0 auto;
	
}





/* 詳細 */
.title,flex {
	justify-content: flex-start;
		margin-top: 40px;

}



.wrap,flex {
	margin-top: 150px;
	text-align: center;
	justify-content: space-between;
	display: none;
}
.wrap1 h2,.wrap2 h2,.wrap3 h2 {
	padding-bottom: 5px;
}




.canp,flex {
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
    margin-top: 100px;
    align-items: start;
}
.canp_pc {
	width: 70%;
}
.canp_sp {
	width: 22%;
}

.point,.menu,.icon {
	margin-top: 150px;
}

.point img,.menu img {
	    margin-top: 20px;
}
.icon h2,.menu h2 {
	text-align: left;
}
.icon img {
	width:22%;
		margin-top: 40px;
	display: block;
}
.icon_images,flex {
	justify-content: space-between;
}


  

	
	.inactive span {
		font-weight: bold;
	}

	.back{
	opacity: 0.5;
}

@media(max-width:768px) {
.wrap,flex {
display: block;
	    margin-top: 100px;
	}	
	
	.wrap2, .wrap3{
  padding-top: 40px; /* 必要なパディングの値を設定 */
}
	
		.wrap1 h2,.wrap2 h2,.wrap3 h2{
			text-align: left;
			padding-left: 25px;
			font-size: 2.0rem;
}

.canp_sp  {
	width:100%;
}

.canp_pc  {
	display: none;
}
	
  
	
	.point, .menu, .icon {
    margin-top: 100px;
}
	
	.icon {
		    text-align: left;
	}
	
	.icon img {
    width: 47%;
}
	
/* 三つ目と四つ目の画像のマージンを無くす */
.icon img:nth-of-type(3),
.icon img:nth-of-type(4) {
  margin: 20px 0 0; /* 必要に応じて他のマージンプロパティを指定 */
}



}