@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/* CSS Document */
/* ------------------------------------------------------------------------ */
/*  Reset
/* ------------------------------------------------------------------------ */
html{height:100%;margin:0;padding:0;overflow-y:scroll;font-size:62.5%;-webkit-text-size-adjust:100%}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote{margin:0;padding:0}fieldset{display:inline}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}body table{line-height:1.5}q:before,q:after{content:''}object,embed{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:100%}img,abbr,acronym,fieldset{border:0}li{list-style-type:none}img[usemap]{border:none;height:auto;max-width:100%;width:auto}img{border:0;max-width:100%}i{padding:5px 5px 2px 0}p{overflow-wrap:break-word;word-wrap:break-word}img{max-width:100%;height:auto;width:auto}submit{-webkit-appearance:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:3;display:none}
/* ------------------------------------------------------------------------ */
/*  Basic Style
/* ------------------------------------------------------------------------ */
body{margin:0;padding:0;height:100%;font-family:'Noto Sans JP','ヒラギノ角ゴ W3',"メイリオ",Meiryo,MS PGothic,arial,sans-serif;font-size:1.5rem;font-size:15px;line-height:1.6;text-align:center;color:#000;-webkit-text-size-adjust:100%;font-smoothing:auto}body *{box-sizing:border-box}#wrap{margin:0 auto;text-align:center;position:relative}body>#wrap{height:auto}
/* ------------------------------------------------------------------------ */
/* Link
/* ------------------------------------------------------------------------ */
.opacity a:hover img{opacity:.85}a:link{text-decoration:none;color:#000}a:visited{text-decoration:none;color:#000}a:hover{text-decoration:underline}
/* ------------------------------------------------------------------------ */
/* Hedaer
/* ------------------------------------------------------------------------ */
header{width:100%;margin:0 auto;position:sticky;top:0;z-index:10;background:#fff}header .inner{max-width:1350px;width:100%;margin:0 auto;padding:15px 1% 0}header .inner>div{display:flex;align-items:center;justify-content:space-between}header h1{width:38%;text-align:left}header .flex{display:flex;align-items:center}header .flex.usabilityarea{width:60%;justify-content:flex-end}.search_area{width:30%}.search_area form{position:relative}.search_area .form-text{background:#ededed;border:none;border-radius:30px;padding:10px;min-width:220px;width:100%}.search_area button{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:5px;background:#4b4b4b;border-radius:50px;border:none;padding:5px;line-height:15px}.contact_link{width:38%;margin:0 0 0 2%;display:flex;line-height:1.2}.contact_link a{position:relative;display:inline-block;vertical-align:middle;background:#fff;transition:.5s ease;padding:3% 5% 3% 12%;text-align:left;font-size:13px}.contact_link a:hover{text-decoration:none}.contact_link a::before{content:"";width:21px;height:15px;position:absolute;left:10px;top:10px;display:inline-block}.contact_link a:nth-of-type(1){border:1px solid #980e16;color:#980e16}.contact_link a:nth-of-type(1):hover{border:1px solid #980e16;background:#980e16;color:#fff}.contact_link a:nth-of-type(1):before{background:url("../img/icon/icon02.png") no-repeat top center/100% auto}.contact_link a:nth-of-type(1):hover:before{background:url("../img/icon/icon02_ov.png") no-repeat top center/100% auto}.contact_link a:nth-of-type(2){margin:0 0 0 2%;border:1px solid #4692c1;color:#4692c1}.contact_link a:nth-of-type(2):hover{border:1px solid #4692c1;background:#4692c1;color:#fff}.contact_link a:nth-of-type(2):before{background:url("../img/icon/icon03.png") no-repeat top center}.contact_link a:nth-of-type(2):hover:before{background:url("../img/icon/icon03_ov.png") no-repeat top center}.link_area{width:20%;margin:0 0 0 2%;display:flex;justify-content:flex-end}.link_area li:last-child{margin:0 0 0 10%}.link_area li a{color:#818181;font-weight:bold;font-size:13px}.link_area li a:before{content:"";font-family:'FontAwesome';color:#818181;margin-right:5px;display:inline-block}header ul#head{align-items:center;line-height:0}header ul#head li{position:relative}header ul#head li a{padding:40px 20px 40px 30px;position:relative;display:block;font-size:.8125rem;font-weight:600}header ul#head li a::before{content:"";width:8px;height:8px;position:absolute;left:12px;top:36px;border-bottom:#787878 2px solid;border-right:#787878 2px solid;transform:rotate(-45deg) translateY(0%)}header ul#head li:nth-child(1){width:50%;margin:0 auto 0 10px}header ul#head li:nth-child(1) a{padding:0}header ul#head li:nth-child(1) a::before{display:none}header ul#head li:nth-child(5){background:#960e16}header ul#head li:nth-child(5) a{padding:40px 30px 40px 50px;color:#fff}header ul#head li:nth-child(5) a::before{left:32px;border-bottom:#fff 2px solid;border-right:#fff 2px solid}header ul#head li:nth-child(5) a::after{content:"";width:12px;height:2px;position:absolute;left:28px;top:39.3px;display:block;background:#fff}header #gNav{width:100%;margin:0 auto}header #gNav ul{justify-content:space-between;font-weight:600;line-height:1.5}header #gNav ul li{width:20%;position:relative}header #gNav ul li::before{content:"";width:1px;height:20px;position:absolute;top:20%;display:block;background:#818181}header #gNav ul li:nth-child(5)::after{content:"";width:1px;height:20px;position:absolute;right:0;top:20%;display:block;background:#818181}header #gNav ul li a{padding:10px 0 20px;position:relative;display:block;text-align:center}header #gNav ul li a:hover{text-decoration:none}header #gNav ul li a::after{content:"";width:0;height:3px;position:absolute;bottom:0;z-index:5;display:block;background:#960e16;transition:all .3s ease}header #gNav ul li.submenu-open a::after,header #gNav ul li.active a::after,header #gNav ul li.select a::after{width:100%}header #gNav ul li p{position:relative}header #gNav ul li p::after{content:"";width:0;height:0;position:absolute;left:48%;bottom:8px;display:block;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #960e16}header #gNav ul li .submenu{width:100%;display:none;height:0;position:fixed;left:0;top:123px;z-index:5;background:#f5f5f5;transition:.2s}header #gNav ul li.submenu-open>.submenu{height:auto;padding:0 0 3%;display:block;overflow:visible}@media only screen and (min-width:1366px){header #gNav ul li .submenu{top:123px}}@media only screen and (max-width:1280px){header #gNav ul li .submenu{top:138px}}@media only screen and (max-width:1024px){header #gNav ul li .submenu{top:131px}}header #gNav ul li.submenu-open>.submenu .submenu_close{width:100%;padding:10px 0;position:absolute;bottom:0;left:0;cursor:pointer;background:#960e16;color:#fff}header #gNav ul li.submenu-open>.submenu .submenu_close img{width:30px;height:30px;margin:-2px auto 0}@media only screen and (max-width:960px){.submenu .submenu_close{display:none !important}}header #gNav ul li .submenu ul{margin:10px auto 0;justify-content:flex-start;align-items:flex-start;opacity:0;transition:.5s}header #gNav ul li .submenu ul li{width:30%;margin:0 10px 10px 0;position:relative;border-left:none}header #gNav ul li .submenu ul li::before,header #gNav ul li .submenu ul li::after{display:none}header #gNav ul li .submenu ul li a::before{content:"";font-family:'FontAwesome';display:inline-block;margin-right:5px;color:#980e16}header #gNav ul li .submenu ul li a{text-align:left;font-size:13px}header #gNav ul li .submenu ul li a:hover{text-decoration:underline}header #gNav ul li .submenu ul li a::after{height:0}header #gNav ul li.submenu-open>.submenu ul{padding:0;opacity:1}header #gNav ul li>.submenu ul .top_link{width:10%}header #gNav ul li>.submenu ul .top_link li{width:100%}header #gNav ul li>.submenu ul .sub_link{width:80%;display:flex;flex-wrap:wrap;justify-content:flex-start;border-left:1px solid #818181;padding-left:50px}@media only screen and (max-width:960px){header .flex{display:none}header{padding:0;margin:0 auto;height:70px;display:flex;align-items:center}header>.inner{height:70px}header>div>div.flex{display:none}header>div>h1{width:64%}header #nav-toggle{width:50px;height:50px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10;cursor:pointer}header #nav-toggle span{width:70%;height:2px;position:absolute;left:12%;display:block;background:#000;transition:transform .3s ease-in-out,top .5s ease}header #nav-toggle span:nth-child(1){top:14px}header #nav-toggle span:nth-child(2){top:24px}header #nav-toggle span:nth-child(3){bottom:14px}header ul#head li:nth-child(1){width:80%;margin:0;padding:14px 0}header ul#head li:nth-child(2),header ul#head li:nth-child(3),header ul#head li:nth-child(4),header ul#head li:nth-child(5){display:none}header #gNav{max-width:100%;margin:70px auto 0;position:absolute;top:0;left:-50em;right:0;bottom:0;opacity:0;background:#fff;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}header #gNav ul li{width:100%;position:relative;border-bottom:1px solid #ccc}header #gNav ul li::before{display:none}header #gNav ul li:nth-child(5)::after{display:none}header #gNav ul li a{padding:15px;text-align:left}header #gNav ul li a::after{bottom:0;left:0;background:none}header #gNav ul li p::after{display:none}header #gNav ul li span{width:30px;height:30px;position:absolute;right:10px;top:10px;overflow:hidden;cursor:pointer}header #gNav ul li span::before{content:"";width:10px;height:2px;position:absolute;top:15px;right:5px;display:block;background:#787878;transform:rotate(90deg);transition:all .3s ease-in-out}header #gNav ul li span::after{content:"";width:10px;height:2px;position:absolute;top:15px;right:5px;display:block;background:#787878;transition:all .2s ease-in-out}header #gNav ul li span.selected::before{transform:rotate(180deg)}header #gNav ul li span.selected::after{opacity:0}header #gNav ul li .submenu{position:static;display:none}header #gNav ul li .submenu.active{height:auto}header #gNav ul li .submenu.active ul{padding:0;opacity:1}header #gNav ul li.submenu-open>.submenu{display:none;height:auto;padding:0;border-top:1px solid #ccc}header #gNav ul li .submenu ul{margin:0;border-bottom:0 none}header #gNav ul li>.submenu ul .top_link{width:100%}header #gNav ul li .submenu ul li{width:100%;margin:0;background:#eee}header #gNav ul li .submenu ul li:last-child{width:100%;border-bottom:0 none}header #gNav ul li .submenu ul li a{padding:10px 30px}header #gNav ul li>.submenu ul .sub_link{border-left:none;padding:0;width:100%;border-top:1px solid #ccc}.open #nav-toggle span:nth-child(1){-webkit-transform:translateY(14px) rotate(-45deg);transform:translateY(14px) rotate(-45deg)}.open #nav-toggle span:nth-child(2){opacity:0}.open #nav-toggle span:nth-child(3){-webkit-transform:translateY(-14px) rotate(45deg);transform:translateY(-14px) rotate(45deg);bottom:6px}.open #gNav{height:calc(100vh - 70px);visibility:visible;left:0;z-index:5;opacity:1;padding:0;overflow-y:scroll;padding-bottom:70px}.open #gNav ul{max-width:100%;display:block;background:#fff}}@media only screen and (max-width:1070px){header h1{width:28%}header .flex.usabilityarea{width:72%}.contact_link{width:40%}.contact_link a{padding:3% 3% 3% 12%}.link_area{width:15%;margin:0;display:block}.link_area li:last-child{margin:0}}@media only screen and (max-width:960px){header h1{width:75%}}@media only screen and (max-width:768px){header h1{margin:2% 0 0}}
/* ------------------------------------------------------------------------ */
/* Navigation
/* ------------------------------------------------------------------------ */
.stickynav{width:100px;display:flex;flex-direction:column;position:fixed;top:270px;right:0;z-index:2;font-size:.7em}.stickynav p{background:#ddd}.stickynav ul{background:#4b4b4b;font-weight:light}.stickynav ul li{border-bottom:2px solid #fff}.stickynav ul li:nth-child(1) a{background:#e3924b}.stickynav ul li:nth-child(2) a{background:#68a568}.stickynav ul li:nth-child(3) a{background:#970e16}.stickynav ul li:nth-child(4) a{background:#4692c1}.stickynav ul li a{color:#fff;display:block;padding:8% 0 5%}.stickynav ul li a span{display:block}.stickynav ul li a:hover{text-decoration:none;opacity:.5}@media only screen and (max-width:1070px){.stickynav{display:none}}@media only screen and (max-width:960px){.stickynav{display:none}}@media only screen and (max-width:768px){.stickynav{display:none}}
/* ------------------------------------------------------------------------ */
/* Contents

/* ------------------------------------------------------------------------ */
.inner {
  max-width: 1350px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1%;
}
/*お問い合わせ*/
.contact_area {
  background: #ededed;
  padding: 20px 0;
  margin-bottom: 0;
}
.contact_btp {
  max-width: 300px;
  margin: 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.contact_btp a {
  border-radius: 5px;
  border: 1px solid #900e16;
  background: #900e16;
  color: #fff;
  display: flex;
  padding: 9px;
  align-items: center;
  width: 100%;
  justify-content: center;
  transition: 0.5s ease;
}
.contact_btp a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  position: absolute;
  right: 15px;
}
.contact_btp a span.m_icon:before {
  content: "";
  display: inline-block;
  background: url("../../img/icon_contact.png") no-repeat top center;
  width: 44px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.contact_btp a p {
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
}
.contact_btp a p span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
}
.contact_btp a:hover {
  text-decoration: none;
  background: #fff;
  border: 1px solid #900e16;
  color: #900e16;
}
.contact_btp a:hover:after {
  color: #980e16;
}
.contact_btp a:hover span.m_icon:before {
  content: "";
  display: inline-block;
  background: url("../../img/icon_contact_ov.png") no-repeat top center;
  width: 44px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.contact_btn {
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.contact_btn a {
  border-radius: 5px;
  border: 1px solid #900e16;
  background: #900e16;
  color: #fff;
  display: flex;
  padding: 9px;
  align-items: center;
  width: 100%;
  justify-content: center;
  transition: 0.5s ease;
}
.contact_btn a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  position: absolute;
  right: 15px;
}
.contact_btn a span.m_icon:before {
  content: "";
  display: inline-block;
  background: url("../../img/icon_contact.png") no-repeat top center;
  width: 44px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.contact_btn a p {
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
}
.contact_btn a p span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
}
.contact_btn a:hover {
  text-decoration: none;
  background: #fff;
  border: 1px solid #900e16;
  color: #900e16;
}
.contact_btn a:hover:after {
  color: #980e16;
}
.contact_btn a:hover span.m_icon:before {
  content: "";
  display: inline-block;
  background: url("../../img/icon_contact_ov.png") no-repeat top center;
  width: 44px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.rental_btn {
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.rental_btn a {
  border-radius: 5px;
  border: 1px solid #81bdea;
  background: #81bdea;
  color: #fff;
  display: flex;
  padding: 9px;
  align-items: center;
  width: 100%;
  justify-content: center;
  transition: 0.5s ease;
}
.rental_btn a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  position: absolute;
  right: 15px;
}
.rental_btn a span.m_icon:before {
  content: "";
  display: inline-block;
  background: url("../../img/icon_rental.png") no-repeat top center;
  width: 44px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
.rental_btn a p {
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  line-height: 1.4;
}
.rental_btn a p span {
  display: block;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
}
.rental_btn a:hover {
  text-decoration: none;
  background: #fff;
  border: 1px solid #81bdea;
  color: #81bdea;
}
.rental_btn a:hover:after {
  color: #81bdea;
}
.rental_btn a:hover span.m_icon:before {
  content: "";
  display: inline-block;
  background: url("../../img/icon_rental_ov.png") no-repeat top center;
  width: 44px;
  height: 32px;
  vertical-align: middle;
  margin-right: 10px;
}
/*ページトップへ戻る*/
.pagetop {
  background: #980e16;
  width: 100%;
}
.pagetop a:before {
  font-family: 'FontAwesome';
  content: "\f077";
  color: #fff;
  font-size: 30px;
}
.pagetop a {
  display: block;
}
.pagetop a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1350px) {
  .inner {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1070px) {
  .contact_link a, .link_area li a {
    font-size: 13px;
  }
  #contentsBlock > * {
    padding-right: 0;
  }
}
@media only screen and (max-width: 960px) {
  #contentsBlock {}
}
/* ------------------------------------------------------------------------ */
/* Footer

/* ------------------------------------------------------------------------ */
footer {
  background: #000;
}
footer > ul {
  display: flex;
  justify-content: space-between;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0 40px;
}
footer > ul > li, footer > ul > div > li {
  text-align: left;
}
footer > ul > div > li {
  margin-bottom: 20px;
}
footer > ul > div > li a, footer > ul > li a {
  color: #fff !important;
  display: block;
  font-size: 14px;
}
footer > ul > li > a:before, footer > ul > div > li > a:before {
  content: "\f105";
  font-family: 'FontAwesome';
  display: inline-block;
  font-weight: bold;
  font-size: 16px;
  margin-right: 5px;
}
footer > ul > li > ul {
  margin: 5px 10px 0;
}
footer > ul > li > ul > li {
  margin-bottom: 10px;
}
footer > ul > li > ul > li > ul {
  margin-left: 15px;
}
footer > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
footer p {
  color: #fff;
  padding: 20px 0;
  font-size: 12px;
}
@media only screen and (max-width: 1350px) {
  footer > ul {
    padding: 20px 20px 60px;
  }
}
@media only screen and (max-width: 960px) {
  .inner {
    padding: 0 20px;
  }
  footer {
    padding: 0 0 10px;
  }
  footer #footCont {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    padding: 0;
  }
  footer #footCont li {
    width: 100%;
  }
  footer #footCont li a {
    padding: 15px;
  }
  footer #footCont li a:hover {
    text-decoration: none;
  }
  footer > ul > li > ul.submenu {
    display: none;
    margin: 0 10px;
  }
  footer #footCont li ul li:nth-child(1), footer #footCont li ul li ul li:nth-child(1) {
    margin: 0 auto;
  }
  footer > #footCont > li:first-child {
    border-top: 1px solid #fff;
  }
  footer #footCont li {
    position: relative;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0;
  }
  footer #footCont li ul li:nth-child(2) {
    border-top: none;
  }
  footer #footCont li span {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    overflow: hidden;
    cursor: pointer;
  }
  footer #footCont li span::before {
    content: "";
    width: 10px;
    height: 2px;
    position: absolute;
    top: 15px;
    right: 5px;
    display: block;
    background: #fff;
    transform: rotate(90deg);
    transition: all .3s ease-in-out;
  }
  footer #footCont li span::after {
    content: "";
    width: 10px;
    height: 2px;
    position: absolute;
    top: 15px;
    right: 5px;
    display: block;
    background: #fff;
    transition: all .2s ease-in-out;
  }
  footer #footCont li span.selected::before {
    transform: rotate(180deg);
  }
  footer #footCont li span.selected::after {
    opacity: 0;
  }
  footer #footCont li a {
    padding: 13px 20px;
    display: block;
  }
  footer #footCont li .submenu {
    padding: 0;
    display: none;
    border-top: 1px solid #ccc;
  }
  footer #footCont li .submenu li:last-child {
    border-bottom: 0 none;
  }
  footer #footCont li ul li .submenu li::before {
    display: none;
  }
  footer #footCont li ul li .submenu li a {
    padding: 5px 10px;
    position: relative;
  }
  footer #flogo {
    margin: 0 auto 20px;
  }
  footer #pagetop {
    width: 10%;
    right: 5%;
  }
  footer #pagetop span::before {
    left: -5px;
  }
  footer #pagetop span::after {
    left: 0;
  }
  footer p {
    font-size: 12px;
  }
}
/*--------------------------表組みレスポンシブ・縦仕様--------------------------*/
table.table01 {
  width: 100%;
  border-right: #b3b3b3 solid 1px;
  border-collapse: collapse;
  text-align: left;
  margin: 1.5em auto 3em;
}
table.table01 thead th {
  background: #eee;
  color: #000000;
  padding: 5px 7px;
  border: #b3b3b3 solid 1px;
}
table.table01 tbody th {
  background: #eee;
  color: #000000;
  padding: 5px 7px;
  border: #b3b3b3 solid 1px;
  vertical-align: middle;
}
table.table01 tbody td {
  background: #FFF;
  padding: 10px 15px;
  border: #b3b3b3 solid 1px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  table.table01 {
    width: 100%;
    text-align: center;
    vertical-align: middle;
  }
  table.table01 thead {
    display: none;
  }
  table.table01 tbody th {
    display: block;
    border-right: none;
  }
  table.table01 tbody td {
    display: block;
    border-top: none;
    border-right: none;
  }
  table.table01 tbody td:last-child {
    border-bottom: none;
  }
  table.table01 tr:last-child td {
    border-bottom: #b3b3b3 solid 1px;
  }
  /*table.table01 tbody td::before {content: attr(label);float: left;	clear:both;font-weight:bold;padding-right:1em;display: inline;}*/
  table.table01 tbody td::before {
    content: attr(label);
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
  }
  table.table01 tbody td p {
    text-align: center;
  }
}
/*--------------------------表組みレスポンシブ・横スクロール--------------------------*/
.table02 {
  overflow-x: scroll;
  width: 100%;
  text-align: left;
  margin: 1.5em auto 3em;
}
.table02 table {
  white-space: nowrap;
  border-collapse: collapse;
  min-width: 100%;
  border: 1px #b3b3b3 solid;
}
.table02 table thead th {
  background: #eee;
  color: #000000;
  padding: 5px 7px;
  border: #b3b3b3 solid 1px;
}
.table02 table tbody th {
  background: #eee;
  color: #000000;
  padding: 5px 7px;
  border: #b3b3b3 solid 1px;
  vertical-align: middle;
}
.table02 table tbody td {
  background: #FFF;
  padding: 10px 15px;
  border: #b3b3b3 solid 1px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .table02::-webkit-scrollbar {
    height: 5px;
  }
  .table02::-webkit-scrollbar-track {
    background: #333;
  }
  .table02::-webkit-scrollbar-thumb {
    background: #999;
  }
}

