@charset "UTF-8";
/* CSS Document */
/*  Customised  */

body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-size: 100%;
}

h1, h2, h3, h4, h5, h6, p, div, nav {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/*  Header  */

#header {
padding-top: 22px;
padding-bottom: 16px
}

#header .span2 {
background: url(https://www.career-connections.eu/images/template/headerlogo_new.gif) 0 0 no-repeat;
width: 445px;
height: 80px;
} 

#header .banner.span10 {
width: 530px;
margin-left: 0;
}


/*  Navigation  */
.navbar .nav {
margin: 0;  
}

#mainnav .nav>li {
padding-right: 20px;  
}

#mainnav .nav>li:last-child {
padding-right: 0;
}

#mainnav .btn-navbar {
background: none;
}

#mainnav .btn-navbar {
background: none;
}

#mainnav .btn-navbar:hover, 
#mainnav .btn-navbar:active, 
#mainnav .btn-navbar:focus {
background: none;
}

#mainnav .btn-navbar,
#mainnav .btn-navbar:hover, 
#mainnav .btn-navbar:active, 
#mainnav .btn-navbar:focus {
color: #666 !important;
}

/*   Top Right   */

#header .menu li,
#footer .menu li {
padding: 0 10px
}

#header .menu li a, #header .menu li a:hover,
#footer .menu li a, #footer .menu li a:hover {
padding-top: 2px;
color: #333333;
font-size: 13px;
}

#header .menu li a, #header .menu li a:hover {
padding-left: 3px;  
}

#header .menu li a img {
vertical-align:middle;
margin:-2px 3px 0 0;
}

#footer .menu li a, #footer .menu li a:hover {
background: url(../../../images/template/maru.gif) no-repeat left;
padding-left: 22px;
}

.topright-catch {
padding: 0; 
margin: 10px 0 0 0; 
font-size: 12px; 
color: #666666; 
text-align: right;
}

@media (max-width: 980px)  {
#header .span2 {
margin-left: 0;
}
#header .banner.span10 {
width: 100%;
}  
.topright-catch {
font-size: 12px; 
text-align: left;
margin: 10px 0 0 0;
}
#header .menu {
text-align: left;
}
#header .menu li {
padding: 0 10px 0 0;
}  
#header .menu li a, #header .menu li a:hover {
padding-left: 0px;
font-size: 12px;
}
}


@media (max-width: 460px)  {
#header .span2 {
background: url(https://www.career-connections.eu/images/template/headerlogo_s_new.png) 0 0 no-repeat;
width: 100%;
height: auto;
} 
a.logo strong {
height: 56px;
}
#header .banner.span10 {
width: 100%;
}
#header ul.nav.menu li {
padding: 0 3px;
}
}

/*   Footer Right Navi   */

#footer .nav {
margin-top: 13px;
}

#footer .nav>li:before {
content: "";
}

#footer .menu li a, 
#footer .menu li a:hover {
color: #666666;
font-size: 12px;
}

#footer .nav>li>a:hover, 
#footer .nav>li>a:active, 
#footer .nav>li>a:focus {
border-bottom: none;
color: #333333;
}



/*   Sidebar  */

.module-title {
color: #5e3d8a;
border-bottom: 1px solid #5e3d8a;
font-weight: bold;
font-size: 20px;
margin: 0 0 10px 0;
}

.right_kakomi {
border: 16px solid #f7eefd; 
padding: 12px 15px; 
font-weight: normal; 
font-size: 0.9em;
margin-top: 15px;
text-align: center;  
}

.right_kakomi span {
font-weight: bold; 
font-size: 1.8em;
}

.right_kakomi a {
color:  #9c5ab5;
}

.right_kakomi a span {
color:  #5e3d8a;
}

.right_kakomi a:hover {
text-decoration: none;
}

.right_kakomi a:hover span {
color:  #9c5ab5;
}

.ja-module {
margin-bottom: 0;
}

.right_grey, .right_grey a {
font-size: 13px;
color: #666666;
}

.right_grey, .right_grey a:hover {
text-decoration: none;
}

ul.latestnews {
list-style: none;
margin-left: 0;
}

ul.latestnews li {
padding-left: 7px;
padding-top: 0px;
background-image: url(../../../images/template/arrow2.png);
background-repeat: no-repeat;
background-position: 0px 3px;
line-height: 22px;
}

ul.latestnews li {
font-size: 14px;
}

ul.latestnews li a {
color: #333333;
}

ul.latestnews li a:hover {
text-decoration: none;
} 

/*   Footer  */

#footer a {
color: #333333;
}

#footer a:hover {
color: #666666;
text-decoration: none;
}

#footer .copyright {
line-height: 18px;
}

/*  Styles  */

h2 strong,
.item-page h2,
.page-header h2,
.page-header h2 a,
.item-page h3,
.purple {
color: #5e3d8a;
}

