@charset "UTF-8";
/*外注中の仮入力*/

.nav {
	color: #000;
	background: #fff;
	margin: 0 0 0 auto;
	padding: 1em;
}
.inner{
	/* max-width: 1280px; */
}
.icn_windows img{
	width: 0.8em;
	vertical-align: middle;
	margin-left: 0.3em;
}
.s2 .inner{
	background: url(images/s4_01.png) no-repeat center bottom / 70%;
	padding-bottom: 70%;
}
.s2 .h4 img{
	width: 100px;
}
.s2 .appbtn .icn a{
	width: 60%;
	margin: 5% auto 0;
	display: block;
	color: #333333;
}
.s2 .icn_windows a{
	border: 2px solid;
	border-radius: 30px;
	font-size: 1.5rem;
	padding: 0.25em;
}

.for-pc { display:block; }
.for-sp { display:none; }



/*----------------------
スマホ以下
----------------------*/

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

/*----------------------
タブレット以上
----------------------*/

@media screen and (min-width: 768px) {
	.s2 .inner{
		background: url(images/s4_01.png) no-repeat left bottom / 40%;
		padding-bottom: 0%;
	}
	.s2 .inner_main{
		width: 65%;
		margin: 0 0% 0 auto;
		padding-bottom: 15%;
	}
	.s2 .appbtn{
		max-width: calc(25em * 1.5);
		margin: 0 auto;
	}
	.s2 .appbtn .icn a{
		width: 100%;
		font-size: 2vw;
	}
	.s2 .appbtn .icn img{
		height: 55px;
	}
	.s2 .appbtn .icn.icn_windows img{
		height: auto;
	}
	.icn_windows{
		position: relative;
	}
	.s2 .appbtn .icn a{
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}
}

/*----------------------
wider than square pd
----------------------*/

@media screen and (min-width: 1280px) {
	.s2 .br{
		display: none;
	}
	.s2 .appbtn .icn a{
		font-size: 1.5em;
	}
}

/*----------------------
PC以上
----------------------*/

@media screen and (min-width: 1600px) {
	.s2 .inner_main {
		width: 60%;
	}
}

/*240304追加*/
.android_btn{
	display: block;
	border-radius: 5px;
	background-color: #000;
	margin: 10px auto;
	width: 20em;
	text-align: center;
	padding: 0.5em 0;
	font-size: 1.2em;
}