@charset "utf-8";



@media screen and (max-width: 1199px){
	/*bootstrapを使用する場合。幅を1200pxとして
	左右に15pxずつpaddingをつけている為*/
}
@media screen and (max-width: 1169px){
	/*bootstrapを使用しない場合*/
}
	
@media screen and (max-width: 1024px){
}

@media (max-width: 767px){
}

/*--------------------------------------------------------*/

#pickupArea{
	margin: 0;
}

/*--------------------------------------------------------*/

/* CSS topicsArea Common */
.topicsLayout th,.topicsLayout h1,.topicsLayout h2,.topicsLayout h3,.topicsLayout h4,.topicsLayout h5,.topicsLayout h6{color:#333; margin-top:0;}
.topicsLayout p{margin:0;}
#app_renew a{text-decoration:none;}
#app_renew a.touch img{opacity:0.6;}
#app_renew img{max-width:100%; height:auto; vertical-align:bottom;}
#app_renew .pc{display:block;}
#app_renew .sp{display:none;}
@media screen and (max-width:414px){
	#app_renew .pc{display:none;}
	#app_renew .sp{display:block;}
}
#app_renew{
	width:100%;
	font-size: 46px;
	line-height:2;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:400;
	padding-bottom:20px;
	color:#464646;
	position:relative;
}
@media screen and (max-width:767px){
	#app_renew{
		font-size: 14px;
		line-height:1.6;
	}
}

@media (max-width: 767px) {
  #app_renew .container .row [class*="col-"],
  #app_renew .container-fluid .row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#app_renew .fbold{
	font-weight:bold;
	font-weight:600;
}
#app_renew .small{
	font-size: 85%;
}
#app_renew .large{
	font-size: 140%;
	line-height:1;
}
#app_renew .layout{
	max-width:1200px;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
	display:block;
}
@media screen and (max-width:767px){
	#app_renew .layout{
		padding-left:10px;
		padding-right:10px;
	}
}

/***** targetdelay ******/
#app_renew .targetdelay{
	transform:translate(0, 30px);
  transition :all 0.8s;
	opacity:0;
}
#app_renew .show{
	opacity:1 !important;
  transform:translate(0, 0) !important;
}

/***** worddelay ******/
#app_renew .open {
	animation-name: slideOut;
	animation-fill-mode: forwards;
	animation-duration: 0.5s;
	animation-delay: 0.5s;
}
#app_renew .worddelay p{
	font-size: 50px;
	opacity:0;
}
#app_renew .worddelay p:nth-child(2){
	font-size:100px;
	font-weight:bold;
	font-weight:700;
}
#app_renew .worddelay p .delay {
  display: inline-block;
  transform-origin: center center;
  transform: translate3d(0, 40px, 0);
	transition: transform 0.8s;
}
#app_renew .worddelay p .delay span {
  transform-origin: center center;
  transform: scale3d(0.1, 0.1, 1);
  opacity: 0;
	transition: transform 0.8s;
}
#app_renew .worddelay p.active {
  opacity: 1;
}
#app_renew .worddelay p.active .delay {
  transform: translate3d(0, 0, 0);
}
#app_renew .worddelay p.active span {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

#app_renew .dotted .delay{
	position: relative;
}
#app_renew .dotted .delay span::before{
	width:100%;
	content: "・";
	position: absolute;
	left: 0;
	top: -0.5em;
	text-align:center;
	font-size: 6rem;
}

@media screen and (max-width:1023px){
	#app_renew .worddelay p{
		font-size: 40px;
	}
	#app_renew .worddelay p:nth-child(2){
		font-size:70px;
	}
}

/***** .pagenation ******/
#app_renew .pagenation {
	width: 100%;
	padding: 0 0 100px;
}
#app_renew #sec1,
#app_renew #sec2,
#app_renew #sec3,
#app_renew #sec4,
#app_renew #sec5,
#app_renew #sec6{
	position:relative;
	padding-top:120px;
}

@media (orientation: portrait) and (max-width:767px){

	#app_renew .pagenation {
		padding: 0 0 60px;
	}
	#app_renew #sec1,
	#app_renew #sec2,
	#app_renew #sec3,
	#app_renew #sec4,
	#app_renew #sec5,
	#app_renew #sec6{
		position:relative;
		padding-top: 60px;
	}
	#app_renew #sec6{
		padding-bottom: 0;
	}

}

