@charset "utf-8";

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

/*----------------------------------------------------------------------------
 ***                                                             pageTitle
----------------------------------------------------------------------------*/
#pageTitleWide{background:#fff0e2; background-size: cover; background: url(/biz/ability_training/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(../../../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: 40px 30px 30px;
}
#ikuseiSec .ttl {font-size: 200%;margin: 0;border-bottom: 2px solid #D6D6D6;padding: 0 0 0.5em 0;}
#ikuseiSec .subttl {font-size: 140%;padding: 1em 0;}
#ikuseiSec .ttl .text01{color: #EA8181;}
#ikuseiSec .ttl .text02{font-size:85%;margin-left: 0.5em;}
#ikuseiSec .sectionInner {margin-top: 0;padding: 0 2em;}
#ikuseiSec .listBox {margin-bottom: 2em;padding: 0 0em;}
#ikuseiSec .listItem{/* padding: 0 1.5em; *//* border-right:2px dashed #A9A9A9; */}
#ikuseiSec .listItem:nth-of-type(-n+3){width: 37%;}
#ikuseiSec .listItem:nth-of-type(1){text-align:right;}
#ikuseiSec .listItem:nth-of-type(2){width: 25%;}
#ikuseiSec .listItem:nth-of-type(3){text-align:left;}
#ikuseiSec .listItem:last-child{border-right: none;}


/*----------------------------------------------------------------------------
***                                                                   kenshuSec 
----------------------------------------------------------------------------*/
#kenshuSec {margin: 0;padding: 2em 0;}
#kenshuSec .listItem .ttlBox{margin-bottom:1em;}
#kenshuSec .ttl {font-size: 210%;color: #EA8181;margin-bottom: 0.3em;}
#kenshuSec .subttl {font-size: 135%;color: #2D2D2D;padding: 0 0;}
#kenshuSec .sectionInner{margin-top: 0;padding: 2em 0 4em;}
#kenshuSec .listBox {padding: 0 3em;}
#kenshuSec .listItem {background: #F2F2F2;margin-bottom: 2em;padding: 1.5em 0em 1.5em 0em;}
#kenshuSec .listItem:last-child{margin-bottom:0;}
#kenshuSec .listItem .subttl {font-size: 125%;color: #EA8181;padding: 0 2rem;font-weight: bold;}
#kenshuSec .listItem .leftBox{padding: 0 1em 0 0;}
#kenshuSec .listItem .listContents h4 {display: block;margin-bottom: 0.5em;padding:0 2rem;position:relative;border-bottom: 7px solid #EA8181;color: #000000;font-size: 150%;}
#kenshuSec .listItem .listContents h4:before{content:"A";display: inline;font-size: 150%;color: #000000;margin-right: 0.2em;}
#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:nth-of-type(5) .listContents h4:before{content:"E.";}
#kenshuSec .listItem:nth-of-type(6) .listContents h4:before{content:"F.";}
#kenshuSec .listItem:nth-of-type(7) .listContents h4:before{content:"G.";}
#kenshuSec .listItem .listContents .leadTxt{border-bottom: 2px dashed #9B9090;margin-bottom: 0.5em;padding-bottom: 0.5em;line-height: 1.4;font-size: 95%;}
#kenshuSec .listItem .listContents .listContentsInner {padding:0 2rem;margin-bottom: 1.5em;}
#kenshuSec .listItem .listContents .txt {font-size: 85%;line-height: 2;margin-bottom: 0em;padding: 0 0 0 1.5em;text-indent: -1.5em;}


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

/*----------------------------------------------------------------------------
 ***                                                                  menuSec
----------------------------------------------------------------------------*/
#menuSec li {
    background-image: url(../../../common_images/icon05.png);
}

/*----------------------------------------------------------------------------
 ***                                                             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: 120%;}
.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;}