@charset "UTF-8";

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

#recruitment-info .onecol-contents{max-width: 1287px;padding-top: 120px;}

#contentslist {position: relative;overflow: hidden;margin-bottom: 16rem;z-index: 0;}      
#contentslist .inner-Box {margin: 0 auto;position: relative;z-index: 2;}      
#contentslist .inner-Box h2{font-size: 2.8rem;font-weight: bold;letter-spacing: 0.14rem;color: #0057AA;padding-bottom: 12px;margin-bottom: 32px;border-bottom: #D2D2D2 1px solid;}
#contentslist .inner-Box h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#contentslist .inner-Box h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}
#contentslist .subtext{margin-bottom: 55px;font-size: 1.6rem;}
#contentslist .inner-Box .system-list{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;}
#contentslist .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 52px;}
#contentslist .inner-Box .system-list li{width: 31.2%;margin-right: 3.1%;}
#contentslist .inner-Box .system-list li:nth-child(3n){margin-right: 0;}
#contentslist .inner-Box .system-list li .img {width: 100%;aspect-ratio: 373 / 250;overflow: hidden;text-align: center;overflow: hidden;border-radius: 19px;margin-bottom: 12px;position: relative;}
#contentslist .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contentslist .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 2.2rem;font-weight: bold;letter-spacing: 0.11rem;margin-bottom: 11px;}
#contentslist .inner-Box .system-list .systext{font-size: 1.6rem;line-height: 1.8;}
#contentslist .inner-Box .system-list a.link-arr .post-arrow{ top: auto; bottom: 2px; right: 0; }


#recruitment-info #recinfodl.onecol-contents{max-width: 1045px;padding-top: 120px;}

#recinfodl #contentssysmain{margin-bottom: 64px;}
#recinfodl #contentssysmain h1{font-size: 3.2rem;font-weight: bold;color: #0057AA;margin-bottom: 29px;}
#recinfodl #contentssysmain .img{overflow: hidden;border-radius: 25px;}
#recinfodl #contentssysmain .img img{width: 100%;height: auto;}

#recinfodl #contentssys01{margin-bottom: 73px;}
#recinfodl #contentssys01 .inner-Box{ }
#recinfodl #contentssys01 .inner-Box h2{font-size: 2.4rem;font-weight: bold;border-left: #0057AA 2px solid;line-height: 1;padding: 6px 6px 6px 17px;margin-bottom: 23px;}
#recinfodl #contentssys01 .inner-Box { }
#recinfodl #contentssys01 .inner-Box table th {border-bottom: #D2D2D2 1px solid;background: #F3F5FA;font-weight: bold;padding: 22px;vertical-align: top;text-align: left;width: 200px;}
#recinfodl #contentssys01 .inner-Box table td {border-bottom: #D2D2D2 1px solid;text-align: center;padding: 21px 24px;vertical-align: middle;text-align: left;line-height: 1.8;}

#recinfodl #contentssys02{margin-bottom: 73px;}
#recinfodl #contentssys02 .inner-Box{ }
#recinfodl #contentssys02 .inner-Box h2{font-size: 2.4rem;font-weight: bold;border-left: #0057AA 2px solid;line-height: 1;padding: 6px 6px 6px 17px;margin-bottom: 23px;}
#recinfodl #contentssys02 .inner-Box { }
#recinfodl #contentssys02 .inner-Box table th {border-bottom: #D2D2D2 1px solid;background: #F3F5FA;font-weight: bold;padding: 22px;vertical-align: top;text-align: left;width: 200px;}
#recinfodl #contentssys02 .inner-Box table td {border-bottom: #D2D2D2 1px solid;text-align: center;padding: 21px 24px;vertical-align: middle;text-align: left;line-height: 1.8;}

#recinfodl #contentssys03{margin-bottom: 16rem;}
#recinfodl #contentssys03 .inner-Box{ }
#recinfodl #contentssys03 .inner-Box h2{font-size: 2.4rem;font-weight: bold;border-left: #0057AA 2px solid;line-height: 1;padding: 6px 6px 6px 17px;margin-bottom: 23px;}
#recinfodl #contentssys03 .inner-Box { }
#recinfodl #contentssys03 .btn{ margin-bottom: 20px; }
#recinfodl #contentssys03 .btn img{ width: 100%;}
#recinfodl #contentssys03 .textbb{ font-size: 1.6rem; letter-spacing: 0.08rem; line-height: 2; }
#recinfodl #contentssys03 .textbb strong{ font-weight: 700; }

