@charset "utf-8";
body{
	font-family: 'ヒラギノ角ゴ Pro';
	line-height: 1.8;
}
section{
	padding: 0;
}
section .inner{
	padding: 0;
	position: relative;
}
section .inner small{
	font-size: 10px;
	vertical-align: top;
}
p,li{
	line-height: 1.8;
}
img{
	max-width: 100%;
}
#Page{
	background-color: transparent;
}
.mainContents{
	padding-top: 42px;
}
.anchorPoint{
	display: block;
	height: 0;
	padding-top: 50px;
	margin-top: -50px;
}
.disp-pc{
	display: none;
}
.disp-sp{
	display: block;
}
@media screen and (min-width: 768px){
	.anchorPoint{
		padding-top: 112px;
		margin-top: -112px;
	}
	section .inner img{
		display: block;
		margin: auto;
	}
	section .inner small{
		font-size: 12px;
	}
	.mainContents{
		padding-top: 117px;
	}
	.disp-pc{
		display: block;
	}
	.disp-sp{
		display: none;
	}
}
/* 背景色 */
.bg._white{
	background-color: #FFFFFF;
}
.bg._gray{
	background-color: #FFF1F1;
}
._gray02{
	background-color: #EBEFF6;
}
/* /背景色 */
/* フォントサイズ */
.fs20{
	font-size: 5.33vw;
}
.fs17{
	font-size: 4.533vw;
}
.fs16{
	font-size: 4.2667vw;
}
.fs15{
	font-size: 4vw;
}
.fs13{
	font-size: 3.4667vw;
}
.fs12{
	font-size: 3.2vw;
}
.fs11{
	font-size: 2.933vw;
}
.fs10{
	font-size: 2.667vw;
}
._center{
	text-align: center;
}
._bold{
	font-weight: bold;
}
.color_red{
	color: #CC0033;
}
@media screen and (min-width: 768px){
	.fs20{
		font-size: 40px;
	}
	.fs17{
		font-size: 34px;
	}
	.fs16{
		font-size: 32px;
	}
	.fs15{
		font-size: 30px;
	}
	.fs13{
		font-size: 26px;
	}
	.fs12{
		font-size: 24px;
	}
	.fs11{
		font-size: 22px;
	}
	.fs10{
		font-size: 20px;
	}
}
/* /フォントサイズ */
/* マージン管理 */
.mb180{
	margin-bottom: 24vw!important;
}
.mb160{
	margin-bottom: 21.33vw!important;
}
.mb140{
	margin-bottom: 18.667vw!important;
}
.mb120{
	margin-bottom: 16vw!important;
}
.mb100{
	margin-bottom: 13.33vw!important;
}
.mb80{
	margin-bottom: 10.667vw!important;
}
.mb60{
	margin-bottom: 8vw!important;
}
.mb50{
	margin-bottom: 6.667vw!important;
}
.mb40{
	margin-bottom: 5.33vw!important;
}
.mb30{
	margin-bottom: 4vw!important;
}
.mb20{
	margin-bottom: 2.667vw!important;
}
@media screen and (min-width: 768px){
	.mb180{
		margin-bottom: 180px!important;
	}
	.mb160{
		margin-bottom: 160px!important;
	}
	.mb140{
		margin-bottom: 140px!important;
	}
	.mb120{
		margin-bottom: 120px!important;
	}
	.mb100{
		margin-bottom: 100px!important;
	}
	.mb80{
		margin-bottom: 80px!important;
	}
	.mb60{
		margin-bottom: 60px!important;
	}
	.mb50{
		margin-bottom: 50px!important;
	}
	.mb40{
		margin-bottom: 40px!important;
	}
	.mb30{
		margin-bottom: 30px!important;
	}
	.mb20{
		margin-bottom: 20px!important;
	}
}
/* /マージン管理 */
/* メインコンテンツ */
.bg{
	box-sizing: border-box;
	padding: 18.667vw 9.33vw 4.33vw;
}
.bg._pad-small{
	padding: 8.533vw 9.33vw;
}
.bg._anchor{
	padding: 17.533vw 9.33vw 10vw;
}
.bg._anchor div{
	background-color: #FFFFFF;
	border: solid 0.2667vw #C30E2E;
	border-top: none;
	padding: 8.33vw 5.33vw 6.667vw;
	position: relative;
}
.bg._anchor div::before,.bg._anchor div::after{
	content: '';
	background-color: #C30E2E;
	position: absolute;
	width: 2.334vw;
	height: 0.2667vw;
	top: 0;
}
.bg._anchor div::before{
	left: 0;
}
.bg._anchor div::after{
	right: 0;
}
.bg._anchor a{
	display: block;
}
.bg._anchor p{
	position: absolute;
	top: -5vw;
	left: 0;
	right: 0;
	margin: auto;
}
.bg._anchor p img{
	width: 100%;
}
.bg._anchor li{
	line-height: 2;
	border-bottom: solid 0.133vw #32363A;
	position: relative;
}
.bg._anchor li::after{
	content: '';
	position: absolute;
	bottom: 50%;
	right: 1vw;
	width: 2vw;
	height: 2vw;
	border-top: solid 0.133vw #32363A;
	border-right: solid 0.133vw #32363A;
	transform: rotate(135deg);
}
h2{
	margin-bottom: 16vw;
	position: relative;
}
h2::after{
	content: '';
	position: absolute;
	width: 18.667vw;
	height: 0.4vw;
	background-color: #C30E2E;
	border-radius: 0.2vw;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
h2 img{
	margin-bottom: 5.33vw;
}
h3{
	text-align: center;
	margin-bottom: 8vw;
	position: relative;
}
h3::after,h3::before{
	content: '';
	position: absolute;
	width: 4vw;
	height: 0.4vw;
	background-color: #C30E2E;
	border-radius: 0.2vw;
	top: 0;
	bottom: 0;
	margin: auto;
}
h3::before{
	left: 0;
}
h3::after{
	right: 0;
}
h4.deco_point{
	padding-left: 6.667vw;
	position: relative;
}
h4.deco_point::before{
	content: '';
	background-image: url('/beginner/img/decoImg.png');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 6.667vw;
	height: 7.0667vw;
}
.inner_example{
	padding: 6.667vw;
}
@media screen and (min-width: 768px){
	.bg{
		max-width: 980px;
		margin: auto;
		padding: 140px 70px 90px;
	}
	.bg._pad-small{
		padding: 60px 70px;
	}
	.bg._anchor{
		padding: 131.5px 70px 75px;
	}
	.bg._anchor div{
		border: solid 2px #C30E2E;
		border-top: none;
		padding: 62.5px 40px 50px;
		max-width: 610px;
		margin: auto;
	}
	.bg._anchor div::before,.bg._anchor div::after{
		width: 17.5px;
		height: 2px;
	}
	.bg._anchor p{
		top: -37.5px;
	}
	.bg._anchor p img{
		width: 100%;
	}
	.bg._anchor li{
		border-bottom: solid 1px #32363A;
	}
	.bg._anchor li::after{
		right: 7.5px;
		width: 15px;
		height: 15px;
		border-top: solid 1px #32363A;
		border-right: solid 1px #32363A;
	}
	h2{
		margin-bottom: 120px;
		position: relative;
		text-align: center;
	}
	h2::after{
		content: '';
		position: absolute;
		width: 140px;
		height: 3px;
		background-color: #C30E2E;
		border-radius: 1.5px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	h2 img{
		margin-bottom: 40px;
	}
	h3{
		text-align: center;
		margin-bottom: 60px;
		position: relative;
	}
	h3::after,h3::before{
		content: '';
		position: absolute;
		width: 30px;
		height: 3px;
		background-color: #C30E2E;
		border-radius: 1.5px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	h3::before{
		left: 0;
	}
	h3::after{
		right: 0;
	}
	h4.deco_point{
		padding-left: 50px;
	}
	h4.deco_point::before{
		width: 50px;
		height: 53px;
	}
	.inner_example{
		padding: 50px;
	}
}
/* /メインコンテンツ */
/* ポイント投資の見方 */
.circles{
	position: absolute;
	top: 0;
	left: 0;
}
.circles ul{
	position: relative;
}
.circles li{
	display: block;
	margin: 0 auto;
	border: 0.533vw solid #fff;
	background: #e4517b;
	border-radius: 50%;
	position: absolute;
	width: 5.33vw;
	height: 5.33vw;
	-moz-box-shadow: 0.8vw 0.8vw 2.4vw 0.8vw rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0.8vw 0.8vw 2.4vw 0.8vw rgba(0, 0, 0, 0.15);
	-ms-box-shadow: 0.8vw 0.8vw 2.4vw 0.8vw rgba(0, 0, 0, 0.15);
	box-shadow: 0.8vw 0.8vw 2.4vw 0.8vw rgba(0, 0, 0, 0.15);
}
.circles li.p1{
	left: 39vw;
	top: 20.5vw;
}
.circles li.p2{
	left: 48vw;
	top: 41vw;
}
.circles li.p3{
	left: 6vw;
	top: 82vw;
}
.circles li.p4{
	left: 45vw;
	top: 82vw;
}
.circles li.p5{
	left: 38vw;
	top: 115vw;
}
.balloon{
	display: none;
	position: absolute;
	-webkit-filter: drop-shadow(0px 0px 1vw rgba(0, 0, 0, 0.25));
	-moz-filter: drop-shadow(0px 0px 1vw rgba(0, 0, 0, 0.25));
	-ms-filter: drop-shadow(0px 0px 1vw rgba(0, 0, 0, 0.25));
	filter: drop-shadow(0px 0px 1vw rgba(0, 0, 0, 0.25));
	background-color: #FFFFFF;
	padding: 6.667vw 5.33vw 13.33vw 5.33vw;
	border-radius: 1vw;
	z-index: 100;
}
.balloon::before{
	content: "";
	display: block;
	position: absolute;
	top: -5.33vw;
	right: 50%;
	margin: 0 0 0 -6.133vw;
	width: 0;
	height: 0;
	position: absolute;
	border-style: solid;
	border-width: 0 0 12.2667vw 12.2667vw;
	border-color: transparent transparent #fffffd transparent;
}
.balloon.p1{
	top: 32vw;
}
.balloon.p2{
	top: 52vw;
}
.balloon.p2::before{
	right: 39%;
}
.balloon.p3,.balloon.p4{
	top: 93vw;
}
.balloon.p3::before{
	right: 73%;
	border-width: 0 12.2667vw 12.2667vw 0;
}
.balloon.p4::before{
	right: 25%;
	border-width: 0 12.2667vw 12.2667vw 0;
}
.balloon.p5{
	top: 75vw;
}
.balloon.p5::before{
	top: auto;
	right: 34%;
	bottom: -5.33vw;
	transform: rotate(180deg);
}
.balloon_close{
	position: absolute;
	top: auto;
	bottom: 4vw;
	right: 50%;
	margin: 0 -4vw 0 0;
	background: #32363a url(/images/ico-modal-close.png) no-repeat center center;
	background-size: 2.667vw;
	border: 2px solid #fff;
	border-radius: 4vw;
	width: 8vw;
	height: 8vw;
}
@media screen and (min-width: 768px){
	section .inner._circlearea{
		max-width: 610px;
	}
	.circles li{
		border: 4px solid #fff;
		width: 40px;
		height: 40px;
		-moz-box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.15);
		box-shadow: 3px 3px 9px 3px rgba(0, 0, 0, 0.15);
	}
	.circles li.p1{
		left: 292.5px;
		top: 153.75px;
	}
	.circles li.p2{
		left: 360px;
		top: 307.5px;
	}
	.circles li.p3{
		left: 45px;
		top: 615px;
	}
	.circles li.p4{
		left: 337.5px;
		top: 615px;
	}
	.circles li.p5{
		left: 285px;
		top: 862.5px;
	}
	.balloon{
		display: none;
		position: absolute;
		-webkit-filter: drop-shadow(0px 0px 7.5px rgba(0, 0, 0, 0.25));
		-moz-filter: drop-shadow(0px 0px 7.5px rgba(0, 0, 0, 0.25));
		-ms-filter: drop-shadow(0px 0px 7.5px rgba(0, 0, 0, 0.25));
		filter: drop-shadow(0px 0px 7.5px rgba(0, 0, 0, 0.25));
		background-color: #FFFFFF;
		padding: 50px 40px 100px 40px;
		border-radius: 7.5px;
		z-index: 100;
	}
	.balloon::before{
		content: "";
		display: block;
		position: absolute;
		top: -40px;
		right: 50%;
		margin: 0 0 0 46px;
		width: 0;
		height: 0;
		position: absolute;
		border-style: solid;
		border-width: 0 0 92px 92px;
		border-color: transparent transparent #fffffd transparent;
	}
	.balloon.p1{
		top: 240px;
	}
	.balloon.p2{
		top: 390px;
	}
	.balloon.p2::before{
		right: 39%;
	}
	.balloon.p3,.balloon.p4{
		top: 697.5px;
	}
	.balloon.p3::before{
		right: 73%;
		border-width: 0 92px 92px 0;
	}
	.balloon.p4::before{
		right: 25%;
		border-width: 0 92px 92px 0;
	}
	.balloon.p5{
		top: 562.5px;
		display: block;
	}
	.balloon.p5::before{
		top: auto;
		right: 34%;
		bottom: -40px;
		transform: rotate(180deg);
	}
	.balloon_close{
		position: absolute;
		top: auto;
		bottom: 30px;
		right: 50%;
		margin: 0 -30px 0 0;
		background: #32363a url(/images/ico-modal-close.png) no-repeat center center;
		background-size: 20px;
		border: 2px solid #fff;
		border-radius: 30px;
		width: 60px;
		height: 60px;
	}
}
/* /ポイント投資の見方 */
/* /slidedown/ */
._slidedown{
	display: none;
}
/* /表組みエリア/ */
table{
	border: solid 1px #32363A;
	box-sizing: border-box;
}
table th, table td{
	padding: 2.6667vw 0;
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
	border-bottom: none;
}
table th{
	color: #fff;
	background-color: #A5AEBD;
	border-right: solid 1px #EBEFF6;
}
table th:last-of-type{
	border: none;
}
table td{
	border-top: solid 1px #32363A;
	border-right: solid 1px #32363A;
}
table td:last-of-type{
	border-right: none;
}
table td a{
	color: #32363A;
	text-decoration:underline;
}

/* ページ下部FAQリンク */
.faq_link{
	display: block;
	background-color: #FFFFFF;
	border: solid 1px #6d6d6d;
	color: #6d6d6d;
	text-align: center;
	width: 100%;
	padding: 4vw 0;
	position: relative;
}
.faq_link::after{
	content: '';
	width: 2vw;
	height: 2vw;
	border-top: solid 1px #6d6d6d;
	border-right: solid 1px #6d6d6d;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
	margin: auto;
	transform: rotate(45deg);
}
@media screen and (min-width:768px){
	.faq_link{
		padding: 30px 0;
	}
	.faq_link::after{
		width: 15px;
		height: 15px;
	}
}
/* /ページ下部FAQリンク */
/* ページ下部バナー */
.banner_link{
	display: block;
	width: 100%;
	border: solid 1px #eeeeee;
}
/* /ページ下部バナー */
/* アンカーリンク下ボタン */
.btn_app{
	background-color: #FFF1F1;
	padding-bottom: 10vw;
}
.btn_app a{
	background-color: #C30E2E;
	color: #fff;
	max-width: 600px;
	width: 75%;
	display: block;
	margin: auto;
	padding: 3.2vw;
	text-align: center;
}
.btn_app a:hover{
	opacity: 0.75;
}
@media screen and (min-width:768px){
	.btn_app{
		padding-bottom: 75px;
	}
	.btn_app a{
		padding: 24px;
	}
}
/* /アンカーリンク下ボタン */