@charset "UTF-8";
/*----ページ全体の設定---- */
html {
  font-size: 62.5%; /*フォントの初期値を10pxにする*/
  scroll-behavior: smooth;
}
body {
  padding: 0;
  font-size: 14px;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  color: #000;
  background: #fff;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
/*----表示領域のレイアウト---- */
#wrapper {
  width: 100%;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  text-align:left;     /* 中身を左側表示に戻す */
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  background: #fff;
  min-height: 100%;
}
/*----初期設定---- */
h1 {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.5em;
}
h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.5em;
}
h3 {
  font-size: 20px;
  font-size: 2.0rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.5em;
}
h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: normal;
  line-height: 1.5em;
}
p {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.5em;
  margin-left: 0;
}
#text-red {
  color:#FF0000;
}
#text-l-blue {
  color:#33FFFF;
}
.text-small {
  font-size: 12px;
  font-size: 1.2rem;
}
.mb {
  display: none;
}
/*----リンクの設定---- */
a:link { 
  text-decoration:none;
  color: #36C;
}
a:visited {
  color: #09F;
}
a:hover {
  color: #09C;
}
.hov-img a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.hov-img2 a:link img {
  opacity: 0.6;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";
}

img {
  border: 0;
}
a.anchor {
    display: block;
    padding-top: 220px;
    margin-top: -220px;
}

/*----スライダーの設定---- */
.slider {
	margin: 0 0 50px;
    z-index: 0;
}
.slider img {
	width: 100%;
	height: auto;
}
.single-item {
	max-width: 600px;
	margin: 0 auto 50px;
}
.slick-prev::before, .slick-next::before {
	font-size: 24px;
}
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 20px;
	z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 15px;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.slick-dots {
	bottom:-25px;
}
.multiple-item li {
	margin: 0 5px;
}
.thumb-item {
	max-width: 700px;
	margin: 0 auto 5px;
	padding: 0 5px;
}
.thumb-item-nav {
	max-width: 700px;
	margin: 0 auto;
}
.thumb-item-nav li{
	margin: 5px;
}
.lazy-item {
	width: 400px;
	margin: 0 auto 50px;
}
.lazy-item li {
	margin: 0 5px;
}

/*----ヘッダー固定---- */
header {
  position: fixed;
  width:100%;
  margin-left:auto; 
  margin-right:auto;
  top: 0;
  background: #fff;
  z-index: 100;
}
/*----ロゴの表示切替設定（ヒント用）---- */
.hint-logo_mb {
  display: block;
  width: 100%; 
  height: auto;
}
.hint-logo_pc {
  display: none;
}
#hint-logo_ws {
  display: block;
  float: left;
  width: 500px;
  height: 160px;
}
/*----ロゴの表示切替設定（モバイル用）---- */
#logo_mb {
  display: block;
  width: 100%; 
  height: auto;
}
#logo_pc {
  display: none;
}
#logo_pc_ws {
  display: none;
}
#logo_pc_ws_50anv {
  display: none;
}
#logo_50anv {
  display: none;
}
#logo-set_pc {
  width: 100%;
  height: auto;
}
/*----ナビゲーションを右に固定---- */
#navigation {
  top: 0;
  z-index: 200;
}

/*----メインをヘッダーの下から表示開始---- */
main {
  z-index: 10;
  position: absolute;
  width: 100%;
}
.container {
  overflow: hidden;
  width: 90%;
  margin-left: 3%;
  margin-right: 3%;
  margin-bottom: 20px;
}
.evo-img {
 width: 100%;
}
.categoly-img {
  float: left;
  width: 48%;
  height: auto;
  margin: 1%;
}
.ps-categoly-img {
  float: left;
  width: 14%;
  height: auto;
  margin: 1%;
}
/*----トップページ以外のキービジュアル---- */
#header-img {
  display: block;
  width: 100%; 
  height: auto;
  object-fit: cover;
}

/*----文章レイアウト---- */
.pankuzu {
  display: none;
}

.main-contents-box {
  width:94%;
  margin-left:auto;
  margin-right:auto;
  margin-top:50px;
  margin-bottom:50px; 
  text-align:left;
}

.counter-box {
  overflow: hidden;
  width: 84%;
  background-color: #ddd;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding: 20px;
}

/*----ドロワーメニューの設定---- */
.btn {
  background: transparent url(images/btn.png) no-repeat 0 0;
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  z-index: 200;
}
.peke {
  background-position: -60px 0;
}
.drawr {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 0px;
  right: 0;
  width: 300px;
  padding: 80px 0 20px 20px;
  z-index: 100;
}
#drawr-menu, #drawr-menu li {
  margin-top: 0;
  padding: 0;
  list-style: none;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2em;
}
#drawr-menu li {
  display: block;
  border-top: 1px solid #ccc;
  width: 360px;
}
#drawr-menu li:last-child {
  display: block;
  border-bottom: 1px solid #ccc;
}
#drawr-menu li a {
  color: #000;
  display: block;
  padding: 15px;
}
.btn_pc {
  display: none;
  z-index: 200;
}

/*----トップ画像の設定---- */
#dummy_ws_mb {
  width: 100%;
  height: auto;
}
#dummy_ws_pc {
  display: none;
}
#main-visual_mb {
  display: block;
  width: 100%;
  height: auto;
}
#main-visual {
  display: none;
}
/*----トップページのニュースリリースの設定---- */

/*----トップページのニュースの背景グレー---- */
#news-box {
  overflow: hidden;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding-top: 20px;
}
#news-ttl {
  float: none;
  margin: 10px auto;
  text-align: center;
}
#tvcm {
  overflow: hidden;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding-top: 20px;
}
#media-box {
  overflow: hidden;
  width: 84%;
  border: solid #999 1px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding: 20px;
}
/*----トップページのニュース表組の設定---- */
.tb-news-top5 {
  float: none;
  width:100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px;
  border-collapse: collapse;
  border-style:none;
  overflow:hidden;
}
.tb-news-top5 tr {
  border-top: 2px solid #ccc;
  border-bottom-style:none;
  border-left-style:none;
  border-right-style:none;
}
.tb-news-top5 tr:last-child {
  border-bottom: 2px solid #ccc;
}
.tb-news-top5 th {
  display: block;
  border-style:none;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: center;
  padding: 0.8em 1em;
  color: #666;
  white-space: nowrap;
}
.tb-news-top5 td {
  display: block;
  border-style:none;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 1em;
}
.col-1top5 {
   display: table-cell;
   width: 60px;
}
.col-2top5 {
   display: table-cell;
   vertical-align: top;
}
.col-3top5 {
   display: table-cell;
   width: 60px;
   text-align: right;
}
.n-categoly_mb {
  display: block;
  width: 40px;
  height: 40px;
}
.n-categoly {
  display: none;
}
.n-pdf_mb {
  display: block;
  width: 40px;
  height: 40px;
  text-align: right;
}
.n-pdf {
  display: none;
}

/*----トップページのバナーの設定---- */
.top-ttl {
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: center;
  color: #666;
}
.banner-menu {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: #DDDDDD;
}
.banner-box {
  display: block;
  width: 90%;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 15px;
}
.banner-list {
  display: block;
  overflow: hidden;
}
.banner-img {
  float: left;
  width: 48%;
  height: auto;
  margin: 1%;
}

/*----トップページの店舗数カウンタの設定---- */
.couter-set {
	width: 100%;
	background-color: #ddd;
	float: left;
}
.counter-title {
  overflow: hidden;
  width: 100%;
  font-weight: bolder;
  font-size: 100%;
  font-size: 2.5rem;
  line-height: 1.4em;
  text-align: center;
  color: #4D4D4D;
}
.caption {
  width: 100%;
  font-size: 2.5rem;
  line-height: 1.0em;
  text-align: center;
}
.counter {
  overflow: hidden;
  width: 100%;
  font-weight: bolder;
  font-size: 5rem;
  line-height: 1.2em;
  text-align: center;
  color: #4488FF;
}
.couter-detaile-set {
	width: 100%;
	background-color: #ddd;
	float: left;
}
.detaile-caption {
  width: 100%;
  font-size: 2.0rem;
  line-height: 1.5em;
  text-align: center;
}
.button a {
    background: #fff;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    padding: 10px 25px;
    color: #000;
    line-height: 1.8;
    transition: 0.1s ease-in-out;
    font-weight: 500;
}
.button a:hover {
    background: #48f;
    color: #FFF;
}
.button a:hover:after {
    border-color: #FFF;
}
body{
    vertical-align:middle; 
    padding: 50px 0;
    text-align: center;
}
/*----回り込みの解除---- */  
.clear {
  clear: both;
}
.clear-3block {
  clear: none;
}
.clear-2block {
  clear: both;
}
/*----マースとは？の設定---- */
#num-of-mars li {
  margin-top: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}

/*----ショールームの設定---- */
.sr-text {
  float: left;	
}

