section#pts_header{
	background:url("../img/3points/mainimg.jpg") no-repeat center top;
	background-size:cover;
	width:100%;
	height:436px;
	position: relative;
}
img#pts_header_logo{
	position: absolute;
	width:179px;
	height: auto;
	top:20px;
	left:23px;
}
img#pts_maintitle{
	position: absolute;
	width:568px;
	height: auto;
	left:10.68%;
	top:28.44%;
}
@media screen and (max-width: 750px) {
	section#pts_header{
		height:60vw;
		background-position: 63% 0;
		margin-top:60px;
	}
	img#pts_header_logo{
		display: none;
	}
	img#pts_maintitle{
		width: 60%;
		left: 4.68%;
		top: 35.44%;
	}
}

/* BODY */
section#pts_body{
	background-color: #00c7ff;
	padding:30px 0!important;
}
section#pts_body h2{
	text-align: center;
	color:#19469a;
	font-size:26px;
	font-weight: bold;
	line-height: 1.4em;
	padding:50px 0 30px 0!important;
	position: relative;
}
section#pts_body h2 span{
	color:#fff;
}
section#pts_body h2:before,
section#pts_body h2:after{
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
section#pts_body h2:before{
	top: 50px;
	left: 0;
	border-top: 6px solid #19469a;
	border-left: 6px solid #19469a;
}
section#pts_body h2:after{
	bottom: 30px;
	right: 0;
	border-bottom: 6px solid #19469a;
	border-right: 6px solid #19469a;
}
div.pts_contents{
	font-size:20px;
	line-height: 1.7em;
}
div.pts_body_imgcont{
	width:100%;
}
div.pts_body_imgcont img{
	width:100%;
	height: auto;
}
div.pts_contents, div.pts_body_imgcont{
	margin:30px auto!important;
}
section#pts_body h2,div.pts_contents, div.pts_body_imgcont{
	width:82%;
	max-width:800px;
	margin:0 auto;
}
div#pts_profile_cont{
	background-color: #fff;
	width:78%;
	padding:2%!important;
	margin:0 auto!important;
	border-radius: 10px;
}
div#pts_profile_cont > div:nth-child(1){
	width:30%;
}
div#pts_profile_cont > div:nth-child(2){
	width: 65%;
	padding:0 0 0 5%!important;
}
img#pts_profile_img{
	width:100%;
	height: auto;
	max-width: 320px;
}
div#pts_profile_cont > div:nth-child(2) h3{
	padding:20px 0!important;
	font-size:16px;
	line-height: 1.8em;
}
div#pts_profile_cont > div:nth-child(2) h3 span{
	font-size:24px;
}
div#pts_profile_cont > div:nth-child(2) p{
	font-size:14px;
	line-height: 1.5em;
}
@media screen and (max-width: 750px) {
	section#pts_body h2,div.pts_contents, div.pts_body_imgcont{
		width:92%;
		max-width:800px;
		margin:0 auto;
	}
	section#pts_body h2{
		font-size:5.8vw;
	}
	section#pts_body h2:before{
		top: 25px;
		left:-20px;
	}
	section#pts_body h2:after{
		bottom: 5px;
		right:-20px;
	}
	div.pts_contents{
		font-size: 16px;
	}
	div#pts_profile_cont{
		width:88%;
		text-align: center;
	}
	div#pts_profile_cont > div:nth-child(1){
		width: 50%;
		margin-left: 25%;
		margin-top: 6%;
	}
	div#pts_profile_cont > div:nth-child(2){
		width:90%;
	}
	div#pts_profile_cont > div:nth-child(2) p{
		text-align: left;
	}
	
}

