@charset "utf-8";

/*----------------------------------------------------------------------------
 ***                                                             共通
----------------------------------------------------------------------------*/
*{box-sizing:border-box;}

/*----------------------------------------------------------------------------
 ***                                                             pageTitle
----------------------------------------------------------------------------*/
#pageTitleWide{background:#fff0e2; background-size: cover; background: url(https://www.nova.co.jp/biz/hr_development/images/img_main_title01b.jpg); background-repeat: no-repeat; background-position: center center;background-size: cover;}
#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;}
#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, #F7931E 50%, #fceee1 50%) left / 10px 100% no-repeat, transparent; padding:0.5em 2em;*/padding-left: 90px;background: url(https://www.nova.co.jp/biz/hr_development/images/img_main_icon.png) no-repeat center left;}
#pageTitleWide .pageTitle{font-size: 240%;}
#pageTitleWide .underPageTitleTxt{font-size: 105%; margin-top: 0;}
#pageTitleWide .pageTitle{font-size: 220%; width: 100%;text-align: left;padding: 0;color: #373781;}
#pageTitleWide h2 span{ font-size:70%; line-height:1.4em;}

/*----------------------------------------------------------------------------
***                                                                   ikuseiSec 
----------------------------------------------------------------------------*/
#ikuseiSec{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f0f6+0,fdfdfe+100 */
    background: rgb(241,240,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(241,240,246,1) 0%, rgba(253,253,254,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(241,240,246,1) 0%,rgba(253,253,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(241,240,246,1) 0%,rgba(253,253,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f0f6', endColorstr='#fdfdfe',GradientType=0 ); /* IE6-9 */
    box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.4);
    padding: 2em 1em;
}
#ikuseiSec .ttl {font-size: 220%; padding: 0;}
#ikuseiSec .subttl {font-size: 140%;}
#ikuseiSec .sectionInner {padding: 2em 1em;}
#ikuseiSec .listBox {margin-bottom: 2em;}
#ikuseiSec .listItem{padding: 0 1.5em;border-right:2px dashed #A9A9A9;}
#ikuseiSec .listItem:last-child{border-right: none;}
#ikuseiSec .listItem .listContents {height: 100%;}
#ikuseiSec .listItem .listContents .txt{margin: 1em auto auto;}
#ikuseiSec .listItem h4:before{content:"1";display:inline-block;width:1em;height:1em;background:#5E5E9E;color:#fff;padding:0.3em;line-height:1;margin-top: -0.1em;margin-right:0.3em;}
#ikuseiSec .listItem:nth-of-type(2) h4:before{content:"2";}
#ikuseiSec .listItem:nth-of-type(3) h4:before{content:"3";}
#ikuseiSec .listItem .img {margin-top:1em;}
#ikuseiSec h4 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;line-height: 1;}


/*----------------------------------------------------------------------------
***                                                                   kenshuSec 
----------------------------------------------------------------------------*/
#kenshuSec {margin: 0;padding: 2em 0em;margin-bottom: 2em;border-bottom: 2px dashed #B7B7B7;}
#kenshuSec .ttl {font-size: 175%; padding: 0;}
#kenshuSec .text01{font-size: 175%;color: #9C9CC6;}
#kenshuSec .subttl {font-size: 100%;}
#kenshuSec .sectionInner{/* margin-top:2em; */}
#kenshuSec .listBox {padding: 0;}
#kenshuSec .listItem {background: #F2F2F2;margin-bottom: 2em;padding: 1.5em 1.5em 1.5em 3.3em;}
#kenshuSec .listItem:last-child{margin-bottom:0;}
#kenshuSec .listItem .leftBox{padding: 0 1em 0 2em;}
#kenshuSec .listItem .listContents h4 {display: inline-block;margin-bottom: 0.5em;position:relative;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+70,9c9cc6+70,9c9cc6+100&0+0,0+70,1+71,1+100 */background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(156,156,198,0) 70%, rgba(156,156,198,1) 71%, rgba(156,156,198,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(156,156,198,0) 70%,rgba(156,156,198,1) 71%,rgba(156,156,198,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(156,156,198,0) 70%,rgba(156,156,198,1) 71%,rgba(156,156,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#9c9cc6',GradientType=0 ); /* IE6-9 */ font-size: 150%;}
#kenshuSec .listItem .listContents h4:before{content:"A"; display:block; position:absolute; top:0; left:-1em; font-size:200%; color:#9C9CC6;}
#kenshuSec .listItem:nth-of-type(1) .listContents h4:before{content:"A";}
#kenshuSec .listItem:nth-of-type(2) .listContents h4:before{content:"B";}
#kenshuSec .listItem:nth-of-type(3) .listContents h4:before{content:"C";}
#kenshuSec .listItem:nth-of-type(4) .listContents h4:before{content:"D";}
#kenshuSec .listItem .listContents .txt {font-size: 110%; line-height: 1.6;margin-bottom: 0.5em;}


/*----------------------------------------------------------------------------
***                                                         Q&A
----------------------------------------------------------------------------*/
#qaSec .ttl {font-size: 200%; padding: 0;}
#qaSec .text01{color: #9C9CC6;}
#qaSec .sectionInner{margin-top: 0; padding: 2em 1em;}
#qaSec .sectionInner .contentsBox dl{}
#qaSec .sectionInner .contentsBox dt{background: #D0D0EA;color: #464454;border: solid 1px #686868;border-bottom: none;font-size: 110%;padding: 1em 1em 1em 4em;position:relative;}
#qaSec .sectionInner .contentsBox dt img{margin-right: 10px;}
#qaSec .sectionInner .contentsBox dd{padding: 1em 1em 1em 4em;font-size: 110%;margin-bottom: 2em;border: solid 1px #686868;border-top: none;position:relative;}
#qaSec .sectionInner .contentsBox dd img{margin-right: 10px;margin-bottom: 5px;}
#qaSec .sectionInner .contentsBox dt:before{content:"Q.";display:block;position:absolute;top: 50%;left: 1em;transform: translate(0, -50%);font-size:150%;color:#665E96;}
#qaSec .sectionInner .contentsBox dd:before{content:"A.";display:block;position:absolute;top: 50%;left: 1em;transform: translate(0, -50%);font-size:150%;color:#FF64B5;}


/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {margin-top:0;}

#tempSec{ width:675px; border: 1px solid #005873; padding:15px; margin:0 auto 30px auto;}
#tempSec h3{ border-bottom:1px solid #000; margin-bottom: 10px; font-size: 14px; color:#FB0004;}
#tempSec p{ font-size: 12px; line-height:17px;}
#tempSec .floatL{ width: 260px;}
#tempSec li{ font-size: 12px; line-height:15px; margin-bottom: 2px;}
#tempSec .text{ border-bottom: 1px dotted #000; margin-bottom: 10px; padding-bottom: 5px;}
#tempSec .title{ font-weight: bold; margin-bottom: 5px;}

/*----------------------------------------------------------------------------
 ***                                                                  menuSec
----------------------------------------------------------------------------*/
#menuSec li {
    background-image: url(https://www.nova.co.jp/biz/hr_development/common_images/icon05.png);
}

/* 2018.02.13 */
#syoukaiSec{}
#syoukaiSec h4{}
#syoukaiSec .sectionInner{/* border-top: 1px solid #000; */padding: 0px 40px 0 40px;}
#syoukaiSec #planlist{}
#syoukaiSec #planlist li{ padding:18px 0; margin-top:7px; border-bottom:1px dotted #AEAFAF;}
#syoukaiSec #planlist li:first-child{ margin-top:0;}
#syoukaiSec #planlist dl{}
#syoukaiSec #planlist dt{float:right;font-size: 17px;text-align:center;width: 260px;border:2px solid #000;margin-right: 0px;margin-top: -8px;}
#syoukaiSec #planlist dt a{ display:inline-block; width:100%; padding:9px 0 8px; box-sizing:border-box; text-decoration:none; position:relative;}
#syoukaiSec #planlist dt a:hover{ opacity:0.7;}
#syoukaiSec #planlist dt a:after{content:">";position:absolute;top:50%;right: 5px;transform:translate(0, -50%);}
#syoukaiSec #planlist dd{float:left;padding-left: 65px;}

#syoukaiSec #businessPlan{ background:url(https://www.nova.co.jp/biz/hr_development/lesson/haken/images/icon14.png) left 3px no-repeat; margin-top:0;}
#syoukaiSec #businessPlan dt{ border-color:#00968A;}
#syoukaiSec #businessPlan dt a{ color:#00968A;}
#syoukaiSec #businessPlan dd{}
#syoukaiSec #customersPlan{ background:url(https://www.nova.co.jp/biz/hr_development/lesson/haken/images/icon15.png) left 3px no-repeat;}
#syoukaiSec #customersPlan dt{ border-color:#EE8168;}
#syoukaiSec #customersPlan dt a{ color:#EE8168;}
#syoukaiSec #customersPlan dd{}
#syoukaiSec #guidePlan{ background:url(https://www.nova.co.jp/biz/hr_development/lesson/haken/images/icon16.png) left 3px no-repeat;}
#syoukaiSec #guidePlan dt{ border-color:#92C766;}
#syoukaiSec #guidePlan dt a{ color:#92C766;}
#syoukaiSec #guidePlan dd{}
#syoukaiSec #morningPlan{ background:url(https://www.nova.co.jp/biz/hr_development/lesson/haken/images/icon17.png) left 3px no-repeat;}
#syoukaiSec #morningPlan dt{ border-color:#CC87B7;}
#syoukaiSec #morningPlan dt a{ color:#CC87B7;}
#syoukaiSec #morningPlan dd{}
/* 2018.02.13 */

/*----------------------------------------------------------------------------
 ***                                                             rightSection 
  ----------------------------------------------------------------------------*/
.rightSection #contactSec{ border:4px solid #ccc; border-radius:5px; padding:0.75em; margin: 2em 0;}
.rightSection #contactSec .sectionInner{padding: 0.5em 0 0 0;}
.rightSection #contactSec h3{text-align:center;border-bottom:1px solid #000;margin-bottom:7px;padding: 0 0 0.5em 0;font-size: 115%;}
.rightSection #contactSec .btn{ margin-bottom:5px;}
.rightSection #relationSec h3{padding: 0; text-align: center;}
.rightSection #relationSec .sectionInner{padding: 0.5em 0;}
.rightSection #relationSec li{margin-bottom: 0.5em;}