@charset "UTF-8";
/* CSS Document */
/*font-family: 'Noto Sans JP', sans-serif;
font-family:'Permanent Marker', cursive;
font-family:'Oswald', sans-serif;

font-family: 'Bebas Neue', cursive;*/

#contents_wrap{width:100%;}
img{width:100%;}

#lp{width:100%; max-width:1200px; margin:0 auto; text-align:center;}

/*メイン画像*/
#main{margin:0 auto; max-width:1200px;}
.pc{display:block;}
.sp{display:none;}

/*企画概要テキスト*/
#info{width:100%; margin:5% 0; font-size:90%; line-height:180%; font-family: 'Noto Sans JP', sans-serif; font-weight:500;}

/*コンテンツ*/
#contents{width:70%; display:block; clear:both; overflow:hidden; position:relative; margin:10% auto 20%; font-family: 'Noto Sans JP', sans-serif; font-weight:400;}
.info{font-size:15px; line-height:30px; text-align: justify; text-justify: inter-ideograph;}

.main-img{width:100%; padding:5% 0;}
.sub-img{width:100%;}
.on-con{position:absolute; clear:both; text-align:left;}
.on-ttl{top:0px; left:0px;}
.on-con h3{font-family: 'Bebas Neue', cursive; font-size:80px; letter-spacing:5px;}
.on-con span{font-family: 'Bebas Neue', cursive; font-size:30px; letter-spacing:10px;}
.on-info{top:550px; left:0px; background-color:rgba(255,255,255,0.8); padding:3%; width:60%;}
.itemlink{width:60%; background-color:#000; padding:3%; margin:5% auto 0; text-align:center;}
.itemlink a{color:#fff; font-weight:bold; font-size:20px;}

.on-ttl2{top:0px; right:0px; text-align:right;}
.on-info2{top:550px; right:0px; background-color:rgba(255,255,255,0.8); padding:3%; width:60%;}

#item h4{font-family: 'Bebas Neue', cursive; font-size:50px;}
#item a{color:#000;}
#item ul{width:100%; padding-top:5%; clear:both; overflow:hidden; text-align:left; font-family: 'Noto Sans JP', sans-serif;}
#item ul li{width:22%; display:inline-block; margin:1%; vertical-align:top;}
#item ul li p{width:100%; margin:10px 0; text-align:left; font-size:12px; line-height:150%; height:60px; padding:0;}
#item ul li p span{display:block; width:100%; text-align:right; font-weight:bold;}
#item ul li p span:after{content: "円(税込)";}


@media screen and (max-width: 1024px) {
	
/*コンテンツ*/
#contents{width:90%;}
.on-info{top:600px;}
.on-info2{top:600px;}
	
}

@media screen and (max-width: 768px) {
	
.main-img{padding:8% 0;}
.on-info{top:450px;}
.on-info2{top:450px;}
	
}

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

/*メイン画像*/
.pc{display:none;}
.sp{display:block;}

/*企画概要テキスト*/
#info{margin:20% 0; font-size:80%; font-family: 'Noto Sans JP', sans-serif; font-weight:500;}

/*コンテンツ*/
#contents{margin-bottom:30%; width:100%; font-family: 'Noto Sans JP', sans-serif; font-weight:400;  text-align: justify; text-justify: inter-ideograph;}
.info{font-size:12px; line-height:20px;}

.main-img{padding:7% 0 40%;}
.on-ttl{left:10px;}
.on-con h3{font-family: 'Bebas Neue', cursive; font-size:40px; letter-spacing:1px;}
.on-con span{font-family: 'Bebas Neue', cursive; font-size:20px; letter-spacing:2px;}
.on-info{top:315px; width:94%;}
.itemlink{width:80%; padding:5%;}
.itemlink a{color:#fff; font-weight:bold; font-size:15px;}

.on-ttl2{right:10px;}
.on-info2{top:315px; width:94%;}
	
.con1-img{margin-top:10%;}
.con3-img{margin-top:10%;}

#item h4{font-family: 'Bebas Neue', cursive; font-size:30px;}
#item ul{padding-top:10%; width:90%; margin:0 auto;}
#item ul li{width:47%;}

}