/*----製品情報の設定---- */
.prd-top-categoly {
  display: block;
  float: left;
  width: 48%;
  height: auto;
  margin: 1%;
}
.prd-top{
  position: relative;
  width: 100%;
  height: auto;
}
.prd-top-bg{
  position: relative;
  object-fit:contain;
  width: 100%;
  height: auto;
}
.prd-top-img{
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.prd-img-main {
  display: block;
  width: 100%;
  height: auto;
}
.prd-txt-midashi {
  display: block;
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.3em;
  font-weight: bold;
  margin-top: 20px;
}
.prd-img-categoly {
  float: none;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 0;
}
.prd-txt-categoly {
  overflow: hidden;
  width: 98%;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.new-funk {
  float: left;
  width: 70px;
  height: auto;
  margin-right: 20px;
  margin-bottom: 20px;
}
.evo-unit_mb {
  display: block;
  width: 100%;
  height: auto;
}
.evo-unit_pc {
  display: none;
}
.evo-img-50 {
  display: block;
  width: 100%;
  height: auto;
  float: none;
}
.evo-text-50 {
  display: block;
  width: 80%;
  float: none;
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 2rem;
}
.evo-img-48per {
  display: block;
  width: 100%;
  height: auto;
}
.evo-text {
  width: 80%;
  margin-right: 10%;
  margin-left: 10%;
}
.evo-text-harf {
  display: block;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
  text-align: left;
}
.evo-text-img-box{
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
}
.evo-space {
  display: none;
  width: 4%;
  float: left;
}
.tab-selected {
  display: block;
  float: left;
  width: 49%;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 1%;
  padding-top: 1.2em;
  background: #C3EFFB;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2em;
}
.tab-no-select a:link {
  display: block;
  float: left;
  width: 49%;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 1%;
  padding-top: 1.2em;
  background: #e6e6e6;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2em;
}
.tab-no-select a:hover {
  display: block;
  float: left;
  width: 49%;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 1%;
  padding-top: 1.2em;
  background: #C3EFFB;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2em;
}
.prd-img-col2 {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-row2 {
  float: left;
  width: 50%;
  height: auto;
  margin-bottom: 10px;
}
.prd-img-row2-100per {
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.prd-img-row4-50per {
  float: left;
  width: 48%;
  height: auto;
  margin-right: 10px;
  margin-bottom: 10px;
}
.prd-img-nofloat {
  width: 99%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-sub_mb {
  display: block;
  width: 99%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-sub_pc {
  display: none;
}
.prd-img-100per-250px {
  float: left;
  width: 50%;
  height: auto;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-100per-160px {
  float: left;
  width: 35%;
  height: auto;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-30per-250px {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-40per {
  float: left;
  width: 40%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-50per-350px {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-50per {
  float: left;
  width: 50%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-100per {
  display: block;
  float: none;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 0;
}
.prd-img-100per-450px {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0%;
  margin-right: 0%;
}
.prd-img-100per-450px-2 {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0%;
  margin-right: 0%;
}
.prd-img-100per-550px {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 0;
}
.prd-txt-50per {
  display: block;
  float: left;
  overflow: hidden;
  width: 45%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.prd-txt-50per-550px {
  float: left;
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.prd-txt-60per {
  display: block;
  float: left;
  overflow: hidden;
  width: 55%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.prd-txt-70per-650px {
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.prd-txt-100per {
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.6rem;
  line-height: 1.5em;
}
.prd-txt-100per-350px {
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.6rem;
  line-height: 1.5em;
}
.prd-txt-100per-450px {
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.6rem;
  line-height: 1.5em;
}
.personal-menu-box{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.prd-list {
  margin-top: 10px;
}
.prd-list li {
  list-style: none;
  line-height: 1.5em;
}
.prd-intro {
  margin-top: 10px;
}
.prd-intro li {
  list-style: none;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5em;
}
.tb-air {
  width:100%;
  overflow: hidden;
  border-collapse: collapse;
  text-align: left;
}
.tb-air tr {
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-air th {
  width: 30%;
  display: table-cell;
  border-bottom-style: 2px solid #ccc;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFCC;
}
.tb-air td {
  width: 35%;
  display: table-cell;
  border-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 10px;
  vertical-align: top;
}
.tb-line {
  width:100%;
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-line tr {
  border: 2px solid #ccc;
  padding: 10px;
}
.tb-line th {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5em;
  text-align: left;
  vertical-align: middle;
  padding: 0.8em 1em;
  white-space: nowrap;
  background-color:#f2f2f2;
}
.tb-line td {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5em;
  padding: 0.8em 1em;
  text-align: left;
}
#line-scroll {
  overflow: auto;
  overflow-x:scroll;
}

/*----ヒントページの設定---- */
a.anchor-hint {
    display: block;
    margin-bottom: 20px;
}
header2 {
  position:absolute;
  width:100%;
  margin-left:auto; 
  margin-right:auto;
  top: 0;
  background-color: #fff;
  z-index: 0;
}
.hint-mark {
  display: block;
  float: left;
  width: 60px;
  height: auto;
  margin-bottom: 0px;
  margin-left: 0%;
  margin-right: 0%;
}
.hint-title {
  display: block;
  float: left;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  color: #008f7e;
  line-height: 1.2em;
  text-align: left;
  margin-top: 10px;
}
.hint-title2 {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  text-align: left;
}
.hint-img-100per-480px_mb {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 0%;
  margin-right: 0%;
}
.hint-img-100per-480px_pc {
  display: none;
}
.hint-txt-100per-420px {
  display: block;
  overflow: hidden;
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.hint-txt-100per {
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
.hint-list{
  list-style: square;
  padding-left: 2rem;
}
.hint-box-video {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}
.video {
  position: relative;
  padding-bottom : 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hint-box-prd {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
}
.hint-img-50per {
  float: left;
  width: 50%;
  height: auto;
}
.tb-hint-office {
  width:90%;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  border-collapse: collapse;
  border-style:none;
}
.tb-hint-office tr {
  border-collapse: collapse;
  border-top: 2px solid #ccc;
  border-style: solid;
}
.tb-hint-office tr:last-child {
  border-bottom: 2px solid #ccc;
}
.tb-hint-office th {
  width: 8em;
  border-style:none;
  text-decoration:none;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  white-space: nowrap;
  text-align: left;
  vertical-align:top;
  padding: 0.4em 1em;
}
.tb-hint-office td {
  border-style:none;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: right;
  vertical-align: top;
  padding: 0.4em 1em;
  white-space: nowrap;
}
/*----導入レポートの表の設定---- */
.tb-hall {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-hall tr {
  border: 2px solid #ccc;
  padding: 10px;
}
.tb-hall th {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5em;
  text-align: center;
  vertical-align: middle;
  padding: 0.5em 1em;
  white-space: nowrap;
  background-color:#f2f2f2;
}
.tb-hall td {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5em;
  padding: 0.5em 1em;
  text-align: left;
}

.tb-hall li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5em;
  margin-left: 1em;
  text-align: left;
}

/*----個人情報保護法対応の表の設定---- */
.privacy-box {
  display: block;
  width: 85%;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 10%;
  padding-right: 5%;
  margin-bottom: 15px;
}

/*----トップメッセージの文章設定---- */
.top-message {
	text-align: justify;
}
#pre-box {
  display: block;
  text-align: right;
}
.name-right {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: right;
  margin-bottom: 0.5em;
}
#president {
  display: block;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2em;
  white-space: nowrap;
  bottom: 0;
}
#pre-name {
  display: block;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 150%;
  white-space: nowrap;
  vertical-align: baseline;
}

/*----トップメッセージのボックス中身---- */
#about-box {
  width: 90%;
  overflow: hidden;
  margin-left:auto;
  margin-right:auto;
  margin-top: 30px;
  margin-bottom: 30px;
}
#head-office-img {
  width: 100%;
  height: auto;
}
#about-mghd-txt {
  width: 100%;
  margin-top: 10px;
  padding-top: 0;
}
#group-image {
  width: 100%;
  height: auto;
  margin-bottom:20px;
}
  
/*----企業情報とIR情報ページのアイコンボックスの設定---- */
/*----アイコン全体の左右750ピクセル---- */
.icon-box-big {
  margin-bottom: 50px;
  overflow: hidden;
}

/*----アイコンを左寄せに回り込み配置---- */
.icon_mb {
  width: 100%;
  height: auto;
  margin-bottom:40px; 
}
.icon-text {
  float: left ;
  margin-left: 20px;
}

/*----パーパスイメージの設定---- */
.pps-top{
  position: relative;
  width: 100%;
  height: auto;
}
.pps-top-bg{
  display: none;
  position: relative;
  object-fit:contain;
  width: 100%;
  height: auto;
}
.pps-top-img{
  display: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.pps-top-mb{
  display: block;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;   
}
.box
{
    position: relative;
}

.box div.text {
    display: block;
    position: absolute; 
    left: 30px; 
    top: 20px; 
    font-size: 15px;
    color:#fff;
}
.txt-on-pics-box {
    position: absolute;
    width: 90%;
    left: 5%; 
    top: 80px;
}
.txt-on-pics1 {
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    color:#000;
}
.txt-on-pics2 {
    width: 100%;
    margin-top: 20px;
    font-size: 6.4vw;
    font-weight: bold;
    line-height: 1.4em;
    white-space: nowrap;
    color:#000;
}
.txt-on-pics3 {
    width: 100%;
    margin-top: 20px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.4em;
    color:#000;
}
.mvv {
    display: block;
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2em;
}
.mvv-title{
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.mvv-japanese{
    color: #696969;
    text-align: center;
    font-size: 16px;
    line-height: 2.0em;
}
.mvv-box-01 {
  width        : 100%;
  height       : 5px;
  background   : linear-gradient(to right, #8282e4, #78e378);
}
.mvv-box-02 {
  width        : 100%;
  height       : 5px;
  background   : linear-gradient(to right, #82b3e4, #c578e3);
}
.mvv-box-03 {
  width        : 100%;
  height       : 5px;
  background   : linear-gradient(to right, #e49182, #c578e3);
}
.mvv-img {
    width: 100%;
    height: auto;
}
.philosophy-box {
    display: block;
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
@keyframes infinity-scroll-left {
  from {
  transform: translateX(0);
  }
  to {
  transform: translateX(-2000px);
  }
}
.d-demo__wrap {
  display: flex;
  overflow: hidden;
}
.d-demo__list {
  display: flex;
  list-style: none;
}
.d-demo__list--left{
  animation :infinity-scroll-left 100s infinite linear 0.5s both;
}
.d-demo__item {
  width: 2000px;
}
.d-demo__item > img{
  width: 2000px;
  height: 680px;
}

/*----経営方針のリストの設定---- */
#oyakudachi li {
  margin-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height:0.6em;
}

/*----行動規範のボックスの設定---- */
#koudoukihan {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border: #6D6D6D 1px solid;
  padding: 1.5em;
}

/*----ISOのリストの設定---- */
.iso-list ul {
  font-size: 14px;
  font-size: 1.4rem;
  line-height:1.5em;
}
.iso-list li {
  list-style: none;
}
.iso-img {
  float: none;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
    }
.certification {
  width: 100%;
  height: auto;
}
/*----健康経営のボックス中身---- */
#safety-box {
  width: 100%;
  margin: 0px;
}
#safety-img {
  float:left;
  width: 300px;
  margin-top: 40px;
  margin-left: 40px;
}
#safety-txt {
  display: block;
  height: 300px;
  width: 430px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 420px;
}
#white500 {
  width: 100%;
  height: auto;
}
#soshiki {
  width: 100%;
  height: auto;
}
  
/*----健康経営の表組の設定---- */
.tb-health {
  width:100%;
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-health tr {
  border: 2px solid #ccc;
  padding: 10px;
}
.tb-health th {
  display: table-cell;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 1em;
  white-space: nowrap;
  background-color:#f2f2f2;
}
.tb-health td {
  display: table-cell;
  border: none;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 1em;
  text-align: right;
  white-space: nowrap;
}
#kenshin-scroll {
  overflow: auto;
  overflow-x:scroll;
}
#list-kenko {
  margin-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
}

/*----会社概要の表の設定---- */
.tb-outline {
  width:100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  border-collapse: collapse;
  text-align: left;
}
.tb-outline tr {
  border-collapse: collapse;
  border: 2px solid #ccc;
  padding: 10px;
}
.tb-outline th {
  display: block;
  border-bottom-style: 2px solid #ccc;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align:top;
  padding: 0.8em 1em;
  background-color:#f2f2f2;
}
.tb-outline td {
  display: block;
  border-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0.8em 1em;
}
.no-br {
  white-space: nowrap;
  margin: 0;
}  
.yakuin {
  list-style: none;
}
.dan {
  display: block;
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
}
.dan2 {
  display: block;
  margin-left: 16em;
  font-size: 14px;
  font-size: 1.4rem;
}
.dan3 {
  display: table-cell;
  width: 20em;
  font-size: 14px;
  font-size: 1.4rem;
}
.dan4 {
  display: table-cell;
  padding-left: 1em;
  font-size: 14px;
  font-size: 1.4rem;
}
.yakushoku {
  display:inline-block;
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height:1.5em;
  white-space: nowrap;
}
/*----会社概要のグーグルマップの設定---- */
#map-position {
  width:100%;
}
.gm-asp {
	aspect-ratio: 13 / 8;
    max-width: 1100px;
    width: 100%;
    height: auto;
	}
.honsya-img {
  position: relative;
  object-fit:contain;
  width: 100%;
  height: auto;
	}

#how-access {
  font-size:14px;
  font-size:1.4rem;
  line-height:1.5em;
  padding-left: 1em;
}
/*----沿革の表組の設定---- */
#about-history {
  width: 94%;
  overflow: hidden;
  margin-left:auto;
  margin-right:auto;
  padding: 20px;
  background: #DFF2F1;
}
.tb-history {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  border-collapse: collapse;
  border-style:none;
}
.tb-history tr {
  border-collapse: collapse;
  border-top: 2px solid #ccc;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style:none;
}
.tb-history tr:last-child {
  border-bottom: 2px solid #ccc;
}
.tb-history th {
  border-style:none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  padding: 0.8em 1em;
  white-space: nowrap;
}
.tb-history td {
  border-style:none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  padding: 0.8em 1em;
}

/*----事業所一覧の表組の設定---- */
.tb-office {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  border-collapse: collapse;
  border-style:none;
}
.tb-office tr {
  border-collapse: collapse;
  border-top: 2px solid #ccc;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style:none;
}
.tb-office tr:last-child {
  border-bottom: 2px solid #ccc;
}
.tb-office th {
  border-style:none;
  width: 20%;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  vertical-align:top;
  padding: 0.8em 1em;
  white-space: nowrap;
}
.tb-office td {
  border-style:none;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: top;
  padding: 0.8em 1em;
}

.tb-office-sub {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  border-collapse: collapse;
  border-style:none;
}
.tb-office-sub tr {
  border-collapse: collapse;
  border-top: 2px solid #ccc;
  border-style:none;
}
.tb-office-sub tr:last-child {
  border-bottom: 2px solid #ccc;
}
.tb-office-sub th {
  width: 20%;
  border-style:none;
  text-decoration:none;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  vertical-align:top;
  padding: 0.4em 1em;
  white-space: nowrap;
}
.tb-office-sub td {
  border-style:none;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: top;
  padding: 0.4em 1em;
}

/*----グループ会社一覧の表組の設定---- */
.tb-group {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-group tr {
  border: 2px solid #ccc;
  padding: 10px;
}
.tb-group th {
  display: block;
  border-bottom-style: 2px solid #ccc;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  vertical-align:top;
  padding: 0.8em;
  white-space: nowrap;
  background-color:#f2f2f2;
}
.tb-group td {
  display: block;
  border-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0.8em 1em;
}
#mts-jigyou {
  padding-left: 1em;
  font-size: 14px;
  font-size: 1.4rem;
}
.image-scale100per {
  width: 100%;
  height: auto;
}
.image-scale60per {
  width: 60%;
  height: auto;
  margin-left:auto;
  margin-right:auto;
}
.image-position-center {
  width: 50%;
  height: auto;
  margin-left:auto;
  margin-right:auto; 
}
/*----グループ会社一覧の画像の設定---- */
.ttl-img-position {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}
.group-ttl-img {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  height: auto;
}
a.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
.anchor-box {
  display: block;
  width: 100%;
  height: 60px;
}

/*----ニュースリリース、ディスクローズ情報、決算短信の表組の設定---- */
.tb-common {
  width:100%;
  overflow: hidden;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px;
  border-collapse: collapse;
  border-style:none;
}
.tb-common tr {
  border-top: 2px solid #ccc;
  border-bottom-style:none;
  border-left-style:none;
  border-right-style:none;
}
.tb-common tr:last-child {
  border-bottom: 2px solid #ccc;
}
.tb-common th {
  display: block;
  border-style:none;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: center;
  padding: 0.8em 1em;
  color: #666;
  white-space: nowrap;
}
.tb-common td {
  display: block;
  border-style:none;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 1em;
}
.common-contents {
  display: block;
  border-style:none;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 1em;
}
.common-year-ttl {
  display: block;
  border-style:none;
  font-size: 20px;
  font-size: 2rem;
  font-weight:bold;
  color:#666;
  text-align: center;
  padding: 10px;
  background-color:#f2f2f2;
}
.cover {
  display: table;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.col-1 {
  display: table-cell;
  width: 60px;
}
.col-2 {
  display: table-cell;
  vertical-align: top;
}
.col-3 {
  display: table-cell;
  width: 60px;
  text-align: right;
}
.table-space {
  display: block;
  height: 40px;
}

/*----財務情報（連結経営指標等、提出会社の経営指標等）の表組の設定---- */
/*----表組を横スクロールさせる---- */
#renketsu-scroll {
  overflow: auto;
  overflow-x:scroll;
}
#teishutsu-scroll {
  overflow: auto;
  overflow-x:scroll;
}
.tb-shihyou {
  max-width:100%;
  border-collapse: collapse;
  font-size: small;
}
.tb-shihyou tr {
  border: 2px solid #ccc;
  padding: 0px;
}
.tb-shihyou th {
  width: 160px;
  border: none;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 1em;
  white-space: nowrap;
  text-align: left;
  background-color:#f2f2f2;
}
.tb-shihyou td {
  border: none;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 1em;
  white-space: nowrap;
  text-align: right;
}
.tb-shihyou td:nth-child(even) {
  background-color:#f2f2f2;
}
.tb-shihyou td:last-child {
  background-color:#ffc;
}

.chushaku {
  margin-left: 2.5em;
}
/*----財務情報グラフの設定---- */
.graph-box {
  width: 100%;
}
.graph-left {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  float:left;
  margin-bottom: 10px;
}
.graph-right {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  float:left;
  margin-bottom: 10px;
}

/*----株式情報の表組の設定---- */
/*----表組を横スクロールさせる---- */
.scroll {
  overflow: auto;
  overflow-x:scroll;
}
.tb-stock {
  width:100%;
  border-collapse: collapse;
  border: none;
}
.tb-stock tr {
  border: 2px solid #ccc;
  padding: 10px;
}
.tb-stock tr:nth-child(1){
  background: #f2f2f2;
}
.tb-stock th {
  white-space: nowrap;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  padding: 0.8em 1em;
  background: #e6e6e6;
}
.tb-stock td {
  display: table-cell;
  border: 2px solid #ccc;
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  padding: 0.8em 1em;
}
.tb-stock td:nth-child(2n){
  background: #f2f2f2;
}

/*----株式事務概要の表組の設定---- */
.tb-gaiyo {
  width:100%;
  border-collapse: collapse;
  border-style:none;
}
.tb-gaiyo tr {
  border: 2px solid #ccc;
  border-left-style:none;
  border-right-style:none;
}
.tb-gaiyo th {
  display: table-cell;
  border-left-style:none;
  border-right-style:none;
  font-size: 16px;
  font-size: 1.6rem;
  white-space: nowrap;
  text-align: left;
  padding: 0.8em 1em;
}
.tb-gaiyo td {
  display: table-cell;
  border-left-style:none;
  border-right-style:none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  padding: 0.8em 1em;
}

/*----株主優待の回り込み設定---- */
#hospitality-box {
  width: 100%;
}
#hospitality-txt {
  float:left;
  width: 100%;
  line-height: 1.5em;
}
#hospitality-img {
  float:right;
  width: 260px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  text-align: center;
}

/*----IRスケジュールの表組の設定---- */
.tb-schedule {
  width:100%;
  margin-top: 15px;
  margin-bottom: 35px;
  border-collapse: collapse;
  border-style:none;
}
.tb-schedule tr {
  border-top: 2px solid #ccc;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style: none;
}
.tb-schedule tr:last-child {
  border-bottom: 2px solid #ccc;
}
.tb-schedule tr:nth-child(odd) {
  background-color:#f2f2f2;
}
.tb-schedule tr:nth-child(1) {
  background-color:#ffc;
}
.tb-schedule th {
  display: table-cell;
  border: none;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: center;
  padding: 0.8em 1em;
  color: #666;
  white-space: nowrap;
}
.tb-schedule td {
  display: table-cell;
  border: none;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 1em;
}
  
/*----IR資料ダウンロードの表組の設定---- */
.tb-download {
  width:100%;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 35px;
  border-collapse: collapse;
  border-style:none;
}
.tb-download tr {
  border-top: 2px solid #ccc;
}
.tb-download tr:last-child {
  border-bottom: 2px solid #ccc;
}
.tb-download th {
  display: block;
  width: 100%;
  border-style:none;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left;
  padding: 0.8em 1em;
  color: #666;
  white-space: nowrap;
}
.tb-download td {
  border-style:none;
}
.type-ttl {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  font-weight:bold;
  color:#666;
  text-align: center;
  padding: 10px;
  border-bottom-style:none;
  background-color:#c5dfff;
}
.tb-block-end {
  border-bottom-style:none;
}
.col-1-dl {
  display: table-cell;
  vertical-align: top;
}
.col-2-dl {
  display: table-cell;
  width: 60px;
  text-align: right;
}
/*----健康経営のボックス中身---- */
#safety-box {
  width: 100%;
  margin: 0px;
}
#safety-img {
  float:left;
  width: 300px;
  margin-top: 40px;
  margin-left: 40px;
}
#safety-txt {
  display: block;
  height: 300px;
  width: 430px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 420px;
}
#white500 {
  width: 100%;
  height: auto;
}
#soshiki {
  width: 100%;
  height: auto;
}
.nintei {
  width: 95%;
  border: 2px solid #ccc;
  padding: 10px;
}
.white500-logo {
  float: none;
  width: 45%;
  height: auto;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.white500-image {
  float: left;
  width: 45%;
  height: auto;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.white500-txt {
  width: 100%;
  float: none;
  margin-left: 2%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.kyakuchu {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.0em;
  text-align: left;
}
/*----健康経営の表組の設定---- */
.tb-health {
  width:100%;
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-health tr {
  border: 2px solid #ccc;
  padding: 10px;
}
.tb-health th {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 0.8em 0.5em;
  text-align: center;
  white-space: nowrap;
  background-color:#f2f2f2;
}
.tb-health td {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: right;
  white-space: nowrap;
}

.tb-health-ttl {
  width:100%;
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-health-ttl tr {
  border: 2px solid #ccc;
  padding: 10px;
}
.tb-health-ttl th {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: center;
  white-space: nowrap;
  background-color:#f2f2f2;
}
.tb-health-ttl td {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: right;
  white-space: nowrap;
}

#tb-health-01 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-02 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-03 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-04 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-05 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-06 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-07 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-08 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-09 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-10 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
#tb-health-11 {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: left;
  white-space: nowrap;
  background-color:#f2f2f2;
}
.kenshin-scroll {
  overflow: auto;
  overflow-x:scroll;
}
.list-kenko {
  margin-left: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.0em;
}
.health-nintei {
display: block;
  font-size: 14px;
  font-size: 1.4rem;
  list-style: none;
  margin: 0px;
  line-height: 1.5;
  white-space: nowrap;
  overflow:auto;
}
#th-color01 {
  background-color:#72D4D1;
}
#td-color01 {
  background-color:#B6F3F3;
}
#th-color02 {
  background-color:#72D4D1;
}
#td-color02 {
  background-color:#B6F3F3;
}
#th-color03 {
  background-color:#72D4D1;
}
#td-color03 {
  background-color:#B6F3F3;
}
#th-color04 {
  background-color:#72D4D1;
}
#td-color04 {
  background-color:#B6F3F3;
}
#th-color05 {
  background-color:#72D4D1;
}
#td-color05 {
  background-color:#B6F3F3;
}
/*----CSR活動の設定---- */
.csr-ttl {
  padding-top: 20px;
}
.csr-text-left {
  width: 98%;
  margin-left: 0;
  margin: 10px;
  line-height: 1.5;
}
.csr-text-right {
  width: 98%;
  margin: 10px;
  line-height: 1.5;
}
.csr-image-left {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}
.csr-image-right {
  width: 100%;
  height: auto;
  margin-bottom: 0;
}
/*----採用情報の設定---- */
.entry-btn a:link {
  display: block;
  width: 400px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3em;
  text-align:center;
  color:#666;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: -moz-linear-gradient(top, #fff, #9BDDEE); /* グラデーション設定 */
  background: -webkit-linear-gradient(top, #fff, #9BDDEE); /* グラデーション設定 */
  background: linear-gradient(to bottom, #fff, #9BDDEE); /* グラデーション設定 */  
}
.entry-btn a:hover {
  display: block;
  width: 400px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 28px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.3em;
  text-align:center;
  color:#fff;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: -moz-linear-gradient(top, #92CEE5, #325B9E); /* グラデーション設定 */
  background: -webkit-linear-gradient(top, #92CEE5, #325B9E); /* グラデーション設定 */
  background: linear-gradient(to bottom, #92CEE5, #325B9E); /* グラデーション設定 */  
}
.icon_boshu {
  width: 100%;
  height: auto;
  margin-bottom:40px; 
}

/*----全体の左右100％---- */
#recruit-box {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}

/*----画像の左右100％---- */
#recruit-img-main {
  width: 100%;
  height: auto;
}
.recruit-img {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/*----お問い合わせページのリストの設定---- */
.list-privacy {
  width: 97%;
  padding-left: 2em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
  
/*----下部メニューの設定---- */
.ft-menu {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  background: #f2f2f2;
}

.ft-box {
  display: block;
  width: 100%;
  overflow: hidden;
  padding-top: 20px;
  margin-left: 20px;
  margin-right: auto;
  margin-bottom: 20px;
}
.ft-list {
  float: none;
  display: block;
  margin-right: 20px;
  list-style: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  white-space:nowrap;
  line-height: 2;
}
.indent {  text-indent: 1em;
}
#clr-gray {
  color: #888;
}
.clr-gray {
  color: #888;
}
/*----フッターの設定---- */
.footer-base {
  clear: both;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  background: rgba(44, 44, 44, 0.6);
}
.footer-txt {
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-size: 8px;
  font-size: 0.8rem;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0.5em;
  color: #fff;
}
.logo-box {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 20px;
}
.ft-logo {
  display: block;
  float: center;
  width: 70%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
/* 上に戻るボタン */
.pagetop {
	display: none;
	position: fixed;
	bottom: 2rem;
	right: 3rem;
	font-size: 3.8rem;
	width: 5.0rem;
	height: 5.0rem;
	line-height: 6.0rem;
	border-radius: 2.5rem;
	text-align: center;
	cursor: pointer;
	z-index: 200;
}
#image-scale50px {
    width: 50px;
    height: auto;
}
/* 上に戻るボタン */

/*----ここからメディアクエリ（PCサイズの1100pxから800pxまでの設定）---- */
@media screen and (min-width : 900px ){
.drawr {
	display: none;
	}
/*----表示領域のレイアウト---- */
#wrapper {
  width:100%;        /* 幅を決定する */
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  text-align:left;     /* 中身を左側表示に戻す */
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  background: #fff;
  min-height: 100%;
}
/*----初期設定---- */
body {
  padding: 0;
  font-size: 18px;
  line-height: 1.5em;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  color: #000;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
h1 {
  font-size: 28px;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.5em;
}
h2 {
  font-size: 24px;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.5em;
}
h3 {
  font-size: 20px;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.5em;
}
h4 {
  font-size: 18px;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.5em;
}
p {
  font-size: 16px;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.5em;
  margin-left: 0;
}
#text-red {
  color:#FF0000;
}
#text-l-blue {
  color:#33FFFF;
}
.text-small {
  font-size: 12px;
  font-size: 1.2rem;
}
.mb {
  display: block;
}
/*----リンクの設定---- */
a:link { text-decoration: none; color: #36C; }
a:visited { color: #09F}
a:hover { color: #09C;}
img { border: 0;}
a.anchor {
  display: block;
  padding-top: 160px;
  margin-top: -160px;
}
/*----ヘッダー固定---- */
header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
}

/*----ロゴの表示切替設定（ヒント用）---- */
.logo-position {
  width:100%;
  margin-left:auto; 
  margin-right:auto;
}
.hint-logo_mb {
  display: none;
}
.hint-logo_pc {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: 0;
}
#hint-logo_ws {
  display: block;
  float: left;
  width: 500px;
  height: 130px;
}
/*----ロゴの表示切替設定（PC用）---- */
#logo_mb {
  display: none;
}
#logo_pc {
  display: block;
  width: 55%;
  height: auto;
  float: left;
}
#logo_pc_ws {
  display: block;
  width: 45%;
  height: auto;
  float: left;
}
#logo_pc_ws_50anv {
  display: block;
  width: 35%;
  height: auto;
  float: left;
}
#logo_50anv {
  display: block;
  width: 10%;
  height: auto;
  float: left;
}
#logo-set_pc {
  width: 100%;
  height: auto;
}
/*----メインをヘッダーの下に表示---- */
main {
  z-index: 10;
  position: absolute;
}
.container {
  overflow: hidden;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.evo-img {
 width: 100%;
}
.categoly-img {
  float: left;
  width: 31.5%;
  height: auto;
  margin: 5px;
}
.ps-categoly-img {
  float: left;
  width: 14%;
  height: auto;
  margin: 1%;
}
/*----トップページ以外のキービジュアル---- */
#header-img {
  width: 100%;
  height: 40px;
}
/*----文章レイアウト---- */
.pankuzu {
  display: block;
  width:100%;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:40px;
  font-size: 14px;
}

