@charset "UTF-8";

@media all and (min-width:668px){
	.pc {display:block;}
	.sp {display:none;}
	.sns_btn_sp {display:none;}
}

@media screen and (max-width:667px){
	.pc {display:none;}
	.sp {display:block;}
	.sns_btn_sp {display:block;}
}

/* --------------------------------------------------------------
*
* LP
*
--------------------------------------------------------------*/
@media all and (min-width:668px){
	body {background:none;}
	.mega_wrap {margin:-1px 0 0 0;}
	.mega_wrap #contents_inner {
		width:100%;
		margin:0 !important;
		border-radius:0;
	}
	.mega_wrap a img {outline:none; transition:opacity 0.2s ease-in-out;}
	.mega_wrap a img:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
	
	/* mainimg */
	.mega_wrap .mainimg {
		height:520px;
		background:#d0bba2 url(../img/mainimg_bg_pc.jpg) center top no-repeat;
	}
	.mega_wrap .mainimg h1 {
		width:900px;
		margin:0 auto;
		padding:80px 0 0 0;
	}
	
	/* sec01 */
	.mega_wrap .sec01 {
		height:770px;
		background:url(../img/sec01_bg_pc.png) center top no-repeat;
	}
	.mega_wrap .sec01 .sec01_in {
		position:relative;
		width:1040px;
		height:770px;
		margin:0 auto;
	}
	.mega_wrap .sec01 ul.count {
		width:564px;
		margin:0 auto;
		padding:0 0 0 58px;
		box-sizing:border-box;
		color:#e50012;
		font-size:84px;
		font-weight:700;
		text-align:right;
	}
	.mega_wrap .sec01 ul.count li {
		float:left;
		width:81px;
		margin:0 0 0 3px;
		box-sizing:border-box;
		text-align:center;
		line-height:110px;
	}
	.mega_wrap .sec01 ul.count li:nth-first-child {margin:0;}
	.mega_wrap .sec01 .img {
		position:absolute;
		width:1040px;
		margin:-18px auto 0 auto;
	}
	
	/* sec02 */
	.mega_wrap .sec02 {
		padding:62px 0 92px 0;
		background:#666 url(../img/sec02_bg01_pc.jpg) center top no-repeat;
	}
	.mega_wrap .sec02 .h2_in {
		height:240px;
		background:url(../img/sec02_bg02_pc.png) center bottom no-repeat;
	}
	.mega_wrap .sec02 .h2_in h2 {
		width:1000px;
		margin:0 auto;
	}
	.mega_wrap .sec02 .img1 {
		width:1000px;
		margin:90px auto 0 auto;
	}
	.mega_wrap .sec02 .img2 {
		width:950px;
		margin:90px auto 0 auto;
	}
	.mega_wrap .sec02 p {
		width:950px;
		margin:14px auto 0 auto;
		color:#fff;
		font-size:16px;
	}
	.mega_wrap .sec02 p a {
		color:#fff;
		text-decoration:underline;
	}
	.mega_wrap .sec02 p a:hover {
		text-decoration:none;
	}
	
	/* complete */
	.mega_wrap .sec02 .box1 {
		width:702px;
		margin:70px auto 0 auto;
	}
	.mega_wrap .sec02 .box1 .box_l {
		float:left;
		width:310px;
	}
	.mega_wrap .sec02 .box1 .box_l img {
		width:100%;
	}
	.mega_wrap .sec02 .box1 .box_r {
		float:right;
		width:350px;
		color:#fff;
		font-size:17px;
	}
	.mega_wrap .sec02 .box1 .box_r ul.txt {}
	.mega_wrap .sec02 .box1 .box_r ul.txt li {
		margin:0 0 0.2em 1em;
		text-indent:-1em;
	}
	.mega_wrap .sec02 .box1 .box_r p {
		width:350px;
		margin:8px 0 0 0;
		font-size:13px;
		line-height:1.6;
	}
	.mega_wrap .sec02 .box1 .box_r ul.btn {padding:20px 0 0 0;}
	.mega_wrap .sec02 .box1 .box_r ul.btn li {
		margin:12px 0 0 0;
	}
	.mega_wrap .sec02 .box2 {
		position:relative;
		width:950px;
		height:860px;
		margin:75px auto 50px auto;
	}
	.mega_wrap .sec02 .box2 h3 {position:absolute;}
	.mega_wrap .sec02 .box2 .btn {
		position:absolute;
		top:702px;
		left:325px;
		z-index:2;
	}
	
	#lp_pagetop {position:fixed; right:20px; bottom:50px; width:115px; height:115px;}
	
	/* soon */
	.mega_wrap .soon1,
	.mega_wrap .soon2 {width:990px; margin:45px auto 0 auto;}
	
	/* end */
	.mega_wrap .end {width:990px; margin:65px auto 0 auto;}
}



