@charset "utf-8";

.wrap {display:block;position:relative;width:100%;min-height:calc(100vh - 637px);padding:120px 0;}
.content {width:100%;max-width:var(--content-w);margin:0 auto;}
.content:after {display:block;visibility:hidden;clear:both;content:""}

.wrap h3 {display:block;margin:0 0 80px 0;font-size:48px;font-weight:700;line-height:120%;letter-spacing:-1px;}
.wrap p {font-size:18px;font-weight:400;line-height:240%;word-break:keep-all;}

@media screen and (max-width:1280px) {
.wrap {padding:80px 20px;}
.wrap h3 {margin:0 0 60px 0;font-size:36px;}
.wrap p {font-size:16px;}
}

@media screen and (max-width:980px) {
.wrap {padding:80px 20px;}
.wrap h3 {margin:0 0 40px 0;font-size:30px;}
.wrap p {font-size:14px;}
}



.wrap.whos h3,
.wrap.whos p {color:#fff;text-shadow:0 0 4px rgba(0,0,0,0.8);}

.wrap.whos01 {background:url(../img/whos01_bg.jpg) no-repeat 50% 0;background-size:cover;}
.wrap.whos01 div.p1,
.wrap.whos01 div.p2 {display:block;float:left;width:50%}
.wrap.whos01 div.p1 {padding:0 40px 0 0;border-right:solid 1px #ddd;}
.wrap.whos01 div.p2 {padding:0 0 0 40px;}
.wrap.whos01 div h4 {display:block;margin:0 0 20px 0;font-size:20px;font-weight:500;}
.wrap.whos01 div p {margin:0 0 20px 0;color:#444;line-height:140%;text-shadow:none;}
.wrap.whos01 div .img {margin:0 0 20px 0;}
.wrap.whos01 div .img img {width:100%;height:auto;}
.wrap.whos01 div .img .caption {margin:12px 0 0 0;color:#999;font-size:14px;line-height:140%;}

.wrap.whos02 {background:url(../img/whos02_bg.jpg) no-repeat 50% 0;background-size:cover;}
.wrap.whos02 h3 {text-align:center;}
.wrap.whos02 p {text-align:center;}


.wrap.whos03 {background:#111;}
.wrap.whos03 .p1 {padding:160px 0 160px 60%;text-align:center;background:url(../img/whos03_img01.jpg) no-repeat 0 0;background-size:auto 100%;}
.wrap.whos03 .p1 p {font-size:24px;line-height:180%;}

.wrap.whos03 .p2 {display:block;position:relative;}
.wrap.whos03 .p2:after {display:block;visibility:hidden;clear:both;content:""}
.wrap.whos03 .p2 .img {display:block;float:right;width:320px;margin:0 0 20px 20px;}
.wrap.whos03 .p2 .img img {width:100%;height:auto;}
.wrap.whos03 .p2 .img img:first-child {margin:0 0 60px 0;}
.wrap.whos03 .p2 p {padding:120px 0;}

.wrap.whos04 {background:url(../img/whos04_bg.jpg) no-repeat 50% 0;background-size:cover;}
.wrap.whos04 .p1 {margin:0 0 40px 0;}
.wrap.whos04 .p1:after {display:block;visibility:hidden;clear:both;content:""}
.wrap.whos04 .p1 div {display:block;float:left;width:60%;}
.wrap.whos04 .p1 div.img {float:right;width:40%;}
.wrap.whos04 .p1 div.img img {width:100%;height:auto;}
.wrap.whos04 .p1 div.cont span {display:block;width:55%;margin:0 auto;color:rgba(0,0,0,0.7);font-size:120px;font-weight:900;line-height:90%;}
.wrap.whos04 .p1 div.cont span:nth-child(1) {text-align:left;}
.wrap.whos04 .p1 div.cont span:nth-child(2) {text-align:right;}
.wrap.whos04 .p1 div.cont span:nth-child(3) {text-align:center;}
.wrap.whos04 .p1 div.cont img {display:block;width:45%;height:auto;margin:60px auto 0 auto;}

.wrap.whos04 .p2 h4 {display:block;margin:0 0 80px 0;color:rgba(0,0,0,0.7);font-size:48px;font-weight:900;line-height:120%;text-align:center;}
.wrap.whos04 .p2 h5 {display:block;margin:0 0 20px 0;color:#fff;font-size:30px;font-weight:600;text-align:center;text-shadow:0 0 4px rgba(0,0,0,0.8);}
.wrap.whos04 .p2 .line {display:block;width:2px;height:60px;margin:20px auto;background:rgba(0,0,0,0.8);}
.wrap.whos04 .p2 .career {display:block;position:relative;padding:80px 20px;background:url(../img/whos04_circle.png) no-repeat center top;background-size:100% auto;}
.wrap.whos04 .p2 ul {text-align:center;}
.wrap.whos04 .p2 ul li {display:block;position:relative;margin:0 0 18px 0;}
.wrap.whos04 .p2 ul li:last-child {margin:0;}
.wrap.whos04 .p2 ul li span {display:inline-block;position:relative;padding:0 0 0 10px;color:#fff;font-size:18px;font-weight:400;line-height:140%;text-shadow:0 0 6px rgba(0,0,0,0.8);word-break:keep-all;}
.wrap.whos04 .p2 ul li span:before {content:'';display:block;position:absolute;left:0;top:50%;width:3px;height:3px;margin:-1.5px 0 0 0;background:#fff;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,0.8);}


@media screen and (max-width:1280px) {
.wrap.whos02 {background:url(../img/whos02_bg.jpg) no-repeat 50% 0;background-size:cover;}
.wrap.whos02 h3 {text-align:center;}
.wrap.whos02 p {text-align:center;}


.wrap.whos03 .p1 {padding:140px 0 140px 50%;}
.wrap.whos03 .p1 p {font-size:20px;}

.wrap.whos03 .p2 {padding:80px 0;}
.wrap.whos03 .p2 .img {width:260px;}

.wrap.whos04 .p1 div.cont span {width:40%;font-size:80px;}

.wrap.whos04 {padding:120px 0;}
.wrap.whos04 .p2 h4 {margin:0 0 80px 0;font-size:36px;}
.wrap.whos04 .p2 h5 {font-size:24px;}
.wrap.whos04 .p2 ul li span {font-size:16px;}
}


@media screen and (max-width:980px) {
.wrap.whos01 div.p1,
.wrap.whos01 div.p2 {float:none;width:100%;}
.wrap.whos01 div.p1 {padding:0;border-right:none;}
.wrap.whos01 div.p2 {padding:0;}
.wrap.whos01 div h4 {font-size:18px;}
.wrap.whos01 div .img .caption {font-size:13px;}


.wrap.whos03 .p1 {padding:120px 0;background:url(../img/whos03_img01.jpg) no-repeat 50% 50%;background-size:cover;}
.wrap.whos03 .p1 p {font-size:18px;}

.wrap.whos03 .p2 p {padding:60px 0;}
.wrap.whos03 .p2 .img {width:240px;}
.wrap.whos03 .p2 .img img:first-child {margin:0 0 40px 0;}

.wrap.whos04 {padding:0 0 80px 0;}
.wrap.whos04 .p1 div {float:none;width:100%;}
.wrap.whos04 .p1 div.img {float:none;width:100%;max-width:480px;margin:0 auto 40px auto;}
.wrap.whos04 .p1 div.cont {}
.wrap.whos04 .p1 div.cont span {width:180px;margin:0 auto;font-size:60px;}
.wrap.whos04 .p1 div.cont img {display:block;width:40%;height:auto;margin:60px auto 0 auto;}

.wrap.whos04 .p2 h4 {margin:0 0 60px 0;font-size:30px;}
.wrap.whos04 .p2 h5 {font-size:20px;}
.wrap.whos04 .p2 .line {width:2px;height:50px;}
.wrap.whos04 .p2 ul li span {font-size:14px;}
}


@media screen and (max-width:768px) {
.wrap.whos01 div h4 {font-size:16px;}
.wrap.whos01 div .img .caption {font-size:12px;}

.wrap.whos03 .p2 .img {width:180px;}
.wrap.whos03 .p2 .img img:first-child {margin:0 0 20px 0;}
}


@media screen and (max-width:480px) {
.wrap.whos03 .p2 .img {width:120px;}

.wrap.whos04 .p1 div.cont img {display:block;width:60%;}
}




.greeting .img {display:block;margin:0 0 120px 0;}
.greeting .img img {width:100%;height:auto;}
.greeting p {margin:0 0 60px 0;line-height:140%;}
.greeting .sign {font-size:18px;text-align:right;}
.greeting .sign strong {font-weight:500;}

.plan .img {display:block;margin:0 0 120px 0;}
.plan .img img {width:100%;height:auto;}

.photo {display:block;margin:0 0 80px 0;}
.bxslider {}
.bxslider:after {display:block;visibility:hidden;clear:both;content:""}
.bxslider li {display:block;}
.bxslider img {width:100%;height:auto;}

.bxpager {display:block;}
.bxpager ul {}
.bxpager ul:after {display:block;visibility:hidden;clear:both;content:""}
.bxpager ul li {display:block;float:left;width:32%;margin:0 2% 20px 0;}
.bxpager ul li:nth-child(3n) {margin:0 0 20px 0;}
.bxpager ul li img {width:100%;height:auto;}

.guide .p {margin:0 0 80px 0;padding:0 0 80px 0;border-bottom:solid 1px #ddd;}
.guide .p:last-child {border-bottom:none;}
.guide h4 {display:block;margin:0 0 60px 0;font-size:24px;font-weight:700;letter-spacing:-0.5px;}
.guide p {line-height:140%;}
.guide .table {overflow-y:hidden;overflow-x:auto;}
.guide table {width:100%;min-width:840px;border-top:solid 1px #222;}
.guide table th,
.guide table td {padding:24px 10px;font-size:16px;text-align:center;line-height:140%;border:none;border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;}
.guide table th {background:#f9f9f9;border-bottom:solid 1px #aaa;}
.guide table .none {border-right:none}
.guide .caption {padding:8px 20px;font-size:16px;}



@media screen and (max-width:1280px) {
.greeting .img {margin:0 0 80px 0;}
.greeting .sign {font-size:16px;}

.plan .img {margin:0 0 80px 0;}

.photo {margin:0 0 60px 0;}
}


@media screen and (max-width:980px) {
.greeting .img {margin:0 0 60px 0;}
.greeting .sign {font-size:14px;}

.plan .img {margin:0 0 60px 0;}

.photo {margin:0 0 40px 0;}
.bxpager ul li {margin:0 2% 10px 0;}
.bxpager ul li:nth-child(3n) {margin:0 0 10px 0;}

.guide .p {margin:0 0 40px 0;padding:0 0 60px 0;}
.guide h4 {font-size:20px;}
.guide table th,
.guide table td {font-size:15px;}
.guide .caption {font-size:15px;}
}


@media screen and (max-width:768px) {
.guide h4 {margin:0 0 30px 0;font-size:18px;}
.guide table th,
.guide table td {font-size:14px;}
.guide .caption {font-size:14px;}
}


@media screen and (max-width:480px) {
}