@charset "UTF-8";

/**********************************************************************************************

　全体

**********************************************************************************************/
.mod-freeHTML{ font-size:1.143em; max-width:1200px; margin:0 auto 80px; }
.mod-freeHTML h1{ margin:0; }
.mod-freeHTML ul{ margin:0; padding:0; list-style:none; }
.mod-freeHTML #fixedArea img{ display:block; vertical-align:bottom; }
.mod-freeHTML p{ margin:0; }
.mod-freeHTML .area-main{ position:relative; margin:0 auto; width:100%; }
.mod-freeHTML .ulMainImg01{ position:absolute; }
.mod-freeHTML .taC { text-align:center; }
.mod-freeHTML a{ color:#E20012; text-decoration:underline; }
@media all and (min-width: 641px) {
.mod-freeHTML .u-sp{ display:none; }
.mod-freeHTML img{ max-width:100%; }
}
@media screen and (max-width: 640px) {
.mod-freeHTML{ font-size:1em; margin-bottom:10%; }
.mod-freeHTML img{ max-width:100%; height:auto; display:block; }
.mod-freeHTML .area-main{ margin:0 auto; width:100%; }
.mod-freeHTML .u-pc{ display:none; }
}
/**********************************************************************************************

　area-main

**********************************************************************************************/
.mod-freeHTML .area-main{
	position:relative;
}
.mod-freeHTML .area-main .pBtn01{
	position:absolute;
	top:0;
	left:50%;
	margin:127px 0 0 -310px;
	background:#FFFFFF;
}
/**********************************************************************************************

　area-dl

**********************************************************************************************/
.mod-freeHTML .area-dl{
	background:#FFFFFF;
	text-align:center;
}
@media all and (min-width: 641px) {
.mod-freeHTML .area-dl{
	padding:20px 0;
}
}
/**********************************************************************************************

　area-btn

**********************************************************************************************/
.mod-freeHTML .area-btn{
	background:#000000;
	padding-bottom:30px;
	margin-bottom:90px;
	text-align:center;
}
.mod-freeHTML .area-btn .pArrow img{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.mod-freeHTML .ulDl01{
	width:100%;
	max-width:966px;
	text-align:center;
	margin:0 auto 20px;
	padding-top:40px;
}
.mod-freeHTML .ulDl01 li{
	margin-top:25px;
	letter-spacing:-.40em;
}
.mod-freeHTML .ulDl01 li:first-child{
	margin-top:0;
}
.mod-freeHTML .ulDl01 li p{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	margin:0 2px;
}
@media all and (min-width: 641px) {
.mod-freeHTML .ulTwitter{
	width:100%;
	max-width:960px;
	text-align:right;
	margin:0 auto;
	display:table;
}
.mod-freeHTML .ulTwitter li{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.mod-freeHTML .ulTwitter li:last-child{
	width:121px;
}
}
@media screen and (max-width: 640px) {
.mod-freeHTML .area-btn{
	padding-bottom:5%;
	margin-bottom:5%;
}
.mod-freeHTML .area-btn .pArrow img{
	width:18%;
}
.mod-freeHTML .ulDl01{
	padding-top:6%;
}
.mod-freeHTML .ulDl01 li{
	margin-top:6%;
}
.mod-freeHTML .ulDl01 li p{
	width:42%;
}
.mod-freeHTML .ulDl01 li p:first-child{
	width:100%;
	margin-bottom:3%;
}
.mod-freeHTML .ulTwitter{
	letter-spacing:-.40em;
}
.mod-freeHTML .ulTwitter li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:21%;
}
.mod-freeHTML .ulTwitter li:first-child{
	width:62%;
	margin-right:3%;
}
}

/**********************************************************************************************

　area-guide

**********************************************************************************************/


/*　タイトル
--------------------------------------------------*/
.mod-freeHTML .area-guide .pTit{
	overflow: hidden;
	text-align: left;
	font-size:1.429em;
	font-weight:bold;
}
@media all and (min-width: 641px) {
.mod-freeHTML .area-guide .pTit span {
  position: relative;
	display:inline-block;
	*display:inline;
	*zoom:1;
  margin: 0 2.5em 0 0;
  padding: 0 1em 0 0;
  text-align: left;
}
.mod-freeHTML .area-guide .pTit span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 820px;
  height: 2px;
  background-color: #E20012;
  left: 100%;
}
}
@media screen and (max-width: 640px) {
	.mod-freeHTML .area-guide .pTit{
		font-size:1em;
	}
}

/*　見出し
--------------------------------------------------*/
.mod-freeHTML .area-guide .pMid {
	padding-left:1.5em;
	text-indent:-0.7em;
}
.mod-freeHTML .area-guide .pMid span{
	color:#E20012;
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:0.7em;
}
@media screen and (max-width: 640px) {
	.mod-freeHTML .area-guide .pMid{
		font-size:0.857em;
	}
}

/*　全体
--------------------------------------------------*/
.mod-freeHTML .area-guide{
	max-width:820px;
	margin:0 auto;
}
.mod-freeHTML .area-guide .divSection{
	margin-bottom:30px;
}
.mod-freeHTML .area-guide .divSection.divLast{
	margin-bottom:60px;
}
.mod-freeHTML .area-guide .ulTxt{
	margin-left:1.5em;
}
@media screen and (max-width: 640px) {
	.mod-freeHTML .area-guide{
		width:94%;
	}
	.mod-freeHTML .area-guide .divSection{
		margin-bottom:5%;
	}
	.mod-freeHTML .area-guide .divSection.divLast{
		margin-bottom:10%;
	}
}

/*　ulSeparate
--------------------------------------------------*/
.mod-freeHTML .area-guide .ulSeparate{
	letter-spacing:-.40em;
	margin-left:1.0em;
	margin-bottom:10px;
}
.mod-freeHTML .area-guide .ulSeparate li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:100%;
	vertical-align:top;
	letter-spacing:normal;
}
@media screen and (max-width: 640px) {
	.mod-freeHTML .area-guide .ulSeparate li{
		width:100%;
		font-size:0.786em;
	}
}

