@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');

main{
	background:#f9f9f9;
}

.keyword_en2{
	display:block;
	width:100%;
	max-width:192px;
}

.contents{
	width:100%;
	max-width:1120px;
	margin:80px auto 0;
	padding-bottom:120px;
}

.keyword-list{
	width:100%;
	display:table;
	table-layout:fixed;
	border-collapse: collapse;  /* セルの間隔を空ない */
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 80px 0; /* 左右 上下で記述 */
	height: 100%;
}

.keyword-list + .keyword-list{
	margin-top:80px;
}

.keyword-item{
	display:table-cell;
	width:460px;
	padding:10px 30px 20px;
	background:#FFF;
	border-radius:20px;
	box-sizing:border-box;
	box-shadow:0px 0px 8px 2px rgba(0,0,0,0.15);
	vertical-align:middle;
	height: 100%;
}


.keyword-img{
	position: relative;
	width:100%;
	max-width:380px;
	display:block;
	margin:0 0 20px;
	padding:0;
}

.keyword-img img{
	display: block;
	width:100%;
	height: auto;
	display:block;
	margin:0;
	padding:0;
}



.keyword-img .data{
	position: absolute;
	display: inline;
	font-family: 'Oswald', sans-serif;
	font-size: 92px;
	line-height: 1;
	text-align: center;
	color: #019944;
	top: 92px;
	right: 0;
	left: 0;
}
.keyword-img .data span{
	font-size: 48px;
	font-weight: bold;
}


.keyword-img .data.data2{
	position: absolute;
	top: inherit;
	right: inherit;
	bottom: 0;
	left: 0;
	font-size: 144px;
}
.keyword-img .data.data2 span{
	font-size: 40px;
	font-weight: bold;
}

.keyword-img .data.data7{
	position: absolute;
	right: inherit;
	top: 24px;
	text-align: left;
	font-size: 92px;
}

.keyword-img .data.data8 span{
	font-size: 28px;
	font-weight: bold;
}

.keyword-img .data.data9{
	position: absolute;
	top: inherit;
	right: inherit;
	top: 32px;
	left: 56px;
	text-align: left;
	font-size: 144px;
}

.keyword-img .data.data9 .spanblock{
	display: block;
}




.keyword-title{
	font-size:24px;
	line-height:2;
	color:#666;
	font-weight:bold;
}

.keyword-text{
	font-size:14px;
	line-height:2;
	color:#666;
}




@media screen and (max-width: 1040px) {
.keyword-list{
	width:100%;
	display:table;
	table-layout:fixed;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 40px 0; /* 左右 上下で記述 */
	height: 100%;
}

.keyword-list + .keyword-list{
	margin-top:80px;
}

.keyword-item{
	display:table-cell;
	width:100%;
	padding:40px;
	padding:40px 30px 40px;
	background:#FFF;
	border-radius:20px;
	box-sizing:border-box;
	box-shadow:0px 0px 8px 2px rgba(0,0,0,0.15);
	vertical-align:middle;
	height: 100%;
}

.keyword-img .data{
	position: absolute;
	display: inline;
	font-family: 'Oswald', sans-serif;
	font-size: 8vw;
	line-height: 1;
	text-align: center;
	color: #019944;
	top: 88px;
	right: 0;
	left: 0;
}
.keyword-img .data span{
	font-size: 4vw;
	font-weight: bold;
}

.keyword-img .data.data2{
	position: absolute;
	top: inherit;
	right: inherit;
	bottom: 0;
	left: 0;
	font-size: 13vw;
}
.keyword-img .data.data2 span{
	font-size:4vw;
	font-weight: bold;
}

.keyword-img .data.data8 span{
	font-size:3vw;
	font-weight: bold;
}

.keyword-img .data.data9{
	position: absolute;
	top: inherit;
	right: inherit;
	top: 32px;
	left: 56px;
	text-align: left;
	font-size: 13vw;
}



}





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

.contents{
	margin:40px auto 0;
	padding-bottom:70px;
}

.keyword-list{
	width:100%;
	display:block;
	height: auto;
	padding: 0 20px;
	box-sizing:border-box;
}

.keyword-list + .keyword-list{
	margin-top:20px;
}

.keyword-item{
	display:block;
	width:100%;
	padding:20px;

	height: auto;
}

.keyword-item + .keyword-item{
	margin-top:20px;
}

.keyword-img{
	width:100%;
	max-width:460px;
	display:block;
	margin:0 auto 10px;
	padding:0;
}

.keyword-img .data{
	position: absolute;
	display: inline;
	font-family: 'Oswald', sans-serif;
	font-size: 100px;
	line-height: 1;
	text-align: center;
	color: #019944;
	top: 88px;
	right: 0;
	left: 0;
}
.keyword-img .data span{
	font-size: 48px;
	font-weight: bold;
}


.keyword-img .data.data2{
	position: absolute;
	top: inherit;
	right: inherit;
	bottom: 0;
	left: 0;
	font-size: 144px;
}
.keyword-img .data.data2 span{
	font-size: 40px;
	font-weight: bold;
}

.keyword-img .data.data8 span{
	font-size: 32px;
	font-weight: bold;
}

.keyword-img .data.data9{
	position: absolute;
	top: inherit;
	right: inherit;
	top: 32px;
	left: 56px;
	text-align: left;
	font-size: 144px;
}


.keyword-title{
	font-size:20px;
}

}


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

.keyword-img .data{
	position: absolute;
	display: inline;
	font-family: 'Oswald', sans-serif;
	font-size: 18vw;
	line-height: 1;
	text-align: center;
	color: #019944;
	top: 14vw;
	right: 0;
	left: 0;
}
.keyword-img .data span{
	font-size: 8vw;
	font-weight: bold;
}

.keyword-img .data.data2{
	position: absolute;
	top: inherit;
	right: inherit;
	bottom: 0;
	left: 0;
	font-size: 26vw;
}
.keyword-img .data.data2 span{
	font-size:8vw;
	font-weight: bold;
}

.keyword-img .data.data8 span{
	font-size:6vw;
	font-weight: bold;
}

.keyword-img .data.data9{
	position: absolute;
	top: inherit;
	right: inherit;
	top: 6vw;
	left: 12vw;
	text-align: left;
	font-size: 26vw;
}


}