@charset "UTF-8";

.page-kobetsu{
	overflow:hidden;
}	


/*-------------------------------------------------
	g-papils/
-------------------------------------------------*/

.wrp-point-main{
	background:#4783d7;
	border-bottom:1px solid #e3e3e3;
	text-align:center;
}

.wrp-point-sub{
	position:relative;
}

.wrp-point-sub::before{
    content:"";
    position:absolute;
    top:-54px;
    right:0;
    left:0;
    display:block;
	width:4px;
    height:50px;
    margin-right:auto;
    margin-left:auto;
    background:#4783d7;
}

.point-sub-copy{
	font-weight:700;
	color:#4783d7;
	line-height:1.4;
}

@media screen and (min-width: 768px), print{

.wrp-point-sub{
	margin-top:50px;
}

.wrp-point-sub .wrp-grid{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
	justify-content:center;
}

.wrp-point-sub{
	position:relative;
	border:4px solid #4783d7;
	padding:25px;
    font-size:1.5rem;
}

.point-sub-copy{
	font-size:2.2rem;
	letter-spacing:0.12em;
}

.point-sub-copy + p{
	margin-top:15px;
}

}

@media screen and (max-width: 767px), print{

.wrp-point-sub{
	margin-top:25px;
	padding:0;
	border:2px solid #4783d7;
    font-size:1.4rem;
}

.wrp-point-sub::before{
    content:"";
    position:absolute;
    top:-27px;
    right:0;
    left:0;
    display:block;
	width:2px;
    height:25px;
    margin-right:auto;
    margin-left:auto;
    background:#4783d7;
}

.point-sub-copy{
	font-size:1.6rem;
}

.wrp-point-sub{
	margin-left:15px;
	margin-right:15px;
}

.wrp-point-sub .wrp-grid p{
	margin-top:10px;
}

.wrp-point-sub .wrp-grid{
	padding-top:15px;
	padding-bottom:15px;
}

}

.wrp-point{
	position:relative;
}

.box-point{
	position:relative;
	padding:0 15px 15px;
	margin-top:-20px;
}

.box-point-catch{
	margin-bottom:10px;
}

.box-point-catch h4{
	margin-top:20px;
	color:#4783d7;
    font-weight:700;
}

.box-point-catch .number span{
	padding:5px 10px;
	background-color:#4783d7;
    font-weight:700;
    font-size:1rem;
	color:#fff;
    letter-spacing:0.12em;
}

.wrp-point .point-inner{
	background:rgba(255,255,255,.9);
}

.wrp-point .point-lead{
    font-weight:700;
}

.wrp-point h5{
	color:#4783d7;
}

.wrp-point .list-point li:nth-child(n+2){
	border-top:1px dotted #e3e3e3;
}

@media screen and (min-width: 768px), print{

.wrp-point{
	margin-top:50px;
	overflow:hidden;
}

.box-point{
	max-width:1070px;
	margin:0 auto;
	padding:0 15px 50px;
}

.box-point-catch{
	margin-bottom:60px;
}

.box-point-catch h4{
 	margin-top:15px;
	font-size:3rem;
	line-height:1.5;
    letter-spacing:0.1em;
}

.box-point-catch .number{
	padding-left:5px;
}

.box-point-copy{
	max-width:480px;
	font-size:1.6rem;
}

.wrp-point-reverse::before{
	top:155px;
	left:25px;
	z-index:-1;
}

.wrp-point-border{
	padding-top:50px;
	border-top:6px solid #4783d7;
}

.wrp-point:before{
	content:"";
	background:#f2f6f9;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:155px;
	right:25px;
	z-index:-1;
}

.wrp-point.wrp-point-border:before{
	content:"";
	background:#f2f6f9;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:205px;
	right:25px;
	z-index:-1;
}

.img-point{
	margin-left:0;
	position:absolute;
	left:50%;
	top:0;
	width:40%;
}

.wrp-point.wrp-point-border .img-point{
	margin-left:0;
	position:absolute;
	left:50%;
	top:50px;
	width:40%;
}

.wrp-point.wrp-point-reverse .img-point{
	position:absolute;
	left:7%;
	top:50px;
	width:40%;
}

.wrp-point-reverse.wrp-point-border::before{
	top:205px;
	left:25px;
	z-index:-1;
}

.wrp-point-reverse .box-point{
	margin:0 auto;
	padding:0 15px 50px;
	max-width:1070px;
	text-align:right;
}

.wrp-point-reverse .box-point-catch{
	min-width:480px;
	margin-bottom:60px;
	text-align:left;
	display:inline-block;
}

.wrp-point-reverse .box-point-copy{
	max-width:480px;
	margin-left:auto;
	font-size:1.6rem;
	text-align:left;
}

.wrp-point .point-inner{
	position:relative;
	max-width:1070px;
	margin:0 auto 50px;
	padding:50px;
}

.wrp-point .point-lead{
	font-size:1.6rem;
}

.wrp-point h5{
	font-size:2rem;
}

.wrp-point h5 + p{
	margin-top:15px;
}

.wrp-point .list-point li:nth-child(n+2){
	margin-top:25px;
	padding-top:25px;
}

.wrp-point .list-point .wrp-grid{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items:center;
	justify-content:center;
}

}

@media screen and (max-width: 767px), print{

.wrp-point-border{
	padding-top:25px;
	border-top:2px solid #4783d7;
}

.wrp-point{
	/*margin-top:150px;*/
	padding-bottom:30px;
	background:#f2f6f9;
}

.box-point-copy{
	font-size:1.4rem;
}

.box-point-catch h4{
    font-size:1.8rem;
}

.wrp-point .point-inner{
	margin:0 15px;
	padding:15px;
}

.wrp-point .list-point li:nth-child(n+2){
	margin-top:15px;
	padding-top:15px;
}

.wrp-point .point-lead{
	margin-top:10px;
}

.wrp-point h5{
	font-size:1.5rem;
}

.wrp-point .add-txt{
	position:relative;
	top:-15px;
	padding:5px;
	background:rgba(255,255,255,.8);
	border-left:2px solid #4783d7;
	z-index:1;
}

.wrp-point .add-txt p{
	margin-top:0;
}

.wrp-point .add-txt + p{
	margin-top:-10px;
}

.wrp-point h5 + p{
	margin-top:10px;
}

.wrp-point-reverse .list-point .wrp-grid{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.wrp-point-reverse .list-point .wrp-grid div:first-child{
	order:2;
}

.wrp-point-reverse .list-point .wrp-grid div:last-child{
	order:1;
}

}