@charset 'UTF-8';

/*  environment
--------------------------------------- */

.kv {
background: url("../jpg/bg_kv_01-4.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 51px;
color: #000033;
font-size: 15px;
font-weight: bold;
line-height: 1.47;
}

html:lang(ja) .lnav ul {
max-width: 960px;
}

html:lang(en) .lnav ul {
max-width: 1366px;
}

.stockholder {
padding: 75px 0 0;
}

.stockholder .date {
margin: 0 0 5px;
font-size: 14px;
line-height: 1.58;
text-align: right;
}

.stockholder .name {
width: 129px;
margin: 0 0 0 auto;
}

.stockholder .listBox {
position: relative;
}

.stockholder .listBox:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 120px;
background: url("../png/bg_stock_01.png") no-repeat center;
background-size: cover;
z-index: -1;
}

.stockholder ul {
display: flex;
justify-content: center;
max-width: 900px;
margin: 0 auto 100px;
padding: 0 20px 60px;
box-sizing: border-box;
}

.stockholder ul li {
position: relative;
width: 30.24%;
margin: 0 2.32%;
overflow: hidden;
}

.stockholder ul li a {
display: block;
}

.stockholder ul li .txt {
position: absolute;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
color: #fff;
font-size: 15px;
font-weight: bold;
text-align: center;
background: rgba(0,0,0,0.4);
box-sizing: border-box;
transition: all 0.5s;
}

.stockholder ul li .txt.on {
height: 100%;
transition: all 0.5s;
}

.stockholder ul li .txt > span {
display: block;
position: relative;
width: 100%;
}

.stockholder ul li .txt > span:after {
content: '';
position: absolute;
bottom: -11px;
left: 0;
right: 0;
width: 150px;
height: 1px;
margin: 0 auto;
background: #fff;
}

.stockholder ul li .txt .small {
padding: 0 0 0 20px;
font-size: 11px;
vertical-align: baseline;
background: url("../png/ico_blank_01.png") no-repeat 4px center;
background-size: 16px auto;
}

@media screen and (max-width: 800px) {
.stockholder ul li .txt.on:after {
bottom: 65px;
}
}

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

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

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

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

.kv p {
padding: 0 0 9.16%;
color: #000033;
font-size: 13px;
font-weight: bold;
line-height: 1.16;
}
	
.lnav ul {
width: 980px;
max-width: inherit;
}
	
html:lang(ja) .lnav ul {
width: 980px;
max-width: inherit;
}

html:lang(en) .lnav ul {
width: 1366px;
max-width: inherit;
}

.stockholder {
width: 86.666%;
margin: 0 auto;
padding: 9% 0 7%;
text-align: center;
box-sizing: border-box;
}

.stockholder .date {
margin: 0 0 5px;
font-size: 12px;
line-height: 1.59;
text-align: right;
}

.stockholder .name {
width: 31%;
margin: 0 0 0 auto;
}
	
.stockholder .listBox {
position: relative;
}

.stockholder .listBox:after {
display: none;
}

.stockholder ul {
display: block;
margin: 0 auto;
padding: 0;
}
	
.stockholder ul li {
position: relative;
width: 100%;
margin: 0 0 6%;
overflow: hidden;
}

.stockholder ul li a {
display: block;
}

.stockholder ul li .txt {
position: static;
display: block;
width: 100%;
height: auto;
margin: 2% 0 0;
color: #034a96;
font-size: 13px;
font-weight: bold;
text-align: left;
background: none;
box-sizing: border-box;
transition: all 0.5s;
}

.stockholder ul li .txt.on {
height: auto;
}

.stockholder ul li .txt > span {
display: block;
position: relative;
width: 100%;
}

.stockholder ul li .txt > span:after {
content: '';
position: absolute;
bottom: -11px;
left: 0;
right: 0;
width: 150px;
height: 1px;
margin: 0 auto;
background: #fff;
}

.stockholder ul li .txt .small {
padding: 0 0 0 17px;
color: #000;
font-size: 10px;
vertical-align: baseline;
background: url("../png/ico_blank_02.png") no-repeat 4px top;
background-size: 14px auto;
}






}