@charset "utf-8";


@media screen and (min-width: 768px) { 
#maincontArea {
    background: #f3f3f3;
}
	#contentsWrap {
		width: 100%;
		text-align: center; 
		background:#f3f3f3 url(../images/bg.jpg) center top repeat-x;
		
	}
	/*
	#contentsWrap.in {
		padding-bottom: 60px;
	}*/
	
	#mainVisual { 
		background:  url(../images/bg-main.jpg) center top no-repeat;padding-bottom: 40px;
	}
	
	#mainVisualInner { max-width: 400px; margin: 0 auto; }
	
	#mainVisual img { 
		width: 100%;
	}
	
	#contentInfo {
		width: 100%;
		max-width: 980px;
		margin: 0 auto 55px; 
		background: #ffffff; 
		padding:33px 60px 20px;
		
	}
	#contentInfo img {
		width: 100%;
		max-width: 980px;
	}
	
	#mainList { margin: 28px 0 0;}
	#mainList li {
		width: 47%;
		display: inline-block;
		text-align: left;
		vertical-align: top;
		font-feature-settings: "palt";
		margin-bottom:2%;
}
#mainList li:nth-last-child(1),#mainList li:nth-last-child(2){margin-bottom: 0;}


	#mainList li:nth-child(odd){ margin-right:1.5%;} 
	#mainList li:nth-child(even){ margin-left:1.5%;} 
	#mainList li h3 {
	font-size: 14px;
    margin-bottom: 20px;
    padding-left: 22%;
    padding-top: 1.5%;
    padding-bottom: 5%;
}
	
	#mainList li:nth-child(1) h3{background:url(../images/img-prize01.jpg) no-repeat top left; background-size: 18% auto;}
	#mainList li:nth-child(2) h3{background:url(../images/img-prize02.jpg) no-repeat top left; background-size: 18% auto;}
	#mainList li:nth-child(3) h3{background:url(../images/img-prize03.jpg) no-repeat top left; background-size: 18% auto;}
	#mainList li:nth-child(4) h3{background:url(../images/img-prize04.jpg) no-repeat top left; background-size: 18% auto;}
	
	#mainList li p { font-size: 10px; }
	
	
	
	#box2019max {
		width: 100%;
		max-width: 980px;
		margin: 0 auto; 
		
		
	}
	
	a.alpha { 
		opacity: 1;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
	}

	a.alpha:hover { 
		opacity: .6;
		transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-moz-transition-duration:.3s;
	}
}