@media screen and (max-width:667px){
	.mega_wrap {}
	.mega_wrap img {width:100%;}
	
	/* mainimg */
	.mega_wrap .mainimg {}
	
	/* sec01 */
	.mega_wrap .sec01 {
		background:url(../img/sec01_bg_sp.jpg) center top no-repeat;
		background-size:100% auto;
	}
	.mega_wrap .sec01 .sec01_in {
		position:relative;
		height:73.3333vw;
		margin:0 auto;
	}
	.mega_wrap .sec01 ul.count {
		width:50vw;
		margin:0 auto;
		padding:0 0 0 6vw;
		color:#e50012;
		font-size:8vw;
		font-weight:700;
		text-align:right;
	}
	.mega_wrap .sec01 ul.count li {
		float:left;
		width:8vw;
		margin:0 0 0 0.25vw;
		box-sizing:border-box;
		text-align:center;
		line-height:10.9333vw;
	}
	.mega_wrap .sec01 ul.count li:nth-child(1) {margin:0;}
	.mega_wrap .sec01 .img {
		position:absolute;
		bottom:0;
	}
	
	/* sec02 */
	.mega_wrap .sec02 {
		padding:6vw 0 12vw 0;
		background:#666 url(../img/sec02_bg01_sp.jpg) center top repeat-y;
		background-size:100% auto;
	}
	.mega_wrap .sec02 .h2_in {}
	.mega_wrap .sec02 .h2_in h2 {}
	.mega_wrap .sec02 .img1 {margin:6vw auto 0 auto;}
	.mega_wrap .sec02 .img2 {margin:6vw auto 0 auto;}
	.mega_wrap .sec02 p {
		width:92vw;
		margin:1em auto 0 auto;
		color:#fff;
		font-size:3vw;
		line-height:1.8;
	}
	.mega_wrap .sec02 p a {
		color:#fff;
		text-decoration:underline;
	}
	
	/* complete */
	.mega_wrap .sec02 .box1 {
		width:92vw;
		margin:7vw auto 0 auto;
	}
	.mega_wrap .sec02 .box1 .box_l {
		float:left;
		width:40vw;
	}
	.mega_wrap .sec02 .box1 .box_r {
		float:right;
		width:48vw;
		color:#fff;
		font-size:3vw;
	}
	.mega_wrap .sec02 .box1 .box_r ul.txt {}
	.mega_wrap .sec02 .box1 .box_r ul.txt li {
		margin:0 0 0.2em 1em;
		text-indent:-1em;
	}
	.mega_wrap .sec02 .box1 .box_r p {
		width:48vw;
		margin:0.5em 0 0 0;
		font-size:2.4vw;
		line-height:1.8;
	}
	.mega_wrap .sec02 .box1 .box_r ul.btn {padding:0.5em 0 0 0;}
	.mega_wrap .sec02 .box1 .box_r ul.btn li {
		margin:0.5em 0 0 0;
	}
	.mega_wrap .sec02 .box2 {
		position:relative;
		width:100%;
		height:158.6666vw;
		margin:9vw auto 0 auto;
	}
	.mega_wrap .sec02 .box2 h3 {position:absolute;}
	.mega_wrap .sec02 .box2 .btn {
		position:absolute;
		top:130.9333vw;
		left:20vw;
		width:60vw;
		z-index:2;
	}
	
	#footer {margin:0;}
	
	#lp_pagetop {position:fixed; right:0; bottom:20vw; width:20vw; height:20vw; z-index:999;}
	
	/* snsボタン */
	.sns_btn_sp {
    width:100%;
		padding:6px 6vw;
		background:#111;
    -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sns_btn_sp ul{
		-js-display: flex;
		display:-ms-flexbox;
		display:-webkit-flex;
		display: flex;
		-ms-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}
	.sns_btn_sp ul li{
		width:32px;
		margin:0 15px 0 0;
		font-size:0;
		line-height:1;
	}
	.sns_btn_sp ul li:last-child {
		margin-right:0;        
	}
	.sns_btn_sp ul li a img {
		max-width: 32px;
		width: 100%;
		height: auto;
	}
	
	/* soon */
	.mega_wrap .soon1,
	.mega_wrap .soon2 {margin:7.3vw 0 0 0; font-size:0;}
	
	/* end */
	.mega_wrap .end {margin:7.3vw 0 0 0; font-size:0;}
}