/* ============================================================
   Feature Blocks - Flexible Content Layout (Layout B)
   ============================================================ */

/* Container */
.fb-container {
  margin-top: 20px;
  text-align: left;
}

/* Block common */
.fb-block {
  margin-bottom: 40px;
}
.fb-block:last-child {
  margin-bottom: 0;
}
.fb-block .fb-text {
  margin-bottom: 20px;
  line-height: 1.8;
}

/* Media common */
.fb-media img {
  width: 100%;
  height: auto;
  display: block;
}
.fb-media a {
  display: block;
}
.fb-video iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

/* Image Center */
.fb-image-center .fb-media,
.fb-image-center .fb-video {
  max-width: 800px;
  margin: 0 auto;
}

/* Two Images */
.fb-two-images .fb-media-group {
  display: flex;
  gap: 20px;
}
.fb-two-images .fb-media-group > .fb-media {
  flex: 1;
}

/* Three Images */
.fb-three-images .fb-media-group {
  display: flex;
  gap: 20px;
}
.fb-three-images .fb-media-group > .fb-media {
  flex: 1;
}

/* Text + Image (left text / right image) */
.fb-text-image .fb-text-image-inner {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}
.fb-text-image .fb-content {
  flex: 1;
  line-height: 1.8;
}
.fb-text-image .fb-media {
  flex: 1;
  max-width: 640px;
}