#app_renew #sec1 { background:#f7f7f7; }
#app_renew #sec2 { background:#fff; }
#app_renew #sec3 { background:#f7f7f7; }
#app_renew #sec4 { background: #fff; }
#app_renew #sec5 { background:#f7f7f7; }
#app_renew #sec6 { background: #fff; }

#app_renew .pagenation .cont{
	width:100%;
  display: flex;
  align-items: center;
	-webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
#app_renew .pagenation .cont .cont_wrap{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#app_renew .pagenation .cont_wrap .cont_inner .worddelay{
	font-family: 'Zen Maru Gothic', sans-serif;
	max-width:670px;
}
#app_renew .pagenation .cont_wrap .cont_inner .worddelay p{
	font-size:45px;
	font-weight:normal;
	line-height:1.5;
	display:inline-block;
	letter-spacing: 2px;
}
#app_renew .pagenation .cont_wrap .cont_inner .worddelay p.large{
	color:#ff7c3d;
	font-size:64px;
	min-width:1em;
	margin-top:-0.4em;
	display:inline-block;
	vertical-align:top;
}
#app_renew .pagenation .cont .cont_wrap .formobile{
	max-width: 304px;
	margin-right: 80px;
}
@media screen and (max-width:1199px){
	#app_renew .pagenation .cont .cont_wrap .cont_inner{
		max-width:calc(100% - 400px);
		margin-left:30px;
	}
	#app_renew .pagenation .cont .cont_wrap .formobile{
		max-width:264px;
		margin-left:30px;
	}
	#app_renew .pagenation .cont_wrap .cont_inner .worddelay{
		max-width:100%;
	}
	#app_renew .pagenation .cont_wrap .cont_inner .worddelay p{
		font-size:4vw;
	}
	#app_renew .pagenation .cont_wrap .cont_inner .worddelay p.large{
		font-size:6vw;
		min-width:1em;
		margin-top:-0.4em;
	}
}
@media screen and (max-width:1023px){
	#app_renew .pagenation .cont{
		height:auto;
		position:static;
	}
	#app_renew .pagenation .cont .cont_wrap{
		height:auto;
		overflow:hidden;
	}
	#app_renew .pagenation .cont .cont_wrap .cont_inner{
		max-width:100%;
	}
	#app_renew .pagenation .cont .cont_wrap .formobile{
		max-width:33%;
		margin-right:4%;
	}
	#app_renew .pagenation .cont .cont_wrap .cont_inner .worddelay{
		max-width:100%;
		justify-content:center;
	}
	#app_renew .pagenation .cont .cont_wrap .cont_inner .worddelay p{
		font-size:28px;
		letter-spacing:-1px;
	}
	#app_renew .pagenation .cont .cont_wrap .cont_inner .worddelay p.large{
		font-size:54px;
	}
}
@media screen and (max-width:767px){
	#app_renew #sec2, #app_renew #sec3, #app_renew #sec4{
		padding-top:30px;
	}
	#app_renew .pagenation .cont .cont_wrap .cont_inner{
		margin-left:0;
	}
	#app_renew .pagenation .cont .cont_wrap .cont_inner .worddelay p{
		font-size: 24px;
		letter-spacing: 1px;
	}
	#app_renew .pagenation .cont .cont_wrap .cont_inner .worddelay p.large{
		font-size:33px;
		min-width:1em;
		margin-top:-0.2em;
	}
}
@media (orientation: portrait) and (max-width:767px){
	#app_renew .pagenation .cont{
		display:block;
		position:static;
		height:auto;
	}
	#app_renew .pagenation .cont .cont_wrap{
		display:block;
		height:auto;
		text-align:center;
	}
	#app_renew .pagenation .cont .cont_wrap .cont_inner{
		max-width:100%;
		padding:0;
		position: relative;
		left:0;
		top:0;
		transform: translate(0, 0);
		margin-bottom:30px;
		z-index:3;
	}
	#app_renew .pagenation .cont .cont_wrap .formobile{
		position:relative;
		padding-top:0;
		right:0;
		transform:translate(0,0);
		display:block;
		max-width:60%;
		float:none;
		margin:0 auto;
		z-index:2;
		opacity:0;
	}
}

/****** mainimg *******/

#app_renew #mainimg{
	background: linear-gradient(#f7f7f7 63%, #fff 0%);
	padding-top: 60px;
	padding-bottom: 120px;
}

