@charset "utf-8";
/* CSS Document */
/* 150
---------------------------------------------------------- */
.text-color--red {
  color: #e4007f;
}
.text-color--pink {
  color: #E61D93;
}
.text-color--blue {
  color: #0baae5;
}
.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-tl {
  display: inline-block;
  padding: 2px 0 0 2px;
  margin: 0 2px 2px 2px;
  line-height: 1;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  vertical-align: bottom;
}
.html-frame span.border-tr {
  display: inline-block;
  padding: 2px 2px 0 0;
  margin: 0 2px 2px 2px;
  line-height: 1;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  vertical-align: bottom;
}
.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;
}
/* 1 */
.html-frame--150-1 {}
.html-frame--150-1 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-1 .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--150-1 .photolist01 ul li.small {
  width: 330px;
}
.html-frame--150-1 .photolist01 ul li.long {
  width: 456px;
}
.html-frame--150-1 .mainIMG {
  width: 810px;
  display: block;
}
.html-frame--150-1 .photolist01 ul li img, .html-frame--150-1 .mainIMG, .html-frame--150-1 .float-ImageR img, .html-frame--150-1 .float-ImageL img {
  margin-bottom: 8px;
}
.html-frame--150-1 .float-ImageL {
  width: 400px;
  float: left;
  padding-right: 12px;
  margin-bottom: 8px;
}
.html-frame--150-1 .float-ImageR {
  width: 400px;
  float: right;
  padding-left: 12px;
  margin-bottom: 8px;
}
.html-frame--150-1 .text-section em {
  margin-right: 1em;
  font-style: normal !important;
  font-weight: bold;
}
.html-frame--150-1 .text-section .float-ImageR em, .html-frame--150-1 .text-section .float-ImageL em {
  margin-right: 0;
  display: inline-block;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 5px;
  font-weight: normal;
}
/* 2 */
.html-frame--150-2 {}
.html-frame--150-2 h4.title01 {
  color: #539286;
}
.html-frame--150-2 .photolist01 ul, .html-frame--150-2 .photolist02 ul, .html-frame--150-2 .photolist03 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-2 .photolist01 ul li, .html-frame--150-2 .photolist02 ul li, .html-frame--150-2 .photolist03 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--150-2 .photolist01 ul li img, .html-frame--150-2 .photolist02 ul li img, .html-frame--150-2 .photolist03 ul li img {
  margin-bottom: 8px;
}
.html-frame--150-2 .photolist01 ul li.small {
  width: 184.5px;
}
.html-frame--150-2 .photolist03 ul li.col2 {
  width: 393px;
}
/* 3 */
.html-frame--150-3 {}
.html-frame--150-3 h4.title01 {
  color: #539286;
}
.html-frame--150-3 .photolist01 ul, .html-frame--150-3 .photolist02 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-3 .photolist01 ul li, .html-frame--150-3 .photolist02 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--150-3 .photolist01 ul li img, .html-frame--150-3 .photolist02 ul li img {
  margin-bottom: 8px;
}
.html-frame--150-3 .photolist01 ul li.long, .html-frame--150-3 .photolist02 ul li.long {
  width: 532px;
}
/* 4 */
.html-frame--150-4 {}
.html-frame--150-4 h4.title01 {
  color: #539286;
}
.html-frame--150-4 .photolist01 ul, .html-frame--150-4 .photolist02 ul, .html-frame--150-4 .photolist03 ul, .html-frame--150-4 .photolist04 ul, .html-frame--150-4 .photolist05 ul, .html-frame--150-4 .photolist06 ul, .html-frame--150-4 .photolist07 ul, .html-frame--150-4 .photolist08 ul, .html-frame--150-4 .photolist09 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-4 .photolist01 ul li {
  width: 810px;
  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--150-4 .photolist02 ul li, .html-frame--150-4 .photolist03 ul li, .html-frame--150-4 .photolist04 ul li, .html-frame--150-4 .photolist05 ul li, .html-frame--150-4 .photolist06 ul li, .html-frame--150-4 .photolist07 ul li, .html-frame--150-4 .photolist08 ul li, .html-frame--150-4 .photolist09 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--150-4 .photolist01 ul li img, .html-frame--150-4 .photolist02 ul li img, .html-frame--150-4 .photolist03 ul li img, .html-frame--150-4 .photolist04 ul li img, .html-frame--150-4 .photolist05 ul li img, .html-frame--150-4 .photolist06 ul li img, .html-frame--150-4 .photolist07 ul li img, .html-frame--150-4 .photolist08 ul li img, .html-frame--150-4 .photolist09 ul li img {
  margin-bottom: 8px;
}
/* 5 */
.html-frame--150-5 {}
.html-frame--150-5 h4.title01 {
  color: #539286;
}
.html-frame--150-5 .photolist01 ul, .html-frame--150-5 .photolist02 ul, .html-frame--150-5 .photolist03 ul, .html-frame--150-5 .photolist04 ul, .html-frame--150-5 .photolist05 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-5 .photolist01 ul li, .html-frame--150-5 .photolist02 ul li, .html-frame--150-5 .photolist03 ul li, .html-frame--150-5 .photolist05 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--150-5 .photolist04 ul li {
  width: 184.5px;
  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--150-5 .photolist01 ul li.small, .html-frame--150-5 .photolist03 ul li.small, .html-frame--150-5 .photolist05 ul li.small {
  width: 184.5px;
}
.html-frame--150-5 .photolist01 ul li img, .html-frame--150-5 .photolist02 ul li img, .html-frame--150-5 .photolist03 ul li img, .html-frame--150-5 .photolist04 ul li img, .html-frame--150-5 .photolist05 ul li img {
  margin-bottom: 8px;
}
.html-frame--150-5 h4 em {
  font-style: normal;
  font-size: 14px;
}
/* 6 */
.html-frame--150-6 {}
.html-frame--150-6 h4.title01 {
  color: #009b63;
}
.html-frame--150-6 .photolist01 ul, .html-frame--150-6 .photolist02 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-6 .photolist01 ul li, .html-frame--150-6 .photolist02 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--150-6 .photolist01 ul li img, .html-frame--150-6 .photolist02 ul li img {
  margin-bottom: 8px;
}
.html-frame--150-6 .photolist01 ul li.long {
  width: 393px;
}
/* 7 */
.html-frame--150-7 {}
.html-frame--150-7 h4.title01 {
  color: #2660ad;
}
.html-frame--150-7 .photolist01 ul, .html-frame--150-7 .photolist02 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-7 .photolist01 ul li, .html-frame--150-7 .photolist02 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--150-7 .photolist01 ul li img, .html-frame--150-7 .photolist02 ul li img {
  margin-bottom: 8px;
}
.html-frame--150-7 h4 em {
  font-style: normal;
  font-size: 14px;
}
/* 8 */
.html-frame--150-8 {}
.html-frame--150-8 h4.title01 {
  color: #bd782f;
}
.html-frame--150-8 .photolist01 ul, .html-frame--150-8 .photolist02 ul, .html-frame--150-8 .photolist03 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-8 .photolist01 ul li, .html-frame--150-8 .photolist02 ul li, .html-frame--150-8 .photolist03 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--150-8 .photolist01 ul li.long {
  width: 532px;
}
.html-frame--150-8 .photolist01 ul li img, .html-frame--150-8 .photolist02 ul li img, .html-frame--150-8 .photolist03 ul li img {
  margin-bottom: 8px;
}
/* 9 */
.html-frame--150-9 {}
.html-frame--150-9 h4.title01 {
  color: #bb797e;
}
.html-frame--150-9 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-9 .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--150-9 .photolist01 ul li.long {
  width: 810px;
  margin-bottom: 0;
}
.html-frame--150-9 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--150-9 .float-Image {
  width: 532px;
  float: right;
  padding-left: 12px;
  margin-bottom: 8px;
}
span.img--title {
  color: #cb746e;
  font-size: 16px;
}
.html-frame--150-9 .photolist01 ul li.img--title-space {
  padding-top: 20px;
}
/* 10 */
.html-frame--150-10 {}
.html-frame--150-10 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--150-10 .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--150-10 .photolist01 ul li.small {
  width: 168px;
}
.html-frame--150-10 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--150-10 .float-Image {
  width: 532px;
  float: right;
  padding-left: 12px;
  margin-bottom: 8px;
}