/* ////// base ////// */ body { margin: 0px; padding: 0px ; background: url(img/back.jpg) repeat; font-size:15px; color: #222; line-height: 190%;word-break:break-all; letter-spacing: 0.01em; /*font-family:"ï¿????ï¿? ï¿??\ï¿?ï¿?ï¿?ï¿???\ï¿?", Osaka, "ï¿???\é\???????¿??????\ï¿? Pro W3"; */ /* font-family: "Chronicle SSm","ï¿?á\?????¿?ê\???",Meiryo,"ï¿???\é\???????¿??????\ï¿? Pro W3","Hiragino Kaku Gothic Pro","ï¿????????\ï¿?ï¿?ï¿?ï¿???\ï¿?","MS PGothic",serif; */ font-family: "Noto Sans Japanese","????????????è§???? Pro W3", "Hiragino Kaku Gothic Pro","BIZ UDPGothic","??¡ã?¤ã?????",Meiryo, Osaka,sans-serif; } a { color: #004DB6; text-decoration: underline; } a:hover { color: #FF6037; text-decoration: underline; } h1,h2,h3,h4,h5,h6 { font-size: 14px; margin: 0; font-weight: normal; line-height: 175%; } img { border: none;} p { margin: 0; padding: 0; text-indent: none; } ul,ol,li { margin: 0; padding: 0; list-style-type: none;} html { overflow-y:scroll; /* Firefox*/ overflow-x:hidden; /* Firefox*/ width:auto;} .mark_movin { color: #BD212B; border-bottom: 1px dotted #CCC; font-size: 15px; margin-bottom: 8px;} .mark_txt { margin: 0px 0px 50px 0px;} .mark_e { color: #071E35; border-bottom: 1px dotted #CCC; font-size: 15px; margin-bottom: 8px;} .aimgl { border: 1px solid #CCC ; margin: 0px 15px 15px 0px;} .aimgr { border: 1px solid #CCC ; margin: 0px 0px 15px 15px;} .p1 { margin: 20px 0px 0px 20px ;} .p2 { margin: 20px 0px 60px 20px ;} .p3 { border: 1px solid #CCC; background: url(newimg/pback.png) #FFF top repeat-x; margin: 20px auto 30px; padding: 20px;} .p4 { margin: 20px 0px 60px 0px ;} .p4_cc { margin: 20px 0px 60px 0px ;} .p5 { margin:auto ; width: 740px;} .backtxt_kyujinbig { margin: 10px 0px 50px 0px ; background: #FFF; border: 1px solid #CCC; padding: 20px;} .backtxt_kyujinbig .list2_kyujin { margin-left: 5px; margin-top: 15px; margin-bottom: 15px; } .backtxt_kyujinbig .list2_kyujin li { margin-bottom: 20px; background: url(/it/img/arrow1.png) left 50% no-repeat; padding-left: 18px;border-bottom: #000 dotted 1px;line-height: 170%;} .morebtn_gray_center {width: 500px; margin: 20px auto; border-radius: 10px; border: 1px solid #666; height: 80px;padding-top: 30px; background: -moz-linear-gradient(bottom, #FFFFFF, #F7F7F7); background: -webkit-linear-gradient(bottom, #FFFFFF, #F7F7F7); background: linear-gradient(to bottom, #FFFFFF, #F7F7F7); } .morebtn_gray_center a { display: block; text-align: center;font-weight: bold; padding: 15px; font-size: 22px;background: url(/newimg/arrow2.png) left 50% no-repeat;background-position: 17% 42%;} .morebtn_gray_center a:hover{opacity: 0.3;} /* ////// useful ////// */ .fl { float: left;} .flr { float: right;} .cll { clear: left; } .clr { clear: right; } .clall { clear: both; } .cllall { clear: both; } .borderc { border: 1px solid #CCC; } .t_center { text-align: center;} .t_left { text-align: left;} .t_right { text-align: right;} .middle_img { vertical-align: middle; } .link {} .link img {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .link img:hover {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} .link span {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .link span:hover {filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} .linkimg {} .linkimg img { border: 1px solid #CCC;} .linkimg img:hover { border: 1px solid #666;} .link2 {} .link2 img {filter:alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;} .link2 img:hover {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .link3 {} .link3 img {filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;} .link3 img:hover {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;} a.linktxt { color: #333;text-decoration:underline dotted;} a.linktxt:hover { color: #666;text-decoration:underline dotted;} .c30 { color: #cc3300;} .sansyou { text-align: right; font-size: 10px; } .bfont { font-size: 18px;} .c053{ color: #053050;} /* .c035 { color: #032035;} */ #scrolhead .halfbox1 { width: 490px; float: left; padding-top: 0px;} #scrolhead .halfbox2 { width: 490px; float: left; padding-top: 0px;margin-left: 20px;} #scrolhead .halfbox1 img { width: 490px;} #scrolhead .halfbox2 img { width: 490px;} .t7 { width: 100%; margin: 20px auto; border: 1px solid #CCC; border-collapse: collapse;} .t7 th,.t7 td { border: 1px solid #CCC; border-collapse: collapse; padding: 12px;} .t7 th { background: #06203F; text-align: center; vertical-align: top; color: #FFF; width: 20%;} .t7 td { background: #FFF; } .t7 table { border: none;} .t7 table th { background: none; border: none; border-bottom: 1px dotted #CCC; padding: 8px;} .t7 table td { border: none; border-bottom: 1px dotted #CCC; padding: 8px;} #staffboxindex { margin: 50px auto;} #staffboxindex .txt1 { font-family:"ï¿?ï¿?ï¿?ï¿????", "YuMincho", serif,"ï¿?á\?????¿?ê\???", Meiryo, "ï¿???\é\???????¿??????\ï¿?Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ï¿????ï¿? ï¿??\ï¿?ï¿?ï¿?ï¿???\ï¿?",/* Arial, Helvetica, Verdana, */sans-serif;} #staffboxindex .txt0202 { font-family:"ï¿?ï¿?ï¿?ï¿????", "YuMincho", serif,"ï¿?á\?????¿?ê\???", Meiryo, "ï¿???\é\???????¿??????\ï¿?Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ï¿????ï¿? ï¿??\ï¿?ï¿?ï¿?ï¿???\ï¿?",/* Arial, Helvetica, Verdana, */sans-serif;} #staffboxindex .txt2 { margin-top: 10px; font-size: 13px; line-height: 150%; } #staffboxindex .career_txt { margin-top: 10px; font-size: 16px; line-height: 130%;min-height: 115px;} #staffboxindex a { color: #111; text-decoration: none;} #staffboxindex a:hover { color: #111; text-decoration: none; background-image: rgba(255,255,255,0.5);} #staffboxindex .txt1 strong { display: block; padding: 30px 5px 0px 180px; font-size: 27px;padding-top: 50px;} #staffboxindex .txt0202 strong { display: block; padding: 30px 5px 0px 180px; font-size: 27px;padding-top: 80px;} #staffboxindex .txt1 em { display: block; padding: 0px 5px 0px 180px; font-size: 13px; color: #58595B; font-style: normal;} #staffboxindex .txt0202 em { display: block; padding: 0px 5px 0px 180px; font-size: 13px; color: #58595B; font-style: normal;} #staffboxindex .txt1 span { display: block; padding: 10px 5px 0px 180px; font-size: 14px; line-height: 150%;} .txtline65 { background: #FFE98A;} .staffbox2024 { width: 260px !important; float: left; margin: 10px 5px 0px 5px; min-height: 450px; } .staffbox2024 img { width: 260px;} .staffbox2024 .staff_txt { font-size: 13px;line-height: 135%; min-height: 160px;} .staffbox2024 .staff_more { text-align: right; font-size: 14px; margin-top: 5px;} .staffbox2024 .staff_more a { color: #004DB6 !important; text-decoration: underline; } .staffbox2024 .staff_more a:hover { color: #FF6037 !important; text-decoration: underline; } .staffbox2025 { width: 235px !important; float: left; margin: 10px 5px 0px 5px; min-height: 300px;background: #fff;padding: 5px;} .staffbox2025 .staff_name{font-size: 20px;font-weight: bold;margin-top: 0px;text-align: center;font-family: serif;} .staffbox2025 .staff_name span{display: block;font-size: 13px;} .staffbox2025 img { width: 235px;} .staffbox2025 .staff_txt { font-size: 12px;line-height: 160%; min-height: 180px;} .staffaddmark { margin: 20px auto 0px; text-align: center; color: #FFF;} .staffaddmark input {padding: 12px 0px; font-size: 14px; font-weight: bold; color: #FFF; border: none; cursor: pointer;width: 240px; background: url(/newimg/arrow3.png) #003560 95% 50% no-repeat; display: block;} .staffaddmark input:hover { background: #016bc4; } .staff_txt{font-size: 14px;line-height: 150%;} .staff_name{font-size: 25px;font-weight: bold;margin-top: 10px;text-align: center;font-family: serif;} .staff_name span{display: block;font-size: 13px;} #seminarlong_closeV2 div {border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 40px;} #seminarlong_closeV2 .seminar_img {display: none;} #seminarlong_closeV2 .detail {margin-left: 15px; } #seminarlong_closeV2 .seminar_how {display: block; font-size: 15px; margin-bottom: 10px; font-weight: bold; padding-left: 90px; background: url(/consulinfo/seminar/img/close.jpg) left 50% no-repeat;} #seminarlong_closeV2 .semi_index_title {display: block; font-size: 16px; margin-bottom: 10px; font-weight: bold;background: url(/newimg/arrow2.png) left 50% no-repeat; padding-left: 24px;} #seminarlong_closeV2 .semi_index_txt {display: block; font-size: 12px; line-height: 160%; margin-top: 5px; margin-bottom: 15px;} #careerseminarbox2023 {width: 1000px; margin: 30px auto;} #careerseminarbox2023 div { border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 40px;} #careerseminarbox2023 .seminar_img { width: 200px; float: left;} #careerseminarbox2023 .seminar_img img { width: 200px;} #careerseminarbox2023 .detail { width: 785px; float: left; margin-left: 15px; } #careerseminarbox2023 .semi_index_title { color: #E8D4A2; display: block; font-size: 17px; line-height: 130%; font-weight: bold; margin: 0px auto 8px;} #careerseminarbox2023 .seminar_how { display: block; font-size: 14px; margin-bottom: 8px; font-weight: bold; background: url(/consulinfo/seminar/img/open.jpg) left top no-repeat; padding-left: 90px; line-height: 145%;} #careerseminarbox2023 .outdate { color: #c30; font-weight: bold; font-size: 14px;text-decoration: underline;} #careerseminarbox2023 .semi_index_txt { display: block; font-size: 12px; line-height: 160%;} #careerseminarbox2023 .spseminarclr { clear: left;} #seminar_navi2024 {background: #D6CEC4;padding: 10px 0px 30px;} #seminar_navi2024 .seminar_img {width: 280px;margin-bottom: 3px;} #seminar_navi2024 .seminar_img img { width: 280px;} #seminar_navi2024 img{width:250px;} #seminar_navi2024 div{margin: 20px 10px;width: 280px;} #seminar_navi2024 .semi_index_title {line-height: 150%;} #seminar_navi2024 .semi_index_txt {font-size: 12px;line-height: 100%;} #seminar_navi2024 .seminar_how{display: block;font-size: 12px;font-weight: bold;line-height: 150%;} #seminar_navi2024 .outdate{display: block;color:#C30;} #seminar_navi2024 .otherseminar{text-align: right;padding-right: 10px;text-decoration: none;} .f17b { display: block; font-size: 17px; margin-bottom: 10px;} #selectionseminarbox2023 { width: 1000px; margin: 30px auto;} #selectionseminarbox2023 div { border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 40px;} #selectionseminarbox2023 .semi_index_title { color: #E8D4A2; display: block; font-size: 17px; line-height: 130%; font-weight: bold; margin: 0px auto 8px;} #selectionseminarbox2023 .seminar_img { width: 200px; float: left;} #selectionseminarbox2023 .seminar_img img { width: 200px;} #selectionseminarbox2023 .detail { width: 785px; float: left; margin-left: 15px; } #selectionseminarbox2023 .seminar_how { display: block; font-size: 14px; margin-bottom: 8px; font-weight: bold; background: url(/consulinfo/seminar/img/open.jpg) left top no-repeat; padding-left: 90px; line-height: 145%;} #selectionseminarbox2023 .outdate { color: #c30; font-weight: bold; font-size: 14px;text-decoration: underline;} #selectionseminarbox2023 .semi_index_txt { display: block; font-size: 12px; line-height: 160%;} #selectionseminarbox2023 .spseminarclr { clear: left;} .shadow { -moz-box-shadow: 3px 3px 3px C6C6C6; /* firefox */ -webkit-box-shadow: 3px 3px 3px #C6C6C6;/* Safari,Chrome */ box-shadow: 3px 3px 3px #C6C6C6; /* Opera */ filter: progid:DXImageTransform.Microsoft.Shadow(color='#C6C6C6', Direction=135, Strength=3px); /* IE */ } .shadow2 { -moz-box-shadow: 3px 3px 3px 000; /* firefox */ -webkit-box-shadow: 3px 3px 3px #111;/* Safari,Chrome */ box-shadow: 3px 3px 3px #111; /* Opera */ filter: progid:DXImageTransform.Microsoft.Shadow(color='#111', Direction=135, Strength=3px); /* IE */ } .shadow3{ -webkit-box-shadow: 0 0 2px 0 #CCC; /* Safari, Chrome?p */ -moz-box-shadow: 0 0 2px 0 #CCC; /* Firefox?p */ box-shadow: 0 0 2px 0 #CCC; /* CSS3 */ } .imgright { float: right; margin: 0px 0px 20px 20px;} .imgleft { float: left; margin: 0px 20px 20px 0px;} .t4 { width: 100%; margin: 20px auto; border: 1px solid #CCC; border-collapse: collapse;} .t4 th,.t4 td { border: 1px solid #CCC; border-collapse: collapse; padding: 12px;} .t4 th { background: #e6e0c9; text-align: center; vertical-align: top; width: 20%;} .t4 td { background: #FFF; } .t4 table { border: none;} .t4 table th { background: none; border: none; border-bottom: 1px dotted #CCC; padding: 8px;} .t4 table td { border: none; border-bottom: 1px dotted #CCC; padding: 8px;} /* margin-top */ .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mt55 { margin-top: 55px; } .mt60 { margin-top: 60px; } .mt80 { margin-top: 80px; } /* margin-right */ .mr5 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mr30 { margin-right: 30px; } .mr35 { margin-right: 35px; } .mr40 { margin-right: 40px; } .mr45 { margin-right: 45px; } .mr50 { margin-right: 50px; } .mr55 { margin-right: 55px; } .mr60 { margin-right: 60px; } .mr80 { margin-right: 80px; } /* margin-bottom */ .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .mb55 { margin-bottom: 55px; } .mb60 { margin-bottom: 60px; } .mb80 { margin-bottom: 80px; } /* margin-left */ .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } .ml55 { margin-left: 55px; } .ml60 { margin-left: 60px; } .ml80 { margin-left: 80px; } .mini { font-size: 12px; color: #444; line-height: 160%;} .conaddbox { width: 700px; height: 100px; margin:0 auto 150px; background: -moz-linear-gradient(left, #EF3C43, #C91F24); background: -webkit-linear-gradient(left, #EF3C43, #C91F24); background: linear-gradient(to right, #EF3C43, #C91F24); color: #FFF; font-weight: bold; border-radius: 10px; } .backtxt6 { margin: 20px auto 40px; background: #e6e0c9; padding: 20px; display: block;} .backtxt3a { margin: 20px auto 40px; background: #fff; padding: 20px; display: block;} .conaddbox .arrow { background: url(img/arrow4.png) 95% 50% no-repeat; padding: 16px 0px;} .conaddbox .uptxt { font-size: 20px; text-align: center;margin-bottom: 10px ;} .conaddbox .bottomtxt { font-size: 26px; text-align: center; vertical-align: middle;} .conaddbox .bottomtxt span { background: #FFF; color: #BE1D2C; padding: 1px 10px; font-size: 20px;line-height: 120%;} .conaddbox .bottomtxt strong { padding: 0 0 0 10px;} .conaddbox a { color: #FFF; text-decoration: none; opacity:1;} .conaddbox a:hover { opacity:0.8;} .conaddtxt { width: 700px; margin:-70px auto 180px; font-size: 14px; line-height: 135%;} .conaddbox .sidenote { margin-top: 15px; font-size: 16px; line-height: 130%; color: #c30;} /* ////// base ////// */ .allback { text-align: center; margin: 0px; padding: 0px ; } .top_sub_top1 { width: 100%; position: absolute; top: 0px; left: 0; height: 142px; } .top_sub_top2 { width: 100%; position: absolute; top: 142px; left: 0; z-index: 0;} .top_sub1 { width: 100%; position: absolute; top: 0px; left: 0; height: 70px; } .top_sub2 { width: 100%; position: absolute; top: 70px; left: 0; z-index: 0;} /* ////// position ////// */ .head { width: 100%; background: #053050 ; height: 84px;} .head .inner { width: 1100px; margin: auto; color: #FFF;} .head .logo { text-align: center; padding-top: 28px;} .head .headlink { position: relative; right: 0px; top: -80px ; text-align: right; font-size: 11px;} .head .headlink a { color: #FFF; text-decoration: underline;} .head .headlink a:hover { color: #FCDF7D; text-decoration: underline;} .head .headlink li { display: inline; padding-left: 10px;} .head .headlink p { margin-top: 5px ;} /* MENU */ /*** TOP???? ***/ .menutopbox { text-align: center; background: #053050 ; padding-left: 220px;} .menutopbox .bigcate { padding-right: 15px;} .menutopbox .add { display: none;} .menutopbox li {font-size: 18px;} .menutopbox .menulogo {display: none;} .menutopbox .onlytop {} /*** TOP???? ***/ /*** Category???? ***/ .top_sub1 .head { display: none;} .menucatebox { text-align: left; background: #053050 ; height: 70px; padding-top: 3px;} .menucatebox .bigcate { padding-right: 18px; /* 2px; */} .menucatebox li {font-size: 16px; font-weight: bold;} .menucatebox li img { vertical-align: middle;} .menucatebox .menulogo { margin-left: -15px;} .menucatebox .menulogo img { width: 200px;} .menucatebox .onlytop { display: none;} /*** Category???? ***/ .menu_drop { position:relative; z-index:200; } .menu_drop .menu_box_new { width: 1200px; margin: auto; text-align: left; } #nav, #nav ul {padding:0 ; margin:0; list-style:none; position:relative; z-index:200; height: 60px;} #nav { padding:0; margin: 0; height: 60px;} #nav table {border-collapse:collapse;} #nav li {float:left; letter-spacing: -0.1em;} #nav li li {float:none !important; background:#053050; font-weight: normal; border:1px solid #384766; width: 280px; border-top:none;font-family: "Chronicle SSm","???C???I",Meiryo,"?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro","?l?r?o?S?V?b?N","MS PGothic",serif;} /* a hack for IE5.x and IE6 */ #nav li a li {float:left;} /* cust */ #nav li ul { background:#071D35;} /* cust */ #nav li a {display:block; float:left; color:#FFF; text-decoration:none; white-space:nowrap; padding: 20px 13px !important;} #nav li li a {height:18px; line-height:18px; float:none; display: block; font-size: 13px; padding: 10px 8px !important; letter-spacing: 0em !important;} #nav li li a:hover {background:#566684;} #nav li:hover {position:relative; z-index:300; text-decoration:none;} #nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#FFF; } #nav :hover ul {left:0; top:60px;} /* another hack for IE5.5 and IE6 background:#566684; */ #nav a:hover ul {left:-10px;} #nav ul {position:absolute; left:-9999px; top:-9999px;} /* it could have been this simple if all browsers understood */ /* show next level */ #nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;} /* keep further levels hidden */ #nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;} /* show path followed */ #nav li:hover > a {text-decoration:underline; color:#FFF;} /* but IE5.x and IE6 need this lot to style the flyouts*/ /* show next level */ #nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover a:hover ul {left:100%; top:-1px;} /* keep further levels hidden */ #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul {position:absolute; left:-9999px; top:-9999px;} #nav .def { background: #444 !important; color: #FFF !important; font-size: 13px; } #nav .def:hover { background: #444 !important; color: #FFF !important; } #nav .logo { padding: 0px 15px 0px 0px !important;} #nav .logo:hover { background: #071D35 !important;} #nav .add { padding: 0px !important;} #nav .add a { padding: 12px 0px 0px 10px !important;} /* ////// scroll ???? ////// */ #scrolhead { z-index: 200; bottom:0px; position: fixed; width: 100%; height: 95px; background: url(img/footaddfixback.png) repeat; font-family:Meiryo UI, "?q???M?m?p?SPro W3", "Hiragino Kaku Gothic Pro", Osaka, "???C???I", "?l?r ?o?S?V?b?N";} #scrolhead .inner { width: 1000px; margin: auto;} #scrolhead .rightbox { text-align: center; padding-top: 10px;} #scrolhead .rightbox .add {} #scrolhead .firstbox { width: 248px; float: left; } #scrolhead .secondbox { width: 230px; float: left;margin-left: 8px;} #scrolhead .thirdbox { width: 506px; float: left; margin-left: 8px;} /* STAGE */ #stage { width: 100%; background: url("img/stage.png") #5C6773 center no-repeat; height: 660px;}/*BDD0DE*/ #stage .inner { width: 1100px; margin: auto; text-align: left; padding-top: 78px;} #stage .leftside { width: 610px; float: left;} #stage .rightside { width: 490px; float: right; text-align: right;} #stage .title { margin-bottom: 35px;} #stage .success_bar { z-index: 20;} #stage .success_bg { background: url(img/stage_success_bg.png) repeat; font-size: 16px; padding: 15px; margin-top: -10px;} #stage .success_bg li { background: url(img/arrow4.png) left 50% no-repeat; padding-left: 30px; margin-bottom: 8px;} #stage .success_bg a { color: #FCDF7D;} #stage .success_bg a:hover { color: #FFF3D2;} #stage2023 { width: 100%; background: url("/newimg/stageback2023.png") #FFF center no-repeat; height: 500px; background-size: cover;}/*BDD0DE*/ #stage2023 .inner { width: 1100px; margin: auto; text-align: left; padding-top: 80px;} #stage2023 .leftside { width: 640px; float: left;} #stage2023 .rightside { width: 340px; float: right; text-align: right;} #stage2023 .rightside img { width: 340px;} /* PR */ #frontpr { width: 1100px; margin: 0px auto; position: relative; top: -73px; z-index: 100;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #frontpr .pbox1 { color: #111; background: url(img/pr4box.png) no-repeat; float: left; width: 224px; height: 262px; padding: 38px 15px 0px 15px; -webkit-box-shadow: 0 0 5px 0 #000;-moz-box-shadow: 0 0 5px 0 #000;box-shadow: 0 0 5px 0 #000; } #frontpr .ml28 { margin-left: 28px;} #frontpr .txt1 { text-align: center; font-size: 19px; font-weight: bold; margin-bottom: 25px;} #frontpr .txt2 { font-size: 44px; font-style: oblique; color: #BE1D2C; font-weight: bold; margin-bottom: 5px; height: 60px;} #frontpr .txt2 span { color: #111; font-size: 18px; font-style: normal; font-weight: normal;} #frontpr .txt3 { font-size: 13px; line-height: 140%; margin-bottom: 12px; text-align: left;} #frontpr .arrow { text-align: center; font-weight: bold; font-size: 18px;} #frontpr .arrow a { background: url(img/arrow4.png) left 50% no-repeat; padding-left: 30px;} #frontpr .morebig { font-size: 54px;} /* OBI */ #obi { width: 100%; background: #053050; padding: 275px 0px 70px; margin: -300px auto 0px;} #obi .inner { width: 1100px; margin: auto; color: #FFF; text-align: left;} #obi .title { text-align: center; font-size: 34px; margin-bottom: 25px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #obi .box1 { width: 265px; float: left;} #obi .box2 { width: 265px; float: left; margin-left: 13px;} #obi .btitle { font-size: 17px; line-height: 135%; font-weight: bold;} #obi .btxt { display: block; font-size: 13px; line-height: 130%; margin-top: 10px;} #obi .btitle em { display: block; font-size: 11px; line-height: 130%; font-style: normal;} #obi .btitle a {color: #FCDF7D;} #obi .btitle a:hover { color: #FFF3D2;} #obi .img { margin-bottom: 8px;} #obi .img img { width: 265px;} /**/ #topcenter_contents { width: 1100px; margin: 50px auto 50px; text-align: left;} #topcenter_contents .firstbox { width: 845px; float: left;} #topcenter_contents .secondbox { width: 590px; float: right;} #topcenter_contents .thirdbox { width: 230px; float: left;} #topcenter_contents .fourthbox { width: 230px; float: right;} #topcenter_contents .title_h2 { text-align: center; font-size: 34px; margin-bottom: 25px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #topcenter_contents .title_h2 h2 { font-size: 34px; line-height: 110%;} #topcenter_contents .title_h2 span { display: block; text-align: center; font-size: 18px;} #topcenter_contents .title_h2a { text-align: center; color: #FFF; font-size: 34px; margin-bottom: 25px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #topcenter_contents .title_h2a h2 { font-size: 34px; line-height: 110%;} #topcenter_contents .title_h2a span { display: block; text-align: center; font-size: 18px;} #topcenter_contents .topnewjobbox {background: #E5DDC6; padding: 30px 15px ;} #topcenter_contents .jobcatetitle { margin-bottom: 12px; font-size: 24px; font-weight: bold; color:#750311 ; background: url(img/arrow5.png) left 50% no-repeat; padding-left: 30px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #topcenter_contents .joblist { margin-bottom: 40px;} #topcenter_contents .joblist li { border-bottom: 1px dotted #666; margin-bottom: 6px; font-size: 14px;} #topcenter_contents .joblist li .new { background: url(img/newmark.png) left 50% no-repeat; display: block; padding-left: 70px;} #topcenter_contents .otherbnr { margin-bottom: 25px;} #seminarnavibox { background: #071D35; padding: 20px 15px; margin-bottom: 45px; display:none;} #seminarnavibox .title_h2 { text-align: center; font-size: 26px; color: #FFF; margin-bottom: 25px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #seminarnavibox .title_h2 h2 { font-size: 26px; line-height: 110%;} #seminarnavibox .title_h2 span { display: block; text-align: center; font-size: 14px;} #seminarnavibox .bnr { margin-bottom: 8px;} #seminarnavibox .bnr img { width: 200px;} #seminarnavibox .txt { font-size: 11px; color: #FFF; margin-bottom: 35px; line-height: 130%;} #seminarnavibox .txt span { display: block; margin-top: 5px; } #seminarnavibox .txt a { color: #FFF;} #seminarnavibox .arrowother { text-align: center; margin: 40px auto 0px ; width: 200px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #seminarnavibox .arrowother a { display: block; background: #D84E5F; text-align: center; font-size: 16px; padding: 10px 0px;text-decoration: none; color: #FFF;} #seminarnavibox .arrowother a:hover { display: block; background: #E27688; text-align: center; font-size: 16px; text-decoration: none; color: #FFF;} #seminarnavibox .arrowother span { background: url(img/arrow4.png) left 50% no-repeat; padding-left: 26px;} #left_contents .bnr img { width: 270px;} #interviewnavibox { background: #071D35; padding: 20px 10px; margin-bottom: 45px;} #interviewnavibox .title_h2 { text-align: center; font-size: 26px; color: #FFF; margin-bottom: 25px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #interviewnavibox .title_h2 h2 { font-size: 26px; line-height: 110%;} #interviewnavibox .title_h2 span { display: block; text-align: center; font-size: 14px;} #interviewnavibox .interview_left { float: left; width: 100px;} #interviewnavibox .interview_right { float: left; width: 100px; margin-left: 10px;} #interviewnavibox p { margin-bottom: 10px;} #topcenter_contents .jobspebnr_box { margin: 20px auto; } #topcenter_contents .jobspebnr_inner { margin: 0px auto 30px;} #topcenter_contents .jobspebnr_box .img { margin-bottom: 8px; } #topcenter_contents .jobspebnr_box img { width: 230px;} #topcenter_contents .jobspebnr_box .title { font-size: 15px; line-height: 135%; font-weight: bold;} #topcenter_contents .jobspebnr_box .txt { color: #808183; display: block; font-size: 11px; line-height: 130%; margin-top: 10px;} #topcenter_contents .jobspebnr_box .title em { display: block; font-size: 11px; line-height: 130%; font-style: normal;} /* #topcenter_contents .jobspebnr_box { margin: 60px auto; } #topcenter_contents .jobspebnr_inner { width: 275px; float: left; margin: 0px 10px 40px; min-height: 280px;} #topcenter_contents .jobspebnr_box .img { margin-bottom: 8px;} #topcenter_contents .jobspebnr_box img { width: 275px;} #topcenter_contents .jobspebnr_box .title { font-size: 17px; line-height: 135%; font-weight: bold;} #topcenter_contents .jobspebnr_box .txt { color: #808183; display: block; font-size: 13px; line-height: 130%; margin-top: 10px;} #topcenter_contents .jobspebnr_box .title em { display: block; font-size: 11px; line-height: 130%; font-style: normal;} */ #topcenter_contents .themebox_left { width: 280px; float: left;} #topcenter_contents .themebox_right { width: 280px; float: left; margin-left: 30px;} #topcenter_contents .themebox { border-bottom: 1px dotted #CCC; margin-bottom: 20px; padding-bottom: 20px;} #topcenter_contents .themebox_img { width: 130px; float: left;} #topcenter_contents .themebox_img img { width: 130px;} #topcenter_contents .themebox_title { width: 140px; float: left; margin-left: 10px; line-height: 110%;} #topcenter_contents .themebox_txt { color: #808183; font-size: 11px; line-height: 130%; margin-top: 10px;} #topcenter_contents .specialbox {border-bottom: 1px dotted #CCC; margin-bottom: 20px; padding-bottom: 20px;} #topcenter_contents .specialbox_img { width: 200px; float: left;} #topcenter_contents .specialbox_img img { width: 200px;} #topcenter_contents .specialbox_title { width: 370px; float: left; margin-left: 20px; font-size: 17px; line-height: 135%;} #topcenter_contents .specialbox_title span { color: #808183; display: block; font-size: 13px; line-height: 130%; margin-top: 10px;} #topcenter_contents .specialbox_title em { display: block; font-size: 11px; line-height: 130%; font-style: normal;} #topicnavibox { margin-bottom: 45px;} #topicnavibox .title_h2 { text-align: center; font-size: 26px; margin-bottom: 25px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #topicnavibox .title_h2 h2 { font-size: 26px; line-height: 110%;} #topicnavibox .title_h2 span { display: block; text-align: center; font-size: 14px;} #topicnavibox .topicbox {border-bottom: 1px dotted #CCC; margin-bottom: 15px; padding-bottom: 15px;} #topicnavibox .topicbox_img { width: 60px; float: left;} #topicnavibox .topicbox_img img { width: 60px;} #topicnavibox .topicbox_title { width: 160px; float: left; margin-left: 10px; line-height: 125%;} #topicnavibox .topicbox_title span { font-size: 11px; display: block;} #topicnavibox .topicbox_txt { color: #808183; font-size: 11px; line-height: 130%; margin-top: 10px;} #firmnavibox { background: #E5DED3; padding: 20px 15px; margin-bottom: 45px;} #firmnavibox .title_h2 { text-align: center; font-size: 26px; color: #071D35; margin-bottom: 25px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #firmnavibox .title_h2 h2 { font-size: 26px; line-height: 110%;} #firmnavibox .title_h2 span { display: block; text-align: center; font-size: 14px;} #firmnavibox .bnr { margin-bottom: 8px;} #firmnavibox .bnr img { width: 200px;} #firmnavibox .txt { font-size: 11px; margin-bottom: 35px; line-height: 130%;} #knowhownavibox {} #knowhownavibox .title_h2 { text-align: left; padding: 15px; font-size: 18px; background: #071D35; color: #FFF; margin-bottom: 25px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #knowhownavibox .title_h2 h2 { font-size: 18px; line-height: 110%;} #knowhownavibox .knowhowbox {border-bottom: 1px dotted #CCC; margin-bottom: 20px; padding-bottom: 20px;} #knowhownavibox .knowhowbox_title {line-height: 125%; font-size: 15px;} #knowhownavibox .knowhowbox_title span { font-size: 11px; display: block;} #knowhownavibox .knowhowbox_txt { color: #808183; font-size: 11px; line-height: 130%; margin-top: 10px;} #topask { width: 100%; background: #B3954E;} #topask .inner { width: 1100px; padding: 50px 0px; margin: auto;} #topask .title { font-size: 36px; font-weight: bold; margin: auto; text-align: center; color: #FFF; padding-bottom: 38px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #topask .title span { display: block; font-size: 16px; margin-top: 5px;} #topask .boxa { width: 230px; background: #FFF; min-height: 370px; padding: 20px 13px; float: left;-webkit-box-shadow: 0 0 5px 0 #999; -moz-box-shadow: 0 0 5px 0 #999; box-shadow: 0 0 5px 0 #999; } #topask .boxb { width: 230px; background: #FFF; min-height: 370px; padding: 20px 13px; float: left; margin-left: 12px;-webkit-box-shadow: 0 0 5px 0 #999; -moz-box-shadow: 0 0 5px 0 #999; box-shadow: 0 0 5px 0 #999; } #topask .boxtitle { font-weight: bold; text-align: center; font-size: 20px; color: #564422; margin-bottom: 15px; font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #topask .boxtxt { font-size: 13px; line-height: 140% !important; text-align: left;} /* /// footer ADD /// */ #footaddobi { width: 100%; margin: 50px auto 70px; height: 480px;background: url(img/bottomaddback.png) #071D35 center top no-repeat;} #footaddobi .inner { width: 1100px; margin: auto; text-align: left; } #footaddobi .box { padding: 122px 0px 0px;} #footaddobi .txt { text-align: left; margin-left: 480px; line-height: 130%; color: #FFF; font-size: 18px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #footaddobi .add {margin-left: 480px; margin-top: 60px; } #footaddobi .addleft { width: 300px; float: left; } #footaddobi .addright { width: 300px; float: left; margin-left: 15px; margin-top: 20px; } /* ////// FOOT ////// */ #foot { background: url(img/footback.jpg) #06203F left top repeat-x; } #foot a { color: #FFF; text-decoration: none;} #foot a:hover { color: #FFF; text-decoration: underline;} #foot .box { width: 1000px; margin: auto; padding-top: 32px; text-align: left; color: #FFF;} #foot .leftbox { width: 620px; float: left;} #foot .rightbox { width: 330px; float: right; background: url(img/footstage.jpg) left top no-repeat; height: 510px;} #foot .copy { font-size: 11px; text-align: center; padding: 25px 0px; border-top:1px solid #5B6B89 ; margin-top: 25px;} #foot .catebox { width: 200px; float: left; margin-top: 30px;} #foot .catebox ul { margin-top: 10px; line-height: 120%;} #foot .catebox li { font-size: 11px; background: url(img/arrow3.png) left 50% no-repeat; padding: 0 0 3px 18px;} #foot .cate_title { font-size: 13px; border-bottom: 1px dotted #5B6B89; padding: 0 0 1px 0px; } #foot .cate_title2 { font-size: 12px; background: url(img/arrow3.png) left 50% no-repeat; padding: 0 0 1px 18px; } #foot .undertxt { font-size: 11px; margin-top: 50px; line-height: 150%;} #foot .footadd { width: 290px; margin: auto; padding-top: 398px;} #foot .sitebox { width: 1000px; margin: 15px auto 30px; padding: 20px 0px; background: #5B6B89;} #foot .movinmark { font-size: 13px; font-weight: bold; margin-bottom: 10px; } #foot .groupsite { width: 800px; margin: auto;} #foot .groupsite ul { margin: 10px 0 0 0 ; padding: 0;} #foot .groupsite li { width: 120px; float: left; padding: 0; list-style-type: none;} #foot .m45 { margin-left: 45px;} #foot .groupsite span { font-size: 10px; line-height: 120%; display: block; padding-top: 3px;} #foot .moresite { margin: 20px auto; font-size: 10px;} /****************************************************************/ /* ////// PATH ////// */ .path { font-size:12px ; width: 100%; margin: auto; padding: 12px 0px; text-align: left; background: #E6E7E7;} .path ul { width: 1100px; margin: auto; } .path li { display: inline;} /* ////// Layout ////// */ #center_contents { width: 1100px; margin: 30px auto; text-align: left;} #right_contents { width: 770px; float: left;} #left_contents { width: 300px; float: right;} /* ////// TITLE ////// */ .cate_title { border-bottom: 4px solid #053050; } .cate_title h1 { font-size: 36px; color: #052657; line-height: 140%; } .cate_title span { font-size: 18px; padding-left: 30px; } .cate_title2 { border-bottom: 4px solid #053050; } .cate_title2 h2 { font-size: 36px; color: #052657; font-weight: bold; } .cate_title2 span { font-size: 18px; padding-left: 30px; } .cate_title3 { background: #053050; color: #FFF; padding: 8px 16px; line-height: 140%;} .cate_title3 h3 { font-size: 22px; line-height: 140%;font-weight: normal; } .cate_title3 h3 span { font-size: 14px;} .cate_title3 h3 a { color: #FFF;} .cate_title3a { background: #910D20; color: #FFF; padding: 8px 16px; line-height: 140%;} .cate_title3a h3 { font-size: 22px; line-height: 140%;font-weight: normal; } .cate_title3a h3 span { font-size: 14px;} .cate_title3a h3 a { color: #FFF;} .cate_title4 {border-bottom: 3px solid #053050;background: url(img/arrow7.png) left 50% no-repeat; padding-left: 24px; font-size: 20px; color: #052657; font-weight: bold;} .cate_title4 h4 { font-size: 24px; line-height: 140%;font-weight: bold; } .cate_title4 h4 span { font-size: 14px;} .cate_title_o4 { border-bottom: 1px solid #052657; font-size: 18px; color: #052657; font-weight: bold; margin-bottom: 20px; } .cate_title_o4 h4 { font-size: 22px; line-height: 140%; font-weight: bold;} .cate_title_h2 { background: #053050; padding: 6px 16px; color: #FFF; margin-top: 50px;} .cate_title_h2 h2 { font-size: 20px; font-weight: normal;} .cate_title_h2 span { font-size: 14px; font-weight: normal; padding-left: 12px;} .cate_title_h2a { background: #3A2F29; padding: 6px 16px; color: #FFF;} .cate_title_h2a h2 { font-size: 20px; font-weight: normal;} .cate_title_h2a span { font-size: 14px; font-weight: normal; padding-left: 12px;} .cate_title_h2b { background: #716558; padding: 6px 16px; color: #FFF;} .cate_title_h2b h2 { font-size: 20px; font-weight: normal;} .cate_title_h2b span { font-size: 14px; font-weight: normal; padding-left: 12px;} .cate_title_h3 { border-bottom: 1px dotted #053050; margin: 30px auto 10px; background: url(img/arrow7.png) left 50% no-repeat; padding-left: 24px;} .cate_title_h3 h3 { font-size: 17px; font-weight: bold; } .cate_title_h3 span { font-size: 13px; font-weight: normal; padding-left: 20px; } .cate_title_h3a { border-bottom: 1px dotted #053050; margin: 0px auto 10px; background: url(img/arrow7.png) left 50% no-repeat; padding-left: 24px;} .cate_title_h3a h3 { font-size: 17px; font-weight: bold; } .cate_title_h3a span { font-size: 13px; font-weight: normal; padding-left: 12px;} .cate_title_h3b { color: #800101; margin: 0px auto 0px; background: url(/newimg/arrow5.png) left 50% no-repeat; padding-left: 24px;} .cate_title_h3b h3 { font-size: 16px; font-weight: bold; } .cate_title_h3c { border-bottom: 1px dotted #666; margin: 5px auto 10px; padding-left: 10px;} .cate_title_h3c h3 { font-size: 17px;} .cate_title_h4 { border-bottom: 1px dotted #666; margin: 0px auto 10px; background: url(/newimg/arrow1.png) left 50% no-repeat; padding-left: 24px;} .cate_title_h4 h4 { font-size: 15px; font-weight: bold; color: #B4181C; } .cate_title_hno { background: #071e35; padding: 6px 16px; color: #FFF;margin: 30px auto 10px; font-size: 20px; font-weight: normal;} /* ////// LIST ////// */ #right_contents .list { margin: 0; padding: 0;} #right_contents .list li { margin-bottom: 5px; background: url(img/arrow1.png) left 50% no-repeat; padding-left: 22px;} #right_contents .list2 { margin: 0; padding: 0;} #right_contents .list2 li { margin-bottom: 8px; background: url(img/arrow1.png) left 50% no-repeat; padding-left: 22px;} #right_contents .list3 { margin: 0; padding: 0;} #right_contents .list3 li { margin-bottom: 10px; background: url(img/arrow1.png) left 50% no-repeat; padding-left: 22px;} #right_contents .list3 span { display: block; font-size: 12px;} #right_contents .list4 { margin: 0; padding: 0;} #right_contents .list4 li { margin-bottom: 5px; background: url(img/arrow1.png) left 50% no-repeat; padding-left: 22px;} #right_contents .list6 { margin: 15px 0px; padding: 0;} #right_contents .list6 li { margin-bottom: 3px; background: url(img/arrow1.png) left 50% no-repeat; padding-left: 22px; font-size: 13px;} #right_contents .list6 span { display: block;} /* ////// LINK ////// */ .arrow1 { background: url(img/arrow1.png) left 50% no-repeat; padding-left: 24px;} .arrow2 { background: url(img/arrow2.png) left 50% no-repeat; padding-left: 22px;} .arrow3 { background: url(img/arrow3.png) left 50% no-repeat; padding-left: 20px;} .arrow4 { background: url(img/arrow4.png) left 50% no-repeat; padding-left: 20px;} .arrow5 { background: url(img/arrow5.png) left 50% no-repeat; padding-left: 20px;} .arrow6 { background: url(img/arrow6.png) left 50% no-repeat; padding-left: 20px;} .arrow7 { background: url(img/arrow7.png) left 50% no-repeat; padding-left: 24px;} .arrow8 { background: url(img/arrow8.png) left 50% no-repeat; padding-left: 24px;} .bigarrow2 {} .bigarrow2 li { font-size: 20px; font-weight: bold; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px dotted #CCC;} .bigarrow2 li a { background: url(img/arrow1.png) left 50% no-repeat; padding-left: 22px;} .bigarrow2 li span { font-size: 12px; line-height: 140%; font-weight: normal; display: block; margin:5px 0 0 25px; } /* ////// INSERT IMAGE ////// */ .spimg {} .spimg img { width: 770px;} .spimg_logo img { width: 770px;margin-top: 20px;} .spimg2 { display: block; margin-bottom: 10px;} .spimg2 img {} .spimg3 {} .spimg3 img { width: 710px;} /* ////// TEXT ////// */ .catetxt { margin: 25px 0 50px 20px;} .catetxt2 { background: #DEE2E6; padding: 20px; margin: 20px auto; } .catetxt3 { background: #EEE; padding: 20px; margin: 5px auto 20px; } .catetxt4 { margin: 25px 0 50px 0px;} .catetxt5 { background: #FFF; border: 1px solid #CCC; padding: 20px; margin: 10px auto 20px; } .catetxt_s { font-size: 18px; font-weight: bold; display: block;} .sansyo { display: block; margin-bottom: 20px; font-size: 11px; text-align: right;} .backtxt { background: #FFF; padding: 20px; margin-bottom: 30px;} .backtxt3 { margin: 20px 0px 50px 0px ; background: #FFF; border: 1px solid #CCC; padding: 20px;} /* ////// IMAGE LAYOUT ////// */ .txt_imgl { margin: 0px 20px 20px 0px;} .txt_imgr { margin: 0px 0px 20px 20px;} #bigrayout { width:100%; margin: auto;} #bigrayout .bigrayout_all { width:1100px; margin: auto;} #bigrayout .spe18head { width:100%; margin: auto; background: url(special/img/spe18_back.jpg) top center no-repeat; height: 556px;} #bigrayout .spe18head div { width: 1000px; margin: auto; text-align: left;} #bigrayout .headtitle { padding-top: 100px; text-align: left;} #bigrayout .headpr { padding-top: 60px;} #bigrayout .bigrayout_right { width: 850px; margin: auto; float: right;} #bigrayout .bigrayout_right .spimg {} #bigrayout .bigrayout_right .spimg img {width:850px;} #bigrayout .spe18leadtxt { padding: 40px 0px;} #bigrayout .spe18testhead { width:100%; margin: auto; background: url(special/img/spe18_backtest.jpg) top center no-repeat; height: 556px;} #bigrayout .spe18testhead div { width: 1000px; margin: auto; text-align: left;} .nagarebox { background: url(/newimg/step_nagare.png) left top no-repeat; padding-left: 140px; height: 2550px;} .nagarebox2 { background: url(/newimg/step_nagare.png) left top no-repeat; padding-left: 140px; height: 2550px; width: 950px;} .nagare_title {font-weight: bold; border-bottom: 1px solid #CCC; color: #000; font-size: 24px; margin-bottom: 14px; font-family: "ï¿???\é\???????¿?ï¿?ï¿?ï¿???? Pro W6","Hiragino Mincho Pro","HGSï¿?ï¿????E","ï¿????ï¿? ï¿?ï¿?ï¿?ï¿????",serif;} .nagare_inner { margin-left: 25px; margin-bottom: 60px; font-size: 13px; line-height: 170%;} .nagare_inner p { margin-left: 10px; margin-bottom: 40px;} .toggle {display: none;} .Label {padding: 1em;display: block;color: #000;background:#fff;padding: 20px;font-size: 17px;} .Label:hover{opacity: 0.5;} .Label::before{content:"";width: 6px;height: 6px;border-top: 2px solid #000;border-right: 2px solid #000;-webkit-transform: rotate(45deg);position: absolute;top:calc( 50% - 3px );right: 20px;transform: rotate(135deg);} .Label,.contenttab {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);transition: all 0.3s;cursor: pointer;} .contenttab {height: 0;margin:10px 0px;padding:0px 20px;overflow: hidden;background: #fff;} .toggle:checked + .Label + .contenttab {height: auto;padding:20px ;transition: all .3s;} .toggle:checked + .Label::before {transform: rotate(-45deg) !important;} /* ////// TABLE ////// */ .t1 { width: 100%; margin: 10px auto 60px ; border: 1px solid #CCC; border-collapse: collapse; background: #FFF;} .t1 th {background: #e6e0c9;width: 120px; border: 1px solid #CCC; border-collapse: collapse; padding: 10px;} .t1 td { border: 1px solid #CCC; border-collapse: collapse; padding: 10px;} .t2 { width: 100%; margin: 10px auto 60px ; border: 1px solid #CCC; border-collapse: collapse; background: #FFF;} .t2 th {background: #e6e0c9; border: 1px solid #CCC; border-collapse: collapse; padding: 10px;width:20%;} .t2 td { border: 1px solid #CCC; border-collapse: collapse; padding: 10px; background: #FFF;} /* ////// BOX ////// */ .boxicinner { margin-bottom: 30px;} .boxic { width: 353px; padding: 10px ; float: left; background: #FFF; margin: 5px; border: 1px solid #CCC;} .boxicinner .img { width: 100px !important; height: 100px; float: left; overflow: hidden !important; } .boxicinner .img img { height: 100px; overflow: hidden !important; vertical-align: middle; } .boxicinner .txt { width: 233px !important; float: left; margin-left: 10px; } .boxicinner .txt strong { font-size: 13px !important; display: block; background: url(img/arrow4.png) left 50% no-repeat; padding-left: 22px; margin-bottom: 5px;} .boxicinner .txt span { font-size: 12px; line-height: 140%; display: block; } .box3inner { margin-bottom: 30px;} .box3 { width: 245px; padding: 0px 0px 15px 0px; float: left; min-height: 300px; background: #FFF; margin: 5px;} .box3a { width: 245px; padding: 0px 0px 15px 0px; float: left; min-height: 300px; background: #FFF; margin: 5px;} .box3 img { width: 245px; } .box3inner img { width: 245px; } .box3inner strong { font-size: 15px; margin: 7px auto ; display: block; background: url(img/arrow4.png) left 50% no-repeat; padding-left: 22px;} .box3inner span { font-size: 12px; line-height: 140%; display: block; margin: 0px 5px;} .box21inner { margin: 30px auto ;} .box21 { width: 338px; border: 1px solid #CCC; padding: 15px; float: left; background: #FFF;} .box21a { width: 338px; border: 1px solid #CCC; padding: 15px; float: left; background: #FFF; margin-left: 20px;} .box21_title { font-size: 18px; margin: 0px auto 10px ; font-weight: bold; } .box21_img { margin: 0px auto 10px ; } .box21_img img { width: 338px;} .box21_txt { font-size: 13px; margin: 12px auto; line-height: 140%; } .box21_detail { text-align: center ;width: 338px;} .box21_detail a { display: block; color: #FFF;padding: 10px 0px; background: #BE1D2C;text-decoration: none;} .box21_detail a:hover {background: #DB5E6E; } .box21_detail span { background: url(img/arrow4.png) left 50% no-repeat; padding-left: 28px;} .box21_title strong { font-size: 15px; margin: 7px auto ; display: block; background: url(img/arrow4.png) left 50% no-repeat; padding-left: 22px;} /* category index */ .box22inner { margin: 30px auto ;} .box22 { width: 340px; padding: 15px; float: left; min-height: 230px; background: #FFF;} .box22a { width: 340px; padding: 15px; float: left; min-height: 230px; background: #FFF; margin-left: 20px;} .box22_title { font-size: 18px; margin: 0px auto 10px ; font-weight: bold; } .box22_txt { font-size: 13px; margin: 12px auto; line-height: 140%; } .box22_detail { text-align: center;} .box22_title strong { font-size: 18px; margin: 7px auto ; display: block; background: url(img/arrow4.png) left 50% no-repeat; padding-left: 22px;} .box2024inner { margin-bottom: 30px;} .box2024 { width: 245px; padding: 0px 0px 15px 0px; float: left; min-height: 300px; background: #FFF; margin: 5px;} .box2024a { width: 245px; padding: 0px 0px 15px 0px; float: left; min-height: 300px; background: #FFF; margin: 5px;} .box2024 img { width: 245px; } .box2024inner img { width: 245px; } .box2024inner strong { font-size: 15px; margin: 7px auto ; display: block; background: url(img/arrow4.png) left 50% no-repeat; padding-left: 22px;} .box2024inner span { font-size: 12px; line-height: 140%; display: block; margin: 0px 5px;} .box24 { float: left; width: 350px; margin-bottom: 30px;} .box24a { float: left; width: 350px; margin-bottom: 30px; margin-left: 20px;} .box24 .box24_title { font-size: 18px; text-align: center; font-weight: bold;} .box24 .box24_txt { font-size: 14px; line-height: 140%;} .box24a .box24_title { font-size: 18px; text-align: center; font-weight: bold;} .box24a .box24_txt { font-size: 14px; line-height: 140%;} .contents_center_addbox { text-align: center; margin: 20px auto 70px;} #right_contents .seminarbox { border-bottom: 1px dotted #CCC; padding-bottom: 25px; margin-bottom: 25px;} #right_contents .seminarbox_img { width: 230px; float: left;} #right_contents .seminarbox_img img { width: 230px;} #right_contents .seminarbox_txt { width: 520px; margin-left: 20px; float: left; font-size: 14px; color: #444;line-height: 140%;} #right_contents .seminarbox_txt strong { font-size: 16px; display: block; margin-bottom: 8px; text-align: left; } /* ////// LOCAL NAVI ////// */ #left_contents .l_navi_title { background: #716558; padding: 15px 5px; margin-top: 30px;}/* #052657 */ #left_contents .l_navi_title p { background: url(img/arrow3.png) left 50% no-repeat; line-height: 130%; color: #FFF; padding-left: 22px; font-size: 20px;font-family: Meiryo UI, "?q???M?m?p?SPro W3", "Hiragino Kaku Gothic Pro", Osaka, "?l?r ?o?S?V?b?N",/* Arial, Helvetica, Verdana, */sans-serif;font-weight: bold; } #left_contents .l_navi_title a { color: #FFF; text-decoration: none;} #left_contents .l_navi_title a:hover { color: #FFF; text-decoration: underline;} #left_contents .l_navi_list { background:#FFF;} #left_contents .l_navi_list li { padding: 10px 5px; border-bottom: 1px dotted #666; line-height: 135%; background:url(img/arrow1.png) 5px 50% no-repeat; } #left_contents .l_navi_list a { padding-left: 22px; display: block; font-size:13px ; } #left_contents .navibnr {} /************* about_itconsultant ************/ #right_contents .it_se_box1 { background: #124B9C; padding: 20px; margin: 20px auto 30px; color: #FFF;} #right_contents .it_se_box2 {background: #AF3E3A; padding: 20px; margin: 20px auto 30px; color: #FFF;} #right_contents .it_se_box3 {background: #708735; padding: 20px; margin: 20px auto 30px; color: #FFF;} #right_contents .it_se_box1 span { font-size:20px ;} #right_contents .it_se_box2 span { font-size:20px ;} #right_contents .it_se_box3 span { font-size:20px ;} #right_contents .time_bar { border-bottom: 1px dotted #CCC; padding-bottom: 3px; margin-bottom: 5px; color: #C30;} #right_contents .time_bar_txt { margin: 10px auto 40px;} /************* SPECIAL ************/ #right_contents .special_thum { margin-bottom: 50px; padding: 15px; background: #FFF;} #right_contents .special_thum a {} #right_contents .special_thum .img { float: left; width: 280px;} #right_contents .special_thum .img img { width: 280px;} #right_contents .special_thum .txt { float: left; width: 435px; margin-left: 15px; font-size: 13px; line-height: 160%;} #right_contents .special_thum .txt strong { display: block; font-size: 20px; margin-bottom: 10px; line-height: 140%;} #right_contents .special_joblist { background: #FFF; padding: 20px; margin: 0px auto 40px; } #right_contents .special_joblist li { padding-bottom: 2px; margin-bottom: 10px; font-size: 14px; background: url(img/arrow2.png) left 50% no-repeat; padding-left: 25px; display: block; border-bottom: 1px dotted #CCC;} #right_contents .special_innerjob { margin: -10px auto 100px; text-align: center;} #right_contents .special_innerjob p { margin-top: 10px; color: #C30; line-height: 140%; } /************* RECRUIT ************/ #right_contents .topnewjobbox {background: #E5DDC6; padding: 30px 15px ;} #right_contents .jobcatetitle { margin-bottom: 12px; font-size: 24px; font-weight: bold; color:#750311 ; background: url(img/arrow5.png) left 50% no-repeat; padding-left: 30px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #right_contents .joblist { margin-bottom: 50px;} #right_contents .joblist ul { margin-bottom: 25px;} #right_contents .joblist li { border-bottom: 1px dotted #666; margin-bottom: 6px; font-size: 14px;} #right_contents .joblist li a { background: url(img/arrow2.png) left 50% no-repeat; display: block; padding-left: 26px;} #right_contents .kyujinlist {} #right_contents .kyujinlist .box { border-top: 5px solid #053050; background: #FFF; padding: 10px 20px 30px; margin:0px auto 50px; -webkit-box-shadow: 0 0 5px 0 #999; -moz-box-shadow: 0 0 5px 0 #999; box-shadow: 0 0 5px 0 #999; } #right_contents .kyujinlist .jobindexbox { margin: 0px auto 30px;} #right_contents .kyujinlist .jobindexbox th,.jobindexbox td { padding: 10px;} #right_contents .kyujinlist .jobindexbox th { width: 100px;} #right_contents .kyujinlist .jobindexbox td { border-bottom: 1px solid #CCC;} #right_contents .kyujinlist .boxtitle { font-size: 20px; background: E6E7E7; font-weight: bold; padding-bottom: 20px;} #right_contents .kyujinlist .boxtitle span { font-size: 13px; display: block;} #right_contents .boxmore { text-align: center;} #right_contents .boxmore a { color: #FFF; padding: 10px 120px; font-weight: bold; font-size: 18px; background:#06203F ;} #right_contents .boxmore a:hover { color: #FFF; background:#143D66 ;} #right_contents .add_job { margin: -10px auto 100px; text-align: center;} #right_contents .add_job p { margin-top: 10px; color: #C30; line-height: 140%; } #right_contents .co_fortop { text-align: right; margin-bottom: 100px;} #right_contents .co_fortop img { width: 130px;} #right_contents .kyujin_morelistcate { background: #FFF; border: 1px solid #CCC; margin: 15px auto 60px; overflow: auto; height: 350px; padding: 20px;} #right_contents .kyujin_morelistcate ul { margin: 0; padding: 0;} #right_contents .kyujin_morelistcate li { margin-bottom: 8px; line-height: 140%; font-weight: bold; background: url(img/arrow1.png) left 50% no-repeat; padding-left: 22px; padding-bottom: 4px; border-bottom: 1px dotted #666;} #right_contents .kyujin_morelistcate span { display: block; font-size: 12px; font-weight: normal;} /*¸¡º÷¥Ü¥Ã¥¯¥¹*/ :root {--basic: #011945; --light: #edeeee; --light2: #f5f5ee; --gold: #e3dfc3; --accent: #bc1521; --blue_light: #e8f2fd; --blue: #005fac;} .searchbox_zone20250207{background: #F1F1F2;padding: 20px;} .searchbox_zone20250207 ul {margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: unset; width: 103%; align-self: baseline;} .searchbox_zone20250207 li {float: left; font-size: 14px; margin-right: 10px; margin-bottom: 10px; width: 23%;} .searchbox_zone20250207 li a {text-decoration: underline; border: 1px solid #171A19; color: #000; background: #fff; /* padding: 6px 5px; */ display: block; /* width: 50%; height: 32px; */ text-align: center; white-space: nowrap; border-bottom: 3px solid var(--basic); font-weight: bold; height: 30px; border-radius: 4px;} .searchbox_zone20250207 li a:hover {background: #06203f; color:#fff;} .contentsh2 h2{ font-size: 26px; font-weight: bold; font-family: "Yu Mincho", ����ī, YuMincho, ����ī��, "�ҥ饮����ī ProN W3", �ᥤ�ꥪ, "Times New Roman", "Hiragino Mincho ProN", HGS��īE, "�ͣ� ����ī", Meiryo, serif; } /*¸¡º÷¥Ü¥Ã¥¯¥¹*/ /************* SUCCESS ************/ .kyujinsalary{font-weight: bold;font-size: 20px;margin-top: 20px;} #right_contents .successbox {} #right_contents .successbox .box3inner { margin-bottom: 60px;} #right_contents .successbox .box3inner div { width: 245px; float: left; min-height: 300px; background: #FFF; margin: 5px 5px 15px 5px;} #right_contents .successbox .box3inner img { width: 245px; } #right_contents .successbox .box3inner .follow { padding: 10px;} #right_contents .successbox .box3inner .box3under_title { font-size: 17px; margin: 7px auto ; display: block; font-weight: bold; line-height: 140%;} #right_contents .successbox .box3inner .box3under_txt{ font-size: 12px; line-height: 140%; display: block; margin: 0px 5px;} #right_contents .successbox .box3inner a.follow { display: block; background: #FFF; text-decoration: none; min-height: 205px; color: #222;} #right_contents .successbox .box3inner a.follow:hover { display: block; background: #071E35; color: #FFF; text-align: none;} #right_contents .successbox .box3inner a.follow .box3under_title { color: #004DB6 !important;} #right_contents .successbox .box3inner a.follow:hover .box3under_title { color: #FFF !important;} .t3 { width: 100%; margin: 20px auto; border: 1px solid #CCC; border-collapse: collapse;} .t3 th,.t3 td { border: 1px solid #CCC; border-collapse: collapse; padding: 12px;} .t3 th { background: #e6e0c9; text-align: center;} .t3 td { background: #FFF; } /************* FIRMLIST ************/ #right_contents .companycontent_inner { background: #FFF; padding: 20px; margin: 10px auto 60px;} #right_contents .companylogo { margin: 40px auto;} #right_contents .companylogo p { float: left; width: 145px; margin: 5px 3px;} #right_contents .companylogo img { width: 145px; } #right_contents .companycontent_inner { background: #FFF; padding: 20px; margin: 10px auto 60px;} #right_contents .companylogo2 { margin: 40px auto;} #right_contents .companylogo2 p { float: left; width: 180px; margin: 5px 3px;height: 170px;} #right_contents .companylogo2 img { width: 180px; } .t8 { width: 100%; margin: 20px auto; border: 1px solid #CCC; border-collapse: collapse; } .t8 th,.t8 td { border: 1px solid #CCC; border-collapse: collapse; padding: 12px;} .t8 th { background: #3A2F29;color: #fff; text-align: center;} .t8 td { background: #FFF; } /************* FAQ ************/ #right_contents .question { color: #c30; border-bottom: 1px dotted #CCC; padding-bottom: 2px; margin-bottom: 10px;} #right_contents .answer { margin: 0px 0px 80px 20px; } #interviewbox { width: 1098px; margin: auto; padding-bottom: 60px;} #interviewbox div { width: 334px; float: left; color: #FFF; min-height: 350px; padding: 10px; margin: 6px; background:#051D34;} #interviewbox .in_index_title { color: #E8D4A2; height: 70px; font-size: 18px; line-height: 130%; font-weight: bold; margin: 0px auto 0px;} #interviewbox .in_index_title a { color: #E9D5A3; text-align: none;} #interviewbox .in_index_title a:hover { color: #FCF1D9; text-align: underline;} #interviewbox .in_img { width: 334px;margin-bottom: 10px;} #interviewbox .in_img img { width: 334px;} #interviewbox .in_index_txt { font-size: 12px; line-height: 160%;} #right_contents .interviewbox { border-bottom: 1px dotted #CCC; padding-bottom: 25px; margin-bottom: 25px;} #right_contents .interview_img { width: 300px; float: left;} #right_contents .interview_img img { width: 300px;} #right_contents .interview_txt { width: 400px; margin-left: 20px; float: left; font-size: 14px; color: #444;line-height: 140%;} #right_contents .interview_txt strong { font-size: 25px; display: block; margin-bottom: 8px; text-align: left;line-height: 130%; } /************* SEMINAR ************/ #careerseminarbox { width: 1098px; margin: auto; padding-bottom: 60px;} #careerseminarbox div { width: 334px; float: left; color: #FFF; min-height: 430px; padding: 10px; margin: 6px; background:#051D34;} #careerseminarbox .semi_index_title { color: #E8D4A2; height: 70px; font-size: 18px; line-height: 130%; font-weight: bold; margin: 0px auto 10px;} #careerseminarbox .semi_index_title a { color: #E9D5A3; text-align: none;} #careerseminarbox .semi_index_title a:hover { color: #FCF1D9; text-align: underline;} #careerseminarbox .seminar_img { width: 334px;} #careerseminarbox .seminar_img img { width: 334px;} #careerseminarbox .detail { margin-top: 15px; background: url(../consulinfo/seminar/img/open.jpg) left top no-repeat; padding-top: 30px; } #careerseminarbox .seminar_how { display: block; font-size: 15px; margin-bottom: 15px; font-weight: bold;} #careerseminarbox .outdate { display: block; color: #FFF; font-weight: bold; font-size: 12px;text-decoration: underline;} #careerseminarbox .semi_index_txt { font-size: 12px; line-height: 160%;} #seminarlong { margin-top: 15px;} #seminarlong div { border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 40px;} #seminarlong .img { width: 230px; float: left;} #seminarlong .img input { width: 230px;} #seminarlong .img img { width: 230px;} #seminarlong .detail { width: 855px; float: left; margin-left: 15px; } #seminarlong .seminar_how { display: block; font-size: 15px; margin-bottom: 10px; font-weight: bold; padding-left: 90px; background: url(../consulinfo/seminar/img/open.jpg) left 50% no-repeat;} #seminarlong .semi_index_title { display: block; font-size: 16px; margin-bottom: 10px; font-weight: bold;background: url(img/arrow2.png) left 50% no-repeat; padding-left: 24px;} #seminarlong .semi_index_txt { display: block; font-size: 12px; line-height: 160%; margin-top: 5px; margin-bottom: 15px; } #seminarlong_close div { border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 40px;} #seminarlong_close .seminar_img { width: 230px; float: left;} #seminarlong_close .seminar_img input { width: 230px;} #seminarlong_close .seminar_img img { width: 230px;} #seminarlong_close .detail { width: 855px; float: left; margin-left: 15px; } #seminarlong_close .seminar_how { display: block; font-size: 15px; margin-bottom: 10px; font-weight: bold; padding-left: 90px; background: url(../consulinfo/seminar/img/close.jpg) left 50% no-repeat;} #seminarlong_close .semi_index_title { display: block; font-size: 16px; margin-bottom: 10px; font-weight: bold;background: url(img/arrow2.png) left 50% no-repeat; padding-left: 24px;} #seminarlong_close .semi_index_txt { display: block; font-size: 12px; line-height: 160%; margin-top: 5px; margin-bottom: 15px; } .seminaraddbox {} .seminaraddbox .c30 { margin-bottom: 40px;} .seminaraddbox input {} #right_contents .seminar_leadtxt { text-align: center; font-size: 18px; color: #c30; margin: 20px auto; display: block;} #careerbox { margin: 20px 0 0 20px;} #careerbox div { border-bottom: 1px dotted #CCC; padding-bottom: 10px; margin-bottom: 40px;} #careerbox .img { width: 220px; float: left;} #careerbox .img img { width: 220px;} #careerbox .detail { width: 460px; float: left; margin-left: 20px; } #careerbox .semi_index_date { display: block; font-size: 14px; margin-bottom: 5px; color: #c30; font-weight: bold;} #careerbox .semi_index_title { display: block; font-size: 16px; margin-bottom: 10px; font-weight: bold;background: url(img/arrow2.png) left 50% no-repeat; padding-left: 24px;} #careerbox .semi_index_txt { display: block; font-size: 12px; line-height: 160%; margin-top: 5px; margin-bottom: 15px; } /************* SERVICE ************/ #servicetop { width: 100%; margin: auto; background: url(img/servicetop.png) #0F161B center top no-repeat; height: 724px;} #servicetop .inner { width: 900px; margin: auto; padding-top: 90px;} #servicetop .title { margin-bottom: 85px;} #servicetop .awards { background: url(img/servicetop_bb.png) repeat; padding: 20px; text-align: center;} #topservice { width: 100%; margin: auto; height: 736px; background: url(img/topservice.png) #FFF center top no-repeat;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #topservice .inner { width: 1100px; margin: auto;text-align: center; padding-top: 100px;} #topservice .inner2 { width: 1100px; margin: auto;text-align: center; padding-top: 50px;} #topservice .title { font-size: 36px; font-weight: bold; margin: auto; text-align: center; padding-bottom: 38px;} #topservice .title span { display: block; font-size: 16px; margin-top: 5px;} #topservice .box1 { float: left; width: 314px;} #topservice .boxml { margin-left: 79px;} #topservice .box1 img { width: 314px;} #topservice .box1 .btitle { text-align: center; font-size: 21px; margin: 8px 12px; font-weight: bold; color: #000; } #topservice .box1 .btxt { text-align: left; font-size: 15px; color: #212121;} #topservice .box1 .btxt2 { text-align: left; font-size: 15px; color: #111; line-height: 180%; } #topservice .btn { text-align: center; margin: 40px auto 0px; width: 480px;} #topservice .btn a { display: block; background: #BE1D2C; text-align: center; text-decoration: none; color: #FFF; font-size: 24px; padding: 15px 0px;} #topservice .btn a:hover { display: block; background: #D85968; text-align: center; font-size: 24px;} #topservice .btn span { background: url(img/arrow6.png) left 50% no-repeat; padding-left: 26px;} #topservice .btn_service { text-align: center; margin: 20px auto 0px;} #topservice .btn_service a { padding-right: 20px;} #footaddobiservice { width: 100%; margin: 60px auto ;} #footaddobiservice .txtinner { width: 1100px; margin: 50px auto; color: #333; font-size: 24px; line-height: 200%; text-align: center;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif; } #footaddobiservice .inner { width: 1100px; margin: auto; text-align: left; } #footaddobiservice .outer1 { width: 100%; height: 290px;background: url(/newimg/service_staff.png) center top no-repeat; } #footaddobiservice .outer2 { width: 100%; height: 480px;background: url(img/bottomaddback.png) #071D35 center top no-repeat; } #footaddobiservice .box { padding: 122px 0px 0px;} #footaddobiservice .txt { text-align: left; margin-left: 480px; line-height: 130%; color: #FFF; font-size: 18px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #footaddobiservice .add {margin-left: 480px; margin-top: 60px; } #footaddobiservice .addleft { width: 300px; float: left; } #footaddobiservice .addright { width: 300px; float: left; margin-left: 15px; margin-top: 20px; } #right_contents .movin_point_back { background: #071E35; padding: 35px 0px; color: #FFF; margin: 30px auto;} #right_contents .movin_point_box { background: #0B2851; width: 660px; padding: 10px; margin: auto;} #right_contents .movin_point_txt { width: 380px; margin-top: 20px; float: left;} #right_contents .movin_point_img { width: 260px; margin-top: 20px; float: left; margin-left: 20px;} #right_contents .serviceflow { background: url(img/flow.png) left top no-repeat; margin: 30px auto; } #right_contents .serviceflow_txtbox { margin-left:135px ; line-height: 150%;font-size: 12px;} #right_contents .serviceflow_title { border-bottom: 1px solid #071E35; color: #123B69; font-family: "?q???M?m???? Pro W6","Hiragino Mincho Pro","HGS????E","?l?r ?o????",serif; font-size: 22px;} #right_contents .serviceflow_subtitle { font-size: 16px; font-weight: bold; background: url(img/arrow1.png) left 50% no-repeat; padding-left: 22px; color: #2D4363; margin-bottom: 8px;} /************* STAFF ************/ #staffboxindex { margin: 50px auto;} #staffboxindex div { float: left; width: 350px; margin: 0px 10px 60px 10px; min-height: 380px; } #staffboxindex .txt1 { font-family:"??????", "YuMincho", serif,"???C???I", Meiryo, "?q???M?m?p?SPro W3", "Hiragino Kaku Gothic Pro", Osaka, "?l?r ?o?S?V?b?N",/* Arial, Helvetica, Verdana, */sans-serif;} #staffboxindex .txt2 { margin-top: 10px; font-size: 13px; line-height: 150%; } #staffboxindex a { color: #111; text-decoration: none;} #staffboxindex a:hover { color: #111; text-decoration: none; background-image: rgba(255,255,255,0.5);} #staffboxindex .txt1 strong { display: block; padding: 30px 5px 0px 180px; font-size: 27px;} #staffboxindex .txt1 em { display: block; padding: 0px 5px 0px 180px; font-size: 13px; color: #58595B; font-style: normal;} #staffboxindex .txt1 span { display: block; padding: 10px 5px 0px 180px; font-size: 14px; line-height: 150%;} #staffboxindex .back_i_omae { background: url(img/staff/back_i_omae.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_kataoka { background: url(img/staff/back_i_kataoka.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_kamikawa { background: url(img/staff/back_i_kamikawa.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_kitabayashi { background: url(img/staff/back_i_kitabayashi.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_kurusu { background: url(img/staff/back_i_kurusu.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_komuro { background: url(img/staff/back_i_komuro.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_kondo { background: url(img/staff/back_i_kondo.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_shimizu { background: url(img/staff/back_i_shimizu.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_suzuki { background: url(img/staff/back_i_suzuki.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_takita { background: url(img/staff/back_i_takita.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_nakamura { background: url(img/staff/back_i_nakamura.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_nishita { background: url(img/staff/back_i_nishita.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_hirotomi { background: url(img/staff/back_i_hirotomi.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_yamashita { background: url(img/staff/back_i_yamashita.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_ogawa { background: url(img/staff/back_i_ogawa.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_yamaguchi { background: url(img/staff/back_i_yamaguchi.jpg) left top no-repeat; height: 280px;} #staffboxindex .back_i_shiratsuchi { background: url(img/staff/back_i_shiratsuchi.jpg) left top no-repeat; height: 280px;} /* /// firststage /// */ #firststage { width: 1100px; margin: 30px auto; text-align: left; } #firststage .cate_title { border-bottom: 4px solid #052657; } #firststage .cate_title h1 { font-size: 32px; color: #052657; } #firststage .cate_title span { font-size: 18px; padding-left: 30px; } #firststage .firsttxt { width: 1060px; margin: 30px auto;} #firststage_top { width: 100%; margin: auto; background: url(img/firstback.png) #FFF top center no-repeat; height: 590px; border-top: 15px solid #071D35; } #firststage_top .inner { width: 1100px; margin: auto; padding-top: 50px; font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #firststage_top .inner2 { width: 800px; margin-left: 300px;} #firststage_top .title { font-size: 36px; color: #BE1D2C; text-align: center; line-height: 175%; margin-bottom: 30px;} #firststage_top .txt { font-size: 17px; text-align: left; line-height: 175%;} #firststage_add { width: 100%; margin: 0px auto 100px; padding: 75px 0px 70px; background: #071D35; color: #FFF;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #firststage_add .inner { width: 1100px; margin: auto;} #firststage_add .title { font-size: 36px; font-weight: bold; margin: auto; text-align: center; padding-bottom: 38px;} #firststage_add .title span { display: block; font-size: 16px; margin-top: 5px;} #firststage_add .box1 { width: 320px; padding: 30px 16px; height: 360px; background: #630410; float: left;} #firststage_add .box2 { width: 320px; padding: 30px 16px; height: 360px; background: #630410; float: left; margin-left: 22px;} #firststage_add .btitle { color: #FCDF7D; font-size: 24px; text-align: center; margin-bottom: 40px;} #firststage_add .btxt { color: #FFF; font-size: 15px; line-height: 160%;} #firststage_add .primg { text-align: center; margin:30px auto;} #firststage_add .add { width: 1100px; height: 500px;background: url(img/firstaddb.png) top center no-repeat; margin: auto;} #firststage_add .addtxt { text-align: left; font-size: 18px; padding: 140px 0 0 55px; color: #222; line-height: 180%;} #firststage_add .addbtn { padding: 40px 0 0 55px;} #firststage_add .addbtn a { padding-right: 12px;} #firststage .nbox { width: 840px; float: left;} #firststage .tbox { width: 230px; float: left; margin-left: 30px;} #firststage .number { background: #D8D1C3;} #firststage .numbertxt { margin: 30px 0px 50px 30px; font-size: 15px;} #firststage .numbertxt span { display: block; margin-top: 8px; line-height: 220%;} #firststage .numbertxt a { font-weight: bold; font-size: 17px;} #firststage .seminarbox { border-bottom: 1px dotted #CCC; padding-bottom: 25px; margin-bottom: 25px;} #firststage .seminarbox_img { width: 230px; float: left;} #firststage .seminarbox_img img { width: 230px;} #firststage .seminarbox_txt { width: 560px; margin-left: 20px; float: left; font-size: 14px; color: #444; line-height: 140%;} #firststage .seminarbox_txt strong { font-size: 16px; display: block; margin-bottom: 8px;} #firststage .jobspebnr_box { margin: 20px auto;background: #E5DDC6; padding: 15px ; } #firststage .jobspebnr_box .title_h2 { text-align: center; font-size: 26px; color: #333; margin-bottom: 25px;font-family:"游æ?????", YuMincho, "?????????????????? ProN W3", "Hiragino Mincho ProN", "HG??????E", "MS P??????", "MS ??????", serif;} #firststage .jobspebnr_box .title_h2 h2 { font-size: 26px; line-height: 110%;} #firststage .jobspebnr_box .title_h2 span { display: block; text-align: center; font-size: 14px;} #firststage .jobspebnr_inner { width: 200px;margin: 0px auto 30px;} #firststage .jobspebnr_box .img { margin-bottom: 8px;} #firststage .jobspebnr_box img { width: 200px;} #firststage .jobspebnr_box .title { font-size: 15px; line-height: 135%; font-weight: bold;} #firststage .jobspebnr_box .txt { color: #555; display: block; font-size: 13px; line-height: 130%; margin-top: 10px;} #firststage .jobspebnr_box .title em { display: block; font-size: 11px; line-height: 130%; font-style: normal;} #header_work { font-size:12px ; width: 100%; margin: auto; padding: 12px 0px; text-align: left; background: #063F6B;} #header_work ul {display: flex; flex-direction: row; width: 1100px; margin: auto; font-size:16px; font-weight: bold;} #header_work li { margin-left:20px;} #header_work a{display:block;color:#FFFFFF; text-decoration: none; background: url('/it/img2021/arrow1.svg') no-repeat left center;padding-left:20px;} #header_work a:hover{text-decoration: underline;} #header_work .label{background: #8f0000; color:#FFFFFF; padding:0 20px; white-space: nowrap;} /* ////// NONE ////// */ .spbox { display: none;} #spbox { display: none;} /* ???ç¯??????????????ç·?????????????????ç·?????? */ .privacyh2{font-size: 24px; margin-bottom: 15px;} .privacyh3{font-size: 20px; margin-bottom: 0px;} .privacytableline { border: 1px solid #CCC; border-collapse: collapse; margin: 0px 10px ;} .privacytableline th { padding: 8px; background: #E0D5BD; text-align: center; border: 1px solid #CCC; border-collapse: collapse; } .privacytableline td { padding: 8px; background: #FFF; border: 1px solid #CCC; border-collapse: collapse; } .privacytxt { font-size: 18px; margin: 8px auto 20px;} /* ç¾??ç¯?????????? */ .kyujin_cate_contents {} .kyujin_cate_contents .jobbox { border: 5px solid #510008 ; margin: 15px auto 60px; background: #FFF; padding: 20px;} .kyujin_cate_contents .joblist_rec { margin: 5px 0 0 10px;} .kyujin_cate_contents .joblist_rec li { background: url(newimg/arrow1.png) left 15px no-repeat; font-size: 14px; line-height: 140%; border-bottom: 1px dotted #CCC; padding: 12px 0 3px 20px;} .kyujin_cate_contents .joblist { margin: 15px 0 0 10px;} /*.kyujin_cate_contents .joblist li { background: url(newimg/newmark.png) left 15px no-repeat; font-size: 14px; line-height: 140%; border-bottom: 1px dotted #CCC; padding: 12px 0 3px 44px;}*/ .kyujin_cate_contents .joblist li { background: url(newimg/arrow1.png) left 15px no-repeat; font-size: 13px; line-height: 140%; border-bottom: 1px dotted #CCC; padding: 12px 0 3px 22px;} .kyujin_cate_contents .jl_newmark { background: url(newimg/newmark.png) left 15px no-repeat !important; font-size: 13px; line-height: 140%; border-bottom: 1px dotted #CCC; padding: 12px 0 3px 54px !important;} .kyujin_cate_contents .newmark:after { content: url(newimg/newmark.png) ; vertical-align: middle; margin-left: 10px; } .kyujin_cate_contents .jobarrow { text-align: center; margin: 20px auto 50px;} .kyujin_cate_contents .jobunderbox { background: #D8CFC0; padding: 18px; font-size: 13px; line-height: 150%; color: #000;} .kyujin_cate_contents .jobunderbox_add { margin-top: 15px; text-align: center;} .kyujin_cate_contents .joblist2022 li {} .kyujin_cate_contents .joblist2022 li a { font-size: 15px; line-height: 140%; font-weight: bold;} .kyujin_cate_contents .joblist2022 li span { font-size: 13px; line-height: 140%; color: #444; display:block;} .kyujin_cate_contents .jl_newmark2022 { background: url(newimg/newmark.png) left 15px no-repeat !important; font-size: 13px; line-height: 140%; border-bottom: 1px dotted #CCC; padding: 12px 0 8px 54px !important;} .kyujin_cate_contents .jl_arrow2022 { background: url(newimg/arrow1.png) left 15px no-repeat !important; font-size: 13px; line-height: 140%; border-bottom: 1px dotted #CCC; padding: 12px 0 8px 22px !important;} .kyujin_cate_contents .jl_nomark {background: url(newimg/arrow1.png) left 15px no-repeat !important;} .kyujin_cate_contents .jobotherbox { margin: 30px auto 0px;} .kyujin_cate_contents .jobotherbox p { float: left; width: 220px; margin-right: 10px;} .kyujin_cate_contents .jobotherbox p:last-child { margin-right: 0px;} .kyujin_cate_contents .jobotherbox p strong { font-size: 15px; display: block; border-bottom: 1px dotted #CCC; margin-bottom: 5px;} .kyujin_cate_contents .jobotherbox p span { font-size: 11px; line-height: 130%;} .kyujin_cate_contents .companyjobbox { width: 720px; margin: 30px auto;} .kyujin_cate_contents .companyjobbox_bnr { float: left; width: 220px; margin: 0px 10px 120px 0px; min-height: 250px;} .kyujin_cate_contents .companyjobbox_bnr img { width: 220px;} .kyujin_cate_contents .companyjobbox_bnr strong {line-height: 125%; font-size: 15px; display: block;} .kyujin_cate_contents .companyjobbox_bnr em {line-height: 125%; margin: 6px auto 1px; font-style: normal; font-weight: bold; font-size: 11px; display: block;} .kyujin_cate_contents .companyjobbox_bnr span { display: block; margin-top: 5px; font-size: 11px; line-height: 120%;} .kyujin_cate_contents .box202210 { background: #FFF;box-shadow: 0 0 8px #666;border-radius: 10px; padding: 20px 0px 35px; margin-bottom: 60px;} .kyujin_cate_contents .box202210 .mark { width: 670px; margin: auto; margin-bottom: 20px;} .kyujin_cate_contents .box202210 .mark li { border: 1px solid #135258; padding: 3px 5px; color: #135258; font-size: 13px; display: inline; margin-right: 6px;} .kyujin_cate_contents .box202210 .mark .newmark202210 { border:none; color: #FFF; background: #BE1D2C;} .kyujin_cate_contents .box202210 .jobtitle { background: #F1F1F2; padding: 20px 20px 30px; font-size: 22px; line-height: 140%;} .kyujin_cate_contents .box202210 .jobtitle strong { display: block; font-size: 18px; margin-bottom: 5px;} .kyujin_cate_contents .box202210 .jobdestable { width: 670px; margin: auto; font-size: 15px;} .kyujin_cate_contents .box202210 .jobdestable th { border-bottom: 1px dotted #CCC; vertical-align: top; font-weight: bold; padding: 17px 0px; width: 110px;} .kyujin_cate_contents .box202210 .jobdestable td {border-bottom: 1px dotted #CCC; font-size: 14px; line-height: 140%; padding: 17px 0px;} .kyujin_cate_contents .box202210 .jobdetailbtn { text-align: center; margin-top:30px ;} .kyujin_cate_contents .box202210 .jobdetailother { text-align: center; margin-top:10px ; font-size: 15px;} /* ç¾??ç¯?????????? */ /* æ±?人è?³ç´° ??­ã?? */ .ankentopheader { margin: 20px auto; } .ankentopheader .leftsidejobhead { float: left; width: 750px; } .ankentopheader .leftsidejobhead li { border: 1px solid #135258; padding: 3px 5px; color: #135258; font-size: 13px; display: inline; margin-right: 6px;} .ankentopheader .leftsidejobhead .newmarkset { border:none; color: #FFF; background: #BE1D2C;} .ankentopheader .leftsidejobhead .lead_firmtitle { font-size: 20px; margin: 10px auto 0px;} .ankentopheader .rightsidejobhead { float: left; width: 230px; margin-left: 20px; } .ankentopheader .rightsidejobhead img { width: 230px;} /* æ±?人è?³ç´° ??­ã?? */ /* æ±?人è?³ç´° ä¼?社æ????? */ .companyjob2022t { width: 100%; margin: auto; border: 1px solid #EEE; border-collapse:collapse ; } .companyjob2022t th,.companyjob2022t td { border-bottom:1px solid #CCC; padding: 10px; border-collapse:collapse ;} .companyjob2022t th { font-weight: bold; text-align: center; vertical-align: top; background: #E6E7E7;} .companyjob2022t td { background: #F1F1F2;} /* æ±?人è?³ç´° ä¼?社æ????? */