@charset "utf-8";

.requestLink:hover{
	color:#ea5529;
	text-decoration:underline;
    font-weight: bold;
	}

.requestLink:link,
.requestLink:active,
.requestLink:visited{
	color:#ea5529;
    font-weight: bold;
	}

#contentWrap .btmP{
	padding-bottom:20px;
	}

#contentWrap .topP{
	padding-top:20px;
	}

#contentWrap {
	max-width:860px;
	margin: 0 auto;
	font-size:1.5rem;
	}

#contentWrap .mainArea{
	text-align:left;
	line-height:1.6;
	color:#333;
	}
	
#contentWrap section{
	background-color:#fff;
	padding:8% 5%;
	margin-bottom:20px;
	}

#contentWrap section h2{
	font-size:2.4rem;
	font-weight:bold;
	}


#contentWrap section .requestTtl{
	border-top:3px solid #e5e5e5;
	margin:20px 0 0;
	padding:20px 20px 0;
	text-align:center;
	max-width:760px;
	}

/*----------使い方--------*/
.howtoArea p, .howtoArea2 p, .howtoArea3 p{
	padding:5px 0 5px;
	}

/*----------使い方03--------*/
.howtoArea3 img{
	max-width:388px;
	}

/*----------その他--------*/

#contentWrap section .otherImg{
	padding:20px 0;
	max-width:604px;
	margin:0 auto;}


/*----------コピラ系--------*/
.copyTex{
	margin-top:10px;
	padding:2%;
	font-size:1.1rem;
	background:#fff;
	text-align:left;}

.updateText{
	text-align: center;
	font-size: 1.2rem;
	margin: 20px 0;
	}

#copy .btnArea {
	font-weight: bold;
	padding: 0;
	cursor: pointer;
}

/* ▼スマホのみ(956px以下)適用▼ */
@media screen and (max-width: 956px) {

.howtoArea img, .howtoArea2 img{
	max-width:388px;
	padding-bottom:35px;
	}

.howtoArea div, .howtoArea3 div{
	padding-top:0px;
	text-align:center;
	}

.howtoArea2 div{
	padding-top:30px;
	text-align:center;
	}
	
#contentWrap section .tex{
	padding-top:5px;
	}
}

/* ▼PCのみ(960px以上)適用▼ */
@media screen and (min-width: 960px) {
#contentWrap section{
	background-color:#fff;
	padding:30px 0 30px 3.5%;
	margin-bottom:20px;
	}
	
.howtoArea, .howtoArea2, .howtoArea3{
	background-color:#fff;
	/*display:table;*/
	font-size:1.5rem;}

.howtoArea img, .howtoArea2 img{
	padding-bottom:15px;}
	
/*----------使い方01--------*/

.howtoAreaL{
	position:relative;
	max-width:388px;
	display:table-cell;
	vertical-align:top;
	}

.howtoAreaR{
	position:relative;
	max-width:340px;
	display:table-cell;
	padding-left:70px;
	padding-top:30px;
	}

.howtoAreaL .howtoTex01{
	position:absolute;
	top:50px;
	width:220px;}

.howtoAreaR .howtoTex02{
	position:absolute;
	top:55px;
	right:0;
	width:180px;}

.howtoAreaR .howtoTex03{
	position:absolute;
	bottom: 100px;
	width: 205px;
}

/*----------使い方02--------*/
.sarchImg{
	padding-top:110px;}

.howtoAreaL2{
	position:relative;
	max-width:420px;
	display:table-cell;
	vertical-align:top;
	}

.howtoAreaR2{
	position:relative;
	max-width:342px;
	display:table-cell;
	padding-left:40px;
	}

.howtoAreaL2 .howtoTex01{
	position:absolute;
	top:50px;}

.howtoAreaR2 .howtoTex02{
	position:absolute;
	top:80px;
	right:0;
	width:190px;}

.howtoAreaR2 .howtoTex03{
	position:absolute;
	bottom: 90px;
	width: 210px;
}


/*----------使い方03--------*/
.howtoAreaL3{
	max-width:388px;
	display:table-cell;
	}

.howtoAreaL3 img, .howtoAreaR3 img{
	padding-bottom:5px;
	}

.howtoAreaR3{
	max-width:370px;
	display:table-cell;
	padding-left:50px;
	}

.howtoAreaL3 .howtoTex01{
	padding-top:15px;
	padding-bottom:10px;}

.howtoAreaR3 .howtoTex02{
	padding-bottom:10px;}
	
/*----------その他--------*/
#contentWrap section .otherImg{
	padding:5px 0 20px;
	max-width:604px;
	margin:0 auto;}

#contentWrap section .tex{
	padding-top:10px;
	padding-right:3.5%;
	}

}