@charset "UTF-8";

main{
    position:relative;
    padding-top:65px;
    padding-bottom:260px;
    font-size:16px;
    font-weight:500;
}
main:before{
    position:absolute;
    right:45%;
    top:260px;
    width:1002px;
    height:1356px;
	content:'';
	background:url(../img/ehon/bg1_pc.svg) 0 0 no-repeat;
    z-index:2;
	image-rendering: smooth;
}
main:after{
    position:absolute;
    left:54%;
    top:298px;
    width:912px;
    height:1230px;
	content:'';
	background:url(../img/ehon/bg2_pc.svg) 0 0 no-repeat;
    z-index:2;
	image-rendering: smooth;
}

    .midashi1 {
        padding:100px 0 120px;
    }
    
    .content {
        position:relative;
        margin:0 auto;
        padding:80px 0 100px;
        max-width:870px;
        width:100%;
        background:#FFF;
    }
        .content .inner {
            position:relative;
            margin:0 auto;
            width:85%;
        }

        
            .content .txt {
                font-size:18px;
                text-align:center;
                background:#FFF;
            }




@media screen and (max-width:999px) {
    
    main{
        padding-top:48px;
        padding-bottom:22vw;
        font-size:3.6vw;
    }
    
    main:before{
        position:absolute;
        left: -3vw;
        right:auto;
        top: 38vw;
        width: 109vw;
        height:28.9vw;
        content:'';
        background:url(../img/ehon/bg1_sp.png) 0 0 no-repeat;
        background-size:100% auto;
        z-index:2;
    }
    
    main:after{
        display:none;
    }

        .midashi1 {
            padding:7.7vw 0 10.2vw;
        }
        
        .content {
            position:relative;
            margin:0 auto;
            padding:36vw 0;
            max-width:1000px;
            width:100%;
            background:#FFF;
        }
        .content:after {
            position:absolute;
            left:-2vw;
            bottom:-18vw;
            width:100vw;
            height:43.8vw;
            content:'';
            background:url(../img/ehon/bg2_sp.png) 0 0 no-repeat;
            background-size:100% auto;
            z-index:2;
        }
            .content .inner {
                position:relative;
                margin:0 auto;
                width:90%;
            }
            
            
                .content .txt {
                    font-size:3.8vw;
                    line-height:1.8;
                    text-align:center;
                }
}