#contentssysform{ }
#contentssysform h3{font-size: 2.4rem;font-weight: bold;border-left: #0057AA 2px solid;line-height: 1;padding: 6px 6px 6px 17px;margin-bottom: 23px;}
#contentssysform .blue-Box {margin: 0 auto 20px;position: relative;background: #F3F5FA;border-radius: 16px;padding: 34px 30px 30px 32px;}
#contentssysform .blue-Box h4 {font-size: 1.6rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.08rem;margin-bottom: 9px;position: relative;}
#contentssysform .blue-Box ul.dot {}
#contentssysform .blue-Box ul.dot li { position: relative; }
#contentssysform .blue-Box ul.dot li::before {content: "";display: block;width: 5px;height: 5px;border-radius: 50%;background: #0057AA;position: absolute;left: 0;top: 9px;}
#contentssysform .blue-Box ul.dot p.ltext {font-size: 1.4rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.07rem;position: relative;padding-left: 14px;margin-bottom: 3px;}

}

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

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

.contentsall{margin: 0 6.4vw;}

#contentslist {position: relative;overflow: hidden;margin-bottom: 4.87vw;z-index: 0;}      
#contentslist .inner-Box {margin: 0 6.2vw;position: relative;z-index: 2;}      
#contentslist .inner-Box h2{font-size: 5.33vw;font-weight: bold;letter-spacing: 0.27vw;padding-bottom: 2.1vw;margin-bottom: 5.93vw;color: #0057AA;border-bottom: #D2D2D2 1px solid;}
#contentslist .inner-Box h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#contentslist .inner-Box h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}
#contentslist .subtext{margin-bottom: 7.47vw;font-size: 3.73vw;letter-spacing: 0.19vw;}
#contentslist .inner-Box .system-list{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;}
#contentslist .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 13.87vw;margin: 0;position: relative;}
#contentslist .inner-Box .system-list li{width: 100%;margin-bottom: 7.93vw;}
#contentslist .inner-Box .system-list li:nth-child(3n){ }
#contentslist .inner-Box .system-list li .img {width: 100%;aspect-ratio: 373 / 250;overflow: hidden;text-align: center;overflow: hidden;border-radius: 2vw;margin-bottom: 4.8vw;position: relative;}
#contentslist .inner-Box .system-list li .img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#contentslist .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 5.33vw;font-weight: bold;letter-spacing: 0.29vw;margin-bottom: 2.73vw;}
#contentslist .inner-Box .system-list .systext{font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.19vw;}
#contentslist .inner-Box .system-list a.link-arr .post-arrow{top: auto;bottom: 14.53vw;right: -0.1vw;display: block;}

#recruitment-info #recinfodl.onecol-contents{padding: 6.1vw 6.2vw;}


#recinfodl #contentssysmain{margin-bottom: 10.87vw;}
#recinfodl #contentssysmain h1{font-size: 5.87vw;letter-spacing: 0.29vw;font-weight: bold;color: #0057AA;margin-bottom: 3.73vw;}
#recinfodl #contentssysmain .img{overflow: hidden;border-radius: 2.67vw;}
#recinfodl #contentssysmain .img img{width: 100%;height: auto;}