/* Reverse (left image / right text) */
.fb-text-image.fb-reverse .fb-text-image-inner {
  flex-direction: row-reverse;
}

/* Responsive: 960px breakpoint (matches existing .pcStyle/.spStyle) */
@media only screen and (max-width: 960px) {
  .fb-two-images .fb-media-group,
  .fb-three-images .fb-media-group,
  .fb-text-image .fb-text-image-inner {
    flex-direction: column;
    align-items: stretch;
  }

  .fb-text-image.fb-reverse .fb-text-image-inner {
    flex-direction: column;
  }
  .fb-text-image .fb-content {
    width: 100% !important;
  }
  .fb-text-image .fb-media,
  .fb-two-images .fb-media-group > .fb-media,
  .fb-three-images .fb-media-group > .fb-media {
    max-width: 100%;
    width: 100% !important;
  }
}

/* ==========================================================================
   Download Tab - Category Color Bands
   ========================================================================== */
.dl-group {
  margin-bottom: 30px;
}
.dl-category {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: clamp(14px, 2.5vw, 25px);
  font-weight: bold;
}
.dl-dl-catalog   { background: #c00; }
.dl-dl-manual    { background: #2a8c2a; }
.dl-dl-software  { background: #666; }
.dl-dl-drawing   { background: #336; }
.dl-category:not(.dl-dl-catalog):not(.dl-dl-manual):not(.dl-dl-software):not(.dl-dl-drawing) {
  background: #999;
}