@charset "utf-8";
html {
font-size: 62.5%;
}
body {
	margin:0;
	padding:0;
    font-size:1.6rem;/* 16px*/
	line-height:2em;
}
header,main,footer {
    width:90%;
    margin: 0px auto;
}
h1 {
    font-size:3.6rem;/* 36px*/
	line-height:1.2em;
	margin:4% 0 0 0;
}
h2 {
    font-size:2.4rem;/* 24px*/
	line-height:1.2em;
	margin:4% 0 0 0;
}
ul {
    width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul li {
    width : 32% ;
    background: #e5e5e5;
    list-style: none;
    padding-bottom: 20px;
    margin-bottom: 0;
    margin-top:1%;
    margin-left:1%;
    position: relative;
}
ul li:nth-child(3n) {
    margin-right:1%;
}
ul li h3 {
    font-weight:bold;
    font-size:1.8rem;/* 18px*/
    text-align:center;
    margin-bottom:15px;
    margin-top:20px;
}
ul li p {
    padding:0 9%;
    font-size:1.6rem;/* 16px*/
    text-align:center;
}


.break-all {
	word-break: break-all;
}


footer {
	margin-top:100px;
	font-size: 0.8em;;
}


@media screen and (max-width:768px){

ul li {
    width : 96% ;
    margin:1% 2%;
}
ul li h3 {

}
ul li p {

}


}