@charset "UTF-8";
/* CSS Document */
@import url('style.css');

#fearures{
    padding: 4em 0;
}
#readbox .read{
    padding-top: 0.7em;
}
.pointbox{
    margin: 7em;
    position: relative;
}
.pointbox .frame{}
.pointbox .logo{
    position: absolute;
    width: 12em;
    top: 29em;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.pointbox .inbox{
    position: absolute;
    text-align: justify;
    width: 21em;
}
.pointbox .point{
    position: absolute;
    background-color: #0f4196;
    color: #fff;
    width: 6em;
    height: 6em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    border-radius: 50%;
    padding-top: 1.4em;
}
.pointbox .point span{
    font-size: 4rem;
}
.pointbox h4{
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.4em;
}
.pointbox .point1{
top: 11.5em;
  left: 11.5em;
}
.pointbox .point1 .point{
top: -9em;
  left: 3em;
}
.pointbox .point2{
top: 11.5em;
  right: 11.5em;
}
.pointbox .point2 .point{
top: -9em;
  right: 3em;
}
.pointbox .inbox.point3, .pointbox .inbox.point6{
    width: 15em;
}
.pointbox .point3{
top: 31.5em;
  right: 5.5em;
}
.pointbox .point3 .point{
top: 1em;
  right: -9em;
}
.pointbox .point4{
bottom: 11.5em;
  right: 11.5em;
}
.pointbox .point4 .point{
bottom: -9em;
  right: 3em;
}
.pointbox .point5{
bottom: 11.5em;
  left: 11.5em;
}
.pointbox .point5 .point{
bottom: -9em;
  left: 3em;
}
.pointbox .point6{
top: 31.5em;
  left: 5.5em;
}
.pointbox .point6 .point{
top: 1em;
  left: -9em;
}

@media only screen and (max-width: 768px) {
   
#fearures{
    padding: 3em 0;
}

.pointbox{
    margin: 3em 0 0 0;
}
.pointbox .frame{}
.pointbox .logo{
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
    right: auto;
    padding-bottom: 3em;
}
    .pointbox .logo img{
    width: 9em;
    margin: 0 auto;
    }

.pointbox .inbox{
    position: relative;
    width: 100%;
    padding: 1em;
    margin-bottom: 3em;
    border: 3px solid #6b85b3;
    border-radius: 0.8em;
}
.pointbox .inbox.point3, .pointbox .inbox.point6{
    width: 100%;
}
.pointbox .point{
    position: relative;
    width: 4em;
    height: 4em;
    padding-top: 0.9em;
    line-height: 0.9;
    margin: -3em auto 0 auto;
}
.pointbox .point span{
    font-size: 2.8rem;
}
.pointbox h4{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0.8em 0 0.6em 0;
}
    .pointbox .txt{
    }
.pointbox .point1,.pointbox .point1 .point,.pointbox .point2,.pointbox .point2 .point,.pointbox .point3,.pointbox .point3 .point,
    .pointbox .point4,.pointbox .point4 .point,.pointbox .point5,.pointbox .point5 .point,.pointbox .point6,.pointbox .point6 .point{
top: auto;
  left: auto;
        bottom: auto;
  right: auto;
}

}