@charset "UTF-8";

img.aicon {
	width: 20px;
}

img.bicon {
	width: 30px;
}

.mgr-10 {
	margin-right :20px;
}

.parallel {
    display: flex;
    padding: 10px 10px;
}

.dashed {
	border-bottom: 1px dashed #bec2c7;
}

#main #press1 .press-list {
	margin-bottom: 40px;
}

#main #press1 .press-list ul {
	align-items: flex-start;
	border-bottom: 1px dotted #777;
	display: flex;
	padding: 10px 0px 10px 10px;
}

#main #press1 .press-list ul li:first-child {
	border-radius: 5px;
	color: #fff;
	margin-right: 10px;
	padding: 2px 10px;
	white-space: nowrap;
}

#main #press1 .icon01 {
	background-color: #fe8c00;
	text-align: center;
}
#main #press1 .icon02 {
	background-color: #64819c;
	text-align: center;
}
#main #press1 .icon03 {
	background-color: #52ce52;
	text-align: center;
}

/*NEW�A�j���[�V����������*/
/*
.press-list > ul:nth-child(1)::after {
	display: inline-block;
	content: "NEW";
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	vertical-align: bottom;
	border-radius: 4px;
	line-height: 1;
	margin: 1.5em 0 0 0.5em;
	padding: 4px 10px 2px 10px;
	animation: newAnime 1.0s infinite alternate;
}
.press-list > ul:nth-child(2)::after {
	display: inline-block;
	content: "NEW";
	background-color: #ff0000;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	border-radius: 4px;
	line-height: 1;
	margin: 1.5em 0 0 0.5em;
	padding: 4px 10px 2px 10px;
	animation: newAnime 1.0s infinite alternate;
}

@keyframes newAnime {
	0% {
		color: #ff2222;
		background-color: #ff2222;
	}
	100% {
		color: #ffffff;
		background-color: #ff2222;
	}
}
*/

/* �X�}�[�g�t�H������CSS */
@media (max-width: 767px) {
	/* �����щ��� */
	.parallel {
		display: block;
	}
	div.image {
		width: 100%;
	}
	div.text {
		padding-left: 5px;
	}
}
