/* サブメニューのデザイン 色変更 START *************************/
nav#submenu-top{
    margin-bottom:0em;
}
nav#submenu-top.submenu,
nav#submenu-f.submenu{
    background-color: #DA5B00!important;
    //padding:7px;
}
#submenuLink {
    background-image: url("../img/submenu.png"); /* 赤い画像に上書き */
}
#submenuLink.active {
    background-image: url("../img/submenu_over.png"); /* 赤い画像に上書き */
}
@media screen and (max-width: 767px) and (min-width: 1px){
.submenu ul.pagelinks-02-list>li>a.active,
.submenu ul.pagelinks-02-list>li>a:hover,
.submenu ul.pagelinks-02-list>li.on_hover>a {
    color: #FFFFFF !important;
    background-color: #D34261!important;
}
}
.submenu ul.pagelinks-02-list>li>a,
.submenu ul.pagelinks-02-list>li>span.no-link{
    border-left: 1px solid #DA5B00!important;
    border-top: 1px solid #DA5B00!important;
    border-bottom: 1px solid #DA5B00!important;
}
.submenu ul.pagelinks-02-list>li>a{
padding:7px;
}
.submenu ul.pagelinks-02-list>li:first-of-type>a{
padding-left:14px;
}


/*  濃いピンク色を透過した色 #D3426110 → #FCF3F5  */
.submenu ul.pagelinks-02-list>li.on_hover>a {
    background-color: #FCF3F5!important;
    color: #DA5B00!important;
}
.submenu ul.pagelinks-02-list>li.on_hover a.link-level1:after {
    color: #DA5B00!important;
}
/*サブメニュー第2階層のリンク*/
.submenu ul.mNavi-arw-ul li a{
    color: #DA5B00!important;
}
.submenu ul.mNavi-arw-ul li a:after{
    color: #DA5B00!important;
}
.submenu ul.mNavi-arw-ul li a:hover{
    background-color: #FCF3F5!important;
    color: #DA5B00!important;
}
a{
color:#DA5B00;
text-decoration:none;
}
a:hover{
color:#DA5B00!important;
text-decoration:underline!important;
}
.h-ttl_knowbe4 {
    color: #000;
    font-size: 19px;
    border-bottom: 1px solid #DA5B00;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 24px;
    margin-top: 3em;
}
.bg-e5e5e5{
background:#e5e5e5;
}
.arrow01 {
width: 0;
border: solid 40px transparent;
border-top-color: #049acd;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 0;
display: inline-block;
}
.arrow02 {
width: 0;
border: solid 20px transparent;
border-top-color: #DA5B00;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 0;
display: inline-block;
}
.object-fit--h100{
height: 100%;
object-fit: cover;
}
ul.link-list-dot.link-list-dot-black>li:before{
color:#000;
}



/*お問い合わせ欄
*************************************************/
#knowbe4 .inquiry-Block{
    background: #fff5ee!important;
}
.inquiry-Block h2.ttl {
    border-left: 3px solid #DA5B00;    
    color: #000;
}
.inquiry-Block-box h3 {
    border-bottom: 2px solid #999999;    
    color: #000;
}
.inquiry-Block-box-txt-ib,
.inquiry-Block-box-txt-ib2 {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
}

.inquiry_boxes a{
display:block;
width:200px;
height:184px;
position:relative;
color:black;
border:1px solid #666;
margin:auto;
}
.inquiry_boxes a:hover{
text-decoration:none;
opacity:.7;
}
span.inquiry_box{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
padding:10px;
display:block;
text-align:center;
}
span.inquiry_box img{
width:70px;
margin-top:20px;
}
span.inquiry_box .inquiry_box_text{
font-size:18px;
font-weight:bold;
}
a span.inquiry_box .inquiry_box_text{
color:#DA5B00;
}
.inquiry_box_text:hover{
text-decoration:none!important;
}
span.inquiry_box::after{
content:"";
border-top: 10px solid transparent;
border-right: 10px solid #DA5B00;
position:absolute;
bottom:10px;
right:10px;
}

@media screen and (max-width: 767px) and (min-width: 1px){
    .inquiry-Block h2.ttl{
        border-top: 3px solid #DA5B00;
        border-left-style: none;
    }
}

/*Key Visual
*****************************************************/
.top-img{
    position:relative;
}
.top-img img{
    width:100%;
}
.top-img .top-img-inner{
    padding:40px;
    color:#FFF;    /*z-index:9;*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.top-img .top-img-inner .read{
    font-size:26px;
    font-weight:bold;
}
.top-img .top-img-inner h1{
    font-size:47px;
    font-weight:normal;
    line-height:1;
}
.top-img .top-img-inner .top-img-buttons{
    display:flex;
    position:absolute;
    bottom:40px;
    left:40px;
}
.top-img .top-img-inner .top-img-buttons a{
    width:220px;
    height:50px;
}
.top-img .top-img-sp-wrap{
display:none;
}

