.reason-title{
	margin-bottom:5rem;
}

.reason-title h2{
    font-size: 8rem;
    font-family: var(--en);
    color: var(--main);
    -webkit-text-fill-color: white;
    -webkit-text-stroke: 1px var(--main);
    line-height: 1;
	margin-bottom:3rem;
}

.reason-title h3{
font-size:2.5rem;
}

#page__reason .reason-wrap {
    padding: 0;
}

.support-wrap .l-flex{
align-items: initial;
}

.support-item {
    width: calc(100% / 3 - 3.3333333rem);
background: var(--main-r);
}

.support-img img{
	height:100%;
	object-fit:cover;
}

.support-text{
	padding:3rem;
}

.support-text h3{
	margin-bottom:2rem;
}

#support .reason-title h2{
    -webkit-text-fill-color: var(--bg);
}

.type-wrap{
   gap:10rem;
}

.type-item{
    width: calc(100% / 4 - 7.5rem);
}

.type-img{
aspect-ratio: 4 / 4;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 3rem;
}

.type-img img{
	height:100%;
}

#support .ander{
	margin-bottom:5rem;
	padding-bottom:3rem;
	position:relative;
}

#support .ander:before{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	transform:translatex(-50%);
	width:100px;
	height:1px;
	background:var(--main);
}

@media screen and (max-width:1600px) {

}

@media screen and (max-width:1400px) {
.reason-title h3 {
    font-size: 2rem;
}
.support-item{
    width: calc(100% / 3 - 2rem);
}
.type-wrap {
    gap: 5rem;
}
.type-item {
    width: calc(100% / 4 - 3.75rem);
}
}

@media screen and (max-width:1200px) {
.reason-img{
    height: 20rem;
}
}

@media screen and (max-width:960px) {
.support-text h3 {
    margin-bottom: 1rem;
}
}

@media screen and (max-width:767px) {
.reason-title h2 {
    font-size: 6rem;
    margin-bottom: 2rem;
}
    .reason-title h3 {
        font-size: 1.6rem;
    }
    .support-item {
        width: 100%;
    }
.support-text {
    padding: 1rem;
}
h4.ander{
text-align: center;
    font-size: 1.6rem;
	}
.type-wrap {
        gap: 3rem;
    }
.type-item {
        width: calc(100% / 2 - 1.5rem);
        text-align: center;
    }
.type-wrap h5{
	font-size:13px;
	}

}