@charset "utf-8";

ul.cont1-in-list{display: flex; flex-wrap:wrap}
span.cont1-in-list{text-align: center; display: block; color: var(--color-primary); font-weight: 700}
div.cont1-in-list-icon{display: flex; justify-content: center; align-items: center; margin: 0 auto; background-color: var(--color-background-primary); border-radius: 50%}
div.cont1-in-list-icon svg{fill: var(--color-icon-fill-primary)}
h3.cont1-in-list{text-align: center; background-color: var(--color-secondary); color: #fff;  border-radius: 500px}
p.cont1-in-list{color: var(--color-text-light); text-align: center; line-height: 150%}

@media screen and (max-width:1280px){
	section.cont.cont1{margin-bottom: 3.33rem}
	ul.cont1-in-list{justify-content: center; gap: 2rem}
	li.cont1-in-list{width: calc((100% - (2rem * 2)) / 3)}
	span.cont1-in-list{margin-bottom: 0.67rem}
	div.cont1-in-list-icon{width: 5.33rem; height: 5.33rem}
	div.cont1-in-list-icon svg{height: 2rem}
	h3.cont1-in-list{margin: 1rem 0 0.67rem; padding: 3px 0.67rem; font-size: 1rem}
	p.cont1-in-list{font-size: 1rem}
}
@media screen and (min-width:1281px){
	section.cont.cont1{margin-bottom: 6.25rem}
	ul.cont1-in-list{gap: 6.25rem}
	li.cont1-in-list{width: calc((100% - (6.25rem * 4)) / 5)}
	span.cont1-in-list{margin-bottom: 0.94rem}
	div.cont1-in-list-icon{width: 7.5rem; height: 7.5rem}
	div.cont1-in-list-icon svg{height: 2.81rem}
	h3.cont1-in-list{margin: 1.25rem 0 0.94rem; padding: 5px 10px; font-size: 1rem}
	p.cont1-in-list{font-size: 0.94rem}
}

div.cont2-in-list{display: flex}
div.cont2-in-list-box{display: flex; align-items: center; flex-direction: column}
div.cont2-in-list-box-img{overflow: hidden; flex-shrink: 0}
div.cont2-in-list-box-img{width:100%}
div.cont2-in-list-box-img img{width:100%}
div.cont2-in-list-box-text{width: 100%}
h3.cont2-in-list-box-text{color: var(--color-text)}
li.cont2-in-list-box-text{display: flex; line-height: 170%}
li.cont2-in-list-box-text:before{content: '-'; display: block}
p.cont2-in-list-box-text{color: var(--color-text-light)}
@media screen and (max-width:767px){
    div.cont2-in-list {flex-direction: column}
	div.cont2-in-list-box{flex-wrap:wrap}
	
	div.cont2-in-list-box-img {height: 18.57rem; overflow: hidden; display: flex; justify-content: center; align-items: center}
	div.cont2-in-list-box-text{padding: 2.14rem 0}
}
@media screen and (min-width:768px) and (max-width:1280px){
	div.cont2-in-list-box {width: calc((100% - 2rem) / 2)}
	div.cont2-in-list-box-text{padding: 2rem 0}
}
@media screen and (max-width:1280px){
	div.cont2-in-list{gap: 2rem}
	div.cont2-in-list-box-img{height: 13.33rem; border-radius: 1rem}
	h3.cont2-in-list-box-text{font-size: 1.2rem; margin-bottom:1rem}
	ul.cont2-in-list-box-text{margin: -3px 0}
	li.cont2-in-list-box-text{padding: 3px 0}
	li.cont2-in-list-box-text:before{margin-right: 5px}
	p.cont2-in-list-box-text{font-size: 1rem}
}
@media screen and (min-width:1281px){
	div.cont2-in-list{gap: 3.12rem}

	div.cont2-in-list-box {width: calc((100% - 3.12rem) / 2)}
	div.cont2-in-list-box-img{height: 18.75rem; border-radius: 1.25rem}
	div.cont2-in-list-box-text{padding: 1.87rem 0}
	h3.cont2-in-list-box-text{font-size: 1.62rem; margin-bottom: 1.25rem}
	ul.cont2-in-list-box-text{margin: -4px 0}
	li.cont2-in-list-box-text{padding: 4px 0}
	li.cont2-in-list-box-text:before{margin-right: 5px}
	p.cont2-in-list-box-text{font-size: 1rem}
}