/*汎用パーツ
*************************************************/
.fc--knowbe4{
color:#DA5B00!important;
}
.bg--knowbe4{
background-color:#DA5B00;
}
.bd--knowbe4{
border:1px solid #DA5B00;
}
.bb--knowbe4{
background-color: #DA5B00 !important;
border: 1px solid #DA5B00 !important;
}
.bb-bd--knowbe4{
background-color:#FFF!important;
border: 1px solid #DA5B00 !important;
color: #DA5B00 !important;
}
a.bb--knowbe4:hover {
    color: #DA5B00 !important;
    background-color: #FFF !important;
}
a.bb-bd--knowbe4:hover {
    color: #FFF !important;
    background-color: #DA5B00 !important;
}

/* レスポンシブ対応 */
@media screen and (max-width:768px) and (min-width:1px) {
.sp-flx-direction--r_reverse{
flex-direction:row-reverse;
}
.object-fit--h100{
width:100%;
height: auto;
object-fit: cover;
}
.top-img .top-img-inner{
padding:10px;
}
.top-img .top-img-inner .read{
font-size:18px;
width:55%;
line-height:1;
}
.top-img .top-img-inner h1{
font-size:20px;
}
.top-img .top-img-inner h1 + p{
font-size:10px;
}
.top-img .top-img-inner .top-img-buttons{
    display:none;
}
.top-img .top-img-sp-wrap{
display:block;
margin-top:10px;
}
.pdca-cycle-icon{
padding-left:0.5em;
}
}


@media (min-width: 769px) {
    .responsive-container {
        display: flex;
        align-items: flex-start;
    }

    .image {
        margin-right: 15px;
        width: 30%;
        height: auto;
    }

    .text {
        flex: 1;
    }
}

