@charset "utf-8";

/*----------------------------------------
  Common
  ----------------------------------------*/

html {
    font-size: 62.5%;/*62.5%=1rem=10px*/
	color: #545454;
}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #98d800;
}

.logo a,nav a,main a{
    text-decoration: none;
}

img {
    width: 100%;
    display: block;
}

.fa{
    padding-right: 5px;
}

.content{
    max-width: 1024px;
    margin: 0 auto;
    padding: 120px 0 170px;
    background: url(../img/2017.png) no-repeat;
    background-position: bottom right;
    min-height: 600px;
}

.logo{
	color: #fff;
	font-size: 14rem;
    text-align: center;
    letter-spacing: 8px;
}

h2{
    color: #fff;
    font-size: 2.8rem;
    margin: 80px 10px;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 2px;
}

p{
    margin-bottom: 24px;
    font-size: 1.6rem;
    line-height: 1.8;
    color: #fff;
    text-align: center;
}

/*------------------------
  table
  ------------------------*/

table{
    width: 100%;
    overflow-x: auto;
}

table th, table td {
    font-size: 1.4rem;
    line-height: 1.6;
    border: solid 1px #e5e5e5;
    padding: 10px;
    vertical-align: middle;
}

/*----------------------------------------
  mobile
  ----------------------------------------*/

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

body {
    padding: 0 20px;
}
}

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

.content {
    padding: 80px 0 240px;
}
    
.br-none{
    display: none;
}
}


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

.content {
    padding: 80px 0 230px;
}

h2 {
    margin: 60px 10px;
}
}


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

.logo {
    font-size: 10rem;
}
}

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

.content {
    padding: 60px 0 200px;
}

.logo {
    font-size: 7rem;
}

h2 {
    font-size: 2rem;
    margin: 50px 10px;
}
}