/* =============================================================================
    お琴のレンタル
   ========================================================================== */
#under .rental_key {
    background: url(../images/rental/bgRental-washitu.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#under .rental_key h2 {
    height: 425px;
    position: relative;
    text-align: left;
    }
    
    
@media screen and (min-width: 1080px) {#under .rental_key h2 span.box {
    position: absolute;
    top: 50%;
    left: 10%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    }
    }
    
@media screen and (min-width: 768px) {    
    #under .rental_key h2 span.box {
    position: absolute;
    top: 50%;
    left: 20%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    }
    }       
    
#under section {padding-bottom: 100px;}
#under .under-p {
    width: 660px;
    margin: 0 auto;
    margin-bottom: 40px;
}

/* 和楽器・お琴・三味線の修理 */
#under .rental_sec1 {
	position: relative;
    text-align: center;
}
#under .rental_sec1 h3 {
    position: relative;
}
#under .rental_sec1:before {
    position: absolute;
    content: "";
    top: 40px;
    left: 0;
    width: 506px;
    height: 802px;
    background: url(../images/school/bgschool-left.png) repeat-y 0 100%;
	background-size: contain;
    z-index: -1;
}
#under .rental_sec1 .rental_contetn01 {
	text-align: center;
}


@media screen and (min-width: 1080px) {
#under .rental_sec1:after {
position: absolute;
        content: "";
        top: 130px;
        right: 0;
        width: 488px;
        height: 684px;
        background: url(../images/school/bgschool-right.png) repeat-y 0 100%;
        background-size: contain;
        z-index: -1;
}
	#under .rental_sec1 .rental_contetn02 {
	display: flex;
    text-align: left;
    width: 660px;
    margin: 0 auto;
	padding-top: 40px;
}
}
@media screen and (min-width: 768px) {
/*#under .rental_sec1 h3:after {
    position: absolute;
    content: "";
    top: 100px;
    right: 0px;
    width: 242px;
    height: 300px;
    background: url(../images/rental/bgRental-right.png) no-repeat 0 100%;
    background-size: contain;
    z-index: -1;
}*/
	
	#under .rental_sec1 .rental_contetn02 li {
		width: 50%;
	}
}





#under .rental_sec1 .pink {
    background: linear-gradient(transparent 60%, #f3d4dd 0%);
}
#under .rental_sec1 .orange {
    background: linear-gradient(transparent 60%, #fdb87e 0%);
}
#under .rental_sec1 .green {
    background: linear-gradient(transparent 60%, #d9e1bc 0%);
}

#under .rental_sec1 .rental-box {
    margin: 0 auto;
    /*width: 556px;*/
    margin-bottom: 30px;
    text-align: left;
    font-size: 18px;
    line-height: 1.8em;
	padding-top: 40px;
	    width: fit-content;
}
#under .rental_sec1 .rental-box ul li {
	position: relative;
}
#under .rental_sec1 .rental-box ul li:before {
	content: "";
	position: absolute;
	top: 8px;
    left: -22px;
    width: 18px;
    height: 16px;
    background: url("../images/rental/iconCheck.png") no-repeat 0 100%;
    background-size: contain;
}
#under .rental_sec1 .rental_sec1-p {
	display: inline-block;
	text-align: left;
    line-height: 2em;
    width: 660px;
}
#under .rental_sec1 p.center{
	padding-bottom: 50px;
	line-height: 38px;
}

@media screen and (max-width: 1080px) and (min-width: 768px) {
	#under .rent_price_sec table {
		max-width: 720px;
	}
	#under .rent_price_sec span {
    width: 720px;
}
}
@media screen and (max-width: 768px) {

	#under .rental_sec1 h3 {
        font-size: 30px;
}
.rental_sec1 h3:after {
display:none;
}
#under .rental_sec1 p.center {
    padding-bottom: 30px;
    line-height: 29px;
    font-size: 15px;
}

    #under .rental_key h2 {height: 150px;}
    #under .rental_key h2 span.box {font-size: 30px;}
    #under section {padding-bottom: 40px;}
    #under .pankuzu {
        padding: 0 20px;
        	box-sizing: border-box;
    }
    #under .rental_key h2 {
        height: 300px;
    }
    #under .rental_key h2 span.box {
        left: 20%;
    }
	
	/*お琴のレンタルはじめました*/
    #under .rental_sec1 .rental_sec1-ttl {
        margin-left: -304px;
        left: 50%;
        width: 80%;
    }
	#under .rental_sec1 .rental_contetn02 {
		flex-wrap: wrap;
	}
	#under .rental_sec1 .rental_contetn02 li {
		width: 100%;
	}
	

}
@media screen and (max-width: 480px) {
    #under .pankuzu {
        font-size: 8px;
        line-height: 28px;
    }
    #under .rental_key h2 {
        height: 200px;
    }
    #under .rental_key h2 span.box {
        width: 40%;
        left: 50%;
    }
	/*お琴のレンタルはじめました*/
    #under .rental_sec1 .rental-box {
        width: 100%;
    	flex-wrap: wrap;
    	padding-left: 20px;
    	        font-size: 15px;
    	justify-content: center;
    }
    #under .rental_sec1 .rental_sec1-p {
        width: 100%;
		        font-size: 15px;
    }
    #under .rental_sec1:after {
        width: 0;
        height: 0;
    }
    #under .rental_sec1:before {
        width: 0;
        height: 0;
    }
	

} 

/* =============================================================================

   ========================================================================== */

@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}
/* =============================================================================

   ========================================================================== */
@media screen and (min-width: 1024px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}