@charset "UTF-8";
/*
 chart.css（ファイル名変更可）
 本サイト各ページ用CSS
*/
.chart-area{
	margin: 0;
}
.chart-area .chart-inner{
	padding: 0 13px;
}
.chart-area .d-box-title{
	text-indent: -9999px;
	width: 54.1%;
	padding-top: 19.4%;
	margin-left: 23.92%;
	background: url(../images/chart/chart-title-pc.png) no-repeat;
	background-size:cover;
	height: 0;
}
.chart-area .chart-img{
	width: 100%;
	padding-top: 123.9%;
	background: url(../images/chart/chart-img.png) no-repeat;
	background-size: cover;
	margin-bottom: 5.64%;
}
.chart-area .chart-btn{
	display: block;
	text-indent: -9999px;
	height: 0;
	width: 51.64%;
	padding-top: 10.2%;
	margin: 0 auto;
	background: url(../images/chart/chart-btn-pc.png) no-repeat;
	background-size: cover;
}

/* ---------------------------------
 SP用
--------------------------------- */
@media only screen and (max-width: 600px) {
	.chart-area{
		border-bottom: none;
		background: linear-gradient(to bottom, rgb(242, 192, 124) 0%,rgba(240,199,130,1) 26%,rgba(244,203,100,1) 72%,rgba(255,211,160,1) 100%);
	}
	.chart-area .chart-inner{
		padding: 0 4.0625% 12.5%;
	}
	.chart-area .d-box-title{
		width: 89.77%;
		padding-top: 31.2%;
		margin-left: 7.15%;
		background: url(../images/chart/chart-title-sp.png) no-repeat;
		background-size:cover;
	}
	.chart-area .chart-btn{
		width: 80%;
		padding-top: 15.9%;
	}
}

/* ---------------------------------
 PC用
--------------------------------- */
@media screen and (min-width: 993px) {
}

/* ---------------------------------
 tablet FONT用
--------------------------------- */
@media screen and (min-width : 601px){

}