@charset "utf-8";
/* CSS Document */
/* 123
---------------------------------------------------------- */
.html-frame span.border-br {
	display: inline-block;
	padding: 0 2px 2px 0;
	margin: 0 2px 2px 2px;
	line-height: 1;
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
	vertical-align: middle;
}
.html-frame span.border-bl {
	display: inline-block;
	padding: 0 0 2px 2px;
	margin: 0 2px 2px 2px;
	line-height: 1;
	border-bottom: 1px solid #222;
	border-left: 1px solid #222;
	vertical-align: middle;
}
.html-frame span.border-bc {
	display: inline-block;
	padding: 0 0 2px 2px;
	margin: 0 2px 2px 2px;
	line-height: 1;
	border-bottom: 1px solid #222;
	vertical-align: middle;
	position: relative;
}
.html-frame span.border-bc:after {
	content: "";
	width: 1px;
	height: 100%;
	line-height: 1;
	border-left: 1px solid #222;
	position: absolute;
	left: 1em;
	right: 0;
	bottom: 0;
	margin: auto;
}
.tit-scroll {
	display: none;
}
/* 1 */
.html-frame--123-1 {}
.html-frame--123-1 h4.title01 {
	font-weight: 700 !important;
}
.html-frame--123-1 .photolist01 > strong {
  color: #ae386d;
  background-color: #efd2c9;
  padding: 5px 10px;
}
.html-frame--123-1 .photolist01 ul {
	font-size: 0;
	letter-spacing: 0;
	margin: 10px -12px 20px;
}
.html-frame--123-1 .photolist01 ul li {
	width: 254px;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	letter-spacing: 0.01em;
	margin: 0 12px;
	line-height: 1.3;
}
.html-frame--123-1 .photolist01 ul li img {
	margin-bottom: 8px;
}
.html-frame--123-1 img.photo01 {
	float: right;
	margin: 15px 0 15px 24px;
}
/* 2 */
.html-frame--123-2 {}
.html-frame--123-2 h4.title01 {
	color: #be8915;
}
.html-frame--123-2 h5.title01 {
	color: #0081cc;
}
.html-frame--123-2 h5.title0 span {
	color: #333;
}
.html-frame--123-2 .photolist01 ul {
	font-size: 0;
	letter-spacing: 0;
	margin: 10px -12px 20px;
}
.html-frame--123-2 .photolist01 ul li {
	width: 393px;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	letter-spacing: 0.01em;
	margin: -30px 12px 20px;
	padding-top: 30px;
	line-height: 1.3;
}
.html-frame--123-2 .photolist01 ul li.col2 {
	width: 532px;
}
.html-frame--123-2 .photolist01 ul li.col1 {
	width: 254px;
}
.html-frame--123-2 .photolist01 ul li.col3 {
	width: 810px;
}
.html-frame--123-2 .photolist01 ul li img {
	margin-bottom: 8px;
}
/* 3 */
.html-frame--123-3 {}
.html-frame--123-3 h4.title01 {
	color: #0054a7;
}
.html-frame--123-3 h5.title01 {
	color: #00a0e9;
}
.html-frame--123-3 h4.title01 span, .html-frame--123-3 h5.title01 span {
	color: #333;
}
.html-frame--123-3 .photolist01 ul {
	font-size: 0;
	letter-spacing: 0;
	margin: 10px -12px 20px;
}
.html-frame--123-3 .photolist01 ul li {
	width: 393px;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	letter-spacing: 0.01em;
	margin: -30px 12px 20px;
	padding-top: 30px;
	line-height: 1.3;
}
.html-frame--123-3 .photolist01 ul li.col1 {
	width: 188px;
}
.html-frame--123-3 .photolist01 ul li.col2 {
	width: 810px;
}
.html-frame--123-3 .photolist01 ul li img {
	margin-bottom: 8px;
}
/* 4 */
.html-frame--123-4 {}
.html-frame--123-4 h4.title01 {
	color: #0054a7;
}
.html-frame--123-4 h5.title01 {
	color: #0081cc;
}
.html-frame--123-4 .photolist01 ul {
	font-size: 0;
	letter-spacing: 0;
	margin: 10px -12px 20px;
}
.html-frame--123-4 .photolist01 ul li {
	width: 254px;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	letter-spacing: 0.01em;
	margin: -30px 12px 20px;
	padding-top: 30px;
	line-height: 1.3;
}
.html-frame--123-4 .photolist01 ul li img {
	margin-bottom: 8px;
}
/* 5 */
.html-frame--123-5 {}
.html-frame--123-5 h4.title01 {
	color: #22ac38;
}
.html-frame--123-5 h5.title01 span {
	color: #333;
}
.html-frame--123-5 .photolist01 ul {
	font-size: 0;
	letter-spacing: 0;
	margin: 10px -12px 20px;
}
.html-frame--123-5 .photolist01 ul li {
	width: 254px;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	letter-spacing: 0.01em;
	margin: -30px 12px 20px;
	padding-top: 30px;
	line-height: 1.3;
}
.html-frame--123-5 .photolist01 ul li.col2 {
	width: 532px;
}
.html-frame--123-5 .photolist01 ul li img {
	margin-bottom: 8px;
}
/* 6 */
.html-frame--123-6 {}
.html-frame--123-6 h4.title01, .html-frame--123-6 h5.title01 {
	color: #22ac38;
}
.html-frame--123-6 h5.title01 span {
	color: #333;
}
.html-frame--123-6 .photolist01 ul {
	font-size: 0;
	letter-spacing: 0;
	margin: 10px -12px 20px;
}
.html-frame--123-6 .photolist01 ul li {
	width: 254px;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	letter-spacing: 0.01em;
	margin: -30px 12px 20px;
	padding-top: 30px;
	line-height: 1.3;
}
.html-frame--123-6 .photolist01 ul li.col2 {
	width: 532px;
}
.html-frame--123-6 .photolist01 ul li.col3 {
	width: 810px;
}
.html-frame--123-6 .photolist01 ul li img {
	margin-bottom: 8px;
}
/* 7 */
.html-frame--123-7 {}
.html-frame--123-7 h4.title01 {
	color: #738cbb;
}
.html-frame--123-7 .photolist01 ul {
	font-size: 0;
	letter-spacing: 0;
	margin: 10px -12px 20px;
}
.html-frame--123-7 .photolist01 ul li {
	width: 254px;
	display: inline-block;
	vertical-align: top;
	font-size: 11px;
	letter-spacing: 0.01em;
	margin: -30px 12px 20px;
	padding-top: 30px;
	line-height: 1.3;
}
.html-frame--123-7 .photolist01 ul li.col2 {
	width: 532px;
}
.html-frame--123-7 .photolist01 ul li.col3 {
	width: 810px;
}
.html-frame--123-7 .photolist01 ul li img {
	margin-bottom: 8px;
}