.inner_wrapper{
	width: 1176px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#title_article{height:433px;background-color:#0966AC;
	background-repeat: no-repeat;
	background-image:url(images/bg.svg);
	background-size:45%;
	background-position:70% center;
}

#title_article .inner_wrapper{
	height:433px;
	background-repeat: no-repeat;
	background-image:url(images/business_cards.png);
	background-size:45%;
	background-position:90% center;
}

#title_article .title{padding-left:60px;padding-top:72px;}
#title_article .title .label1{font-size:36px;font-weight:600;color:#FFFF00;}
#title_article .title .label2{font-size:24px;font-weight:600;color:#FFF;}
#title_article .title .label2 .emphasis{color:#FFFF00;}

#title_article .feature{padding-left:84px;padding-top:16px;}
#title_article .square_list li{color:#FFF;font-size:1.125rem;font-weight:normal;padding-top:16px;}
#title_article .square_list li .emphasis{color:#FFFF00;}


#goods_article{padding-top:60px;padding-bottom:60px;}
#goods_article .title{font-size:1.5rem; font-weight:600; color:#000;padding-bottom: 12px;}
#goods_article .remark{
	display: flex;
	justify-content: space-between;
	color:#00CC69;
	padding-top:12px;
	padding-left:6px;
}	

#goods_article .remark .icon{
	flex-grow: 0;
	flex-shrink: 0;
}

#goods_article .remark .cont{
	flex-grow: 1;
	flex-shrink: 1;
	line-height:24px;
	padding-left:4px;
}

#goods_article .grid{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;column-gap: 24px;row-gap: 48px;
}

#goods_article .grid .card_thumb{
	position:relative;
	aspect-ratio: 16/9;
	background-repeat: no-repeat;
	background-size:contain;
	background-position:center center;
	/*border:1px SOLID #E0E7EB;*/
}

#goods_article .grid .card_content{
	display: flex;
	justify-content: space-between;
	padding-top:6px;
	padding-left:12px;
}

#goods_article .grid .card_content .subject{
	flex-grow: 1;
	flex-shrink: 1;
	text-align:center;
	color:#000;
	font-weight: 600;
	line-height:24px;
}

#goods_article .grid .card_content .icon{
	flex-grow: 0;
	flex-shrink: 0;
	color:#000;
	line-height:0;
}

#goods_article .grid a:hover .card_thumb{box-shadow:0 0 24px 2px #C9C9C9;}
#goods_article .grid a:hover .subject,
#goods_article .grid a:hover .icon{color:#FF1B19;}

#goods_article .attention_wrapper{background-color:#ffffe6;border:1px SOLID #C9C9C9;margin-top:36px;padding:24px 48px;}
#goods_article .attention_wrapper .title{font-size:2rem; color:#6300cc;text-align:center;padding-top:24px;padding-bottom:36px;}
#goods_article .attention_wrapper li{padding-top:24px;}
#goods_article .attention_wrapper li:first-child{padding-top:0px;}
#goods_article .attention_wrapper .label{font-size:1.125rem;font-weight:600;color:#6300cc;padding-bottom:6px;}
#goods_article .attention_wrapper .cont,
#goods_article .attention_wrapper .announce{font-size:0.9375rem;}

#goods_article .attention_wrapper .announce{padding-top:32px;padding-left:24px;}

#goods_article .attention_wrapper .source{font-weight:600; color:#000;}
#goods_article .attention_wrapper .source:before{content:'「';}
#goods_article .attention_wrapper .source:after{content:'」';}

#illustrator_article{
	background-color:#0966AC;
	background-image:url(images/ai.svg);
	background-repeat: no-repeat;
	background-size:25%;
	background-position:center center;
	padding-top:60px;padding-bottom:60px;	
}
#illustrator_article .title{font-size:1.5rem; font-weight:600; color:#FFC000;padding-bottom:12px;}
#illustrator_article .label{line-height:31px; padding-left:12px;vertical-align:top;}
#illustrator_article .square_list li{padding-top:12px;color:#FFF;}
#illustrator_article .square_list .label{font-size:1rem;font-weight:600;color:#FFFF00;padding-left:0;}


@media only screen and (max-device-width: 719px) {
	.inner_wrapper{
		width: 100%;
		max-width: 100%;
		padding-left: 12px;
		padding-right: 12px;
	}

	#title_article{
		height:360px;
		background-image:url(images/bg.svg);
		background-size:cover;
		background-position:center center;
	}
	
	#title_article .inner_wrapper{
		height:360px;
		background-size:45%;
		background-position:right center;
	}
	
	#title_article .title{padding-left:12px;padding-top:36px;}
	#title_article .title .label1{font-size:24px;font-weight:600;color:#FFFF00;}
	#title_article .title .label2{font-size:20px;font-weight:600;color:#FFF;}
	#title_article .title .label2 .emphasis{color:#FFFF00;}	
	
	#title_article .feature{padding-left:0;padding-top:6px;}
	#title_article .square_list li{color:#FFF;font-size:1.125rem;font-weight:normal;padding-top:16px;}
	#title_article .square_list li .emphasis{color:#FFFF00;}
	
	#goods_article{padding-top:36px;padding-bottom:36px;}
	#goods_article .title{font-size:1.25rem; font-weight:600; color:#000;padding-bottom: 12px;}

	#goods_article .grid{
		grid-template-columns: 1fr;row-gap: 48px;
	}
	#goods_article .attention_wrapper{margin-top:24px;padding:12px;}
	#goods_article .attention_wrapper .title{font-size:1.5rem; color:#6300cc;text-align:center;padding-top:24px;padding-bottom:36px;}

	#illustrator_article .title{font-size:1.25rem;}

}