@charset "utf-8";
p.cont1-in-text{line-height: 160%}
div.cont1-in-img{display: flex; justify-content: center; align-items: center}
div.cont1-in-img img{max-width:100%; max-height: 100%}

@media screen and (max-width:1280px){
	div.cont1-in-img{height: 500px; margin-top: 30px}
}
@media screen and (min-width:1281px){
	p.cont1-in-text{font-size: 1.13rem}
	div.cont1-in-img{height: 860px; margin-top: 50px}
}



ul.cont2-in-list{display: flex; flex-wrap: wrap}
li.cont2-in-list{aspect-ratio: 1 / 1}
div.cont2-in-list-img{cursor:pointer; width: 100%; height: 100%; display:flex; justify-content: center; align-items: center; overflow: hidden}
div.cont2-in-list-img img{display: block; height: 100%}

@media screen and (max-width:767px){
	li.cont2-in-list{width: calc((100% - 10px) / 2)}
}
@media screen and (min-width:768px) and (max-width:1280px){
	li.cont2-in-list{width: calc((100% - (10px * 2)) / 3)}
}
@media screen and (max-width:1280px){
	section.cont.cont2{margin:5.33rem 0}
	ul.cont2-in-list{gap: 10px}
	div.cont2-in-list-img{border-radius:1rem}
}
@media screen and (min-width:1281px){
	section.cont.cont2{margin:6.25rem 0}
	ul.cont2-in-list{gap: 1.25rem}
	li.cont2-in-list{width: calc((100% - (1.25rem * 3)) / 4)}
	div.cont2-in-list-img{border-radius:1.25rem}
}