@charset "utf-8";
/* CSS Document */
/* 180
---------------------------------------------------------- */
.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: middle;
}
.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: 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;
}
/* Scrollbar */
.tit-scroll {
  text-align: center;
  padding: 5px 0;
  margin-bottom: 20px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-size: 12px;
}
.tit-scroll span {
  display: inline-block;
  padding: 0 10px;
  line-height: 16px;
}
.tit-scroll span::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 15px;
  margin-right: 10px;
  background-image: url(../common/img/icon_arrow_left01.png);
  background-size: contain;
  vertical-align: top;
}
.tit-scroll span::after {
  content: '';
  display: inline-block;
  width: 10px;
  height: 15px;
  margin-left: 10px;
  background-image: url(../common/img/icon_arrow_right01.png);
  background-size: contain;
  vertical-align: top;
}
.html-frame .scrollBox {
  overflow: hidden;
  overflow-x: auto;
  padding: 10px 0 20px;
}
.text11 {
  font-size: 11px;
}
/* 1 */
.html-frame--180-1 h4.title01 {
  color: #65aadd;
}
.html-frame--180-1 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-1 .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--180-1 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--180-1 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 2 */
.html-frame--180-2 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-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--180-2 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--180-2 .photolist01 ul li.col1-5 {
  width: 254px;
}
.html-frame--180-2 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 3 */
.html-frame--180-3 h4.title01 {
  color: #65aadd;
}
.html-frame--180-3 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-3 .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--180-3 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 4 */
.html-frame--180-4 h4.title01 {
  display: inline-block;
  color: #65aadd;
}
.html-frame--180-4 span.name {
  display: inline-block;
  color: #65aadd;
  margin-right: 10px;
}
.html-frame--180-4 .float-Image {
  position: relative;
  display: inline-block;
  width: 254px;
  float: left;
  font-size: 11px;
  margin: 5px 20px 20px 0;
}
.html-frame--180-4 .float-Image--right {
  float: right;
  margin: 5px 0 20px 20px;
}
.html-frame--180-4 .float-Image img {
  margin-bottom: 8px;
  width: 100%;
}
.html-frame--180-4 .float-Image span {
  font-size: 18px;
}
.html-frame--180-4 .history {}
.html-frame--180-4 .history h4 {
  position: relative;
  display: inline-block;
  background-color: #0068b7;
  color: #FFF;
  line-height: 30px;
  padding: 0 10px 0 15px;
}
.html-frame--180-4 .history h4::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 30px solid #0068b7;
  border-right: 30px solid transparent;
  line-height: 0;
}
.html-frame--180-4 .history__wrap {
  background-color: #dfeaf8;
  padding: 0 15px;
  font-size: 12px;
}
.html-frame--180-4 .history__wrap ul {
  display: flex;
  background-color: #dfeaf8;
}
.html-frame--180-4 .history__wrap li {
  width: 300px;
  padding: 15px 15px 15px 0;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  background-color: #dfeaf8;
}
.html-frame--180-4 .history__wrap li.photoSmall {
  width: 256px;
}
.html-frame--180-4 .history__wrap li.photoLarge {
  width: 190px;
}
.html-frame--180-4 .history__wrap li.noPhoto {
  width: 150px;
}
.html-frame--180-4 .history__wrap li > p {
  color: #0075c2;
  min-height: 4.3em;
}
.html-frame--180-4 .history__wrap li > p span {
  text-indent: -1em;
  padding-left: 1em;
  display: inline-block;
  line-height: 1.4;
}
.html-frame--180-4 .history__wrap li > p br + span {
  margin-top: 5px;
}
.html-frame--180-4 .history__wrap li dt {
  background-color: #00aae0;
  color: #FFF;
  line-height: 28px;
  font-size: 16px;
  padding: 0 15px;
  margin: 0 0 20px -15px;
}
.html-frame--180-4 .history__wrap li dd {
  font-size: 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.html-frame--180-4 .history__wrap li dd img {
  width: 150px;
}
.html-frame--180-4 .history__wrap li.photoLarge dd img {
  width: 190px;
}
.html-frame--180-4 .history__wrap li.photoSmall dd img {
  width: 106px;
}
.html-frame--180-4 .history__wrap li dd p {
  width: 140px;
  margin-bottom: 0;
}
/* 5 */
.html-frame--180-5 .photobox {
  margin-bottom: 40px;
}
.html-frame--180-5 .photobox img {
  width: 100%;
}
/* 6 */
.html-frame--180-6 h4.title01 {
  color: #65aadd;
}
.html-frame--180-6 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-6 .photolist01 ul ul {
  margin: 0 -12px;
}
.html-frame--180-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--180-6 .photolist01 ul ul li {
  margin: 0 12px;
  padding-top: 0;
}
.html-frame--180-6 .photolist01 ul li.col3 {
  width: 810px;
}
.html-frame--180-6 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 7 */
.html-frame--180-7 h4.title01 {
  color: #6fba2c;
}
.html-frame--180-7 h4.title02 {
  position: relative;
  color: #82c041;
  font-size: 18px;
  padding: 0 0 0 100px;
  margin-bottom: 35px;
  line-height: 1.5;
}
.html-frame--180-7 h4.title02 span {
  font-size: 14px;
}
.html-frame--180-7 h4.title02::before {
  position: absolute;
  display: block;
  white-space: pre;
  content: "先　生\aインタビュー";
  background-color: #82c041;
  background-position: center center;
  width: 85px;
  height: 85px;
  vertical-align: middle;
  text-align: center;
  font-size: 13px;
  color: #FFF;
  line-height: 1.3;
  letter-spacing: -0.02em;
  border-radius: 50%;
  top: -17px;
  left: 0;
  padding-top: 25px;
  box-sizing: border-box;
}
.html-frame--180-7 h5.title01 {
  display: inline-block;
  color: #82c041;
}
.html-frame--180-7 .float-Image {
  position: relative;
  width: 254px;
  float: right;
  margin: 5px 0 20px 20px;
}
.html-frame--180-7 .float-Image--right {
  width: 140px;
  font-size: 11px;
  line-height: 1.3;
}
.html-frame--180-7 .float-Image--right img {
  width: 100%;
  margin-bottom: 8px;
}
.html-frame--180-7 .float-Image--right span {
  font-size: 13px;
}
.html-frame--180-7 .text-section--bg {
  background-color: #f4f9ed;
  padding: 15px;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
}
.html-frame--180-7 .text-section--bg div {
  background-color: #e1eecf;
  padding: 15px;
  width: 280px;
  font-size: 13px;
  line-height: 1.8;
}
.html-frame--180-7 .text-section--bg div h5 {
  text-align: center;
}
.html-frame--180-7 .text-section--bg div ul, .html-frame--180-7 .text-section--bg div p {
  margin: 15px 0 0 !important;
}
.html-frame--180-7 .text-section--bg div p {
  text-align: right;
}
.html-frame--180-7 .text-section--bg div p:first-of-type {
  margin-top: 0;
}
.html-frame--180-7 .text-section--bg div ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.html-frame--180-7 .text-section--bg div ul li span {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
}
.html-frame--180-7 .text-section--bg img {
  width: 460px;
  object-fit: cover;
}
.html-frame--180-7 .text-section--voice {
  border: 1px solid #6fba2c;
  padding: 25px 15px 15px;
  position: relative;
}
.html-frame--180-7 .text-section--voice h5 {
  position: absolute;
  display: inline-block;
  background-color: #6fba2c;
  color: #FFF;
  border-radius: 7px;
  padding: 0 10px;
  top: -13px;
}
.html-frame--180-7 .text-section--voice ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.html-frame--180-7 .text-section--Introspection {
  border: 1px solid #6fba2c;
  margin-bottom: 0 !important;
}
.html-frame--180-7 .text-section--Introspection h4 {
  background-color: #e1eecf;
  color: #6fba2c;
  padding: 4px 15px;
  font-size: 16px;
}
.html-frame--180-7 .text-section--Introspection > div {
  padding: 15px;
  position: relative;
}
.html-frame--180-7 .text-section--Introspection > div ul {
  width: 440px;
  position: absolute;
  bottom: 20px;
  right: 15px;
  font-size: 12px;
}
.html-frame--180-7 .text-section--Introspection > div ul li {
  text-indent: -1.7em;
  padding-left: 1.7em;
}
/* 8 */
.html-frame--180-8 h4.title01 {
  display: inline-block;
  color: #6fba2c;
}
.html-frame--180-8 h5.title01 {
  display: inline;
  color: #6fba2c;
}
.html-frame--180-8 .float-Image {
  position: relative;
  display: inline-block;
  width: 254px;
  float: left;
  font-size: 11px;
  margin: 5px 20px 20px 0;
}
.html-frame--180-8 .float-Image img {
  width: 100%;
  margin-bottom: 8px;
}
.html-frame--180-8 .float-Image span {
  font-size: 16px;
}
.html-frame--180-8 .float-Image--right {
  width: 150px;
  float: right;
  margin: 5px 0 20px 20px;
}
.html-frame--180-8 .float-Image--right2 {
  width: 254px;
  float: right;
  margin: 5px 0 20px 20px;
}
.html-frame--180-8 .float-Image--left {
  width: 532px;
  float: left;
  margin: 0 20px 20px 0;
}
.html-frame--180-8 .float-Image span.name {
  font-size: 14px;
  width: 100%;
  margin: 0;
}
.html-frame--180-8 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-8 .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--180-8 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--180-8 div.supplement {
  display: inline-block;
  background-color: #f4f9ed;
  padding: 15px;
}
.html-frame--180-8 div.supplement a {
  color: #6fba2c;
}
/* 9 */
.html-frame--180-9 h4.title01 {
  display: inline-block;
  color: #6fba2c;
}
.html-frame--180-9 .float-Image {
  position: relative;
  width: 120px;
  float: left;
  font-size: 13px;
  margin: 0 20px 20px 0;
}
.html-frame--180-9 .float-Image p {
  margin-bottom: 5px
}
.html-frame--180-9 .float-Image ul {
  overflow: hidden;
}
.html-frame--180-9 .float-Image li {
  float: left;
  width: 120px;
  margin-right: 15px;
  line-height: 1.5;
}
.html-frame--180-9 .float-Image li:last-of-type {
  margin: 0;
}
.html-frame--180-9 .float-Image li img {
  margin-bottom: 8px;
}
.html-frame--180-9 .float-Image li span {
  font-size: 18px;
}
.html-frame--180-9 .float-Image--right {
  width: 532px;
  float: right;
  margin: 5px 0 20px 20px;
}
.html-frame--180-9 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-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--180-9 .photolist01 ul li.col3 {
  width: 810px;
}
.html-frame--180-9 .photolist01 ul li.col1-5 {
  width: 393px;
}
.html-frame--180-9 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--180-9 p.supplement {
  text-align: right;
  font-size: 11px;
}
.html-frame--180-9 p.supplement span {
  display: inline-block;
  border: 1px solid #333;
  padding: 2px 10px;
}
.html-frame--180-9 .text-section--message {
  border: 1px solid #6fba2c;
  padding: 0 15px 15px;
}
.html-frame--180-9 .text-section--message h4 {
  margin: 0 0 15px;
  font-size: 18px;
  color: #6fba2c;
}
.html-frame--180-9 .text-section--message h4 span {
  display: inline-block;
  color: #FFF;
  background-color: #6fba2c;
  padding: 3px 15px;
  margin: 0 0 10px -15px;
  font-size: 13px;
}
.html-frame--180-9 .text-section--message img {
  float: right;
  width: 200px;
  margin: 0 0 15px 15px;
}
.html-frame--180-9 .text-section--message p.profile {
  font-size: 11px;
  margin-bottom: 0 !important;
}
/* 10 */
.html-frame--180-10 h4.title01 {
  color: #6fba2c;
}
.html-frame--180-10 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-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--180-10 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--180-10 .photolist01 ul li.col3 {
  width: 810px;
}
.html-frame--180-10 .photolist01 ul li.col1-5 {
  width: 393px;
}
.html-frame--180-10 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 11 */
.html-frame--180-11 h4.title01 {
  color: #6fba2c;
}
.html-frame--180-11 h5.title01 {
  color: #6fba2c;
}
.html-frame--180-11 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-11 .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--180-11 .photolist01 ul li.col2 {
  width: 810px;
}
.html-frame--180-11 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 12 */
.html-frame--180-12 h4.title01 {
  color: #6fba2c;
  display: inline-block;
}
.html-frame--180-12 .float-Image {
  position: relative;
  width: 120px;
  float: left;
  font-size: 13px;
  margin: 0 20px 20px 0;
}
.html-frame--180-12 .float-Image p {
  margin-bottom: 5px
}
.html-frame--180-12 .float-Image ul {
  overflow: hidden;
}
.html-frame--180-12 .float-Image li {
  float: left;
  width: 120px;
  margin-right: 15px;
  line-height: 1.5;
}
.html-frame--180-12 .float-Image li:last-of-type {
  margin: 0;
}
.html-frame--180-12 .float-Image li img {
  margin-bottom: 8px;
}
.html-frame--180-12 .float-Image li span {
  font-size: 18px;
}
.html-frame--180-12 .float-Image--right {
  width: 254px;
  float: right;
  margin: 5px 0 20px 20px;
}
.html-frame--180-12 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-12 .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--180-12 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--180-12 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--180-12 .photolist01 ul li span {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.html-frame--180-12 p.supplement {
  display: inline-block;
  border: 1px solid #6fba2c;
  padding: 3px 10px;
}
.html-frame--180-12 p.supplement span {
  color: #6fba2c;
}
/* 13 */
.html-frame--180-13 h4.title01 {
  color: #6fba2c;
  display: inline;
}
.html-frame--180-13 .float-Image {
  position: relative;
  width: 120px;
  float: left;
  font-size: 13px;
  margin: 0 20px 20px 0;
}
.html-frame--180-13 .float-Image p {
  margin-bottom: 5px
}
.html-frame--180-13 .float-Image ul {
  overflow: hidden;
}
.html-frame--180-13 .float-Image li {
  float: left;
  width: 120px;
  margin-right: 15px;
  line-height: 1.5;
}
.html-frame--180-13 .float-Image li:last-of-type {
  margin: 0;
}
.html-frame--180-13 .float-Image li img {
  margin-bottom: 8px;
}
.html-frame--180-13 .float-Image li span {
  font-size: 18px;
}
.html-frame--180-13 .float-Image--right {
  width: 254px;
  float: right;
  margin: 5px 0 20px 20px;
}
.html-frame--180-13 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-13 .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--180-13 .photolist01 ul li.small {
  width: 323px;
  margin-left: 0;
}
.html-frame--180-13 .photolist01 ul li.small + li.small {
  margin-left: 12px;
}
.html-frame--180-13 .photolist01 ul li img {
  width: 100%;
  margin-bottom: 8px;
}
/* 14 */
.html-frame--180-14 h4.title01 {
  color: #26b7bc;
  text-align: center;
  font-size: 28px !important;
}
.html-frame--180-14 h4.title01 span {
  border: 1px solid #26b7bc;
  display: inline-block;
  padding: 0 5px;
  font-size: 20px;
}
.html-frame--180-14 h5.title01 {
  color: #7496ce;
  text-align: center;
  font-size: 26px;
  margin-top: 30px;
}
.html-frame--180-14 img.mainvisual {
  width: 100%;
  margin-top: 30px;
}
.html-frame--180-14 ul.details {
  background-color: #eff8fe;
  padding: 15px 20px;
  margin-top: 10px;
}
.html-frame--180-14 ul.details li {
  text-indent: -1em;
  padding-left: 1em;
}
.html-frame--180-14 ul.features {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.html-frame--180-14 ul.features li {
  position: relative;
  width: 360px;
  border-left: 5px solid #7496ce;
  padding-left: 15px;
}
.html-frame--180-14 ul.features li:nth-of-type(n+3) {
  margin-top: 30px;
}
.html-frame--180-14 ul.features li:last-child {
  position: relative;
  border-left: none;
  padding-left: 0;
  font-size: 10px;
  text-align: right;
  width: 380px;
  margin: 55px 0 -55px;
}
.html-frame--180-14 ul.features li img {
  margin-top: 8px;
}
.html-frame--180-14 ul.features li:nth-of-type(2) img {
  position: absolute;
  bottom: -10px;
  right: 0;
  z-index: -1;
}
.html-frame--180-14 ul.features li:last-child img {
  margin-bottom: 3px;
}
.html-frame--180-14 ul.features h6 {
  color: #7496ce;
}
.html-frame--180-14 ul.features h6 span {
  font-size: 18px;
}
.html-frame--180-14 p.price {
  margin-top: 30px;
}
.html-frame--180-14 p.law {
  margin-top: 40px;
  font-size: 11px;
}
/* 15 */
.html-frame--180-15 h4.title01 {
  color: #6fba2c;
}
.html-frame--180-15 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-15 .photolist01 ul ul {
  margin: 0 -12px;
}
.html-frame--180-15 .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--180-15 .photolist01 ul ul li {
  margin: 0 12px;
  padding-top: 0;
}
.html-frame--180-15 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--180-15 .photolist01 ul li img {
  width: 100%;
  margin-bottom: 8px;
}
/* 16 */
.html-frame--180-16 h4.title01 {
  color: #6fba2c;
}
.html-frame--180-16 h5.title01 {
  color: #6fba2c;
  margin-bottom: -30px;
}
.html-frame--180-16 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-16 .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--180-16 .photolist01 ul li img {
  width: 100%;
  margin-bottom: 8px;
}
/* 17 */
.html-frame--180-17 h4.title01 {
  color: #6fba2c;
}
.html-frame--180-17 h5.title01 {
  color: #6fba2c;
  margin-bottom: -30px;
}
.html-frame--180-17 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-17 .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--180-17 .photolist01 ul li#fig9-11 span {
  display: inline-block;
}
.html-frame--180-17 .photolist01 ul li#fig9-11 span:nth-of-type(2) {
  margin-left: 65px;
}
.html-frame--180-17 .photolist01 ul li#fig9-11 span:nth-of-type(3) {
  margin-left: 55px;
}
.html-frame--180-17 .photolist01 ul li img {
  width: 100%;
  margin-bottom: 8px;
}
.html-frame--180-17 .photolist01 ul li .indent3 {
  text-indent: -3.3em;
  padding-left: 3.3em;
}
/* 18 */
.html-frame--180-18 h4.title01 {
  color: #6fba2c;
  display: inline;
}
.html-frame--180-18 .float-Image {
  position: relative;
  width: 120px;
  float: left;
  font-size: 13px;
  margin: 0 20px 20px 0;
}
.html-frame--180-18 .float-Image p {
  margin-bottom: 5px
}
.html-frame--180-18 .float-Image ul {
  overflow: hidden;
}
.html-frame--180-18 .float-Image li {
  float: left;
  width: 120px;
  margin-right: 15px;
  line-height: 1.5;
}
.html-frame--180-18 .float-Image li:last-of-type {
  margin: 0;
}
.html-frame--180-18 .float-Image li img {
  margin-bottom: 8px;
}
.html-frame--180-18 .float-Image li span {
  font-size: 18px;
}
.html-frame--180-18 .float-Image--right {
  width: 532px;
  float: right;
  margin: 5px 0 20px 20px;
}
.html-frame--180-18 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-18 .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--180-18 .photolist01 ul li img {
  width: 100%;
  margin-bottom: 8px;
}
/* 19 */
.html-frame--180-19 h4.title01 {
  color: #6fba2c;
}
.html-frame--180-19 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--180-19 .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--180-19 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--180-19 .photolist01 ul li img {
  width: 100%;
  margin-bottom: 8px;
}