@charset "UTF-8";

#contentsmain .inner-Box1 ul li:nth-child(1) h4.f-en span.sti{}


@media screen and (min-width: 768px),print {

span.fl-line { display: block; line-height: 1; width: 294px; height: 84px; overflow: visible; /* sticky等に影響させない */ margin: 0 auto; }
span.fl-line img { width: 100%; height: 100%; object-fit: contain; display: block; clip-path: inset(0 100% 0 0); transition: clip-path 0.3s ease-out; }
span.fl-line.is-show img { clip-path: inset(0 0 0 0); }

#ttlbox .inner-Box{padding: 27.5rem 0 0 0;margin-bottom: -126px;}
#ttlbox .inner-Box h1 .en{line-height: 1.3;margin-bottom: 1.2rem;}
#ttlbox .inner-Box h2{font-size: 2rem;line-height: 1.92;letter-spacing: 0;font-weight: 500;padding: 2.6rem 0 0rem;}

#contents00 {margin: 0 auto 131px;position: relative;text-align: center;padding: 7.7rem 0 0;}
#contents00 .inner-Box { margin: 0 auto; position: relative; }
#contents00 .inner-Box p.fttext {margin-bottom: 2.5rem;position: relative;font-size: 2rem;line-height: 1.92;letter-spacing: 0;font-weight: 500;}
#contents00 .inner-Box h2 {margin-bottom: 2.3rem;position: relative;font-size: 3.2rem;line-height: 2.5;letter-spacing: 0.16rem;font-weight: 400;}
#contents00 .inner-Box p.text {margin-bottom: 1.8rem;position: relative;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0;font-weight: 500;}

#contentsmain {margin: 0 auto;position: relative;background: url('../images/career-up/contentsmain-back01.jpg')repeat-y top center;background-size: 100% auto;padding: 124px 0 126px;}
#contentsmain h2 {margin-bottom: 60px;position: relative;font-size: 3.2rem;line-height: 2.5;letter-spacing: 0.16rem;font-weight: 400;text-align: center;color: #0097A3;}
#contentsmain .inner-Box1 {margin: 0 auto 120px;position: relative;padding: 0 4rem;max-width: 1280px;}
#contentsmain .inner-Box1 h3 {margin-bottom: -52px;position: relative;text-align: center;font-size: 2.8rem;line-height: 1.6;letter-spacing: 0;font-weight: 400;z-index: 3;}

#contentsmain .inner-Box1 p.text1 {margin-bottom: 4.4rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0;font-weight: 500;text-align: center;padding: 11px 0 0;}
#contentsmain .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 34px;}
#contentsmain .inner-Box1 ul li {position: relative;background: #FFFFFF;width: 31.6%;margin-right: 2.6%;text-align: center;padding: 7.6rem 0 4.1rem;}
#contentsmain .inner-Box1 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box1 h4.f-en {font-weight: 400;margin-bottom: 27px;position: relative;font-size: 4.3rem;line-height: 0.74;letter-spacing: 0;color: #0097A3;}
#contentsmain .inner-Box1 h4.f-en span.sti {font-size: 1.9rem;line-height: 1.05;letter-spacing: 0.152rem;font-weight: 400;font-style: italic;display: inline-block;border-bottom: #0097A3 1px solid;padding-bottom: 3px;margin-right: 31px;position: relative;top: -12px;}
#contentsmain .inner-Box1 h4.f-en span.f-min {display: inline-block;padding: 0 6px;}
#contentsmain .inner-Box1 h5 {margin-bottom: 24px;position: relative;color: #0097A3;font-size: 2.4rem;line-height: 1.6;letter-spacing: 0;font-weight: 500;}
#contentsmain .inner-Box1 p.ltext {margin-bottom: 3rem;position: relative;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0;font-weight: 500;}
#contentsmain .inner-Box1 p.text2 {margin-bottom: 3rem;position: relative;text-align: center;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0;font-weight: 500;}

#contentsmain .inner-Box2 {margin: 0 auto;position: relative;padding: 0 4rem;max-width: 1280px;}
#contentsmain .inner-Box2 h3 {margin-bottom: -52px;position: relative;text-align: center;font-size: 2.8rem;line-height: 1.6;letter-spacing: 0;font-weight: 400;z-index: 3;}
#contentsmain .inner-Box2 p.text1 {margin-bottom: 4.4rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0;font-weight: 500;text-align: center;padding: 11px 0 0;}
#contentsmain .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 34px;}
#contentsmain .inner-Box2 ul li {position: relative;background: #FFFFFF;width: 31.6%;margin-right: 2.6%;text-align: center;padding: 5.9rem 0 4.1rem;}
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box2 h4.f-en {font-weight: 400;margin-bottom: 27px;position: relative;font-size: 4.3rem;line-height: 0.74;letter-spacing: 0;color: #0097A3;}
#contentsmain .inner-Box2 h4.f-en span.sti {font-size: 1.9rem;line-height: 1.05;letter-spacing: 0.152rem;font-weight: 400;font-style: italic;display: inline-block;border-bottom: #0097A3 1px solid;padding-bottom: 3px;margin-right: 31px;position: relative;top: -12px;}
#contentsmain .inner-Box2 h4.f-en span.f-min {display: inline-block;padding: 0 6px;}
#contentsmain .inner-Box2 h5 {margin-bottom: 24px;position: relative;color: #0097A3;font-size: 2.4rem;line-height: 1.6;letter-spacing: 0;font-weight: 500;padding-top: 20px;}
#contentsmain .inner-Box2 p.ltext {margin-bottom: 3rem;position: relative;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0;font-weight: 500;}
#contentsmain .inner-Box2 p.text2 {margin-bottom: 3rem;position: relative;text-align: center;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0;font-weight: 500;}

#contents01 {margin: 0 auto -85px;position: relative;padding: 137px 4rem 0 4rem;max-width: 880px;}
#contents01 .inner-Box {margin: 0 auto 125px;position: relative;}
#contents01 .inner-Box h2 {margin-bottom: 54px;position: relative;font-size: 2.8rem;line-height: 1.6;letter-spacing: 0;font-weight: 400;text-align: center;}
#contents01 .contentslinebb h3 {margin-bottom: 27px;position: relative;font-size: 2.4rem;line-height: 1.25;letter-spacing: 0;color: #0097A3;font-weight: 500;}
#contents01 .contentslinebb p.ltext {margin-bottom: 0.9rem;position: relative;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0;font-weight: 500;padding-left: 208px;}
#contents01 .contentslinebb p.ltext::before{content: "";display: block;width: 7px;height: 7px;border-radius: 50%;background: #0097A3;position: absolute;top: 16px;left: 1px;}
#contents01 .contentslinebb p.ltext.mmm{padding-left: 157px;}
#contents01 .contentslinebb p.ltext.nnn{padding-left: 17px;}

#contents01 .contentslinebb p.ltext span {position: absolute;top: 0;left: 16px;}
#contents01 h4 {margin-bottom: 0px;position: relative;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0;font-weight: 500;text-align: center;top: -7px;}
#contents01 .contentslinebb p.ltext2 {margin-bottom: 1.5rem;position: relative;font-size: 1.6rem;line-height: 2.4;letter-spacing: 0;font-weight: 500;}
#contents01 .contentslinebb p.ltext2.bbb { padding-top: 10px; }
.contentslinebb{border-top: #D6D6D6 1px solid;position: relative;margin-bottom: 7.3rem;padding-top: 2.7rem;}
.contentslinebb::before{content: "";display: block;background: #0097A3;width: 120px;height: 1px;position: absolute;top: -1px;left: 0;}

#contentsbottom {margin: -23px auto 16rem;position: relative;max-width: 1280px;padding: 0 4rem;}
#contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {position: relative;width: 31.7%;margin-right: 2.4%;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li a {display: block;height: 119px;background: #EEF7F9;position: relative;padding: 37px 10px 0 145px;}
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box figure.figbo { position: absolute; top: 0; left: 0; }
#contentsbottom .inner-Box figure.figbo img{  }
#contentsbottom .inner-Box p.ltext {position: relative;font-size: 1.3rem;line-height: 1.5;letter-spacing: 0;font-weight: 400;}
#contentsbottom .inner-Box p.ltext span.f-en {display: block;margin-bottom: 10px;font-size: 1.6rem;line-height: 1;letter-spacing: 0.128rem;}
#contentsbottom .inner-Box ul li .arr{position: absolute;bottom: 15px;right: 17px;transition: all 0.3s ease-in-out;}
#contentsbottom .inner-Box ul li a:hover .arr{  right: 10px;}


}
@media screen and (min-width:768px) and ( max-width:1919px) {

}


@media screen and (max-width: 767px) {
span.fl-line {display: block;line-height: 1;width: 48.01vw;height: 20.29vw;overflow: visible; /* sticky等に影響させない */margin: 0 auto;}
span.fl-line img { width: 100%; height: 100%; object-fit: contain; display: block; clip-path: inset(0 100% 0 0); transition: clip-path 0.3s ease-out; }
span.fl-line.is-show img { clip-path: inset(0 0 0 0); }

#ttlbox .inner-Box h1{ margin-bottom: -5vw; }
#ttlbox .inner-Box h2{font-size: 4.43vw;line-height: 1.92;letter-spacing: 0;font-weight: 500;padding: 4.6vw 0 0rem;}

#contents00 {margin: 0 auto 23.64vw;position: relative;text-align: center;}
#contents00 .inner-Box { margin: 0 4vw; position: relative; }
#contents00 .inner-Box p.fttext {margin-bottom: 5vw;position: relative;font-size: 3.93vw;line-height: 1.92;letter-spacing: 0;font-weight: 500;}
#contents00 .inner-Box h2 {margin-bottom: 4vw;position: relative;font-size: 5.33vw;line-height: 2.5;letter-spacing: 0.39vw;font-weight: 400;}
#contents00 .inner-Box p.text {margin-bottom: 1.8rem;position: relative;font-size: 3.86vw;line-height: 2.4;letter-spacing: 0;font-weight: 500;}

#contentsmain {position: relative;background: url('../images/career-up/contentsmain-back01.jpg')repeat-y top center;background-size: 100% auto;padding: 14.95vw 0 6.43vw;}
#contentsmain h2 {margin-bottom: 8.49vw;position: relative;font-size: 5.73vw;line-height: 2.5;letter-spacing: 0.39vw;font-weight: 400;text-align: center;color: #0097A3;}
#contentsmain .inner-Box1 {margin: 0 auto 28.99vw;position: relative;padding: 0 4vw;}
#contentsmain .inner-Box1 h3 {margin-bottom: -12vw;position: relative;text-align: center;font-size: 4.96vw;line-height: 1.6;letter-spacing: 0;font-weight: 400;z-index: 3;}

#contentsmain .inner-Box1 p.text1 {margin-bottom: 5vw;position: relative;font-size: 3.46vw;line-height: 2;letter-spacing: 0;font-weight: 500;text-align: left;padding: 2.66vw 0 0;}
#contentsmain .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 3.21vw;}
#contentsmain .inner-Box1 ul li {position: relative;background: #FFFFFF;width: 100%;text-align: center;padding: 9vw 3vw;margin-bottom: 5vw;}
#contentsmain .inner-Box1 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsmain .inner-Box1 h4.f-en {font-weight: 400;margin-bottom: 6.52vw;position: relative;font-size: 8.59vw;line-height: 0.74;letter-spacing: 0;color: #0097A3;}
#contentsmain .inner-Box1 h4.f-en span.sti {font-size: 3.59vw;line-height: 1.05;letter-spacing: 0.37vw;font-weight: 400;font-style: italic;display: inline-block;border-bottom: #0097A3 0.24vw solid;padding-bottom: 0.72vw;margin-right: 3.49vw;position: relative;top: -1.8vw;}
#contentsmain .inner-Box1 h4.f-en span.f-min {display: inline-block;padding: 0 1.45vw;}
#contentsmain .inner-Box1 h5 {margin-bottom: 5.8vw;position: relative;color: #0097A3;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0;font-weight: 500;}
#contentsmain .inner-Box1 p.ltext {margin-bottom: 0vw;position: relative;font-size: 3.86vw;line-height: 2.4;letter-spacing: 0;font-weight: 500;}
#contentsmain .inner-Box1 p.text2 {margin-bottom: 3rem;position: relative;font-size: 3.86vw;line-height: 1.7;letter-spacing: 0;font-weight: 500;text-align: left;}

#contentsmain .inner-Box2 {position: relative;padding: 0 4vw;}
#contentsmain .inner-Box2 h3 {margin-bottom: -12vw;position: relative;text-align: center;font-size: 4.96vw;line-height: 1.6;letter-spacing: 0;font-weight: 400;z-index: 3;}
#contentsmain .inner-Box2 p.text1 {margin-bottom: 5vw;position: relative;font-size: 3.46vw;line-height: 2;letter-spacing: 0;font-weight: 500;text-align: left;padding: 2.66vw 0 0;}
#contentsmain .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#contentsmain .inner-Box2 ul li {position: relative;background: #FFFFFF;width: 100%;text-align: center;padding: 9vw 3vw;margin-bottom: 5vw;}
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsmain .inner-Box2 h4 {width: 20vw;margin: 0 auto 6vw;}
#contentsmain .inner-Box2 h5 {margin-bottom: 5.8vw;position: relative;color: #0097A3;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0;font-weight: 500;}
#contentsmain .inner-Box2 p.ltext {margin-bottom: 0vw;position: relative;font-size: 3.86vw;line-height: 2.4;letter-spacing: 0;font-weight: 500;}
#contentsmain .inner-Box2 p.text2 {margin-bottom: 3rem;position: relative;font-size: 3.86vw;line-height: 1.7;letter-spacing: 0;font-weight: 500;text-align: left;}

#contents01 {margin: 0 auto 0vw;position: relative;padding: 14vw 5vw;}
#contents01 .inner-Box {margin: 0 auto 18.19vw;position: relative;}
#contents01 .inner-Box h2 {margin-bottom: 6.04vw;position: relative;font-size: 5.76vw;line-height: 1.6;letter-spacing: 0;font-weight: 400;text-align: center;}
#contents01 .contentslinebb h3 {margin-bottom: 2.52vw;position: relative;font-size: 5.2vw;line-height: 1.25;letter-spacing: 0;color: #0097A3;font-weight: 500;}
#contents01 .contentslinebb p.ltext {margin-bottom: 2vw;position: relative;font-size: 3.86vw;line-height: 2.4;letter-spacing: 0;font-weight: 500;padding-left: 0;}
#contents01 .contentslinebb p.ltext::before{content: "";display: block;width: 1.69vw;height: 1.69vw;border-radius: 50%;background: #0097A3;position: absolute;top: 3.86vw;left: 0.24vw;}
#contents01 .contentslinebb p.ltext.nnn{ padding-left: 3vw;}

#contents01 .contentslinebb p.ltext span {position: relative;top: 0;display: block;padding-left: 4vw;}
#contents01 h4 {margin-bottom: 0.0vw;position: relative;font-size: 3.86vw;line-height: 2.4;letter-spacing: 0;font-weight: 500;text-align: left;top: 0vw;}
#contents01 .contentslinebb p.ltext2 {margin-bottom: 1.5rem;position: relative;font-size: 3.86vw;line-height: 2.4;letter-spacing: 0;font-weight: 500;}
#contents01 .contentslinebb p.ltext2.bbb { padding-top: 2.42vw; }

.contentslinebb{border-top: #D6D6D6 0.24vw solid;position: relative;margin-bottom: 12.5vw;padding-top: 7.5vw;}
.contentslinebb::before{content: "";display: block;background: #0097A3;width: 16.09vw;height: 0.24vw;position: absolute;top: 0vw;left: 0;}

#contentsbottom {margin: -8vw auto 13vw;position: relative;padding: 0 6.6vw;}
#contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .inner-Box ul li {position: relative;width: 100%;margin-bottom: 3.9vw;}
#contentsbottom .inner-Box ul li a {display: block;height: 32.28vw;background: #EEF7F9;position: relative;padding: 10.43vw 2.42vw 0 27.88vw;}
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box figure.figbo { position: absolute;top: 0;left: 0;width: 21.5vw; aspect-ratio: 8 / 12; overflow: hidden; text-align: center;}
#contentsbottom .inner-Box figure.figbo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contentsbottom .inner-Box p.ltext {font-weight: 500;margin-bottom: 3rem;position: relative;font-size: 3.38vw;line-height: 1.5;letter-spacing: 0;}
#contentsbottom .inner-Box p.ltext span.f-en {font-size: 3.85vw;line-height: 1;letter-spacing: 0.35vw;display: block;margin-bottom: 3.02vw;}
#contentsbottom .inner-Box ul li .arr{position: absolute;bottom: 4.26vw;width: 5.1vw;right: 4.11vw;transition: all 0.3s ease-in-out;}
#contentsbottom .inner-Box ul li a:hover .arr{  right: 2.42vw;}

}