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

/*———————————–———————————–
　　OUR SERVICE
———————————–———————————–*/

#ourservice{}
#ourservice div.clm_header{
	background-image:url('../images/ourservice_head.jpg');
    background-size: cover;
    background-attachment: fixed;
	background-position:center;
	height:480px;
}
#ourservice .clm_cell_txt{ background:#e6e6e6;    max-width: 100%;}
#ourservice .clm_cell_txt h3{ color:#333; text-align:center; font-size:20px; font-weight:700;}
#system_info .clm_header,#web_info .clm_header{ height:360px;}



/*———————————–———————————–
　　CREATE SYSTEM
———————————–———————————–*/
#create_system_clm1 {vertical-align: top;
height: 220px;}
#create_system_clm1 ul#service_color{
	display: block;
height: 40px;
font-size: 0;
width: 100%;
max-width: 610px;
margin: auto;}
#create_system_clm1 ul#service_color li:nth-child(1){ background:#ccc; height:100%; display:inline-block; width:50%;}
#create_system_clm1 ul#service_color li:nth-child(2){background:#ffc700; height:100%; display:inline-block; width:50%;}
.subtitle_top_line_txt {
    margin: auto;
    padding: 6px;
	padding: 10px;
}

#create_system{}
.create_system_clm_inner{}
.create_system_clm_txt{}
.create_system_clm_inner p{
padding: 10px;}

#create_system_table{
	font-size:0;
	padding:0;
	margin:0;
 }

.create_system_cell{
    background-color: #111;
    display: inline-block;
    width: 25%;
    padding:4% 0 4% 0px;
    font-size: 17px;
 }
  
#system_info{
	display:block;
	background:url("../images/ourservice_sys.jpg") center center / cover;}

/* 共通Class */
.ourservice_clm_inner{
z-index: 1;
position: relative;
width: 300px;
margin: auto;
}
/* リィーベン・ジャパンの主要2事業。システム開発事業とWEB制作事業 */
#create_system .clm:nth-child(2) p{ font-size:16px; padding:60px 0;}

/* 主要2事業ボタン */
#ourservice_system_clm::after {    background-image: url("../images/ourservice_sys.jpg");}
#ourservice_web_clm::after {    background-image: url("../images/web_info_bg.jpg");}
#ourservice_web_clm .bg_box{background-color: rgba(255,199,0,0.7);}
#ourservice_system_clm .bg_box{background-color: rgba(0,0,0,0.7);}
#ourservice_system_clm, #ourservice_web_clm{width: 50%;height: 150px;}
#ourservice_system_clm .bg_box,#ourservice_web_clm .bg_box{ position:inherit; z-index:1;height: 100%;}
#ourservice_system_clm h5,
#ourservice_web_clm h5 {
    font-weight: 200;
    font-size: 16px;
    letter-spacing: 2px;
    text-align:center;
}
#ourservice_system_clm .ourservice_clm_inner,
#ourservice_web_clm .ourservice_clm_inner {
position: relative;
top: 30px;
}

/* CREATE SYSTEM1/2 */
#create_system {
    padding-bottom: 120px;
}
/* CREATE SYSTEM2/2 */
#ourservice_web_clm strong{ display:block;}



/*———————————–———————————–
　　WEB SOLUTION
———————————–———————————–*/
/*#web_info:before{ content:''; background:#f2f2f2; display:block; height:120px;width:100%;}*/
#system_info+.clm>.clm_cell_cntr_mddl:after{ content:''; background:#f2f2f2; display:block; height:120px;width:100%;}
#web_info{ background:url('../images/web_info_bg.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover;}
#web_info .clm{ background-color:rgba(255,199,0,0.7); color:#fff;}
#web_info .com_info_clm_inner p{     height: 100%;    display: table-cell;    vertical-align: bottom;    padding-bottom: 20px;}
.recruit_info{ background:#fff;}
#web_div{background: #fff;}
#web_div .clm_cell_cntr_mddl{ background-color:rgba(255,199,0,0.7);}

/*———————————–———————————–
　　Table Style
———————————–———————————–*/
table.create_system_list {
	    text-align: left;
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 0px;
    font-size: 12px;
}
table.create_system_list tr {
    height: 180px;
}

table.create_system_list tr td{
	text-align:left;}
tablecreate_system_list th,
table.create_system_list td {
    padding: 20px 20px 50px 20px;
}
 
table.create_system_list th {
    background: #111;
    vertical-align: middle;
    text-align: center;
    width: 50%;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: bold;
	    font-size: 15px;
		    padding: 0 2%;
}
 
table.create_system_list th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #111;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.create_system_list th::after{
        float: right;
        padding: 0;
 /*       left: 19px;*/
 /*       top: 10px;*/
        content: " ";
        height: 0;
        width: 0;
/*        position: relative;*/
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #111 10px solid;
        margin-top: -10px;
    }
}
 
table.create_system_list td {
    width: 360px;
    padding-left: 5%;
}

  /* 偶数のヘッダー背景色変更 */
table.create_system_list tr:nth-child(even) th{
	background:#666;
}
table.create_system_list tr:nth-child(even) th:after{
	border-left-color:#666;
}

  /* 奇数のテキスト背景色変更 */
table.create_system_list tr:nth-child(odd) td{
	background:#f2f2f2;
}

/* リクルートボタン */
.recruit_info .recruit_clm{ background:#fff;}
.recruit_clm{ height:200px;}
.recruit_info h3{ display: inline; vertical-align:middle;}
.recruit_info span{ padding:0 20px;}
.recruit_info p{ max-width: 500px; height:60px;margin: 0 10px; width:100%;display: inline;}

#system_info .clm{ background-color:rgba(0,0,0,0.7); color:#fff;}
#system_info .com_info_clm_inner{   display: table;    margin: auto;background-color: rgba(0,0,0,0.7); width:100%;}
#system_info .com_info_clm_inner p{     height: 100%;    display: table-cell;    vertical-align: bottom;    padding-bottom: 20px; color:#fff;}

/* WEB制作事業部　専用サイトはこちら */
#web_div p{ font-weight:bold;}
#web_div .subtitle h4{ font-size:40px;line-height: 40px;}
#web_div .subtitle h4.link_button_style{ padding: 10px 50px 10px 50px;}
#web_div .subtitle h4 i{ font-size:45px; padding-left:10px;}
#web_div .subtitle h4:hover{ }
#web_div > .clm_cell_cntr_mddl > a:hover,#web_div > .clm_cell_cntr_mddl:hover{ opacity:.7;}