body{   
}

#head{display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
	align-items: flex-end;
width: 100%;
padding: 10px;
box-sizing: border-box}
#head .logo img{
	width: 170px
}
#head .back img{
	width: 130px
}

#wrap{

}
h1{

}
h1 img{
	width: 100%
}
.spInner{
	margin: 0 10px
}
p.step{
	margin: 20px auto
}
p.step img{
	width: 100%
}
h2.band{
	background: #E60012;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	padding: 0.5em 0.1em;
	text-align: center;
	margin: 30px 0;
	line-height: 1.2
}
.dlBox{
	border: 2px solid #E60012;
	padding: 10px;
	box-sizing: border-box;
	margin: 30px 0
}

.iconArea{
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

}
.iconArea .appicon{
	margin-right: 10px
}
.iconArea .appicon img{
	width: 50px
}
.iconArea .appTxt{
	font-size: 1.0em;
	line-height: 1.3;
	font-weight: bold
}
.iconArea .appTxt span{
	font-size: 0.6em;
	line-height: 1.4;
	font-weight: normal;
	display: block;
	margin-top: 0.5em;
	    text-indent: -1.0em;
    padding-left: 1.0em;
}
.appDl{
/*	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;*/
}
.dlArea{
	width: 100%
}
p.dlTxt{
	color: #E70012;
	border: 2px solid #E70012;
	background-color: #FFF000;
	font-weight: bold;
	font-size: 1.0em;
	padding: 0.5em 0.1em;
	text-align: center;
	margin: 20px 45px 10px 45px
}
p.dlImg{
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
	align-items: center;
}
.linkImg{
	width: 72%;
    margin: 0 auto;
}
.linkImg img{
	width: 100%
}
/*.qrImg{
	width: 25%
}
.qrImg img{
	width: 100%
}*/
p.indent{
	    text-indent: -1.0em;
    padding-left: 1.0em;
	line-height: 1.5
}
ul.mt1em{
	margin-top: 1em
}
ul.indentLi{
	margin-left: 1em
}
ul.indentLi li{	  /*  text-indent: -1.0em;
    padding-left: 1.0em;*/
	line-height: 1.5;
list-style-type: disc;
margin-bottom: 0.5em}
/*a.btnRadius{
	display: block;
	border-radius: 40px;
	text-decoration: none;
	color: #fff;
 max-width: 300px;
	text-align: center;
	box-sizing: border-box;
	margin: 0 auto;
	font-weight: bold;

}
a.borderRadiusBtn{text-decoration: none;
	border: 1px solid;
	border-radius: 6px;
		text-align: center;
	margin-bottom: 20px;
	color: #000;
	background-image: url(../img/mypage/arow_red.png);
	background-repeat: no-repeat;
	background-position: left 18px center;
	background-size: 7px;
	padding: 12px 10px 12px 35px;
	display: block;
	box-sizing: border-box;
	border: 1px solid;
	border-radius: 6px;
	text-align: left;
}
a.monoBtn{background: #969494;}
a.catchyBtn{background:#EA6D0D;}
a.decisionBtn{background:#535353;}

.fsSmall { font-size: 0.8em; padding: 0.8em; }
.fsMedium { font-size: 0.9em; padding: 1.05em 1.4em; }
.fslarge { font-size: 1.2em; padding: 0.7em 0; }
a.w100p{
	width: 100%
}*/
h2.headingMiddle {
	position: relative;
	padding-bottom: 0.8em;
	border-bottom: 3px solid #DDD;
	font-size:1.125em;
	font-weight: bold;
	margin-bottom: 20px;
	
	line-height: 1.3
}
h2.headingMiddle::after {
	position: absolute;
	content: " ";
	border-bottom: solid 3px #E5002D;
	bottom: -3px;
	width: 10.5%;
	display: block;
}
footer{
	margin-top: 40px
}
footer p{
	text-align: center;
	margin: 30px auto;
	font-size: 11px
}
.pc-only{
	display: none
}
.sp-only{
	display: block
}
@media screen and (max-width:320px) {#head .logo img{
	width: 150px
}
#head .back img{
	width: 115px
} 
}