.main-contents-box {
  width:94%;
  margin-top:50px;
  margin-bottom:50px;
  margin-left:auto;
  margin-right:auto; 
  text-align:left;
}
/*----プリペイドシステム導入件数（PC900-1200px用）---- */
.counter-box {
  overflow: hidden;
  width: 84%;
  background-color: #ddd;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding: 20px;
}

.couter-set {
	width: 50%;
	background-color: #ddd;
	float: left;
}
.counter-title {
  overflow: hidden;
  width: 100%;
  font-weight: bolder;
  font-size: 100%;
  font-size: 2.5rem;
  line-height: 1.4em;
  text-align: center;
  color: #4D4D4D;
}
.caption {
  overflow: hidden;
  width: 100%;
  font-size: 80%;
  font-size: 2.5rem;
  line-height: 1.0em;
  text-align: center;
}
.counter {
  overflow: hidden;
  width: 100%;
  font-weight: bolder;
  font-size: 5rem;
  line-height: 1.2em;
  text-align: center;
  color: #4488FF;
}
.couter-detaile-set {
	width: 50%;
	background-color: #ddd;
	float: left;
}
.detaile-caption {
  width: 100%;
  font-size: 2rem;
  line-height: 1.5em;
  text-align: center;
}
.button a {
    background: #fff;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    padding: 10px 25px;
    color: #000;
    line-height: 1.8;
    transition: 0.1s ease-in-out;
    font-weight: 500;
}
.button a:hover {
    background: #48f;
    color: #FFF;
}
.button a:hover:after {
    border-color: #FFF;
}

