@charset "utf-8";
/** |READ ME| **********************************************************************************************************

"Job Shadowing"

Cascading Style Sheet Setting File

Ver.20251122

------------------------------------------------------------------------------------------------------------------------ **/

.sha-tai{position:relative;padding:120px 0 180px;margin:auto;}
.sha-tai::before{content:" ";display:block;width:100%;height:1px;background:#ddd;max-width:1240px;top:0;left:50%;transform:translate(-50%, 0);position:absolute;}
.sha-tai-hed{position:relative;padding:0 0 180px 160px;}
.sha-tai-hed-tit{position:absolute;top:-120px;left:20px;font-size:35px;font-weight:bold;bottom:-180px;}
.sha-tai-hed-tit-inn{position:sticky;top:0;padding:120px 0 160px;writing-mode:vertical-rl;}
.sha-tai-hed-list{display:flex;flex-wrap:wrap;text-align:left;}
.sha-tai-hed-list dt{padding:0 0 40px;width:120px;font-weight:bold;font-size:15px;}
.sha-tai-hed-list dd{padding:0 0 40px;width:calc(100% - 120px);font-size:15px;}
.sha-tai-hed-list small{display:block;padding:5px 0 0;}
.sha-tai-poi{padding:0 0 180px;max-width:940px;margin:0 0 0 160px;}
.sha-tai-poi-tit{padding:0 0 30px;font-size:18px;font-weight:bold;text-align:left;}
.sha-tai-poi-list li{background:#f7f7f7;min-height:200px;position:relative;box-sizing:border-box;padding:40px 40px 40px 200px;text-align:left;border-radius:10px;}
.sha-tai-poi-list li::before{font-family:'Oswald', sans-serif;font-weight:500;width:200px;height:200px;font-weight:bold;font-size:45px;display:flex;align-items:center;position:absolute;top:0;left:0;justify-content:center;}
.sha-tai-poi-list li:nth-child(1)::before{content:"01";}
.sha-tai-poi-list li:nth-child(2)::before{content:"02";}
.sha-tai-poi-list li:nth-child(3)::before{content:"03";}
.sha-tai-poi-list li + li{margin:15px 0 0;}
.sha-tai-poi-list b{font-size:18px;font-weight:bold;display:block;padding:0 0 5px;}
.sha-tai-poi-list p{font-size:16px;line-height:2;}
.sha-tai-mov{position:relative;max-width:940px;margin:0 0 0 160px;}
.sha-tai-mov-tit{padding:0 0 30px;font-size:18px;font-weight:bold;text-align:left;}
.sha-tai-mov-tit br{display: none;}
.sha-tai-mov-list{display:flex;flex-direction:row-reverse;max-width:940px;margin:auto;}
.sha-tai-mov-list dt{line-height:2;padding:0 0 0 30px;text-align:left;width:43%;}
.sha-tai-mov-list dd{width:57%;}
.sha-tai-mov-wrap{aspect-ratio: 16 / 9;}
.sha-tai-mov-wrap iframe{width: 100%;height: 100%;}
.sha-inf{position:relative;padding:120px 0 80px;margin:auto;}
.sha-inf::before{content:" ";display:block;width:100%;height:1px;background:#ddd;max-width:1240px;top:0;left:50%;transform:translate(-50%, 0);position:absolute;}
.sha-inf-hed{position:relative;padding:0 300px 0 160px;}
.sha-inf-hed-tit{position:absolute;top:-120px;left:20px;font-size:35px;font-weight:bold;bottom:-80px;}
.sha-inf-hed-tit-inn{position:sticky;top:0;padding:120px 0 80px;writing-mode:vertical-rl;}
.sha-inf-hed-sub{padding:0 0 40px;line-height:2;text-align:left;max-width:600px;}
.sha-inf-hed-list{border-top:1px #ddd solid;display:flex;flex-wrap:wrap;max-width:600px;}
.sha-inf-hed-list dt{padding:25px 0;border-bottom:1px #ddd solid;width:60%;display:flex;gap:10px;}
.sha-inf-hed-list dt span{padding:8px 18px;border:1px #000 solid;white-space:nowrap;}
.sha-inf-hed-list dd{padding:25px 0;border-bottom:1px #ddd solid;margin:0 0 0 auto;display:flex;align-items:center;width:40%;}
.sha-inf-hed-list dd span{padding:0 5px;}
.sha-inf-hed-list dd span:last-child{padding:0 0 0 10px;margin:0 0 0 auto;}
.sha-inf-hed-list dd.sha-inf-hed-list-att{font-size:12px;line-height:2;width:100%;border-bottom:none;padding:20px 0 0;text-align:left;}
.sha-inf-hed-stf{position:absolute;top:0;right:0;width:250px;}
.sha-inf-hed-stf img{width:100%;height:auto;}
.sha-inf-hed-stf span{display:block;margin:0 0 0 auto;width:calc( 100% * 160 / 255);padding:10px 0 0;}
.sha-sch{position: relative;padding:0 0 60px;}
.sha-sch-anc{position: absolute;top:-130px;}
.sha-sch-box{box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.1);border-radius:15px;margin:auto;overflow:hidden;background: #f6f6f6;}
.sha-sch-box-tit{font-size:20px;color:#fff;padding:10px;background:#FF0033;font-weight:bold;}
.sha-sch-box-txt{padding:40px 0 10px;font-size:15px;line-height:2;}
.sha-sch-box-wrap{padding:0;font-size:0;}
.sha-sch-box-wrap iframe{width:100%;}
@media (max-width:1000px) and (min-width:641px){
    .sha-tai-hed{padding:0 0 180px 120px;}
    .sha-tai-poi{margin:0 0 0 120px;}
    .sha-tai-mov{margin:0 0 0 120px;}
    .sha-inf-hed{padding:0 0 0 120px;}
    .sha-inf-hed-sub{max-width:none;}
    .sha-inf-hed-list{max-width:none;padding:0 0 60px;}
    .sha-inf-hed-stf{position:relative;margin:0;top:auto;right:auto;}
}
@media (max-width:640px){
    .sha-tai{padding:15% 0 20%;}
    .sha-tai-hed{padding:0;}
    .sha-tai-hed-tit{position:relative;top:auto;left:auto;bottom:auto;writing-mode:lr;padding:0 0 7.5%;font-size:28px;}
    .sha-tai-hed-tit-inn{position:relative;top:auto;padding:0;writing-mode:horizontal-tb;}
    .sha-tai-hed-list{display:block;padding:0 0 15%;}
    .sha-tai-hed-list dt{width:auto;padding:0;}
    .sha-tai-hed-list dd{width:auto;padding:0 0 30px;}
    .sha-tai-hed-list dd:last-child{padding:0;}
    .sha-tai-poi{margin:auto;padding:0 0 15%;}
    .sha-tai-poi-tit{padding:0 0 10px;}
    .sha-tai-poi-list b{font-size:16px;padding:0;}
    .sha-tai-poi-list li{min-height:0;padding:25px 5% 5% 70px;}
    .sha-tai-poi-list li::before{width:70px;height:80px;top:0;font-size:30px;transform:none;}
    .sha-tai-poi-list li p{line-height:1.8;font-size:14px;}
    .sha-tai-mov{margin:auto;padding:0;}
    .sha-tai-mov-tit{padding:0 0 20px;text-align: center;}
    .sha-tai-mov-tit br{display: inline;}
    .sha-tai-mov-list{flex-direction:column-reverse;}
    .sha-tai-mov-list dt{padding:10px 0 0;width:100%;}
    .sha-tai-mov-list dd{padding:0;width:100%;}
    .sha-inf{padding:15% 0 10%;}
    .sha-inf-hed{padding:0;}
    .sha-inf-hed-tit{position:relative;top:auto;left:auto;bottom:auto;writing-mode:lr;padding:0 0 7.5%;font-size:28px;}
    .sha-inf-hed-tit-inn{position:relative;top:auto;padding:0;writing-mode:horizontal-tb;}
    .sha-inf-hed-sub{padding:0 0 10%;max-width:none;}
    .sha-inf-hed-list{max-width:none;padding:0 0 15%;display:block;}
    .sha-inf-hed-list dt{padding:5% 0 0;border-bottom:none;width:auto;}
    .sha-inf-hed-list dt span{padding:6px 12px;}
    .sha-inf-hed-list dd{max-width:none;width:auto;padding:12px 0 5%;}
    .sha-inf-hed-list dd.sha-inf-hed-list-att{padding:10px 0 0;}
    .sha-inf-hed-stf{position:relative;margin:auto;top:auto;right:auto;width: 200px;}
    .sha-inf-hed-stf img{margin: 0 0 0 -36%;}
    .sha-inf-hed-stf span{width:auto;}
    .sha-sch{padding:0 0 5%;}
    .sha-sch-anc{top:-80px;}
    .sha-sch-box-tit{font-size:18px;padding:12px 10px;}
    .sha-sch-box-txt{text-align:left;padding:5% 5% 0;}
    .sha-sch-box-txt br{display:none;}
    .sha-sch-box-wrap{padding:0;}
}