@charset 'UTF-8';

/*  japan
--------------------------------------- */

.kv {
background: url("/ja/assets/img/company/bg_kv_01.jpg") no-repeat center;
}

.kv .inner {
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}

.kv h1 {
padding: 50px 0 10px;
color: #000033;
font-size: 30px;
font-weight: bold;
}

.kv p {
padding: 0 0 30px;
color: #000033;
font-size: 15px;
font-weight: bold;
line-height: 1.47;
}

.outline {
max-width: 900px;
margin: 0 auto;
padding: 65px 20px 90px;
box-sizing: border-box;
}

.outline  h2 {
margin: 0 0 38px;
padding: 0 0 18px;
color: #333;
font-size: 30px;
font-weight: bold;
text-align: center;
background: url("/ja/assets/img/bg_h2_01.png") no-repeat center bottom;
}

.outline .tableBox {
position: relative;
border-top: 4px solid #ccc;
border-bottom: 4px solid #ccc;
}

.outline .tableBox:after {
content: '';
position: absolute;
top: -4px;
left: 0;
width: 195px;
height: 4px;
background: url("/ja/assets/img/bg_line_01.png") no-repeat center;
}

.outline table {
position: relative;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}

.outline table th {
width: 195px;
padding: 14px 20px;
font-size: 14px;
font-weight: bold;
line-height: 1.72;
border-bottom: 1px solid #ccc;
background: #eef2f8;
box-sizing: border-box;
}

.outline table th.bg {
width: 65px;
padding: 14px 0;
text-align: center;
vertical-align: middle;
background: #dfe6f0;
}

.outline table td {
padding: 14px 30px 14px 20px;
font-size: 14px;
line-height: 1.72;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}

.outline table tr:last-child th ,
.outline table tr:last-child td {
border-bottom: none;
}

@media screen and (max-width: 750px) {

.kv {
background: url("/ja/assets/img/company/bg_kv_01_sp.jpg") no-repeat center;
background-size: cover;
}

.kv .inner {
width: 88%;
margin: 0 auto;
padding: 0;
}

.kv h1 {
padding: 5% 0 0;
color: #000033;
font-size: 20px;
font-weight: bold;
line-height: 2;
}

.kv p {
padding: 0 0 5.6%;
color: #000033;
font-size: 10px;
font-weight: bold;
line-height: 1.5;
}

.outline {
width: 86.666%;
margin: 0 auto;
padding: 9.5% 0 11%;
box-sizing: border-box;
}

.outline h2 {
margin: 0 6.66% 9%;
padding: 0 0 2%;
color: #333;
font-size: 20px;
font-weight: bold;
background: url("/ja/assets/img/bg_h2_01.png") no-repeat center bottom;
background-size: 100px auto;
}

.outline .tableBox {
position: relative;
margin: 0;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}

.outline .tableBox:after {
content: '';
position: absolute;
top: -2px;
left: 0;
width: 120px;
height: 2px;
background: url("/ja/assets/img/bg_line_01.png") no-repeat center;
background-size: auto 2px;
}

.outline table {
position: relative;
	/*
width: 100%;
	*/

}

.outline table .pcHide {
display: table-column-group;
}

.outline table th {
width: 120px;
padding: 11px 12px;
font-size: 12px;
font-weight: bold;
line-height: 1.5;
vertical-align: middle;
background: #eef2f8;
box-sizing: border-box;
}

.outline table td {
padding: 11px 15px;
font-size: 12px;
line-height: 1.5;
}

}