/* @font-face {
    font-family: "NotoSansCJKjp";
    src:url('fonts/NotoSansCJKjp-Regular');
    src:url('fonts/NotoSansCJKjp-Regular.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "NotoSansCJKjp";
    src:url('fonts/NotoSansCJKjp-Medium.otf');
    src:url('fonts/NotoSansCJKjp-Medium.otf') format('opentype');
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "NotoSansCJKjp";
    src:url('fonts/NotoSansCJKjp-Bold.otf');
    src:url('fonts/NotoSansCJKjp-Bold.otf') format('opentype');
    font-style: normal;
    font-weight: 700;
} */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

html {
	box-sizing: border-box;
}
body {
	padding: 0;
	margin: 0;
    -webkit-text-size-adjust: 100;
	background: transparent;

    font-size: 18px;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}
.container {
	width:100%;
    margin: 0 auto;
	max-width:1280px;
}


.grid:before,
.grid:after,
.row:before,
.row:after {
	content: " ";
	display: table;
}
.grid:after,
.row:after {
    clear: both;
}
[class*='col-']{
    display: inline-block;
}
.col {
	border: 0 none;
}

/* GENERAL STYLE*/
body {
    margin:0;
}
body, td{
	font-weight: normal;
	color: #333333;
    /* font-family: "NotoSansCJKjp", Arial, sans-serif; */

    font-family: 'Noto Sans JP', sans-serif;
}

.ja-jp, .ja-jp td {
    /* font-family: 'NotoSansCJKjp', ヒラギノ角ゴ ProN W3, MS Pゴシック, sans-serif; */

    font-family: 'Noto Sans JP', sans-serif;
}


table {
    
}
.main-container{
	max-width: 865px;
}

