@charset "UTF-8";.header{padding-left:0;padding-right:0;margin:15px 0 0 0;}.title-wrap{text-align:center;margin:10px 0 20px 0;background-color:#f9f9f7;}.title-wrap h2{font-size:200%;font-weight:bold;text-align:center;position:relative;display:inline-block;}.title-wrap h2::before{position:absolute;content:'';display:block;height:5px;width:100%;background-color:#f3cc45;text-align:center;top:44px;}.title-wrap h2::after{content:attr(data-title);display:block;text-align:center;color:#57a136;position:relative;font-size:.6em;margin-top:3px;}.story{padding:0 10%;position:relative;text-align:center;padding-top:50px;font-size:120%;}.story .big_pic{width:100%;object-fit:cover;}.story .small_pic{width:100%;}.story .title{color:#57a136;font-weight:bold;font-size:24px;}.story .detail{position:relative;}.story .volunteer{text-align:right;color:#57a136;font-weight:bold;font-size:17px;}.story .prev,.story .next{display:flex;position:absolute;top:50%;background-color:#f0f0f0;width:40px;height:100px;border-radius:10%;transition:.5s;align-items:center;}.story .prev p,.story .next p{width:0;overflow:hidden;}.story .prev img,.story .next img{position:relative;width:20px;height:20px;}.story .prev:hover,.story .next:hover{width:100px;background-color:#f3cc45;}.story .prev:hover img,.story .next:hover img{top:-3px;left:0;}.story .prev:hover p,.story .next:hover p{width:150px;}.story .prev{left:0;}.story .prev img{left:7px;transform:rotate(180deg);}.story .next{right:0;}.story .next img{left:15px;}@media(max-width:768px){.step{display:flex;justify-content:space-around;}.story .prev,.story .next{width:45%;position:relative;}.story .prev img,.story .next img{display:none;}.story .prev:hover,.story .next:hover{width:45%;background-color:#f0f0f0;}.story .prev p,.story .next p{width:100% !important;overflow:auto;}}