#recinfodl #contentssys01{margin-bottom: 5.37vw;}
#recinfodl #contentssys01 .inner-Box{ }
#recinfodl #contentssys01 .inner-Box h2{font-size: 4.80vw;letter-spacing: 0.24vw;font-weight: bold;border-left: #0057AA 0.53vw solid;line-height: 1;padding: 1.3vw 1.6vw 0.8vw 4.73vw;margin-bottom: 4.03vw;}
#recinfodl #contentssys01 .inner-Box { }
#recinfodl #contentssys01 .inner-Box table{width: 100%;border-top: #D2D2D2 0.27vw solid;font-size: 4.00vw;letter-spacing: 0.21vw;}
#recinfodl #contentssys01 .inner-Box table th {border-bottom: #D2D2D2 0.27vw solid;background: #F3F5FA;font-weight: bold;padding: 2.57vw 4.37vw;vertical-align: top;text-align: left;display: block;width: 100%;}
#recinfodl #contentssys01 .inner-Box table td {border-bottom: #D2D2D2 0.27vw solid;padding: 3.67vw 4.37vw 5.07vw 4.37vw;vertical-align: middle;text-align: left;line-height: 1.6;display: block;width: 100%;font-size: 3.73vw;}
#recinfodl #contentssys01 .inner-Box table tr td:last-child{ border-bottom: none;}

#recinfodl #contentssys02{margin-bottom: 19.47vw;}
#recinfodl #contentssys02 .inner-Box{ }
#recinfodl #contentssys02 .inner-Box h2{font-size: 4.80vw;letter-spacing: 0.24vw;font-weight: bold;border-left: #0057AA 0.53vw solid;line-height: 1;padding: 1.3vw 1.6vw 0.8vw 4.73vw;margin-bottom: 4.03vw;}
#recinfodl #contentssys02 .inner-Box { }
#recinfodl #contentssys02 .inner-Box table{width: 100%;border-top: #D2D2D2 0.27vw solid;font-size: 4.00vw;letter-spacing: 0.21vw;}
#recinfodl #contentssys02 .inner-Box table th {border-bottom: #D2D2D2 0.27vw solid;background: #F3F5FA;font-weight: bold;padding: 2.57vw 4.37vw;vertical-align: top;text-align: left;display: block;width: 100%;}
#recinfodl #contentssys02 .inner-Box table td {border-bottom: #D2D2D2 0.27vw solid;padding: 3.67vw 4.37vw 5.07vw 4.37vw;vertical-align: middle;text-align: left;line-height: 1.6;display: block;width: 100%;font-size: 3.73vw;}
#recinfodl #contentssys02 .inner-Box table tr td:last-child{ border-bottom: none;}

#recinfodl #contentssys03{margin-bottom: 19.47vw;}
#recinfodl #contentssys03 .inner-Box{ }
#recinfodl #contentssys03 .inner-Box h2{font-size: 4.80vw;letter-spacing: 0.24vw;font-weight: bold;border-left: #0057AA 0.53vw solid;line-height: 1;padding: 1.3vw 1.6vw 0.8vw 4.73vw;margin-bottom: 4.03vw;}
#recinfodl #contentssys03 .inner-Box { }
#recinfodl #contentssys03 .btn{ margin-bottom: 5.33vw; }
#recinfodl #contentssys03 .textbb{ font-size: 4.27vw; letter-spacing: 0.21vw; line-height: 2; }
#recinfodl #contentssys03 .textbb strong{ font-weight: 700; }

#contentssysform{ }
#contentssysform h3{font-size: 4.80vw;letter-spacing: 0.24vw;font-weight: bold;border-left: #0057AA 0.53vw solid;line-height: 1;padding: 1.3vw 1.6vw 0.8vw 4.73vw;margin-bottom: 4.03vw;}
#contentssysform .blue-Box {margin: 0 auto 5.33vw;position: relative;background: #F3F5FA;border-radius: 4.27vw;padding: 7.07vw 5.7vw 8.0vw 6.7vw;}
#contentssysform .blue-Box h4 {font-size: 3.73vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.21vw;margin-bottom: 3.4vw;position: relative;}
#contentssysform .blue-Box ul.dot {}
#contentssysform .blue-Box ul.dot li { position: relative; }
#contentssysform .blue-Box ul.dot li::before {content: "";display: block;width: 1.33vw;height: 1.33vw;border-radius: 50%;background: #0057AA;position: absolute;left: 0;top: 2.4vw;}
#contentssysform .blue-Box ul.dot p.ltext {font-size: 3.73vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.19vw;position: relative;padding-left: 3.73vw;margin-bottom: 0.8vw;}
.hissttext span{ color: #FF2700; }
}