@charset "utf-8";
/* CSS Document */
/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {position: sticky;top: 0;z-index: 9999;background: #fff;border-top: 5px solid #005873;height: 85px;box-sizing: border-box;}
#headerAreaInner {width: 1200px;height: auto;margin: 0 auto;display: flex;justify-content: space-between;padding: 0;position: relative;box-sizing: border-box;}
#headerAreaLogo {margin-right: 1em;padding: 1.3em 0 0.7em;}

#headerLink{width: 100%;}
#headerLink .headerLinkUl{display: flex;justify-content: space-between;align-items: center; height: 100%;}
#headerLink .headerLinkUl .novaTop{margin: 1em auto 0 0;}
#headerLink .headerLinkUl .novaTop a{color: #00a1c9;font-size: 95%;}
#headerLink .headerLinkUl .headTel{margin-right: 1.5em;}
#headerLink .headerLinkUl .formCt,
#headerLink .headerLinkUl .formRq{height: 64px;}
#headerLink .headerLinkUl .formCt a{display:flex;flex-direction: column;justify-content: center;width: 18em;height: 100%;line-height: 1.4;font-size: 120%;text-align: center;color: #fff;font-weight: bold;}

#headerLink .headerLinkUl .formCt a{background: #F9AE3C;background: linear-gradient(0deg, rgb(59 178 73) 0%, rgb(103 221 120) 100%); position: relative; padding-left: 80px; text-align: left; font-size: 112%; border-radius: 5px;}
#headerLink .headerLinkUl .formCt a img{position: absolute; left: 27px;}
#headerLink .headerLinkUl .formCt a img.ico_arrow{position: absolute; left: 253px;}
#headerLink .headerLinkUl .formCt a:hover{text-decoration:none;}

#headerArea h1{ font-size: 10px; line-height: 12px; font-weight: normal; margin-bottom: -2px;padding-top: 10px;}
#headerArea h1 a{color:#666;text-decoration:none;position: relative;}
#headerArea .ttlTxt{font-size: 12px;display: block;position: absolute;top: 0.5em;left: 0.3em;font-weight: normal;width: 100%;margin: 0;}

/*----------------------------------------------------------------------------
 ***                                                                titleBox
----------------------------------------------------------------------------*/

#titleBox .btn{ position:absolute; top:25px; left:800px;}
#breadcrumbArea{ margin-top:5px; font-size:12px;}

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {margin:0;padding:0;min-width: 1200px;}
#wrap {width: 100%;margin:0 auto;}
#totp{ position: fixed; right:10px; bottom:5px; z-index:999;}

h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,pre,input,textarea{
	line-height:1.2em;
	color:#333;
	margin:0;
}
.textS{ font-size:11px;}

/*ゴシック体のタイトル*/
.mainTtlGothic{font-size: 170%;font-weight:bold;margin: 0 0 0.5em 0; padding-bottom: 0.25em;border-bottom: 2px solid #005974; box-sizing: border-box;}
.titleGothic{font-size: 160%;font-weight:bold;margin: 0 0 0 0.1em;width: 100%; background: linear-gradient(to bottom, #035975 50%, #cacdca 50%) left / 5px 100% no-repeat, transparent; padding: 0.1em 0 0.1em 15px; margin-bottom: 0.5em; box-sizing: border-box;}

*{box-sizing: border-box;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea { }
#headerAreaInner { position:relative; margin-bottom:14px;}
#headerArea  .floatL p{ margin-left: 3px;}
#headerArea .floatL{ width:400px; margin-top: 10px;}
#headerArea .floatR{ position: absolute; top: 0; width: 370px; left: 585px;}
#headerArea .floatR .link{ float:left; margin-top:18px; }
#headerArea  #hnavi{ float:right; margin-top:0;}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi *{box-sizing: border-box;}
#gnavi {width: 100%; background-color: #0f444e; margin-bottom: 0.5em;}
#gnavi ul{max-width: 1200px; width: 100%;margin: 0 auto; display: flex; justify-content: space-between;}
#gnavi li{width: calc((100% - 6em) / 5); border-right: 1px solid #78969c;}
#gnavi li:first-child{width: 6em; border-left: 1px solid #78969c;}
#gnavi li .gnavBox{width: 100%; height: 100%;display: flex; justify-content: space-between; align-items: center; padding: 0.4em 0.5em 0.4em 1em; transition: all ease .5s;}
#gnavi li .gnavBox.active{background-color: #002933;}
#gnavi li:first-child .gnavBox{justify-content: center; padding: 0.3em 0 0.4em;}
#gnavi li .gnavBox:hover{background: #2f626c;}
#gnavi li .btnTxt{color:#fff; font-size: 125%; margin: 0 auto 0 0.5em;}
#gnavi li:first-child .btnTxt{margin:0 auto; line-height: 1.1;}
#gnavi li:nth-child(6) .btnTxt{font-size: 105%;}
#gnavi li a{width:100%; height: 100%;}
#gnavi li a:hover{text-decoration: none;}


/*----------------------------------------------------------------------------
 ***                                                             pageTitle
----------------------------------------------------------------------------*/
/*pageTitleMin*/
#pageTitleMin{background:#e8faff; /*background: url(https://www.nova.co.jp/biz/gogaku/common_images/img_main_title01.jpg);*/ background-size: cover; background-repeat: no-repeat; background-position: center center;}
#pageTitleMin #pageTitleMinInner{width: 100%;max-width: 1200px; padding: 1em;margin: 0 auto;height: 8em; display: flex; flex-direction: column; justify-content: center; align-items: center;box-sizing: border-box; position: relative;}
#pageTitleMin h2{font-size: 240%;color:#084b5b; line-height: 1.2;}
#pageTitleMin h2 span{ font-size:70%; line-height:1.4em;}
#pageTitleMin .rightBox{position: absolute; top:50%; right:4.5em; transform: translate(0,-50%);}
#pageTitleMin #enBox_tsuhon{margin-bottom: 0;}
#pageTitleMin #enBox_tsuhon a{display:block;width:188px;height:auto;padding:10px 11px 10px;background:#005873;color:#fff;text-align:center;font-size:16px;font-weight:700;border:1px solid #fff;border-radius:7px;box-shadow:0 0 8px 1px #777;}
#pageTitleMin #enBox_tsuhon a:hover{text-decoration: none;}

/*pageTitleWide*/
#pageTitleWide{background:#e8faff; background-size: cover; /*background: url(https://www.nova.co.jp/biz/gogaku/images/img_main_title01b.jpg);*/ background-repeat: no-repeat; background-position: center center;}
#pageTitleWide #pageTitleWideInner{width: 100%;max-width: 1200px; margin: 0 auto;height: 12em; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;box-sizing: border-box; position: relative;}
#pageTitleWide .pageTitleBox{color: #084b5b; display: block; max-width: 630px; padding: 0.8em; margin: 0 1em; background: #ffffffcc; text-align: center;}
#pageTitleWide .pageTitleBoxInner{background: linear-gradient(to bottom, #3dacf2 50%, #95d1f8 50%) left / 10px 100% no-repeat, transparent; padding:0.5em 2em;}
#pageTitleWide .pageTitle{font-size: 240%;}
#pageTitleWide .underPageTitleTxt{font-size: 105%; margin-top: 0.3em;}
#pageTitleWide h2 span{ font-size:70%; line-height:1.4em;}
#pageTitleWide .rightBox{position: absolute; top:50%; right:4.5em; transform: translate(0,-50%);}
#pageTitleWide #enBox_tsuhon{margin-bottom: 1em;}
#pageTitleWide #enBox_tsuhon a{display:block;width:188px;height:auto;padding:10px 11px 10px;background:#005873;color:#fff;text-align:center;font-size:16px;font-weight:700;border:1px solid #fff;border-radius:7px;box-shadow:0 0 8px 1px #777;}
#pageTitleWide #enBox_tsuhon a:hover{text-decoration: none;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { margin-bottom:42px;}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {max-width: 1100px;margin: 0 auto; display: flex;}
.mainSectionInner {width: calc(100% - (200px + 4em));}

.mainSection .section{ margin-bottom:20px; font-size: 110%;}
.mainSection .section .section{ margin-top:20px;}
.mainSection .midashiSt{ font-weight:bold; color:#DE2582; font-size:110%;}

.commonTable{}
.commonTable table{border: 1px solid #c2c2c2;}
.commonTable th,
.commonTable td{text-align:center;vertical-align:middle;line-height:1.2;color: #000;}
.commonTable th{background:#207799; color:#fff; height:2.5em;}
.commonTable td{font-weight:bold;border-right: 1px dashed #c2c2c2;border-left-style: none;border-bottom: 1px dashed #c2c2c2;border-top-style: none;}
.commonTable .tal{text-align:left;}
.commonTable .tar{text-align:right;}
.commonTable .kara{background:#fff;}

/*----------------------------------------------------------------------------
 ***                                                               introSec
 ---------------------------------------------------------------------------*/
.mainSection .introSec{margin-bottom: 0;}
.introSec{padding:2em;display: flex;justify-content: space-between;}
.introSec h4{ margin-bottom:10px;}
.introSec h3.title{ margin-bottom:10px;}


 /*----------------------------------------------------------------------------
 ***                                                               convArea1上部追加
 ---------------------------------------------------------------------------*/
.convArea1{ width: 100%; padding-top:0; padding-bottom:30px;}
.convArea1 .areaInner{margin:0 auto;}
.convArea1 .img{ float:left;}
.convArea1 ul{ width: 100%; max-width: 528px; margin: 0px auto 0 auto;}
.convArea1 li{ float:left;}
.convArea1 .contact{ margin-right:30px; margin-left: 50px;}


/*----------------------------------------------------------------------------
 ***                                                               国旗アイコン
 ---------------------------------------------------------------------------*/
.ico-uk{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_06.png) no-repeat left 0px;}
.ico-ch{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_07.png) no-repeat left 0px;}
.ico-ru{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_08.png) no-repeat left 0px;}
.ico-th{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_09.png) no-repeat left 0px;}
.ico-fr{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_10.png) no-repeat left 0px;}
.ico-kr{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_11.png) no-repeat left 0px;}
.ico-sp{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_12.png) no-repeat left 0px;}
.ico-in{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_13.png) no-repeat left 0px;}
.ico-ge{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_14.png) no-repeat left 0px;}
.ico-mo{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_15.png) no-repeat left 0px;}
.ico-pr{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_16.png) no-repeat left 0px;}
.ico-ve{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_17.png) no-repeat left 0px;}
.ico-it{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_18.png) no-repeat left 0px;}
.ico-us{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_19.png) no-repeat left 0px;}
.ico-sn{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_20.png) no-repeat left 0px;}
.ico-au{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_21.png) no-repeat left 0px;}
.ico-my{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_22.png) no-repeat left 0px;}
.ico-tr{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_23.png) no-repeat left 0px;}
.ico-ar{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_24.png) no-repeat left 0px;}
.ico-sw{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_25.png) no-repeat left 0px;}
.ico-la{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_26.png) no-repeat left 0px;}
.ico-ph{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_27.png) no-repeat left 0px;}
.ico-pl{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_28.png) no-repeat left 0px;}
.ico-ir{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_29.png) no-repeat left 0px;}
.ico-af{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_30.png) no-repeat left 0px;}
.ico-it{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_31.png) no-repeat left 0px;}
.ico-ur{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_32.png) no-repeat left 0px;}
.ico-ca{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_33.png) no-repeat left 0px;}
.ico-id{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_34.png) no-repeat left 0px;}
.ico-ab{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_35.png) no-repeat left 0px;}
.ico-bl{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_36.png) no-repeat left 0px;}
.ico-ta{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_37.png) no-repeat left 0px;}
.ico-ma{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_38.png) no-repeat left 0px;}
.ico-np{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_39.png) no-repeat left 0px;}
.ico-sr{ background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon_40.png) no-repeat left 0px;}

