img,
object,
embed {
max-width: 100% !important;
height: auto !important;
}
img {
-ms-interpolation-mode: bicubic;
}
.display_pctb {
display: none;
}
.display_pc {
display: none;
}
.sp_none {
display: none;
}
.sp {
display: none !important;
}
.sp_center {
text-align: center;
}
.sp_m30 {
margin-bottom: 30px;
}
.serif {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.bold {
font-weight: bold;
}
body {
background: #fff;
font-size: 75%;
line-height: 200%;
width: 100%;
}
#wrapper {
width: 100%;
overflow: clip;
padding-top: 94px;
}
#header {
height: 70px;
margin-left: auto;
margin-right: auto;
position: relative;
width: 100%;
}
.logo {
width: 75px;
height: 38px;
left: 5px;
position: absolute;
top: 18px;
}
.logo_ttl {
width: 150px;
height: 27px;
left: 90px;
position: absolute;
top: 30px;
}
.header_text {
color: #FFF;
height: 20px;
font-size: 75%;
font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
position: absolute;
left: 90px;
top: 10px;
color: #fff;
}
.header_formbtn {
position: absolute;
right: 5px;
top: 18px;
height: 35px;
width: 35px;
}
.header_formbtn a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/header_formbtnph.png) no-repeat;
height: 0px;
width: 35px;
display: block;
padding-top: 35px;
overflow: hidden;
}
.header_formbtn a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/header_formbtnph_ro.png) no-repeat;
}
#nav02 {
width: 100%;
height: 120px;
padding-bottom: 8px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/main_bottom.png) repeat-x center bottom;
display: block;
}
#nav02 ul {
height: 40px;
width: 100%;
}
#nav02 ul li {
float: left;
width: 49.8%;
text-align: center;
}
#nav02 ul li a {
display: block;
width: 100%;
height: 40px; background-image: -moz-linear-gradient(50% 0% -90deg, rgb(236, 236, 236) 0%, rgb(223, 223, 223) 23%, rgb(199, 199, 199) 51%, rgb(178, 178, 178) 97%, rgb(188, 188, 188) 100%); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(236, 236, 236)), color-stop(0.23, rgb(223, 223, 223)), color-stop(0.51, rgb(199, 199, 199)), color-stop(0.97, rgb(178, 178, 178)), color-stop(1, rgb(162, 162, 162))); background-image: -webkit-linear-gradient(-90deg, rgb(236, 236, 236) 0%, rgb(223, 223, 223) 23%, rgb(199, 199, 199) 51%, rgb(178, 178, 178) 97%, rgb(162, 162, 162) 100%); background-image: -o-linear-gradient(-90deg, rgb(236, 236, 236) 0%, rgb(223, 223, 223) 23%, rgb(199, 199, 199) 51%, rgb(178, 178, 178) 97%, rgb(162, 162, 162) 100%); background-image: -ms-linear-gradient(-90deg, rgb(236, 236, 236) 0%, rgb(223, 223, 223) 23%, rgb(199, 199, 199) 51%, rgb(178, 178, 178) 97%, rgb(162, 162, 162) 100%);
background-image: linear-gradient(-90deg, rgb(236, 236, 236) 0%, rgb(223, 223, 223) 23%, rgb(199, 199, 199) 51%, rgb(178, 178, 178) 97%, rgb(162, 162, 162) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeebc7,endColorstr=#ffc1aa79,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#afafaf, GradientType=0);
}
#nav02 ul li a:hover,
#nav02 ul .nav01c a,
#nav02 ul .nav02c a,
#nav02 ul .nav03c a,
#nav02 ul .nav04c a,
#nav02 ul .nav05c a,
#nav02 ul .nav06c a { background-image: -moz-linear-gradient(99% 4% -90deg, rgb(236, 236, 236) 0%, rgb(199, 199, 199) 97%, rgb(188, 188, 188) 100%); background-image: -webkit-gradient(linear, 99% 4%, 99% 104%, color-stop(0, rgb(236, 236, 236)), color-stop(0.97, rgb(199, 199, 199)), color-stop(1, rgb(188, 188, 188))); background-image: -webkit-linear-gradient(-90deg, rgb(236, 236, 236) 0%, rgb(199, 199, 199) 97%, rgb(188, 188, 188) 100%); background-image: -o-linear-gradient(-90deg, rgb(236, 236, 236) 0%, rgb(199, 199, 199) 97%, rgb(188, 188, 188) 100%); background-image: -ms-linear-gradient(-90deg, rgb(236, 236, 236) 0%, rgb(199, 199, 199) 97%, rgb(188, 188, 188) 100%);
background-image: linear-gradient(-90deg, rgb(236, 236, 236) 0%, rgb(199, 199, 199) 97%, rgb(188, 188, 188) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffedeac6,endColorstr=#ffd8cca2,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#afafaf, GradientType=0);
}
#nav02 .nav01,
#nav02 .nav03,
#nav02 .nav05,
#nav02 .nav01c,
#nav02 .nav03c,
#nav02 .nav05c {
border-right: #BFB49C 1px solid;
}
#nav02 .nav01,
#nav02 .nav04,
#nav02 .nav06,
#nav02 .nav01c,
#nav02 .nav04c,
#nav02 .nav06c {
border-left: ##F3F1D8 1px solid;
}
#contents {
width: 100%;
padding: 5px;
overflow: hidden;
}
#contents_left {
width: 100%;
float: right;
overflow: hidden;
}
#contents_right {
width: 100%;
float: left;
overflow: hidden;
font-size: 110%;
}
#footer {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/footer_bg.png) repeat-x;
height: 120px;
color: #FFF;
position: relative;
}
#footer a {
color: #FFF;
}
.footer_btn {
height: 10px;
width: 289px;
position: absolute;
top: 40px;
right: 5px;
}
ul.mdd_lv1.footer_btn {
z-index: 2;
}
.footer_btn ul.mdd_lv2 {
background-color: #E4E4E4;
color: #000000;
display: none;
list-style-position: outside;
margin: 0;
padding: 20px;
position: absolute;
right: -2%;
top: -210px;
width: 100%;
}
#mdd_overlay {
background: #000;
opacity: 0;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
z-index: 100;
}
ul.mdd_lv1.footer_btn {
z-index: 2;
}
.footer_btn ul.mdd_lv2 {
background-color: #E4E4E4;
bottom: 10px;
color: #000000;
display: none;
height: 200px;
left: -12%;
list-style-position: outside;
margin: 0;
padding: 5px;
position: absolute;
width: 330px;
}
ul.mdd_lv1.footer_btn li:hover ul.mdd_lv2 {
display: block;
}
.footer_btn ul.mdd_lv2 li {
width: 150px;
}
.footer_btn .group01,
.footer_btn .group03,
.footer_btn .group05 {
width: 150px;
margin: 0 5px;
padding-right: 5px;
border-right: #CCC 1px solid;
}
.footer_btn .group01,
.footer_btn .group02,
.footer_btn .group03,
.footer_btn .group04,
.footer_btn .group05,
.footer_btn .group06 {
margin-bottom: 15px;
}
.footer_btn li {
float: left;
}
#breadcrumbs_header {
font-size: 80%;
height: 15px;
line-height: 15px;
margin-top: 10px;
padding-left: 15px;
padding-right: 15px;
display: none;
}
#breadcrumbs_header li {
float: left;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/breadcrumb_separator02.png) no-repeat left center;
margin-right: 10px;
padding-left: 10px;
}
#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 {
height: 30px;
left: 5px;
line-height: 30px;
position: absolute;
top: 0;
width: 100%;
font-size: 80%;
display: none;
}
#breadcrumbs li {
float: left;
margin-right: 10px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/breadcrumb_separator.png) no-repeat left center;
padding-left: 10px;
}
#breadcrumbs li a {
text-decoration: none;
}
#breadcrumbs .breadcrumbs_home {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/css/none);
padding: 0px;
}
.to_top {
height: 10px;
position: absolute;
top: 9px;
right: 5px;
}
.to_top02 {
float: left;
margin-bottom: 20px;
width: 100%;
}
.to_top02 a {
float: right;
}
small.copyright {
width: 250px;
height: 0px;
right: 5px;
position: absolute;
bottom: 3px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/copyright_ph.png) no-repeat;
padding-top: 50px;
overflow: hidden;
}
.arr {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat left center;
padding-left: 20px;
}
.ph_m10 {
margin-bottom: 10px;
}
.ph_m15 {
margin-bottom: 15px;
}
.ph_m20 {
margin-bottom: 20px;
}
.ph_mt10 {
margin-top: 10px;
}
.ph_mt15 {
margin-top: 15px;
}
.ph_mt20 {
margin-top: 20px;
}
.ph_ml10 {
margin-left: 10px;
}
.ph_ml15 {
margin-left: 15px;
}
.ph_ml20 {
margin-left: 20px;
}
.ph_mr10 {
margin-right: 10px;
}
.ph_mr15 {
margin-right: 15px;
}
.ph_mr20 {
margin-right: 20px;
}
.ph_flt {
float: left;
}
.ph_flt_2 {
clear: both float: left;
}
.ph_flr {
float: right;
}
.ph_flr_2 {
clear: both float: right;
}
.box01_banner_box p.sidebnr:nth-child(odd) {
float: left;
}
.box01_banner_box p.sidebnr:nth-child(even) {
float: right;
}
.box01_banner_box p.sidebnr:nth-child(even)::after {
clear: both;
}
.search_box {
width: 100%;
margin-top: 10px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/box_bg.png) repeat-x left top;
padding-top: 25px;
margin-bottom: 30px;
float: left;
}
.search_box a.search_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/ph_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 70px;
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/ph_ttl_btn.png) no-repeat 0px -20px;
}
.search_box h3 {
margin-bottom: 10px;
width: 100%;
float: left;
}
.search_box .search_textbox {
background-color: #FFFFFF;
border: 1px solid #C6C6C6;
float: left;
height: 20px;
margin-bottom: 10px;
margin-right: 10px;
padding: 5px;
text-align: left;
width: 100%;
}
.search_box .search_btn01 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_btnph.png) no-repeat center 0;
border: 0 none;
display: block;
float: left;
height: 30px;
margin-bottom: 15px;
text-indent: -9999px;
width: 100%;
}
.search_box .search_btn02_in {
width: 100%;
text-align: center;
float: left;
}
.search_box .search_btn02 {
background: transparent url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_btn02ph.png) no-repeat center 0;
border: 0 none;
display: block;
height: 30px;
text-indent: -9999px;
width: 100%;
}
.search_box .search_text_in {
width: 100%;
float: left;
}
.search_box .search_checkbox {
width: 100%;
float: left;
margin-bottom: 10px;
}
.search_box .search_checkbox dt {
line-height: 25px;
font-weight: bold;
}
.search_box .search_checkbox dd {
line-height: 25px;
width: 50%;
float: left;
font-size: 90%;
}
.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;
}
.search_box .accordion dt {
background: none repeat scroll 0 0 #EEE;
border: 1px solid #333;
color: #999999;
cursor: pointer;
display: block;
font-size: 90%;
height: 30px;
padding: 0 10px;
width: 100%;
}
.search_box .accordion dt p {
height: 14px;
line-height: 14px;
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: 154px;
}
.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 {
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
overflow: hidden;
padding: 15px 10px 5px;
width: 100%;
}
.search_box .conditions_in {
width: 100%;
float: left;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 15px;
}
.ph_wd {
width: 70%;
}
.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 .particular_in li {
width: 100%;
float: left;
margin-bottom: 10px;
}
.closeup_box {
width: 100%;
margin-top: 10px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/box_bg.png) repeat-x left top;
padding-top: 25px;
margin-bottom: 30px;
float: left;
}
.closeup_box a.closeup_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/ph_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 70px;
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/ph_ttl_btn.png) no-repeat 0px -20px;
}
.closeup_box dl {
float: left;
width: 100%;
}
.closeup_box dt {
width: 100%;
float: left;
margin-top: 5px;
font-size: 90%;
}
.closeup_box dd {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 7px transparent;
border-bottom: 1px dotted #999999;
float: left;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-top: 3px;
width: 100%;
}
.closeup_box02 {
float: left;
width: 100%;
}
.closeup_box02 dl {
float: left;
width: 100%;
}
.closeup_box02 dt {
float: left;
font-size: 90%;
margin-top: 5px;
width: 100%;
}
.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: 20px;
margin-top: 10px;
padding-bottom: 5px;
width: 100%;
}
.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: 100%;
}
.pagenavi_box {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/box_bg.png) repeat-x scroll left top transparent;
float: left;
margin-bottom: 30px;
padding-top: 25px;
width: 100%;
}
.pagination {
border-bottom: 1px solid #D7D7D7;
border-top: 1px solid #D7D7D7;
font-size: 80%;
overflow: hidden;
padding-bottom: 15px;
padding-top: 15px;
text-align: center;
width: 100%;
}
.pagination a {
padding: 2px 3px;
text-decoration: underline;
}
.pagination a:hover,
.digg a:active {
text-decoration: none;
}
.pagination span.current {
color: #000000;
font-weight: bold;
padding: 2px 3px;
}
.pagination span.disabled {
color: #DDDDDD;
margin: 2px;
padding: 2px 3px;
}
.ttl_txt {
font-size: 20px;
font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
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;
font-weight: bold;
}
.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 {
display: none;
}
.ttl01 {
border-bottom: 1px solid #999999;
height: 30px;
width: 100%;
margin-bottom: 15px;
}
.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: 60%;
}
.ttl03 {
border-bottom: 1px solid #999999;
height: 30px;
margin-bottom: 15px;
width: 100%;
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 a {
float: left;
width: 100%;
}
.ttl04_2 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl04_bg.png) no-repeat scroll 0 9px transparent;
font-family: 'Noto Serif JP', serif;
font-weight: bold;
border-bottom: 1px solid #999999;
float: left;
font-size: 125%;
margin-bottom: 15px;
padding-bottom: 3px;
padding-left: 3%;
padding-top: 8px;
width: 100%;
color: #111111;
}
.ttl05 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl_bg.png) repeat;
float: left;
height: 62px;
margin-bottom: 15px;
width: 100%;
}
.ttl05 .ttl05_left {
float: left;
font-size: 100%;
margin-top: 8px;
padding-left: 5px;
width: 100%;
}
.ttl05 .ttl05_right {
float: left;
font-size: 60%;
padding-left: 5px;
}
.ttl06 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl_bg.png) repeat scroll 0 0 transparent;
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 20px;
padding: 3%;
width: 100%;
}
.ttl06_2 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl_bg.png) repeat scroll 0 0 transparent;
float: left;
font-size: 120%;
font-weight: bold;
margin-bottom: 20px;
padding: 3%;
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: 120%;
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 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/box_bg.png) repeat-x scroll left top transparent;
float: left;
margin-bottom: 30px;
padding-top: 25px;
width: 100%;
}
.contents_box02 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/box_bg.png) repeat-x scroll left top transparent;
float: left;
padding-top: 25px;
width: 100%;
}
.contents_box02_2 {
background: none;
float: left;
padding-top: 25px;
width: 100%;
}
.contents_box03 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/box_bg.png) repeat-x scroll left top transparent;
float: left;
margin-bottom: 30px;
padding-top: 25px;
width: 100%;
} .contents_box li.three_cl {
float: left;
width: 100%;
} .side_nav {
float: left;
font-size: 120%;
margin-bottom: 20px;
overflow: hidden;
width: 100%;
}
.side_nav h1 a {
width: 100%;
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: 100%;
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: 100%;
float: left;
}
.side_nav ul li a {
width: 100%;
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 95% 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: 100%;
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: 100%;
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: 100%;
}
.formbtn {
float: left;
text-align: center;
width: 50%;
margin-bottom: 5px;
}
.w100 {
width: 100%;
float: left;
}
.img_fr {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
#sitemap_footer {
padding-right: 7px;
} .font_large {}  #contents_top {
width: 100%;
float: right;
margin-top: 10px;
}
.left_box {
float: right;
width: 100%;
}
.middle_box {
width: 100%;
float: right;
}
.banner_box {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/box_bg.png) repeat-x scroll left top transparent;
margin-bottom: 30px;
padding-top: 25px;
width: 100%;
float: left;
}
.banner_box p {
width: 48%;
}
.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 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/box_bg.png) repeat-x left top;
padding-top: 25px;
margin-bottom: 30px;
float: left;
}
.box01 {
width: 100%;
}
.box01_banner_box {
border-bottom: 1px solid #999999;
padding-bottom: 5px;
margin-bottom: 10px;
float: left;
width: 100%;
}
.box01_banner_box p {
width: 48%;
}
.box01_inner {
border-bottom: 1px dotted #999999;
float: left;
width: 47%;
margin-top: 15px;
font-size: 90%;
}
.box01_img {
float: left;
width: 40%;
}
.box01_img img {
background: #FFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.box01_data {
float: left;
font-size: 80%;
text-align: left;
width: 100%;
}
.box01_text {
float: right;
font-size: 90%;
text-align: left;
width: 100%;
}
.box01_details {
float: right;
margin-bottom: 15px;
margin-top: 5px;
text-align: left;
width: 100%;
}
.box01_inner_flr {
float: right;
width: 50%;
}
.box02 {
width: 100%;
}
p.closeup_ttl_btn a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/ph_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 70px;
padding-top: 20px;
overflow: hidden;
display: block;
margin: 10px 0;
}
p.closeup_ttl_btn a:hover {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/ph_ttl_btn.png) no-repeat 0px -20px;
}
.jspVerticalBar {
display: none
}
.box02 dl {
float: left;
width: 100%;
height: 330px;
overflow: hidden;
}
.box02 dt {
width: 100%;
float: left;
margin-top: 5px;
font-size: 90%;
}
.box02 dd {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 7px transparent;
border-bottom: 1px dotted #999999;
float: left;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-top: 3px;
width: 100%;
}
.rec_num01 {
font-size: 100%;
color: #FF1919;
font-weight: bold;
}
.rec_num02 {
font-size: 100%;
}
.box03 {
width: 100%;
margin-top: 10px;
}
a.recruit_ttl_btn {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/ph_ttl_btn.png) no-repeat 0px 0px;
height: 0px;
width: 70px;
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/ph_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: 70px;
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: #FFFFFF;
border: 1px solid #C6C6C6;
float: left;
height: 20px;
margin-bottom: 10px;
margin-right: 10px;
padding: 5px;
text-align: left;
width: 100%;
}
.box03 .search_btn01 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_btnph.png) no-repeat center 0;
border: 0 none;
display: block;
float: left;
height: 30px;
margin-bottom: 15px;
text-indent: -9999px;
width: 100%;
}
.box03 .search_btn02_in {
width: 100%;
text-align: center;
float: left;
}
.box03 .search_btn02 {
background: transparent url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/search_btn02ph.png) no-repeat center 0;
border: 0 none;
display: block;
height: 30px;
text-indent: -9999px;
width: 100%;
}
.search_text_in {
width: 100%;
float: left;
}
.search_checkbox {
width: 100%;
float: left;
margin-bottom: 10px;
}
.search_checkbox dt {
line-height: 25px;
font-weight: bold;
}
.search_checkbox dd {
line-height: 25px;
width: 50%;
float: left;
font-size: 90%;
}
.box03 .search_conditions {
background-color: #FFF;
border: 0 none;
width: 60px;
float: left;
} .accordion {
width: 100%;
margin-bottom: 15px;
float: left;
padding-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
}
.accordion dt {
background: none repeat scroll 0 0 #EEE;
border: 1px solid #333;
color: #999999;
cursor: pointer;
display: block;
font-size: 90%;
height: 30px;
padding: 0 10px;
width: 100%;
}
.accordion dt p {
height: 14px;
line-height: 14px;
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: 154px;
}
.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 {
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
overflow: hidden;
padding: 15px 10px 5px;
width: 100%;
}
.conditions_in {
width: 100%;
float: left;
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 15px;
}
.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;
}
.particular_in {
width: 100%;
float: left;
}
.particular_in li {
width: 100%;
float: left;
margin-bottom: 10px;
} #main {
width: 100%;
}
.flexslider {
margin: 0 auto;
max-width: 100%;
}
.flex-container a:active,
.flexslider a:active {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.slides {
width: 102%;
}
.flexslider .slides>li {
display: none;
width: 100%;
margin: 0 auto;
}
.flexslider .slides p {
position: absolute;
width: 100%;
left: 0px;
top: 25%;
}
.flexslider .slides p img {
width: 100%;
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: 100%;
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 {
cursor: pointer;
display: block;
height: 16px;
position: absolute;
text-indent: -9999px;
bottom: 5%;
width: 16px;
}
.flex-direction-nav li .next {
right: 0px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/phbg_direction_nav.png) no-repeat -42px 0;
}
.flex-direction-nav li .prev {
left: 0px;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/phbg_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: 10px;
text-align: center;
height: 10px;
}
.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: 10px;
height: 10px;
display: block;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/home/ph_bg_control_nav.png) no-repeat 0 0;
cursor: pointer;
text-indent: -9999px;
}
.flex-control-nav li a:hover {
background-position: 0 -10px;
}
.flex-control-nav li a.active {
background-position: 0 -20px;
cursor: default;
}
#link {
padding-top: 40px;
} .recruit_detailbox {
float: left;
margin-bottom: 30px;
padding-top: 15px;
padding-bottom: 15px;
width: 100%;
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
}
.detailbox_header {
float: left;
width: 100%;
font-size: 90%;
margin-bottom: 5px;
}
.detailbox_header p {
float: left;
color: #860C0A;
}
.detailbox_header span {
float: right;
}
.detail_data {
width: 100%;
border-spacing: 0;
margin-bottom: 15px;
}
.detail_data_ttl {
background: none repeat scroll 0 0 #EEE;
border: 1px solid #ccc;
padding: 10px;
width: 35%;
}
.detail_data_ttl2 {
background: none repeat scroll 0 0 #EEE;
border-bottom: 1px solid #FFFFFF;
padding: 10px;
width: 35%;
}
.detail_data_ttl3 {
background: none repeat scroll 0 0 #EEE;
border: 1px solid #ccc;
padding: 10px;
width: 60%;
}
.detail_data_ttl_non {
background: none repeat scroll 0 0 #EEE;
padding: 10px;
border-bottom: none;
}
.detail_data_text {
padding: 10px;
border: 1px solid #ccc;
}
.detail_data_text02 {
padding: 10px;
}
.detail_data_s {
width: 100%;
border-spacing: 0;
margin-bottom: 15px;
border-top: 1px solid #DDDEE0;
border-right: 1px solid #DDDEE0;
border-bottom: 1px solid #DDDEE0;
}
.detail_data_s .detail_data_ttl {
background: none repeat scroll 0 0 #EEE;
padding: 5px 10px;
width: 70px;
border-bottom: 1px solid #DDDEE0;
border-left: 1px solid #DDDEE0;
}
.access_box .detail_data_s .detail_data_text {
border-bottom: 1px solid #DDDEE0;
border-left: 1px solid #DDDEE0;
padding: 5px 10px;
width: 70px;
}
.detail_data_s .detail_data_ttl_non {
background: none repeat scroll 0 0 #F6F5E3;
padding: 5px 10px;
width: 70px;
border-bottom: none;
}
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: right;
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 {
float: right;
margin-bottom: 15px;
width: 100%;
}
.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: right;
}
.list_btn a {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/recruit/list_btn.png) no-repeat center top;
display: block;
height: 0;
overflow: hidden;
padding-top: 30px;
width: 100%;
}
.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: 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 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/box_bg.png) repeat-x scroll left top transparent;
float: left;
margin-bottom: 30px;
padding-top: 25px;
}
.recommend_box dl {
width: 100%;
float: left;
}
.recommend_box dt {
float: left;
font-size: 90%;
margin-top: 5px;
width: 100%;
}
.recommend_box dd {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 7px transparent;
border-bottom: 1px dotted #999999;
float: left;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-top: 3px;
width: 100%;
}
.page_back a {
border: 1px solid #CCCCCC;
display: block;
float: left;
margin: 0 0 10px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
width: 100%;
}
.detail_data .select_long {
width: 124px;
} .access_box p {
float: left;
text-align: center;
width: 100%;
}
.access_box dl {
float: right;
width: 100%;
}
.access_box dd {
margin-bottom: 10px;
float: left;
width: 100%;
}
.access_box table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
float: left;
}
.access_box table td {
width: 50%;
}
.consultant_box {
width: 100%;
float: left;
margin-bottom: 30px;
border-bottom: 1px solid #CCCCCC;
}
.consultant_box_inner {
width: 100%;
text-align: center;
overflow: hidden;
}
.consultant_box_inner .link_btn {
display: none;
}
.consultant_box .consultant_img {
width: 190px;
margin: 0 auto;
}
.consultant_box .consultant_img img {
border: 1px solid #D7D7D7;
padding: 1px;
}
.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: 100%;
}
.consultant_box .consultant_text {
display: none;
}
.consultant_box02 {
float: left;
width: 100%;
margin-bottom: 10px;
}
.consultant_box02 .consultant_img {
margin: 0px auto 10px;
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: 100%;
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: 100%;
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 ul {
float: left;
width: 100%;
}
.consultant_box02 ul li {
float: left;
margin-bottom: 10px;
width: 100%;
font-size: 90%
}
.consultant_box03 {
float: left;
width: 100%;
margin-right: 25px;
padding-bottom: 5px;
display: block;
margin-top: 10px;
}
.consultant_box03_non {
float: left;
margin-top: 10px;
width: 100%;
padding-bottom: 5px;
display: block;
margin-right: 25px;
}
.contents_box div a.heightLine-profile {
width: 48%;
border-bottom: 1px dotted #CCCCCC;
margin-right: 2%;
}
.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: 100%;
}
.information_box dl {
float: left;
width: 100%;
}
.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: 100%;
}
.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: 100%;
}
.information_box dd {
border-bottom: 1px dotted #999999;
float: left;
line-height: 160%;
margin-bottom: 20px;
padding-bottom: 5px;
width: 100%;
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: 100%;
}
.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: 100%;
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: 100%;
margin-bottom: 10px;
}
.information_box ul {
width: 100%;
float: left;
margin-bottom: 5px;
}
.information_box ul li {
float: left;
text-align: center;
width: 100%;
}
.information_box ul li img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
margin-bottom: 15px;
}
.information_box ul li.info_text {
float: left;
text-align: left;
} .mailmagazine_subttl {
background-color: #EEE;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
float: left;
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 center 0;
display: block;
height: 0;
overflow: hidden;
padding-top: 30px;
width: 100%;
}
.backnumber_btn a:hover {
background: transparent url(//www.concord-it.jp/wp-content/themes/concord-it/images/mailmagazine/backnumber_btn.png) no-repeat center -30px;
}
.register_form {
border: 1px solid #ccc;
float: left;
padding-top: 5px;
width: 100%;
}
.register_form_wrap {
display: flex;
flex-wrap: wrap;
gap: 8px;
float: none;
align-items: center;
}
.register_form_caption {
font-size: 10px;
line-height: 1.6;
white-space: nowrap;
}
.register_form_wrap input[type="mail"] {
width: 300px;
height: 20px;
padding: 4px;
}
.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_form input[type="mail"] {
width: 100%;
}
.register_form form {
margin: 8px;
float: left;
max-width: 100%;
}
.register_form_wrap>.register_btn {}
.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;
}
.backnumber_box {
float: left;
width: 100%;
height: 260px;
}
.backnumber_box dt {
float: left;
font-size: 90%;
margin-top: 5px;
width: 100%;
}
.backnumber_box dd {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 7px transparent;
border-bottom: 1px dotted #999999;
float: left;
margin-bottom: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-top: 3px;
width: 100%;
} .seminar_box {
float: left;
width: 100%;
} .seminar_box li {
float: left;
width: 50%;
} .seminar_box dl {
float: left;
width: 100%;
}
.seminar_box dt {
background-color: #F3F3F4;
float: left;
font-size: 90%;
padding: 4px 10px 2px;
width: 100%;
}
.seminar_box .seminar_ttl {
float: left;
font-size: 110%;
font-weight: bold;
}
.seminar_box .seminar_btn {
float: right;
margin-top: 5px;
}
.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%;
margin-bottom: 5px;
padding: 5px 10px 10px;
width: 100%;
background-color: #F3F3F4;
}
.seminar_box dd.seminar_link {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/icon.png) no-repeat scroll left 8px 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 {
border-top: 1px solid #999999;
float: left;
width: 100%;
border-bottom: 1px solid #999999;
padding-bottom: 10px;
padding-top: 10px;
}
.service_box_rt {
float: left;
padding-bottom: 10px;
padding-top: 10px;
width: 100%;
}
.service_inner_rt {
float: left;
width: 100%;
} .flow_map01 {
float: left;
margin-bottom: 30px;
width: 100%;
display: none;
}
.flow_map01 li a {
background-image: -moz-linear-gradient(47% 4% -90deg, rgb(237, 234, 198) 0%, rgb(217, 205, 163) 97%, rgb(216, 204, 162) 100%);
background-image: -webkit-gradient(linear, 47% 4%, 47% 104%, color-stop(0, rgb(237, 234, 198)), color-stop(0.97, rgb(217, 205, 163)), color-stop(1, rgb(216, 204, 162)));
background-image: -webkit-linear-gradient(-90deg, rgb(237, 234, 198) 0%, rgb(217, 205, 163) 97%, rgb(216, 204, 162) 100%);
background-image: -o-linear-gradient(-90deg, rgb(237, 234, 198) 0%, rgb(217, 205, 163) 97%, rgb(216, 204, 162) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(237, 234, 198) 0%, rgb(217, 205, 163) 97%, rgb(216, 204, 162) 100%);
background-image: linear-gradient(-90deg, rgb(237, 234, 198) 0%, rgb(217, 205, 163) 97%, rgb(216, 204, 162) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffedeac6,endColorstr=#ffd8cca2,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffedeac6, endColorstr=#ffd8cca2, GradientType=0);
width: 100%;
padding: 5px 10px;
display: block;
color: #FFF;
text-decoration: none;
color: rgb(114, 102, 76);
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.65);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#a6ffffff,Positive=true)";
zoom: 1;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#a6ffffff, Positive=true);
}
.flow_map01 li a span {
font-size: 120%;
color: #FFF;
text-shadow: none;
}
.flow_map01 li a:hover {
background: #DED4AF;
}
.flow_msp01 {
display: none;
}
.flow_msp02 {
display: none;
}
.flow_m01 {
float: left;
width: 100%;
}
.flow_m02 {
float: left;
width: 100%;
}
.flow_m03 {
float: left;
width: 100%;
}
.flow_m04 {
float: left;
width: 100%;
}
.flow_m05 {
float: left;
width: 100%;
}
.flow_m06 {
float: left;
width: 100%;
}
.flow_m07 {
float: left;
width: 100%;
}
.flow_box_lt {
display: none;
}
.flow_box_rt {
float: right;
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: 10px;
margin-bottom: 15px;
}
.story_box_lt {
margin: 0px auto 10px;
;
height: 150px;
width: 150px;
}
.story_box_lt img {
background: #FFF;
border: 1px solid #D7D7D7;
padding: 1px;
}
.story_box_rt {
float: left;
width: 100%;
}
.story_box_rt span.story_icon {
float: left;
height: 14px;
margin: 0 0 5px;
padding: 0;
width: 90px;
}
.story_box_rt span.story_icon img {
float: right;
}
.story_box_rt02 {
float: left;
width: 100%;
margin-bottom: 10px;
}
.story_box_rt span,
.story_box_rt02 span {
width: 100%;
float: left;
font-size: 80%;
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%;
height: 320px;
overflow: scroll;
}
.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: 100%;
}
.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: center;
width: 100%;
}
.media_box ul li img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
margin-bottom: 15px;
}
.media_box ul li.media_text {
float: left;
text-align: left;
} .media_box_lt {
float: left;
width: 100%;
}
.media_box_lt img {
border: 1px solid #333;
margin-bottom: 10px;
}
.media_box_rt {
float: right;
width: 100%;
}
.media_box_rt img {
border: 1px solid #333;
margin-bottom: 10px;
}
.media_box_inner_lt {
background: #F6F5E3;
width: 100%;
float: left;
font-size: 90%;
padding-bottom: 15px;
margin-bottom: 15px;
}
.media_box_inner_lt img {
margin: 15px 10px;
border: 1px solid #333;
float: left;
}
.media_box_inner_rt {
background: #F6F5E3;
width: 100%;
float: right;
font-size: 90%;
text-align: center
}
.media_box_inner_rt img {
margin: 15px 10px;
border: 1px solid #333;
float: left;
} .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_lt {
float: left;
width: 100%;
display: block;
border-bottom: 1px dotted #999999;
padding-bottom: 15px;
}
.introduce_box_rt {
float: left;
width: 100%;
display: block;
border-bottom: 1px dotted #999999;
}
.introduce_img {
width: 174px;
margin: 0 auto;
}
.introduce_img img {
float: left;
}
.introduce_text {
float: right;
width: 100%;
margin-top: 15px;
}
.introduce_box_lt h2,
.introduce_box_rt h2 {
float: left;
width: 100%;
}
div.menu {
width: 176px;
float: left;
}
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 a {
width: 176px;
height: 35px;
display: block;
border-bottom: 1px dotted #9A9494;
}
ul.nav li.head { background: #000;
cursor: pointer;
width: 174px;
font-size: 120%;
}
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: 70%;
height: 15px;
line-height: 15px;
margin-top: 5px;
padding: 2px 20px 0 5px;
margin-bottom: 5px;
}
.lead {
color: #999999;
float: left;
font-size: 80%;
margin-top: -12px;
text-indent: 15px;
width: 100%;
}
.introduce_text02 {
float: left;
width: 100%;
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 {
overflow: hidden;
width: 100%;
}
.introduce_list li {
float: left;
width: 49%;
}
.introduce_list li.introduce_btn01,
.introduce_list li.introduce_btn03,
.introduce_list li.introduce_btn05,
.introduce_list li.introduce_btn07,
.introduce_list li.introduce_btn09 {
border-right: #434343 solid 1px;
}
.introduce_list li a {
background-image: -moz-linear-gradient(50% 1% -90deg, rgb(99, 99, 99) 0%, rgb(88, 88, 88) 98%, rgb(88, 88, 88) 100%);
background-image: -webkit-gradient(linear, 50% 1%, 50% 108%, color-stop(0, rgb(99, 99, 99)), color-stop(0.98, rgb(88, 88, 88)), color-stop(1, rgb(88, 88, 88)));
background-image: -webkit-linear-gradient(-90deg, rgb(99, 99, 99) 0%, rgb(88, 88, 88) 98%, rgb(88, 88, 88) 100%);
background-image: -o-linear-gradient(-90deg, rgb(99, 99, 99) 0%, rgb(88, 88, 88) 98%, rgb(88, 88, 88) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(99, 99, 99) 0%, rgb(88, 88, 88) 98%, rgb(88, 88, 88) 100%);
background-image: linear-gradient(-90deg, rgb(99, 99, 99) 0%, rgb(88, 88, 88) 98%, rgb(88, 88, 88) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff636363,endColorstr=#ff585858,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff636363, endColorstr=#ff585858, GradientType=0);
text-shadow: 1px 1px 1px rgb(67, 67, 67);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ff434343,Positive=true)";
zoom: 1;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#ff434343, Positive=true);
height: 40px;
width: 100%;
display: block;
line-height: 40px;
text-indent: 15px;
color: #FFF;
font-size: 100%;
text-decoration: none;
border-bottom: #434343 solid 1px;
}
.introduce_list li a:hover {
background-image: -moz-linear-gradient(52% 0% -90deg, rgb(222, 214, 173) 0%, rgb(194, 171, 123) 97%, rgb(193, 170, 121) 100%);
background-image: -webkit-gradient(linear, 52% 0%, 52% 125%, color-stop(0, rgb(222, 214, 173)), color-stop(0.97, rgb(194, 171, 123)), color-stop(1, rgb(193, 170, 121)));
background-image: -webkit-linear-gradient(-90deg, rgb(222, 214, 173) 0%, rgb(194, 171, 123) 97%, rgb(193, 170, 121) 100%);
background-image: -o-linear-gradient(-90deg, rgb(222, 214, 173) 0%, rgb(194, 171, 123) 97%, rgb(193, 170, 121) 100%);
background-image: -ms-linear-gradient(-90deg, rgb(222, 214, 173) 0%, rgb(194, 171, 123) 97%, rgb(193, 170, 121) 100%);
background-image: linear-gradient(-90deg, rgb(222, 214, 173) 0%, rgb(194, 171, 123) 97%, rgb(193, 170, 121) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffded6ad,endColorstr=#ffc1aa79,GradientType=0)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffded6ad, endColorstr=#ffc1aa79, GradientType=0);
color: rgb(17, 17, 17);
text-shadow: 1px 1px 1px rgb(255, 255, 255);
-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#ffffffff,Positive=true)";
zoom: 1;
filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#ffffffff, Positive=true);
height: 40px;
width: 100%;
display: block;
line-height: 40px;
text-indent: 15px;
color: #111111;
font-size: 100%;
text-decoration: none;
border-bottom: #C3AC7C solid 1px;
}
.books_box_lt {
border-top: 1px solid #999999;
float: left;
width: 100%;
border-bottom: 1px solid #999999;
padding-bottom: 10px;
padding-top: 10px;
}
.books_box_rt {
float: left;
padding-bottom: 10px;
padding-top: 10px;
}
.books_inner_rt {
float: left;
width: 100%;
} .actual_box {
float: left;
width: 100%;
}
.actual_box li {
float: left;
width: 100%;
margin-bottom: 10px;
}
.actual_box02 {
float: left;
width: 100%;
}
.actual_box02 dl {
float: left;
width: 100%;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 30px;
font-size: 90%;
padding-bottom: 20px;
}
.actual_box02 dl dt {
float: left;
margin-top: 20px;
padding-top: 10px;
position: relative;
width: 100%;
}
.actual_box02 dl dt span {
font-size: 90%;
padding-left: 1em;
}
.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: 20%;
border-bottom: 1px dotted #999999;
padding-bottom: 5px;
margin-bottom: 5px
}
.actual_box02 .actual_frame_ttl {
background: #EEE;
border: 1px solid #333;
font-weight: bold;
display: block;
width: 100%;
text-indent: 5px;
position: relative;
padding: 5px;
}
.actual_box02 .actual_frame_ttl .not_cover_ttl {
width: 70%;
}
.actual_box02 .more_look_btn {
position: absolute;
right: 10px;
top: 8px;
line-height: 1;
} .career_box {
float: left;
width: 100%;
margin-bottom: 0;
}
.career_box li {
float: left;
width: 100%;
margin-bottom: 5px; padding-bottom: 5px;
}
.career_box li dl {
width: 100%;
}
.career_box li dl dt {
float: left;
width: 12%;
}
.career_box li dl dd {
float: left;
padding: 5px 0 0 5px;
width: 84%;
}
.career_box li a {
width: 100%;
display: block;
}
.career_box02 {
float: left;
width: 100%;
}
.career_box02 li {
float: left;
margin-bottom: 10px;
width: 100%;
text-align: center;
} .career_box_lt {
border-top: 1px solid #999999;
float: left;
width: 100%;
border-bottom: 1px solid #999999;
padding-bottom: 10px;
padding-top: 10px;
}
.career_box_rt {
float: left;
padding-bottom: 10px;
padding-top: 10px;
}
.career_inner_rt {
float: left;
width: 100%;
}  .sitemap_box {
float: left;
width: 100%;
margin-bottom: -5px;
}
.sitemap_box li {
float: left;
width: 100%;
margin-bottom: 5px;
border-bottom: 1px dotted #999999;
padding-bottom: 5px;
}
.sitemap_box li a {
width: 100%;
display: block;
}
.sitemap_box li.sitemap_ttl {
float: left;
width: 100%;
margin-bottom: 5px;
border-bottom: 1px dotted #999999;
padding-bottom: 5px;
}
.sitemap_box li.sitemap_ttl02 {
margin-top: 15px;
float: left;
width: 100%;
margin-bottom: 5px;
border-bottom: 1px dotted #999999;
padding-bottom: 5px;
}
.sitemap_box li.mnon {
float: left;
width: 100%;
margin-bottom: 0px;
} .faq_box {
float: left;
width: 100%;
margin-bottom: 10px;
}
.faq_box li {
float: left;
width: 100%;
margin-bottom: 5px;
border-bottom: 1px dotted #999999;
padding-bottom: 5px;
}
.faq_box li dl {
width: 100%;
}
.faq_box li dl dt {
float: left;
width: 12%;
}
.faq_box li dl dd {
float: left;
padding: 12px 0 0 5px;
width: 84%;
}
.faq_box li a {
display: block;
width: 100%;
}
.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 {
height: 150px;
margin: 0px auto;
width: 150px;
margin-bottom: 15px;
}
.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: 100%;
float: left;
margin-bottom: 15px;
}
.beginner_img .ph_beginner_img {
margin-right: 15px;
}
.beginner_img li {
float: left;
width: 25%;
}
.beginner_img li img {
float: left;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D7D7D7;
padding: 1px;
} .feature_box_lt {
height: 150px;
width: 150px;
margin: 0 auto 5px;
}
.ttl08 {
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common/subttl_bg.png) repeat;
font-size: 120%;
line-height: 30px;
margin-bottom: 10px;
width: 100%;
padding: 10px;
}
.contents_box03 .ttl07 {
float: none;
} .note_box {
border: solid 2px #ccc;
margin: 0 auto;
width: 100%;
font-size: 90%;
padding: 0 5px;
line-height: 1.8;
} .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_long_ph.png) no-repeat center top;
background-size: 100% 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;
}
.sp_ml10 {
margin-left: 10px !important;
}
.sp_mr10 {
margin-right: 10px !important;
}
.sp_ml20 {
margin-left: 20px !important;
}
.sp_mr20 {
margin-right: 20px !important;
}
.sp_mt10 {
margin-top: 10px !important;
}
.sp_mt20 {
margin-top: 20px !important;
}
.sp_m10 {
margin-bottom: 20px !important;
}
.sp_m20 {
margin-bottom: 20px !important;
}
.sp_mt-10 {
margin-top: -10px !important;
}
.sp_mt-20 {
margin-top: -20px !important;
}
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;
} .tokyo_u_ranking {
clear: both;
background-color: #F5F5F5;
height: auto;
margin: 40px -5px 30px -5px;
width: calc(100% + 10px);
padding-bottom: 20px;
}
.tokyo_u_ranking h2 {
text-align: center;
font-size: 26px;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
margin-bottom: 60px;
padding-top: 30px;
}
.tokyo_u_ranking h3 {
text-align: center;
font-size: 24px;
font-family: 'Noto Serif JP', serif;
font-weight: 600;
line-height: 1.5;
}
.spfs18 {
font-size: 18px !important;
}
.pc_pl60 {
padding-left: 20px;
} html {
visibility: hidden;
}
html.wf-active,
html.loading-delay {
visibility: visible;
}
#header {
display: none;
}
.sp-header {
font-family: "hiragino-mincho-pron", sans-serif;
font-weight: 600;
font-style: normal;
position: fixed;
top: 0;
left: 0;
background: url(//www.concord-it.jp/wp-content/themes/concord-it/images/common_phone/header_bg.png) repeat-x;
z-index: 10;
width: 100%;
}
.sp-header__inner {
display: flex;
align-items: center;
padding: 14px 12px 12px 16px;
}
.sp-header-logo {
display: flex;
flex-direction: column;
}
.sp-header-logo:not(:root) {
text-decoration: none;
}
.sp-header-logo__image {
width: 100%;
max-width: 100%;
}
.sp-header-logo__text {
color: #fff;
font-weight: bold;
font-size: 18px;
letter-spacing: 2px;
width: fit-content;
margin-top: 8px;
line-height: 1;
}
.sp-header-button {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e30f00), color-stop(1, #990d00));
width: 42px;
height: 42px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
padding: 2px 5px 2px 7px;
box-sizing: border-box;
}
.sp-header-button:link {
text-decoration: none;
}
.sp-header-button__text {
color: #fff;
letter-spacing: 2px;
line-height: 1.4;
font-size: 12px;
}
.sp-header-menu {
position: relative;
width: 24px;
height: 16px;
cursor: pointer;
margin-left: 16px;
}
.sp-header-menu__border {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #fff;
border-radius: 4px;
}
.sp-header-menu,
.sp-header-menu span {
display: inline-block;
transition: all .5s;
box-sizing: border-box;
}
.sp-header-menu span:nth-of-type(1) {
top: 0;
}
.sp-header-menu span:nth-of-type(2) {
top: 7px;
}
.sp-header-menu span:nth-of-type(3) {
bottom: 0;
}
.sp-header__bottom {
background: linear-gradient(180deg, rgb(236, 236, 236) 0%, rgb(223, 223, 223) 23%, rgb(199, 199, 199) 51%, rgb(178, 178, 178) 97%, rgb(162, 162, 162) 100%);
text-align: center;
font-weight: bold;
letter-spacing: 2px;
color: #222;
font-size: 12px;
padding: 1px 0;
line-height: 24px;
}
.sp-header-menu.active span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg);
}
.sp-header-menu.active span:nth-of-type(2) {
opacity: 0;
}
.sp-header-menu.active span:nth-of-type(3) {
-webkit-transform: translateY(-6px) rotate(-45deg);
transform: translateY(-6px) rotate(-45deg);
}
.hamburger {
display: block;
height: 42px;
margin-left: 12px;
position: relative;
z-index: 10;
width: 42px;
border: none;
background-color: transparent;
}
.hamburger.-active .hamburger__line {
background-color: transparent;
}
.hamburger.-active .hamburger__line::before {
top: 0;
transform: rotate(45deg);
}
.hamburger.-active .hamburger__line::after {
top: 0;
transform: rotate(-45deg);
}
.hamburger__line {
display: block;
height: 2px;
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
width: 24px;
background-color: #fff;
transition: 0.4s;
}
.hamburger__line:before,
.hamburger__line:after {
content: "";
display: block;
height: 100%;
position: absolute;
width: 100%;
background-color: #fff;
transition: inherit;
}
.hamburger__line:before {
top: -6px;
}
.hamburger__line:after {
top: 6px;
}
.hamburger__text {
position: absolute;
bottom: 8px;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.header__nav-area {
position: fixed;
top: 92px;
right: -100%;
height: 100svh;
width: 100%;
visibility: hidden;
background-color: #fff;
transition: 0.4s;
overflow-y: scroll;
z-index: 3;
}
.header__nav-area.-active {
right: 0;
visibility: visible;
}
.global-navigation {
padding-bottom: 120px;
}
.global-navigation__list>li {
border-bottom: 1px solid #e7e9ee;
margin: 0 16px;
}
.global-navigation__link {
color: #222;
display: grid;
gap: 8px;
padding: 14px 26px 14px;
transition: color 0.4s;
font-size: 0.875rem;
font-family: "hiragino-mincho-pron", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
margin: 0 calc(50% - 50vw);
width: 100vw;
box-sizing: border-box;
line-height: 1;
letter-spacing: 1px;
}
.global-navigation__link.--faq {
padding: 14px 26px 10px;
}
.global-navigation__link:link {
text-decoration: none;
color: #222;
}
.global-navigation__link.-accordion {
position: relative;
background: none;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-align: left;
}
.global-navigation__button {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e30f00), color-stop(1, #990d00));
display: block;
padding: 16px 0;
margin: 20px 16px;
text-align: center;
font-family: "hiragino-mincho-pron", sans-serif;
font-weight: 600;
font-style: normal;
font-size: 18px;
border-radius: 4px;
letter-spacing: 0.1em;
position: relative;
}
.global-navigation__button:link,
.global-navigation__button:active,
.global-navigation__button:visited {
text-decoration: none;
color: #fff;
}
.global-navigation__en {
margin-left: 1px;
}
.global-navigation__arrow {
position: absolute;
top: 50%;
right: 30px;
transform: translateY(-50%);
width: 16px;
transition: transform 0.4s;
}
.global-navigation__link.-active>.global-navigation__arrow {
transform: rotate(180deg);
transition: transform 0.4s;
}
.global-navigation__arrow--white {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%);
width: 9px;
}
.sp-accordion {
height: 0;
overflow: hidden;
visibility: hidden;
transition: 0.2s;
}
.sp-accordion.-active {
height: auto;
padding-bottom: 16px;
visibility: visible;
}
.accordion__list li {
font-size: 18px;
font-family: "hiragino-mincho-pron", sans-serif;
font-weight: 600;
font-style: normal;
opacity: 0;
transform: translateX(1px);
transition: opacity ease-in-out 0.5s, transform ease-in-out 0.15s;
transition-delay: 0.15s;
}
.sp-accordion.-active .accordion__list li {
opacity: 1;
transform: translateX(5px);
}
.accordion__link {
color: #222;
padding: 12px 16px 12px 32px;
display: block;
font-size: 17px;
position: relative;
letter-spacing: 1px;
}
.accordion__link:link {
text-decoration: none;
}
.accordion__link::before {
content: "";
display: block;
height: 1px;
width: 12px;
position: absolute;
background-color: #857c91;
transition: inherit;
position: absolute;
top: 0;
bottom: 0;
left: 8px;
margin: auto;
}
.accordion__icon {
margin-left: 4px;
vertical-align: baseline;
}
.img_flex2{
display: block; 
margin:0 auto;
}
.img_flex2_l{
width:100%;
padding:0;
}
.img_flex2_r{
width:100%;
padding:0;
}
iframe.youtube-16-9 {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
display: block;
margin: 0 auto;
}
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% ;
}