@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.index {
    height: 600px;
    display: flex;
    align-items: center;
    position: relative;
}
.index:after {
	width: 1027px;  
	height: 600px;
    background: url("../img/index/photo.png") no-repeat center center;
    background-size: 100% auto;
	position: absolute;  
	top: 48.3%;
    transform: translateY(-50%);
	right: -251px;  
	content: ""; 
    z-index: -1;
}
.index h2 {
    padding: 7px 0 0 44px;
}


@media all and (max-width: 896px) {
    .index {
        padding: 40px 0 64vw;
        height: auto;
        background: url("../img/index/sp_photo.png") no-repeat center bottom;
        background-size: 100% auto;
    }
    .index h2 {
        padding: 0;
        width: 230px;
        margin: 0 auto;
        text-align: center;
    }
    .index::after {
        display: none;
    }
}


@media all and (max-width: 374px) {
    
}