<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.title-holder {
  background-color: #000;
  padding: 45px 0px; }
  .title-holder h1 {
    font-size: 36px;
    color: #fff; }
    .title-holder h1 span {
      font-size: 20px;
      font-weight: 100;
      position: relative;
      bottom: 5px;
      margin-left: 10px; }

.person-section-1 {
  background: url("/data/img/recruit/person/person-img-1.png") no-repeat center top;
  height: 1030px;
  overflow: hidden;
  position: relative; }
  .person-section-1 .sp-sec-1-div-1 {
    display: none; }
  .person-section-1 .sec-1-div-1 {
    position: absolute; }
    .person-section-1 .sec-1-div-1 h1 {
      position: absolute;
      left: 350px;
      width: 695px;
      font-size: 38px;
      line-height: 1.4;
      top: 280px; }
      .person-section-1 .sec-1-div-1 h1 span {
        font-size: 42px; }
    .person-section-1 .sec-1-div-1 .p-1 {
      background: #000;
      position: absolute;
      left: 350px;
      top: 440px;
      color: #fff;
      font-size: 20px;
      padding: 0px 15px;
      width: 170px; }
    .person-section-1 .sec-1-div-1 .p-2 {
      font-size: 16px;
      line-height: 1.8;
      width: 405px;
      text-align: justify;
      position: absolute;
      left: 350px;
      top: 560px; }
    .person-section-1 .sec-1-div-1 .sp-view {
      display: none; }

.person-section-2 {
  background: url("/data/img/recruit/person/person-img-2.png") no-repeat center top;
  height: 1130px;
  margin-top: -62px;
  overflow: hidden;
  position: relative; }
  .person-section-2 .sp-sec-2-div-1 {
    display: none; }
  .person-section-2 .sec-2-div-1 {
    position: absolute; }
    .person-section-2 .sec-2-div-1 h1 {
      position: absolute;
      left: 560px;
      width: 395px;
      font-size: 38px;
      top: 330px; }
    .person-section-2 .sec-2-div-1 h2 {
      position: absolute;
      line-height: 1.4;
      width: 695px;
      top: 400px;
      font-size: 21px;
      left: 560px; }
      .person-section-2 .sec-2-div-1 h2 span {
        font-size: 42px; }
    .person-section-2 .sec-2-div-1 .p-1 {
      background: #000;
      position: absolute;
      left: 470px;
      top: 520px;
      color: #fff;
      font-size: 20px;
      padding: 0px 15px;
      width: 190px; }
    .person-section-2 .sec-2-div-1 .p-2 {
      font-size: 16px;
      line-height: 1.8;
      width: 405px;
      text-align: justify;
      position: absolute;
      left: 350px;
      top: 640px; }
    .person-section-2 .sec-2-div-1 .sp-view {
      display: none; }

.person-section-3 {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px; }
  .person-section-3 .sp-img-3 {
    display: none; }

@media screen and (max-width: 768px) {
  .layout {
    width: 100%;
    margin: 0 auto; }
  .title-holder {
    padding: 15px 20px;
    margin-bottom: 20px; }
    .title-holder h1 {
      font-size: 18px; }
      .title-holder h1 span {
        font-size: 13px;
        display: block;
        margin-left: 0px; }
  .person-section-1 {
    background: none;
    height: auto;
    margin-bottom: 30px; }
    .person-section-1 .sec-1-div-1 {
      position: static; }
      .person-section-1 .sec-1-div-1 .pc-view {
        display: none; }
      .person-section-1 .sec-1-div-1 .sp-view {
        display: block;
        position: relative; }
        .person-section-1 .sec-1-div-1 .sp-view img {
          width: 100%; }
      .person-section-1 .sec-1-div-1 .p-2-wrap {
        margin-top: -50%;
        padding-top: 50%;
        background: url(/data/img/recruit/person/sp/back01.jpg);
        background-size: 100% auto;
        background-position: left top; }
      .person-section-1 .sec-1-div-1 .p-2 {
        padding: 20px 20px 30px;
        font-size: 15px;
        width: auto;
        position: static;
        line-height: 1.6; }
  .person-section-2 {
    background: none;
    height: auto;
    margin-top: 0; }
    .person-section-2 .sec-2-div-1 {
      position: static; }
      .person-section-2 .sec-2-div-1 .pc-view {
        display: none; }
      .person-section-2 .sec-2-div-1 .sp-view {
        display: block;
        position: relative; }
        .person-section-2 .sec-2-div-1 .sp-view img {
          width: 100%; }
      .person-section-2 .sec-2-div-1 .p-2-wrap {
        margin-top: -50%;
        padding-top: 50%;
        background: url(/data/img/recruit/person/sp/back02.jpg);
        background-size: 100% auto;
        background-position: left top; }
      .person-section-2 .sec-2-div-1 .p-2 {
        padding: 20px 20px 30px;
        font-size: 15px;
        width: auto;
        position: static;
        line-height: 1.6; }
  .person-section-3 {
    margin-top: 0px;
    margin-bottom: 0px; }
    .person-section-3 .img-3 {
      display: none; }
    .person-section-3 .sp-img-3 {
      display: block;
      width: 100%; } }

/*
@media screen and (max-width: 425px) {
	.person-section-1 {
		padding-top: 222px;
	    background-size: 100% auto;
		padding-bottom: 0px;
		margin-bottom: -220px;
		.sp-sec-1-div-1 {
			.sp-sec-1-div-1-inner {
				padding: 10px 40px;
				h1 {
					font-size: 21px;
				}
			}
			.sp-p-1 {
				font-size: 16px;
				width: 155px;
				left: 178px;
				top: 115px;
			}
			.sp-p-2 {
				font-size: 16px;
			}
		}
	}
	.person-section-2 {
		padding-top: 231px;
	    background-size: 100% auto;
		padding-bottom: 0px;
		height: 950px;
		.sp-sec-2-div-1 {
			.sp-sec-2-div-1-inner {
				padding: 10px 20px;
				h1 {
					font-size: 18px;
					br {
						display: none;
					}
					.sp-span-1 {
						font-size: 16px;
						float: none;
						display: block;
						margin-top: 0px;
					}
					.sp-span-2 {
						font-size: 18px;
					}
				}
			}
			.sp-p-1 {
				font-size: 16px;
				width: 155px;
				left: 178px;
				top: 115px;
			}
			.sp-p-2 {
			}
		}
	}
}

@media screen and (max-width: 375px) {
	.person-section-1 {
	    padding-top: 170px;
		margin-bottom: -330px;
		.sp-sec-1-div-1 {
			.sp-sec-1-div-1-inner {
				padding: 10px 20px;
				h1 {
					font-size: 18px;
				}
			}
			.sp-p-1 {
				font-size: 14px;
				width: 145px;
				left: 161px;
				top: 117px;
			}
			.sp-p-2 {
			}
		}
	}
	.person-section-2 {
		padding-top: 191px;
		margin-bottom: 0px;
		height: 850px;
		.sp-sec-2-div-1 {
			.sp-sec-2-div-1-inner {
				padding: 10px 20px;
				h1 {
					font-size: 16px;
					br {
						display: none;
					}
					.sp-span-1 {
						font-size: 14px;
						float: none;
						display: block;
						margin-top: 0px;
					}
					.sp-span-2 {
						font-size: 16px;
					}
				}
			}
			.sp-p-1 {
				font-size: 14px;
			    width: 152px;
			    left: 170px;
			    top: 116px;
			}
			.sp-p-2 {
			}
		}
	}
}

@media screen and (max-width: 320px) {
	.person-section-1 {
		padding-top: 152px;
		background-size: 100% auto;
		padding-bottom: 0px;
		margin-bottom: -440px;
		.sp-sec-1-div-1 {
			.sp-sec-1-div-1-inner {
				h1 {
					font-size: 14px;
				}
			}
			.sp-p-1 {
				font-size: 14px;
				left: 131px;
				top: 86px;
			}
			.sp-p-2 {
			}
		}
	}
	.person-section-2 {
		padding-top: 151px;
		background-size: 100% auto;
		padding-bottom: 0px;
		height: 737px;
		.sp-sec-2-div-1 {
			.sp-sec-2-div-1-inner {
				padding: 10px 20px;
				h1 {
					font-size: 16px;
					br {
						display: none;
					}
					.sp-span-1 {
						font-size: 14px;
						float: none;
						display: block;
						margin-top: 0px;
					}
					.sp-span-2 {
						font-size: 16px;
					}
				}
			}
			.sp-p-1 {
				font-size: 12px;
				width: 130px;
				left: 146px;
				top: 116px;
			}
			.sp-p-2 {
			}
		}
	}
}
*/

/*# sourceMappingURL=person.css.map */</pre></body></html>