@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/
section#intoro h2.head span::after {
   display: none;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 751px){
	
	#main_other h1 {
		bottom: -35.3%;
	}
	
	#main_other span.illust {
        width: 7.7%;
        max-width: 84px;
        top: 18.2%;
    }
	
	section#intoro h2.head span {
		padding-top: 66px;
		padding-bottom: 0;
    }
	
	section#intoro h2.head span::before {
        content: "";
		width: 21.8vw;
		width: 21.8cqw;
		max-width: 238px;
		height: 3.67vw;
		height: 3.67cqw;
        max-height: 40px;
        display: block;
        background: url("../images/other/birthday/h2_head_bg.png") no-repeat;
		background-position: center;
		background-size: contain;
        position: absolute;
        top: 0;
        left: calc(50% - 119px);
    }
	
	#other section#intoro::before {
        content: "";
        width: 19vw;
        max-width: 208px;
        height: 11.3vw;
        max-height: 124px;
        display: block;
		background: url("../images/other/birthday/illusu02.png") no-repeat;
        background-size: contain;
        position: absolute;
        bottom: -14vw;
        left: 3%;
        z-index: -1;
    }
	
	#other section#intoro::after {
        content: "";
        width: 15.3vw;
        max-width: 167px;
        height: 10.4vw;
        max-height: 114px;
        display: block;
        background: url("../images/other/birthday/illusu01.png") no-repeat;
        background-size: contain;
        position: absolute;
        top: 1.7vw;
        right: 6.6%;
        z-index: -1;
    }
	
	#other section#plan div.section_inner div.photo.photo01::before {
        content: "";
        width: 21.9vw;
        max-width: 238px;
        height: 8.97vw;
        max-height: 97px;
        display: block;
        background: url("../images/other/birthday/illusu03.png") no-repeat;
        background-size: contain;
        position: absolute;
        top: -7%;
        left: -5%;
        z-index: 5;
    }
	
	#other section#rental div.section_inner{
		position: relative;
	}
	
	#other section#rental div.section_inner::before{
		content: "";
        width: 20vw;
        max-width: 220px;
        height: 3.48vw;
        max-height: 38px;
        display: block;
        background: url("../images/other/birthday/illusu04.png") no-repeat;
        background-size: contain;
        position: absolute;
        top: 7.5%;
        right: 6%;
        z-index: 10;
	}
	
	section#option div.section_inner::before {
        content: "";
        width: 15vw;
        max-width: 163px;
        height: 11vw;
        max-height: 120px;
        background: url("../images/other/birthday/illusu05.png") no-repeat;
        background-size: contain;
        position: absolute;
        top: -65px;
        left: 5.2%;
        z-index: 5;
    }
	
	section#faq {
        margin-top: 160px;
    }
	
	section#faq::after {
        content: "";
        width: 37.8vw;
        max-width: 412px;
        height: 7.7vw;
        max-height: 84px;
        display: block;
       background: url("../images/other/birthday/illusu06.png") no-repeat;
        background-size: contain;
        position: absolute;
        right: -1%;
        top: -88px;
		bottom: initial;
        z-index: -1;
    }
	
}

@media screen and (max-width: 1090px){
	section#intoro h2.head span {
		padding-top: 6vw;
		padding-top: 6cqw;
    }
	
	section#intoro h2.head span::before {
        content: "";
		left: calc(50% - 10.9vw);
		left: calc(50% - 10.9cqw);
    }
}


/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 750px){
	
	#main_other h1 {
		bottom: -36.3%;
	}
	
	#main_other span.illust {
		width: 9%;
        top: 10.2%;
    }
	
	section#intoro h2.head {
        font-size: 22px;
        font-size: 2.2rem;
    }
	
	section#intoro h2.head span {
		padding-top: 7.8vw;
		padding-bottom: 0;
    }
	
	section#intoro h2.head span::before {
        content: "";
		width: 28.34vw;
		width: 28.34cqw;
		height: 4.77vw;
		height: 4.77cqw;
        display: block;
        background: url("../images/other/birthday/h2_head_bg.png") no-repeat;
		background-position: center;
		background-size: contain;
        position: absolute;
        top: 0;
        left: calc(50% - 14.17vw);
		left: calc(50% - 14.17cqw);
    }
	
	#other section#intoro::before {
        content: "";
        width: 26.6vw;
        height: 15.82vw;
        display: block;
		background: url("../images/other/birthday/illusu02.png") no-repeat;
        background-size: contain;
        position: absolute;
        bottom: -25vw;
		left: initial;
        right: 5%;
        z-index: -1;
    }
	
	#other section#intoro::after {
        content: "";
        width: 21.4vw;
        height: 14.5vw;
        display: block;
        background: url("../images/other/birthday/illusu01.png") no-repeat;
        background-size: contain;
        position: absolute;
        top: -7vw;
        right: 5%;
        z-index: -1;
    }
	
	#other section#plan div.section_inner div.photo.photo01::before {
        content: "";
        width: 21.9vw;
        height: 8.97vw;
        display: block;
        background: url("../images/other/birthday/illusu03.png") no-repeat;
        background-size: contain;
        position: absolute;
        top: -5%;
        left: -2%;
        z-index: 5;
    }
	
	#other section#rental div.section_inner{
		position: relative;
	}
	
	#other section#rental div.section_inner::before{
		content: "";
        width: 30vw;
        height: 5.22vw;
        display: block;
        background: url("../images/other/birthday/illusu04.png") no-repeat;
        background-size: contain;
        position: absolute;
        top: 9.5%;
        right: -2%;
        z-index: 10;
	}
	
	section#option div.section_inner ul li p.price small, section#rental ul li p {
        text-align: left;
    }
	
	section#option div.section_inner::before {
        content: "";
        width: 21vw;
        height: 15.4vw;
        background: url("../images/other/birthday/illusu05.png") no-repeat;
        background-size: contain;
        position: absolute;
        top: -18vw;
        left: 2.5%;
        z-index: 5;
    }
	
	section#faq {
        margin-top: 25vw;
    }
	
	section#faq::after {
        content: "";
        width: 37.8vw;
        height: 7.7vw;
        display: block;
       background: url("../images/other/birthday/illusu06.png") no-repeat;
        background-size: contain;
        position: absolute;
        right: -1%;
        top: -12vw;
		bottom: initial;
        z-index: -1;
    }
	
}