img,
object,
embed {
max-width: 100% !important;
height: auto !important;
}
img {
-ms-interpolation-mode: bicubic;
}
.display_ph {
display: none;
}
.display_pc {
display: none;
}
.sp_none {
display: block;
}
.ta_none {
display: none;
}
.ta_center {
tezt_align: center;
}
.sp_m30 {
margin-bottom: 30px;
}
body {
background: #fff;
font-size: 75%;
line-height: 180%;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_tablet/header_bg.png) repeat-x;
background-position: top right 40%;
}
#wrapper {
width: 100%;
}
#header {
height: 120px;
margin-left: auto;
margin-right: auto;
position: relative;
width: 740px;
}
.header_text {
color: #FFF;
font-size: 12px;
font-family: "hiragino-mincho-pron", sans-serif;
font-weight: 600;
font-style: normal;
color: #fff;
letter-spacing: 4px;
}
.header_btn {
height: 10px;
position: absolute;
right: 0;
top: 15px;
width: 289px;
}
.header_btn li {
float: left;
}
#mdd_overlay {
background: #000;
opacity: 0;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
z-index: 100;
}
ul.mdd_lv1.header_btn {
z-index: 200;
}
.header_btn ul.mdd_lv2 {
background-color: #E4E4E4;
color: #000000;
display: none;
left: -100%;
list-style-position: outside;
margin: 0;
padding: 10px;
position: absolute;
top: 20px;
width: 550px;
}
ul.mdd_lv1.header_btn li:hover ul.mdd_lv2 {
display: block;
}
.header_btn ul.mdd_lv2 li {
height: 50px;
width: 162px;
}
.group01,
.group02,
.group04,
.group05 {
height: 50px;
width: 162px;
margin-right: 10px;
padding-right: 10px;
border-right: #CCC 1px solid;
}
.group01,
.group02,
.group03 {
margin-bottom: 15px;
}
.logo {
left: 0px;
position: absolute;
top: 40px;
display: flex;
align-items: flex-start;
gap: 8px;
}
.logo:link,
.logo:visited {
text-decoration: none;
color: #fff;
}
.logo_wrap {
display: grid;
gap: 7px;
}
.logo img {
height: 46px !important;
position: relative;
-webkit-filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, .6));
filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, .6));
}
.logo_ttl {
text-decoration: none;
color: #fff;
font-size: 24px;
font-family: "hiragino-mincho-pron", sans-serif;
font-weight: 600;
font-style: normal;
letter-spacing: 4px;
}
.header_nav {
height: 14px;
width: 186px;
position: absolute;
top: 56px;
right: 0px;
}
.header_nav li {
float: left;
}
.header_nav01 {
padding-right: 18px;
}
.header_formbtn {
position: absolute;
right: 0px;
top: 80px;
height: 22px;
width: 185px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e30f00), color-stop(1, #990d00));
border-radius: 2px;
}
.header_formbtn a {
text-decoration: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
letter-spacing: 3px;
font-family: "hiragino-mincho-pron", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 12px;
height: 100%;
}
.header_formbtn a img {
margin-top: -2px;
}
#nav {
width: 100%;
height: 50px;
margin-right: auto;
margin-left: auto;
}
#nav ul {
width: 740px;
margin-right: auto;
margin-left: auto;
position: relative;
}
#nav ul li {
float: left;
}
#nav ul li a {
display: block;
overflow: hidden;
height: 0px;
padding-top: 50px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_tablet/nav_tablet.png) no-repeat;
background-size: 740px 100px;
-moz-background-size: 740px 100px;
-webkit-background-size: 740px 100px;
-o-background-size: 740px 100px;
-ms-background-size: 740px 100px;
}
#nav .nav01,
#nav .nav01c {
position: absolute;
left: 0px;
width: 0px;
}
#nav .nav01 a {
background-position: 0px 0px;
width: 123px;
}
#nav .nav02,
#nav .nav02c {
position: absolute;
left: 123px;
width: 124px;
}
#nav .nav02 a {
background-position: -123px 0px;
width: 124px;
}
#nav .nav03,
#nav .nav03c {
position: absolute;
left: 247px;
width: 123px;
}
#nav .nav03 a {
background-position: -247px 0px;
width: 123px;
}
#nav .nav04,
#nav .nav04c {
position: absolute;
left: 370px;
width: 124px;
}
#nav .nav04 a {
background-position: -370px 0px;
width: 124px;
}
#nav .nav05,
#nav .nav05c {
position: absolute;
left: 494px;
width: 123px;
}
#nav .nav05 a {
background-position: -494px 0px;
width: 123px;
}
#nav .nav06,
#nav .nav06c {
position: absolute;
left: 617px;
width: 123px;
}
#nav .nav06 a {
background-position: -617px 0px;
width: 123px;
}
#nav .nav01 a:hover,
#nav .nav01c a {
background-position: 0px -50px;
width: 123px;
}
#nav .nav02 a:hover,
#nav .nav02c a {
background-position: -123px -50px;
width: 124px;
}
#nav .nav03 a:hover,
#nav .nav03c a {
background-position: -247px -50px;
width: 123px;
}
#nav .nav04 a:hover,
#nav .nav04c a {
background-position: -370px -50px;
width: 124px;
}
#nav .nav05 a:hover,
#nav .nav05c a {
background-position: -494px -50px;
width: 123px;
}
#nav .nav06 a:hover,
#nav .nav06c a {
background-position: -617px -50px;
width: 123px;
}
#nav ul.dorp_ul {
top: 0;
left: 0px;
width: 123px;
position: relative;
z-index: 2;
box-shadow: #3d3d3d 3px 4px 7px;
}
#nav ul.dorp_ul li {
width: 123px;
float: none;
border-bottom: 1px solid #CCCCCC;
line-height: 40px;
font-size: 90%;
}
#nav ul.dorp_ul li a {
height: 40px;
padding: 0;
text-decoration: none;
text-indent: 20px;
width: 123px;
}
#nav ul.dorp_ul li a span {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_tablet/nav_icon_tablet.png) top left no-repeat;
height: 40px;
padding: 0;
text-decoration: none;
text-indent: 20px;
width: 123px;
float: left;
}
#nav ul.dorp_ul li.display_ta {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_tablet/nav_icon_tablet.png) top left no-repeat;
padding-top: 5px;
line-height: 1.4;
}
#nav ul.dorp_ul li.display_ta a {
height: 35px;
background: none;
}
#nav ul.dorp_ul li.display_ta a span,
#nav ul.dorp_ul li.display_ta a span:hover {
background: none;
text-indent: 0;
padding-left: 20px;
}
#nav ul.dorp_ul li a.nav_blank span {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_tablet/nav_blank_tablet.png) top left no-repeat;
height: 40px;
padding: 0;
text-indent: 20px;
text-decoration: none;
}
#nav ul.dorp_ul li a.nav_blank:hover span {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_tablet/nav_blank_tablet.png) top left no-repeat;
height: 40px;
padding: 0;
text-indent: 20px;
text-decoration: underline;
}
#contents {
width: 740px;
margin-right: auto;
margin-left: auto;
padding-top: 12px;
overflow: hidden;
}
#contents_left {
width: 205px;
float: left;
overflow: hidden;
}
#contents_right {
width: 525px;
float: right;
overflow: hidden;
}
#main_sub {
width: 100%;
margin-bottom: 5px;
min-width: 768px;
}
#main_sub h1 {
width: 100%;
margin-right: auto;
margin-left: auto;
height: 100px;
}
#main_sub h1 img {
margin-top: 35px;
}
#main_sub p.subttl {
width: 100%;
margin-right: auto;
margin-left: auto;
height: 100px;
}
#main_sub p.subttl img {
margin-top: 35px;
}
.recruit_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/main_bg.jpg) no-repeat center top #270700;
}
.profile_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/profile/main_bg.jpg) no-repeat center top #270700;
}
.mailmagazine_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/mailmagazine/main_bg.jpg) no-repeat center top #270700;
}
.service_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/service/main_bg.jpg) no-repeat center top #270700;
}
.introduce_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/main_bg.jpg) no-repeat center top #270700;
}
.career_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/career/main_bg.jpg) no-repeat center top #270700;
}
.faq_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/main_bg.jpg) no-repeat center top #270700;
}
.arr {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat left center;
padding-left: 20px;
}
#footer {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_tablet/footer_bg.png) repeat-x;
height: 690px;
margin-top: 30px;
margin-bottom: -25px;
color: #FFF;
min-width: 768px;
width: 768px;
}
#footer a {
color: #FFF;
}
#footer_inner {
width: 740px;
margin-right: auto;
margin-left: auto;
position: relative;
height: 690px;
}
#breadcrumbs_header {
font-size: 90%;
height: 15px;
line-height: 15px;
padding-right: 15px;
padding-left: 15px;
}
#breadcrumbs_header li {
float: left;
margin-right: 20px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/breadcrumb_separator02.png) no-repeat left center;
padding-left: 20px;
}
#breadcrumbs_header li a {
text-decoration: none;
}
#breadcrumbs_header .breadcrumbs_home {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/css/none);
padding: 0px;
}
#breadcrumbs {
line-height: 40px;
height: 40px;
position: absolute;
width: 600px;
left: 0px;
top: 0px;
font-size: 90%;
}
#breadcrumbs li {
float: left;
margin-right: 20px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/breadcrumb_separator.png) no-repeat left center;
padding-left: 20px;
}
#breadcrumbs li a {
text-decoration: none;
}
#breadcrumbs .breadcrumbs_home {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/css/none);
padding: 0px;
}
#directorynav {
width: 740px;
height: 525px;
position: absolute;
top: 65px;
left: 0px;
}
#directorynav li {
margin-bottom: 2px
}
#directorynav li a {
font-size: 80%;
text-decoration: underline;
}
#directorynav h3 {
margin-bottom: 10px;
}
.column_first {
float: left;
width: 185px;
height: 340px;
}
.column_second_a {
float: left;
width: 185px;
height: 340px;
}
.column_second_b {
float: left;
width: 185px;
height: 340px;
}
.column_second_c {
float: left;
width: 185px;
height: 340px;
}
.column_third {
float: left;
width: 185px;
height: 340px;
}
.column_forth {
float: left;
width: 185px;
}
.column_fifth {
float: left;
width: 185px;
}
.column_sixth {
float: left;
width: 185px;
}
.to_top {
height: 9px;
width: 75px;
position: absolute;
top: 9px;
right: 0px;
}
.to_top02 {
float: left;
margin-bottom: 20px;
width: 100%;
}
.to_top02 a {
float: right;
}
small.copyright {
width: 434px;
height: 0px;
right: 0px;
position: absolute;
bottom: 3px;
float: right;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/copyright.png) no-repeat;
padding-top: 25px;
overflow: hidden;
}
.search_box {
width: 493px;
padding: 15px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
overflow: hidden;
float: left;
margin-bottom: 20px;
}
a.recruit_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/recruit_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 140px;
padding-top: 20px;
overflow: hidden;
display: block;
}
a:hover.recruit_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/recruit_ttl_btn.png) no-repeat 0px -20px;
} a.rss_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/rss.jpg) no-repeat scroll 0px 0px;
height: 0px;
float: right;
width: 20px;
padding: 20px 5px 0 0;
overflow: hidden;
display: block;
}
a:hover.rss_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/rss.jpg) no-repeat 0px -20px;
} .search_box a.search_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 140px;
padding-top: 20px;
overflow: hidden;
display: block;
}
.search_box a:hover.search_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_ttl_btn.png) no-repeat 0px -20px;
}
.search_box h3 {
margin-bottom: 10px;
width: 100%;
float: left;
}
.search_box .search_textbox {
background-color: #FFF;
border: 0 none;
height: 20px;
padding: 5px;
text-align: left;
width: 100%;
border: solid 1px #C6C6C6;
float: left;
margin-right: 10px;
margin-bottom: 15px;
}
.search_box .search_btn01 {
background: transparent url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_btn.png) no-repeat 0 0;
border: 0 none;
display: block;
height: 30px;
text-indent: -9999px;
width: 145px;
float: left;
margin-bottom: 15px;
}
.search_box .search_btn02 {
background: transparent url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_btn02.png) no-repeat 0 0;
border: 0 none;
display: block;
height: 30px;
text-indent: -9999px;
width: 100%;
float: left;
}
.search_box .search_checkbox_outer {
width: 100%;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_checkbox_bg.png) no-repeat 0px 0px;
float: left;
}
.search_box .search_checkbox {
width: 164px;
float: left;
}
.search_box .search_checkbox dt {
line-height: 25px;
padding-left: 10px;
font-weight: bold;
}
.search_box .search_checkbox dd {
border-left: 1px solid #CCCCCC;
padding-left: 20px;
line-height: 25px;
}
.search_box .search_conditions {
background-color: #FFF;
border: 0 none;
width: 60px;
float: left;
} .search_box .accordion {
width: 100%;
margin-bottom: 15px;
float: left;
padding-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
margin-top: 15px;
}
.search_box .accordion dt {
background: none repeat scroll 0 0 #EEE;
border: 1px solid #333;
color: #B00940;
cursor: pointer;
display: block;
font-size: 95%;
height: 30px;
width: 100%;
}
.search_box .accordion dt p {
height: 14px;
line-height: 14px;
margin-left: 10px;
margin-top: 8px;
}
.search_box .accordion dt.hover {
background: #FFF;
border: 1px solid #CCCCCC;
}
.search_box .accordion dt .slider_icon {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/slider_icon.png) no-repeat scroll 0 0;
display: block;
float: left;
height: 0;
margin-right: 10px;
overflow: hidden;
padding-top: 14px;
width: 96px;
}
.search_box .accordion dt.hover .slider_icon {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/slider_icon.png) no-repeat scroll 0px -14px;
}
.search_box .accordion dd {
width: 100%;
padding: 15px 10px 5px 10px;
border-bottom: 1px solid #CCCCCC;
overflow: hidden;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
.search_box .conditions_in {
width: 100%;
float: left;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 15px;
}
.conditions_in .ph_wd {
width: 180px;
}
.search_box .conditions_in li.keyword01 {
width: 100%;
float: left;
margin-bottom: 10px;
}
.search_box .conditions_in li.keyword02 {
width: 100%;
float: left;
margin-bottom: 10px;
}
.search_box .conditions_in li.keyword02 label {
width: 100%;
float: left;
margin-bottom: 10px;
}
.search_box .particular_in {
width: 100%;
float: left;
}
.search_box .particular_in li {
width: 230px;
float: left;
margin-bottom: 10px;
}
.pagenavi_box {
width: 493px;
padding: 15px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
overflow: hidden;
float: left;
margin-bottom: 30px;
}
.pagination {
border-bottom: 1px solid #D7D7D7;
border-top: 1px solid #D7D7D7;
overflow: hidden;
padding-bottom: 15px;
padding-top: 15px;
text-align: center;
width: 493px;
}
.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #D7D7D7;
text-decoration: underline; color: #111111:
}
.pagination a:hover,
.digg a:active {
border: 1px solid #D7D7D7;
}
.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #1B2A4C;
font-weight: bold;
background-color: #1B2A4C;
color: #FFF;
}
.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}
.ttl01 {
border-bottom: 1px solid #999999;
height: 25px;
width: 100%;
margin-bottom: 15px;
float: left;
}
.ttl01 h1 {
float: left;
}
.ttl01 h2 {
float: left;
}
.ttl01 a {
float: right;
}
.ttl01_mbnon {
border-bottom: 1px solid #999999;
height: 30px;
width: 100%;
}
.ttl01_mbnon h1 img {
float: left;
}
.ttl01_mbnon a {
float: right;
}
.ttl02 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl_bg.png) repeat;
height: 25px;
width: 100%;
margin-bottom: 15px;
float: left;
}
.ttl02 h2 {
float: left;
}
.ttl02 p {
float: right;
line-height: 25px;
padding-right: 10px;
font-size: 80%;
}
.ttl03 {
border-bottom: 1px solid #999999;
height: 33px;
margin-bottom: 15px;
width: 100%;
}
.ttl04 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl04_bg.png) no-repeat scroll 0 7px transparent;
border-bottom: 1px solid #999999;
float: left;
font-size: 125%;
margin-bottom: 15px;
padding-bottom: 5px;
padding-left: 15px;
padding-top: 5px;
width: 98%;
color: #111111;
}
.ttl04 a {
float: left;
width: 100%;
}
.ttl05 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl_bg.png) repeat;
height: 35px;
width: 100%;
margin-bottom: 15px;
float: left;
}
.ttl05 .ttl05_left {
float: left;
line-height: 35px;
padding-left: 10px;
}
.ttl05 .ttl05_right {
float: right;
font-size: 80%;
line-height: 35px;
padding-right: 10px;
}
.ttl06 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl_bg.png) repeat;
float: left;
font-size: 120%;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
padding-left: 10px;
width: 100%;
}
.ttl06_2 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl_bg.png) repeat;
float: left;
font-size: 105%;
font-weight: bold;
line-height: 30px;
margin-bottom: 20px;
padding-left: 10px;
width: 100%;
}
.ttl07 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl02_bg.png) no-repeat left 8px;
line-height: 15px;
font-size: 120%;
font-weight: bold;
float: left;
margin-bottom: 10px;
padding-left: 15px;
width: 100%;
line-height: 160%;
}
.ttl07_2 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl02_bg.png) no-repeat left 8px;
line-height: 15px;
font-size: 105%;
font-weight: bold;
float: left;
margin-bottom: 10px;
padding-left: 15px;
width: 100%;
line-height: 160%;
}
.ttl09 {
line-height: 15px;
font-size: 105%;
font-weight: bold;
margin-bottom: 20px;
padding-left: 10px;
width: 100%;
line-height: 160%;
}
.contents_box {
border-collapse: collapse;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
float: left;
margin-bottom: 20px;
overflow: hidden;
padding: 15px;
width: 493px;
} .contents_box table {
width: 100%;
border: solid 1px #ccc;
}
.contents_box li.three_cl {
float: left;
width: 50%;
} .contents_box02 {
border-collapse: collapse;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
float: left;
margin-bottom: 20px;
overflow: hidden;
padding: 20px 30px;
width: 100%;
box-sizing: border-box;
} .contents_box02 table {
width: 100%;
border: solid 1px #ccc;
}
.contents_box li.three_cl {
float: left;
width: 50%;
} .contents_box03 {
width: 408px;
padding: 15px 100px 15px 15px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
overflow: hidden;
float: left;
margin-bottom: 30px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/contents03_bg.png) repeat-y 440px top;
} .contents_box03 table {
width: 100%;
border: solid 1px #ccc;
}
.contents_box li.three_cl {
float: left;
width: 50%;
} .side_nav {
width: 203x;
border-collapse: collapse;
border: #ccc solid 1px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
float: left;
overflow: hidden;
margin-bottom: 20px;
}
.side_nav h1 a {
width: 203px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/side_ttl.png) no-repeat left top;
height: 45px;
color: #FFF;
line-height: 45px;
font-weight: bold;
text-indent: 25px;
font-size: 120%;
display: block;
text-decoration: none;
}
.side_nav h2 a {
width: 203px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/side_ttl.png) no-repeat left top;
height: 45px;
color: #FFF;
line-height: 45px;
font-weight: bold;
text-indent: 25px;
font-size: 120%;
display: block;
text-decoration: none;
}
.side_nav ul {
width: 203px;
float: left;
}
.side_nav ul li a {
width: 203px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/side_nav.png) no-repeat left top;
height: 40px;
line-height: 40px;
text-indent: 25px;
display: block;
text-decoration: none;
}
.b_link {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/b_link.png) no-repeat scroll 190px center transparent;
float: left;
height: 100%;
width: 100%;
}
.side_nav ul li a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/side_nav_ov.png) no-repeat left top;
}
.side_nav ul li.current a {
width: 203px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/side_nav_c.png) no-repeat left top;
height: 40px;
line-height: 40px;
text-indent: 25px;
display: block;
text-decoration: none;
font-weight: bold;
}
.side_nav ul li.current ul li a,
.side_nav ul li ul li a,
.side_nav ul li ul li.current a {
width: 203px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/side_nav_cnav.png) no-repeat left top;
height: 40px;
line-height: 40px;
text-indent: 40px;
display: block;
text-decoration: none;
font-weight: normal;
}
.side_nav ul li.current ul li a:hover,
.side_nav ul li ul li a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/side_nav_cov.png) no-repeat left top;
}
.side_nav ul li.current ul li.current a,
.side_nav ul li ul li.current a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/side_nav_cc.png) no-repeat left top;
}
.text_w01 {
width: 100px;
}
.text_w02 {
width: 120px;
}
.text_w03 {
width: 180px;
}
.text_w04 {
width: 270px;
}
.form_btns {
width: 80%;
margin: 0 auto;
}
.formbtn {
float: left;
text-align: center;
width: 50%;
margin-bottom: 5px;
}
.img_fr {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
#sitemap_footer {
display: none;
} .font_large {
font-size: 110%;
}  #contents_bottom {
width: 525px;
float: right;
margin-top: 10px;
}
.left_box {
float: left;
margin-right: 10px;
width: 205px;
}
.middle_box {
width: 525px;
float: right;
}
.banner_box {
width: 205px;
margin-bottom: 10px;
}
.banner_box p {
margin-bottom: 10px;
width: 205px;
}
.banner_box p img {
border-color: rgb(204, 204, 204); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#33000000,Positive=true)";
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#33000000, Positive=true);
}
.box01,
.box02,
.box03,
.box04,
.box05,
.box06,
.box07 {
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid; -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#33000000,Positive=true)";
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#33000000, Positive=true);
overflow: hidden;
float: left;
}
.box01 {
width: 173px;
padding: 15px;
}
.box01_banner_box {
border-bottom: 1px solid #999999;
padding-bottom: 3px;
margin-bottom: -15px;
}
.box01_banner_box p {
margin-bottom: 10px;
}
.box01_inner {
border-bottom: 1px dotted #999999;
float: left;
width: 175px;
margin-top: 25px;
display: flex;
}
.box01_img {
float: left;
width: 60px;
}
.box01_img img {
background: #FFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.box01_data {
float: right;
width: 100px;
text-align: left;
font-size: 90%;
}
.box01_text {
float: right;
width: 100px;
text-align: left;
font-size: 90%;
}
.box01_details {
float: right;
width: 100px;
text-align: left;
margin-top: 5px;
margin-bottom: 15px;
}
.box02 {
height: 145px;
padding: 15px;
width: 493px;
}
p.closeup_ttl_btn a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/closeup_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 140px;
padding-top: 20px;
overflow: hidden;
display: block;
}
p.closeup_ttl_btn a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/closeup_ttl_btn.png) no-repeat 0px -20px;
}
.jspVerticalBar {
display: none
}
.box02 dl {
float: left;
height: 100px;
overflow: hidden;
width: 493px;
}
.box02 dt {
width: 90px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat left center;
padding-left: 20px;
border-bottom: 1px dotted #999999;
line-height: 32px;
font-size: 90%;
}
.box02 dd {
width: calc(100% - 90px);
padding-left: 16px;
float: left;
border-bottom: 1px dotted #999999;
line-height: 32px;
}
.rec_num01 {
font-size: 100%;
color: #FF1919;
font-weight: bold;
}
.rec_num02 {
font-size: 100%;
}
.box03 {
width: 493px;
margin-top: 10px;
padding: 15px;
}
a.search_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 140px;
padding-top: 20px;
overflow: hidden;
display: block;
}
a:hover.search_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_ttl_btn.png) no-repeat 0px -20px;
}
.box03 h3 {
margin-bottom: 10px;
width: 100%;
float: left;
}
.box03 .search_textbox {
background-color: #FFF;
border: 0 none;
height: 20px;
padding: 5px;
text-align: left;
width: 100%;
border: solid 1px #C6C6C6;
float: left;
margin-right: 10px;
margin-bottom: 15px;
}
.box03 .search_btn01 {
background: transparent url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_btn.png) no-repeat 0 0;
border: 0 none;
display: block;
height: 30px;
text-indent: -9999px;
width: 145px;
float: left;
margin-bottom: 15px;
}
.box03 .search_btn02 {
background: transparent url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_btn02.png) no-repeat 0 0;
border: 0 none;
display: block;
height: 30px;
text-indent: -9999px;
width: 100%;
float: left;
}
.search_checkbox_outer {
width: 100%;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_checkbox_bg.png) no-repeat 0px 0px;
float: left;
}
.search_checkbox {
width: 164px;
float: left;
}
.search_checkbox dt {
line-height: 25px;
padding-left: 10px;
font-weight: bold;
}
.search_checkbox dd {
padding-left: 20px;
line-height: 25px;
}
.box03 .search_conditions {
background-color: #FFF;
border: 0 none;
width: 60px;
float: left;
}
.box04 {
width: 493px;
margin-bottom: 10px;
padding: 15px;
float: left;
height: 235px;
}
.career_img {
width: 86px;
height: 86px;
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.career_img img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
.box04 p,
.box05 p {
display: inline;
}
.box05 {
width: 493px;
margin-bottom: 10px;
padding: 15px;
float: left;
height: 235px;
}
.box06 {
float: left;
height: 170px;
margin-bottom: 10px;
padding: 15px;
width: 493px;
}
a.blog_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/blog_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 140px;
padding-top: 20px;
overflow: hidden;
display: block;
float: right;
}
a:hover.blog_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/blog_ttl_btn.png) no-repeat 0px -20px;
}
.box06 dl {
float: left;
height: 95px;
overflow: hidden;
width: 493px;
margin-bottom: 10px;
}
.box06 dt {
width: 90px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat left center;
padding-left: 20px;
border-bottom: 1px dotted #999999;
line-height: 30px;
}
.box06 dd {
float: left;
line-height: 30px;
width: 100%;
border-bottom: 1px dotted #999999;
}
.box07 {
float: left;
height: 170px;
margin-bottom: 10px;
padding: 15px;
width: 493px;
}
.box07 dl {
float: left;
height: 95px;
overflow: hidden;
width: 493px;
margin-bottom: 10px;
}
.box07 dt {
width: 90px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat left center;
padding-left: 20px;
border-bottom: 1px dotted #999999;
line-height: 30px;
}
.box07 dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 30px;
width: calc(100% - 90px);
padding-left: 16px;
-webkit-line-clamp: 4 text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
a.information_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/information_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 170px;
padding-top: 20px;
overflow: hidden;
display: block;
float: right;
}
a:hover.information_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/information_ttl_btn.png) no-repeat 0px -20px;
}
.info_news {
width: 100%;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/info_news.png) no-repeat 80px center;
margin-top: 5px;
}
.info_seminner {
width: 100%;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/info_seminner.png) no-repeat 80px center;
margin-top: 5px;
} .accordion {
width: 100%;
margin-bottom: 15px;
float: left;
padding-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
margin-top: 15px;
}
.accordion dt {
background: none repeat scroll 0 0 #EEE;
border: 1px solid #333;
color: #B00940;
cursor: pointer;
display: block;
font-size: 95%;
height: 30px;
width: 493px;
}
.accordion dt p {
height: 14px;
line-height: 14px;
margin-left: 10px;
margin-top: 8px;
}
.accordion dt.hover {
background: #FFF;
border: 1px solid #CCCCCC;
}
.accordion dt .slider_icon {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/slider_icon.png) no-repeat scroll 0 0;
display: block;
float: left;
height: 0;
margin-right: 10px;
overflow: hidden;
padding-top: 14px;
width: 96px;
}
.accordion dt.hover .slider_icon {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/slider_icon.png) no-repeat scroll 0px -14px;
}
.accordion dd {
width: 100%;
padding: 15px 10px 5px 10px;
border-bottom: 1px solid #CCCCCC;
overflow: hidden;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
.conditions_in {
width: 100%;
float: left;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 15px;
}
.conditions_in li {
width: 100%;
float: left;
margin-bottom: 10px;
}
.conditions_in li ul {
float: left;
margin: 10px 0px 0px 0;
width: 100%;
}
.conditions_in li ul li {
float: left;
margin-right: 10px;
width: 225px;
}
.particular_in {
width: 100%;
float: left;
}
.particular_in li {
width: 230px;
float: left;
margin-bottom: 10px;
} #main {
width: 100%;
padding-bottom: 8px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/main_bottom.png) repeat-x center bottom;
min-width: 768px;
}
.flexslider {
margin: 0 auto;
max-width: 1350px;
}
.flex-container a:active,
.flexslider a:active {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider .slides>li {
display: none;
}
.flexslider .slides p {
position: absolute;
width: 100%;
left: 0px;
top: 28%;
}
.flexslider .slides p img {
width: 680px;
margin-left: auto;
margin-right: auto;
}
.flexslider .slides img {
max-width: 100%;
display: block;
}
.flexslider .slides img.pc_main {
display: none;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.no-js .slides>li:first-child {
display: block;
}
.flexslider {
background: #fff;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
zoom: 1;
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides>li {
position: relative;
}
.flex-container {
zoom: 1;
position: relative;
}
.flex-caption {
background: none;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1;
}
.flex-caption {
width: 96%;
padding: 2%;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, .3);
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
font-size: 14px;
line-height: 16px;
}
.flex-direction-nav li a {
width: 29px;
height: 30px;
display: block;
position: absolute;
top: 45%;
cursor: pointer;
text-indent: -9999px;
}
.flex-direction-nav li .next {
right: 0px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/bg_direction_nav.png) no-repeat -29px 0;
}
.flex-direction-nav li .prev {
left: 0px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/bg_direction_nav.png) no-repeat 0px 0;
}
.flex-direction-nav li .disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: 5px;
text-align: center;
}
.flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-nav li:first-child {
margin: 0;
}
.flex-control-nav li a {
width: 12px;
height: 12px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/bg_control_nav.png) no-repeat 0 0;
cursor: pointer;
text-indent: -9999px;
}
.flex-control-nav li a:hover {
background-position: 0 -12px;
}
.flex-control-nav li a.active {
background-position: 0 -24px;
cursor: default;
}
#link {
padding-top: 40px;
} .jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 3px;
height: 100%;
}
.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
background: #D7D7D7;
position: relative;
}
.jspDrag {
background: #191919;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow {
height: 16px;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: #EEEEF4;
float: left;
height: 100%;
} * html .jspCorner {
margin: 0 -3px 0 0;
} .closeup_box {
width: 493px;
padding: 15px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
overflow: hidden;
float: left;
}
.closeup_box a.closeup_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/closeup_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 140px;
padding-top: 20px;
overflow: hidden;
display: block;
}
.closeup_box a:hover.closeup_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/closeup_ttl_btn.png) no-repeat 0px -20px;
}
.closeup_box dl {
width: 493px;
float: left;
}
.closeup_box dt {
width: 90px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat left center;
padding-left: 20px;
border-bottom: 1px dotted #999999;
line-height: 32px;
font-size: 90%;
}
.closeup_box dd {
width: 100%;
float: left;
border-bottom: 1px dotted #999999;
line-height: 32px;
}
.closeup_box02 {
width: 493px;
padding: 15px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
overflow: hidden;
float: left;
}
.closeup_box02 dl {
float: left;
width: 490px;
}
.closeup_box02 dt {
float: left;
font-size: 90%;
margin-top: 5px;
width: 490px;
}
.closeup_box02 dt.closeup_ft {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/closeup_featured.png) no-repeat scroll 90px center transparent;
}
.closeup_box02 dt.closeup_new {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/closeup_new.png) no-repeat scroll 90px center transparent;
}
.closeup_box02 dt.closeup_new.closeup_ft {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/closeup_w.png) no-repeat scroll 90px center transparent;
}
.closeup_box02 dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 160%;
margin-bottom: 15px;
padding-bottom: 5px;
width: 490px;
margin-top: 10px;
}
.closeup_box02 dd a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 5px transparent;
float: left;
padding-left: 20px;
width: 725px;
}
.recruit_detailbox {
width: 493px;
padding: 15px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
overflow: hidden;
float: left;
margin-bottom: 30px;
}
.detailbox_header {
float: left;
width: 493px;
font-size: 90%;
margin-bottom: 5px;
}
.detailbox_header p {
float: left;
color: #860C0A;
}
.detailbox_header span {
float: right;
}
.detail_data {
width: 493px;
float: left;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #D7D7D7;
margin-bottom: 15px;
}
.detail_data_ttl {
width: 168px;
background: #EEE;
padding: 10px;
border-right: 1px solid #DDDEE0;
border-bottom: 1px solid #DDDEE0;
}
.detail_data_ttl2 {
width: 110px;
background: #EEE;
padding: 10px;
border-right: 1px solid #DDDEE0;
border-bottom: 1px solid #DDDEE0;
}
.detail_data_ttl_non {
width: 168px;
background: #EEE;
padding: 10px;
border-right: 1px solid #DDDEE0;
border-bottom: 1px solid #DDDEE0;
border-bottom: none;
}
.detail_data_text {
border-bottom: 1px solid #DDDEE0;
padding: 10px;
}
.detail_data_text02 {
padding: 10px;
}
.detail_data_s {
width: 100%;
float: left;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #D7D7D7;
}
.detail_data_s .detail_data_ttl {
width: 20%;
background: #EEE;
padding: 5px;
border-right: 1px solid #DDDEE0;
border-bottom: 1px solid #DDDEE0;
}
.detail_data_s .detail_data_ttl_non {
width: 20%;
background: #F6F5E3;
padding: 5px;
border-right: 1px solid #DDDEE0;
border-bottom: 1px solid #FFFFFF;
border-bottom: none;
}
.detail_data_s .detail_data_text {
border-bottom: 1px solid #DDDEE0;
border-right: 1px solid #DDDEE0;
padding: 5px;
}
span.adhere {
background-image: -moz-linear-gradient(45% 7% -90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
background-image: -webkit-gradient(linear, 45% 7%, 45% 97%, color-stop(0, rgb(210, 92, 92)), color-stop(1, rgb(130, 6, 4)));
background-image: -webkit-linear-gradient(-90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
background-image: -o-linear-gradient(-90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
background-image: linear-gradient(-90deg, rgb(210, 92, 92) 0%, rgb(130, 6, 4) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd25c5c,endColorstr=#ff820604,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd25c5c, endColorstr=#ff820604, GradientType=0);
float: left;
font-size: 90%;
height: 20px;
line-height: 20px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
color: #FFF;
}
span.language {
background-image: -moz-linear-gradient(45% 7% -90deg, rgb(92, 210, 92) 0%, rgb(6, 130, 4) 100%);
background-image: -webkit-gradient(linear, 45% 7%, 45% 97%, color-stop(0, rgb(92, 210, 92)), color-stop(1, rgb(6, 130, 4)));
background-image: -webkit-linear-gradient(-90deg, rgb(92, 210, 92) 0%, rgb(6, 130, 4) 100%);
background-image: -o-linear-gradient(-90deg, rgb(92, 210, 92) 0%, rgb(6, 130, 4) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(92, 210, 92) 0%, rgb(6, 130, 4) 100%);
background-image: linear-gradient(-90deg, rgb(92, 210, 92) 0%, rgb(6, 130, 4) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd25c5c,endColorstr=#ff820604,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd25c5c, endColorstr=#ff820604, GradientType=0);
float: left;
font-size: 90%;
height: 20px;
line-height: 20px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
color: #FFF;
}
span.env {
background-image: -moz-linear-gradient(45% 7% -90deg, rgb(92, 92, 210) 0%, rgb(6, 4, 130) 100%);
background-image: -webkit-gradient(linear, 45% 7%, 45% 97%, color-stop(0, rgb(92, 92, 210)), color-stop(1, rgb(6, 4, 130)));
background-image: -webkit-linear-gradient(-90deg, rgb(92, 92, 210) 0%, rgb(6, 4, 130) 100%);
background-image: -o-linear-gradient(-90deg, rgb(92, 92, 210) 0%, rgb(6, 4, 130) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(92, 92, 210) 0%, rgb(6, 4, 130) 100%);
background-image: linear-gradient(-90deg, rgb(92, 92, 210) 0%, rgb(6, 4, 130) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd25c5c,endColorstr=#ff820604,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd25c5c, endColorstr=#ff820604, GradientType=0);
float: left;
font-size: 90%;
height: 20px;
line-height: 20px;
margin-right: 10px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
color: #FFF;
}
span.adhere a,
span.language a,
span.env a {
text-decoration: none;
color: white;
}
.recruit_detail_btn {
float: left;
width: 100%;
}
.entry_btn {
float: left;
margin-bottom: 15px;
width: 100%;
}
.entry_btn a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/entry_btn.png) no-repeat center top;
height: 0px;
width: 100%;
padding-top: 30px;
overflow: hidden;
display: block;
}
.entry_btn a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/entry_btn_ov.png) no-repeat center top;
}
.entry_btn_c {
width: 100%;
display: block;
margin: 0 auto;
}
.entry_btn_c a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/entry_btn.png) no-repeat center top;
height: 0px;
width: 100%;
padding-top: 30px;
overflow: hidden;
display: block;
}
.entry_btn_c a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/entry_btn_ov.png) no-repeat center top;
}
.list_btn {
width: 100%;
float: left;
}
.list_btn a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/list_btn.png) no-repeat center top;
height: 0px;
width: 100%;
padding-top: 30px;
overflow: hidden;
display: block;
}
.list_btn a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/list_btn_ov.png) no-repeat center top;
}
.recommend_box {
float: left;
overflow: hidden;
padding-top: 15px;
width: 525px;
}
.ls_btn {
width: 100%;
float: left;
}
.ls_btn a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/ls_btn.png) no-repeat center top;
height: 0px;
width: 100%;
padding-top: 30px;
overflow: hidden;
display: block;
}
.ls_btn a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/ls_btn_ov.png) no-repeat center top;
}
.recommend_box dl {
width: 525px;
float: left;
}
.recommend_box dt {
width: 90px;
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat left center;
padding-left: 20px;
border-bottom: 1px dotted #999999;
line-height: 32px;
font-size: 90%;
}
.recommend_box dd {
width: calc(100% - 90px);
padding-left: 16px;
float: left;
border-bottom: 1px dotted #999999;
line-height: 32px;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.page_back a {
border: 1px solid #CCCCCC;
float: left;
margin: 0 0 10px;
padding: 10px;
text-align: center;
width: 503px;
display: block;
} .access_box p {
float: left;
text-align: center;
width: 493px;
}
.access_box dl {
float: right;
width: 493px;
}
.access_box dd {
margin-bottom: 20px;
float: left;
width: 100%;
}
.access_box table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
float: left;
}
.consultant_box {
width: 245px;
float: left;
margin-bottom: 30px;
display: block;
height: 520px;
}
.consultant_box p.link_btn {
text-align: right;
}
.consultant_box_inner {
width: 220px;
margin: 0 auto;
text-align: center;
overflow: hidden;
}
.consultant_box .consultant_img {
width: 190px;
margin: 0 auto;
}
.consultant_box .consultant_img img {
border: 1px solid #D7D7D7;
padding: 1px;
}
.consultant_box h1 {
float: left;
width: 220px;
font-weight: bold;
margin-top: 15px;
text-align: left;
}
.consultant_box h2 {
float: left;
margin-bottom: 10px;
width: 220px;
text-align: left;
}
.consultant_box .consultant_text {
float: left;
margin-bottom: 10px;
width: 220px;
text-align: left;
}
.tb_bd_r {
border-right: 1px solid #CCCCCC;
}
.consultant_box02 {
float: left;
width: 100%;
margin-bottom: 10px;
}
.consultant_box02 .consultant_img {
float: left;
margin-right: 20px;
width: 146px;
}
.consultant_box02 .consultant_img img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.consultant_box02 h1 {
float: left;
font-size: 160%;
font-weight: bold;
margin-bottom: 15px;
margin-top: 5px;
width: 242px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/consultant/consultant_namebg.png) no-repeat;
}
.consultant_box02 ul {
float: left;
width: 242px;
}
.consultant_box02 ul li {
float: left;
margin-bottom: 10px;
width: 227px;
font-size: 90%
}
.consultant_box03 {
float: left;
margin-bottom: 20px;
width: 230px;
margin-right: 25px;
border-bottom: 1px dotted #CCCCCC;
padding-bottom: 15px;
display: block;
}
.consultant_box03_non {
float: left;
margin-bottom: 20px;
width: 230px;
border-bottom: 1px dotted #CCCCCC;
padding-bottom: 15px;
display: block;
margin-right: 25px;
}
.ta_non {
margin-right: 0px;
}
.consultant_box03 .consultant_img,
.consultant_box03_non .consultant_img,
.consultant_box03_non .consultant_img_c,
.consultant_box03 .consultant_img_c {
border: 1px solid #D7D7D7;
height: 67px;
padding: 1px;
width: 64px;
float: left;
margin-right: 15px;
}
.consultant_box03 h2,
.consultant_box03_non h2 {
font-size: 90%;
}
.consultant_box03 p,
.consultant_box03_non p {
font-size: 80%;
} .consultant_img a img {
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
.consultant_img a img:hover,
.consultant_img_c a img {
-webkit-filter: grayscale(0%);
filter: none;
}
a .consultant_img img {
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
a:hover .consultant_img img,
a .consultant_img_c img {
-webkit-filter: grayscale(0%);
filter: none;
}
.profile_btn_w {
width: 100%;
float: left;
text-align: center;
}
a.profile_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/profile/profile_btn.png) no-repeat scroll center 0 transparent;
display: block;
height: 0;
overflow: hidden;
padding-top: 30px;
width: 153px;
margin: 0 auto;
}
a.profile_btn:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/profile/profile_btn.png) no-repeat scroll 0 -30px transparent;
}  .information_box {
float: left;
width: 490px;
height: 450px;
}
.information_box dl {
float: left;
width: 490px;
}
.information_box dt.info_news {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/info_news.png) no-repeat scroll 80px center transparent;
float: left;
font-size: 90%;
margin-top: 5px;
width: 490px;
}
.information_box dt.info_seminner {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/info_seminner.png) no-repeat scroll 80px center transparent;
float: left;
font-size: 90%;
margin-top: 5px;
width: 490px;
}
.information_box dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 160%;
margin-bottom: 20px;
padding-bottom: 5px;
width: 490px;
margin-top: 10px;
}
.information_box dd a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 5px transparent;
float: left;
padding-left: 20px;
width: 470px;
}
.information_box time.info_news {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/info_news.png) no-repeat scroll 80px center transparent;
float: left;
font-size: 90%;
margin-top: 5px;
width: 490px;
margin-bottom: 10px;
}
.information_box time.info_seminner {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/info_news.png) no-repeat scroll 80px center transparent;
float: left;
font-size: 90%;
margin-top: 5px;
width: 490px;
margin-bottom: 10px;
}
.information_box ul {
width: 100%;
float: left;
margin-bottom: 5px;
}
.information_box ul li {
float: left;
text-align: left;
}
.information_box ul li img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.information_box ul li.info_text {
float: right;
width: 46%;
} .mailmagazine_subttl {
background-color: #EEE;
float: left;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
height: 30px;
padding-left: 5px;
padding-top: 5px;
width: 100%;
}
.backnumber_btn {
width: 100%;
float: left;
text-align: center;
padding: 15px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-top: 5px;
}
.backnumber_btn a {
background: transparent url(//www.concord-it.jp/wp-content/themes/concord-it/images/mailmagazine/backnumber_btn.png) no-repeat scroll 0 0;
display: block;
height: 0;
overflow: hidden;
padding-top: 30px;
width: 283px;
margin-left: 95px;
}
.backnumber_btn a:hover {
background: transparent url(//www.concord-it.jp/wp-content/themes/concord-it/images/mailmagazine/backnumber_btn.png) no-repeat scroll 0 -30px;
}
.register_form {
border: 1px solid #ccc;
float: left;
padding: 10px;
width: 100%;
}
.register_form_wrap {
display: flex;
flex-wrap: wrap;
gap: 8px;
float: none;
align-items: center;
}
.register_form_wrap input[type="mail"] {
width: 300px;
height: 20px;
padding: 4px;
}
.register_form_caption {
font-size: 10px;
line-height: 1.6;
white-space: nowrap;
}
.register_form p {
float: left;
border-top: none;
}
.register_form p:first-child {
font-size: 10px;
}
.register_form p:last-child {
font-size: 12px;
border-top: 1px solid #CCCCCC;
font-size: 80%;
margin-top: 8px;
width: 100%;
padding-top: 8px;
}
.register_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/mailmagazine/mailmagazine_btn_ph.png) no-repeat scroll 0 0 transparent;
border: 0 none;
display: block;
float: right;
height: 20px;
text-indent: -9999px;
width: 60px;
}
.m_sample {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
background-color: #EEE;
float: left;
}
.m_sample_inner {
margin: 0 auto;
width: 435px;
overflow: hidden;
padding: 15px;
background-color: #FFF;
}
.backnumber_box {
float: left;
width: 100%;
float: left;
margin-bottom: 30px;
height: 105px;
}
.backnumber_box dl {
float: left;
width: 100%;
}
.backnumber_box dt {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left center transparent;
border-bottom: 1px dotted #999999;
float: left;
font-size: 90%;
line-height: 30px;
margin-bottom: 5px;
padding-left: 20px;
width: 75px;
}
.backnumber_box dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 30px;
margin-bottom: 5px;
width: calc(100% - 80px);
padding-left: 24px;
font-size: 90%;
}
.register_form label,
.register_form03,
.register_btn {
float: left;
margin-right: 10px;
} .seminar_box {
float: left;
width: 100%;
} .seminar_box li {
float: left;
width: 33%;
} .seminar_box dl {
float: left;
width: 100%;
}
.seminar_box dt {
background-color: #F3F3F4;
float: left;
font-size: 90%;
padding: 4px 10px 2px 10px;
width: 100%;
}
.seminar_box .seminar_ttl {
float: left;
font-size: 110%;
font-weight: bold;
}
.seminar_box .seminar_btn {
float: right;
}
.seminar_box .seminar_btn a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/seminar/seminar_btn.png) no-repeat;
width: 165px;
height: 0px;
padding-top: 20px;
overflow: hidden;
display: block;
}
.seminar_box .seminar_btn a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/seminar/seminar_btn.png) no-repeat 0px -20px;
}
.seminar_box dd.seminar_data {
float: left;
font-size: 90%;
width: 100%;
background-color: #F3F3F4;
padding: 5px 10px 7px;
margin-bottom: 5px;
}
.seminar_box dd.seminar_link {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 10px transparent;
float: left;
padding-left: 20px;
width: 100%;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
}
.seminar_btn02 {
margin-top: 10px;
}
.seminar_btn02 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/seminar/contact_btn.png) no-repeat center top;
width: 190px;
height: 0px;
padding-top: 30px;
overflow: hidden;
display: block;
}
.seminar_btn02 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/seminar/contact_btn.png) no-repeat center -30px;
} .service_box_lt {
float: left;
width: 100%;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
height: 107px;
}
.service_box_rt {
float: left;
width: 100%;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
height: 107px;
}
.service_inner_rt {
float: right;
width: 375px;
}
.service_inner_lt {
width: 100px;
float: left;
}
.service_inner_rt p {
margin-bottom: 8px;
} .flow_map01 {
float: left;
margin-bottom: 30px;
width: 408px;
}
.flow_map01 li {
float: left;
}
.flow_m01 {
width: 124px;
margin-right: 16px;
margin-bottom: 4px;
}
.flow_m02 {
width: 124px;
margin-right: 16px;
margin-bottom: 4px;
}
.flow_m03 {
width: 124px;
margin-right: 4px;
margin-bottom: 4px;
}
.flow_m04 {
width: 124px;
margin-right: 16px;
margin-bottom: 4px;
}
.flow_m05 {
width: 124px;
margin-right: 16px;
}
.flow_m06 {
width: 124px;
margin-right: 4px;
}
.flow_m07 {
width: 404px;
}
.flow_msp01 {
display: none;
}
.flow_msp02 {
display: none;
}
.flow_m01 a {
width: 124px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm01.png) no-repeat;
height: 0px;
padding-top: 84px;
overflow: hidden;
}
.flow_m02 a {
width: 124px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm02.png) no-repeat;
height: 0px;
padding-top: 84px;
overflow: hidden;
}
.flow_m03 a {
width: 124px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm03.png) no-repeat;
height: 0px;
padding-top: 84px;
overflow: hidden;
}
.flow_m04 a {
width: 124px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm04.png) no-repeat;
height: 0px;
padding-top: 84px;
overflow: hidden;
}
.flow_m05 a {
width: 124px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm05.png) no-repeat;
height: 0px;
padding-top: 84px;
overflow: hidden;
}
.flow_m06 a {
width: 124px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm06.png) no-repeat;
height: 0px;
padding-top: 84px;
overflow: hidden;
}
.flow_m07 a {
width: 404px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm07.png) no-repeat;
height: 0px;
padding-top: 64px;
overflow: hidden;
}
.flow_m01 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm01_ov.png) no-repeat;
}
.flow_m02 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm02_ov.png) no-repeat;
}
.flow_m03 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm03_ov.png) no-repeat;
}
.flow_m04 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm04_ov.png) no-repeat;
}
.flow_m05 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm05_ov.png) no-repeat;
}
.flow_m06 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm06_ov.png) no-repeat;
}
.flow_m07 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/ta_flowm07_ov.png) no-repeat;
}
.flow_box_lt {
display: none;
}
.flow_box_rt {
float: left;
width: 100%;
}
.flow_box_rt h3 {
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 10px;
width: 100%;
}
.flow_ttl01 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/flow_n01.png) no-repeat left 0px;
border-bottom: 1px solid #A99975;
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 70px;
padding-top: 3px;
width: 100%;
}
.flow_ttl02 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/flow_n02.png) no-repeat left 0px;
border-bottom: 1px solid #A99975;
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 70px;
padding-top: 3px;
width: 100%;
}
.flow_ttl03 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/flow_n03.png) no-repeat left 0px;
border-bottom: 1px solid #A99975;
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 70px;
padding-top: 3px;
width: 100%;
}
.flow_ttl04 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/flow_n04.png) no-repeat left 0px;
border-bottom: 1px solid #A99975;
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 70px;
padding-top: 3px;
width: 100%;
}
.flow_ttl05 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/flow_n05.png) no-repeat left 0px;
border-bottom: 1px solid #A99975;
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 70px;
padding-top: 3px;
width: 100%;
}
.flow_ttl06 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/flow_n06.png) no-repeat left 0px;
border-bottom: 1px solid #A99975;
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 70px;
padding-top: 3px;
width: 100%;
}
.flow_ttl07 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/flow_n07.png) no-repeat left 0px;
border-bottom: 1px solid #A99975;
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 70px;
padding-top: 3px;
width: 100%;
} .story_box {
width: 100%;
float: left;
border-bottom: 1px dotted #CCC;
padding-bottom: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
.story_box_lt {
float: left;
height: 150px;
margin-right: 23px;
width: 150px;
margin-bottom: 5px;
}
.story_box_lt img {
background: #FFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.story_box_rt {
float: right;
margin-bottom: 10px;
width: 320px;
}
.story_box_rt span.story_icon {
float: right;
height: 14px;
margin: 0 0 5px;
padding: 0;
width: 90px;
}
.story_box_rt span.story_icon img {
float: right;
}
.story_box_rt02 {
float: right;
margin-bottom: 10px;
width: 235px;
}
.story_box_rt span,
.story_box_rt02 span {
width: 100%;
float: left;
font-size: 90%;
color: #666;
margin-top: -5px;
}
.story_box_rt p,
.story_box_rt02 p {
width: 100%;
float: left;
margin-top: 5px;
margin-bottom: 5px;
} .media_box {
float: left;
width: 100%;
}
.media_box dl {
float: left;
width: 100%;
}
.media_box dt {
float: left;
font-size: 90%;
margin-top: 5px;
width: 100%;
}
.media_box dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 160%;
margin-bottom: 20px;
padding-bottom: 5px;
width: 100%;
margin-top: 10px;
}
.media_box dd a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 5px transparent;
float: left;
padding-left: 20px;
width: 470px;
}
.media_box time {
float: left;
font-size: 90%;
margin-top: 5px;
width: 100%;
margin-bottom: 10px;
}
.media_box ul {
width: 100%;
float: left;
margin-bottom: 5px;
}
.media_box ul li {
float: left;
text-align: left;
}
.media_box ul li img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.media_box ul li.media_text {
float: right;
width: 46%;
} .media_box_lt {
float: left;
width: 45%;
}
.media_box_lt img {
border: 1px solid #333;
margin-bottom: 15px;
margin-left: 5px;
}
.media_box_rt {
float: right;
width: 50%;
margin-right: 5px;
}
.media_box_inner_rt {
background: #F6F5E3;
width: 100%;
float: right;
font-size: 90%;
}
.media_box_inner_rt img {
float: left;
padding: 15px;
width: 30%;
}
.media_box_inner_lt {
background: #F6F5E3;
margin-left: 5px;
width: 100%;
float: left;
font-size: 80%;
}
.media_box_inner_lt img {
float: left;
margin: 15px;
border: 1px solid #333;
width: 25%;
} .media_box02 .ttl06 {
height: auto;
padding: 0 10px;
width: auto;
float: none;
} .message_box_lt {
float: left;
width: 100%;
text-align: center;
}
.message_box_rt {
float: left;
width: 100%;
}
.message_box_rt h3 {
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 10px;
width: 100%;
} .introduce_box .ttl06 {
width: 98%;
}
.introduce_box_lt {
float: left;
width: 493px;
height: 254px;
display: block;
}
.introduce_box_rt {
float: left;
width: 493px;
height: 254px;
display: block;
}
.introduce_img {
float: left;
width: 174px;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.introduce_img img {
float: left;
}
.introduce_text {
float: right;
width: 300px;
}
.introduce_box_lt h2,
.introduce_box_rt h2 {
float: left;
width: 477px;
}
div.menu {
width: 176px;
position: relative;
float: left;
z-index: 100;
}
div.menu a {
color: #EEE;
text-decoration: none;
}
ul.menuBody {
width: 100%;
position: absolute;
z-index: 10;
}
ul.nav {
overflow: hidden;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/menu_bg.png) repeat-y;
width: 176px;
font-size: 12px;
text-align: center;
float: left;
color: #EEE;
display: none;
}
ul.nav li {
height: 35px;
line-height: 35px;
}
ul.nav li.head { background: #000;
cursor: pointer;
width: 174px;
font-size: 120%;
}
ul.nav li a {
width: 176px;
height: 35px;
display: block;
border-bottom: 1px dotted #9A9494;
}
ul.nav li.head:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/menu_ttl_ov.png) no-repeat;
}
ul.nav li:hover {
cursor: pointer;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/menu_bg_ov.png) repeat-y;
}
div.menu .head {
font-size: 80%;
font-weight: bold;
}
div.menu li {
font-size: 90%;
}
.introduce_box {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #CCCCCC;
float: left;
margin-bottom: 20px;
width: 100%;
}
.introduce_pt {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_pt.png) no-repeat scroll right center #FFFFFF;
border: 1px solid #CCCCCC;
float: right;
font-size: 80%;
height: 15px;
line-height: 15px;
margin-right: 10px;
margin-top: 5px;
padding: 1px 30px 0 2px;
margin-bottom: 5px;
}
.lead {
color: #999999;
float: left;
font-size: 80%;
margin-top: -12px;
text-indent: 15px;
width: 100%;
}
.introduce_text02 {
float: left;
width: 478px;
border-top: 1px dotted #CCCCCC;
padding-left: 15px;
padding-top: 5px;
} .introduce_img img {
cursor: pointer;
-webkit-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
}
.introduce_img img:hover {
cursor: pointer; } .introduce_box02 {
padding-top: 10px;
float: left;
margin-bottom: 20px;
width: 100%;
}
.introduce_box02 .lead {
color: #999999;
float: left;
font-size: 80%;
margin-top: -12px;
text-indent: 0px;
width: 100%;
}
.introduce_list {
background: #FFF;
overflow: hidden;
padding: 15px;
width: 100%; }
.introduce_list li {
float: left;
margin-bottom: 10px;
}
.introduce_btn01,
.introduce_btn02,
.introduce_btn03,
.introduce_btn04,
.introduce_btn05,
.introduce_btn06,
.introduce_btn07,
.introduce_btn08,
.introduce_btn09,
.introduce_btn10,
.introduce_btn11 {
margin-right: 20px;
}
.introduce_btn01 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn01.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn02 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn02.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn03 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn03.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn04 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn04.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn05 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn05.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn06 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn06.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn07 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn07.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn08 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn08.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn09 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn09.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn10 a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn10.png) no-repeat 0px -35px;
height: 0px;
width: 140px;
padding-top: 35px;
display: block;
overflow: hidden;
}
.introduce_btn01 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn01.png) no-repeat 0px 0px;
}
.introduce_btn02 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn02.png) no-repeat 0px 0px;
}
.introduce_btn03 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn03.png) no-repeat 0px 0px;
}
.introduce_btn04 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn04.png) no-repeat 0px 0px;
}
.introduce_btn05 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn05.png) no-repeat 0px 0px;
}
.introduce_btn06 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn06.png) no-repeat 0px 0px;
}
.introduce_btn07 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn07.png) no-repeat 0px 0px;
}
.introduce_btn08 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn08.png) no-repeat 0px 0px;
}
.introduce_btn09 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn09.png) no-repeat 0px 0px;
}
.introduce_btn10 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/introduce_btn10.png) no-repeat 0px 0px;
}
.books_box_lt {
float: left;
width: 100%;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
}
.books_box_rt {
float: left;
width: 100%;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
}
.books_inner_rt {
float: right;
width: 375px;
}
.books_inner_lt {
width: 100px;
float: left;
}
.books_inner_rt p {
margin-bottom: 8px;
} .actual_box {
float: left;
width: 493px;
}
.actual_box li {
float: left;
width: 100%;
margin-bottom: 10px;
}
.actual_box02 {
float: left;
width: 493px;
}
.actual_box02 dl {
float: left;
width: 100%;
padding: 10px 15px 15px 15px;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
margin-bottom: 30px;
}
.actual_box02 dl dt {
float: left;
width: 100%;
padding-top: 10px;
position: relative;
}
.actual_box02 dl dt span {
position: absolute;
right: 15px;
top: 10px;
font-size: 90%;
}
.actual_box02 dl dd {
float: left;
width: 100%;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/actual/actual_icon.png) no-repeat left 2px;
padding-left: 80px;
border-bottom: 1px dotted #999999;
padding-bottom: 5px;
margin-bottom: 5px
}
.actual_box02 .actual_frame_ttl {
background: #EEE url(//www.concord-it.jp/wp-content/themes/concord-it/images/actual/slider_icon.png) no-repeat 395px center;
border: 1px solid #333;
font-weight: bold;
cursor: pointer;
display: block;
width: 100%;
padding-right: 20%;
text-indent: 15px;
line-height: 30px;
}
.actual_box02 .actual_frame_ttl .not_cover_ttl {
width: 70%;
}
.actual_box02 h2.hover {
background: #FFFFFF url(//www.concord-it.jp/wp-content/themes/concord-it/images/actual/slider_icon_ro.png) no-repeat 395px center;
border: 1px solid #CCCCCC;
}
.actual_box02 .more_look_btn {
display: none;
} .career_box {
float: left;
width: 100%;
margin-bottom: -15px;
}
.career_box_bd {
padding-top: 20px;
border-top: #ccc 1px solid;
}
.career_box li {
float: left;
width: 50%;
margin-bottom: 15px;
}
.career_box li dl {
width: 100%;
}
.career_box li dl dt {
float: left;
width: 18%;
height: 52px;
}
.career_box li dl dd {
float: left;
padding: 12px 0 0 5px;
width: 77%;
height: 52px;
}
.career_box02 {
float: left;
width: 100%;
margin-bottom: -10px;
}
.career_box02 li {
float: left;
margin-right: 20px;
margin-bottom: 10px;
height: 80px;
} .career_box_lt {
float: left;
width: 100%;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
}
.career_box_rt {
float: left;
width: 100%;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
}
.career_inner_rt {
float: right;
width: 375px;
}
.career_inner_lt {
width: 100px;
float: left;
}
.career_inner_rt p {
margin-bottom: 10px;
}  .sitemap_box {
float: left;
width: 100%;
}
.sitemap_box li {
float: left;
width: 50%;
margin-bottom: 15px;
}
.sitemap_box li.sitemap_ttl {
float: left;
width: 100%;
margin-bottom: 15px;
}
.sitemap_box li.sitemap_ttl02 {
float: left;
width: 100%;
margin-bottom: 15px;
margin-top: 10px;
}
.sitemap_box li.mnon {
float: left;
width: 50%;
margin-bottom: 0px;
} .faq_box {
float: left;
width: 100%;
padding-bottom: 10px;
border-bottom: 1px dotted #999999;
margin-bottom: 10px;
}
.faq_box li {
float: left;
width: 50%;
margin-bottom: 15px;
}
.faq_box li.mnon {
float: left;
width: 50%;
margin-bottom: 0px;
}
.faq_box li dl {
width: 100%;
}
.faq_box li dl dt {
float: left;
width: 18%;
}
.faq_box li dl dd {
float: left;
padding: 0 0 0 5px;
width: 77%;
}
.faq_box02 {
float: left;
width: 100%;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #999999;
}
.faq_box02 dt {
float: left;
width: 100%;
padding-left: 45px;
color: #8F1413;
font-size: 120%;
margin-bottom: 10px;
}
.faq_box02 dd {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/answer.png) no-repeat scroll 10px 11px #EEE;
float: right;
padding: 10px 10px 10px 40px;
width: 100%;
}
.faq_box02 .q01 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q01.png) no-repeat left 0px;
}
.faq_box02 .q02 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q02.png) no-repeat left 0px;
}
.faq_box02 .q03 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q03.png) no-repeat left 0px;
}
.faq_box02 .q04 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q04.png) no-repeat left 0px;
}
.faq_box02 .q05 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q05.png) no-repeat left 0px;
}
.faq_box02 .q05 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q05.png) no-repeat left 0px;
}
.faq_box02 .q06 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q06.png) no-repeat left 0px;
}
.faq_box02 .q07 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q07.png) no-repeat left 0px;
}
.faq_box02 .q08 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q08.png) no-repeat left 0px;
}
.faq_box02 .q09 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/q09.png) no-repeat left 0px;
}
.p_conbtn {
width: 100%;
float: left;
margin-bottom: 10px;
}
.p_conbtn a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/page_contactbtn.png) no-repeat 0px -0px;
height: 0px;
width: 160px;
padding-top: 20px;
display: block;
overflow: hidden;
float: right;
}
.p_conbtn a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/page_contactbtn.png) no-repeat 0px -20px;
height: 0px;
width: 160px;
padding-top: 20px;
display: block;
overflow: hidden;
} .beginner_box {
width: 100%;
float: left;
margin-bottom: 30px;
}
.beginner_box_lt {
float: left;
height: 150px;
margin-right: 23px;
width: 150px;
margin-bottom: 5px;
}
.beginner_box_lt img {
background: #FFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.beginner_box_rt p {
width: 100%;
float: left;
margin-top: 5px;
margin-bottom: 5px;
}
.beginner_img {
width: 410px;
float: left;
margin-bottom: 15px;
}
.beginner_img li {
float: left;
width: 28%;
}
.beginner_img li img {
float: left;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
} .feature_box_lt {
float: left;
height: 150px;
margin-right: 23px;
width: 150px;
margin-bottom: 5px;
}
.ttl08 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl_bg.png) repeat;
float: left;
font-size: 120%;
line-height: 30px;
margin-bottom: 10px;
width: 100%;
padding: 10px;
} .note_box {
border: solid 2px #ccc;
width: 408px;
font-size: 90%;
line-height: 1.8;
} .book_w_box_lt {
float: left;
width: 60%;
}
.book_w_box_rt {
float: right;
width: 35%;
}
.book_w_box_rt img {
display: block;
margin: 0 auto;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}
.book_w_box_rt a:hover {
filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.book_lbn {
border-top: dotted 1px #CCC;
background: url(http://www.concord-career.com/wp-content/themes/concord-career/images/profile/book_bn_long2.png) no-repeat center;
background-size: 100%;
margin-top: 30px;
padding-top: 20px;
}
.book_lbn img {}
.book_lbn a:hover img {
filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; -ms-filter: “alpha(opacity=70)”;
}
.rakuten {
margin: 13% 0 0 8%;
}
.amazon {
margin: 0 0 0 5%;
}
.bg_ivory {
clear: both;
padding: 25px 20px;
background-color: #f9f9e5;
}
figure {
display: flex;
flex-flow: column;
padding: 5px 5px 0;
max-width: 200px;
height: 200px;
margin: auto;
position: relative;
}
figure.fg_flt {
margin-bottom: 20px;
}
figure figcaption {
position: absolute;
background-color: #222222d1;
color: #fff;
font-size: 70%;
padding: 3px 0;
text-align: center;
line-height: 1.7;
bottom: 0;
width: 200px;
}
.sp-header,
.header__nav-area {
display: none;
}
figure.fig_w100 {
width:100% ;
max-width: 100%;
height: auto;
padding: 0;
}
figcaption.figc_tr{
position: relative;
text-align: right;
color: grey; 
font:13px arial; 
background-color:transparent;
margin-top:5px;
width:100% ;
}