@charset "utf-8";
/* ----------------------------------
メディアクエリ　モバイルレイアウト : 480pxまで
----------------------------------- */

#contentsArea{
padding:0;
}
.contentsAreaWrap{
padding-bottom: 68px;
}

.label{
margin:0 0 10px;
padding:7px;
font-size:14px;
font-weight: bold;
line-height: 1.28;
color:#895392;
text-align: center;
background: url(../images/label_bg.png) repeat left top;
-moz-background-size:10px 10px;
-webkit-background-size:10px 10px;
background-size:10px 10px;
}
.android .label{
text-shadow:1px 0 1px #895392;
}
.label span{
display: block;
padding:14px 7px;
background: #fff;
}

.contsFooterBtn .btnEntry{
width:258px;
}
.contsFooterBtn a{
width:258px;
}

.text-rmark{
    position: relative;
    margin-top: 1.5em;
    padding-left: 1em;
	font-size: 11px;
}
.text-rmark :first-child{
    position: absolute;
    left:0;
}

/* section01 */
#section01{
position: relative;
}
.section_inner{
padding:0 10px;
}
#section01 h2{
margin-top: 2em;
font-size: 13px;
text-align: left;
font-weight: 700;
line-height: 1.5;
}
#section01 p{
margin-top: 1.5em;
font-size: 11px;
line-height: 1.5;
}
#section01 .pict01,
#section01 .pict02{
	margin-top: min(5vw, 35px);
	text-align: center;
}
#section01 img{
	width: 100%;
	height: auto;
}
#section01 ul{
	margin-top: 1em;
	list-style: none;
	font-size: 11px;
}
#section01 ul li{
	margin-top: 0.25em;
	padding-left: 1.2em;
	position: relative;
	line-height: 1.5;
}
#section01 ul li:before{
	content: "●";
	position: absolute;
	left: 0;
	color:#8f8f8f;
}
:where(hr) { /* より一貫性のある、スタイリッシュなhr */
	margin-top:min(6vw, 40px);
	margin-bottom: min(6vw, 40px);
	block-size: 0;
	overflow: visible;
	color: inherit;
	border: none;
	border-block-start:#ddd 1px solid;
}
/* ----------------------------------
メディアクエリ　タブレットレイアウト : 481px　〜
----------------------------------- */
@media only screen and (min-width: 481px) {

.label{
margin:0 0 20px;
padding:14px;
font-size:24px;
background: url(../images/label_bg.png) repeat left top;
-moz-background-size:20px 20px;
-webkit-background-size:20px 20px;
background-size:20px 20px;
}
.android .label{
text-shadow:1px 0 1px #895392;
}
.label span{
display: block;
padding:14px 7px;
background: #fff;
}
.text-rmark{
	font-size: 12px;
}
#section01 h2{
margin-top: 2.5em;
font-size:16px;
}
#section01 p,
#section01 ul{
font-size: 13px;
}
#section01 p{
line-height: 1.714;
}
}

/* ----------------------------------
メディアクエリ　デスクトップレイアウト : 769px　〜
----------------------------------- */
@media only screen and (min-width: 769px) {

.contentsAreaWrap{
padding-bottom: 58px;
}
.section_inner{
padding:0 20px 20px;
}
#section01 h2{
font-size:18px;
}

}

.contsFooterBtn .btnEntry a{
	background-image:url(../images/btn_entry_sp.png);
	background-size: contain;
}
@media only screen and (min-width: 481px) {
	
	.contsFooterBtn .btnEntry{
		width: 294px;
	}
	.contsFooterBtn .btnEntry a{
		width: 294px;
		background-image:url(../images/btn_entry_pc.png);
	}
}