@media screen and (min-width: 768px) { 
	.view-pc { display: block; }
	.view-sp { display: none; }
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	#mainVisual { 
		background:  url(../images/bg-main.jpg) center top no-repeat;
		/*background-size:cover;*/
	}
	
	h3#spt img { width: 100%;}
	#sptbox2 h4 img { width: 100%; }
	#sptbox1 li:nth-child(1) p,
	#sptbox1 li:nth-child(2) p,
	#sptbox2 p { background-size: 100% auto; }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
	
	#contentsWrap {
		width: 100%;
		text-align: center; 
		
		padding-bottom: 10%;
	}
	
	#mainVisual img { 
		width: 100%;
		max-width: 980px;
	}
	
	#contentInfo {
		width: 100%;
		
		margin: 0 auto; 
		background: #fefefe; 
		
		padding:10% 3%;
	}
	#contentInfo img {
		width: 100%;
		max-width: 980px;
	}
	
	#mainList {margin: 8% 2% 0;}
	#mainList li { margin-bottom: 7%; text-align: left; padding-left:30%;}
	#mainList li:nth-child(1) {background:url(../images/img-prize01.jpg) no-repeat top left; background-size: 25% auto;}
	#mainList li:nth-child(2) {background:url(../images/img-prize02.jpg) no-repeat top left; background-size: 25% auto;}
	#mainList li:nth-child(3) {background:url(../images/img-prize03.jpg) no-repeat top left; background-size: 25% auto;}
	#mainList li:nth-child(4) {background:url(../images/img-prize04.jpg) no-repeat top left; background-size: 25% auto;}
	
	
	#mainList li h3 { font-size: 4vw; margin-bottom: 3%; }
	#mainList li p { font-size: 3.2vw; }
	
	h2 { text-align: center; }
	h2 img { width: 100%; }
	
	
	#c02 {
		width: 100%;
		margin: 0 auto; 
		background: #fefefe; 
		padding:0 3% 5%;
	}
	#c02Inner {background: #ffffff; margin: 0 auto;padding:5%;border-left: solid 1px #f15a22;		border-right: solid 1px #f15a22;		border-bottom: solid 1px #f15a22;}
	
	#c02Inner ul li{margin-bottom:5%;}
	#c02Inner ul li:last-child{margin-bottom:0;}
	
	#c02Inner ul li a.btn{
		display: block;
		background: #fff;
		border: solid 1px #f15a22;
		border-radius: 6vw;
		height: 12vw;
		font-size: 4vw;
		font-weight: bold;
		position: relative;
		line-height: 12vw;
	}
	#c02Inner ul li a.btn::after{
	content: "＞";
    position: absolute;
    right: 1%;
    top: 25%;
    transform: scale(0.5, 0.8);
    font-size: 6vw;
    line-height: 1;
}
#c02Inner ul li > a,#c02Inner ul li > a:link,#c02Inner ul li > a:hover,#c02Inner ul li > a:active,#c02Inner ul li > a:visited{color:#f15a22; text-decoration: none;}
	
	
	h3#spt img { width: 100%;}
	/*#sptbox1 { background: #fff; padding: 15px 0; 
		box-shadow:2px 2px 6px 0px rgba(0,0,0,.3);
		-moz-box-shadow:2px 2px 6px 0px rgba(0,0,0,.3);
		-webkit-box-shadow:2px 2px 6px 0px rgba(0,0,0,.3);
		margin-bottom: 4%;}
	#sptbox2 { background: #fff; padding: 15px 0; 
		box-shadow:2px 2px 6px 0px rgba(0,0,0,.3);
		-moz-box-shadow:2px 2px 6px 0px rgba(0,0,0,.3);
		-webkit-box-shadow:2px 2px 6px 0px rgba(0,0,0,.3); }
	#sptbox1 li { padding: 8% 0; }
	#sptbox1 li div { padding-left: 30%; text-align: left;  }
	#sptbox1 li div h4 { font-size: 5vw; color:#f15a22; font-weight: normal; line-height: 1; margin-bottom: 2%; }
	#sptbox1 li div p { font-size: 3.4vw; padding-right: 8%; line-height: 1.7; }
	#sptbox1 li img { width: 86%; }
	#sptbox1 li:nth-child(1) { border-bottom: 1px dashed #ccc; }
	#sptbox1 li:nth-child(1) div { background: url(../images/bg-spt01-sp.png) no-repeat left top; background-size: 100% auto; margin-bottom: 4%; }
	#sptbox1 li:nth-child(2) div { background: url(../images/bg-spt02-sp.png) no-repeat left top; background-size: 100% auto; margin-bottom: 4%; }
	
	#sptbox2 { padding: 8% 0; }
	#sptbox2 div { padding: 0 0 0 30%; text-align: left; background: url(../images/bg-spt03-sp.png) no-repeat left top; background-size: 100% auto; margin-bottom: 4%; }
	#sptbox2 div h4 { font-size: 5vw; font-weight: normal; color: #425eb0; line-height: 1; margin-bottom: 2%; }
	#sptbox2 p { font-size: 3.4vw; padding-right: 8%; line-height: 1.7; }
	#sptbox2 img { width: 86%; }
	*/
	
	
	#box2019max{background: #f3f3f3;padding: 15% 8%; margin: 0 auto;}
	
	.view-pc { display: none; }
	.view-sp { display: block; }

}
.fontS{font-size:70%;}
.orange { color:#eb5505!important; }