h1, .item-page h1 {
margin-top: 0;
padding-bottom: 20px;
font-size: 26px;
color: #c0392b;
}

h2 {
font-size: 22px;
line-height: 1.55
}

h2.front {
font-size: 19px;
font-weight: normal;
margin-bottom: 25px;
}

h3 {
font-size: 18px;
}

p {
margin: 20px 0 12px;
}

.red {color: #D11B1E;}

.clear {
clear: both;  
}

hr {
margin-top: 14px;
margin-bottom: 14px;
}

img.img_marginbtm {
margin-bottom: 10px;
}

img.img_margintop{
margin-top: 10px;
}

.button a {
border-radius:8px;
background:#f4f0fb;
color: #5e3d8a;
padding:15px 30px;
display: inline-block;
text-decoration:none;
border:#5e3d8a 1px solid;
margin: 10px 0 20px 0;
}

.button a:hover {
background:#f4edfd;
color: #5e3d8a;
border:#5e3d8a 1px solid;
text-shadow:none;
}

.button a:active, .button a:focus, .button:active, .button.active {
-webkit-box-shadow: none;
box-shadow: none;
}

.col1 {
float: left;
margin-right: 10%;
width: 45%;
margin-bottom: 20px;
}

.col2 {
float: left;
margin-right: 0;
width: 45%;
margin-bottom: 20px;
}

@media (max-width: 640px)  {
.col1 {
float: none;
margin-right: 0;
width: 100%;
margin-bottom: 20px;
}
.col2 {
float: none;
margin-right: 0;
width: 100%;
margin-bottom: 20px;
}
}


.box h4 {
margin: 0 0 7px 0;
color: #5e3d8a;
}

.box {
border: #A78BD5 1px solid;
border-radius: 15px;
padding: 20px 30px;
margin: 30px 0;}

.box ul,
ul.check-list {
margin: 10px 0;
}
.box ul li,
ul.check-list li {
line-height: 1.4em;
list-style: none;
padding: 0;
margin: 15px 0;
color: #5e3d8a;
}

.box ul li:before,
ul.check-list li:before {
    content: "\f00c";
    position: relative;
    font-family: FontAwesome;
    margin-right: .5em;
    color: #5e3d8a;
    font-size: 120%; 
}

ul.listsmall {
list-style: none;
margin-left: 0;
}

ul.listsmall li {
background: url(../../../images/template/maru.gif) 0 3px no-repeat;
padding: 0 0 5px 28px;
margin-bottom: 10px;
}

table.dashed {
border-collapse: collapse;
border-bottom: #CCCCCC 1px dotted;
border-top: #CCCCCC 1px dotted;
font-size: 14px;
width: 100%;}

table.dashed th {
border-collapse: collapse;
border-bottom: #CCCCCC 1px dotted;
text-align:left;
color: #5e3d8a;
padding: 7px;
}

table.dashed td {
border-collapse: collapse;
border-bottom: #CCCCCC 1px dotted;
padding: 7px;
}


/*  Job Table  */

.items-row .item {
padding-top: 10px;
padding-bottom: 10px  
}

.page-header h2 {
margin-bottom: 0;
}

.blog_job .page-header h1 {
margin-bottom: 10px;  
}

.blog_job .page-header h2:before {
content: " \f0f6";
font-family: FontAwesome;
position: relative;
color: #999999;
font-size: 1.8em;
margin-right: 15px;
top: 17px;
}

.items-row .item p {
margin: 0 0 0 65px;
}

.page-header a:hover, 
.page-header a:active, 
.page-header a:focus {
color: #a78bd5;
border-bottom: none; 
}


.position{
text-align:left;
background:#C7B2D5;
padding:4px 4px 2px 2px;
text-decoration: none;  
font-size:14px;  
font-weight: bold;
color:#5E3D8A;
text-align: left;
font:Verdana, sans-serif;
border:#C7B2D5 1px solid;
border-collapse:collapse;
width:562px;
margin-bottom:2px;
}


table.job {
    font-size: 1.0em;
    line-height: 1.6em;
    width: 100%;
    border-bottom: #cccccc solid 1px;
    border-collapse: collapse;
    margin-top: 25px;
    margin-bottom: 15px;
}

table.job th {
    font-size: 1.0em;
    font-weight: bold;
    color: #333333;
    text-align: left;
    border-top: #cccccc solid 1px;
    border-left: #cccccc solid 1px;
    background-color: #efefef;
    border-collapse: collapse;
    width: 70px;
    padding: 15px;
}

table.job td {
    font-size: 1.0em;
    font-weight: normal;
    padding: 15px;
    border-top: #cccccc solid 1px;
    border-left: #cccccc solid 1px;
    border-right: #cccccc solid 1px;
    border-collapse: collapse;
}

table.job td p {
margin: 0;
}

table.job td ul li {
margin-bottom: 7px;
}

.btn_entry a {
background: #D11B1E; 
padding: 15px 20px;
width: 330px;
font-size: 1.2em; 
border-radius: 0.5em;
margin: 30px auto;
color: #ffffff;
text-decoration: none;
display: block;
text-align: center;
}

@media (max-width: 400px)  {
.btn_entry a {
width: 90%;
}
}

.btn_entry.right a,
.btn_entry.front_mobile a {
max-width: 90%;
text-align: center;
margin: 0 auto 30px auto;
font-size: 1.2em;
}

.btn_entry.front_mobile a {
margin: 130px auto 0 auto;
}

.btn_entry a i {
margin-left: 10px;
}

.btn_entry a:hover {
background:#FF2E31;
}


.bot-sl .container {
padding: 0 0 72px 0;
}

/*  Jobs Navigation  */

.pager li>a, .pager li>span {
border: 1px solid #5e3d8a;
color: #5e3d8a;
}

.pager li>a:hover, .pager li>a:focus {
background-color: #5e3d8a;
}

.item-170,
.item-171,
.item-172 {
height: 15px;
}

.image-title {
padding-top: 3px;
}

li.item-170 img,
li.item-171 img,
li.item-172 img{
margin: -10px 0 0 0;
}


.number {
color: #fff;
background-color:#d5caf7;
padding: 0;
margin: 0;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
display: inline-block;
border-radius: 50%;
font-weight: bold;
font-size: 24px;
}

/*  Job  Mobile  Adjustment  */

@media (max-width: 768px)  {
.page-header h2 {
margin-bottom: 3px;
font-size: 18px;
}
.blog_job .page-header h2:before {
content: none;
}
.items-row .item p {
margin: 0 0 0 0;
font-size: 13px;
}
}


/*  Front Page  */

.front {
margin: 0;
padding: 0;
background-image: url(../images/front.jpg) ;
background-repeat: no-repeat;
background-size:100%;
background-position: top;
line-height: 1.5em;
}

.front h1 {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 46px;
color: #000000;
padding: 50px 0 40px 40px;
letter-spacing: 1px;
}

.front h2{
font-size: 24px;
margin: 60px 0 25px 0;
color: #5e3d8a;
clear: both;
line-height: 32px;
}

.front h3 {
font-size: 20px;
margin: 30px 0 15px 0;
color: #5e3d8a;
}

.front .btn_entry_front a {
background:  #D11B1E;
margin: 23% 0 120px 90px;
padding: 25px 30px;
width: 430px;
font-size: 1.5em; 
border-radius: 0.5em;
display: block;
color: #ffffff;
text-align: center;
}


@media (max-width: 1200px)  {
.front .btn_entry_front a {
margin: 23% auto 0 auto;
width: 80%;
}
}

@media (max-width: 480px)  {
.front h1 {
font-size: 1.8em;
color: #000000;
padding: 20px;
letter-spacing: 1px;
}
.front .btn_entry_front a {
margin: 30% auto 0 auto;
width: 80%;
}
}

@media (min-width: 768px) {
.btn_entry.front_mobile {
display: none;
}
}

@media (max-width: 768px)  {
.front .btn_entry_front a,
.front .btn_entry.frontbottom a {
display: none;
}
.front h2{
margin: 30px 0 25px 0;
}
}

@media (max-width: 320px)  {
.front .btn_entry_front a {
margin: 10% auto 0 auto;
}  
}

@media (max-width: 320px)  {
.btn_entry.front_mobile a {
margin: 30px auto 0 auto;
}
}

@media (min-width: 320px) and (max-width: 560px)   {
.front h1 {
padding-top: 80px;
}
.btn_entry.front_mobile a {
margin: 30px auto 0 auto;
}
}

@media (min-width: 560px) and (max-width: 768px)   {
.front h1 {
padding: 180px 0 40px 40px;
}
.btn_entry.front_mobile a {
margin: 30px auto 0 auto;
}
}

@media (width: 768px) {
.front h1 {
padding-top: 280px;
}
}


.front .btn_entry_front a i {
margin-left: 10px;
font-size: 1.5em;
vertical-align: middle;
}

.front .btn_entry_front a:hover {
text-decoration: none;
background: #FF2E31;
}

.front p {
margin: 1.3em 0;
}

.front ul {
margin: 10px 0;
}

.front ul li {
font-size: 95%;
line-height: 1.4em;
list-style: none;
padding: 0;
margin: 10px 0;
}

.front ul li:before {
content: "\f00c";
position: relative;
font-family: FontAwesome;
margin-right: .3em;
color: #5e3d8a;
font-size: 110%; 
}

#jobseekers h3 {
font-size: 20px;
color: #5e3d8a;
background: none;
padding: 0;
margin: 40px 0 10px 0;
}

#jobseekers h3 span.number {
background: #5e3d8a;
float: none;
margin: 0 15px 0 0;
font-size:18px;
width: 30px;
height: 30px;
line-height: 30px;
}

#jobseekers p {
margin: 0 0 30px 45px;
}