@charset "UTF-8";
/* CSS Document */

#header .navi li:nth-child(2) .hrunderline:before{
  left: 0;
  right: 0;
}

#header .navi li:nth-child(2) a{
font-weight:700;
color:#000;
}


#mainimage{
background-image:url(img/mainimage.jpg);
}

.statistics h2{
text-align:center;
font-size:2.8rem;
line-height:1;
padding-bottom:3rem;
}


#number{
padding:7rem 0;
}
#number .box{
background-color:#eeeeee;
background-repeat:no-repeat;
background-size:cover;
margin-bottom:4rem;
height:33rem;
width:49%;
text-align:center;
position:relative;
padding-top:8rem;
padding-right:4rem;
}
#number .box_l{
clear:both;
width:100%;
}
#number h3{
font-size:2.6rem;
line-height:1.2;
padding-bottom:1rem;
font-family: 'M PLUS 1p', sans-serif;
}
#number .num p{
display:inline-block;
vertical-align:bottom;
line-height:1;
font-size:3rem;
font-weight:700;
font-family: 'M PLUS 1p', sans-serif;
}
#number .num .txt_b{
padding-bottom:0.8rem;
}
#number .num .num_r{
font-size:7rem;
color:#ff0000;
font-weight:700;
}
#number .num .txt_r{
color:#ff0000;
padding-bottom:0.8rem;
}
#number .box .read{
padding-top:0.5rem;
font-weight:700;
}
#number .box .icon{
color:#ff0000;
position:absolute;
}
#number #box1{
background-image:url(img/back1.png);
}
#number #box1 .icon{
top:5.5rem;
right:5rem;
font-size: 25rem;
}
#number #box2{
background-image:url(img/back2.png);
padding-top:4rem;
padding-right:0;
}
#number #box2 .image{
width:70%;
margin:0 auto;
padding-top:1rem;
}
#number #box3{
background-image:url(img/back3.png);
padding-right:10rem;
}
#number #box3 .icon{
right:3rem;
top:5.5rem;
width:40%;
}
#number #box4{
background-image:url(img/back4.png);}
#number #box4 .icon{
top:5.5rem;
right:2rem;
font-size: 20rem;
}
#number #box5{
background-image:url(img/back5.png);}
#number #box5 .icon{
top: 4rem;
right: 5rem;
font-size: 21rem;
}
#number #box6{
background-image:url(img/back6.png);}
#number .cell{
display:inline-block;
vertical-align:top;
position:relative;
padding-right:20rem;
}
#number #box6 .icon{
top: -1rem;
right: 2rem;
font-size: 17rem;
}
#number #box6 .icon2{
top: -4rem;
right: 1rem;
font-size: 23rem;
}
#number #box7{
background-image:url(img/back7.png);
padding-right:0;
}
#number #box7 .icon{
    top: 8rem;
    right: 5rem;
    font-size: 15rem;
}
#number #box8{
background-image:url(img/back8.png);}
#number #box8 .icon{
top: 7rem;
right: 2rem;
font-size: 17rem;
}
#number #box9{
background-image:url(img/back9.png);}
#number #box9 .icon{
top: 7rem;
right: 30rem;
font-size: 17rem;
}
#number #box9 .num{
padding-top:1.5rem;
}
#number #box9 .num .num_r{
font-size:15rem;
line-height:0; display:block;
}
#number #box9 .num .txt_r{
padding-top:6rem;
}


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

#drawer .spnavi li:nth-child(2) a{
color:#00a0b0;
}

#mainimage{
background-image:url(img/mainimage.jpg);
}

.statistics h2{
font-size:2.5rem;
padding-bottom:3rem;
}



#number{
padding:6rem 0 2rem 0;
}
#number .box{
margin-bottom:3rem;
height:auto;
width:100%;
text-align:center;
position:relative;
padding:4rem 0;
}
#number .box.left,#number .box.right{
float:none;
}
#number .box_l{
clear:both;
width:100%;
}
#number h3{
font-size:2rem;
line-height:1.2;
padding-bottom:1rem;
}
#number .num p{
line-height:1;
font-size:1.8rem;
}
#number .num .txt_b{
padding-bottom:0.3rem;
}
#number .num .num_r{
font-size:4rem;
}
#number .num .txt_r{
padding-bottom:0.3rem;
}
#number .box .read{
padding-top:0.5rem;
font-weight:700;
}
#number .box .icon{
color:#ff0000;
position:absolute;
}
#number #box1{
}
#number #box1 .icon{
top: 3rem;
right: 2.8rem;
font-size: 8rem;
}
#number #box2{
padding-top:4rem;
padding-right:0;
}
#number #box2 .image{
width:90%;
text-align:center;
padding-top:1rem;
}
#number #box3{
padding-right:0;
}
#number #box3 .icon{
position:relative;
text-align:center;
padding-top:1rem;
right:auto;
top:auto;
margin:0 auto;
width:90%;
}
#number #box4{}
#number #box4 .icon{
top: 9rem;
right: 2rem;
font-size: 8rem;
}
#number #box5{}
#number #box5 .icon{
top: 5rem;
right: 2rem;
font-size: 8rem;
}
#number #box6{
padding: 2rem 0;}
#number .cell{
display:block;
vertical-align:top;
position:relative;
padding:3rem 7rem 3rem 0;
}
#number #box6 .icon{
top: 3rem;
right: 3.5rem;
font-size: 8rem;
}
#number #box6 .icon2{
    top: 2rem;
    right: 3rem;
    font-size: 12rem;
}
#number #box7{
padding-right:0;
}
#number #box7 .icon{
top: 5rem;
right: 2rem;
font-size: 7rem;
}
#number #box8{}
#number #box8 .icon{
top: auto;
bottom:2rem;
right: 2rem;
font-size: 8rem;
}
#number #box9{}
#number #box9 .icon{
top: auto;
right: 2rem;
font-size: 7rem;
bottom: 2rem;
}
#number #box9 .num{
padding-top:1.5rem;
}
#number #box9 .num .num_r{
font-size:15rem;
line-height:0; display:block;
}
#number #box9 .num .txt_r{
padding-top:6rem;
}



}