@charset "utf-8";
/*==============================
横組み形式(1カラム)
horizon1Contents
==============================*/

/*===============================================
●共通
===============================================*/
.horizon1Contents .articleBox .photoBox li a{
	display: block;
	width: 100%;
	padding-top: 67%;
	border-radius: 1em;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px){
	
	.horizon1Contents .articleBox .imgBox {
		width: 100%;
		padding-bottom: 3%;
	}
	.horizon1Contents .articleBox .textBox { width: 100%;}
	.horizon1Contents .articleBox .textBox .tit04 { margin-bottom: 0.5em;}
}

/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px){
	
	.horizon1Contents .articleBox {
		display: flex;
		justify-content: space-between;
	}
	.horizon1Contents .articleBox .imgBox { width: 43.3%;}
	.horizon1Contents .articleBox .textBox { width: 51.8%;}
	.horizon1Contents .articleBox .textBox .tit04 { margin-bottom: 0.8em;}
}