/*----ナビゲーション全体（PC用）---- */

.btn {
  display: none;
}
.btn_pc {
  display:block;
  width: 80%;
  height: 40px;
  padding-left: 5%;
  padding-right: 15%;
  list-style:none;
  background: #FFF;
}
.btn_pc li {
  float:left;
  text-align: center;
  background: #FFF;
}
.btn_pc li a:link { /* ナビのリンク文字設定 */
  display: block;
  height: 30px;
  text-decoration: none;
  text-align:center;
  padding-top: 18px;
  font-size: 14px;
  color:#000;
  margin-right: 20px;
}
.btn_pc li a:visited { /* ナビの訪問済文字設定 */
  display: block;
  height: 30px;
  text-decoration: none;
  text-align:center;
  padding-top: 18px;
  font-size: 14px;
  color:#484848;
  margin-right: 20px;
}
.btn_pc li a:hover { /* ナビのホバー文字設定 */
  display: block;
  height: 30px;
  text-decoration: none;
  text-align:center;
  padding-top: 18px;
  font-size: 14px;
  color:#0A177C;
  margin-right: 20px;
}

/*----ヘッダーイメージ画像の位置---- */
#dummy_ws_mb {
  display: none;
}
#dummy_ws_pc {
  display: flex;
  width: 100%;
  height: auto;
  margin-top: 48px;
}
#main-visual_mb {
  display: none;
}
#main-visual {
  display: block;
  width: 100%;
  height: auto;
}
/*----トップページのニュースリリースの設定---- */