/* 3つのコツ */
section#pts_pts{
	
}
section#pts_pts h2{
	font-size:32px;
	font-weight: bold;
	color:#19479b;
	text-align: center;
	padding:30px 0!important;
}
section#pts_pts h2 img{
	height: 56px;
	width:auto;
	padding:0 10px!important;
}
div#pts-1,div#pts-2,div#pts-3{
	padding-top: 30px!important;
}
div#pts-1{
	background-color:#f0f0f0;
}
div#pts-2{
	background-color:#19479b;
}
div#pts-3{
	background-color:#fcd933;
}
div.point-header{
	height:325px;
	width:82%;
	margin:0 auto!important;
	margin-top:30px!important;
}
div#pts-1 div.point-header{
	background:url("../img/3points/p1_n.svg") no-repeat left top;
}
div#pts-2 div.point-header{
	background:url("../img/3points/p2_n.svg") no-repeat left top;
}
div#pts-3 div.point-header{
	background:url("../img/3points/p3_n.svg") no-repeat left top;
}
div.point-header-l{
	position:relative;
}
div.point-header-l h3{
	position:absolute;
	top:78px;
	left:240px;
	width:300px;
	margin-left: -150px!important;
	text-align: center;
	line-height: 1.8em;
	color:#19479b;
	font-size:22px!important;
	font-weight: bold!important;
}
div#pts-2 div.point-header-l h3{
	color:#fff;
}
div.point-header-l h3 span{
	font-size:30px;
}
div.point-header-l h3 img{
	width:42px;
	height: auto;
}
div.point-header-r{
	text-align: right;
}
div.point-header-r img{
	width:296px;
	height: auto;
}
div.point-matome{
	width:82%;
	margin:30px auto 10px auto!important;
	padding-bottom: 30px!important;
}
div.point-matome img{
	width:118px;
	height: auto;
	padding-left:30px!important;
}
div.point-matome p{
	background-color:#fff;
	border-radius: 20px;
	padding:20px 40px!important;
	font-size:22px;
	line-height: 1.7em;
	margin-left:40px!important;
	margin-top:40px!important;
	position:relative;
	max-width:500px;
}
div.point-matome p:before{
	content: "";
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-right: 14px solid #fff;
	border-bottom: 14px solid transparent;
	border-left: 14px solid transparent;
	position:absolute;
	top: 50%;
	left: -28px;
	margin-top:-14px;
}
@media screen and (max-width: 750px) {
	section#pts_pts h2{
		font-size: 5.8vw;
		padding:50px 0!important;
	}
	section#pts_pts h2 img{
		width:4vw;
		height: auto;
	}
	div.point-header{
		width:100%;
		height:270px;
	}
	div#pts-1 div.point-header,div#pts-2 div.point-header,div#pts-3 div.point-header{
		background-position: left top;
	}
	div.point-header-l h3{
		text-align: left;
		position:relative;
		top:0;
		left: 50%;
	}
	div.point-header-r{
		text-align: right;
	}
	div.point-header-r img{
		width:50%;
		margin:5% 5% 0 0!important;
	}
	div.point-matome{
		width:100%!important;
		margin:0!important;
		margin-top:-100px!important;
	}
	div.point-matome img{
		width:30%!important;
	}
	div.point-matome p{
		font-size:3.6vw;
		margin:-10px 0 0 4%!important;
		width:82%!important;
		padding:5% 5%!important;
	}
	div.point-matome p:before{
		border-top: 14px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 14px solid #fff;
		border-left: 14px solid transparent;
		top: 0;
		left: 19%;
		margin-top:-28px;
	}
}

/* まとめ */
section#pts_matome{
	text-align: center;
	background-color:#00c7ff;
	padding-bottom: 30px!important;
}

img#pts_matome_img1{
	width:136px;
	height: auto;
	padding:20px 0!important;
}
section#pts_matome p{
	font-size:32px;
	color:#14469b;
	font-weight: bold;
}
img#pts_matome_img2{
	width:570px;
	height: auto;
	padding:50px 0 40px 0!important;
}
img#pts_matome_img3{
	width:86px;
	height: auto;
}
img#pts_matome_img4{
	width:306px;
	height: auto;
	padding:20px 0!important;
}
section#pts_matome div.btn-frame{
	
}
@media screen and (max-width: 750px) {
	section#pts_matome p{
		font-size:7.2vw;
		line-height: 1.5em;
	}
	img#pts_matome_img2{
		width:80%;
	}
}