@charset "utf-8";
/* CSS Document */
/* 173
---------------------------------------------------------- */
.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;
}
.html-frame .catch {
  display: inline-block;
  margin-top: 10px;
  border: 1px solid #CCC;
  padding: 5px 0.8em 5px 6.8em;
  text-indent: -6em;
}
.tit-scroll {
  text-align: center;
  padding: 5px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-size: 12px;
  margin-top: 40px;
}
.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;
}
/* 1 */
.html-frame--173-1 h4.title01 {
  color: #6FBA2C;
}
.html-frame--173-1 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
  ;
}
.html-frame--173-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--173-1 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 2 */
.html-frame--173-2 h4.title01 {
  color: #3b82c5;
}
.html-frame--173-2 h5.title01 {
  display: inline-block;
  color: #3b82c5;
}
.html-frame--173-2 span.name {
  display: inline-block;
  color: #3b82c5;
  margin-right: 10px;
}
.html-frame--173-2 .float-Image {
  width: 254px;
  float: left;
  padding-right: 20px;
  padding-bottom: 5px;
}
.html-frame--173-2 .float-Image img {
  margin-bottom: 8px;
}
.html-frame--173-2 .float-Image span.name {
  font-size: 14px;
  width: 100%;
  text-align: right;
  margin: 0;
}
.html-frame--173-2 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--173-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--173-2 .photolist01 ul li.col2 {
  width: 810px;
}
.html-frame--173-2 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 3 */
.html-frame--173-3 h4.title01 {
  color: #3b82c5;
}
.html-frame--173-3 span.name {
  display: inline-block;
  color: #3b82c5;
  margin-right: 10px;
}
.html-frame--173-3 .float-Image {
  width: 254px;
  float: left;
  font-size: 11px;
  padding-right: 20px;
  padding-bottom: 5px;
}
.html-frame--173-3 .float-Image--right {
  width: 393px;
  float: right;
  padding: 0 0 5px 20px;
  padding-bottom: 5px;
}
.html-frame--173-3 .float-Image img {
  margin-bottom: 8px;
}
.html-frame--173-3 .float-Image span.name {
  font-size: 14px;
  width: 100%;
  text-align: right;
  margin: 0;
}
.html-frame--173-3 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--173-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--173-3 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--173-3 .text-section--profile {}
.html-frame--173-3 .text-section--profile .profile__innner {
  border: 1px solid #3b82c5;
  padding: 15px 20px;
  overflow: hidden;
}
.html-frame--173-3 .text-section--profile .profile__item {
  float: left;
  width: 372px;
  margin: 0 24px 0 0 !important;
}
.html-frame--173-3 .text-section--profile .profile__item--right {
  margin-right: 0 !important;
}
/* 4 */
.html-frame--173-4 h4.title01, .html-frame--173-4 h5.title01 {
  color: #3b82c5;
}
.html-frame--173-4 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--173-4 .photolist01.scrollBox ul {
  margin: 20px 0;
}
.html-frame--173-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--173-4 .photolist01.scrollBox ul li {
  margin: -30px 0 20px;
}
.html-frame--173-4 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 5 */
.html-frame--173-5 {}
.html-frame--173-5 .float-Image {
  width: 280px;
  float: left;
  font-size: 11px;
  line-height: 1.5;
  padding-right: 20px;
  padding-bottom: 5px;
  overflow: hidden;
}
.html-frame--173-5 .float-Image img {
  margin-bottom: 8px;
}
.html-frame--173-5 .float-Image .textbox {
  float: left;
  width: 115px;
  margin: 0 24px 0 0;
}
.html-frame--173-5 .float-Image .textbox--right {
  margin-right: 0;
}
.html-frame--173-5 .float-Image span.name {
  font-size: 14px;
  width: 100%;
  margin: 0;
}
.html-frame--173-5 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--173-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--173-5 .photolist01 ul li.col2 {
  width: 532px;
  text-align: center;
  padding-top: 50px;
}
.html-frame--173-5 .photolist01 ul li.col3 {
  width: 810px;
}
.html-frame--173-5 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--173-5 .photolist01 ul li.col2 img {
  margin-bottom: 30px;
}
/* 6 */
.html-frame--173-6 {}
.html-frame--173-6 h4.title01 {
  color: #eb6106;
  display: inline-block;
}
.html-frame--173-6 h5.title01 {
  color: #eb6106;
  font-size: 14px;
  border: 1px solid #eb6106;
  padding: 2px 5px;
  margin-bottom: -20px;
}
.html-frame--173-6 .float-Image {
  width: 150px;
  float: left;
  font-size: 11px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.html-frame--173-6 .float-Image img {
  margin-bottom: 8px;
}
.html-frame--173-6 .float-Image span.name {
  font-size: 16px;
  display: inline-block;
}
.html-frame--173-6 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--173-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--173-6 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--173-6 .photolist01 ul li.col2--short {
  width: 393px;
}
.html-frame--173-6 .photolist01 ul ul {
  margin: 0 -12px;
}
.html-frame--173-6 .photolist01 ul ul li {
  margin: 0 12px;
  padding-top: 0;
}
.html-frame--173-6 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--173-6 .text-section--column {}
.html-frame--173-6 .text-section--column .column__innner {
  border: 1px solid #eb6106;
  padding: 15px;
}
.html-frame--173-6 .text-section--column h4 {
  width: 15em;
  padding: 2px 14px;
  margin: -15px 0 15px -15px;
  color: #FFF;
  background-color: #eb6106;
  text-align: center;
}
/* 7 */
.html-frame--173-7 {}
.html-frame--173-7 h4.title01 {
  color: #eb6106;
}
.html-frame--173-7 h5.title01 {
  color: #eb6106;
  font-size: 14px;
  border: 1px solid #eb6106;
  padding: 2px 5px;
  margin-bottom: -20px;
}
.html-frame--173-7 .float-Image {
  width: 200px;
  float: left;
  font-size: 11px;
  padding-right: 15px;
  padding-bottom: 5px;
}
.html-frame--173-7 .float-Image img {
  margin-bottom: 8px;
}
.html-frame--173-7 .float-Image span.name {
  font-size: 16px;
  display: inline-block;
}
.html-frame--173-7 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--173-7 .text-section--interview .photolist01 ul {
  margin: 40px -12px 0 -11px;
}
.html-frame--173-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--173-7 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--173-7 .photolist01 ul li.col3 {
  width: 810px;
}
.html-frame--173-7 .text-section--interview .photolist01 ul li {
  width: 244px;
  margin: -30px 12px 20px 11px;
}
.html-frame--173-7 .text-section--interview .photolist01 ul li.col2 {
  width: 511px;
}
.html-frame--173-7 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--173-7 .text-section--interview {}
.html-frame--173-7 .text-section--interview .interview__innner {
  border: 1px solid #eb6106;
  padding: 15px;
}
.html-frame--173-7 .text-section--interview h4 {
  font-size: 18px;
  color: #eb6106;
  margin-bottom: 15px;
}
.html-frame--173-7 .text-section--interview h4 span {
  display: inline-block;
  padding: 2px 8px;
  margin-right: 15px;
  line-height: 1.3;
  color: #FFF;
  background-color: #f7c39c;
}
.html-frame--173-7 .text-section--interview h5 {
  display: inline-block;
  color: #eb6106;
}
/* 8 */
.html-frame--173-8 {}
.html-frame--173-8 h4.title01 {
  color: #6fba2c;
}
.html-frame--173-8 h5.title01 {
  color: #6fba2c;
}
.html-frame--173-8 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--173-8 .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--173-8 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--173-8 .photolist01 ul li.col2--s {
  width: 393px;
}
.html-frame--173-8 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 9 */
.html-frame--173-9 {}
.html-frame--173-9 h4.title01 {
  color: #6fba2c;
}
.html-frame--173-9 h5.title01 {
  color: #6fba2c;
}
.html-frame--173-9 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--173-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--173-9 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--173-9 .photolist01 ul ul {
  margin: 0 -12px 10px;
}
.html-frame--173-9 .photolist01 ul ul li {
  margin: 0 12px;
  padding-top: 0;
}
.html-frame--173-9 .photolist01 ul li img {
  margin-bottom: 8px;
}
/* 10 */
.html-frame--173-10 h4.title01, .html-frame--173-10 h5.title01 {
  color: #3389ca;
}
.html-frame--173-10 p.tableCnt {
  display: inline-block;
  background-color: #f2f2f3;
  padding: 10px;
}
.html-frame--173-10 .color--blue01 {
  color: #3389ca;
}
.html-frame--173-10 span.name {
  display: inline-block;
  color: #3389ca;
  margin-right: 10px;
}
.html-frame--173-10 .float-Image {
  width: 254px;
  float: left;
  font-size: 11px;
  padding-right: 20px;
  padding-bottom: 5px;
}
.html-frame--173-10 .float-Image--right {
  width: 254px;
  float: right;
  padding: 0 0 5px 20px;
  padding-bottom: 5px;
}
.html-frame--173-10 .float-Image img {
  margin-bottom: 8px;
}
.html-frame--173-10 .float-Image span.name {
  font-size: 14px;
  width: 100%;
  text-align: right;
  margin: 0;
}
.html-frame--173-10 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
}
.html-frame--173-10 .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--173-10 .photolist01 ul li img {
  margin-bottom: 8px;
}
.html-frame--173-10 .text-section--profile {}
.html-frame--173-10 .text-section--profile .profile__innner {
  border: 1px solid #3389ca;
  padding: 15px 20px 0;
  overflow: hidden;
}
.html-frame--173-10 .text-section--profile h4.title02 {
  display: inline-block;
  color: #fff;
  background-color: #3389ca;
  padding: 4px 8px;
  margin-bottom: 10px;
  line-height: 1.3;
}
.html-frame--173-10 .text-section--profile .profile__item {
  margin: -30px 0 20px;
  padding-top: 30px;
}
.html-frame--173-10 .text-section--profile .profile__item p {
  display: block;
  overflow: hidden;
  margin-bottom: 10px !important;
}
.html-frame--173-10 .text-section--profile .profile__item .photo {
  display: inline-block;
  float: right;
  margin: 2px 0 5px 10px;
  width: 100px;
}
.html-frame--173-10 .text-section--profile .profile__item .photo--left {
  float: left;
  margin: 2px 10px 5px 0;
}
.html-frame--173-10 .text-section--profile .profile__item .photo img {
  margin-bottom: 3px;
  width: 100px;
}
.html-frame--173-10 .text-section--profile .profile__item .photo span {
  font-size: 11px;
}
/* 11 */
.html-frame--173-11 h4.title01 {
  color: #6FBA2C;
}
.html-frame--173-11 h5.title01 {
  margin: 40px 0 -35px;
}
.html-frame--173-11 .color-pink01 {
  color: #E4007F;
}
.html-frame--173-11 .photolist01 ul {
  font-size: 0;
  letter-spacing: 0;
  margin: 40px -12px 20px;
  ;
}
.html-frame--173-11 .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--173-11 .photolist01 ul li.col2 {
  width: 532px;
}
.html-frame--173-11 .photolist01 ul li img {
  margin-bottom: 8px;
}