/*----トップページのニュースの背景グレー---- */
#news-box {
  overflow: hidden;
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding-top: 20px;
}
#news-ttl {
  float:left;
  width: 150px;
  height: 200px;
  margin-left: 0px;
}
#tvcm {
  overflow: hidden;
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding-top: 20px;
}
#media-box {
  overflow: hidden;
  width: 84%;
  border: solid #999 1px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding: 20px;
}
/*----トップページのニュース表組の設定（PC用）---- */
.tb-news-top5 {
  float:left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 35px;
  border-collapse: collapse;
  border-style:none;
}
.tb-news-top5 tr {
  border: 1px solid#ccc;
  border-left-style:none;
  border-right-style:none;
}
.tb-news-top5 tr:last-child {
  border-bottom: 1px solid #ccc;
}
.tb-news-top5 th {
  display: table-cell;
  border-style:none;
  text-align: left;
  vertical-align:middle;
  padding: 0.8em 1em;
  color: #000;
  white-space: nowrap;
}
.tb-news-top5 td {
  display: table-cell;
  border-style:none;
  padding: 0.8em 1em;
}
.col-1top5 {
   display: table-cell;
   width: 70px;
}
.col-2top5 {
   display: block;
   width: 480px;
   padding-left: 20px;
   padding-right: 20px;
}
.col-3top5 {
   display: table-cell;
   width: 70px;
}
.n-categoly_mb {
  display: none;
}
.n-categoly {
  display: block;
  width: 70px;
}
.n-pdf_mb {
  display: none;
}
.n-pdf {
  display: block;
  width: 50px;
}

