@charset "utf-8";
/* CSS Document */
html{
  transform: scale(0.9);
}
.sp,
#btnpagetop,
#pankuzu,
.nav,
#hnav,
#footer,
#navwrap,
#btnprint,
#side,

#links,
#scrnav{
  display: none !important;
}
html,
body,
.inner,
#headlinewrap,
#inner,
#logo,
#main{
  width: auto !important;
  min-width:auto !important;
  zoom: 1;
}
#allwrap,
#container,
#container #main,
#header .inner{
  /*width: 1080px;
  min-width:1080px;*/
  width: 100% !important;
  width: 950px;
  min-width:100% !important;
  margin: 0 auto;
}
.single #allwrap,
.single #container, .single #container #main{
  /*width: 1280px;
  min-width:1280px;*/
  width: 100% !important;
  min-width:100% !important;
  margin: 0 auto;
  display: block;
}
.single.top{
  zoom:0.8;
}
#container{
  max-width: 100%;
  justify-content: space-between;
  min-width: 80%;
  margin: 0 auto;
}
#companyindex,
#strategyindex,
#stockindex {
  margin: 0 auto;
  display: block;
}
.imgL1,
.imgR1,
#scrnav,
#individuals01,
#individuals02,
#individuals03,
#individuals04,
#individuals05,
#individuals06{
  width: 100% !important;
  min-width: 100% !important;
  justify-content: center;
  margin: 0 !important;
}
.individual .inner{
  width: 100% !important;
  min-width: 100% !important;
}
h1{
  min-width:auto;
  margin: 0;
  padding: 10px 0;
}
#h1wrap{
  text-align: left;
  height: auto;
  background-color: transparent;
}
#header{
  position: relative;
  width: 100%;
  min-width: 100%;
}
.imgscr img,
.imgper100 img{
  width: 100%;
  height: auto;
}
.imgper80print img{
  width: 50%;
  height: auto;
}
.imgL1 .img,
.imgR1 .img{
  width: 40% !important;
}
.imgL1 .txt,
.imgR1 .txt{
  width: calc(60% - 20px) !important;
}
.imgL1 img,
.imgR1 img{
  width: 100%;
  height: auto;
}
h2{
  width: 100%;
}
.scr2 #individuals01 .inner{
  padding: 0;
}

/* cards */
.cards{
  margin: 0 !important;
}
.single .cards{
  column-gap: 20px !important;
}
.cards li{
  width: calc(50% - 20px) !important;
}
.cards li > div,
.cards li > a{
  width: 100% !important;
}
.cards li p{
  margin: 0;
}
.single .cards li{
  width: calc((100% - 40px) / 3) !important;
}
.cards.iconimg li .img{
  height:calc((216/1000)*100vw);
  background-size: 100% 200%;
}
.btnM{
  display: none !important;
  min-width: auto;
}


/* individual */
.individual h1 div{
  padding: 0 0 0 106px;
}
.individual .numtxt{
  left: 0;
}

/* iconblank */
.iconblank img{
  width: auto;
  height: auto;
}

/* staff */
.staff .img{
  width: 35% !important;
}
.staff .txt{
  width: calc(65% - 20px);
}
.staff .img img{
  width: 100% !important;
  height: auto !important;
}

/* graph */
.half{
  justify-content: flex-start;
  column-gap: 20px;
  width: 100%;
}
.half > div, .half > li{
  width: calc(50% - 10px);
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  display: flex;
  justify-content:flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.half > div table, .half > li table{
  transform: scale(0.8) translate(-15%,-15%) !important;
}
.highcharts-container {
  transform: scale(0.8) translate(-15%,-15%)!important;
}
#map,
#map iframe{
  width: calc((950/1000)*100vw) !important;
  height: calc((600/1000)*100vw) !important;
  margin: 0 auto;
}
.printbefore{
  page-break-inside: avoid;
}

.historybox img{
  width: 100%;
  height: auto;
}
.historywrap > div{
  width: 50%;
}
.historybox{
  margin: 0 0 0 10px;
}
.historywrap > div:nth-of-type(1) li > span:nth-of-type(2){
  margin: 0.3em 0 0 60px;
}