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


.fair{
	width:100%;
	/*max-width:870px;*/
	margin: 0 auto;
}
.end{
	margin-top:50px;
	margin-bottom:-50px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	font-size:1.5rem;
	color:red;
	font-weight:600;
	line-height:1.8rem;
	background-color: rgba(255,255,255,0.70);
	
}

.fair_bg{
	width:100%;
	/*max-width:851px;*/
	background-image:url("../img/bg.jpg");
	background-size:auto;
	background-repeat:no-repeat;
	background-position:top;
	margin: 1rem auto 0 auto;
	/*	height:2140px;*/
}

.contents{
    width:100%;
    max-width:870px;
    margin:0 auto;
}

.img01{
	width:100%;
	max-width:851px;
	/*margin-top:10px;*/
}
.img02{
	width:100%;
	margin-top:-1rem;
	z-index: 100;
}
.agitem{
	text-align: center;
	width:100%;
	max-width:800px;
	margin: 0 auto 30px auto;
	margin-top:-30px;
	z-index: 90;
}
.agitem img{
	margin:0 12px 15px 12px;
	width:100%;
	max-width:239px;
	
}
.agitem img:hover {
	opacity: 0.7 ;
	transition: 0.5s ;
}

.kirepika{z-index: 150;}

.btn{
	display: block;
	width:100%;
	max-width:308px;
	margin: 0 auto;
	z-index: 99;
	
}
.btn img a:hover {
	opacity: 0.2 ;
	transition: 0.5s ;
}
.btn2{
	display: block;
	width:100%;
	max-width:29%;
	margin: 0 auto;	
}

.iiyudana_footer{
	width:100%;
	max-width:870px;
	height:100%;
	margin:-4% auto -8% auto;

}

.iiyudana_footer_inner{
	padding:5rem;
}
.aplogo{
	display: block;
	width:100%;
	max-width:710px;
	text-align: right;
	margin: 0 auto;
	z-index: 1;
	
}

.contact{
	display: block;
	width:100%;
	max-width:710px;
	margin: 0rem auto 0 auto;
	margin-bottom:5px;

}


.contact img{
	width:100%;
}
.attention{
	display: block;
	width:100%;
	max-width:710px;
	margin: 0 auto;
}

.aprogo{
	width:100px;
}

@media screen and (min-width:821px){
	.sp{
		display:none;
	}
}


@media screen and (max-width:820px) { 
	.pc{
		display:none;
	}
	.fair{
	width:100%;
	max-width:820px;
	margin: 0 auto;
	margin-top:1rem;
		height:auto;
}


.fair_bg{
	width:100%;
	max-width:820px;
	/*height:3032px;*/
	background-image:url("../img/bg_sp.jpg");
background-size:100% auto;
	
	background-repeat:no-repeat;
	background-position:top center;
	margin: 0 auto 0 auto;
}
	
.end{
	margin-bottom:30px;
}
	
	
.contents{
		margin-top:0px;
	}
.img01{
margin-top:0rem;
}
.img02{
	width:100%;
	margin-top:-30px;
}
	
.item_cap{
	display: flex;
	float: right;
	width:45%;
	position: relative;
	top:-150px;
	z-index: 160;
		
	}
.agitem{
	width:100%;
	max-width:820px;
	margin: -5% auto 0 auto;

}
.agitem img{
	/*margin:0 24px;*/
	width:100%;
	max-width:43%;
	
}
.agitem img:hover {
	opacity: 0.7 ;
	transition: 0.5s ;
}

.baikinman{
	text-align: left;
	width:100%;
	display: block;
	float:left;
	margin-bottom:50px;}

	
.btn{
	display: block;
	width:100%;
	max-width:308px;
	margin: 0 auto;
	/*	margin-top:80px;*/
}
.btn img:hover {
	opacity: 0.7 ;
	transition: 0.5s ;
}
.btn2{
	display: block;
	width:100%;
	max-width:33%;
	margin: 5.5% auto 0% auto;

	
}
.iiyudana_footer{
	width:100%;
	background-size: 100%;
	background-repeat: no-repeat;
	height:100%;
	margin:-10% auto 0 auto;

}

.iiyudana_footer_inner{
	padding:0rem;
	width: 86%;
	margin:0 auto -13% auto;
}
.aplogo{
	display: block;
	width:100%;
	max-width:700px;
	text-align: right;
	margin:0 auto;
	
}

.contact{

	width:100%;
	max-width:90%;
	margin: 8% auto 0 auto;
	margin-bottom:5px;

}
.attention{

	width:100%;
	max-width:700px;
	margin: 0 auto;
	padding-bottom:80px;

}
	
	}