/*----トップページのバナーの設定（PC用）---- */
.top-ttl {
  display: block;
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: center;
}
.banner-menu {
  width: 100%;
}
.banner-box {
  display: block;
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 15px;
}
.banner-img {
  float: left;
  width: 31.5%;
  height: auto;
  margin: 5px;
}
/*----回り込みの解除---- */
.clear-3block {
  clear: both;
}
.clear-2block {
  clear: none;
}
/*----製品情報の設定（PC用）---- */
.prd-top-categoly {
  display: block;
  float: left;
  width: 31.5%;
  height: auto;
  margin: 5px;
}
.prd-img-main {
  display: block;
  width: 100%;
  height: auto;
}
.prd-img-categoly {
  float: left;
  width: 30%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
}
.prd-txt-categoly {
  overflow: hidden;
  width: 65%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.evo-unit_mb {
  display: none;
}
.evo-unit_pc {
  display: block;
  width: 100%;
  height: auto;
}
.evo-img-48per {
  display: block;
  width: 100%;
  height: auto;
}
.evo-text {
  width: 80%;
  margin-right: 10%;
  margin-left: 10%;
}
.evo-text-harf {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}
.evo-text-img-box{
  float: left;
  width: 48%;
  text-align: left;
}
.evo-space {
  display: block;
  width: 4%;
  float: left;
}
.tab-selected {
  display: block;
  float: left;
  width: 49%;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 1%;
  padding-top: 1.2em;
  background: #C3EFFB;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2em;
}
.tab-no-select a:link {
  display: block;
  float: left;
  width: 49%;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 1%;
  padding-top: 1.2em;
  background: #e6e6e6;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2em;
}
.tab-no-select a:hover {
  display: block;
  float: left;
  width: 49%;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 1%;
  padding-top: 1.2em;
  background: #C3EFFB;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2em;
}
.prd-img-col2 {
  float: left;
  width: 450px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 10px;
}
.prd-img-row2 {
  width: 350px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 20px;
}
.prd-img-row2-100per {
  float: left;
  width: 48.5%;
  height: auto;
  margin-bottom: 10px;
  margin-right: 1%;
}
.prd-img-row4-50per {
  float: left;
  width: 24%;
  height: auto;
  margin-bottom: 10px;
  margin-right: 1%;
}
.prd-img-nofloat {
  width: 99%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-sub_mb {
  display: none;
}
.prd-img-sub_pc {
  display: block;
  width: 99%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-100per-250px {
  float: left;
  width: 250px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 20px;
}
.prd-img-100per-160px {
  float: left;
  width: 160px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 20px;
}
.prd-img-30per-250px {
  float: left;
  width: 40%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 20px;
}
.prd-img-50per-350px {
  float: left;
  width: 50%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}
.prd-img-100per-450px {
  float: left;
  width: 48%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 10px;
}
.prd-img-100per-450px-2 {
  display: block;
  float: left;
  width: 48%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0;
}
.prd-img-100per-550px {
  float: left;
  width: 61%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.prd-txt-50per-550px {
  float: left;
  overflow: hidden;
  width: 45%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.prd-txt-70per-650px {
  float: left;
  overflow: hidden;
  width: 47%;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.8rem;
  line-height: 1.8em;
}
.prd-txt-100per {
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.8rem;
  line-height: 1.5em;
}
.prd-txt-100per-350px {
  float: left;
  overflow: hidden;
  width: 35%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.8rem;
  line-height: 1.8em;
}
.prd-txt-100per-450px {
  display: block;
  float: left;
  overflow: hidden;
  width: 50%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.8rem;
  line-height: 1.8em;
}
.personal-menu-box{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.tb-air {
  width:100%;
  border-collapse: collapse;
  text-align: left;
}
.tb-air tr {
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-air th {
  display: table-cell;
  width: 200px;
  border-bottom-style: 2px solid #ccc;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFCC;
}
.tb-air td {
  display: table-cell;
  border-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 10px;
  vertical-align: top;
}
.tb-line {
  width:900px;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

/*----ヒントページの設定---- */
.hint-mark {
  display: block;
  float: left;
  width: 100px;
  height: auto;
  margin-bottom: 0px;
  margin-left: 0%;
  margin-right: 0%;
}
.hint-title {
  display: block;
  float: left;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  color: #008f7e;
  line-height: 1.2em;
  text-align: left;
  margin-top: 12px;
}
.hint-title2 {
  display: block;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  text-align: left;
}
.hint-img-100per-480px_mb {
  display: none;
}
.hint-img-100per-480px_pc {
  display: block;
  float: left;
  overflow: hidden;
  width: 460px;
  height: auto;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.hint-txt-100per-420px {
  display: block;
  float: left;
  overflow: hidden;
  width: 420px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.hint-list{
  list-style: square;
  padding-left: 2rem;
}
.hint-box-video {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.video {
  position: relative;
  padding-bottom : 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hint-box-prd {
 width: 70%;
 margin-left: auto;
 margin-right: auto;
}
.tb-hint-office {
  width:70%;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  border-collapse: collapse;
  border-style:none;
}
/*----導入レポートの表の設定---- */
.tb-hall {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
    
/*----個人情報保護法対応の表の設定---- */
.privacy-box {
  width: 800px;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 15px;
}

/*----トップメッセージ本文の設定---- */

/*----トップメッセージのボックス中身（PC用）---- */
#about-box {
  width: 820px;
  overflow: hidden;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 40px;
}
#head-office-img {
  float:left;
}
#about-mghd-txt {
  float:left;
  width: 800px;
  padding-top: 0;
}
#group-image {
  clear: both;
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px;
}

/*----企業情報とIR情報ページのアイコンボックスの設定（PC用）---- */
/*----アイコン全体の左右70％---- */
.icon-box-big {
  width: 100%;
  margin-left:auto; 
  margin-right:auto;
  margin-bottom: 50px;
  overflow: hidden;
}
/*----アイコンを左寄せに回り込み配置---- */
.icon_mb {
  width: 46%;
  height: auto;
  float: left ;
  margin: 10px;
}

/*----パーパスイメージの設定---- */
.pps-top{
  position: relative;
  width: 100%;
  height: auto;
}
.pps-top-bg{
  display: block;
  position: relative;
  object-fit:cover;
  width: 100%;
  height: auto;
}
.pps-top-img{
  display: block;
  position: absolute;
  object-fit:contain;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
}
.pps-top-mb{
  display: none;
}
.box {
    position: relative;
}

.box div.text {
    display: block;
    position: absolute; 
    left: 100px; 
    top: 20px; 
    font-size: 15px;
    color:#fff;
}
.txt-on-pics-box {
    position: absolute;
    width: 60%;
    left: 20%;
    right: 20%;
    top: 100px;
}
.txt-on-pics1 {
    font-size: 18px;
    font-size: 1.8rem;
    color:#000;
}
.txt-on-pics2 {
    margin-top: 20px;
    font-size: 4.5vw;
    font-weight: bold;
    line-height: 1.4em;
    white-space: nowrap;
    color:#000;
}
.txt-on-pics3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8em;
    color:#000;
}
.mvv {
    display: block;
    width: 60%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2em;
}
.mvv-title{
    width: 70%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.mvv-box-01 {
  width        : 100%;
  height       : 5px;
  background   : linear-gradient(to right, #8282e4, #78e378);
}
.mvv-box-02 {
  width        : 100%;
  height       : 5px;
  background   : linear-gradient(to right, #82b3e4, #c578e3);
}
.mvv-box-03 {
  width        : 100%;
  height       : 5px;
  background   : linear-gradient(to right, #e49182, #c578e3);
}
.mvv-img {
    width: 100%;
    height: auto;
}
.philosophy-box {
    display: block;
    width: 600px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/*----経営方針のリストの設定---- */
/*----行動規範のボックスの設定---- */
#koudoukihan {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  border: #6D6D6D 1px solid;
  padding: 2em;
}
/*----ISOのリストの設定---- */
.iso-list ul {
  font-size: 14px;
  font-size: 1.4rem;
  line-height:1.5em;
}
.iso-list li {
  list-style: none;
}
.iso-img {
  float: left;
  width: 29%;
  margin-left: 2%;
  margin-right: 2%;
    }
.certification {
  width: 100%;
  height: auto;
}
/*----健康経営のボックス中身---- */
#safety-box {
  width: 880px;
  margin: 0px;
}
#safety-img {
  float:left;
  width: 300px;
  margin-top: 40px;
  margin-left: 40px;
}
#safety-txt {
  display: block;
  height: 300px;
  width: 430px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 420px;
}
/*----健康経営のボックス中身---- */
#safety-box {
  width: 880px;
  margin: 0px;
}
#safety-img {
  float:left;
  width: 300px;
  margin-top: 40px;
  margin-left: 40px;
}
#safety-txt {
  display: block;
  height: 300px;
  width: 430px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 420px;
}
.white500-logo {
  float: left;
  width: 30%;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
}
.white500-image {
  float: left;
  width: 20%;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
}
.white500-txt {
  width: 50%;
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}

/*----健康経営の表組の設定（PC用）---- */
.tb-health {
  width:100%;
  border-collapse: collapse;
  border-style:none;
  text-align: left;
}
.tb-health tr, th, td {
  border: 1px solid #ccc;
}
.tb-health th {
  display:table-cell;
  border: 1px solid #ccc;
  width: 260px;
  white-space: nowrap;

  padding: 0.8em 0.5em;
  background: #f2f2f2;
}
.tb-health td {
  display:table-cell;
  border: 1px solid #ccc;
  padding: 0.8em 0.5em;
}
.kenshin-scroll {
  overflow: auto;
  overflow-x:auto;
}

.tb-health-ttl {
  width:100%;
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-health-ttl tr {
  border: 2px solid #ccc;
  padding: 10px;
}
.tb-health-ttl th {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  padding: 0.8em 0.5em;
  text-align: center;
  white-space: nowrap;
  background-color:#f2f2f2;
}
.tb-health-ttl td {
  display: table-cell;
  border: 2px solid #ccc;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.8em 0.5em;
  text-align: right;
  white-space: nowrap;
}
/*----会社概要のグーグルマップの設定---- */
#map-position {
  width:59.1%;
  height: auto;
  float: left;
}
.gm-asp {
	aspect-ratio: 13 / 12;
    max-width: 1100px;
    width: 100%;
    height: auto;
	}
.sr-honsya {
	width: 40.9%;
	height: auto;
	float: left;
}
.honsya-img {
  position: relative;
  object-fit:cover;
  width: 100%;
  height: auto;
	}
/*----沿革の表組の設定---- */
#about-history {
  width: 94%;
  overflow: hidden;
  margin-left:auto;
  margin-right:auto;
  padding: 20px;
  background: #DFF2F1;
}
.tb-history {
  width:100%;
  border-collapse: collapse;
  border-style:none;
}
.tb-history tr {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style:none;
}
.tb-history tr:last-child {
  border-bottom: 1px solid #ccc;
}
/*----グループ会社一覧の表組の設定---- */
.tb-group {
  width:100%;
  border-collapse: collapse;
  border-style:none;
  text-align: left;
}
.tb-group tr, th, td {
  border: 1px solid #ccc;
}
.tb-group th {
  display:table-cell;
  border: 1px solid #ccc;
  width: 120px;
  white-space: nowrap;
  padding: 0.8em 1em;
  background: #f2f2f2;
}
.tb-group td {
  display:table-cell;
  border: 1px solid #ccc;
  width:auto;
  padding: 0.8em 1em;
}
/*----グループ会社一覧の画像の回り込みの設定---- */
.group-box-big {
  width: 900px;  /*----全体の左右900ピクセル---- */
}
.ttl-img-position {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}
.group-ttl-img {
  width: 100%;
  height: auto;
}

/*----ニュースリリース、ディスクローズ情報、決算短信の表組の設定---- */
.tb-common {
  width:82%;
  margin-top: 15px;
  margin-bottom: 35px;
  border-collapse: collapse;
  border-style:none;
}
.tb-common tr {
  border-top: 1px solid #ccc;
}
.tb-common tr:last-child {
  border-bottom: 1px solid #ccc;
}
.tb-common th {
  display: table-cell;
  border-style:none;
  text-align: left;
  vertical-align:middle;
  padding: 0.8em 1em;
  color: #000;
  white-space: nowrap;
}
.tb-common td {
  display: table-cell;
  border-bottom: 1px solid #ccc;
  padding: 0.8em 1em;
}
.cover {
  display: table;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.col-1 {
   display: table-cell;
   width: 70px;
}
.col-2 {
   display: table-cell;
   width: 500px;
   padding-left: 20px;
   padding-right: 20px;
}
.col-3 {
   display: table-cell;
   width: 70px;
}

/*----財務情報（連結経営指標等、提出会社の経営指標等）の表組の設定---- */
.tb-shihyou {
  width:900px;
  border-collapse: collapse;
  font-size: 14px;
}
.tb-shihyou tr, th, td {
  border: 1px solid #ccc;
  padding: 10px;
}
.tb-shihyou th {
  width:180px;
  font-size: 14px;
  font-size: 1.4rem;
  white-space: nowrap;
  text-align: left;
  background-color:#f2f2f2;
}
.tb-shihyou td {
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: right;
  padding: 0.8em 1em;
}
.tb-shihyou td:nth-child(even) {
  background-color:#f2f2f2;
}
.tb-shihyou td:last-child {
  background-color:#ffc;
}

/*----財務情報グラフの設定---- */
.graph-box {
  width: 900px;
  overflow: hidden;
}
.graph-left {
  float:left;
  width: 440px;
  height: auto;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}
.graph-right {
  float:right;
  width: 440px;
  height: auto;
  margin-left: 10px;
  margin-right: 0;
  margin-bottom: 20px;
}
/*----株式情報の表組の設定---- */
.tb-stock {
  width:900px;
}
.tb-stock tr, th, td {
  border: 1px solid #ccc;
  padding: 10px;
}

/*----株式事務概要の表組の設定---- */
.tb-gaiyo {
  width:900px;
  border-collapse: collapse;
  border-style:none;
  font-size: 14px;
}
.tb-gaiyo tr, th, td {
  border: 1px solid #ccc;
  border-left-style:none;
  border-right-style:none;
}
.tb-gaiyo th {
  white-space: nowrap;
  text-align: left;
}
.tb-gaiyo td {
  padding: 0.8em 1em;
}

/*----株主優待の回り込み設定---- */
#hospitality-box {
  width: 900px;
}
#hospitality-txt {
  float:left;
  width: 580px;
  line-height: 1.5;
}
#hospitality-img {
  float:right;
  width: 260px;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

/*----IRスケジュールの表組の設定---- */
.tb-schedule {
  width:900px;
}
.tb-schedule tr {
  border-top: 1px solid #ccc;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style: none;
}
.tb-schedule tr:first-child {
  background-color:#ffc;
}
.tb-schedule tr:last-child {
  border-bottom: 1px solid #ccc;
}
.tb-schedule th {
  white-space: nowrap;
  text-align: left;
}
.tb-schedule td {
  padding: 0.8em 1em;
}

/*----IR資料ダウンロードの表組の設定---- */
.tb-download {
  width:900px;
}
.tb-download tr {
  border-top: 1px solid #ccc;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style: none;
}
.tb-download tr:last-child {
  border-bottom: 1px solid #ccc;
}
.tb-download th {
  display:table-cell;
  vertical-align: middle;
  white-space: nowrap;
  width:180px;
}
.tb-download td {
  display:table-cell;
  padding: 0.8em 1em;
}
.type-ttl {
  text-align: left;
}

/*----CSR活動の設定---- */
.csr-text-left {
  float:left;
  width: 55%;
  margin: 10px;
  line-height: 1.5;
}
.csr-text-right {
  float:right;
  width: 55%;
  margin: 10px;
  line-height: 1.5;
}
.csr-image-left {
  float:left;
  width: 40%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.csr-image-right {
  float:right;
  width: 40%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.csr-image-none {
  width: 870px;
  margin-left: 0;
  line-height: 1.5;
}
.csr-image-none h2 {
  text-align:left;
  padding-left: 10px;
  color: #06C;
}

/*----採用情報の画像の左右100％---- */
#recruit-img {
  width: 900px;
  height: auto;
}
.icon_boshu {
  width: 50%;
  height: auto;
  margin-left: 25%;
  margin-right: 25%;
}

/*----採用情報の回り込みの設定---- */
#recruit-box {
  width: 840px;  /*----全体の左右840ピクセル---- */
}
#recruit-img-left {  /*----イメージを左寄せに回り込み配置---- */
  float: left;
  margin: 0px;
}
#recruit-img-right {  /*----イメージを右寄せに回り込み配置---- */
  float: right;
  margin: 0px;
}

/*----下部メニューの設定---- */
.ft-menu {
  width: 100%;
}
.ft-box {
  width: 96%;
  overflow: hidden;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.ft-list {
  float: left;
  display: block;
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  white-space:nowrap;
  line-height: 1.6;
}
/*----フッター---- */
.footer-base {
  clear: both;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  background: rgba(44, 44, 44, 0.6);
  }
.footer-txt {
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-size: 8px;
  font-size: 0.8rem;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0.5em;
  color: #fff;
  }
.logo-box {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.ft-logo {
  display: block;
  float: center;
  width: 300px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
/*----ここからメディアクエリ（PCサイズの設定）---- */
@media screen and (min-width:1200px) {
.drawr {
	display: none;
	}
/*----表示領域のレイアウト---- */
#wrapper {
  width:100%;        /* 幅を決定する */
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  text-align:left;     /* 中身を左側表示に戻す */
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  background: #fff;
  min-height: 100%;
}
/*----初期設定---- */
.mb {
  display: block;
}
/*----リンクの設定---- */
a:link { text-decoration: none; color: #36C; }
a:visited { color: #09F}
a:hover { color: #09C;}
img { border: 0;}
a.anchor {
  display: block;
  padding-top: 160px;
  margin-top: -160px;
}
/*----ヘッダー固定---- */
header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100;
}

/*----ロゴの表示切替設定（ヒント用）---- */
.logo-position {
  width:100%;
  margin-left:auto; 
  margin-right:auto;
}
.hint-logo_mb {
  display: none;
}
.hint-logo_pc {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: 0;
}
#hint-logo_ws {
  display: block;
  float: left;
  width: 500px;
  height: 130px;
}
/*----ロゴの表示切替設定（PC用）---- */
#logo_mb {
  display: none;
}
#logo_pc {
  display: block;
  width: 660px;
  height: 72px;
  float: left;
}
#logo_pc_ws {
  display: block;
  width: 540px;
  height: 72px;
  float: left;
}
#logo_pc_ws_50anv {
  display: block;
  width: 420px;
  height: 72px;
  float: left;
}
#logo_50anv {
  display: block;
  width: 120px;
  height: 72px;
  float: left;
}
#logo-set_pc {
  width: 1200px;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
}
/*----メインをヘッダーの下に表示---- */
main {
  z-index: 10;
  position: absolute;
}
.container {
  overflow: hidden;
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.evo-img {
 width: 100%;
}
.categoly-img {
  float: left;
  width: 31.5%;
  height: auto;
  margin: 5px;
}
.ps-categoly-img {
  float: left;
  width: 14%;
  height: auto;
  margin: 1%;
}
/*----トップページ以外のキービジュアル---- */
#header-img {
  width: 100%;
  height: 40px;
}
/*----文章レイアウト---- */
.pankuzu {
  display: block;
  width:100%;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:40px;
  font-size: 14px;
}

.main-contents-box {
  width:1200px;
  margin-top:50px;
  margin-bottom:50px;
  margin-left:auto;
  margin-right:auto; 
  text-align:left;
}
/*----プリペイドシステム導入件数（PC1200px以上用）---- */

