@charset "utf-8";

#dtl_XX00109 .font-red {
	color: #E50003;
}
#dtl_XX00109 .notice {
	margin-bottom: 20px;
	padding: 1em; 
	border: 5px solid #efe301;
}
#dtl_XX00109 .notice-wrap {
	padding: 0px; 
	margin: 0px;
	height: auto;
	
}
#dtl_XX00109 .text {
	display:inline-block;
	width: 44%;
	vertical-align: top;
}
#dtl_XX00109 .text .ttl {
	font-size: larger;
	font-weight: bold;
	text-indent: -0.5em;
	line-height: 2;
}
#dtl_XX00109 .text .disc {
	font-weight: normal;
	line-height:1.6;
}
#dtl_XX00109 .images {
	display:inline-block;
	width: 55%;
	text-align: right;
	vertical-align: top;
}
#dtl_XX00109 .images .left-image,
#dtl_XX00109 .images .right-image {
	display:inline-block;
	width: 48%;
}
#dtl_XX00109 .images .right-image {
	margin-left: 2%;
}
#dtl_XX00109 .images img {
	width: 100%;
	height:auto;
	border: solid 1px #e0e0e0;
}

@media screen and (max-width: 480px) {
#dtl_XX00109 .text {
	float: none;
	width: 100%;
	line-height: 1.4;
}
#dtl_XX00109 .text .ttl {
	margin-bottom: 0.6em;
	text-indent: 0em;
	line-height: 1.6;
}
#dtl_XX00109 .text .disc {
	font-weight: normal;
}
#dtl_XX00109 .images {
	float: none;
	width: 100%;
	text-align :left;
}
#dtl_XX00109 .images .left-image {
	float: none;
	width: 100%;
	margin-top: 5%;
}
#dtl_XX00109 .images .right-image {
	float: none;
	margin-left: 0%;
	margin-top: 5%;
	width: 100%;
}	
}

@media screen and (max-width: 375px) {
#dtl_XX00109 .text .ttl {
	font-size: smaller;
}
}