@charset "UTF-8";
/* ------------------------------
固定ページ「プレサポート会員」
------------------------------ */
.page-pss #header .pageTTL span.label{
	position: static;
	display: inline-block;
	padding:10px 20px;
	font-size:16px;
	font-size:1.6rem;
	font-family:'Roboto',"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif;
	border:solid 1px #fff;
}
.page-pss #header .pageTTL span.label:before{
	border-bottom: solid 0 #fff;
}
.page-pss #header .pageTTL{
	top: 175px;
}
.page-pss #header .pageTTL strong{
	top: 70px;
}

.page-pss .copy {
	padding:90px 5% 80px 5%;
	text-align: center;
}
.page-pss .copy h2{
	margin-bottom: 40px;
	font-size:27px;
	font-size:2.7rem;
	font-weight: normal;
	letter-spacing: 0.2em;
}
.page-pss .copy h2 strong{
	display: inline-block;
	margin-top: 30px;
	font-size:36px;
	font-size:3.6rem;
}
.page-pss .copy p{
	margin-bottom: 50px;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing: 0.15em;
}
.page.page-pss #main .copy a.btn{
	max-width: 320px;
}
.page.page-pss #main .copy a.btn{
	margin:0px auto;
	color: #fff;
	border: solid 0px #000;
	
	background-color: #0fae78;
	background-image: url(../img/arrow_white_right.png);
}
.page.page-pss #main .copy a.btn:hover{
	background-color: rgba(15, 174, 120, 0.7);
}

.pss5pointWrap{
	max-width: 1170px;
	margin:0 auto;
	padding-top: 65px;
	padding-bottom:50px;

	color: #fff;

	background-image: url(../img/page-pss_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50% ;

	text-align: center;

}
.pss5pointWrap h3{
	position: relative;
	margin-bottom:60px;
	padding:0 3%;
	font-size:22px;
	font-size:2.2rem;
	letter-spacing: 0.2em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
.pss5pointWrap h3:before{
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: " ";
	border-bottom: solid 1px #fff;
	width: 15px;
}
.pss5pointWrap h3 strong{
	font-size:31px;
	font-size:3.1rem;
}
.pss5pointWrap ul{
	max-width: 60%;
	margin: 0 auto;
}
.pss5pointWrap li{
	list-style: none;
	padding: 40px 20px  40px 120px;
	margin-bottom: 4px;
	background-color: #fff;
	color: #0fae78;
	font-size:22px;
	font-size:2.2rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: left;

	background-repeat: no-repeat;
	background-size: auto 35px ;
	background-position: 30px 50% ;
}
.pss5pointWrap li.point01{
	background-image: url(../img/page-pss_point01.png);
}
.pss5pointWrap li.point02{
	background-image: url(../img/page-pss_point02.png);
}
.pss5pointWrap li.point03{
	background-image: url(../img/page-pss_point03.png);
}
.pss5pointWrap li.point04{
	background-image: url(../img/page-pss_point04.png);
}
.pss5pointWrap li.point05{
	background-image: url(../img/page-pss_point05.png);
}

.pssPointList {
	margin-bottom: 50px;
}
.pssPointList li{
	position: relative;
	list-style: none;
	padding:90px 0 70px 0;
	border-bottom: solid 1px #ececec;
	text-align: center;
}
.pssPointList li h3{
	position: relative;
	margin-bottom: 50px;
	font-size:22px;
	font-size:2.2rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #0fae78;
	text-align: center;
}
.pssPointList li h3:before{
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	content: " ";
	border-bottom: solid 1px #0fae78;
	width: 15px;
}
.pssPointList p{
	max-width: 700px;
	margin:0 auto;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing: 0.1em;
	text-align: center;
}
.pssPointList li.point01 img{
	max-width: 650px;
	width: 80%;
}
.page.page-pss #main .pssPointList li a.btn{
	max-width: 310px;
	margin:45px auto 0px auto;
	color: #fff;
	border: solid 0px #000;
	
	background-color: #5b1aa5;
	background-image: url(../img/arrow_white_right.png);
}
.page.page-pss #main .pssPointList li a.btn:hover{
	background-color: rgba(15, 174, 120, 0.7);
}
.pssPointList li.point03 img{
	max-width: 325px;
	width: 100%;
	margin-top: 60px;
}

.pssPointList li.point04 .text img{
	width: 100%;
	max-width: 150px;
	float: left;
	margin-right: 45px;
}
.pssPointList li.point04 .text{
	max-width: 700px;
	margin:60px auto 0 auto;
}
.pssPointList li.point04 h4{
	margin-top: 20px;
	margin-bottom: 25px;
	font-size:19px;
	font-size:1.9rem;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #0fae78;
	line-height: 1.7;
	text-align: left;
}
.pssPointList li.point04 .text p{
	width: 100%;
	max-width: 100%;
	text-align: left;
}
.pssPointList li span.point {
	position: absolute;
	top: 0px;
	left:100px;
	display: block;
	border:solid 1px #0fae78;
	padding:20px 15px;
}
.pssPointList li span.point img{
	width: auto;
	height: 35px;
	margin-top: 0px;
}
/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1170px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1170px) {

.pss5pointWrap{
	margin:0 5%;
}
.pss5pointWrap ul{
	max-width: 90%;
	margin: 0 auto;
}



}

/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

@media screen and (max-width: 768px){
.page-pss #header .pageTTL span.label{
	padding:5px 10px;
	font-size:13px;
	font-size:1.3rem;
}
.page-pss .copy{
	padding:40px 3%;
	text-align: left;
}
.page-pss .copy h2{
	margin-bottom:20px;
	font-size:20px;
	font-size:2.0rem;
	line-height: 1.5;
}
.page-pss .copy h2 strong{
	display: inline-block;
	margin-top: 10px;
	font-size:26px;
	font-size:2.6rem;
}
.page-pss .copy p{
	margin-bottom:30px;
}

.pss5pointWrap h3{
	line-height: 1.6;
}
.pss5pointWrap h3 strong{
	display: block;
}
.pss5pointWrap{
	margin:0 0;
}

.pss5pointWrap li{
	padding: 20px 20px  20px 60px;
	font-size:16px;
	font-size:1.6rem;

	background-repeat: no-repeat;
	background-size: auto 25px ;
	background-position: 15px 50% ;
}


.pssPointList li{
	padding:40px 0 40px 0;
}
.pssPointList li span.point {
	position: static;
	width: 20%;
	min-width: 100px;
	margin: 20px auto;
}
.pssPointList li.point04 .text img{
	width: 100%;
	max-width: 150px;
	float: none;
	margin-right: 0;
}
.pssPointList p{
	text-align: left;
}


}