.counter-box {
  overflow: hidden;
  width: 900px;
  background-color: #ddd;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding: 20px;
}
.couter-set {
	width: 50%;
	background-color: #ddd;
	float: left;
}
.counter-title {
  overflow: hidden;
  width: 100%;
  font-weight: bolder;
  font-size: 100%;
  font-size: 2.5rem;
  line-height: 1.4em;
  text-align: center;
  color: #4D4D4D;
}
.caption {
  overflow: hidden;
  width: 100%;
  font-size: 80%;
  font-size: 2.5rem;
  line-height: 1.0em;
  text-align: center;
}
.counter {
  overflow: hidden;
  width: 100%;
  font-weight: bolder;
  font-size: 5rem;
  line-height: 1.2em;
  text-align: center;
  color: #4488FF;
}
.couter-detaile-set {
	width: 50%;
	background-color: #ddd;
	float: left;
}
.detaile-caption {
  width: 100%;
  font-size: 2rem;
  line-height: 1.5em;
  text-align: center;
}
.button a {
    background: #fff;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    padding: 10px 25px;
    color: #000;
    line-height: 1.8;
    transition: 0.1s ease-in-out;
    font-weight: 500;
}
.button a:hover {
    background: #48f;
    color: #FFF;
}
.button a:hover:after {
    border-color: #FFF;
}

/*----ナビゲーション全体（PC用）---- */

.btn {
  display: none;
}
.btn_pc {
  display:block;
  width: 1200px;
  height: 40px;
  padding-left: 60px;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  list-style:none;
  background: #FFF;
}
.btn_pc li {
  float:left;
  text-align: center;
  background: #FFF;
}
.btn_pc li a:link { /* ナビのリンク文字設定 */
  display: block;
  height: 30px;
  text-decoration: none;
  text-align:center;
  padding-top: 18px;
  font-size: 16px;
  color:#000;
  margin-right: 20px;
}
.btn_pc li a:visited { /* ナビの訪問済文字設定 */
  display: block;
  height: 30px;
  text-decoration: none;
  text-align:center;
  padding-top: 18px;
  font-size: 16px;
  color:#484848;
  margin-right: 20px;
}
.btn_pc li a:hover { /* ナビのホバー文字設定 */
  display: block;
  height: 30px;
  text-decoration: none;
  text-align:center;
  padding-top: 18px;
  font-size: 16px;
  color:#0A177C;
  margin-right: 20px;
}

/*----ヘッダーイメージ画像の位置---- */
#dummy_ws_mb {
  display: none;
}
#dummy_ws_pc {
  display:flex;
  width: 100%;
  height: 77px;
  margin-top: 48px;
}
#main-visual_mb {
  display: none;
}
#main-visual {
  display: block;
  width: 100%;
  height: auto;
}
/*----トップページのニュースリリースの設定---- */