@media (orientation: portrait) and (max-width:767px){

	#app_renew #mainimg{
		padding-top: 30px;
		padding-bottom: 60px;
	}

}

#app_renew .campaign_linear{
	background: linear-gradient(#f7f7f7 52%, #fff 48%) !important;
}
#app_renew #mainimg .cont .main_txt{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 28px;
	padding: 16px;
	margin:0 auto 80px;
	line-height:1.2;
	color:#fff;
	background:#d93981;
	border-radius: 60px;
	text-align:center;
}
#app_renew #mainimg .cont .main_txt .tab{
	display: none;
}
@media (orientation: portrait) and (max-width:768px){

	#app_renew #mainimg .cont .main_txt .tab{
		display: block;
	}

}

#app_renew #mainimg .cont .main_txt span{
	font-size: 30px;
}
#app_renew #mainimg .cont .campaign_read{
	font-size:38px;
	padding:0 0 10px;
	color:#ff7c3d;
	text-align:center;
}
#app_renew #mainimg .cont .campaign{
	font-size:24px;
	margin-bottom:35px;
	color:#fff;
	background:#ff7c3d;
	border-radius:31px;
	border:5px solid #ff7c3d;
	display:flex;
	justify-content:space-between;
	position:relative;
}
#app_renew #mainimg .cont .campaign .campaign_txt{
	display:block;
}
#app_renew #mainimg .cont .campaign .campaign_txt br{
	display:none;
}
#app_renew #mainimg .cont .campaign .campaign_txt:first-child{
	color:#ff7c3d;
	background:#fff;
	border-radius:31px;
	padding:0 30px;
}
#app_renew #mainimg .cont .campaign .campaign_txt:last-child{
	width:64%;
	padding:0 20px;
	text-align:center;
}
#app_renew #mainimg .cont .cont_wrap{
	display:flex;
	justify-content:space-around;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner{
	text-align:center;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner .dot_txt{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 50px;
	text-align:center;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner .dot_txt .dotted{
	font-size: 90px;
	/*font-weight:bold;*/
	font-weight: 400;
	margin-top:-10px;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box1 h1{
	font-size:25px;
	margin: 40px auto 25px;
	font-family: 'Noto Sans JP', sans-serif;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box1 h1 br{
	display:none;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box{
	display:flex;
	flex-wrap: wrap;
	margin:25px auto 90px;
	justify-content:center;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box li:first-child{
	margin-right:40px;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box li a{
	height:66px;
	display:block;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box li a img{
	vertical-align:top;
}
#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box li a:hover{
	transform:scale(1.05,1.05);
}
#app_renew #mainimg .cont .cont_wrap .iphone{
	max-width:304px;
}
#app_renew #mainimg .cont .cont_wrap .iphone .iphone_slick{
	width:100%;
	position:relative;
	text-align:right;
}
#app_renew #mainimg .cont .cont_wrap .iphone .iphone_slick .iphone_inner{
	position:relative;
}
#app_renew #mainimg .cont .cont_wrap .iphone .iphone_slick .iphone_inner figure{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}
#app_renew #mainimg .cont .cont_wrap .iphone .iphone_slick .iphone_inner ul{
	width: 90%;/*88%*/
	margin-left:auto;
	margin-right:auto;
	padding-top:4%;/*6%*/
	opacity:0;
	transition: opacity .3s linear;
}
#app_renew #mainimg .cont .cont_wrap .iphone .iphone_slick .iphone_inner ul.slick-initialized{
	opacity:1;
}
#app_renew #mainimg .cont .cont_wrap .iphone .iphone_slick .iphone_inner button{
	display:none;
}

/*********** cont_appcoupon **********/
#app_renew #mainimg .cont .cont_appcoupon h2{
	position: relative;
	background: #ffffff;
	filter: drop-shadow(0px 4px 0px #ff7a3d);
	text-align: center;
	padding:10px 0 20px;
	margin:0 auto 40px;
	max-width:800px;
}
#app_renew #mainimg .cont .cont_appcoupon h2 .small,
#app_renew #mainimg .cont .cont_appcoupon h2 > span{
		color:#ff7c3d;
		font-weight:bold;
}
#app_renew #mainimg .cont .cont_appcoupon h2::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #ffffff transparent transparent transparent;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
}
#app_renew #mainimg .cont .cont_appcoupon p:not(.appcoupon_link):not(:last-child){
	margin-bottom:30px;
}
#app_renew #mainimg .cont .cont_appcoupon .appcoupon_txt{
	font-size:20px;
	text-align:center;
}
#app_renew #mainimg .cont .cont_appcoupon .appcoupon_img{
	max-width:590px;
	height:141px;
	background:url(../img/couponBack.png) no-repeat;
	background-size:cover;
	margin-left:auto;
	margin-right:auto;
}
#app_renew #mainimg .cont .cont_appcoupon .appcoupon_img span{
	font-size:42px;
	width:calc(590px - 80px);
	margin-left:80px;
	padding-top:50px;
	text-align:center;
	font-weight:bold;
	display:block;
}
#app_renew #mainimg .cont .cont_appcoupon .appcoupon_link{
	text-align:center;
	font-size:20px;
	margin-bottom:20px;
}
#app_renew #mainimg .cont .cont_appcoupon a{
	color:#3d9ed1;
	text-decoration:underline;
}
#app_renew #mainimg .cont .cont_appcoupon a:hover,
#app_renew #mainimg .cont .cont_appcoupon a:focus{
	text-decoration:none;
}
#app_renew #mainimg .cont .cont_appcoupon .caution{
	font-size:15px;
	padding:0 0 40px;
}
@media screen and (max-width:1199px){
	#app_renew #mainimg .cont .campaign{
		display:block;
		width:calc(100% - 80px);
		margin-left:80px;
	}
	#app_renew #mainimg .cont .campaign .campaign_txt br{
		display:block;
	}
	#app_renew #mainimg .cont .campaign .campaign_txt:first-child{
		font-size:18px;
		padding:18px 0;
		width: 130px;
		height: 130px;
		line-height:1.6;
		border-radius: 50%;
		text-align: center;
		position:absolute;
		left:-80px;
		top:50%;
		transform:translate(0, -50%);
		border:2px solid #ff7c3d;
	}
	#app_renew #mainimg .cont .campaign .campaign_txt:last-child{
		width:auto;
		padding:0 20px 0 50px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box1 h1{
		margin:0 auto 25px;
	}
}
@media screen and (max-width:1199px){
	#app_renew #mainimg .cont .cont_wrap .iphone{
		max-width:264px;
		margin:30px 4%;
	}
}
@media screen and (max-width:1023px){
	#app_renew #mainimg .cont .main_txt{
		font-size:30px;
	}
	#app_renew #mainimg .cont .campaign_read{
		font-size:30px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .dot_txt{
		font-size: 30px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .dot_txt .dotted{
		font-size: 80px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box1 h1{
		font-size:25px;
		margin:40px auto 25px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box{
		margin:25px auto 50px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box li:first-child{
		width:40%;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box li:nth-child(2){
		width:calc(calc(100% - 40px) - 40%);
	}
	#app_renew #mainimg .cont .cont_wrap .iphone{
		max-width:33%;
		margin:0 4% 4%;
	}
	#app_renew #mainimg .cont .cont_appcoupon .appcoupon_txt{
		font-size:15px;
	}
}
@media screen and (max-width:768px){

	#app_renew #mainimg .cont .cont_wrap .cont_inner .dot_txt .dotted{
		font-size: 65px;
	}

}
@media screen and (max-width:767px){
	#app_renew #mainimg .cont .main_txt{
		font-size: 18px;
		border-radius: 90px;
		line-height: 1.8;
		margin: 0 auto 40px;
	}
	#app_renew #mainimg .cont .main_txt span{
		font-size: 20px;
	}

	#app_renew #mainimg .cont .campaign_read{
		font-size:22px;
	}
	#app_renew #mainimg .cont .campaign{
		width:calc(100% - 30px);
		margin-left:30px;
		border-radius:20px;
	}
	#app_renew #mainimg .cont .campaign .campaign_txt:first-child{
		font-size:14px;
		padding:8px 0;
		width: 90px;
		height: 90px;
		line-height:1.6;
		left:-40px;
	}
	#app_renew #mainimg .cont .campaign .campaign_txt:last-child{
		font-size:14px;
		padding:0 10px 0 50px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .dot_txt.worddelay p{
		font-size: 30px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .dot_txt.worddelay .dotted{
		font-size: 58px;
		margin-top:0;
	}
	#app_renew #mainimg .cont .cont_appcoupon h2{
		font-size:22px;
		line-height:1.3;
	}
	#app_renew #mainimg .cont .cont_appcoupon .appcoupon_txt{
		font-size:15px;
		text-align:left;
	}
	#app_renew #mainimg .cont .cont_appcoupon .appcoupon_link{
		font-size:15px;
	}
	#app_renew #mainimg .cont .cont_appcoupon .caution{
		font-size:12px;
	}
}
@media (orientation: landscape) and (max-width:767px){
	#app_renew #mainimg .campaign_read{
		padding:10px 0 30px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box1 h1{
		font-size:16px;
		margin:40px auto 15px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner figure{
		width:60px;
		margin:0 auto 15px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box{
		margin:15px auto 50px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box li:first-child{
		margin-right:15px;
	}
}
@media (orientation: portrait) and (max-width:767px){
	#app_renew #mainimg .cont .cont_wrap{
		display:block;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box1{
		margin-top:20px;
		display:flex;
		flex-direction:row-reverse;
		justify-content:center;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box1 h1{
		font-size:16px;
		margin:0 0 0 15px;
		text-align:left;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner figure{
		width:47px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box1 h1 br{
		display:block;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box{
		display:flex;
		margin:15px auto;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box li:first-child{
		margin-right: 15px;
		margin-bottom:15px;
	}
	#app_renew #mainimg .cont .cont_wrap .cont_inner .cont_box li a{
		height:70px;
		display:block;
	}
	#app_renew #mainimg .cont .cont_wrap .iphone{
		max-width: 60%;
		margin:30px auto 40px;
	}
}
@media screen and (max-width:600px){
	#app_renew #mainimg .cont .cont_appcoupon .appcoupon_img{
		aspect-ratio:59 / 14;
		max-width:100%;
		height:auto;
		overflow:hidden;
		margin-bottom:20px !important;
	}
	#app_renew #mainimg .cont .cont_appcoupon .appcoupon_img span{
		font-size:7vw;
		width:87%;
		margin-left:13%;
		padding-top:10%;
	}
}
/****** #sec1 ******/
#app_renew #sec1{
	position:relative;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#app_renew #sec1 h2{
	width:100%;
	line-height:1.5;
	font-size:26px;
	color:#ff7c3d;
	text-align:center;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
#app_renew #sec1 h2 .h2wrap{
	padding:30px 0 30px;
	display:block;
}
@media screen and (max-width:1023px){
	#app_renew #sec1 h2{
		padding-top:20px;
		margin-bottom:40px;
		padding-top:0;
		height:auto;
	}
}
@media screen and (max-width:767px){
	#app_renew #sec1 h2{
		font-size:20px;
		margin-bottom:0;
	}
	#app_renew #sec1 h2 .layout{
		padding-left:8px;
		padding-right:8px;
	}
}

