@charset "utf-8";

.graph_03 dt {
    font-size: 62px;
    line-height: 62px;
}

.grah_n{
	width:150px;
	height:150px;
	margin: 50px 10px;
}

.grah_n2{
	width:150px;
	height:150px;
	margin: 50px auto 10px;
}

.grah_n img,
.grah_n2 img{
	width:100%;
	height:auto;
}

.colb_n{
    color: #d4b921;
    border-color: #d4b921;
}

.col_n {
    color: #d4b921;
    border-color: #d4b921;
}

dl.col_n dt{
	font-size:28px;
	line-height:35px;
}

dl.col_n dd{
	font-size:28px;
}

dl.col_n dd:nth-child(2){
	font-size:68px;
	line-height:1;
}

.cap_n{
	font-size:10px;
	text-align:center;
	padding:0 10px;
}

@media screen and (max-width: 767px) {
	.cont_inner.col_04{
		width:100%;
	}
.graph_03 dt {
    font-size: 62px;
    line-height: 62px;
}

.grah_n{
	width:150px;
	height:150px;
	margin: 50px 10px 10px;
}

.grah_n2{
	margin: 20px auto 10px;
}

.grah_n img,
.grah_n2 img{
	width:100%;
	height:auto;
}

.colb_n{
    color: #d4b921;
    border-color: #d4b921;
}

.col_n {
    color: #d4b921;
    border-color: #d4b921;
}

dl.col_n dt{
	font-size:28px !important;
	line-height:35px !important;
}

dl.col_n dd{
	font-size:28px !important;
}

dl.col_n dd:nth-child(2){
	font-size:68px !important;
	line-height:1;
}
	dl.col_n dd:last-child{
	line-height:35px !important;
}

.cap_n{
	font-size:10px;
	text-align:left;
	padding:40px 10px;
}
.graphn_01 dl dd {
    padding: 30px 0;
}
}

@media screen and (min-width: 768px) and (max-width: 858px)  {
	.graph_07 {
    position: absolute;
    margin-left: 186px;
    margin-top: 40px;
}
	.graph_07 dt{
		font-size:100px !important;
	}
	.grah_n2 {
    width: 250px;
    height: 250px;
    margin:0px auto 10px;
}
	dl.col_n dt {
    font-size: 28px !important;
    line-height: 35px !important;
}
	.back_img {
		height:auto;
		padding-bottom:40px;
	}
	.back_img_02{
		height:320px;
	}
	.grah_n {
    width: 120px;
    height: 120px;
    margin: 80px 10px 20px;
}
	.graph_03 dt {
    font-size: 40px;
    line-height: 62px;
}
	.col_04  .graph_03{
		margin-top:50px;
	}
	.cap02.small {
    text-align: center;
    font-size: 12px;
    padding-top: 25px;
}
	.graphn_01 {
    margin-top: 50px;
}
	.cont_info_box#gr_18,.cont_info_box#gr_19{
		height: 550px;
	}
	.cont_info_box#gr_18, .cont_info_box#gr_19 {
    height: auto;
}
	.graphn_01 dl dd {
    padding: 40px 0 20px;
}
}

@media screen and (min-width: 859px) and (max-width: 1024px)  {
	.back_img {
		height:auto;
		padding-bottom:40px;
	}
	.back_img_02{
		height:320px;
	}
	.grah_n {
    width: 120px;
    height: 120px;
    margin: 80px 10px 20px;
}
	.graph_03 dt {
    font-size: 40px;
    line-height: 62px;
}
	.col_04  .graph_03{
		margin-top:50px;
	}
	.cap02.small {
    text-align: center;
    font-size: 12px;
    padding-top: 25px;
}
	.graphn_01 {
    margin-top: 50px;
}
	.cont_info_box#gr_18,.cont_info_box#gr_19{
		height: 550px;
	}
}