@media (max-width: 768px) {
    .responsive-container {
        display: block;
    }

    .image {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .text {
        width: 100%;
    }
}

/*
2025/02/03追記
---------------------------------------------------*/
.height-220{height:220px!important;}
.height-270{height:270px;}
.height-290{height:290px;}
.height-308{height:308px;}

.mT38em{margin-top:3.8em;}
.mT02{margin-top:2px!important;}
.mT03{margin-top:3px;}
.pT08{padding-top:8px;}

.flx-ai--center {
  align-items: center;
}

.pc-flx {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-flx-title {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.w572 {
  width: 572px;
}

.w674 {
  width: 674px;
}

.h550 {
  height: 550px;
}

.bd-top-left-radius-10 {
  border-top-left-radius: 10px;
}

.tbl-container {
  /*.tbl-header{
      position: sticky;
      top: 0;
      height:150px;
      z-index:9;
  }
  .tbl-body{
  }*/
}

.lisence-tbl {
  text-align: center;
  font-size: 16px;
}
.lisence-tbl > div {
  padding: 10px 0;
  border: 1px solid #FFF;
}
.lisence-tbl .bg-lv1 {
  background: linear-gradient(to right, #8C99AC, #CED4DE);
  font-weight: bold;
  border-top-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lisence-tbl .bg-lv2 {
  background: linear-gradient(to right, #E2B131, #EADC5C);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lisence-tbl .bg-lv3 {
  background: linear-gradient(to right, #95C2E0, #D4E4EF);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lisence-tbl .bg-lv1-td {
  background: linear-gradient(to right, rgba(140, 153, 172, 0.25), rgba(206, 212, 222, 0.25));
  padding-top: 20px;
}
.lisence-tbl .bg-lv2-td {
  background: linear-gradient(to right, rgba(226, 177, 49, 0.25), rgba(234, 220, 92, 0.25));
  padding-top: 20px;
}
.lisence-tbl .bg-lv3-td {
  background: linear-gradient(to right, rgba(149, 194, 224, 0.25), rgba(212, 228, 239, 0.25));
  padding-top: 20px;
}
.lisence-tbl .bg-gray-lisence {
  background: linear-gradient(to right, #EFF2F7, #EFF2F7);
  text-align: left;
  padding-left: 10px;
  padding-top: 20px;
}
.lisence-tbl .bg-green-lisence {
  width: 100px;
  background: linear-gradient(0deg, #468445, #55a954 23.2%);
  color: #FFF;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  font-weight: bold;
}
.lisence-tbl .bg-silver-lisence {
  width: 100px;
  background: linear-gradient(to right, #CED4DE, #EFF2F7);
  font-weight: bold;
  padding-top: 20px;
}
.lisence-tbl .bg-gold-lisence {
  width: 100px;
  background: linear-gradient(to right, rgba(226, 177, 49, 0.25), rgba(234, 220, 92, 0.25));
  font-weight: bold;
  padding-top: 20px;
  padding-top: 20px;
}
.lisence-tbl .bg-platinum-lisence {
  width: 100px;
  background: linear-gradient(to right, rgba(140, 153, 172, 0.25), rgba(206, 212, 222, 0.25));
  font-weight: bold;
  padding-top: 20px;
}
.lisence-tbl .bg-diamond-lisence {
  width: 100px;
  background: linear-gradient(to right, rgba(149, 194, 224, 0.25), rgba(212, 228, 239, 0.25));
  font-weight: bold;
  padding-top: 20px;
}
.lisence-tbl .bg-pink-lisence {
  background: linear-gradient(to right, rgba(255, 102, 0, 0.15), rgba(255, 102, 0, 0.15));
  text-align: left;
  padding-left: 10px;
  padding-top: 20px;
}
.lisence-tbl .bg-silver-pink {
  width: 100px;
  background: linear-gradient(to right, #CED4DE, rgba(255, 102, 0, 0.15));
  font-weight: bold;
  padding-top: 20px;
}
.lisence-tbl .bg-gold-pink {
  width: 100px;
  background: linear-gradient(to right, rgba(226, 177, 49, 0.25), rgba(255, 102, 0, 0.15));
  font-weight: bold;
  padding-top: 20px;
}
.lisence-tbl .bg-platinum-pink {
  width: 100px;
  background: linear-gradient(to right, rgba(140, 153, 172, 0.25), rgba(255, 102, 0, 0.15));
  font-weight: bold;
  padding-top: 20px;
}
.lisence-tbl .bg-diamond-pink {
  width: 100px;
  background: linear-gradient(to right, rgba(149, 194, 224, 0.25), rgba(255, 102, 0, 0.15));
  font-weight: bold;
  padding-top: 20px;
}

.lisence-tbl .bg-addon {
  background: linear-gradient(to right, rgba(206, 212, 222, 0.5), rgba(206, 212, 222, 0.5));
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dynamicTable-contents-column-inner svg,
.dynamicTable-contents-icon {
  display: inline-flex;
}

.dynamicTable-contents-icon-popup {
  background: #fff;
  border-radius: 0 10px 10px 10px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  color: #000;
  display: none;
  font-size: 14px;
  height: auto;
  left: 18px;
  letter-spacing: unset;
  line-height: 1.5em;
  max-height: 150px;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  top: 18px;
  width: 300px;
  z-index: 30;
}

.dynamicTable-contents-icon.info {
  cursor: pointer;
  position: relative;
}
.dynamicTable-contents-icon.info:hover .dynamicTable-contents-icon-popup {
  display: block;
}
.bd-radius--20{border-radius:20px;}

.btn-estimate {
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  background: #f60 !important;
  border-radius: 20px;
  padding: 3px 10px;
  border: 1px solid #f60;
}
.btn-estimate:hover {
  background: #FFF !important;
  color: #F60 !important;
  text-decoration: none;
}
.h-ttl04.knowbe4 {
    border-top: 4px solid #DA5B00 !important;
    }

@media screen and (max-width:768px) and (min-width:1px) {
.height-220,
.height-270,
.height-290,
.height-308{height:auto;}
.sp-bg-white{background:#FFF!important;}
.sp-font10{font-size:10px;}
  .mT02 {
    margin-top: 2px !important;
  }
  .pc-flx,
  .pc-flx-title {
    display: none;
  }
  .sp-w25per {
    width: calc((100% - 6px) / 4) !important;
  }
  .sp-w30per {
    width: calc((100% - 4px) / 3) !important;
  }
  .bg-gray-lisence,
  .bg-pink-lisence {
    background: #FFF !important;
    text-align: center !important;
    position: relative;
  }
  .lisence-tbl {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }
  .lisence-tbl.no-border {
    border-bottom: none;
    padding-bottom: 0;
  }
  .bg-lv1-td,
  .bg-lv2-td,
  .bg-lv3-td,
  .bg-silver-lisence.sp-radius,
  .bg-gold-lisence.sp-radius,
  .bg-platinum-lisence.sp-radius,
  .bg-diamond-lisence.sp-radius,
  .bg-silver-pink.sp-radius,
  .bg-gold-pink.sp-radius,
  .bg-platinum-pink.sp-radius,
  .bg-diamond-pink.sp-radius {
    border-radius: 30px;
  }
  .sp-bg-none {
    background: #FFF !important;
  }
  .h550 {
    height: auto;
  }
  .dynamicTable-contents-column:first-child .dynamicTable-contents-column-inner .dynamicTable-contents-icon {
    position: static;
  }
  .dynamicTable-contents-column-inner.has-info, .dynamicTable-contents-icon.info, .dynamicTable-contents-text.has-info {
    display: inline-block;
    vertical-align: middle;
    position: static;
  }
  .dynamicTable-contents-icon.info:focus .dynamicTable-contents-icon-popup,
  .dynamicTable-contents-icon.info:hover .dynamicTable-contents-icon-popup {
    display: block;
    left: 50%;
    top: 99%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
    .btn-estimate{
        font-size:12px;
        padding:3px 8px;
    }
}