/*----------------------------------------------------------------------------
 ***                                                               formSec
 ---------------------------------------------------------------------------*/
 #formSec{ width:100%; margin:20px auto 25px auto;}
 table {	width: 100%; border-collapse: collapse; }
 th.t_top { border-top: #005873 4px solid; }
 th { border-bottom: #F2F2F2 1px solid; border-left: #F2F2F2 1px solid; text-align: left;
 background: #f7f7f7; padding: 10px; font-weight: normal;}
 td.t_top { border-top: #ccc 4px solid; }
 td { border-bottom: #F2F2F2 1px solid; border-right: #F2F2F2 1px solid; text-align: left;padding: 10px; font-size:12px;}
 
 td input{     
   line-height: 1.7em;
     font-size: 14px;
     vertical-align: middle;}
 th span{ color:#F00;}
 #submit-area{
   text-align:center;
   margin-top: 15px;
   margin-bottom: 5px;
 }
 
 #submit-area input{
   height:2.4em;
   line-height:2em;
 }
 
/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {width:200px; margin: 3em 0 0 4em;}
.rightSectionInner { padding-top:0;}

/*----------------------------------------------------------------------------
 ***                                                                   bnrBox
  ----------------------------------------------------------------------------*/
#bnrBox li{margin-bottom: 15px;}

/*通訳翻訳人材募集（採用情報用）2023年12月7日追加・2024年7月18日編集ここから*/
#relationSec .recruitBox{max-width:194px;margin:0 auto;}
#relationSec .recruitBox .recruitBoxInner {background: #e6f3ff;border: solid 2px #c1d8ef;box-sizing: border-box;border-radius: 5px;padding: 0.7em 0 0.1em;}
#relationSec .recruitBox .recruitBoxInner li.estimateBtn{width:180px;margin: 0 auto 0.55em;}
#relationSec .recruitBox .recruitBoxInner h3.reruitTtl {color: #172f42;margin: 0 0 0.5em;font-size: 14.4px;font-weight: 500;letter-spacing: 1.3px; border-bottom: none;}
/*通訳翻訳人材募集（採用情報用）2023年12月7日追加・2024年7月18日編集ここまで*/
#bnrBox .recruitBox{max-width:194px;margin:0 auto;}
#bnrBox .recruitBox .recruitBoxInner {background: #e6f3ff;border: solid 2px #c1d8ef;box-sizing: border-box;border-radius: 5px;padding: 0.7em 0 0.1em;}
#bnrBox .recruitBox .recruitBoxInner li.estimateBtn{width:180px;margin: 0 auto 0.55em;}
#bnrBox .recruitBox .recruitBoxInner h3.reruitTtl {color: #172f42;margin: 0 0 0.5em;font-size: 14.4px;font-weight: 500;letter-spacing: 1.3px; border-bottom: none;}

ul.writingCBoxInner {background: #f4f4f4;padding: 0.8em 4.2% 0.3em;box-sizing: border-box;margin: 1.2em auto 0;}
ul.writingCBoxInner img {width: 100%;height: auto;margin: 0 auto;}
ul.writingCBoxInner li.estimateBtn{margin:0.9em auto 0}
ul.writingCBoxInner li:nth-child(2) {margin: 0.25em auto 0;}
li.ttlWriting {text-align: center;font-weight: 700;font-size: 98%;margin:0 auto;}
ul.writingCBoxInner li {}

/*----------------------------------------------------------------------------
 ***                                                                   menuSec
  ----------------------------------------------------------------------------*/
#menuSec{ border:3px solid #005873; border-radius:7px; margin-bottom:15px;}
#menuSec h3{ background:#005873; color:#fff; text-align:center; font-weight:normal; padding:2px 0;}
#menuSec ul{ padding:11px;}
#menuSec li { font-size:14px; border-bottom:1px dotted #999; padding-bottom:3px; padding-left:19px; margin-bottom:5px; background:url(https://www.nova.co.jp/biz/tsuhon/common_images/icon05.png) no-repeat left 0px; }
#menuSec .lastLi{ margin:0; border:none;background: none; padding: 0; text-align: center;}

/*----------------------------------------------------------------------------
 ***                                                                contactSec
  ----------------------------------------------------------------------------*/
#contactSec{ border:4px solid #ccc; border-radius:5px; padding:16px 13px; margin-bottom:15px;}
#contactSec h3{ text-align:center; border-bottom:1px solid #000; margin-bottom:7px; font-size: 100%; padding-bottom: 1px;}
#contactSec .btn{ margin-bottom:5px;}
/*----------------------------------------------------------------------------
 ***                                                                relationSec
  ----------------------------------------------------------------------------*/
#relationSec{}
#relationSec h3{ font-size:14px; font-weight:normal; border-bottom:1px solid #000; margin-bottom:8px;}
#relationSec li{ margin-bottom:10px;}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea p{}
#footerArea { border-top: 1px solid #005873; padding-top: 10px;}
#footerAreaLink{ }
#footerAreaInner { }
#footerAreaLogo { float:left;}
#footerAreaLogo li{ display:inline; font-size:10px; margin-right:10px;}
#footerCopyright{ float:right;}


/*----------------------------------------------------------------------------
 ***                                                         breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{margin-bottom:18px;}
#breadcrumbArea li{	float:left;}
#breadcrumbArea li a{ display:block; background:url(https://www.nova.co.jp/biz/common_images/icon_list03.gif) right 45% no-repeat; padding-right:22px; margin-right:5px;}


/*----------------------------------------------------------------------------
 ***                                                                 tabBox
----------------------------------------------------------------------------*/
#tabBox{width: 100%;margin-top: 1.75em;}
#tabBox .tabUl{width: 100%;display:flex; justify-content: flex-start;}
#tabBox .tabLi{width: 19%;clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0% 100%); margin-right: 1.2%;}
#tabBox .tabLi:last-child{margin-right: 0;}
#tabBox .tabLi h3,
#tabBox .tabLi a{display: block; width: 100%; height: 100%; padding: 0.8em 0.5em; text-align: center; box-sizing: border-box;font-size: 120%;}
#tabBox .tabLi h3{background:#0f444e; color:#fff;}
#tabBox .tabLi a{background: #e7e7e7; color: #0f444e; transition: all ease .5s;}
#tabBox .tabLi a:hover{background:#045360; color:#fff; text-decoration:none;}
#tabBox .tabLi.quote h3{background:#e3006d;}
#tabBox .tabLi.quote a{background: #f6c1da; color: #e3006d;}
#tabBox .tabLi.quote a:hover{background:#e3006d; color:#fff;}