@charset "utf-8";
h1{
background:rgba(242,239,227,0.6);
text-align:center;
width:100%;
height:110px;
position:relative;
z-index:10;
}

.page_tit{
background:url(../img/tit_bg.png);
background-size:cover;
padding:180px 0;
max-height:550px;
display:flex;
/*justify-content:center;*/
align-items:center;
margin-bottom:70px;
}
.page_tit p{
width:78%;
}
.page_tit p img{
width:100%;
}

.desc{
text-align: center;
margin-bottom:140px;
}

.conditions{
background:url(../img/conditions_bg.png) no-repeat;
background-size:100% 100%;
padding:140px 0;
text-align:center;
margin-bottom:70px;
}

h3{
text-align:center;
margin-bottom:70px;
}

.point1{
text-align:center;
position:relative;
}
.point1:before{
content: "";
display:inline-block;
position:absolute;
top:-20px;
left:0;
height:20px;
width:100%;
background:url(../img/bg1.png) no-repeat;
background-size:100% 100%;
}
.point2, .point4{
text-align:center;
position:relative;
}
.point2:before,.point4:before{
content: "";
display:inline-block;
position:absolute;
top:-20px;
left:0;
height:20px;
width:100%;
background:url(../img/bg2.png) no-repeat;
background-size:100% 100%;
}
.point3, .point5{
text-align:center;
position:relative;
}
.point3:before,.point5:before{
content: "";
display:inline-block;
position:absolute;
top:-20px;
left:0;
height:20px;
width:100%;
background:url(../img/bg3.png) no-repeat;
background-size:100% 100%;
}
.point6{
margin-bottom:70px;
}

.point_main{
background:#f4f1e8;
padding:140px 0 110px;
text-align:center;
/*margin-bottom:110px;*/
}
.point_sub{
text-align:center;
/*display: inline-block;*/
position: relative;
padding:80px 0 120px;
}
.point_sub:before {
content: "";
width: 0;
height: 0;
border-style:solid;
border-width:10px 25px 0 25px;
border-color:#f4f1e8 transparent transparent transparent;
margin: auto;
position: absolute;
top: 0;
left: 50%;
transform:translateX(-50%);
}

.point_box:nth-child(even) .point_sub{
background:#439864;
}
.point_box:nth-child(odd) .point_sub{
background:#91b744;
}

.future{
text-align:center;
}


@media screen and (max-width: 950px) {
h1{
text-align: center;
position:static;
transform: translateX(0);
z-index:10;
width:auto;
background:transparent;
}

.page_tit{
padding:10% 0;
max-height:300px;
margin-bottom:5%;
}
.page_tit p{
width:92%;
}
.page_tit p img{
}

.desc{
margin-bottom:10%;
padding:0 5%;
}

.conditions{
background-size:100% 100%;
padding:10% 0;
margin-bottom:10%;
}

h3{
margin-bottom:10%;
}

.point1{
}
.point1:before{
top:-0.3%;
height:20px;
background-size:100% auto;
}
.point2, .point4{
}
.point2:before,.point4:before{
top:0;
height:20px;
background-size:100% auto;
}
.point3, .point5{
}
.point3:before,.point5:before{
top:0;
height:20px;
background-size:100% auto;
}
.point6{
margin-bottom:10%;
}

.point_main{
padding:10% 0 10%;
}
.point_sub{
padding:10% 0 10%;
}
.point_sub:before {
border-width:10px 25px 0 25px;
}

.point_box:nth-child(even) .point_sub{
}
.point_box:nth-child(odd) .point_sub{
}

.future{
}
}