@charset "utf-8";



/*---------------------------------------------------------------*/

/* H2-Title

/*---------------------------------------------------------------*/
#h2-title {
    position: relative;
    /* padding: 350px 25px 160px; */
    padding: 18.229166666666664vw 25px 12.333333vw;
    overflow: hidden;
}


#h2-title h2 {

	font-size: 3.5rem;

}



#h2-title h2 span.en {

	display: block;

	font-size: 65%;

	letter-spacing: 0;

	color: #ff7bab;

}

#h2-title::before {
    content: "";
    position: absolute;
    top: 100px;
    right: 0;
    width: 51.333vw;
    aspect-ratio: 16 / 8;
    background-image: var(--eyecatch);
    background-size: cover;
    background-position: center;
    z-index: -1;
}


#h2-title::after {
    position: absolute;
    content: "";
    background-color: #ffeaee;
    width: 100%;
    height: 15.333333vw;
    bottom: -50px;
    left: 0;
    z-index: -10;
}


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



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



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



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

    #h2-title {
        /* padding: 350px 25px 160px; */
        padding: 24.305555555555554vw 25px 16.111111vw;
    }



	#h2-title::before {


		aspect-ratio: 4 / 2.75;

	}


}



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



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



	#h2-title::before {

		/*width:750px;*/

		width: 53.125vw;

		aspect-ratio: 4 / 2.6;

	}



	#h2-title::after {

		height: 20.333333vw;

	}

}



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



@media screen and (max-width: 1024px) {
#h2-title h2 {
    font-size: 3.0rem;
}

    #h2-title::before {
        aspect-ratio: 4 / 2.75;
        top: 0;
    }

}



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



@media screen and (max-width: 835px) {
	#h2-title h2 {
    font-size: 2.5rem;
}
    #h2-title::after {
        height: 30vw;
    }
	     #h2-title::before {
        width: 100vw;
        margin-top: 70px;
    }
	    #h2-title {
        padding: 85vw 25px 5vw;
    }
}



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



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

}



@media screen and (max-width: 480px) {
	    #h2-title h2 {
        font-size: 2.3rem;
    }
	    #h2-title {
        padding: 90vw 25px 5vw;
    }
	    #h2-title::after {
        height: 40vw;
    }
}



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