/*　ulAtt
--------------------------------------------------*/
.mod-freeHTML .area-guide .ulAtt li{
	font-size:0.750em;
	text-indent:-1em;
	padding-left:1em;
}
@media screen and (max-width: 640px) {
	.mod-freeHTML .area-guide .ulAtt li{
		font-size:0.714em;
	}
}
/*　ulStep01
--------------------------------------------------*/
.mod-freeHTML .ulStep01 li{
	text-align:center;
}
.mod-freeHTML .ulStep01 li p{
	margin-bottom:15px;
}
.mod-freeHTML .ulStep01 li p:last-child{
	margin-bottom:0;
}
.mod-freeHTML .ulStep01 li.liStep01{
	margin-bottom:15px;
}
.mod-freeHTML .ulStep01 li.liStep02{
	margin-bottom:70px;
}
/* area-read */
.mod-freeHTML .area-read .pProduct{
	margin-top:70px;
	text-align:center;
}
@media screen and (max-width: 640px) {
	.mod-freeHTML .ulStep01 li p{
		margin-bottom:3%;
	}
	.mod-freeHTML .ulStep01 li.liStep01{
		margin-bottom:3%;
	}
	.mod-freeHTML .ulStep01 li.liStep02{
		margin-bottom:7%;
	}
	/* area-read */
	.mod-freeHTML .area-read .ulStep01{
		width:84%;
		margin:0 auto;
	}
	.mod-freeHTML .area-read .pProduct{
		width:84%;
		margin:0 auto;
		margin-top:7%;
	}
	/* area-guide */
	.mod-freeHTML .area-guide .ulStep01{
		width:90%;
		margin:0 auto;
	}
}