@media screen and (max-width:700px) { 
.agitem img{margin-bottom:2%;}
.aplogo{max-width:600px;}
.contact{max-width:600px;}
.attention{	max-width:600px;}

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

		.img01{margin-top:20px;}
		.agitem img{}
}
@media screen and (max-width:600px) { 
.fair_bg{/*max-height:2511px;*/}
	.agitem{margin-top:0px;}
.agitem img{}
.aplogo{max-width:500px; margin-top:10%;}
.contact{max-width:500px;}
.attention{	max-width:500px;
}
.end{
	font-size:1.2rem;
	line-height: 1.8rem;
}
}
@media screen and (max-width:560px) { 
.fair_bg{/*max-height:2044px; margin-top:30px;*/}

	.agitem{margin-top:-5%;}
.agitem img{}
	.btn{max-width:250px;}
.aplogo{max-width:480px; margin-top:15%;}
.contact{max-width:480px;}
.attention{	max-width:480px;
}


	
.baikinman{
	width:120%!important;
	float:left;
	margin-bottom:80px;}
	
.iiyudana_footer_inner{
	margin:0 auto -20% auto;
}

}

@media screen and (max-width:500px) { 
.fair_bg{/*max-height:1853px;*/}
.agitem img{}
.img02{margin-top:-20px;}
.btn2{max-width:48%}		
	}
	
@media screen and (max-width:480px) { 
.agitem img{
}
.fair_bg{
	/*max-height:2309px;*/
}
	.end{
	font-size:1rem;
	line-height: 1.8rem;
}
}
@media screen and (max-width:415px) {
.agitem img{}
.fair_bg{/*max-height:1583px;*/}
.aplogo{max-width:415px; margin-top:15%;}
.contact{max-width:415px;}
.btn2{max-width:48%}	
}
@media screen and (max-width:400px) { 
	.agitem img{}

.btn2{
	max-width:49%;	
	}
}
@media screen and (max-width:390px) { 
	.agitem{margin-top:0px;}
	.agitem img{}

	.fair_bg{/*height:1529px;*/
	}
	.end{
	font-size:0.8rem;
	line-height: 1.8rem;
	margin-bottom:0px;
}	
}
@media screen and (max-width:376px) { 

.fair{
	width:100%;
	max-width:375px;
	margin: 0 auto;
	margin-top:0px;
}


.fair_bg{
	width:100%;
	max-width:375px;
	/*max-height:1369px;*/
}


.img01{
	position: relative;
	width:100%;
	max-width:375px;
	margin-top:-2rem;
}

.img02{
	width:100%;
	margin-top:-20px;
}
.agitem{
	width:100%;
	max-width:375px;
	margin: 0 auto;
	margin-top:0px;
}
.agitem img{
	margin:0;
	width:100%;

	
}
.agitem img:hover {
	opacity: 0.7 ;
	transition: 0.5s ;
}


.other .sp{
	display: block;
	margin: 0 auto;
	width:100%;
	max-width:375px;
	/*margin-top:-15px;*/
}
.btn{
	display: block;
	width:100%;
	max-width:208px;
	margin: 0 auto;
	margin-top:40px;
}
.btn img:hover {
	opacity: 0.7 ;
	transition: 0.5s ;
}
.btn2{
	display: block;
	width:100%;
	max-width:162px;
	margin: 4% auto -10% auto;

	
}

.aplogo{
	display: block;
	width:100%;
	max-width:533px;
	text-align: right;
	margin:0 auto;
	
}

.contact{

	width:90%;
	max-width:375px;
	margin: 0 auto;
	margin-bottom:5px;

}
.attention{

	width:90%;
	max-width:375px;
	margin: 0 auto;
	padding-bottom:80px;

}
	.iiyudana_footer_inner{
	padding:3rem 0.4rem 1rem 0.4rem;
	margin-top:1rem;
}
	}

