body.pgph::before{background-image:url("/assets/img/ph_intro_01.jpg")}section#commit article{margin:15px;text-align:center}section#commit article figure img{width:100%;height:auto;margin-bottom:15px;border-radius:50%}section#commit article h3{margin-bottom:.75em;font-size:1.5em;line-height:1.5em}section#commit article p{font-size:1.25em;line-height:1.75em}@media screen and (max-width: 960px){section#commit{margin:30px auto}section#commit article{margin-bottom:30px}section#commit article figure{width:50%;margin-right:auto;margin-left:auto}}@media screen and (min-width: 961px){section#commit{margin:60px auto}section#commit article{width:calc(33.3333% - 30px)}}section#point div.row{border:1px solid #ccc}section#point div.row figure,section#point div.row div{margin:15px}section#point div.row figure img{width:100%;height:auto}section#point div.row div h3{margin-bottom:.75em;font-size:1.5em}section#point div.row div h3::before{content:'Point';padding:.25em .5em;background:#7b8f42;color:#fff;font-size:.65em}section#point div.row div p{text-align:justify;line-height:1.75em}@media screen and (max-width: 960px){section#point{padding-bottom:30px}section#point div.row{width:calc(100% - 30px);margin:15px}section#point div h3{text-align:center}section#point div h3::before{display:block;margin:-15px -15px 1.5em -15px}}@media screen and (min-width: 961px){section#point{padding-bottom:60px}section#point div.row{align-items:center;padding:15px;box-shadow:10px 10px #ccc}section#point div.row figure{width:calc(33.3333% - 30px)}section#point div.row div{width:calc(66.6666% - 30px)}section#point div.row div h3::before{margin-right:.5em;border-radius:.5em}}
