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

#right_box h3 {
    display: inline-block;
    font-size: 1.8rem;
    border: solid 1px;
    padding: 0.2em 0.8em;
    margin-bottom: 1em;
}

#right_box .graph img{
	max-width:100%;
}

#right_box ul li {
margin-bottom:3rem;
}

#right_box ul li strong{
display:block;
margin-bottom:1.2rem;
}

#right_box ul.sub li {
text-indent:-1.25em;
padding-left:1.25em;
margin-bottom: 1rem;  
}

#right_box .caption{
	font-size:1.4rem;
	margin-top:1rem;
  text-indent:-2.25em;
  padding-left:2.25em;
}


/*表*/
#right_box table.number.benefits th {
    text-align: center;
}
#right_box table.number.benefits td {
    text-align: center;
    padding: 0.5em 0.5em;
				background-color: #fff;
}

#right_box table.number.benefits {
    margin:1rem auto;
}

#right_box table.number.benefits td strong{
  display:inline-block;  
  margin-bottom:0;
}

.btn {
    text-align: center;
    margin: 2em auto;
}
.btn a {
    display: inline-block;
    border: solid 1px #ccc9c9;
    color: #2f2f2f;
    font-size: 1.8rem;
    text-align: center;
    padding: 1em 0;
    border-radius: 0.3em;
    text-decoration: none;
    position: relative;
    width: 22rem;
}

.btn a:after {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.2em;
    right: 0.7em;
    width: 0.35em;
    height: 0.35em;
    border-top: 0.15em solid #EB0100;
    border-right: 0.15em solid #EB0100;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn a:hover {
  color: #EB0100;
}



/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){

}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
#right_box .graph{
	width:100%;
}


}