/****** #sec3 ******/
#app_renew #sec3 .cont_delay{
	max-width:670px;
	text-align:center;
	padding-top:40px;
	margin:0 auto;
}
@media screen and (max-width:1199px){
	#app_renew #sec3 .cont_delay{
		max-width:calc(100% - 320px);
	}
}
@media screen and (max-width:1023px){
	#app_renew #sec3 .cont_wrap .cont_inner .cont_delay{
		max-width:60%;
	}
}
@media (orientation: landscape) and (max-width:767px){
	#app_renew #sec3 .cont_wrap .cont_inner .cont_delay{
		max-width:130px;
	}
}
@media (orientation: portrait) and (max-width:767px){
	#app_renew #sec3 .cont_wrap .cont_inner{
		padding-top:0;
	}
	#app_renew #sec3 .cont_wrap .cont_inner .cont_delay{
		position:absolute;
		right:20px;
		top:110px;
		max-width:130px;
		padding-top:0;
	}
}

/****** #sec6 ******/
#app_renew #sec6{
	position:relative;
}
#app_renew #sec6 .cont_wrap .cont_inner .worddelay{
	justify-content:center;
	text-align:center;
}
#app_renew #sec6 .cont_wrap .cont_inner .cont_delay{
	width: 670px;
	text-align:center;
}
#app_renew #sec6 .cont_wrap .cont_inner .cont_delay > .cont_txt{
	font-family: 'Zen Maru Gothic', sans-serif;
	color:#c7a955;
	font-size:70px;
	line-height:1.2;
}
#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box1 .cont_txt{
	font-size:25px;
	margin:20px auto 25px;
	font-family: 'Noto Sans JP', sans-serif;
}
#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box{
	display:flex;
	flex-wrap: wrap;
	margin: 50px auto 25px;
	justify-content:center;
}
#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box li:first-child{
	margin-right:40px;
}
#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box li a{
	height:66px;
	display:block;
}
#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box li a img{
	vertical-align:top;
}
#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box li a:hover{
	transform:scale(1.05,1.05);
}
@media screen and (max-width:1199px){
	#app_renew #sec6 .cont_wrap .cont_inner{
		max-width:calc(100% - 400px);
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay{
		width:100%;
		text-align:center;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay > .cont_txt{
		font-size:60px;
	}
}
@media screen and (max-width:1023px){
	#app_renew #sec6 .cont_wrap .cont_inner{
		padding-top:0;
		max-width:calc(100% - 44%);
	}
	#app_renew #sec6 .cont_wrap .cont_inner .worddelay{
		width: 100%;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay{
		max-width:100%;
		text-align:center;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay > .cont_txt{
		font-size: 45px;
	}
	#app_renew #sec6 .cont .cont_wrap .cont_inner .cont_box li:first-child{
		width:40%;
	}
	#app_renew #sec6 .cont .cont_wrap .cont_inner .cont_box li:nth-child(2){
		width:calc(calc(100% - 40px) - 40%);
	}
}
@media screen and (max-width:768px){

	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay > .cont_txt {
		font-size: 42px;
	}

}
@media screen and (max-width:767px){
	#app_renew #sec6 .cont_wrap .cont_inner{
		padding-top:0;
		max-width:100%;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .worddelay{
		margin-bottom: 15px;
	}
	#app_renew #mainimg .cont .cont_inner .dot_txt.worddelay p{
		font-size: 30px;
	}
	#app_renew #mainimg .cont .cont_inner .dot_txt.worddelay .dotted{
		font-size: 60px;
		margin-top:0;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay > .cont_txt{
		font-size: 35px;
		line-height:1.5;
		margin-bottom: 30px;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box1{
		display:flex;
		flex-direction:row-reverse;
		justify-content:center;
		margin-bottom: 30px;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box1 .cont_txt{
		font-size:16px;
		margin:0 0 0 15px;
		text-align:left;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay figure{
		width:47px;
	}
}
@media (orientation: landscape) and (max-width:767px){

	#app_renew #sec6 .cont{
		display:block;
	}

}

@media (orientation: portrait) and (max-width:767px){

	#app_renew #sec6 .cont_wrap .cont_inner{
		padding:0;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay{
		max-width:100%;
	}

	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box{
		display:flex;
		margin:15px auto;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box li:first-child{
		margin-right: 15px;
		margin-bottom:15px;
	}
	#app_renew #sec6 .cont_wrap .cont_inner .cont_delay .cont_box li a{
		height:70px;
		display:block;
	}
	#app_renew #sec6 .cont_wrap .formobile{
		display:none !important;
	}
}

/*--------------------------------------------------------*/

#app_renew div.point{
	color: #c7a955;
	font-weight: bold;
	letter-spacing: 2px;
}

#app_renew div.point small{
	font-size: 25px;
}

#app_renew div.point span{
	font-size: 80px;
	line-height: 1;
}

@media (orientation: portrait) and (max-width:767px){

	#app_renew div.point{
		margin-bottom: 10px;
	}

	#app_renew div.point span{
		font-size: 60px;
	}

}
/*----------ローンチ時Android向け不具合----------------------*/

#app_renew .cont .cont_wrap .cont_inner .cont_box .android_caution{
	width:80%;
}
#app_renew .cont .cont_wrap .cont_inner .cont_box .android_caution p{
	font-size:13px;
	margin-top:20px;
	padding:10px;
	border:2px solid #eee;
}
@media screen and (max-width:1023px){
	#app_renew .cont .cont_wrap .cont_inner .cont_box .android_caution{
		width:100%;
	}
}
@media (orientation: portrait) and (max-width:767px){
	#app_renew .cont .cont_wrap .cont_inner .cont_box .android_caution p{
		margin-top:-15px;
	}
}