a:link, a:visited {
	color: #00A5C0;
	text-decoration: none;
}
a:focus, a:hover {
	color: #00A5C0;
    text-decoration: underline;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.logo {
    display: inline-block;
    width: 50%;
    text-align: right;
}
.logo img {
    max-width: 250px;
    width: 100%;
}
.pdf-download{
	text-align: right;
}

.pdf-link {
    margin: 0 5px;
}
.col-md-12 {
    float:right;
}

.top-bar {
	text-align: center;
	padding: 0.6em;
    font-weight: bold;
	color: #FFF;
}
.information {
    background-color: #00A5C0;
    width:100%;
    text-align: center;

}
.presentation{
    width:100%;
    padding-bottom: 1em;
    display: inline-block;
}
.share-graph {
    width:49%;
    margin-right: 1%;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}
.share-graph img {
    width: 100%;
}

.ShareDataCont {
    margin-bottom: 1em;
    width: 50%;
    display: inline-block;
}
.ShareDataCont td {
    padding: 0.6em;
    padding-left: 10px;
    padding-right: 10px;
}
.ShareDataTitle-Data {
    text-align: right;
}


.first {
    margin-top: 1em;
}

.share-data-title{
	margin-top: 10px;
}
.content{
	width: 100%;
}
.symbol, .datetime {
    display: inline-block;
    width: 50%;
    font-weight: bold;
	text-transform: none;
	background-color: #ffffff;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	color: #333333;
    border-top:1px solid #1383d7;
    border-bottom:1px solid #1383d7;
}
.left {
    text-align: left;
    padding-right: 14px;
}
.right{
	text-align: right;
}
.odd{
	background-color: #fff;
}
.even{
	background-color: #fff;
}
.padding-left-right{
	padding-left: 10px;
	padding-right: 10px;
}

.note {
    margin-top: 5px;
}

.sharedata-table {
	width: 100%;
    font-size: 18px;
}

.sharedata-data, .sharedata-name {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    border-bottom: 0;
    border-bottom: 1px solid #dddddd;
    background: white!important;
}
.sharedata-name  {
	padding-left: 10px;
}

.sharedata-data{
	padding-right: 10px;
}

/*KEY FIGURES*/
.keyfigure-table{
	width: 100%;
	border: 0;
}
table{
	border-collapse: collapse;
}
.key-figures{
	margin-top: 20px;
}
.keyFigure-tableheading{
	background-color: #ececec;
	font-weight: normal;
    border-top:3px solid #1383d7;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	color: #333333;
}
.keyfigure-firstColumn {
    padding-left: 10px;
}

.keyfigure-tablename{
	padding-left: 10px;
}

.keyfigure-tablename, .keyfigure-tabledata {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    border-bottom: 1px solid #dddddd;
  
}
.keyfigure-yearcolumn {
    width: 15%;
}
.keyfigure-tabledata,
.keyfigure-yearcolumn{
	text-align: right;
	padding-right: 10px;
}
.ShareDataTitle-Table {
    border: 1px solid #dddddd;
    background: #00A5C0;
    padding: 0.55em;
    padding-left: 10px;
    padding-right: 10px;
}

/* CHARTS STYLE*/
.chart-container{
    margin-top: 15px;
}

.chart img{
	width: 94%;
	margin: 0 3%;
}
.notes{
	padding-left: 11% !important;
	padding-right: 3% !important;
	padding-top: 5px;
}

/*FOOTER*/
.footer {
    border-top: 1px solid #dddddd;
    padding-top: 5px;
    margin-top: 20px;
    width: 100%;

}
.footer-left {
    display: inline-block;
	font-size: 16px;
	padding-bottom: 0.6em;
    padding-left: 0.6em;
	font-weight: normal !important;
    vertical-align: top;
    text-align: left;

    width: 49%;

} 
.footer-right {
    display: block;
	font-size: 16px;

	font-weight: normal !important;
}

.company-name {
    float: left;
    padding-left: 10px;
}


.footer-right img {
    width: 100%;
	max-width: 169px;
}

td.sharedata-name.sharedata-numberofshares.left.odd {
    line-height: 1px;
}

img.line {
    padding-left: 28px;
}
.even td, .odd td {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}
td.keyfigure-Unit {
    padding: 0.6em;
}

.keyfigure-tablerow td {
    text-align: right;
}

.keyfigure-tablerow td:first-child {
    text-align: left;
}
.keyfigure-tablerow td {
    padding-right: 10px;
}

.keyfigure-table tr td {
    padding-right: 10px;
}

/* .pdf-button {
    color: #333 !important;
}
.pdf-button:hover {
    color: #333 !important;
    text-decoration: underline ;
} */
.keyfigures tr td {
    width: 5%;
}
.keyfigures tr td:first-child {
    width: 85%;
}


.ShareDataTitle-Table, .keyfigure-title, .shareholders-title{
    border: 1px solid #00A5C0;
}

.presentation div {
    background: #00A5C0;
    
    padding: 0.6em;
    margin-top: 1em;

    color: #FFF;
    font-weight: bold;
}

.share-graph-title {
    font-weight: bold;
    display:inline-block;
    background: #ececec;
    text-align: left;
    padding: 0.6em;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 3px solid #1383d7;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 5px;
    width: 100%;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.13);
}

.ShareDataTitle-Name, .ShareDataTitle-Data {
    width: 50%;
}
.ShareDataTitle-Name {
}
.graphy {
    width: 50%;
    float: left;
    text-align: center;
}
td.keyfigure-yearcolumn.keyfigure-tableheading {
    width: 19%;
}
.ClearDIV {
    clear: both;
}
.keyfigures .header {
    text-align: left;
}

.TitleCont span {
    background-color: #f1f1f1;
    font-weight: normal;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    color: #333333;
    border-bottom: 1px solid #dddddd;
    text-align: center;
    display:block;
    padding: 0.6em 1em;
}

.header, .header th {
    font-weight: bold;
    background: #00A5C0;
    color: #FFF;
    border: 1px solid #00A5C0 !important;
}
.keyfigures td, .majors td {
    border: 1px solid #dddddd;
}
td, th {
    padding: 0.6em;
}
.keyfigures .header:first-child th {
    border: none;
}
.PDFFigures {
    width: 60%;
    display: inline-block;
}

.ShareDataTitle-Table {
    text-align: left;
}

.graphs {
    display: inline-block;
    width: 100%;
}

