.font_large {
font-size: 110%;
}
.serif {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
transform-origin: 0px 0px 0px;
transform: scale(1.001, 1);
}
.bold {
font-weight: bold;
}
.wid50 {
width: 50%;
}
.serif.bold {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
transform-origin: 0px 0px 0px;
transform: scale(1.001, 1);
font-weight: bold;
}
img,
object,
embed {
max-width: 100% !important;
height: auto !important;
}
img {
-ms-interpolation-mode: bicubic;
}
.display_ph {
display: none;
}
.display_ta {
display: none;
}
.pc_none {
display: none;
}
body {
background: #fff;
font-size: 75%;
line-height: 180%;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_pc/header_bg.png) repeat-x scroll 0 0 transparent;
background-position: top right 20%;
}
#wrapper {
width: 100%;
}
#header {
width: 1024px;
height: 102px;
position: relative;
margin-right: auto;
margin-left: auto;
}
.header_text {
color: #FFF;
font-size: 14px;
font-family: "hiragino-mincho-pron", sans-serif;
font-weight: 600;
font-style: normal;
color: #fff;
letter-spacing: 4px;
}
.header_btn {
height: 10px;
width: 289px;
position: absolute;
top: 3px;
right: 0px;
}
.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: 20px;
position: absolute;
top: 20px;
width: 590px;
}
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: 15px;
padding-right: 14px;
border-right: #CCC 1px solid;
}
.group06 {
height: 50px;
width: 162px;
}
.group01,
.group02,
.group03 {
margin-bottom: 15px;
}
.logo {
left: 0px;
position: absolute;
top: 40px;
display: flex;
align-items: flex-start;
gap: 8px;
line-height: 180%;
}
.logo:link,
.logo:visited {
text-decoration: none;
color: #fff;
}
.logo_wrap {
display: grid;
gap: 7px;
}
.logo img {
height: 46px !important;
position: relative;
}
.logo_ttl {
text-decoration: none;
color: #fff;
font-size: 26px;
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: 40px;
right: 0px;
clear: both;
}
.header_nav li {
float: left;
}
.header_nav li img {
float: right;
}
.header_nav01 {
padding-right: 18px;
height: 14px;
width: 55px
}
.header_nav02 {
height: 14px;
width: 113px;
}
.header_formbtn {
position: absolute;
right: 0px;
top: 64px;
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;
}
.header_formbtn a:visited {
text-decoration: none;
color: #fff;
}
#nav {
width: 100%;
height: 50px;
margin-right: auto;
margin-left: auto;
}
#nav ul {
width: 1024px;
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_pc/nav.png) no-repeat;
}
#nav .nav01,
#nav .nav01c {
position: absolute;
left: 0px;
width: 170px;
}
#nav .nav01 a {
background-position: 0px 0px;
}
#nav .nav02,
#nav .nav02c {
position: absolute;
left: 170px;
width: 170px;
}
#nav .nav02 a {
background-position: -170px 0;
width: 171px;
}
#nav .nav03,
#nav .nav03c {
position: absolute;
left: 341px;
width: 170px;
}
#nav .nav03 a {
background-position: -341px 0px;
width: 171px;
}
#nav .nav04,
#nav .nav04c {
position: absolute;
left: 512px;
width: 171px;
}
#nav .nav04 a {
background-position: -512px 0px;
width: 171px;
}
#nav .nav05,
#nav .nav05c {
position: absolute;
left: 683px;
width: 172px;
}
#nav .nav05 a {
background-position: -683px 0;
width: 171px;
}
#nav .nav06,
#nav .nav06c {
position: absolute;
left: 854px;
width: 171px;
}
#nav .nav06 a {
background-position: -854px 0px;
width: 170px;
}
#nav .nav01 a:hover,
#nav .nav01c a {
background-position: 0px -50px;
width: 170px;
}
#nav .nav02 a:hover,
#nav .nav02c a {
background-position: -170px -50px;
width: 171px;
}
#nav .nav03 a:hover,
#nav .nav03c a {
background-position: -341px -50px;
width: 171px;
}
#nav .nav04 a:hover,
#nav .nav04c a {
background-position: -512px -50px;
width: 171px;
}
#nav .nav05 a:hover,
#nav .nav05c a {
background-position: -683px -50px;
width: 172px;
}
#nav .nav06 a:hover,
#nav .nav06c a {
background-position: -854px -50px;
width: 170px;
}
#nav ul.dorp_ul {
top: 0;
left: 0px;
width: 170px;
position: relative;
z-index: 2;
box-shadow: #3d3d3d 3px 4px 7px;
}
#nav ul.dorp_ul li {
float: none;
border-bottom: 1px solid #CCCCCC;
line-height: 40px;
font-size: 90%;
background: #F4F4F4;
}
#nav ul.dorp_ul li a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/nav_icon.png) no-repeat 5px center;
height: 40px;
padding: 0;
text-decoration: none;
text-indent: 20px;
}
#nav ul.dorp_ul li a.nav_blank {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/nav_blank.png) no-repeat 5px center;
height: 40px;
padding: 0;
text-indent: 20px;
text-decoration: none;
}
#nav ul.dorp_ul li a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/nav_icon.png) no-repeat 5px center;
height: 40px;
padding: 0;
text-indent: 20px;
text-decoration: underline;
}
#nav ul.dorp_ul li a:hover.nav_blank {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/nav_blank.png) no-repeat 5px center;
height: 40px;
padding: 0;
text-indent: 20px;
text-decoration: underline;
}
#contents {
width: 1024px;
margin-right: auto;
margin-left: auto;
padding-top: 12px;
overflow: hidden;
}
#contents_left {
width: 230px;
float: left;
overflow: hidden;
}
#contents_right {
width: 775px;
float: right;
overflow: hidden;
}
#main_sub {
width: 100%;
height: 100px;
margin-bottom: 15px;
min-width: 1024px;
}
#main_sub h1 {
width: 1024px;
height: 100px;
margin-right: auto;
margin-left: auto;
}
#main_sub h1 img {
margin-top: 35px;
}
#main_sub p.subttl {
width: 1024px;
height: 100px;
margin-right: auto;
margin-left: auto;
}
#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 #000;
}
.profile_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/profile/main_bg.jpg) no-repeat center top #000;
}
.mailmagazine_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/mailmagazine/main_bg.jpg) no-repeat center top #000;
}
.service_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/service/main_bg.jpg) no-repeat center top #000;
}
.introduce_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/introduce/main_bg.jpg) no-repeat center top #000;
}
.career_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/career/main_bg.jpg) no-repeat center top #000;
}
.faq_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/main_bg.jpg) no-repeat center top #000;
}
.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_pc/footer_bg.png) repeat-x;
height: 440px;
margin-top: 30px;
margin-bottom: -25px;
color: #FFF;
width: 100%;
min-width: 1024px;
}
#footer a {
color: #FFF;
}
#footer_inner {
width: 1024px;
margin-right: auto;
margin-left: auto;
position: relative;
height: 350px;
}
#breadcrumbs_header {
font-size: 90%;
height: 15px;
line-height: 15px;
margin: 10px auto 0;
width: 1024px;
}
#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: 700px;
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 {
display: flex;
gap: 16px;
width: 1024px;
height: 260px;
position: absolute;
top: 65px;
left: 0px;
}
#directorynav li {
margin-bottom: 2px;
white-space: nowrap;
}
#directorynav li a {
font-size: 80%;
text-decoration: underline;
}
#directorynav h3 {
margin-bottom: 10px;
}
.column_first {
width: 146px;
}
.column_second_a {
width: 146px;
}
.column_second_b {
width: 146px;
}
.column_second_c {
width: 146px;
}
.column_third {
width: 146px;
}
.column_forth {
width: 146px;
}
.column_fifth {
width: 146px;
}
.column_sixth {
float: left;
width: 146px;
}
.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 { height: 0px;
right: 0px;
position: absolute;
bottom: -60px;
font-size: 85%; padding-top: 9px; }
.search_box {
width: 743px;
padding: 15px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
overflow: hidden;
float: left;
margin-bottom: 30px;
}
.search_box h3 {
margin-bottom: 10px;
width: 100%;
float: left;
}
.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 .search_textbox {
background-color: #FFF;
border: 0 none;
height: 20px;
padding: 5px;
text-align: left;
width: 730px;
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/common_pc/search_boxbtn.png) no-repeat 0 0;
border: 0 none;
display: block;
height: 30px;
text-indent: -9999px;
width: 745px;
float: left;
}
.search_box .search_checkbox_outer {
width: 743px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_pc/search_checkbox_bg.png) no-repeat 0px 0px;
float: left;
}
.search_box .search_checkbox {
width: 245px;
float: left;
}
.search_box .search_checkbox dt {
line-height: 25px;
font-weight: bold;
}
.search_box .search_checkbox dd {
padding-left: 20px;
line-height: 25px;
}
.search_box .search_conditions {
background-color: #FFF;
border: 0 none;
width: 60px;
float: left;
} .search_box .accordion {
width: 743px;
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: 740px;
}
.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: 120px;
}
.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: 720px;
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: 720px;
float: left;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 15px;
}
.conditions_in .ph_wd {
width: 180px;
}
.search_box .conditions_in li.keyword01 {
width: 360px;
float: left;
margin-bottom: 15px;
}
.search_box .conditions_in li.keyword02 {
float: left;
font-size: 90%;
margin-bottom: 15px;
width: 720px;
}
.search_box . li ul {
float: left;
margin: 10px 0px 0px 0;
width: 720px;
}
.search_box .conditions_in li ul li {
float: left;
margin-right: 10px;
width: 225px;
}
.search_box .particular_in {
width: 720px;
float: left;
}
.search_box .particular_in li {
width: 230px;
float: left;
margin-bottom: 10px;
}
.pagenavi_box {
width: 743px;
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: 743px;
}
.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;
}
.pagenavi_box02 {
width: 743px;
padding: 15px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
overflow: hidden;
float: left;
margin-bottom: 30px;
}
.pagination02 {
overflow: hidden;
text-align: center;
width: 350px;
float: left;
padding: 2px
}
.pagination02 a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #D7D7D7;
text-decoration: underline; color: #111111:
}
.pagination02 a:hover,
.digg a:active {
border: 1px solid #D7D7D7;
}
.pagination02 span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #1B2A4C;
font-weight: bold;
background-color: #1B2A4C;
color: #FFF;
}
.pagination02 span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}
.pagenavi_box02 .ttl05_left {
float: left;
margin-right: 25px;
width: 170px;
}
.pagenavi_box02 .ttl05_right {
float: right;
width: 180px;
}
.ttl01 {
border-bottom: 1px solid #999999;
height: 25px;
width: 100%;
margin-bottom: 15px;
float: left;
}
.ttl01 h1 img {
float: left;
}
.ttl01 h2 img {
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 img {
float: left;
}
.ttl02 p {
float: right;
line-height: 25px;
padding-right: 10px;
font-size: 80%;
}
.ttl03 {
border-bottom: 1px solid #999999;
height: 30px;
margin-bottom: 15px;
width: 100%;
}
.ttl03 img {
float: left;
}
.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: 100%;
color: #111111;
}
.ttl04_2 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl04_bg.png) no-repeat scroll 0 2px transparent;
font-family: 'Noto Serif JP', serif;
font-weight: bold;
border-bottom: 1px solid #999999;
float: left;
font-size: 120%;
margin-bottom: 15px;
padding-bottom: 4px;
padding-left: 15px;
padding-top: 0px;
width: 100%;
color: #111111;
}
.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 {
*float: none;
}
.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%;
} .ttl06_2 {
*float: none;
}
.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: 100%;
font-weight: bold;
float: left;
margin-bottom: 10px;
padding-left: 15px;
width: 100%;
line-height: 160%;
}
.ttl09 {
line-height: 15px;
font-size: 100%;
font-weight: bold;
margin-bottom: 20px;
padding-left: 10px;
width: 100%;
line-height: 160%;
}
.ttl_txt {
font-size: 20px;
font-weight: 700;
letter-spacing: 0;
color: #000;
padding-bottom: 0px;
border-bottom: 1px #333 solid;
font-family: serif;
padding-left: 0;
margin-bottom: 20px;
margin-top: 0 !important;
transform-origin: 0px 0px 0px;
transform: scale(1.001, 1);
}
.ttl_txt::before {
display: inline-block;
content: "■";
font-size: 24px;
transform: scale(0.3, 1);
color: #333333;
text-align: left;
position: relative;
left: -10px;
margin-right: -10px;
}
.ttl_txt span.ht_txt_gold {
font-style: italic;
font-size: 30px;
color: #946f1e;
font-weight: 700;
}
.ttl_txt span.eng_caption {
font-family: "Josefin Sans";
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
color: #888;
letter-spacing: 1px;
margin-left: 10px;
}
.ttl_txt_nobdr {
font-size: 20px;
font-weight: 700;
letter-spacing: 0;
color: #000;
padding-bottom: 0px;
font-family: serif;
padding-left: 0;
margin-bottom: 20px;
margin-top: 0 !important;
transform-origin: 0px 0px 0px;
transform: scale(1.001, 1);
}
.btn_gold {
background-color: #946f1e;
color: #fff !important;
padding: 6px;
border-radius: 4px;
font-size: 12px;
text-decoration: none !important;
}
.btn_gold:hover {
background-color: #664b0f;
}
.txt_gold {
color: #946f1e;
}
.contents_box {
width: 743px;
padding: 15px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
float: left;
margin-bottom: 30px;
}
#contents .contents_box p {
margin-bottom: 10px;
}
#contents .contents_box td p {
margin-bottom: 0px;
}
#contents p.m0 {
margin-bottom: 0px !important;
}
#contents p.m05 {
margin-bottom: 5px !important;
}
#contents p.m10 {
margin-bottom: 10px !important;
}
#contents p.m12 {
margin-bottom: 12px !important;
}
#contents p.m15 {
margin-bottom: 15px !important;
}
#contents p.m20 {
margin-bottom: 20px !important;
}
#contents p.m30 {
margin-bottom: 30px !important;
}
#contents p.m40 {
margin-bottom: 40px !important;
}
#contents p.m50 {
margin-bottom: 50px !important;
}
#contents p.m60 {
margin-bottom: 60px !important;
}
.aligncenter {
text-align: center;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left;
} .contents_box table {
width: 100%;
border: solid 1px #ccc;
} .contents_box02 {
width: 713px;
padding: 20px 30px;
border-color: rgb(204, 204, 204);
border-width: 1px;
border-collapse: collapse;
border-style: solid;
overflow: hidden;
float: left;
margin-bottom: 30px;
} .contents_box02 table {
width: 100%;
border: solid 1px #ccc;
} .contents_box03 {
width: 568px;
padding: 15px 190px 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 right top;
} .contents_box03 table {
width: 100%;
border: solid 1px #ccc;
}
.contents_box li.three_cl {
float: left;
width: 33%;
} .side_nav {
width: 228x;
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: 228px;
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 h1 a:hover {
opacity: 0.6;
}
.side_nav h2 a {
width: 228px;
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:hover {
opacity: 0.6;
}
.side_nav ul {
width: 228px;
float: left;
}
.side_nav ul li a {
width: 228px;
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 210px 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: 228px;
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: 228px;
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: 150px;
}
.text_w02 {
width: 170px;
}
.text_w03 {
width: 210px;
}
.text_w04 {
width: 300px;
}
.form_btns {
width: 55%;
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;
} #contents_top {
width: 1024px;
float: left;
margin-bottom: 20px;
}
#contents_bottom {
width: 1024px;
float: left;
}
.left_box {
float: left;
width: 230px;
}
.right_box {
float: right;
width: 230px;
margin-left: 20px;
}
.middle_box {
width: 525px;
float: right;
}
.banner_box p {
width: 230px;
}
.banner_box p {
margin-bottom: 18px;
}
.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);
}
.banner_box p:last-child {
margin-bottom: 0px;
}
.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 {
padding: 10px 15px 5px 15px;
width: 198px;
}
.right_box.display_pc .box01 {
height: 873px;
}
#contents_left .box01 {
overflow: hidden;
}
.box01_banner_box {
border-bottom: 1px solid #999999;
padding-bottom: 1px;
margin-bottom: -15px;
margin-top: 10px;
}
.box01_banner_box p {
margin-bottom: 10px;
}
.box01_inner {
border-bottom: 1px dotted #999999;
float: left;
width: 200px;
margin: 8px 0;
}
.box01_img {
float: left;
width: 70px;
}
.box01_img img {
background: #FFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.box01_data {
float: right;
width: 120px;
text-align: left;
font-size: 90%;
}
.box01_text {
float: right;
width: 120px;
text-align: left;
}
.box01_details {
float: right;
width: 120px;
text-align: left;
margin-top: 5px;
margin-bottom: 15px;
}
.box02 {
width: 493px;
padding: 15px;
height: 260px;
}
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;
}
.recommend_box .scroll_box01 dl {
height: 100px;
overflow: hidden;
}
.box02 dl {
width: 495px;
float: left;
}
.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: 365px;
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: 20px;
padding: 15px 15px 10px 15px;
}
.box03 h3 {
margin-bottom: 10px;
width: 100%;
float: left;
}
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;
} 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 .search_textbox {
background-color: #FFF;
border: 0 none;
height: 20px;
padding: 5px;
text-align: left;
width: 480px;
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: 45px;
text-indent: -9999px;
width: 495px;
float: left;
margin-top: -5px;
}
.search_checkbox_outer {
width: 495px;
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: 32px;
}
.box03 .search_conditions {
background-color: #FFF;
border: 0 none;
width: 60px;
float: left;
}
.box04 {
width: 468px;
margin-bottom: 20px;
margin-right: 24px;
padding: 15px;
float: left;
height: 245px;
line-height: 190%;
}
.career_img {
width: 110px;
height: 110px;
float: left;
margin-bottom: 10px;
margin-right: 15px;
}
.career_img img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
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;
-webkit-filter: grayscale(1);
}
.career_img img:hover {
-webkit-filter: grayscale(0);
filter: none;
}
.box04 p,
.box05 p {
display: inline;
}
.box05 {
width: 468px;
margin-bottom: 20px;
padding: 15px;
float: left;
height: 245px;
line-height: 190%;
}
.box06 {
width: 468px;
padding: 15px;
margin-right: 24px;
float: left;
height: 200px;
}
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 {
width: 475px;
float: left;
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;
font-size: 90%;
}
.box06 dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 30px;
width: 358px;
}
.box07 {
width: 992px;
padding: 15px;
float: left;
height: 200px;
}
.box07 dl {
width: 992px;
float: left;
}
.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;
font-size: 90%;
}
.box07 dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 30px;
width: 865px;
}
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: 450px;
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;
font-size: 90%;
}
.info_seminner {
width: 450px;
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;
font-size: 90%;
}
.scroll_box02 {
height: 125px;
margin-bottom: 10px;
} .accordion {
width: 495px;
margin-bottom: 23px;
float: left;
padding-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
margin-top: 10px;
}
.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%;
}
.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: 120px;
}
.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: 475px;
float: left;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 15px;
}
.conditions_in li {
width: 475px;
float: left;
margin-bottom: 10px;
}
.conditions_in li ul {
float: left;
margin: 10px 0px 0px 0;
width: 475px;
}
.conditions_in li ul li {
float: left;
margin-right: 10px;
width: 225px;
}
.particular_in {
width: 475px;
float: left;
}
.particular_in li {
width: 230px;
float: left;
margin-bottom: 10px;
} #main {
width: 100%;
padding-bottom: 8px;
background: #000 url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/main_bottom.png) repeat-x center bottom;
min-width: 1024px;
}
.flexslider {
margin: 0 auto;
max-width: 1240px;
}
.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: 35%;
}
.flexslider .slides p img {
width: 900px;
margin-left: auto;
margin-right: auto;
}
.flexslider .slides img {
max-width: 100%;
display: block;
}
.flexslider .slides img.tbph_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: none;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
zoom: 1;
}
.flexslider .slides {
zoom: 1;
*zoom: 0;
}
.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: 50%;
cursor: pointer;
text-indent: -9999px;
}
.flex-direction-nav li .next {
right: 5px;
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: 5px;
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;
left: 0px;
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: 743px;
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: 745px;
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: 635px;
float: left;
border-bottom: 1px dotted #999999;
line-height: 32px;
}
.closeup_box02 {
border-collapse: collapse;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
float: left;
margin-bottom: 30px;
overflow: hidden;
padding: 15px;
width: 743px;
}
.closeup_box02 dl {
float: left;
width: 745px;
}
.closeup_box02 dt {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 4px transparent;
border-bottom: 1px dotted #999999;
float: left;
line-height: 160%;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
width: 90px;
padding-left: 20px;
}
.closeup_box02 dd.closeup_ft {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/closeup_featured.png) no-repeat scroll left 2px transparent;
}
.closeup_box02 dd.closeup_new {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/closeup_new.png) no-repeat scroll left 2px transparent;
}
.closeup_box02 dd.closeup_new.closeup_ft {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/closeup_w.png) no-repeat scroll left 2px transparent;
}
.closeup_box02 dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 160%;
margin-bottom: 15px;
padding-bottom: 5px;
width: 635px;
margin-top: 10px;
}
.closeup_box02 dd a {
float: left;
padding-left: 150px;
width: 495px;
}
.recruit_detailbox {
width: 743px;
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: 743px;
font-size: 90%;
margin-bottom: 5px;
}
.detailbox_header p {
float: left;
color: #860C0A;
}
.detailbox_header span {
float: right;
}
.detail_data {
width: 743px;
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_ttl3 {
width: 470px;
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 {
border-bottom: 1px solid #DDDEE0;
padding: 10px 10px 0px 10px;
}
.detail_data_text table {
width: 100%;
float: left;
}
.detail_data_text table td {
padding: 2px;
}
.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 {
width: 50%;
float: left;
}
.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: 50%;
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;
}
.ls_btn {
width: 50%;
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 {
float: left;
overflow: hidden;
padding-top: 15px;
width: 775px;
}
.recommend_box dl {
width: 775px;
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: 665px;
float: left;
border-bottom: 1px dotted #999999;
line-height: 32px;
}
.page_back a {
border: 1px solid #CCCCCC;
float: left;
margin: 0 0 10px;
padding: 10px;
text-align: center;
width: 753px;
display: block;
} .access_box p {
float: left;
width: 743px;
text-align: center;
}
.access_box dl {
float: left;
width: 743px;
}
.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: 247px;
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 img {
border: 1px solid #D7D7D7;
height: 200px;
margin: 0 auto;
padding: 1px;
width: 190px;
}
.consultant_box .consultant_img a {
width: 190px;
height: 200px;
}
.consultant_box h1 {
font-weight: bold;
text-align: center;
font-family: 'Noto Serif JP', serif;
font-size: 20px;
}
.consultant_box h1 span {
color: #999;
font-size: 14px;
line-height: 2.8em;
}
.consultant_box h1 a {
text-decoration: none;
}
.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;
}
.pc_bd_r {
border-right: 1px solid #CCCCCC;
}
.consultant_box02 {
float: left;
margin-bottom: 30px;
width: 100%;
}
.consultant_box02 .consultant_img {
float: left;
margin-right: 30px;
width: 190px;
}
.consultant_box02 .consultant_img img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.consultant_box02 h1 {
position: relative;
float: right;
width: 61%;
margin-bottom: 20px;
}
.consultant_box02 h1::after {
content: "";
width: 4px;
height: 48px;
position: absolute;
top: 0px;
left: 0px;
background: -moz-linear-gradient(top, #999, #111);
background: -webkit-linear-gradient(top, #999, #111);
background: linear-gradient(to bottom, #9997, #111);
} .consultant_box02 h1 .name {
font-family: 'Noto Serif JP', serif;
border-bottom: 1px solid #ccc;
font-size: 120%;
padding-bottom: 4px;
margin-left: 15px;
padding-top: 0px;
width: 98%;
color: #111111;
font-weight: bold;
}
.consultant_box02 h1 span {
font-size: 14px;
font-family: 'Noto Serif JP', serif;
font-weight: bold;
color: #111111;
border: none;
padding-left: 15px;
}
.consultant_box02 h1 span .font_80 {
font-size: 80%;
}
.consultant_box02 ul {
float: left;
width: 348px;
}
.consultant_box02 ul li {
float: left;
margin-bottom: 15px;
width: 333px;
font-size: 100%
}
.consultant_box03 {
border-bottom: 1px dotted #CCCCCC;
display: block;
height: 100px;
margin-bottom: 15px;
margin-right: 25px;
text-decoration: underline;
width: 230px;
}
.consultant_box03_non {
border-bottom: 1px dotted #CCCCCC;
display: block;
float: left;
height: 100px;
margin-bottom: 15px;
text-decoration: underline;
width: 230px;
}
.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 {
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"); -webkit-filter: grayscale(1);
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"); -webkit-filter: grayscale(1);
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: 745px;
height: 205px;
}
.information_box dl {
float: left;
width: 725px;
}
.information_box dt {
float: left;
font-size: 90%;
width: 725px;
}
.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;
}
.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;
}
.information_box dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 160%;
margin-bottom: 10px;
padding-bottom: 5px;
width: 725px;
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: 705px;
}
.information_box02 {
float: left;
width: 745px;
}
.information_box02 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: 745px;
margin-bottom: 10px;
}
.information_box02 time.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: 745px;
margin-bottom: 10px;
}
.information_box02 ul {
width: 100%;
float: left;
margin-bottom: 5px;
}
.information_box02 ul li {
float: left;
text-align: left;
}
.information_box02 ul li img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.information_box02 ul li.info_text {
float: right;
width: 63%;
} .mailmagazine_subttl {
background-color: #EEE;
border: #ccc solid 1px;
float: left;
height: 46px;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 3px;
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: 210px;
}
.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-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
width: 743px;
padding-top: 5px;
padding-bottom: 5px;
}
.register_form form {
padding: 0 10px;
display: inline-grid;
align-items: center;
grid-auto-flow: column;
gap: 8px;
}
#contents .register_form form>*:not(:root) {
margin: 0;
}
.register_form_caption {
font-size: 10px;
white-space: nowrap;
}
.register_form_wrap input[type="mail"] {
width: 300px;
height: 20px;
padding: 4px;
}
.register_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/mailmagazine/mailmagazine_btn.png) no-repeat scroll 0 0 transparent;
border: 0 none;
display: block;
height: 20px;
margin-left: 10px;
text-indent: -9999px;
width: 150px;
}
.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: 745px;
margin-bottom: 30px;
height: 105px;
}
.backnumber_box dl {
float: left;
width: 725px;
}
.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;
padding-left: 20px;
width: 90px;
margin-bottom: 5px;
}
.backnumber_box dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 30px;
width: 615px;
margin-bottom: 5px;
}
.register_form label,
.register_form03,
.register_btn {
float: left;
margin-right: 10px;
} .seminar_box {
float: left;
width: 745px;
}
.seminar_box dl {
float: left;
width: 745px;
}
.seminar_box dt {
background-color: #F3F3F4;
float: left;
font-size: 90%;
padding: 4px 10px 2px 10px;
width: 725px;
}
.seminar_box .seminar_ttl {
float: left;
font-size: 120%;
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: 725px;
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: 725px;
padding-top: 5px;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
} .seminar_box li {
float: left;
width: 33%;
} .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: 360px;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
height: 107px;
}
.service_box_rt {
float: right;
width: 360px;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
height: 107px;
}
.service_inner_rt {
width: 245px;
float: right;
}
.service_inner_lt {
width: 100px;
float: left;
}
.service_inner_rt p {
margin-bottom: 8px;
} .flow_map01 {
float: left;
margin-bottom: 30px;
width: 568px;
}
.flow_map01 li {
float: left;
}
.flow_m01 {
width: 70px;
margin-right: 7px;
}
.flow_m02 {
width: 70px;
margin-right: 7px;
}
.flow_m03 {
width: 70px;
margin-right: 7px;
}
.flow_m04 {
width: 70px;
margin-right: 7px;
}
.flow_m05 {
width: 70px;
margin-right: 7px;
}
.flow_m06 {
width: 70px;
margin-right: 7px;
}
.flow_m07 {
width: 74px;
}
.flow_msp01 {
width: 22px;
height: 154px;
margin-bottom: 6px;
}
.flow_m01 a {
width: 70px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm01.png) no-repeat;
height: 0px;
padding-top: 154px;
overflow: hidden;
}
.flow_m02 a {
width: 70px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm02.png) no-repeat;
height: 0px;
padding-top: 154px;
overflow: hidden;
}
.flow_m03 a {
width: 70px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm03.png) no-repeat;
height: 0px;
padding-top: 154px;
overflow: hidden;
}
.flow_m04 a {
width: 70px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm04.png) no-repeat;
height: 0px;
padding-top: 154px;
overflow: hidden;
}
.flow_m05 a {
width: 70px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm05.png) no-repeat;
height: 0px;
padding-top: 154px;
overflow: hidden;
}
.flow_m06 a {
width: 70px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm06.png) no-repeat;
height: 0px;
padding-top: 154px;
overflow: hidden;
}
.flow_m07 a {
width: 74px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm07.png) no-repeat;
height: 0px;
padding-top: 154px;
overflow: hidden;
}
.flow_m01 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm01_ov.png) no-repeat;
}
.flow_m02 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm02_ov.png) no-repeat;
}
.flow_m03 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm03_ov.png) no-repeat;
}
.flow_m04 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm04_ov.png) no-repeat;
}
.flow_m05 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm05_ov.png) no-repeat;
}
.flow_m06 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm06_ov.png) no-repeat;
}
.flow_m07 a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/flow/pc_flowm07_ov.png) no-repeat;
}
.flow_box_lt {
float: left;
width: 240px;
}
.flow_box_rt {
float: right;
width: 475px;
}
.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;
width: 570px;
margin-bottom: 15px;
}
.story_box_rt span.story_icon {
float: right;
height: 14px;
margin: 8px 10px 0 0;
padding: 0;
width: 90px;
}
.story_box_rt span.story_icon img {
float: right;
}
.story_box_rt02 {
float: right;
width: 395px;
margin-bottom: 15px;
}
.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: 745px;
height: 240px;
}
.media_box dl {
float: left;
width: 725px;
}
.media_box dt {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 4px transparent;
border-bottom: 1px dotted #999999;
float: left;
line-height: 160%;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 20px;
width: 75px;
display: block;
padding-right: 15px;
}
.media_box dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 160%;
margin-bottom: 15px;
margin-top: 10px;
padding-bottom: 5px;
width: 630px;
display: block;
padding-left: 30px;
}
.media_box dd a {
float: left;
width: 630px;
} .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;
width: 100%;
float: left;
font-size: 85%;
padding-right: 8px;
}
.media_box_inner_lt img {
float: left;
margin: 15px 10px;
border: 1px solid #333;
width: 25%;
} .media_box02 {
float: left;
width: 745px;
}
.media_box02 time {
float: left;
font-size: 90%;
margin-top: 5px;
width: 745px;
margin-bottom: 10px;
}
.media_box02 ul {
width: 100%;
float: left;
margin-bottom: 5px;
}
.media_box02 ul li {
float: left;
text-align: left;
}
.media_box02 ul li img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.media_box02 ul li.media_text {
float: right;
width: 63%;
}
.media_box02 .ttl06 {
height: auto;
padding: 0 10px;
width: auto;
float: none;
}
.media_box02 time {
margin-bottom: 0;
padding-left: 5px;
} .message_box {
float: left;
margin-bottom: 30px;
width: 100%;
}
.message_box .consultant_img {
float: left;
margin-right: 30px;
width: 146px;
}
.message_box .message_img img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.message_box h1 {
float: left;
font-size: 160%;
font-weight: bold;
margin-bottom: 15px;
margin-top: 5px;
width: 537px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/consultant/consultant_namebg.png) no-repeat;
}
.message_box ul {
float: left;
width: 537px;
}
.message_box ul li {
float: left;
margin-bottom: 15px;
width: 520px;
font-size: 110%
} .introduce_box .ttl06 {
width: 99%;
}
.introduce_box_lt {
float: left;
width: 360px;
display: block;
height: 255px;
}
.introduce_box_rt {
float: right;
width: 360px;
display: block;
height: 255px;
}
.introduce_img {
float: left;
width: 174px;
}
.introduce_img img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
float: left;
}
.introduce_text {
float: right;
width: 165px;
}
.introduce_box_lt h2,
.introduce_box_rt h2 {
float: left;
width: 345px;
}
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;
position: absolute;
right: -2px;
top: -2px;
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: 728px;
border-top: 1px dotted #CCCCCC;
padding-left: 15px;
padding-top: 5px;
} .introduce_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;
}
.introduce_img img:hover { } .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 {
width: 750px;
overflow: hidden;
}
.introduce_list li {
float: left;
margin-bottom: 10px;
}
.introduce_btn01,
.introduce_btn02,
.introduce_btn03,
.introduce_btn04,
.introduce_btn06,
.introduce_btn05,
.introduce_btn07,
.introduce_btn08,
.introduce_btn09 {
margin-right: 10px;
}
.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: 360px;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
height: 150px;
}
.books_box_rt {
float: right;
width: 360px;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
height: 150px;
}
.books_inner_rt {
width: 245px;
float: right;
}
.books_inner_lt {
width: 100px;
float: left;
}
.books_inner_rt p {
margin-bottom: 8px;
} .actual_box {
float: left;
width: 740px;
}
.actual_box li {
float: left;
width: 50%;
margin-bottom: 10px;
}
.actual_box02 {
float: left;
width: 740px;
}
.actual_box02 dl {
display: flex;
align-items: center;
flex-wrap: wrap;
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: 365px;
border-bottom: 1px dotted #999999;
padding-bottom: 5px;
padding-top: 10px;
margin-bottom: 5px;
position: relative;
}
.actual_box02 dl dt span {
position: absolute;
right: 15px;
top: 10px;
font-size: 90%;
}
.actual_box02 dl dd {
flex: 1;
width: 265px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/actual/actual_icon.png) no-repeat left 12px;
padding-left: 80px;
border-bottom: 1px dotted #999999;
padding-bottom: 5px;
padding-top: 10px;
margin-bottom: 5px
}
.actual_box02 .actual_frame_ttl {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/actual/slider_icon.png) no-repeat scroll 640px center #EEE;
border: 1px solid #333;
cursor: pointer;
display: block;
font-weight: bold;
line-height: 30px;
text-indent: 15px;
width: 100%;
}
.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 640px center;
border: 1px solid #CCCCCC;
}
.actual_box02 .more_look_btn {
display: none;
} .career_box {
float: left;
width: 740px;
}
.career_box_bd {
padding-top: 20px;
border-top: #ccc 1px solid;
}
.career_box li {
float: left;
width: 45%;
margin-bottom: 10px;
}
.career_box li dl {
width: 100%;
}
.career_box li dl dt {
float: left;
width: 14%;
height: 52px;
}
.career_box li dl dd {
float: left;
padding: 12px 0 0 5px;
width: 82%;
height: 52px;
}
.career_box li a {
width: 100%;
display: block;
}
.career_box02 {
float: left;
width: 740px;
}
.career_box02 li {
width: 210px;
height: 80px;
}
.career_box02 li {
float: left;
margin-right: 20px;
} .career_box_lt {
float: left;
width: 360px;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
}
.career_box_rt {
float: right;
width: 360px;
margin-bottom: 30px;
border-bottom: 1px dotted #999999;
padding-bottom: 10px;
}
.career_inner_rt {
width: 245px;
float: right;
}
.career_inner_lt {
width: 100px;
float: left;
}
.career_inner_rt p {
margin-bottom: 10px;
}  .sitemap_box {
float: left;
width: 740px;
}
.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 {
float: left;
width: 50%;
margin-bottom: 15px;
}
.sitemap_box li.mnon {
float: left;
width: 50%;
margin-bottom: 0px;
} .faq_box {
float: left;
width: 740px;
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;
}
.career_box li dl {
width: 100%;
}
.faq_box li dl dt {
float: left;
width: 14%;
}
.faq_box li dl dd {
float: left;
padding: 12px 0 0 5px;
width: 82%;
}
.faq_box li a {
width: 100%;
display: block;
}
.faq_box02 {
float: left;
width: 740px;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px dotted #999999;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/faq/faq_bg.png) no-repeat 0px 20px;
}
.faq_box02 dt {
float: left;
width: 695px;
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: 695px;
}
.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 { float: left;
padding: 0px 35px;
margin-bottom: 15px;
}
.beginner_img li {
float: left;
width: 145px;
}
.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: 97%;
padding: 10px;
}
.scroll_box01 {
height: 220px;
} .note_box {
border: solid 2px #ccc;
width: 600;
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;
height: 154px;
width: 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: 105px 0 0 180px;
}
.amazon {
margin: 0 0 0 40px;
}
.bg_ivory {
clear: both;
margin: 20px;
padding: 25px 20px;
background-color: #f9f9e5;
}
figure {
display: flex;
flex-flow: column;
padding: 5px;
max-width: 200px;
height: 200px;
margin: auto;
}
figure.fg_flt {
float: left;
padding-right: 20px;
}
figcaption {
background-color: #222222d1;
color: #fff;
font-size: 70%;
padding: 3px;
text-align: center;
line-height: normal;
margin-top: -47px;
} .tokyo_u_ranking {
clear: both;
background-color: #F5F5F5;
height: auto;
margin: 60px 0 30px;
padding: 30px;
}
.tokyo_u_ranking h2 {
text-align: center;
font-size: 26px;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
margin-bottom: 60px;
}
.tokyo_u_ranking h3 {
text-align: center;
font-size: 24px;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
}
.pc_pl60 {
padding-left: 60px;
}
.pcfs18 {
font-size: 18px !important;
}
.bd_book {
border: solid 1px black;
}
.sp-header,
.header__nav-area {
display: none;
}
iframe.youtube-16-9 {
width: 70%;
height: auto;
aspect-ratio: 16 / 9;
display: block;
margin: 0 auto;
}
.img_flex2{
display: flex; 
max-width:100%;
width;100%;
}
.img_flex2_l{
width:calc(50% - 10px);
padding-right:10px;
height:auto;
}
.img_flex2_r{
width:calc(50% - 10px);
padding-left:10px;
height:auto;
}
.img_retina {
width: 50%
}
.img_size20 {
width: 20%
}
.img_size30 {
width: 30%
}
.img_size40 {
width: 40%
}
.img_size60 {
width: 60%
}
.img_size70 {
width: 70%
}
.img_size80 {
width: 80%
}
figure.fig_w100 {
width:100% ;
max-width: 100%;
height: auto;
padding: 0;
}
figcaption.figc_tr{
text-align: right;
color: grey; 
font:13px arial; 
background-color:transparent;
margin-top:5px;
}