@media screen and (max-width:360px) { 
	.pc{
		display:none;
	}
	
	.fair{
	width:100%;
	max-width:360px;
	margin: 0 auto;
}


.fair_bg{
	width:100%;
	background-image:url("../img/bg_sp.jpg");
	/*max-height:1197px;*/
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:top;
	margin: 4rem auto 0 auto;
	padding-top:-6rem;
}
	.contents{
		margin-top:0px;
		padding-top:40px;
	}
.img01{
	margin-top:-3rem;
}
.img02{
	width:100%;
	margin-top:0px;
}
.agitem{
	width:100%;
	max-width:320px;
	margin: 0 auto;
	margin-top:-25px;
}
.agitem img{

	width:100%;

	
}
.agitem img:hover {
	opacity: 0.7 ;
	transition: 0.5s ;
}


.other .sp{
	display: block;
	margin: 0 auto;
	width:100%;
	max-width:320px;
	margin-top:-15px;
}
.btn{
	display: block;
	width:100%;
	max-width:178px;
	margin: 0 auto;
/*	margin-top:40px;*/
}
.btn img:hover {
	opacity: 0.7 ;
	transition: 0.5s ;
}
.btn2{
	display: block;
	width:100%;
	max-width:162px;
	margin: 4% auto 0 auto;

}

.iiyudana_footer{
	display: block;
	width:100%;
	max-width:360px;
	margin:-5% auto 0 auto;
	}
.iiyudana_footer_inner{
	padding:2rem 1rem 1rem 1rem;
	margin-top:1rem;
}
.aplogo{
	display: block;
	width:100%;
	max-width:360px;
	text-align: right;
	margin:0 auto;
	
}

.contact{

	width:100%;
	max-width:360px;
	margin: 0 auto;
	margin-bottom:5px;

}
.contact img{
		width:100%;
	max-width:817px;
	}
.attention{

	width:100%;
	max-width:360px;
	margin: 0 auto;
	padding-bottom:80px;
}	
}
@media screen and (max-width:320px) { 
	.pc{
		display:none;
	}
	
	.fair{
	width:100%;
	max-width:320px;
	margin: 0 auto;
}


.fair_bg{
	width:100%;
	/*	max-height:2927px;*/
	background-image:url("../img/bg_sp.jpg");
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:top;
	margin: 3rem auto 0 auto;
	padding-top:-5rem;
}
	

.contents{
	margin-top:0px;
		}
	
.img01{
	position: relative;
	width:100%;
	max-width:320px;
	margin-top:-3rem;
}
	
.img02{
	width:100%;
	margin-top:0px;
}
.agitem{
	text-align: center;
	width:100%;
	max-width:360px;
	margin-top:25px;
}
.agitem img{
	width:100%;

}


.other .sp{
	display: block;
	margin: 0 auto;
	width:100%;
	max-width:320px;

}
.btn{
	display: block;
	width:100%;
	max-width:178px;
	margin: 0 auto;
/*	margin-top:40px;*/
}
.btn img:hover {
	opacity: 0.7 ;
	transition: 0.5s ;
}
.btn2{
	display: block;
	width:100%;
	max-width:102px;
	margin: 0 auto;
	margin-bottom:20px;
	
}

.iiyudana_footer{
	display: block;
	width:100%;
	max-width:320px;
	margin:0 auto;
	}
.iiyudana_footer_inner{
	padding:2rem 1rem 1rem 1rem;
	margin-top:6rem;
}
.aplogo{
	display: block;
	width:100%;
	max-width:320px;
	text-align: right;
	margin:0 auto;
	
}
	.aplogo img{
		width:30%;
	}
.contact{

	width:100%;
	max-width:360px;
	margin: 0 auto;
	margin-bottom:5px;

}
.attention{

	width:100%;
	max-width:360px;
	margin: 0 auto;
	padding-bottom:80px;

}
	
	
	
}