/*----トップページのニュースの背景グレー---- */
#news-box {
  overflow: hidden;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding-top: 20px;
}
#news-ttl {
  float:left;
  width: 150px;
  height: 200px;
  margin-left: 0px;
}
#tvcm {
  overflow: hidden;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding-top: 20px;
}
#media-box {
  overflow: hidden;
  width: 900px;
  border: solid #999 1px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  padding: 20px;
}
/*----トップページのニュース表組の設定（PC用）---- */
.tb-news-top5 {
  float:left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 35px;
  border-collapse: collapse;
  border-style:none;
}
.tb-news-top5 tr {
  border: 1px solid#ccc;
  border-left-style:none;
  border-right-style:none;
}
.tb-news-top5 tr:last-child {
  border-bottom: 1px solid #ccc;
}
.tb-news-top5 th {
  display: table-cell;
  border-style:none;
  text-align: left;
  vertical-align:middle;
  padding: 0.8em 1em;
  color: #000;
  white-space: nowrap;
}
.tb-news-top5 td {
  display: table-cell;
  border-style:none;
  padding: 0.8em 1em;
}
.col-1top5 {
   display: table-cell;
   width: 70px;
}
.col-2top5 {
   display: block;
   width: 480px;
   padding-left: 20px;
   padding-right: 20px;
}
.col-3top5 {
   display: table-cell;
   width: 70px;
}
.n-categoly_mb {
  display: none;
}
.n-categoly {
  display: block;
  width: 70px;
}
.n-pdf_mb {
  display: none;
}
.n-pdf {
  display: block;
  width: 50px;
}
/*----トップページのバナーの設定（PC用）---- */
.top-ttl {
  display: block;
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: center;
}
.banner-menu {
  width: 100%;
}
.banner-box {
  display: block;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 15px;
}
.banner-img {
  float: left;
  width: 23%;
  height: auto;
  margin: 5px;
}
/*----回り込みの解除---- */
.clear-3block {
  clear: both;
}
.clear-2block {
  clear: none;
}
/*----製品情報の設定（PC用）---- */
.prd-top-categoly {
  display: block;
  float: left;
  width: 31.5%;
  height: auto;
  margin: 5px;
}
.prd-top{
  position: relative;
  width: 100%;
  height: 440px;
}
.prd-top-bg{
  position: relative;
  object-fit:cover;
  width: 100%;
  height: 440px;
}
.prd-top-img{
  position: absolute;
  object-fit:contain;
  width: 1200px;
  height: 440px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.prd-img-main {
  display: block;
  object-fit:contain;
  width: 100%;
  height: 440px;
  margin-left: auto;
  margin-right: auto;
}
.prd-img-categoly {
  float: left;
  width: 30%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
}
.prd-txt-categoly {
  overflow: hidden;
  width: 65%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.new-funk {
  float: left;
  width: 70px;
  height: auto;
  margin-right: 20px;
  margin-bottom: 20px;
    }
.evo-img-50 {
  display: block;
  width: 410px;
  height: auto;
  float: left;
}
.evo-text-50 {
  display: block;
  float: left;
  width: 550px;
  padding-left: 20px;
  padding-right: 0;
  margin-top: 0;
}
.evo-img-48per {
  display: block;
  width: 100%;
  height: auto;
}
.evo-text {
  width: 80%;
  margin-right: 10%;
  margin-left: 10%;
}
.evo-text-harf {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}
.evo-text-img-box{
  float: left;
  width: 48%;
  text-align: left;
}
.evo-space {
  display: block;
  width: 4%;
  float: left;
}
.tab-selected {
  display: block;
  float: left;
  width: 24%;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 10px;
  padding-top: 1.2em;
  background: #C3EFFB;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2em;
}
.tab-no-select a:link {
  display: block;
  float: left;
  width: 24%;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 1%;
  padding-top: 1.2em;
  background: #e6e6e6;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2em;
}
.tab-no-select a:hover {
  display: block;
  float: left;
  width: 24%;
  height: 40px;
  border-radius: 10px;
  margin-top: 20px;
  margin-right: 1%;
  padding-top: 1.2em;
  background: #C3EFFB;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2em;
}
.prd-img-col2 {
  float: left;
  width: 450px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 10px;
}
.prd-img-row2 {
  width: 350px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 20px;
}
.prd-img-row2-100per {
  float: left;
  width: 440px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 10px;
}

.prd-img-nofloat {
  width: 99%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-sub_mb {
  display: none;
}
.prd-img-sub_pc {
  display: block;
  width: 99%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 4%;
}
.prd-img-100per-250px {
  float: left;
  width: 250px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 20px;
}
.prd-img-100per-160px {
  float: left;
  width: 160px;
  height: auto;
  margin-bottom: 10px;
  margin-right: 20px;
}
.prd-img-30per-250px {
  float: left;
  width: 300px;
  height: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 20px;
}
.prd-img-50per-350px {
  float: left;
  width: 450px;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}
.prd-img-100per-450px {
  float: left;
  width: 450px;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 20px;
}
.prd-img-100per-450px-2 {
  display: block;
  float: left;
  width: 450px;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 0;
}
.prd-img-100per-550px {
  float: left;
  width: 550px;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.prd-txt-50per-550px {
  float: left;
  overflow: hidden;
  width: 550px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.prd-txt-70per-650px {
  float: left;
  overflow: hidden;
  width: 700px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.prd-txt-100per {
  display: block;
  float: left;
  overflow: hidden;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.8rem;
  line-height: 1.5em;
}
.prd-txt-100per-350px {
  float: left;
  overflow: hidden;
  width: 35%;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.8rem;
  line-height: 1.8em;
}
.prd-txt-100per-450px {
  display: block;
  float: left;
  width: 620px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.8rem;
  line-height: 1.8em;
}
.personal-menu-box{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.tb-air {
  width:100%;
  border-collapse: collapse;
  text-align: left;
}
.tb-air tr {
  border-collapse: collapse;
  border: 2px solid #ccc;
}
.tb-air th {
  display: table-cell;
  width: 200px;
  border-bottom-style: 2px solid #ccc;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;
  background-color: #FFFFCC;
}
.tb-air td {
  display: table-cell;
  border-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 10px;
  vertical-align: top;
}
.tb-line {
  width:900px;
  border-collapse: collapse;
  border: 1px solid #ccc;
}

/*----ヒントページの設定---- */
.hint-mark {
  display: block;
  float: left;
  width: 100px;
  height: auto;
  margin-bottom: 0px;
  margin-left: 0%;
  margin-right: 0%;
}
.hint-title {
  display: block;
  float: left;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  color: #008f7e;
  line-height: 1.2em;
  text-align: left;
  margin-top: 12px;
}
.hint-title2 {
  display: block;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-weight: bold;
  line-height: 1.2em;
  text-align: left;
}
.hint-img-100per-480px_mb {
  display: none;
}
.hint-img-100per-480px_pc {
  display: block;
  float: left;
  overflow: hidden;
  width: 460px;
  height: auto;
  margin-top: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.hint-txt-100per-420px {
  display: block;
  float: left;
  overflow: hidden;
  width: 420px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8em;
}
.hint-list{
  list-style: square;
  padding-left: 2rem;
}
.hint-box-video {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.video {
  position: relative;
  padding-bottom : 56.25%;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.hint-box-prd {
 width: 70%;
 margin-left: auto;
 margin-right: auto;
}
.tb-hint-office {
  width:70%;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  border-collapse: collapse;
  border-style:none;
}
/*----導入レポートの表の設定---- */
.tb-hall {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
    
/*----個人情報保護法対応の表の設定---- */
.privacy-box {
  width: 800px;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 15px;
}

/*----トップメッセージ本文の設定---- */

/*----トップメッセージのボックス中身（PC用）---- */
#about-box {
  width: 820px;
  overflow: hidden;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 40px;
}
#head-office-img {
  float:left;
}
#about-mghd-txt {
  float:left;
  width: 800px;
  padding-top: 0;
}
#group-image {
  clear: both;
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px;
}

/*----企業情報とIR情報ページのアイコンボックスの設定（PC用）---- */
/*----アイコン全体の左右70％---- */
.icon-box-big {
  width: 100%;
  margin-left:auto; 
  margin-right:auto;
  margin-bottom: 50px;
  overflow: hidden;
}
/*----アイコンを左寄せに回り込み配置---- */
.icon_mb {
  width: 46%;
  height: auto;
  float: left ;
  margin: 10px;
}

/*----パーパスイメージの設定---- */
.pps-top{
  position: relative;
  width: 100%;
  height: 480px;
}
.pps-top-bg{
  display: block;
  position: relative;
  object-fit:cover;
  width: 100%;
  height: 480px;
}
.pps-top-img{
  display: block;
  position: absolute;
  object-fit:contain;
  width: 1200px;
  height: 480px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}
.pps-top-mb{
  display: none;
}
.box {
    position: relative;
}

.box div.text {
    display: block;
    position: absolute; 
    left: 100px; 
    top: 20px; 
    font-size: 15px;
    color:#fff;
}
.txt-on-pics-box {
    position: absolute;
    width: 50%;
    left: 25%;
    right: 25%;
    top: 100px;
}
.txt-on-pics1 {
    font-size: 18px;
    font-size: 1.8rem;
    color:#000;
}
.txt-on-pics2 {
    margin-top: 20px;
    font-size: 58px;
    font-size: 5.8rem;
    font-weight: bold;
    line-height: 1.4em;
    color:#000;
}
.txt-on-pics3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8em;
    color:#000;
}
.mvv {
    display: block;
    width: 800px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2em;
}
.mvv-title{
    width: 380px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.mvv-box-01 {
  width        : 100%;
  height       : 5px;
  background   : linear-gradient(to right, #8282e4, #78e378);
}
.mvv-box-02 {
  width        : 100%;
  height       : 5px;
  background   : linear-gradient(to right, #82b3e4, #c578e3);
}
.mvv-box-03 {
  width        : 100%;
  height       : 5px;
  background   : linear-gradient(to right, #e49182, #c578e3);
}
.mvv-img {
    width: 100%;
    height: auto;
}
.philosophy-box {
    display: block;
    width: 600px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

/*----経営方針のリストの設定---- */
/*----行動規範のボックスの設定---- */
#koudoukihan {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  border: #6D6D6D 1px solid;
  padding: 2em;
}

/*----健康経営のボックス中身---- */
#safety-box {
  width: 880px;
  margin: 0px;
}
#safety-img {
  float:left;
  width: 300px;
  margin-top: 40px;
  margin-left: 40px;
}
#safety-txt {
  display: block;
  height: 300px;
  width: 430px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 420px;
}
/*----健康経営の表組の設定（PC用）---- */
.tb-health {
  width:900px;
  border-collapse: collapse;
  border-style:none;
  text-align: left;
}
.tb-health tr, th, td {
  border: 1px solid #ccc;
}
.tb-health th {
  display:table-cell;
  width: 120px;
  white-space: nowrap;
  padding: 0.8em 1em;
  background: #f2f2f2;
}
.tb-health td {
  display:table-cell;
  width:auto;
  padding: 0.8em 1em;
}
/*----会社概要の表の設定---- */
.tb-outline {
  width:100%;
  border-collapse: collapse;
  border-style:none;
  text-align: left;
}
.tb-outline tr {
  border: 1px solid #ccc;
}
.tb-outline th {
  display:table-cell;
  width: 120px;
  white-space: nowrap;
  padding: 0.8em 1em;
  background: #f2f2f2;
}
.tb-outline td {
  display:table-cell;
  width:auto;
  padding: 0.8em 1em;
}
/*----会社概要のグーグルマップの設定---- */
#map-position {
  width: 650px;
  height: 600px;
  float: left;
}

/*----沿革の表組の設定---- */
#about-history {
  width: 860px;
  overflow: hidden;
  padding: 20px;
}
.tb-history {
  width:900px;
  border-collapse: collapse;
  border-style:none;
}
.tb-history tr {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style:none;
}
.tb-history tr:last-child {
  border-bottom: 1px solid #ccc;
}
/*----グループ会社一覧の表組の設定---- */
.tb-group {
  width:100%;
  border-collapse: collapse;
  border-style:none;
  text-align: left;
}
.tb-group tr, th, td {
  border: 1px solid #ccc;
}
.tb-group th {
  display:table-cell;
  border: 1px solid #ccc;
  width: 120px;
  white-space: nowrap;
  padding: 0.8em 1em;
  background: #f2f2f2;
}
.tb-group td {
  display:table-cell;
  border: 1px solid #ccc;
  width:auto;
  padding: 0.8em 1em;
}
/*----グループ会社一覧の画像の回り込みの設定---- */
.group-box-big {
  width: 900px;  /*----全体の左右900ピクセル---- */
}
.ttl-img-position {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
}
.group-ttl-img {
  width: 100%;
  height: auto;
}

/*----ニュースリリース、ディスクローズ情報、決算短信の表組の設定---- */
.tb-common {
  width:900px;
  margin-top: 15px;
  margin-bottom: 35px;
  border-collapse: collapse;
  border-style:none;
}
.tb-common tr {
  border-top: 1px solid #ccc;
}
.tb-common tr:last-child {
  border-bottom: 1px solid #ccc;
}
.tb-common th {
  display: table-cell;
  border-style:none;
  text-align: left;
  vertical-align:middle;
  padding: 0.8em 1em;
  color: #000;
  white-space: nowrap;
}
.tb-common td {
  display: table-cell;
  border-bottom: 1px solid #ccc;
  padding: 0.8em 1em;
}
.cover {
  display: table;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.col-1 {
   display: table-cell;
   width: 70px;
}
.col-2 {
   display: table-cell;
   width: 500px;
   padding-left: 20px;
   padding-right: 20px;
}
.col-3 {
   display: table-cell;
   width: 70px;
}

/*----財務情報（連結経営指標等、提出会社の経営指標等）の表組の設定---- */
.tb-shihyou {
  width:900px;
  border-collapse: collapse;
  font-size: 14px;
}
.tb-shihyou tr, th, td {
  border: 1px solid #ccc;
  padding: 10px;
}
.tb-shihyou th {
  width:180px;
  font-size: 14px;
  font-size: 1.4rem;
  white-space: nowrap;
  text-align: left;
  background-color:#f2f2f2;
}
.tb-shihyou td {
  white-space: nowrap;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: right;
  padding: 0.8em 1em;
}
.tb-shihyou td:nth-child(even) {
  background-color:#f2f2f2;
}
.tb-shihyou td:last-child {
  background-color:#ffc;
}

/*----財務情報グラフの設定---- */
.graph-box {
  width: 900px;
  overflow: hidden;
}
.graph-left {
  float:left;
  width: 440px;
  height: auto;
  margin-left: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}
.graph-right {
  float:right;
  width: 440px;
  height: auto;
  margin-left: 10px;
  margin-right: 0;
  margin-bottom: 20px;
}
/*----株式情報の表組の設定---- */
.tb-stock {
  width:900px;
}
.tb-stock tr, th, td {
  border: 1px solid #ccc;
  padding: 10px;
}

/*----株式事務概要の表組の設定---- */
.tb-gaiyo {
  width:900px;
  border-collapse: collapse;
  border-style:none;
  font-size: 14px;
}
.tb-gaiyo tr, th, td {
  border: 1px solid #ccc;
  border-left-style:none;
  border-right-style:none;
}
.tb-gaiyo th {
  white-space: nowrap;
  text-align: left;
}
.tb-gaiyo td {
  padding: 0.8em 1em;
}
/*----株主優待の回り込み設定---- */
#hospitality-box {
  width: 900px;
}
#hospitality-txt {
  float:left;
  width: 580px;
  line-height: 1.5;
}
#hospitality-img {
  float:right;
  width: 260px;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}
/*----IRスケジュールの表組の設定---- */
.tb-schedule {
  width:900px;
}
.tb-schedule tr {
  border-top: 1px solid #ccc;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style: none;
}
.tb-schedule tr:first-child {
  background-color:#ffc;
}
.tb-schedule tr:last-child {
  border-bottom: 1px solid #ccc;
}
.tb-schedule th {
  white-space: nowrap;
  text-align: left;
}
.tb-schedule td {
  padding: 0.8em 1em;
}

/*----IR資料ダウンロードの表組の設定---- */
.tb-download {
  width:900px;
}
.tb-download tr {
  border-top: 1px solid #ccc;
  border-left-style:none;
  border-right-style:none;
  border-bottom-style: none;
}
.tb-download tr:last-child {
  border-bottom: 1px solid #ccc;
}
.tb-download th {
  display:table-cell;
  vertical-align: middle;
  white-space: nowrap;
  width:180px;
}
.tb-download td {
  display:table-cell;
  padding: 0.8em 1em;
}
.type-ttl {
  text-align: left;
}

/*----CSR活動の設定---- */
.csr-text-left {
  float:left;
  width: 680px;
  margin: 10px;
  line-height: 1.5;
}
.csr-text-right {
  float:right;
  width: 680px;
  margin: 10px;
  line-height: 1.5;
}
.csr-image-left {
  float:left;
  width: 380px;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.csr-image-right {
  float:right;
  width: 380px;
  height: auto;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
}
.csr-image-none {
  width: 870px;
  margin-left: 0;
  line-height: 1.5;
}
.csr-image-none h2 {
  text-align:left;
  padding-left: 10px;
  color: #06C;
}

/*----採用情報の画像の左右100％---- */
#recruit-img {
  width: 900px;
  height: auto;
}
.icon_boshu {
  width: 30%;
  height: auto;
  margin-left: 35%;
  margin-right: 35%;
}

/*----採用情報の回り込みの設定---- */
#recruit-box {
  width: 840px;  /*----全体の左右840ピクセル---- */
}
#recruit-img-left {  /*----イメージを左寄せに回り込み配置---- */
  float: left;
  margin: 0px;
}
#recruit-img-right {  /*----イメージを右寄せに回り込み配置---- */
  float: right;
  margin: 0px;
}

/*----下部メニューの設定---- */
.ft-menu {
  width: 100%;
}
.ft-box {
  width: 1050px;
  overflow: hidden;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.ft-list {
  float: left;
  display: block;
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  white-space:nowrap;
  line-height: 1.6;
}
/*----フッター---- */
.footer-base {
  clear: both;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  background: rgba(44, 44, 44, 0.6);
}
.footer-txt {
  font-family: "ＭＳ Ｐゴシック",sans-serif;
  font-size: 8px;
  font-size: 0.8rem;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0.5em;
  color: #fff;
}
.logo-box {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.ft-logo {
  display: block;
  float: center;
  width: 300px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
}
}