.graphy {
    display:block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 1em;

    border: 1px solid #dddddd;
    margin: 10px 0;
}

.ja-jp .graphy {
    padding-top: 1.01em;
    padding-bottom: .7em;
}


.graphs img {
    width: 100%;
    max-width: 600px;

}
.keyfigures {
    width: 100%;
}
.keyfigures td {
    padding: 9.6px 10px;
}

.header td {
    border: none;
}

.major-shareholders {
    margin-top: 1em;
}
.majors-zontainer {
    width:100%;
}
.major-shareholders, .majors-graph {
    display: inline-block;
    width:100%;
}
.majors-graph {
    margin-top: 1em;
    text-align: center;
    padding:10px;
    border: 1px solid #ddd;
}
.majors-graph img {
    width: 100%;
    max-width:680px;
}

.majors-graph {
    position: relative;
}
.graph-note p {
    position: absolute;
    right: 20px;
    top: 10px;
    font-weight: normal;
    /* font-size: 12px; */
}

/* @media (max-width: 630px) {
    .graph-note p {
        top: inherit;
        bottom: 0px;
    }
}


@media (max-width: 800px) { 

    [class*='col-'] {
    display: block;
    }
}

@media (max-width: 700px) {
    .PDFFigures {
        width: 100%;
        display: block;
    }
    .share-graph {
        margin-right: 0;
        width: 100%;
    }
    .ShareDataCont {
        width: 100%;
    }
    .graphs {
        margin-top: 20px;
        width: 100%;
        max-width: none;
        display: block;
    }
    .keyfigures-container, .keyfigures {
        width: 100%;
    }
    .graphy {
        display: inline-block;
        width: 50%;
    }

}

@media (max-width: 570px) {
    .graphy {
        display: block;
        width: 100%;
    }
}
@media (max-width: 380px) {
    .majors-graph {
        padding: 10px 0;
    }
} */

.col-md-3 {
padding: 0 2%;
}


/* ADDED CSS */
table.KeyFigures-Table tr, table.KeyFigures-Table td {
    border: 1px solid #DDDDDD;
}

table.KeyFigures-Table td:nth-child(2),
table.KeyFigures-Table td:nth-child(3),
table.KeyFigures-Table td:nth-child(4) {
    text-align: right;
}

table.KeyFigures-Table {
    width: 100%;
    font-size: 18px;
}

.bar1 {
    width: 49.8%;
    display: inline-block;
    vertical-align: top;
}

.bar2 {
    width: 49.8%;
    display: inline-block;
    vertical-align: top;
}

td.CompText {
    padding: 0.6em;
}

table.CompTable {
    font-size: 18px;
}

tr.ShareDataTitle-Table td {
    color: #FFF;
    font-weight: bold !important;
}

.col-md-3 {
    width: 24.6%;
}

table.KeyFigures-Table tr:nth-child(2) td {
    font-weight: bold;
}

@media (max-width: 1000px) { 
    .share-graph {
        width: 100%;
    }
    .ShareDataCont {
        width: 100%;
    }
    .bar1, .bar2 {
        width: 100%;
    }
}
@media (max-width: 953px) { 
    .col-md-3 {
        width: 40%;
    }
}

@media (max-width: 545px) { 
    .col-md-3 {
        width: 100%;
    }
}

@media (max-width: 472px) { 
    table.KeyFigures-Table td:nth-child(2) {
        display: none;
    }
}

@media (max-width: 425px) { 
    td, th {
        padding: 0.2em;
    }
    .ShareDataCont td {
        padding: 0.2em;
    }
    .bar1, .bar2 {
        width: 100%;
        padding-left: 5px;
    }
    .logo {
        width: 100%;
        text-align: center;
    }
    .footer-left {
        width: 100%;
    }
}


.presentation div,
td.header {
    text-transform: capitalize;
}

.customnote {
    font-size: 16px;
}

/* HIDE PDF DOWNLOAD */
/* .col.pdf-download {
    display: none;
}
.row.top-bar-container {
    margin-top: 3px;
} */
/* END */