@charset "utf-8";

/* スタイルシート共通　一覧 */


:root{
  --font-family-sans-serif: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

h3, h4, h5, h6 {
  font-family: var(--font-family-sans-serif);
  letter-spacing: .1em;
}


.is-hide {
  display: none;
}


a img:hover {
/*  cursor: pointer; */
}
a img.help:hover {
  cursor: help;
}
a img.zoom:hover {
  cursor: zoom-in;
}
map area.zoom:hover {
  cursor: zoom-in;
}

a.navbar-brand img:hover {
  cursor: pointer;
}
div.ly_bd_copyright a img:hover {
  cursor: pointer;
}


.paragraph {
  transform: translateY(20px);
  opacity: 0;
  transition: .5s;
}
.paragraph.show {
  transform: translateY(0);
  opacity: 1;
}

.lh-lg{
  line-height: 1.6!important;
}

.text-newmark {
  color: #FF0000;
  font-size: 1rem;
  letter-spacing: 0.11em;
}

.youtube-box {
  position: relative;
  display: inline-block;
}

.youtube-box:hover img {
  opacity: 0.6;
}
.youtube-box img:hover {
  cursor: url(../img/general/youtubex2.svg),auto;
}


.youtube {
  position: absolute;
  top: 10px;
  left: 15px;
  background:rgba(255,255,255,0.8);
  margin:6px;
  width:30%;
}
.youtubebig {
  position: absolute;
  top: 10px;
  left: 10px;
  background:rgba(255,255,255,0.8);
  margin:6px;
  width:20%;
}


.underline {
  padding-bottom:0.3rem;
  border-bottom: 3px solid #c0c0c0;
}
.underline span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 3px solid rgba(12,36,97,1);
  margin-bottom:-0.48rem;
}

.btn {
    border-radius: 2px;
}

.btn-small {
    border-radius: 1px;
}

.btn-large {
    border-radius: 3px;
}

.w-90 {
  width: 90%!important;
}

.tp_path {
  font-size: 0.8rem;
}

.nav-link {
  padding: 0.9rem;
}

.sub-navbar {
  overflow-x:scroll;
  overflow-y:hidden;
  overflow:auto;
  scroll-snap-type: x mandatory;
  margin-left: -1rem;

}

.sub-navbar a, .sub-navbar a:hover, .sub-navbar a:visited{
  color:#FFFFFF;
  text-decoration:none;
}
.sub-navbar a.active{
  color:#FFFFFF;
  text-decoration:none;
}
.sub-navbar a.active:before{
  content:"《 ";
  font-weight:bold;
}
.sub-navbar a.active:after{
  content:" 》";
  font-weight:bold;
}

.nav-tabs.pg_contents {
  border-bottom: 1px solid rgba(80,80,80,1);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.pg_contents.active {
  border-color: rgba(80,80,80,1) rgba(80,80,80,1) #FFFFFF;
}
.nav-tabs .nav-link.pg_contents:hover {
  border-color: rgba(80,80,80,1) rgba(80,80,80,1) #FFFFFF;
}


#tab_name {
  display: none;
}


.linkbox {
  position:relative;
}
.linkbox a {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
}

.bg-success {
  background-color:rgba(237,242,197,1)!important;
}

.bg-lightb {
  background-color: #EAE7DD!important;
}
.bg-lightg {
  background-color: #EEEEEE!important;
}


.bg-required {
  background-color: #dc3545!important;
}

.bg-optional {
  background-color: #6c757d!important;
}


.ErrMsg {
  background-color: #dc3545!important;
  color:#FFFFFF;
  margin-bottom:3rem;
  padding:2rem;
}


.bg-new {
  background-color: #dc3545!important;
}
.dp-unset {
  display: unset;
}

.bg-nbus7_tip span {
  background: linear-gradient(transparent 60%, #F6A623);
  padding: 0 10px;
}

.bg-house_tip span {
  background: linear-gradient(transparent 60%, #FFE4B5);
  padding: 0 10px;
}

.bg-docs_tip span {
  background: linear-gradient(transparent 60%, #B0E0E6);
  padding: 0 10px;
}


.float-fig-img {
  float: right;
}
.float-fig-img-50 {
  float: right;
  width: 50%;
}

.float-btn-l {
  float: left;
  padding-left: 10px;
}



.km_nbus7_kiso {
  font-size:0.8rem;
  font-weight:bold;
}
.km_nbus7_kiso:before {
  content:"■ ";
  font-weight:bold;
  color:#F8B62D;
  font-size:2rem;
  padding-left:0.8rem;
}
.bus6_bus-kiso {
  font-size:0.8rem;
  font-weight:bold;
}
.bus6_bus-kiso:before {
  content:"■ ";
  font-weight:bold;
  color:#44B13F;
  font-size:2rem;
  padding-left:0.8rem;
}


.rs_decimal0:before{ content:"※"; padding:10px; margin-left:-30px; }
.rs_decimal1:before{ content:"※1"; padding:10px; margin-left:-30px; }
.rs_decimal2:before{ content:"※2"; padding:10px; margin-left:-30px; }
.rs_decimal3:before{ content:"※3"; padding:10px; margin-left:-30px; }
.rs_decimal4:before{ content:"※4"; padding:10px; margin-left:-30px; }
.rs_decimal5:before{ content:"※5"; padding:10px; margin-left:-30px; }
.rs_decimal6:before{ content:"※6"; padding:10px; margin-left:-30px; }
.rs_decimal7:before{ content:"※7"; padding:10px; margin-left:-30px; }
.rs_decimal8:before{ content:"※8"; padding:10px; margin-left:-30px; }
.rs_decimal9:before{ content:"※9"; padding:10px; margin-left:-30px; }

.rs_decimal10:before{ content:"※10"; padding:5px; margin-left:-27px; }
.rs_decimal11:before{ content:"※11"; padding:5px; margin-left:-27px; }
.rs_decimal12:before{ content:"※12"; padding:5px; margin-left:-27px; }
.rs_decimal13:before{ content:"※13"; padding:5px; margin-left:-27px; }
.rs_decimal14:before{ content:"※14"; padding:5px; margin-left:-27px; }
.rs_decimal15:before{ content:"※15"; padding:5px; margin-left:-27px; }
.rs_decimal16:before{ content:"※16"; padding:5px; margin-left:-27px; }
.rs_decimal17:before{ content:"※17"; padding:5px; margin-left:-27px; }
.rs_decimal18:before{ content:"※18"; padding:5px; margin-left:-27px; }
.rs_decimal19:before{ content:"※19"; padding:5px; margin-left:-27px; }
.rs_decimal20:before{ content:"※20"; padding:5px; margin-left:-27px; }


.message {
  position:relative;
}
.message span.remark {
  display:none;
}
.message a:hover span.remark {
  background:none repeat scroll 0 0 #0099D9;
  color:#FFFFFF;
  font-size:0.9rem;
  text-align:center;
  display:block;
  line-height:1.2em;
  margin:0.5em;
  padding:0.5em;
  position:absolute;
  top:-40px;
  left:-60px; 
  width:320px;
}

span.remark:after{
  content:" ";
  position:absolute;
  top:100%;
  left:80px;
  z-index:1;
  width:0;
  height:0;
  border:8px solid transparent;
  border-top-color:#0099D9;
}


.message span.remark_dw {
  display:none;
}
.message a:hover span.remark_dw {
  background:none repeat scroll 0 0 #f8f9fa;
  color:#333333;
  font-size:1rem;
  display:block;
  z-index:1;
  line-height:1.6rem;
  margin:0.5em;
  padding:1rem;
  position:absolute;
  max-width:600px;
  min-width:200px;
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}

span.remark_dw:after{
  content:" ";
  position:absolute;
  top:-1rem;
  left:80px;
  z-index:1;
  width:0;
  height:0;
  border:8px solid transparent;
  border-bottom-color:#f8f9fa;
}

.message span.remark_up {
  display:none;
}
.message a:hover span.remark_up {
  background:none repeat scroll 0 0 #f8f9fa;
  color:#333333;
  font-size:1rem;
  display:block;
  z-index:1;
  line-height:1.6rem;
  margin:0.5em;
  padding:1rem;
  position:absolute;
  top:-120px;
  max-width:600px;
  min-width:200px;
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}

span.remark_up:after{
  content:" ";
  position:absolute;
  top:-1rem;
  top:100%;
  left:80px;
  z-index:1;
  width:0;
  height:0;
  border:8px solid transparent;
  border-top-color:#f8f9fa;
}



.card-img-fit {
  height: 220px;
  object-fit: cover;
  opacity:0.65;
}


.alert-campaign {
  color: #666666;
  border: 3px solid;
  border-color: #30B1CA;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.2) url("../img/general/campaign_pg_bg.webp") no-repeat bottom right;
  background-blend-mode:lighten;
  box-shadow: 0 3px 6px 2px rgb(0 0 0 / 18%);
}
.alert-campaign:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border: 1px solid;
  border-color: #30B1CA;
}
.alert-campaign:hover {
  color: #333;
  border-color: #FFD12E;
  text-shadow: 1px 2px 4px rgba(80,80,80,0.3);
  box-shadow: none;
}
.alert-campaign:hover:before {
  border-color: #FFD12E;
}
div.alert-campaign:after {
  position: absolute;
  content: "ピックアップ";
  top: -20px;
  left: 15px;
  background: #FFFFFF;
  font-size: 1.65rem;
  color: #30B1CA;
  padding: 0 10px;
}
div.alert-campaign:hover:after {
  color: #FFD12E;
  text-shadow: none;
}
div.alert-campaign span.text-attention {
  color: #FF0000;
}
div.alert-campaign span.text-attention-marker {
  color: #FF0000;
  background-image: linear-gradient(transparent 70%, #FFD12E 0%);
}


.alert-topics {
  color: #666666;
  border: 3px solid;
  border-color: #FFB6C1;
  padding: 2rem;
  background: #FFFAFA;
}
.alert-topics:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border: 1px solid;
  border-color: #FFDAB9;
}
.alert-topics:hover {
  color: #333;
  border-color: #B22222;
  text-shadow: 1px 2px 4px rgba(80,80,80,0.3);
}
.alert-topics:hover:before {
  border-color: #B22222;
}
div.alert-topics:after {
  position: absolute;
  content: "";
  top: -20px;
  left: 15px;
  background: #FFFFFF;
  font-size: 1.65rem;
  color: #30B1CA;
  padding: 0 10px;
}
div.alert-topics:hover:after {
  color: #FFD12E;
  text-shadow: none;
}
div.alert-topics span.text-attention {
  color: #FF0000;
}
div.alert-topics span.text-attention-marker {
  color: #FF0000;
  background-image: linear-gradient(transparent 70%, #FFD12E 0%);
}

span.text-attention {
  color: #FF0000;
}
span.text-attention_purple {
  color: #800080;
}


.com_attention {
  background: #4A4A4A;
  text-align: center!important;
}
.com_attention span {
  color: #D4AF37;
}

.com_attention a, .com_attention a:hover, .com_attention a:visited{
  color:#F5F5F5;
  text-decoration:none;
}
.com_attention a:hover{
  text-decoration:underline;
}


.pt-99 {
  margin-top: 4rem;
}
.pb-99 {
  margin-bottom: 4rem;
}


.modal-dialog {
  max-width: 800px;
}




.btn-outline-dark  {
  box-shadow: 4px 3px 5px rgba(40,40,40,0.3);
}
.btn-outline-dark :hover, .btn-outline-dark :focus, 
.btn-outline-dark :active, .btn-outline-dark :active:focus, .btn-outline-dark :active:hover, .btn-outline-dark :active.focus,
.btn-outline-dark .active, .btn-outline-dark .active:focus, .btn-outline-dark .active:hover, .btn-outline-dark .active.focus,
.open > .dropdown-toggle.btn-outline-dark , 
.open > .dropdown-toggle.btn-outline-dark :hover,
.open > .dropdown-toggle.btn-outline-dark :focus, 
.open > .dropdown-toggle.btn-outline-dark .focus,
.btn-outline-dark .disabled:hover, .btn-outline-dark [disabled]:hover, fieldset[disabled] .btn-outline-dark :hover,
.btn-outline-dark .disabled:focus, .btn-outline-dark [disabled]:focus, fieldset[disabled] .btn-outline-dark :focus,
.btn-outline-dark .disabled.focus, .btn-outline-dark [disabled].focus, fieldset[disabled] .btn-outline-dark .focus {
  box-shadow: none;
}




.btn-outWeb {
  box-shadow: 4px 3px 5px rgba(40,40,40,0.3);
}
a img.btn-outWeb:hover {
  cursor: pointer;
}



.btn-action {
  color: #FFFFFF;
  border-color: #0d6efd;
  background:rgba(13,110,253,1);
  box-shadow: 4px 3px 5px rgba(13,110,253,0.5);
}
.btn-action:hover, .btn-action:focus, 
.btn-action:active, .btn-action:active:focus, .btn-action:active:hover, .btn-action:active.focus,
.btn-action.active, .btn-action.active:focus, .btn-action.active:hover, .btn-action.active.focus,
.open > .dropdown-toggle.btn-action, 
.open > .dropdown-toggle.btn-action:hover,
.open > .dropdown-toggle.btn-action:focus, 
.open > .dropdown-toggle.btn-action.focus,
.btn-action.disabled:hover, .btn-action[disabled]:hover, fieldset[disabled] .btn-action:hover,
.btn-action.disabled:focus, .btn-action[disabled]:focus, fieldset[disabled] .btn-action:focus,
.btn-action.disabled.focus, .btn-action[disabled].focus, fieldset[disabled] .btn-action.focus {
  color: #FFFFFF;
  border-color: #0d6efd;
  background:rgba(2,85,210,1);
  box-shadow: none;
}

.btn-action_info {
    font-size:1.3rem;
    color: #333333;
    border-color: #F6A623;
    background: rgba(246,166,35,0.6);
    box-shadow: 4px 3px 5px rgba(246,166,35,0.3);
}
.btn-action_info:hover, .btn-action_info:focus, 
.btn-action_info:active, .btn-action_info:active:focus, .btn-action_info:active:hover, .btn-action_info:active.focus,
.btn-action_info.active, .btn-action_info.active:focus, .btn-action_info.active:hover, .btn-action_info.active.focus,
.open > .dropdown-toggle.btn-action_info, 
.open > .dropdown-toggle.btn-action_info:hover,
.open > .dropdown-toggle.btn-action_info:focus, 
.open > .dropdown-toggle.btn-action_info.focus,
.btn-action_info.disabled:hover, .btn-action_info[disabled]:hover, fieldset[disabled] .btn-action_info:hover,
.btn-action_info.disabled:focus, .btn-action_info[disabled]:focus, fieldset[disabled] .btn-action_info:focus,
.btn-action_info.disabled.focus, .btn-action_info[disabled].focus, fieldset[disabled] .btn-action_info.focus {
    color: #FFFFFF;
    border-color: #F6A623;
    background: rgba(246,166,35,0.8);
    box-shadow: none;
}

.btn-action_info.arrow {
  position: relative;
  display: inline-block;
}
.btn-action_info.arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4%;
  margin: auto;
  content: "";
  width: 1rem;   /* arrow size */
  height: 1rem;  /* arrow size */
  border-top: 1px solid #333333;  /* thickness, color */
  border-right: 1px solid #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-action_info.arrow:hover:after {
  border-top: 1px solid #FFFFFF;  /* thickness, color */
  border-right: 1px solid #FFFFFF;
}



.btn-action_faq {
  font-size:1.3rem;
  color: #333333;
  border-color: #B0E0E6;
  background:rgba(176,224,230,1);
  box-shadow: 4px 3px 5px rgba(30,144,255,0.5);
}
.btn-action_faq:hover, .btn-action_faq:focus, 
.btn-action_faq:active, .btn-action_faq:active:focus, .btn-action_faq:active:hover, .btn-action_faq:active.focus,
.btn-action_faq.active, .btn-action_faq.active:focus, .btn-action_faq.active:hover, .btn-action_faq.active.focus,
.open > .dropdown-toggle.btn-action_faq, 
.open > .dropdown-toggle.btn-action_faq:hover,
.open > .dropdown-toggle.btn-action_faq:focus, 
.open > .dropdown-toggle.btn-action_faq.focus,
.btn-action_faq.disabled:hover, .btn-action_faq[disabled]:hover, fieldset[disabled] .btn-action_faq:hover,
.btn-action_faq.disabled:focus, .btn-action_faq[disabled]:focus, fieldset[disabled] .btn-action_faq:focus,
.btn-action_faq.disabled.focus, .btn-action_faq[disabled].focus, fieldset[disabled] .btn-action_faq.focus {
  color: #333333;
  border-color: #B0E0E6;
  background:rgba(176,224,230,1);
  box-shadow: none;
}

.btn-action_faq.faq {
  position:relative;
  display:inline-block;
}
.btn-action_faq.faq:after {
  content:"";
  display:block;
  width:22px;
  height:22px;
  background:url("../img/general/chat-left-text.svg") no-repeat center center;
  background-size:contain;
  position:absolute;
  top:50%;
  left:3%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  z-index:99;
}
.btn-action_faq.faq:hover:after {
/*  background:url("../img/general/chat-left-text-wt.svg") no-repeat center center; */
}


.btn-outline-action {
  color: #0d6efd;
  border-color: #0d6efd;
  box-shadow: 4px 3px 5px rgba(13,110,253,0.5);
}
.btn-outline-action:hover, .btn-outline-action:focus, 
.btn-outline-action:active, .btn-outline-action:active:focus, .btn-outline-action:active:hover, .btn-outline-action:active.focus,
.btn-outline-action.active, .btn-outline-action.active:focus, .btn-outline-action.active:hover, .btn-outline-action.active.focus,
.open > .dropdown-toggle.btn-outline-action, 
.open > .dropdown-toggle.btn-outline-action:hover,
.open > .dropdown-toggle.btn-outline-action:focus, 
.open > .dropdown-toggle.btn-outline-action.focus,
.btn-outline-action.disabled:hover, .btn-outline-action[disabled]:hover, fieldset[disabled] .btn-outline-action:hover,
.btn-outline-action.disabled:focus, .btn-outline-action[disabled]:focus, fieldset[disabled] .btn-outline-action:focus,
.btn-outline-action.disabled.focus, .btn-outline-action[disabled].focus, fieldset[disabled] .btn-outline-action.focus {
  color: #FFFFFF;
  border-color: #0d6efd;
  background:rgba(2,85,210,1);
  box-shadow: none;
}

.btn-outline-action.kozo {
  color: #0d6efd;
  border-color: #0d6efd ;
  box-shadow: 4px 3px 5px rgba(13,110,253,0.5);

  position:relative;
  display:inline-block;
}
.btn-outline-action.kozo:hover {
  background:rgba(255,255,255,1);
  box-shadow: none;
}

.btn-outline-action.pivot {
  color: #b92623 ;
  border-color: #b92623 ;
  box-shadow: 4px 3px 5px rgba(185,38,35,0.5);

  position:relative;
  display:inline-block;
}
.btn-outline-action.pivot:hover {
  background:rgba(255,255,255,1);
  box-shadow: none;
}

.btn-outline-action.fmsystem {
  color: #33b668 ;
  border-color: #33b668 ;
  box-shadow: 4px 3px 5px rgba(51,182,104,0.5);

  position:relative;
  display:inline-block;
}
.btn-outline-action.fmsystem:hover {
  background:rgba(255,255,255,1);
  box-shadow: none;
}



.btn-outline-action_info {
  font-size:1.3rem;
  color: #0d6efd;
  border-color: #0d6efd;
  box-shadow: 4px 3px 5px rgba(13,110,253,0.5);
}
.btn-outline-action_info:hover, .btn-outline-action_info:focus, 
.btn-outline-action_info:active, .btn-outline-action_info:active:focus, .btn-outline-action_info:active:hover, .btn-outline-action_info:active.focus,
.btn-outline-action_info.active, .btn-outline-action_info.active:focus, .btn-outline-action_info.active:hover, .btn-outline-action_info.active.focus,
.open > .dropdown-toggle.btn-outline-action_info, 
.open > .dropdown-toggle.btn-outline-action_info:hover,
.open > .dropdown-toggle.btn-outline-action_info:focus, 
.open > .dropdown-toggle.btn-outline-action_info.focus,
.btn-outline-action_info.disabled:hover, .btn-outline-action_info[disabled]:hover, fieldset[disabled] .btn-outline-action_info:hover,
.btn-outline-action_info.disabled:focus, .btn-outline-action_info[disabled]:focus, fieldset[disabled] .btn-outline-action_info:focus,
.btn-outline-action_info.disabled.focus, .btn-outline-action_info[disabled].focus, fieldset[disabled] .btn-outline-action_info.focus {
  color: #FFFFFF;
  border-color: #0d6efd;
  background:rgba(2,85,210,1);
  box-shadow: none;
}

.ac-l1 {
  padding: 1.8rem;
}
.ac-l2 {
  padding: 3rem;
}
.ac-sub-txt {
  font-size: 0.9rem;
}
.ac-sub-txt::before {
  content: "\A";
  white-space: pre;
}
.btn-outline-action_info.arrow {
  position: relative;
  display: inline-block;
}
.btn-outline-action_info.arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4%;
  margin: auto;
  content: "";
  width: 1rem;   /* arrow size */
  height: 1rem;  /* arrow size */
  border-top: 1px solid #0d6efd;  /* thickness, color */
  border-right: 1px solid #0d6efd;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-outline-action_info.arrow:hover:after {
  border-top: 1px solid #FFFFFF;  /* thickness, color */
  border-right: 1px solid #FFFFFF;
}


.btn-outline-action_fap {
  color: #df0542;
  border-color: #df0542;
  box-shadow: 4px 3px 5px rgba(223,5,66,0.5);
}
.btn-outline-action_fap:hover, .btn-outline-action_fap:focus, 
.btn-outline-action_fap:active, .btn-outline-action_fap:active:focus, .btn-outline-action_fap:active:hover, .btn-outline-action_fap:active.focus,
.btn-outline-action_fap.active, .btn-outline-action_fap.active:focus, .btn-outline-action_fap.active:hover, .btn-outline-action_fap.active.focus,
.open > .dropdown-toggle.btn-outline-action_fap, 
.open > .dropdown-toggle.btn-outline-action_fap:hover,
.open > .dropdown-toggle.btn-outline-action_fap:focus, 
.open > .dropdown-toggle.btn-outline-action_fap.focus,
.btn-outline-action_fap.disabled:hover, .btn-outline-action_fap[disabled]:hover, fieldset[disabled] .btn-outline-action_fap:hover,
.btn-outline-action_fap.disabled:focus, .btn-outline-action_fap[disabled]:focus, fieldset[disabled] .btn-outline-action_fap:focus,
.btn-outline-action_fap.disabled.focus, .btn-outline-action_fap[disabled].focus, fieldset[disabled] .btn-outline-action_fap.focus {
  color: #FFFFFF;
  border-color: #df0542;
  background:rgba(223,5,66,1);
  box-shadow: none;
}
.btn-outline-action_med {
  color: #5CA333;
  border-color: #5CA333;
  box-shadow: 4px 3px 5px rgba(92,163,51,0.5);
}
.btn-outline-action_med:hover, .btn-outline-action_med:focus, 
.btn-outline-action_med:active, .btn-outline-action_med:active:focus, .btn-outline-action_med:active:hover, .btn-outline-action_med:active.focus,
.btn-outline-action_med.active, .btn-outline-action_med.active:focus, .btn-outline-action_med.active:hover, .btn-outline-action_med.active.focus,
.open > .dropdown-toggle.btn-outline-action_med, 
.open > .dropdown-toggle.btn-outline-action_med:hover,
.open > .dropdown-toggle.btn-outline-action_med:focus, 
.open > .dropdown-toggle.btn-outline-action_med.focus,
.btn-outline-action_med.disabled:hover, .btn-outline-action_med[disabled]:hover, fieldset[disabled] .btn-outline-action_med:hover,
.btn-outline-action_med.disabled:focus, .btn-outline-action_med[disabled]:focus, fieldset[disabled] .btn-outline-action_med:focus,
.btn-outline-action_med.disabled.focus, .btn-outline-action_med[disabled].focus, fieldset[disabled] .btn-outline-action_med.focus {
  color: #FFFFFF;
  border-color: #5CA333;
  background:rgba(92,163,51,1);
  box-shadow: none;
}

.btn-outline-action_snap {
  color: #00BFFF;
  border-color: #00BFFF;
  box-shadow: 4px 3px 5px rgba(0,191,255,0.5);
}
.btn-outline-action_snap:hover, .btn-outline-action_snap:focus, 
.btn-outline-action_snap:active, .btn-outline-action_snap:active:focus, .btn-outline-action_snap:active:hover, .btn-outline-action_snap:active.focus,
.btn-outline-action_snap.active, .btn-outline-action_snap.active:focus, .btn-outline-action_snap.active:hover, .btn-outline-action_snap.active.focus,
.open > .dropdown-toggle.btn-outline-action_snap, 
.open > .dropdown-toggle.btn-outline-action_snap:hover,
.open > .dropdown-toggle.btn-outline-action_snap:focus, 
.open > .dropdown-toggle.btn-outline-action_snap.focus,
.btn-outline-action_snap.disabled:hover, .btn-outline-action_snap[disabled]:hover, fieldset[disabled] .btn-outline-action_snap:hover,
.btn-outline-action_snap.disabled:focus, .btn-outline-action_snap[disabled]:focus, fieldset[disabled] .btn-outline-action_snap:focus,
.btn-outline-action_snap.disabled.focus, .btn-outline-action_snap[disabled].focus, fieldset[disabled] .btn-outline-action_snap.focus {
  color: #FFFFFF;
  border-color: #00BFFF;
  background:rgba(0,191,255,1);
  box-shadow: none;
}

.btn-outline-action_hdoc {
  color: #5CA333;
  border-color: #5CA333;
  box-shadow: 4px 3px 5px rgba(92,163,51,0.5);
}
.btn-outline-action_hdoc:hover, .btn-outline-action_hdoc:focus, 
.btn-outline-action_hdoc:active, .btn-outline-action_hdoc:active:focus, .btn-outline-action_hdoc:active:hover, .btn-outline-action_hdoc:active.focus,
.btn-outline-action_hdoc.active, .btn-outline-action_hdoc.active:focus, .btn-outline-action_hdoc.active:hover, .btn-outline-action_hdoc.active.focus,
.open > .dropdown-toggle.btn-outline-action_hdoc, 
.open > .dropdown-toggle.btn-outline-action_hdoc:hover,
.open > .dropdown-toggle.btn-outline-action_hdoc:focus, 
.open > .dropdown-toggle.btn-outline-action_hdoc.focus,
.btn-outline-action_hdoc.disabled:hover, .btn-outline-action_hdoc[disabled]:hover, fieldset[disabled] .btn-outline-action_hdoc:hover,
.btn-outline-action_hdoc.disabled:focus, .btn-outline-action_hdoc[disabled]:focus, fieldset[disabled] .btn-outline-action_hdoc:focus,
.btn-outline-action_hdoc.disabled.focus, .btn-outline-action_hdoc[disabled].focus, fieldset[disabled] .btn-outline-action_hdoc.focus {
  color: #FFFFFF;
  border-color: #5CA333;
  background:rgba(92,163,51,1);
  box-shadow: none;
}

.btn-outline-action_docs {
  color: #4B0082;
  border-color: #4B0082;
  box-shadow: 4px 3px 5px rgba(75,0,130,0.5);
}
.btn-outline-action_docs:hover, .btn-outline-action_docs:focus, 
.btn-outline-action_docs:active, .btn-outline-action_docs:active:focus, .btn-outline-action_docs:active:hover, .btn-outline-action_docs:active.focus,
.btn-outline-action_docs.active, .btn-outline-action_docs.active:focus, .btn-outline-action_docs.active:hover, .btn-outline-action_docs.active.focus,
.open > .dropdown-toggle.btn-outline-action_docs, 
.open > .dropdown-toggle.btn-outline-action_docs:hover,
.open > .dropdown-toggle.btn-outline-action_docs:focus, 
.open > .dropdown-toggle.btn-outline-action_docs.focus,
.btn-outline-action_docs.disabled:hover, .btn-outline-action_docs[disabled]:hover, fieldset[disabled] .btn-outline-action_docs:hover,
.btn-outline-action_docs.disabled:focus, .btn-outline-action_docs[disabled]:focus, fieldset[disabled] .btn-outline-action_docs:focus,
.btn-outline-action_docs.disabled.focus, .btn-outline-action_docs[disabled].focus, fieldset[disabled] .btn-outline-action_docs.focus {
  color: #FFFFFF;
  border-color: #4B0082;
  background:rgba(75,0,130,1);
  box-shadow: none;
}

.btn-outline-action_ktsub {
  color: #009FAB;
  border-color: #009FAB;
  box-shadow: 4px 3px 5px rgba(0,159,171,0.5);
}
.btn-outline-action_ktsub:hover, .btn-outline-action_ktsub:focus, 
.btn-outline-action_ktsub:active, .btn-outline-action_ktsub:active:focus, .btn-outline-action_ktsub:active:hover, .btn-outline-action_ktsub:active.focus,
.btn-outline-action_ktsub.active, .btn-outline-action_ktsub.active:focus, .btn-outline-action_ktsub.active:hover, .btn-outline-action_ktsub.active.focus,
.open > .dropdown-toggle.btn-outline-action_ktsub, 
.open > .dropdown-toggle.btn-outline-action_ktsub:hover,
.open > .dropdown-toggle.btn-outline-action_ktsub:focus, 
.open > .dropdown-toggle.btn-outline-action_ktsub.focus,
.btn-outline-action_ktsub.disabled:hover, .btn-outline-action_ktsub[disabled]:hover, fieldset[disabled] .btn-outline-action_ktsub:hover,
.btn-outline-action_ktsub.disabled:focus, .btn-outline-action_ktsub[disabled]:focus, fieldset[disabled] .btn-outline-action_ktsub:focus,
.btn-outline-action_ktsub.disabled.focus, .btn-outline-action_ktsub[disabled].focus, fieldset[disabled] .btn-outline-action_ktsub.focus {
  color: #FFFFFF;
  border-color: #009FAB;
  background:rgba(0,159,171,1);
  box-shadow: none;
}

.btn-outline-action_ktkiso {
  color: #36AEE5;
  border-color: #36AEE5;
  box-shadow: 4px 3px 5px rgba(54,174,229,0.5);
}
.btn-outline-action_ktkiso:hover, .btn-outline-action_ktkiso:focus, 
.btn-outline-action_ktkiso:active, .btn-outline-action_ktkiso:active:focus, .btn-outline-action_ktkiso:active:hover, .btn-outline-action_ktkiso:active.focus,
.btn-outline-action_ktkiso.active, .btn-outline-action_ktkiso.active:focus, .btn-outline-action_ktkiso.active:hover, .btn-outline-action_ktkiso.active.focus,
.open > .dropdown-toggle.btn-outline-action_ktkiso, 
.open > .dropdown-toggle.btn-outline-action_ktkiso:hover,
.open > .dropdown-toggle.btn-outline-action_ktkiso:focus, 
.open > .dropdown-toggle.btn-outline-action_ktkiso.focus,
.btn-outline-action_ktkiso.disabled:hover, .btn-outline-action_ktkiso[disabled]:hover, fieldset[disabled] .btn-outline-action_ktkiso:hover,
.btn-outline-action_ktkiso.disabled:focus, .btn-outline-action_ktkiso[disabled]:focus, fieldset[disabled] .btn-outline-action_ktkiso:focus,
.btn-outline-action_ktkiso.disabled.focus, .btn-outline-action_ktkiso[disabled].focus, fieldset[disabled] .btn-outline-action_ktkiso.focus {
  color: #FFFFFF;
  border-color: #36AEE5;
  background:rgba(54,174,229,1);
  box-shadow: none;
}


.btn-outline-action_dl {
  font-size:1.3rem;
  color: #FFFFFF;
  border-color: #009944;
  background:rgba(0,153,68,1);
  box-shadow: 4px 3px 5px rgba(0,153,68,0.5);
}
.btn-outline-action_dl:hover, .btn-outline-action_dl:focus, 
.btn-outline-action_dl:active, .btn-outline-action_dl:active:focus, .btn-outline-action_dl:active:hover, .btn-outline-action_dl:active.focus,
.btn-outline-action_dl.active, .btn-outline-action_dl.active:focus, .btn-outline-action_dl.active:hover, .btn-outline-action_dl.active.focus,
.open > .dropdown-toggle.btn-outline-action_dl, 
.open > .dropdown-toggle.btn-outline-action_dl:hover,
.open > .dropdown-toggle.btn-outline-action_dl:focus, 
.open > .dropdown-toggle.btn-outline-action_dl.focus,
.btn-outline-action_dl.disabled:hover, .btn-outline-action_dl[disabled]:hover, fieldset[disabled] .btn-outline-action_dl:hover,
.btn-outline-action_dl.disabled:focus, .btn-outline-action_dl[disabled]:focus, fieldset[disabled] .btn-outline-action_dl:focus,
.btn-outline-action_dl.disabled.focus, .btn-outline-action_dl[disabled].focus, fieldset[disabled] .btn-outline-action_dl.focus {
  color: #009944;
  border-color: #009944;
  box-shadow: none;
}



.btn-attention {
  color: #333333;
  border-color: #F6A623;
  background:rgba(246,166,35,1);
}
.btn-attention:hover, .btn-attention:focus, 
.btn-attention:active, .btn-attention:active:focus, .btn-attention:active:hover, .btn-attention:active.focus,
.btn-attention.active, .btn-attention.active:focus, .btn-attention.active:hover, .btn-attention.active.focus,
.open > .dropdown-toggle.btn-attention, 
.open > .dropdown-toggle.btn-attention:hover,
.open > .dropdown-toggle.btn-attention:focus, 
.open > .dropdown-toggle.btn-attention.focus,
.btn-attention.disabled:hover, .btn-attention[disabled]:hover, fieldset[disabled] .btn-attention:hover,
.btn-attention.disabled:focus, .btn-attention[disabled]:focus, fieldset[disabled] .btn-attention:focus,
.btn-attention.disabled.focus, .btn-attention[disabled].focus, fieldset[disabled] .btn-attention.focus {
  color: #333333;
  border-color: #F6A623;
  background:rgba(246,166,35,0.8);
}


.btn-outline-attention {
  color: rgba(80,80,80,1);
  border-color: #F6A623;
  background: #FFFFFF;
  box-shadow: 4px 3px 5px rgba(246,166,35,0.3);
}
.btn-outline-attention:hover, .btn-outline-attention:focus, 
.btn-outline-attention:active, .btn-outline-attention:active:focus, .btn-outline-attention:active:hover, .btn-outline-attention:active.focus,
.btn-outline-attention.active, .btn-outline-attention.active:focus, .btn-outline-attention.active:hover, .btn-outline-attention.active.focus,
.open > .dropdown-toggle.btn-outline-attention, 
.open > .dropdown-toggle.btn-outline-attention:hover,
.open > .dropdown-toggle.btn-outline-attention:focus, 
.open > .dropdown-toggle.btn-outline-attention.focus,
.btn-outline-attention.disabled:hover, .btn-outline-attention[disabled]:hover, fieldset[disabled] .btn-outline-attention:hover,
.btn-outline-attention.disabled:focus, .btn-outline-attention[disabled]:focus, fieldset[disabled] .btn-outline-attention:focus,
.btn-outline-attention.disabled.focus, .btn-outline-attention[disabled].focus, fieldset[disabled] .btn-outline-attention.focus {
  color: rgba(0,0,0,1);
  border-color: #F6A623;
  background: #FFFFFF;
  box-shadow: none;
}
.btn-outline-attention.info {
  position:relative;
  display:inline-block;
}
.btn-outline-attention.info:after {
  content:"";
  display:block;
  width:22px;
  height:22px;
  background:url("../img/general/info-square-fill.svg") no-repeat center center;
  background-size:contain;
  position:absolute;
  top:50%;
  left:3%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  z-index:99;
}
.btn-outline-attention.info:hover:after {
  background:url("../img/general/info-square-fill-bk.svg") no-repeat center center;
  background-size:contain;
}

.btn-outline-attention.arrow {
  position:relative;
  display:inline-block;
}
.btn-outline-attention.arrow:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4%;
  margin: auto;
  content: "";
  width: 1rem;   /* arrow size */
  height: 1rem;  /* arrow size */
  border-top: 1px solid #333333;  /* thickness, color */
  border-right: 1px solid #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-outline-attention.arrow:hover:after {
  border-top: 1px solid #333333;  /* thickness, color */
  border-right: 1px solid #333333;
}


.btn-inquiry {
  color: #FFFFFF;
  border-color: #0d6efd;
  background:rgba(13,110,253,1);
}
.btn-inquiry:hover, .btn-inquiry:focus, 
.btn-inquiry:active, .btn-inquiry:active:focus, .btn-inquiry:active:hover, .btn-inquiry:active.focus,
.btn-inquiry.active, .btn-inquiry.active:focus, .btn-inquiry.active:hover, .btn-inquiry.active.focus,
.open > .dropdown-toggle.btn-inquiry, 
.open > .dropdown-toggle.btn-inquiry:hover,
.open > .dropdown-toggle.btn-inquiry:focus, 
.open > .dropdown-toggle.btn-inquiry.focus,
.btn-inquiry.disabled:hover, .btn-inquiry[disabled]:hover, fieldset[disabled] .btn-inquiry:hover,
.btn-inquiry.disabled:focus, .btn-inquiry[disabled]:focus, fieldset[disabled] .btn-inquiry:focus,
.btn-inquiry.disabled.focus, .btn-inquiry[disabled].focus, fieldset[disabled] .btn-inquiry.focus {
  color: #FFFFFF;
  border-color: #0d6efd;
  background:rgba(2,85,210,1);
}

.btn-service {
  color: #FFFFFF;
  border-color: #FFFFFF;
  padding: 2rem;
  font-size: 1.3rem;
  background:rgba(0,0,0,0.6);
}
.btn-service:hover, .btn-service:focus, 
.btn-service:active, .btn-service:active:focus, .btn-service:active:hover, .btn-service:active.focus,
.btn-service.active, .btn-service.active:focus, .btn-service.active:hover, .btn-service.active.focus,
.open > .dropdown-toggle.btn-service, 
.open > .dropdown-toggle.btn-service:hover,
.open > .dropdown-toggle.btn-service:focus, 
.open > .dropdown-toggle.btn-service.focus,
.btn-service.disabled:hover, .btn-service[disabled]:hover, fieldset[disabled] .btn-service:hover,
.btn-service.disabled:focus, .btn-service[disabled]:focus, fieldset[disabled] .btn-service:focus,
.btn-service.disabled.focus, .btn-service[disabled].focus, fieldset[disabled] .btn-service.focus {
  color: #333333;
  border-color: #FFFFFF;
  background:rgba(255,255,255,0.8);
}

.btn-service-select {
  color: #FFFFFF;
  border-color: #FFFFFF;
  padding: 2rem;
  font-size: 1.3rem;
  background: rgba(0, 0, 0, 0.6) url("../img/general/service_bg.webp") no-repeat center left;
  background-blend-mode:darken;
  background-size:300%;
  box-shadow: 4px 3px 5px rgba(80,80,80,0.5);
}
.btn-service-select:hover, .btn-service-select:focus, 
.btn-service-select:active, .btn-service-select:active:focus, .btn-service-select:active:hover, .btn-service-select:active.focus,
.btn-service-select.active, .btn-service-select.active:focus, .btn-service-select.active:hover, .btn-service-select.active.focus,
.open > .dropdown-toggle.btn-service-select, 
.open > .dropdown-toggle.btn-service-select:hover,
.open > .dropdown-toggle.btn-service-select:focus, 
.open > .dropdown-toggle.btn-service-select.focus,
.btn-service-select.disabled:hover, .btn-service-select[disabled]:hover, fieldset[disabled] .btn-service-select:hover,
.btn-service-select.disabled:focus, .btn-service-select[disabled]:focus, fieldset[disabled] .btn-service-select:focus,
.btn-service-select.disabled.focus, .btn-service-select[disabled].focus, fieldset[disabled] .btn-service-select.focus {
  color: #000000;
  text-shadow: 1px 2px 4px rgba(80,80,80,0.3);
  border-color: #000000;
  background: rgba(255, 255, 255, 0.6) url("../img/general/service_bg.webp") no-repeat center left;
  background-blend-mode:multiply;
  background-size:300%;
  box-shadow: none;
}
.service-select-l2 {
  padding: 3rem;
}


.btn_su{
  overflow: hidden;
  position: relative;
}

.btn_su_inner_circle{
  border-radius: 1000px;
  position: absolute;
  left:0;
  top:0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
}

.btn_su_inner{
    display: inline-block;
    transition: 400ms;
    z-index: 900;
}

.btn_txt_container{
   position:relative;
   z-index: 900;
}

.explode-circle {
   animation: explode 0.5s forwards;

}

.desplode-circle {
   animation: desplode 0.5s forwards;
}


@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(12,36,97,0.2);
  }
  100% {
    width: 1000px;
    height: 1000px;
    margin-left: -500px;
    margin-top: -500px;
    background-color: rgba(255, 255, 255,0.8);
  }
}

@keyframes desplode {
  0% {
    width: 1000px;
    height: 1000px;
    margin-left: -500px;
    margin-top: -500px;
    background-color: rgba(255, 255, 255,0.8);
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(12,36,97,0.3);
  }
}




.btn-service-soft-list {
  color: #222222;
  border-color: #666666;
  background: linear-gradient(to right, #E9EEF4 0%, #D0DAE6 30%, #D0DAE6 100%);
  padding: 2rem;
  font-size: 1.3rem;
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}
.btn-service-soft-list:hover, .btn-service-soft-list:focus, 
.btn-service-soft-list:active, .btn-service-soft-list:active:focus, .btn-service-soft-list:active:hover, .btn-service-soft-list:active.focus,
.btn-service-soft-list.active, .btn-service-soft-list.active:focus, .btn-service-soft-list.active:hover, .btn-service-soft-list.active.focus,
.open > .dropdown-toggle.btn-service-soft-list, 
.open > .dropdown-toggle.btn-service-soft-list:hover,
.open > .dropdown-toggle.btn-service-soft-list:focus, 
.open > .dropdown-toggle.btn-service-soft-list.focus,
.btn-service-soft-list.disabled:hover, .btn-service-soft-list[disabled]:hover, fieldset[disabled] .btn-service-soft-list:hover,
.btn-service-soft-list.disabled:focus, .btn-service-soft-list[disabled]:focus, fieldset[disabled] .btn-service-soft-list:focus,
.btn-service-soft-list.disabled.focus, .btn-service-soft-list[disabled].focus, fieldset[disabled] .btn-service-soft-list.focus {
  color: #222222;
  border-color: #666666;
  background: linear-gradient(to right, #C9D5E3 0%, #BACADA 30%, #BACADA 100%);
  box-shadow: none;
}
.pg-list {
  min-height: 280px;
}
.pg-main-txt {
  width: 300px;
  float: left;
}
.pg-sub-txt {
  font-size: 0.7rem;
}
.pg-sub-txt::before {
  content: "\A";
  white-space: pre;
}
.pg-sts-txt {
  font-size: 0.9rem;
  width: 200px;
  min-height: 85px;
  float: right;
}
.pg-sts-sub-txt {
  font-size: 0.7rem;
}

.pg-fnc-txt {
  font-size: 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

.btn-service-soft-list.km_nbus7 {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/km-nbus7_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.km_nbus7:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/km-nbus7_bg_pgl.webp");
}
.btn-service-soft-list.km_rop {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/km-revitop_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.km_rop:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/km-revitop_bg_pgl.webp");
}
.btn-service-soft-list.km_cost {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/km-cost_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.km_cost:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/km-cost_bg_pgl.webp");
}
.btn-service-soft-list.km_fusejiku {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/km-fusejiku_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.km_fusejiku:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/km-fusejiku_bg_pgl.webp");
}
.btn-service-soft-list.km_kiso {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/km-kiso_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.km_kiso:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/km-kiso_bg_pgl.webp");
}
.btn-service-soft-list.km_danmen {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/km-danmen_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.km_danmen:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/km-danmen_bg_pgl.webp");
}


.btn-service-soft-list.wall_1 {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/wall_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.wall_1:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/wall_bg_pgl.webp");
}
.btn-service-soft-list.house_wl {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/house_wl_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.house_wl:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/house_wl_bg_pgl.webp");
}
.btn-service-soft-list.house_st1 {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/house_st1_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.house_st1:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/house_st1_bg_pgl.webp");
}
.btn-service-soft-list.house_4g {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/house_4g_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.house_4g:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/house_4g_bg_pgl.webp");
}
.btn-service-soft-list.house_doc {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/house_doc_v7_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.house_doc:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/house_doc_v7_bg_pgl.webp");
}
.btn-service-soft-list.wood_st {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/wood_st_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.wood_st:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/wood_st_bg_pgl.webp");
}
.btn-service-soft-list.fap3_pro {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/fap3_pro_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.fap3_pro:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/fap3_pro_bg_pgl.webp");
}
.btn-service-soft-list.fap3 {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/fap3_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.fap3:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/fap3_bg_pgl.webp");
}
.btn-service-soft-list.med3 {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/med3_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.med3:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/med3_bg_pgl.webp");
}
.btn-service-soft-list.snap {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/snap_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.snap:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/snap_bg_pgl.webp");
}
.btn-service-soft-list.snap_md {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/snap_md_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.snap_md:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/snap_md_bg_pgl.webp");
}
.btn-service-soft-list.snap_wave {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/snap_wave_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.snap_wave:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/snap_wave_bg_pgl.webp");
}
.btn-service-soft-list.snap_gp {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/snap_gp_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.snap_gp:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/snap_gp_bg_pgl.webp");
}
.btn-service-soft-list.doc_rcsrc {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/doc_rcsrc_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.doc_rcsrc:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/doc_rcsrc_bg_pgl.webp");
}
.btn-service-soft-list.doc_s {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/doc_s_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.doc_s:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/doc_s_bg_pgl.webp");
}
.btn-service-soft-list.doc_3 {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/doc_3_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.doc_3:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/doc_3_bg_pgl.webp");
}
.btn-service-soft-list.doc_wl {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/doc_wl_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.doc_wl:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/doc_wl_bg_pgl.webp");
}


.btn-service-soft-list.bus_danmen {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/bus_danmen_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.bus_danmen:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/bus_danmen_bg_pgl.webp");
}


.btn-service-soft-list.kt_kiso {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/kt_kiso_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.kt_kiso:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/kt_kiso_bg_pgl.webp");
}
.btn-service-soft-list.kt_sub {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/kt_sub_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.kt_sub:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/kt_sub_bg_pgl.webp");
}
.btn-service-soft-list.rtw {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/rtw_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.rtw:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/rtw_bg_pgl.webp");
}
.btn-service-soft-list.fem_2d {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.8)), url("../img/program/fem_2d_bg_pgl.webp");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.btn-service-soft-list.fem_2d:hover {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.8)), url("../img/program/fem_2d_bg_pgl.webp");
}


.btn-service-support {
  color: #666666;
  border-color: rgb(210, 209, 196);
  padding: 3rem 2rem 1rem;
  font-size: 1.3rem;
  background:rgb(238, 237, 230);
  min-height: 240px;
  min-width: 130px;
  box-shadow: 4px 3px 5px rgba(80,80,80,0.5);
}
.btn-service-support:hover, .btn-service-support:focus, 
.btn-service-support:active, .btn-service-support:active:focus, .btn-service-support:active:hover, .btn-service-support:active.focus,
.btn-service-support.active, .btn-service-support.active:focus, .btn-service-support.active:hover, .btn-service-support.active.focus,
.open > .dropdown-toggle.btn-service-support, 
.open > .dropdown-toggle.btn-service-support:hover,
.open > .dropdown-toggle.btn-service-support:focus, 
.open > .dropdown-toggle.btn-service-support.focus,
.btn-service-support.disabled:hover, .btn-service-support[disabled]:hover, fieldset[disabled] .btn-service-support:hover,
.btn-service-support.disabled:focus, .btn-service-support[disabled]:focus, fieldset[disabled] .btn-service-support:focus,
.btn-service-support.disabled.focus, .btn-service-support[disabled].focus, fieldset[disabled] .btn-service-support.focus {
  color: #FFFFFF;
  border-color:rgb(210, 209, 196);
  background:rgba(0,0,0,0.5);
  box-shadow: none;
}




.btn-service-member_3pro {
  color: #FFFFFF;
  border-color: #000055;
  padding: 2rem;
  font-size: 1.3rem;
  background:rgba(0,0,85,1);
  min-height: 90px;
  box-shadow: 4px 3px 5px rgba(0,0,85,0.5);
}
.btn-service-member_3pro:hover, .btn-service-member_3pro:focus, 
.btn-service-member_3pro:active, .btn-service-member_3pro:active:focus, .btn-service-member_3pro:active:hover, .btn-service-member_3pro:active.focus,
.btn-service-member_3pro.active, .btn-service-member_3pro.active:focus, .btn-service-member_3pro.active:hover, .btn-service-member_3pro.active.focus,
.open > .dropdown-toggle.btn-service-member_3pro, 
.open > .dropdown-toggle.btn-service-member_3pro:hover,
.open > .dropdown-toggle.btn-service-member_3pro:focus, 
.open > .dropdown-toggle.btn-service-member_3pro.focus,
.btn-service-member_3pro.disabled:hover, .btn-service-member_3pro[disabled]:hover, fieldset[disabled] .btn-service-member_3pro:hover,
.btn-service-member_3pro.disabled:focus, .btn-service-member_3pro[disabled]:focus, fieldset[disabled] .btn-service-member_3pro:focus,
.btn-service-member_3pro.disabled.focus, .btn-service-member_3pro[disabled].focus, fieldset[disabled] .btn-service-member_3pro.focus {
  color: #FFFFFF;
  border-color: #000055;
  background:rgba(0,0,85,0.8);
  box-shadow: none;
}

.btn-service-member_doc {
  color: #FFFFFF;
  border-color: #550000;
  padding: 2rem;
  font-size: 1.3rem;
  background:rgba(85,0,0,1);
  min-height: 90px;
  box-shadow: 4px 3px 5px rgba(85,0,0,0.5);
}
.btn-service-member_doc:hover, .btn-service-member_doc:focus, 
.btn-service-member_doc:active, .btn-service-member_doc:active:focus, .btn-service-member_doc:active:hover, .btn-service-member_doc:active.focus,
.btn-service-member_doc.active, .btn-service-member_doc.active:focus, .btn-service-member_doc.active:hover, .btn-service-member_doc.active.focus,
.open > .dropdown-toggle.btn-service-member_doc, 
.open > .dropdown-toggle.btn-service-member_doc:hover,
.open > .dropdown-toggle.btn-service-member_doc:focus, 
.open > .dropdown-toggle.btn-service-member_doc.focus,
.btn-service-member_doc.disabled:hover, .btn-service-member_doc[disabled]:hover, fieldset[disabled] .btn-service-member_doc:hover,
.btn-service-member_doc.disabled:focus, .btn-service-member_doc[disabled]:focus, fieldset[disabled] .btn-service-member_doc:focus,
.btn-service-member_doc.disabled.focus, .btn-service-member_doc[disabled].focus, fieldset[disabled] .btn-service-member_doc.focus {
  color: #FFFFFF;
  border-color: #550000;
  background:rgba(85,0,0,0.8);
  box-shadow: none;
}

.btn-service-member_house {
  color: #FFFFFF;
  border-color: #336600;
  padding: 2rem;
  font-size: 1.3rem;
  background:rgba(51,102,0,1);
  min-height: 90px;
  box-shadow: 4px 3px 5px rgba(51,102,0,0.5);
}
.btn-service-member_house:hover, .btn-service-member_house:focus, 
.btn-service-member_house:active, .btn-service-member_house:active:focus, .btn-service-member_house:active:hover, .btn-service-member_house:active.focus,
.btn-service-member_house.active, .btn-service-member_house.active:focus, .btn-service-member_house.active:hover, .btn-service-member_house.active.focus,
.open > .dropdown-toggle.btn-service-member_house, 
.open > .dropdown-toggle.btn-service-member_house:hover,
.open > .dropdown-toggle.btn-service-member_house:focus, 
.open > .dropdown-toggle.btn-service-member_house.focus,
.btn-service-member_house.disabled:hover, .btn-service-member_house[disabled]:hover, fieldset[disabled] .btn-service-member_house:hover,
.btn-service-member_house.disabled:focus, .btn-service-member_house[disabled]:focus, fieldset[disabled] .btn-service-member_house:focus,
.btn-service-member_house.disabled.focus, .btn-service-member_house[disabled].focus, fieldset[disabled] .btn-service-member_house.focus {
  color: #FFFFFF;
  border-color: #336600;
  background:rgba(51,102,0,0.8);
  box-shadow: none;
}



.btn-implementation {
    color: #FFFFFF;
    border-color: #ff9246;
    background:rgba(255,146,70,1);
    padding: 2rem;
    font-size: 1.3rem;
    min-height:130px;
  box-shadow: 4px 3px 5px rgba(51,102,0,0.5);
}
.btn-implementation:hover, .btn-implementation:focus, 
.btn-implementation:active, .btn-implementation:active:focus, .btn-implementation:active:hover, .btn-implementation:active.focus,
.btn-implementation.active, .btn-implementation.active:focus, .btn-implementation.active:hover, .btn-implementation.active.focus,
.open > .dropdown-toggle.btn-implementation, 
.open > .dropdown-toggle.btn-implementation:hover,
.open > .dropdown-toggle.btn-implementation:focus, 
.open > .dropdown-toggle.btn-implementation.focus,
.btn-implementation.disabled:hover, .btn-implementation[disabled]:hover, fieldset[disabled] .btn-implementation:hover,
.btn-implementation.disabled:focus, .btn-implementation[disabled]:focus, fieldset[disabled] .btn-implementation:focus,
.btn-implementation.disabled.focus, .btn-implementation[disabled].focus, fieldset[disabled] .btn-implementation.focus {
    color: #000000;
    border-color: #000000;
  text-shadow: 1px 2px 4px rgba(80,80,80,0.3);
    background:rgba(255,146,70,1);
  box-shadow: none;
}


.btn-standard {
    color: #666666;
    border-color: #666666;
}
.btn-standard:hover, .btn-standard:focus, 
.btn-standard:active, .btn-standard:active:focus, .btn-standard:active:hover, .btn-standard:active.focus,
.btn-standard.active, .btn-standard.active:focus, .btn-standard.active:hover, .btn-standard.active.focus,
.open > .dropdown-toggle.btn-standard, 
.open > .dropdown-toggle.btn-standard:hover,
.open > .dropdown-toggle.btn-standard:focus, 
.open > .dropdown-toggle.btn-standard.focus,
.btn-standard.disabled:hover, .btn-standard[disabled]:hover, fieldset[disabled] .btn-standard:hover,
.btn-standard.disabled:focus, .btn-standard[disabled]:focus, fieldset[disabled] .btn-standard:focus,
.btn-standard.disabled.focus, .btn-standard[disabled].focus, fieldset[disabled] .btn-standard.focus {
    color: #FFFFFF;
    border-color: #666666;
    background:rgba(0,0,0,0.5);
}


.btn-campaign {
    color: #FFFFFF;
    border-color: #FFFFFF;
    padding: 2rem;
    font-size: 1.3rem;
    background:rgba(183,21,64,0.6);
}
.btn-campaign:hover, .btn-campaign:focus, 
.btn-campaign:active, .btn-campaign:active:focus, .btn-campaign:active:hover, .btn-campaign:active.focus,
.btn-campaign.active, .btn-campaign.active:focus, .btn-campaign.active:hover, .btn-campaign.active.focus,
.open > .dropdown-toggle.btn-campaign, 
.open > .dropdown-toggle.btn-campaign:hover,
.open > .dropdown-toggle.btn-campaign:focus, 
.open > .dropdown-toggle.btn-campaign.focus,
.btn-campaign.disabled:hover, .btn-campaign[disabled]:hover, fieldset[disabled] .btn-campaign:hover,
.btn-campaign.disabled:focus, .btn-campaign[disabled]:focus, fieldset[disabled] .btn-campaign:focus,
.btn-campaign.disabled.focus, .btn-campaign[disabled].focus, fieldset[disabled] .btn-campaign.focus {
    color: #B71540;
    border-color: #B71540;
    background:rgba(255,255,255,0.7);
}

.btn-campaign-jbte {
    color: #FFFFFF;
    border-color: rgba(255,143,36,1);
    padding: 2rem;
    font-size: 1.3rem;
    background:rgba(255,143,36,0.8);
}
.btn-campaign-jbte:hover, .btn-campaign-jbte:focus, 
.btn-campaign-jbte:active, .btn-campaign-jbte:active:focus, .btn-campaign-jbte:active:hover, .btn-campaign-jbte:active.focus,
.btn-campaign-jbte.active, .btn-campaign-jbte.active:focus, .btn-campaign-jbte.active:hover, .btn-campaign-jbte.active.focus,
.open > .dropdown-toggle.btn-campaign-jbte, 
.open > .dropdown-toggle.btn-campaign-jbte:hover,
.open > .dropdown-toggle.btn-campaign-jbte:focus, 
.open > .dropdown-toggle.btn-campaign-jbte.focus,
.btn-campaign-jbte.disabled:hover, .btn-campaign-jbte[disabled]:hover, fieldset[disabled] .btn-campaign-jbte:hover,
.btn-campaign-jbte.disabled:focus, .btn-campaign-jbte[disabled]:focus, fieldset[disabled] .btn-campaign-jbte:focus,
.btn-campaign-jbte.disabled.focus, .btn-campaign-jbte[disabled].focus, fieldset[disabled] .btn-campaign-jbte.focus {
    color: #B71540;
    border-color: #B71540;
    background:rgba(255,255,255,0.7);
}



.btn-rel_info {
    color: #666666;
    border-color: #666666;
    padding: 2rem;
    font-size: 1.3rem;
    background:#FFFFFF;
    box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}
.btn-rel_info:hover, .btn-rel_info:focus, 
.btn-rel_info:active, .btn-rel_info:active:focus, .btn-rel_info:active:hover, .btn-rel_info:active.focus,
.btn-rel_info.active, .btn-rel_info.active:focus, .btn-rel_info.active:hover, .btn-rel_info.active.focus,
.open > .dropdown-toggle.btn-rel_info, 
.open > .dropdown-toggle.btn-rel_info:hover,
.open > .dropdown-toggle.btn-rel_info:focus, 
.open > .dropdown-toggle.btn-rel_info.focus,
.btn-rel_info.disabled:hover, .btn-rel_info[disabled]:hover, fieldset[disabled] .btn-rel_info:hover,
.btn-rel_info.disabled:focus, .btn-rel_info[disabled]:focus, fieldset[disabled] .btn-rel_info:focus,
.btn-rel_info.disabled.focus, .btn-rel_info[disabled].focus, fieldset[disabled] .btn-rel_info.focus {
    color: #FFFFFF;
    border-color: #666666;
    background:rgba(0,0,0,0.5);
    box-shadow: none;
}

.btn-rel_info_kdb {
    color: #149EC7;
    border-color: #666666;
    padding: 2rem;
    font-size: 1.3rem;
    font-weight: bold;
    background:#FFFFFF;
    box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}
.btn-rel_info_kdb:hover, .btn-rel_info_kdb:focus, 
.btn-rel_info_kdb:active, .btn-rel_info_kdb:active:focus, .btn-rel_info_kdb:active:hover, .btn-rel_info_kdb:active.focus,
.btn-rel_info_kdb.active, .btn-rel_info_kdb.active:focus, .btn-rel_info_kdb.active:hover, .btn-rel_info_kdb.active.focus,
.open > .dropdown-toggle.btn-rel_info_kdb, 
.open > .dropdown-toggle.btn-rel_info_kdb:hover,
.open > .dropdown-toggle.btn-rel_info_kdb:focus, 
.open > .dropdown-toggle.btn-rel_info_kdb.focus,
.btn-rel_info_kdb.disabled:hover, .btn-rel_info_kdb[disabled]:hover, fieldset[disabled] .btn-rel_info_kdb:hover,
.btn-rel_info_kdb.disabled:focus, .btn-rel_info_kdb[disabled]:focus, fieldset[disabled] .btn-rel_info_kdb:focus,
.btn-rel_info_kdb.disabled.focus, .btn-rel_info_kdb[disabled].focus, fieldset[disabled] .btn-rel_info_kdb.focus {
    color: #FFFFFF;
    border-color: #666666;
    background:rgba(0,0,0,0.5);
    box-shadow: none;
}



.btn-corporate {
  color: #FFFFFF;
  border-color: #FFFFFF;
  padding: 2rem;
  font-size: 1.3rem;
  background:rgba(10,61,98,1);
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}
.btn-corporate:hover, .btn-corporate:focus, 
.btn-corporate:active, .btn-corporate:active:focus, .btn-corporate:active:hover, .btn-corporate:active.focus,
.btn-corporate.active, .btn-corporate.active:focus, .btn-corporate.active:hover, .btn-corporate.active.focus,
.open > .dropdown-toggle.btn-corporate, 
.open > .dropdown-toggle.btn-corporate:hover,
.open > .dropdown-toggle.btn-corporate:focus, 
.open > .dropdown-toggle.btn-corporate.focus,
.btn-corporate.disabled:hover, .btn-corporate[disabled]:hover, fieldset[disabled] .btn-corporate:hover,
.btn-corporate.disabled:focus, .btn-corporate[disabled]:focus, fieldset[disabled] .btn-corporate:focus,
.btn-corporate.disabled.focus, .btn-corporate[disabled].focus, fieldset[disabled] .btn-corporate.focus {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background:rgba(10,61,98,1);
  box-shadow: none;
}


.btn-recruit {
  font-size:1.3rem;
  color: #FFFFFF;
  border-color: #0d6efd;
  background:rgba(2,85,210,1);
  box-shadow: 4px 3px 5px rgba(2,85,210,0.3);
}
.btn-recruit:hover, .btn-recruit:focus, 
.btn-recruit:active, .btn-recruit:active:focus, .btn-recruit:active:hover, .btn-recruit:active.focus,
.btn-recruit.active, .btn-recruit.active:focus, .btn-recruit.active:hover, .btn-recruit.active.focus,
.open > .dropdown-toggle.btn-recruit, 
.open > .dropdown-toggle.btn-recruit:hover,
.open > .dropdown-toggle.btn-recruit:focus, 
.open > .dropdown-toggle.btn-recruit.focus,
.btn-recruit.disabled:hover, .btn-recruit[disabled]:hover, fieldset[disabled] .btn-recruit:hover,
.btn-recruit.disabled:focus, .btn-recruit[disabled]:focus, fieldset[disabled] .btn-recruit:focus,
.btn-recruit.disabled.focus, .btn-recruit[disabled].focus, fieldset[disabled] .btn-recruit.focus {
  color: #0d6efd;
  border-color: #0d6efd;
  background:rgba(256,256,256,0.3);
  box-shadow: none;
}

.btn-outline-recruit {
  font-size:1.3rem;
  color: #0d6efd;
  border-color: #0d6efd;
  box-shadow: 4px 3px 5px rgba(2,85,210,0.3);
}
.btn-outline-recruit:hover, .btn-outline-recruit:focus, 
.btn-outline-recruit:active, .btn-outline-recruit:active:focus, .btn-outline-recruit:active:hover, .btn-outline-recruit:active.focus,
.btn-outline-recruit.active, .btn-outline-recruit.active:focus, .btn-outline-recruit.active:hover, .btn-outline-recruit.active.focus,
.open > .dropdown-toggle.btn-outline-recruit, 
.open > .dropdown-toggle.btn-outline-recruit:hover,
.open > .dropdown-toggle.btn-outline-recruit:focus, 
.open > .dropdown-toggle.btn-outline-recruit.focus,
.btn-outline-recruit.disabled:hover, .btn-outline-recruit[disabled]:hover, fieldset[disabled] .btn-outline-recruit:hover,
.btn-outline-recruit.disabled:focus, .btn-outline-recruit[disabled]:focus, fieldset[disabled] .btn-outline-recruit:focus,
.btn-outline-recruit.disabled.focus, .btn-outline-recruit[disabled].focus, fieldset[disabled] .btn-outline-recruit.focus {
  color: #FFFFFF;
  border-color: #0d6efd;
  background:rgba(2,85,210,1);
  box-shadow: none;
}

.rec-l1 {
  padding: 1.8rem;
}
.rec-l2 {
  padding: 3rem;
}
.rec-sub-txt {
  font-size: 0.9rem;
}
.rec-sub-txt::before {
  content: "\A";
  white-space: pre;
}


.list-group-item {
  line-height: 1.8rem;
  border:1px dashed rgba(0,0,0,0.3);
}

.list-group-item:after
{
  content:"";
  display:block;
  width:10px;
  height:15px;
  background:url("../img/general/arrow-r.svg") no-repeat center center;
  background-size:contain;
  position:absolute;
  top: 50%;
  right:1%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  z-index:99;
}

.list-group-item.sbo {
  background-color: rgba(235,201,144,0.5); /*#EBC990;*/
}

.list-group-item.sbo:after
{
  background:url("../img/general/arrow-r-bk.svg") no-repeat center center;
}


.company dl {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  font-size: 1.2rem;
}
.company dt {
  flex-basis: 15%;
  padding: 20px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}
.company dt:first-child {
  border-top: 1px solid #CCCCCC;
}
.company dt:first-child + dd {
  border-top: 1px solid #CCCCCC;
}
.company dd {
  flex-basis: 85%;
  padding: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: unset;
}

.company dd.end {
  flex-basis: 100%;
}
.company figcaption {
  margin-left: 2.5rem!important;
}


.contact dl {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  font-size: 1.2rem;
}
.contact dt {
  flex-basis: 15%;
  padding: 20px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}
.contact dt:first-child {
  border-top: 1px solid #CCCCCC;
}
.contact dt:first-child + dd {
  border-top: 1px solid #CCCCCC;
}
.contact dd {
  flex-basis: 85%;
  padding: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: unset;
}
.contact dd.end {
  flex-basis: 100%;
  border-top: 1px solid #CCCCCC;
}


.vu_member dl {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.vu_member dt {
  flex-basis: 20%;
  padding: 20px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}
.vu_member dt:first-child {
  border-top: 1px solid #CCCCCC;
}
.vu_member dt:first-child + dd {
  border-top: 1px solid #CCCCCC;
}
.vu_member dd {
  flex-basis: 80%;
  padding: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: unset;
}


.sreq_pric dl {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  font-size: 1.2rem;
}
.sreq_pric dt {
  flex-basis: 20%;
  padding: 20px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}
.sreq_pric dt:first-child {
  border-top: 1px solid #CCCCCC;
}
.sreq_pric dt:first-child + dd {
  border-top: 1px solid #CCCCCC;
}
.sreq_pric dd {
  flex-basis: 80%;
  padding: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: unset;
}

.sreq_pric dd.end {
  flex-basis: 100%;
}

.sreq_pric-40 dt {
  flex-basis: 40%;
}
.sreq_pric-40 dd {
  flex-basis: 60%;
}


.recruit dl {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  font-size: 1.2rem;
}
.recruit dt {
  flex-basis: 40%;
  padding: 20px;
  border-bottom: 1px solid #CCCCCC;
}
.recruit dt:first-child {
  border-top: 1px solid #CCCCCC;
}
.recruit dt:first-child + dd {
  border-top: 1px solid #CCCCCC;
}
.recruit dd {
  flex-basis: 60%;
  padding: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: unset;
}

.recruit dd.end {
  flex-basis: 100%;
}


.d_program dl {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}
.d_program dt {
  flex-basis: 50%;
  padding: 20px;
  font-weight:normal;
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}
.d_program dt:first-child {
  border-top: 1px solid #CCCCCC;
}
.d_program dt:first-child + dd {
  border-top: 1px solid #CCCCCC;
}
.d_program dd {
  flex-basis: 50%;
  padding: 20px;
  font-weight:bold;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: unset;
}

.d_program dd.end {
  flex-basis: 100%;
}

.d_program span {
  background: linear-gradient(transparent 60%, #FF4500);
}



.d_generic dl {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  font-size: 1.2rem;
}
.d_generic dt {
  flex-basis: 20%;
  padding: 20px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
}
.d_generic dt:first-child {
  border-top: 1px solid #CCCCCC;
}
.d_generic dt:first-child + dd {
  border-top: 1px solid #CCCCCC;
}
.d_generic dd {
  flex-basis: 80%;
  padding: 20px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: unset;
}

.d_generic dd.end {
  flex-basis: 100%;
}

.d_generic-30 dt {
  flex-basis: 30%;
}
.d_generic-30 dd {
  flex-basis: 70%;
}



.benefits { padding:5px 20px; background-color:#FDE8E7; }
.benefits_blu { background-color:#E2F2F8; }
.benefits_white { background-color:#FFFFFF; }
.benefits_gray { background-color:#EEEEEE; }
.benefits_yellow { background-color:#FFFACD; }
.benefits_green { background-color:#e8f1e2; }

.benefits dl {
  flex-flow: row wrap;
  width: 100%;
  font-size: 1.2rem;
}
.benefits dt {
  padding: 10px;
}
.benefits dd {
  padding: 10px;
}


.benefits p.h3 {
  color:#E3605B;
}
.benefits_blu p.h3 {
  color:#009FCB;
}



.pg-enclosure {
  padding:1rem;
}

.pg-enclosure.gray {
  border: 3px dotted #DDDDDD;
}

.pg-enclosure.km_blue {
  border: 3px dotted #149EC7;
}
.pg-enclosure.km_red {
  border: 3px dotted #DC143C;
}
.pg-enclosure.km_green {
  border: 3px dotted #1E90FF;
}
.pg-enclosure.km_orange {
  border: 3px dotted #FF8C00;
}
.pg-enclosure.km_purple {
  border: 3px dotted #57358A;
}
.pg-enclosure.km_olive {
  border: 3px dotted #6C813F;
}

.icon_bg {
  font-size:1rem;
  font-weight:bold;
  color: #FFFFFF;
  padding:5px 20px;
  background-color:#DF0542;
  border-radius:4px;
}

.tp-topics {
  border: 1px solid #DDDDDD;
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3)
}
.tp-topics:hover {
  box-shadow:none;
}

.tp-topics div.card-body {
  padding: 0;
 
}
.tp-topics img.card-img-fit {
  height: 120px;
  object-fit: cover;
  opacity:0.95;
}
.tp-topics p.card-title {
  color: #149EC7;
  padding: 0.6rem 1rem;
  background:rgba(255,255,224,0.6);
  border-top: 2px solid #FFFFE0;
  border-bottom: 2px solid #FFFFE0;
}

.ct-ucases {
  border: 1px solid #DDDDDD;
  background:#E6F5FE;
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
  padding:0.4rem;
}
.ct-ucases:hover {
  background:#CCE9FA;
  box-shadow:none;
}

.ct-trouble {
  border: 1px solid rgb(210, 209, 196);
  background:rgb(238, 237, 230);
  box-shadow: 4px 3px 5px rgba(0,0,0,0.3);
}
.ct-trouble:hover {
  color: #FFFFFF;
  border-color:rgb(210, 209, 196);
  background:rgba(0,0,0,0.5);
  box-shadow:none;
}



.btn-youtube {
  color: #FFFFFF;
  border-color: #FF0000;
  padding: 2rem;
  font-size: 1.3rem;
  background:rgba(255,0,0,1);
}
.btn-youtube:hover, .btn-youtube:focus, 
.btn-youtube:active, .btn-youtube:active:focus, .btn-youtube:active:hover, .btn-youtube:active.focus,
.btn-youtube.active, .btn-youtube.active:focus, .btn-youtube.active:hover, .btn-youtube.active.focus,
.open > .dropdown-toggle.btn-youtube, 
.open > .dropdown-toggle.btn-youtube:hover,
.open > .dropdown-toggle.btn-youtube:focus, 
.open > .dropdown-toggle.btn-youtube.focus,
.btn-youtube.disabled:hover, .btn-youtube[disabled]:hover, fieldset[disabled] .btn-youtube:hover,
.btn-youtube.disabled:focus, .btn-youtube[disabled]:focus, fieldset[disabled] .btn-youtube:focus,
.btn-youtube.disabled.focus, .btn-youtube[disabled].focus, fieldset[disabled] .btn-youtube.focus {
  color: #FFFFFF;
  border-color: #FF0000;
  background:rgba(255,0,0,0.4);
}


.com_guide {
  font-size: 0.7rem;
  height: 18px;
  margin: 0 auto;
  padding: 2px 0px 0px;
  _padding: 2px 0px 0px;
}


.com_copy {
  font-size: 11px;
  padding: 14px 0px 0px;
  _padding: 14px 0px 0px;
}


.white-space{
  display:block;
  height:1em;
}

.sp_inquiry {
  display:none;
}
.sp_inquiry:hover {
  opacity: 1;
}


.is-pc-hide {
  display: none;
}

.is-sp-hide-sub {
  display: block;
}
.is-pc-hide-sub {
  display: none;
}


.is-sm-show {
  display: none;
}
.is-sm-hide {
  display: block;
}

/* km-kiso speedtest */
.is-pc-hide_12 {
  display: none;
}
.is-pc-hide_57 {
  display: none;
}



.list_day {
  font-size:1rem;
  width:120px;
  display:inline-block;
}

.info_pd {
  font-size:1rem;
  color:#FFFFFF;
  background-color: #4B6584;
  margin:0 1rem;
  padding:0.2rem 0.6rem;
}

.info_etc {
  font-size:1rem;
  color:#000000;
  background-color: #A5B1C2;
  margin:0 1rem;
  padding:0.2rem 0.6rem;
}

.eve_kz {
  font-size:1rem;
  color:#FFFFFF;
  background-color: #A3B92C;
  margin:0 1rem;
  padding:0.2rem 0.6rem;
}

.eve_etc {
  font-size:1rem;
  color:#FFFFFF;
  background-color: #FFCC00;
  margin:0 1rem;
  padding:0.2rem 0.6rem;
}

.list-cont {
  margin-right: 1rem;
  margin-left: 1rem;
  width: 87%;
  display: block;
  float: right;
}


@media (min-width: 1400px){

.list-cont.index {
  width: 80%;
}

}


.interviewer {
  font-size:1rem;
  font-weight:bold;
}

.interviewer.km_blue {
  color: #149EC7;
}

.interviewer.house_doc {
  color: #009944;
}

.interviewer.snap {
  color: #60B0E3;
}


.speaker {
  font-size:1rem;
}

.speaker.km_blue {
  color: #00A0E9;
}

.speaker.house_doc {
  color: #009944;
}

.speaker.snap {
  color: #60B0E3;
}



.main-title {
  padding: 0.75rem 1.5rem;
  background: #E6EAEF;
}

.main-title.general {
  border-left: 10px solid #0C2461;
}



.main-title.k_db {
  border-left: 10px solid #0171D5;
}
.main-title.k_db-appendix {
  border-left: 10px solid #2F4F4F;
}


.main-title.km_blue {
  border-left: 10px solid #149EC7;
}
.main-title.km_red {
  border-left: 10px solid #DC143C;
}
.main-title.km_green {
  border-left: 10px solid #1E90FF;
}
.main-title.km_orange {
  border-left: 10px solid #FF8C00;
}
.main-title.km_purple {
  border-left: 10px solid #57358A;
}
.main-title.km_olive {
  border-left: 10px solid #6C813F;
}



.main-title.wall_1 {
  border-left: 10px solid #076DB1 ;
}
.main-title.wood_st {
  border-left: 10px solid #F58A7B ;
}
.main-title.house_st1 {
  border-left: 10px solid #BA344A ;
}
.main-title.house_4g {
  border-left: 10px solid #CC7014 ;
}
.main-title.house_wl {
  border-left: 10px solid #009143 ;
}
.main-title.house_doc {
  border-left: 10px solid #009944 ;
}
.main-title.fap_3 {
  border-left: 10px solid #DF0542 ;
}
.main-title.snap {
  border-left: 10px solid #60B0E3 ;
}
.main-title.snap_md {
  border-left: 10px solid #5CA333 ;
}
.main-title.snap_gp {
  border-left: 10px solid #60B0E3 ;
}
.main-title.snap_wave {
  border-left: 10px solid #132B88 ;
}
.main-title.doc_rcsrc {
  border-left: 10px solid #00854D ;
}
.main-title.doc_s {
  border-left: 10px solid #0083CA ;
}
.main-title.doc_3 {
  border-left: 10px solid #00A5A8 ;
}
.main-title.doc_wl {
  border-left: 10px solid #66b6d5 ;
}
.main-title.med_3 {
  border-left: 10px solid #009944 ;
}
.main-title.kt_sub {
  border-left: 10px solid #009FAB ;
}
.main-title.kt_kiso {
  border-left: 10px solid #36AEE5 ;
}
.main-title.fem_2d {
  border-left: 10px solid #800080 ;
}
.main-title.rtw {
  border-left: 10px solid #006242 ;
}
.main-title.bus_danmen {
  border-left: 10px solid #0085CC ;
}


.sub-title {
  padding: 1rem 1rem 1rem 2.5rem;
  border: 2px solid #eaf5f9;
  position: relative;
}

.sub-title.general:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #0C2461;
}



.sub-title.k_db:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #0171D5;
}

.sub-title.km_blue:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #149EC7;
}
.sub-title.km_red:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #DC143C;
}
.sub-title.km_green:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #1E90FF;
}
.sub-title.km_orange:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #FF8C00;
}
.sub-title.km_purple:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #57358A;
}
.sub-title.km_olive:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #6C813F;
}





.sub-title.wall_1:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #076DB1;
}
.sub-title.wood_st:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #F58A7B;
}
.sub-title.house_st1:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #BA344A;
}
.sub-title.house_4g:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #CC7014;
}
.sub-title.house_wl:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #009143;
}
.sub-title.house_doc:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #009944;
}
.sub-title.fap_3:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #DF0542;
}
.sub-title.snap:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #60B0E3;
}
.sub-title.snap_md:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #5CA333;
}
.sub-title.snap_gp:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #60B0E3;
}
.sub-title.snap_wave:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #132B88;
}
.sub-title.doc_rcsrc:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #00854D;
}
.sub-title.doc_s:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #0083CA;
}
.sub-title.doc_3:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #00A5A8;
}
.sub-title.doc_wl:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #66b6d5;
}
.sub-title.med_3:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #009944;
}
.sub-title.kt_sub:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #009FAB;
}
.sub-title.kt_kiso:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #36AEE5;
}
.sub-title.fem_2d:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #800080;
}
.sub-title.rtw:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #006242;
}
.sub-title.bus_danmen:before {
  position: absolute;
  top: 20%;
  left: 20px;
  width: 6px;
  height: 60%;
  content: '';
  background: #0085CC;
}


.sub2-title {
  padding: 0.2rem 0.5rem;
}

.sub2-title.general {
  border-bottom: 2px solid #0C2461;
}



.sub2-title.k_db {
  border-bottom: 2px solid #0171D5;
}

.sub2-title.km_blue {
  border-bottom: 2px solid #149EC7;
}
.sub2-title.km_red {
  border-bottom: 2px solid #DC143C;
}
.sub2-title.km_green {
  border-bottom: 2px solid #1E90FF;
}
.sub2-title.km_orange {
  border-bottom: 2px solid #FF8C00;
}
.sub2-title.km_purple {
  border-bottom: 2px solid #57358A;
}
.sub2-title.km_olive {
  border-bottom: 2px solid #6C813F;
}





.sub2-title.wall_1 {
  border-bottom: 2px solid #076DB1;
}
.sub2-title.wood_st {
  border-bottom: 2px solid #F58A7B;
}
.sub2-title.house_st1 {
  border-bottom: 2px solid #BA344A;
}
.sub2-title.house_4g {
  border-bottom: 2px solid #CC7014;
}
.sub2-title.house_wl {
  border-bottom: 2px solid #009143;
}
.sub2-title.house_doc {
  border-bottom: 2px solid #009944;
}
.sub2-title.fap_3 {
  border-bottom: 2px solid #DF0542;
}
.sub2-title.snap {
  border-bottom: 2px solid #60B0E3;
}
.sub2-title.snap_md {
  border-bottom: 2px solid #5CA333;
}
.sub2-title.snap_gp {
  border-bottom: 2px solid #60B0E3;
}
.sub2-title.snap_wave {
  border-bottom: 2px solid #132B88;
}
.sub2-title.doc_rcsrc {
  border-bottom: 2px solid #00854D;
}
.sub2-title.doc_s {
  border-bottom: 2px solid #0083CA;
}
.sub2-title.doc_3 {
  border-bottom: 2px solid #00A5A8;
}
.sub2-title.doc_wl {
  border-bottom: 2px solid #66b6d5;
}
.sub2-title.med_3 {
  border-bottom: 2px solid #009944;
}
.sub2-title.kt_sub {
  border-bottom: 2px solid #009FAB;
}
.sub2-title.kt_kiso {
  border-bottom: 2px solid #36AEE5;
}
.sub2-title.fem_2d {
  border-bottom: 2px solid #800080;
}
.sub2-title.rtw {
  border-bottom: 2px solid #006242;
}
.sub2-title.bus_danmen {
  border-bottom: 2px solid #0085CC;
}


.sub3-title {
  padding: 0.1rem 0.3rem;
}

.sub3-title.general:before {
  content:"■ ";
  font-weight:bold;
  color:#0C2461;
  font-size:2rem;
}



.sub3-title.k_db:before {
  content:"■ ";
  font-weight:bold;
  color:#0171D5;
  font-size:2rem;
}

.sub3-title.km_blue:before {
  content:"■ ";
  font-weight:bold;
  color:#149EC7;
  font-size:2rem;
}
.sub3-title.km_red:before {
  content:"■ ";
  font-weight:bold;
  color:#DC143C;
  font-size:2rem;
}
.sub3-title.km_green:before {
  content:"■ ";
  font-weight:bold;
  color:#1E90FF;
  font-size:2rem;
}
.sub3-title.km_orange:before {
  content:"■ ";
  font-weight:bold;
  color:#FF8C00;
  font-size:2rem;
}
.sub3-title.km_purple:before {
  content:"■ ";
  font-weight:bold;
  color:#57358A;
  font-size:2rem;
}
.sub3-title.km_olive:before {
  content:"■ ";
  font-weight:bold;
  color:#6C813F;
  font-size:2rem;
}





.sub3-title.wall_1:before {
  content:"■ ";
  font-weight:bold;
  color:#076DB1;
  font-size:2rem;
}
.sub3-title.wood_st:before {
  content:"■ ";
  font-weight:bold;
  color:#F58A7B;
  font-size:2rem;
}
.sub3-title.house_st1:before {
  content:"■ ";
  font-weight:bold;
  color:#BA344A;
  font-size:2rem;
}
.sub3-title.house_4g:before {
  content:"■ ";
  font-weight:bold;
  color:#CC7014;
  font-size:2rem;
}
.sub3-title.house_wl:before {
  content:"■ ";
  font-weight:bold;
  color:#009143;
  font-size:2rem;
}
.sub3-title.house_doc:before {
  content:"■ ";
  font-weight:bold;
  color:#009944;
  font-size:2rem;
}
.sub3-title.fap_3:before {
  content:"■ ";
  font-weight:bold;
  color:#DF0542;
  font-size:2rem;
}
.sub3-title.snap:before {
  content:"■ ";
  font-weight:bold;
  color:#60B0E3;
  font-size:2rem;
}
.sub3-title.snap_md:before {
  content:"■ ";
  font-weight:bold;
  color:#5CA333;
  font-size:2rem;
}
.sub3-title.snap_gp:before {
  content:"■ ";
  font-weight:bold;
  color:#60B0E3;
  font-size:2rem;
}
.sub3-title.snap_wave:before {
  content:"■ ";
  font-weight:bold;
  color:#132B88;
  font-size:2rem;
}
.sub3-title.doc_rcsrc:before {
  content:"■ ";
  font-weight:bold;
  color:#00854D;
  font-size:2rem;
}
.sub3-title.doc_s:before {
  content:"■ ";
  font-weight:bold;
  color:#0083CA;
  font-size:2rem;
}
.sub3-title.doc_3:before {
  content:"■ ";
  font-weight:bold;
  color:#00A5A8;
  font-size:2rem;
}
.sub3-title.doc_wl:before {
  content:"■ ";
  font-weight:bold;
  color:#66b6d5;
  font-size:2rem;
}
.sub3-title.med_3:before {
  content:"■ ";
  font-weight:bold;
  color:#009944;
  font-size:2rem;
}
.sub3-title.kt_sub:before {
  content:"■ ";
  font-weight:bold;
  color:#009FAB;
  font-size:2rem;
}
.sub3-title.kt_kiso:before {
  content:"■ ";
  font-weight:bold;
  color:#36AEE5;
  font-size:2rem;
}
.sub3-title.fem_2d:before {
  content:"■ ";
  font-weight:bold;
  color:#800080;
  font-size:2rem;
}
.sub3-title.rtw:before {
  content:"■ ";
  font-weight:bold;
  color:#006242;
  font-size:2rem;
}
.sub3-title.bus_danmen:before {
  content:"■ ";
  font-weight:bold;
  color:#0085CC;
  font-size:2rem;
}


.sub4-title {
  padding: 0.2rem 0;
  border-bottom: 2px solid #c0c0c0;
}

.sub4-title.general span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #0C2461;
  margin-bottom:-0.32rem;
}


.sub4-title.k_db span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #0171D5;
  margin-bottom:-0.32rem;
}
.sub4-title.km_blue span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #149EC7;
  margin-bottom:-0.32rem;
}
.sub4-title.km_red span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #DC143C;
  margin-bottom:-0.32rem;
}
.sub4-title.km_green span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #1E90FF;
  margin-bottom:-0.32rem;
}
.sub4-title.km_orange span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #FF8C00;
  margin-bottom:-0.32rem;
}
.sub4-title.km_purple span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #57358A;
  margin-bottom:-0.32rem;
}
.sub4-title.km_olive span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #6C813F;
  margin-bottom:-0.32rem;
}





.sub4-title.wall_1 span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #076DB1;
  margin-bottom:-0.32rem;
}
.sub4-title.wood_st {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #F58A7B;
  margin-bottom:-0.32rem;
}
.sub4-title.house_st1 span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #BA344A;
  margin-bottom:-0.32rem;
}
.sub4-title.house_4g span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #CC7014;
  margin-bottom:-0.32rem;
}
.sub4-title.house_wl span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #009143;
  margin-bottom:-0.32rem;
}
.sub4-title.house_doc span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #009944;
  margin-bottom:-0.32rem;
}
.sub4-title.fap_3 span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #DF0542;
  margin-bottom:-0.32rem;
}
.sub4-title.snap span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #60B0E3;
  margin-bottom:-0.32rem;
}
.sub4-title.snap_md span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #5CA333;
  margin-bottom:-0.32rem;
}
.sub4-title.snap_gp span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #60B0E3;
  margin-bottom:-0.32rem;
}
.sub4-title.snap_wave span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #132B88;
  margin-bottom:-0.32rem;
}
.sub4-title.doc_rcsrc span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #00854D;
  margin-bottom:-0.32rem;
}
.sub4-title.doc_s span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #0083CA;
  margin-bottom:-0.32rem;
}
.sub4-title.doc_3 span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #00A5A8;
  margin-bottom:-0.32rem;
}
.sub4-title.doc_wl span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #66b6d5;
  margin-bottom:-0.32rem;
}
.sub4-title.med_3 span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #009944;
  margin-bottom:-0.32rem;
}
.sub4-title.kt_sub span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #009FAB;
  margin-bottom:-0.32rem;
}
.sub4-title.kt_kiso span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #36AEE5;
  margin-bottom:-0.32rem;
}
.sub4-title.fem_2d span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #800080;
  margin-bottom:-0.32rem;
}
.sub4-title.rtw span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #006242;
  margin-bottom:-0.32rem;
}
.sub4-title.bus_danmen span {
  display: inline-block;
  padding: 5px 10px;
  border-bottom: 2px solid #0085CC;
  margin-bottom:-0.32rem;
}




h2.no_tracking {
  letter-spacing: initial;
  text-align: initial;
}
p.no_tracking {
  letter-spacing: initial;
  text-align: initial;
}


.rel_info {
  background-color: #F7EDE1;
}
.rel_info-text {
  padding:1rem 1rem 0 0;
}

.rel_info_pg {
  background-color: #E1E1E1;
}
.rel_info_pg-text {
  padding:1rem 1rem 0 0;
}

.rel_info_pg.snap_gp {
  background-color: #60B0E3;
}


/* house-doc flow */
.step1 { color:#68AE28;font-size: 1.25rem; }
.step2 { color:#E38F35;font-size: 1.25rem; }
.step3 { color:#D82D67;font-size: 1.25rem; }
.step4 { color:#57358A;font-size: 1.25rem; }
.step5 { color:#2486C3;font-size: 1.25rem; }

p.sub-title_hdoc-flow {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem 1rem 80px;
}
p.sub-title_hdoc-flow.step1 {
  border-top: 2px solid #68AE28;
  font-size: 1.25rem;
}
p.sub-title_hdoc-flow.step2 {
  border-top: 2px solid #E38F35;
  font-size: 1.25rem;
}
p.sub-title_hdoc-flow.step3 {
  border-top: 2px solid #D82D67;
  font-size: 1.25rem;
}
p.sub-title_hdoc-flow.step4 {
  border-top: 2px solid #57358A;
  font-size: 1.25rem;
}
p.sub-title_hdoc-flow.step5 {
  border-top: 2px solid #2486C3;
  font-size: 1.25rem;
}

p.sub-title_hdoc-flow:before{
  position: absolute;
  top: -80%;
  left: -60px;
  width: 120px;
  height: 200%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
p.sub-title_hdoc-flow.step1:before{
  background: #68AE28;
}
p.sub-title_hdoc-flow.step2:before{
  background: #E38F35;
}
p.sub-title_hdoc-flow.step3:before{
  background: #D82D67;
}
p.sub-title_hdoc-flow.step4:before{
  background: #57358A;
}
p.sub-title_hdoc-flow.step5:before{
  background: #2486C3;
}

p.sub-title_hdoc-flow span{
  font-size: 2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 5px;
  padding-left: 16px;
  color: #FFFFFF;
}

/* km-fusejiku flow */
.step { color: #57358A; }

p.sub-title_fusejiku-flow {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem 1rem 80px;
}
p.sub-title_fusejiku-flow.step {
  border-top: 2px solid #57358A;
  font-size: 1.25rem;
}

p.sub-title_fusejiku-flow:before{
  position: absolute;
  top: -80%;
  left: -60px;
  width: 120px;
  height: 200%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
p.sub-title_fusejiku-flow.step:before{
  background: #57358A;
}

p.sub-title_fusejiku-flow span{
  font-size: 2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 5px;
  padding-left: 16px;
  color: #FFFFFF;
}


/* km-danmen flow */
.ripen { color: #6C813F; }

p.sub-title_danmen-flow {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem 1rem 80px;
}
p.sub-title_danmen-flow.ripen {
  border-top: 2px solid #6C813F;
  font-size: 1.25rem;
}

p.sub-title_danmen-flow:before{
  position: absolute;
  top: -80%;
  left: -60px;
  width: 120px;
  height: 200%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
p.sub-title_danmen-flow.ripen:before{
  background: #6C813F;
}

p.sub-title_danmen-flow span{
  font-size: 2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 5px;
  padding-left: 16px;
  color: #FFFFFF;
}



/* kozostation flow */
.flow { color: #EA8269; }

p.sub-title_kozostation-flow {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem 1rem 80px;
}
p.sub-title_kozostation-flow.flow {
  border-top: 2px solid #EA8269;
  font-size: 1.25rem;
}

p.sub-title_kozostation-flow:before{
  position: absolute;
  top: -80%;
  left: -60px;
  width: 120px;
  height: 200%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
p.sub-title_kozostation-flow.flow:before{
  background: #EA8269;
}

p.sub-title_kozostation-flow span{
  font-size: 2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 5px;
  padding-left: 16px;
  color: #FFFFFF;
}

.flow_box {
  background-color:#FDF3E0;
  
}

.flow_box_next {
}
.flow_box_next:after {
  content: '';
  display: block;
  float:right;
  margin-right:2rem;
  background-color: #EA8269;
  width: 10%;
  height: 26px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

/* setup-download flow */
.dl_step { color:#D82D67;font-size: 1.25rem; }

p.sub-title_setup-flow {
  position: relative;
  overflow: hidden;
  padding: 1rem 2rem 1rem 80px;
}
p.sub-title_setup-flow.dl_step {
  border-top: 2px solid #D82D67;
  font-size: 1.75rem;
}

p.sub-title_setup-flow:before{
  position: absolute;
  top: -80%;
  left: -60px;
  width: 120px;
  height: 200%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
p.sub-title_setup-flow.dl_step:before{
  background: #D82D67;
}

p.sub-title_setup-flow span{
  font-size: 2rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 5px;
  padding-left: 16px;
  color: #FFFFFF;
}




footer {
  color:#FFFFFF;
  background-color: #0C2461;
  padding: 20px;
}

footer a, footer a:hover, footer a:visited{
  color:#FFFFFF;
  text-decoration:none;
}
footer a:hover{
  text-decoration:underline;
}

footer ul{
  margin-bottom:0;
}



.mu_footer:after{ content:"　|"; }
.mu_footer:last-child:after{ content:""; }
.mu_footer_title:before{ content:"| "; }

.mu_footer_title {
  margin-bottom:0.5rem;
}

.mu_footer_blok{
  margin-top:2.5rem;
}


.img-responsive{
  max-height:90%;
}

.img-responsive-boxshadow{
  box-shadow:0px 0px 7px rgba(0,0,0,0.7);
}

.media-body-title{
  vertical-align: bottom;
  width:0px;
}
.lead-title{
  margin-bottom:-3px;
}

textarea { height: 10em; }

a:hover img.bt{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



.radio{
  background:#FFFFFF;
  border:1px solid #D2D1C4;
  padding:25px;
  position:relative;
}
.radio input[type=radio]{
  width:20px;
  height:20px;
  -moz-transform:scale(1.5);
  transform:scale(1.5);
}
.radio a{
  padding-left:55px;
  padding-top:15px;
}

.line_no{
  display:block;
  float:left;
  width:40px;
  font-size:20px;
  font-weight:bold;
  padding-right:85px;
}


.readmore{
  padding-left:55px;
  padding-top:15px;
}

.morebox{
  padding-left:55px;
  padding-top:35px;
}

.no_border{
  border:none;
}

.pop_slide {
  z-index: 1050;
  cursor: pointer;
  position: fixed;
  bottom:100px;
  opacity: 0.8;
  right: -200px;
  background: #0d6efd;
  width: 250px;
  color: #fff;
  font-size: 1.1rem;
  padding:1rem 0.5rem;
}

.pop_slide:hover {
  opacity: 1;
}

.pop_slide a, .pop_slide a:hover, .pop_slide a:visited{
  color:#FFFFFF;
  text-decoration:none;
}
.pop_slide a:hover{
  text-decoration:underline;
}

.carousel-control-next, .carousel-control-prev {
  opacity:0.1;
}
.carousel-control-next-icon {
  background-image:url("../img/general/carousel-control-next-icon.svg");
}
.carousel-control-prev-icon {
  background-image:url("../img/general/carousel-control-prev-icon.svg");
}
.carousel-indicators [data-bs-target] {
  background-color:#0C2461 !important;
}



#scrollUp{
  bottom:0px;
  right:0px;
  color:#222222;
  font-size:12px;
  text-decoration:none;
  opacity:.9;
  padding:30px 10px 40px 60px;
  background:#DDDDDD url("../img/general/top.png") no-repeat left top;
  -webkit-transition:background 200ms linear;
  -moz-transition:background 200ms linear;
  -o-transition:background 200ms linear;
  transition:background 200ms linear;
  -webkit-backface-visibility:hidden;
}



@media screen and (min-width: 768px){

.lead{
  font-size:1.15rem;
}

.dl-horizontal dt {
  float: left;
  width: 25%;
  overflow: hidden;
  clear: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dl-horizontal dd {
  margin-left: 25%;
}

.offcanvas-start {
  width: 650px;
}


}

@media screen and (max-width: 600px){


.btn-default{
  word-wrap:break-word;
  white-space:normal;
  display:block;
  text-align:left;
  margin:8px;
}

.lead-title{
  font-size:12px;
  margin-bottom:0px;
}



}
@media screen and (max-width: 500px) and (max-height: 750px){

.white-space{
  display:block;
  height:1em;
}

}


@media screen and (min-width: 992px) and (max-width: 1399px){

.pg-list {
  min-height: 360px;
}

.is-pc-hide_12 {
  display:block;
}


}


#scrollUp:hover{
  background-color:#e0e3e5;
  color:#de2c3b;
  text-decoration:underline;
}


.subMenusection { color: #FFFFFF; background:rgba(12,36,97,1);/*rgba(12,36,97,1); border: 3px solid #FFFFFF;  border-width: 0 0 3px;*/ z-index:999; }
.subMenusection a:hover{
  color: #FFFFFF;
  text-decoration:none;
  background: #5b89ae;
  transition: background 0.6s;
}




.subMenu2ndsection { color: #FFFFFF; background:rgba(80,80,80,1); /*border: 3px solid #FFFFFF;  border-width: 0 0 3px;*/ z-index:999; }
.subMenu2ndsection a:hover {
  color: #FFFFFF;
  text-decoration:none;
  background: #939699;
  transition: background 0.6s;
}




.pbfLMenusection { color: #FFFFFF; background:rgba(80,80,80,1);/*rgba(12,36,97,1); border: 3px solid #FFFFFF;  border-width: 0 0 3px;*/ z-index:999; }
.pbfLMenusection a:hover{
  color: #FFFFFF;
  text-decoration:none;
  background: #939699;
  transition: background 0.6s;
}






.sticky-top-sub {
  top: 52px;
  z-index:999;
}



li.menu__mega ul.menu__second-level {
  width:570px;
}

li.menu__mega ul.menu__second-level > li {
  float: left;
  width: 49%;
}

li.menu__mega ul.menu__second-level > li:nth-child(2n+1) {
  margin: 0 2% 0 0;
}


.ly_breadcrumb { padding: 6px 0px 1px; background: #EEEEEE; color: #555555; }
.ly_breadcrumb a, .ly_breadcrumb a:hover, .ly_breadcrumb a:visited{
  color:#555555;
  text-decoration:none;
}
.ly_breadcrumb a:hover{
  color:#000080;
}
.breadcrumb {
 margin-bottom: 0.3rem;
}
.breadcrumb-item {
 color: #555555;
}
.breadcrumb-item.active {
 color: #555555;
}
.breadcrumb-item+.breadcrumb-item::before {
 color: #555555;
}


.ly_tp_carousel { padding: 10px 0px; background: #f3f3f3; overflow: hidden; }

.ly_tp_attention { background: #fc5c65; color: #222222; }

.ly_tp_service {
  padding: 60px 20px;
  color: #FFFFFF;
  background: url("../img/general/service_bg.webp") no-repeat center center;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_tp_service:before {
  content: '';
  background: inherit;
  -webkit-filter: blur(9px);
  -moz-filter: blur(9px);
  -o-filter: blur(9px);
  -ms-filter: blur(9px);
  filter: blur(9px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}

.ly_hd_service { padding: 40px 20px;  color: #FFFFFF; background: url("../img/general/service_bg.webp") no-repeat top center; background-size:cover; }
.ly_bd_service { padding: 60px 30px; }
.ly_bd_serviceList { padding: 60px 30px; }
.ly_bd_servicePbf { padding: 60px 20px; }

.ly_bd_service_imp { padding: 60px 30px;  color: #ff9246; background: #fdf7d6; }

.ly_tp_topics { padding: 60px 30px; background: rgba(234,231,196,0.4); }


.ly_hd_download { padding: 40px 20px;  color: #FFFFFF; background: url("../img/general/download_hd.png") no-repeat top center; background-size:cover; }
.ly_bd_download { padding: 60px 30px; }


.ly_tp_information { padding: 60px 30px; }
.ly_hd_information { padding: 35px 20px; color: #FFFFFF; background: url("../img/general/info_hd.webp") no-repeat top left; background-size:cover; }
.ly_bd_information { padding: 60px 30px; }
.ly_en_information { padding: 60px 30px; }


.ly_tp_event { padding: 60px 30px; }
.ly_hd_event { padding: 35px 20px; color: #FFFFFF; background: url("../img/general/event_hd.webp") no-repeat center left; background-size:cover; }
.ly_bd_eventInhouse { padding: 60px 30px; }
.ly_bd_eventInhouse div.card:hover { box-shadow: none!important; }
.ly_bd_eventOutside { padding: 60px 30px; }
.ly_bd_eventOutside div.card:hover { box-shadow: none!important; }
.ly_bd_eventInquiry { padding: 60px 30px; }


.ly_tp_campaign {
  padding: 60px 20px;
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.6) url("../img/general/campaign_hd.webp") no-repeat top center;
  background-blend-mode:darken;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_tp_campaign:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}

.ly_hd_campaign { padding: 20px 20px; color: #FFFFFF; background: url("../img/general/campaign_hd.webp") no-repeat top left; background-size:cover; }
.ly_bd_cpEs { padding: 60px 30px; color: #222222; background: url("../img/general/campaign_es_bg.webp") no-repeat top left; background-size:cover; }
.ly_bd_cpIp { padding: 60px 30px; color: #222222; background: url("../img/general/campaign_ip_bg.webp") no-repeat top left; background-size:cover; }

.ly_tp_aboutUs { padding: 60px 30px; background: url("../img/general/philosophy_bg.webp") no-repeat top 20% center; background-size:cover; }
.ly_hd_aboutUs { padding: 35px 20px; background: url("../img/general/philosophy_bg.webp") no-repeat top 20% center; background-size:cover; }
.ly_ph_aboutUs { padding: 60px 30px; background: rgba(41,128,185,1); }
.ly_bd_aboutUs { padding: 60px 30px; background: rgba(255,255,255,1); }
.ly_au_Recruit {
  padding: 60px 30px;
  background: rgba(255,255,255,0.4) url("../img/general/recruit_bg.webp") no-repeat top center;
  background-blend-mode:lighten;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_au_Recruit:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(9px);
  -moz-filter: blur(9px);
  -o-filter: blur(9px);
  -ms-filter: blur(9px);
  filter: blur(9px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}


.ly_hd_Recruit {
  padding: 35px 20px;
  background: rgba(255,255,255,0.6) url("../img/general/recruit_bg.webp") no-repeat top center;
  background-blend-mode:lighten;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_Recruit:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_me_Recruit { padding: 60px 30px; background: rgba(41,128,185,1) }
.ly_bd_Recruit { padding: 60px 30px; }


.ly_hd_inquiry { padding: 35px 20px; color: #FFFFFF; background: /*#CCCCCC*/ url("../img/general/info_hd.webp") no-repeat top left; background-size:cover; }
.ly_bd_inquiry { padding: 60px 30px; }
.ly_fm_inquiry { padding: 60px 30px; background: #F3F9D7; }


.ly_bd_copyright { padding: 20px;margin:0 auto; text-align:center; }



.no_svg { height: 130px;text-shadow: 1px 2px 4px rgba(0,0,0,0.3); }
.text-bk-shadow { text-shadow: 1px 2px 4px rgba(0,0,0,0.3); }
.text-wt-shadow { text-shadow: 1px 2px 4px rgba(255,255,255,0.6); }

.ly_hd_programName { height: 130px; }
.ly_tl_info { padding-top: 1rem; }
.ly_tl_ucase { padding-top: 1rem; }





/* Kozo Modeler Series */

.ly_hd_kozomodelerSeries {
  padding: 20px 20px;
  color: #FFFFFF;
  background: url("../img/general/km-series_bg.webp") no-repeat top left;
  background-size:cover;
}

.ly_hd_pgn-km_nbus7 {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #82C3B5 url("../img/program/km-nbus7_bg.webp") no-repeat top left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-km_nbus7:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-km_nbus7 img {
  filter: drop-shadow(1px 1px 2px #5F9EA0);
}

.ly_hd_pgn-km_rop {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #8BB5DE url("../img/program/km-revitop_bg.webp") no-repeat top left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-km_rop:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-km_rop img {
  filter: drop-shadow(1px 1px 2px #4682B4);
}

.ly_hd_pgn-km_kiso {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #F4AA8A url("../img/program/km-kiso_bg.webp") no-repeat top left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-km_kiso:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-km_kiso img {
  filter: drop-shadow(1px 1px 2px #D2691E);
}

.ly_hd_pgn-km_cost {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #F4B5BD url("../img/program/km-cost_bg.webp") no-repeat top left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-km_cost:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-km_cost img {
  filter: drop-shadow(1px 1px 2px #F08080);
}

.ly_hd_pgn-km_fusejiku {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #B7A5C7 url("../img/program/km-fusejiku_bg.webp") no-repeat top left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-km_fusejiku:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-km_fusejiku img {
  filter: drop-shadow(1px 1px 2px #9966CC);
}

.ly_hd_pgn-km_danmen {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #B5C78C url("../img/program/km-danmen_bg.webp") no-repeat top left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-km_danmen:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-km_danmen img {
  filter: drop-shadow(1px 1px 2px #6C813F);
}


/* Existing Products */

.ly_hd_pgn-wall_1 {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #0062A8 url("../img/program/wall1_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-wall_1:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-wall_1 img {
  filter: drop-shadow(1px 1px 2px #1E90FF);
}

.ly_hd_pgn-wood_st {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #F58A7B url("../img/program/wood-st_bg.webp") no-repeat top center;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-wood_st:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-wood_st img {
  filter: drop-shadow(1px 1px 3px #CD5C5C);
}

.ly_hd_pgn-house_st1 {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #FFBB00 url("../img/program/house-st1_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-house_st1:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-house_st1 img {
  filter: drop-shadow(1px 1px 2px #FF8C00);
}

.ly_hd_pgn-house_4g {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #CC7014 url("../img/program/house-4g_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-house_4g:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-house_4g img {
  filter: drop-shadow(1px 1px 2px #8B4513);
}

.ly_hd_pgn-house_wl {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #949494 url("../img/program/house-wl_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-house_wl:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-wall_1 img {
  filter: drop-shadow(1px 1px 2px #808080);
}

.ly_hd_pgn-fap3_pro {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #AC1A0A url("../img/program/fap-3_pro_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-fap3_pro:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-fap3_pro img {
  filter: drop-shadow(1px 1px 2px #800000);
}
.ly_hd_pgn-fap3 {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #AC1A0A url("../img/program/fap-3_bg2.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-fap3:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-fap3 img {
  filter: drop-shadow(1px 1px 2px #800000);
}


.ly_hd_pgn-snap {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #00A1E9 url("../img/program/snap_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-snap:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-snap img {
  filter: drop-shadow(1px 1px 2px #1E90FF);
}

.ly_hd_pgn-snap_gp {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #00A1E9 url("../img/program/snap-gp_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-snap_gp:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-snap_gp img {
  filter: drop-shadow(1px 1px 2px #1E90FF);
}

.ly_hd_pgn-snap_md {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #009944 url("../img/program/snap-md_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-snap_md:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-snap_md img {
  filter: drop-shadow(1px 1px 2px #1E90FF);
}

.ly_hd_pgn-snap_wave {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #00A1E9 url("../img/program/snap-wave_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-snap_wave:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-snap_wave img {
  filter: drop-shadow(1px 1px 2px #1E90FF);
}

.ly_hd_pgn-doc_rcsrc {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #39A2CC url("../img/program/doc-rc_src_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-doc_rcsrc:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-doc_rcsrc img {
  filter: drop-shadow(1px 1px 2px #4682B4);
}

.ly_hd_pgn-doc_s {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #0083CA url("../img/program/doc-s_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-doc_s:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-doc_s img {
  filter: drop-shadow(1px 1px 2px #4682B4);
}

.ly_hd_pgn-doc_3 {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #483D8B url("../img/program/doc-3_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-doc_3:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-doc_s img {
  filter: drop-shadow(1px 1px 2px #191970);
}

.ly_hd_pgn-doc_wl {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #00668B url("../img/program/doc-wl_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-doc_wl:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-doc_wl img {
  filter: drop-shadow(1px 1px 2px #165E83);
}

.ly_hd_pgn-house_doc {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #DD6B38 url("../img/program/house-doc_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-house_doc:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-house_doc img {
  filter: drop-shadow(1px 1px 2px #171C61);
}

.ly_hd_pgn-med3 {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #009944 url("../img/program/med-3_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-med3:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-med3 img {
  filter: drop-shadow(1px 1px 2px #2E8B57);
}


.ly_hd_pgn-kt_sub {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #009fa8 url("../img/program/kt-sub_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-kt_sub:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-kt_sub img {
  filter: drop-shadow(1px 1px 2px #008080);
}

.ly_hd_pgn-kt_kiso {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #4D94C4 url("../img/program/kt-kiso_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-kt_kiso:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-kt_kiso img {
  filter: drop-shadow(1px 1px 2px #165E83);
}

.ly_hd_pgn-fem_2d {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #2AABB6 url("../img/program/fem-2d_bg.webp") no-repeat top left;
  background-size:cover;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-fem_2d:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-fem_2d img {
  filter: drop-shadow(1px 1px 2px #008080);
}

.ly_hd_pgn-rtw {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #006242 url("../img/program/rtw_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-rtw:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-rtw img {
  filter: drop-shadow(1px 1px 2px #2F4F4F);
}

.ly_hd_pgn-bus_danmen {
  padding: 20px 20px;
  color: #FFFFFF;
  background: #39B5E3 url("../img/program/bus-danmen_bg.webp") no-repeat top right;
  background-size:auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.ly_hd_pgn-bus_danmen:before { 
  content: '';
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  z-index: -1;
}
.ly_hd_pgn-bus_danmen img {
  filter: drop-shadow(1px 1px 2px #1E90FF);
}




.ly_hd_pgn-kozostation { padding: 20px 20px;  color: #FFFFFF; background: #235673 url("../img/program/kozostation_bg.webp") no-repeat top left; background-size:cover; }


.img-fluid-logo{
  width: 400px;
  padding-bottom:0.2rem;
}
.img-fluid-logo_xs{
  width: 180px;
}
.img-fluid-logo_s{
  width: 300px;
}
.img-fluid-logo_m{
  width: 640px;
}
.img-fluid-logo_l{
  width: 800px;
}


.ly_bd_program { padding: 60px 30px; }



.card-no-lines {
  border:none;
}


.navbar-dark .navbar-toggler {
  color: rgba(255,255,255,1);
  border-color: rgba(255,255,255,0.8);
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255,255,255,1);
}

.navbar-light .navbar-toggler-icon {
  /* 三本線 */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(13, 110, 253, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-toggler {
  border-color: rgba(0,0,0,0);
}
.navbar-toggler:focus {
    box-shadow:none !important;
}


.recruit_ad .col-md-auto {
  min-width: 400px;
}





.sectionEnd { padding: 20px; }

.sectionGoTop {  padding: 20px 20px; background: #233B6C; color: #FFFFFF; margin:0 auto; text-align:center; line-height: 1rem; }
.sectionGoTop a, .sectionGoTop a:hover, .sectionGoTop a:visited{
  color:#FFFFFF;
  text-decoration:none;
}
.sectionGoTop a:hover{
  text-decoration:underline;
}

.sectionOfficialChannel {  padding: 10px 0px; background: #DDDDDD; color: #0C2461; margin:0 auto; text-align:center; }
.sectionOfficialChannel a, .sectionOfficialChannel a:hover, .sectionOfficialChannel a:visited{
  color:#0C2461;
  text-decoration:none;
}
.sectionOfficialChannel a:hover{
/*  text-decoration:underline; */
}


.campaign-expiration {
  color: #666666;
  border: 3px solid;
  border-color: #30B1CA;
  padding: 2rem;
  font-size: 1.3rem;
  background: rgba(255, 255, 255, 0.2) url("../img/general/campaign_toppg_bg.webp") no-repeat bottom right;
  background-blend-mode:lighten;
  box-shadow: 0 3px 6px 2px rgb(0 0 0 / 18%);
}
.campaign-expiration:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border: 1px solid;
  border-color: #30B1CA;
}
.campaign-expiration:hover {
  color: #333333;
  border-color: #FFD12E;
  text-shadow: 1px 2px 4px rgba(80,80,80,0.3);
  box-shadow: none;
}
.campaign-expiration:hover:before {
  border-color: #FFD12E;
}
div.campaign-expiration span.text-attention-marker {
  color: #FF0000;
  background-image: linear-gradient(transparent 70%, #FFD12E 0%);
}

.campaign-ongoing {
  color: #666666;
  border: 3px solid;
  border-color: #30B1CA;
  padding: 2rem;
  font-size: 1.3rem;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.2) url("../img/general/campaign_toppg_bg.webp") no-repeat bottom right;
  background-blend-mode:lighten;
  box-shadow: 0 3px 6px 2px rgb(0 0 0 / 18%);
}
.campaign-ongoing:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border: 1px solid;
  border-color: #30B1CA;
}
.campaign-ongoing:hover {
  color: #333333;
  border-color: #FFD12E;
  text-shadow: 1px 2px 4px rgba(80,80,80,0.3);
  box-shadow: none;
}
.campaign-ongoing:hover:before {
  border-color: #FFD12E;
}
div.campaign-ongoing span.text-attention-marker {
  color: #FF0000;
}



/** media queries **/
@media screen and (max-width: 1200px){

.white-space{
  display:block;
  height:1em;
}




.ly_hd_pgn-wall_1 { background: url("../img/program/wall1_bg.webp") no-repeat top left; background-size:cover; }
.ly_hd_pgn-house_wl { background: url("../img/program/house-wl_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-house_st1 { background: url("../img/program/house-st1_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-house_4g { background: url("../img/program/house-4g_bg.webp") no-repeat top center; background-size:cover; }
.ly_hd_pgn-house_doc { background: url("../img/program/house-doc_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-fap3_pro { background: url("../img/program/fap-3_pro_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-fap3 { background: url("../img/program/fap-3_bg2.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-med3 { background: url("../img/program/med-3_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-snap { background: url("../img/program/snap_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-snap_md { background: url("../img/program/snap-md_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-snap_wave { background: url("../img/program/snap-wave_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-snap_gp { background: url("../img/program/snap-gp_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-doc_rcsrc { background: url("../img/program/doc-rc_src_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-doc_s { background: url("../img/program/doc-s_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-doc_3 { background: url("../img/program/doc-3_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-doc_wl { background: url("../img/program/doc-wl_bg.webp") no-repeat top right; background-size:cover; }

.ly_hd_pgn-bus_cost { background: url("../img/program/bus-cost_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-bus_danmen { background: url("../img/program/bus-danmen_bg.webp") no-repeat top right; background-size:cover; }

.ly_hd_pgn-kt_kiso { background: url("../img/program/kt-kiso_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-kt_sub { background: url("../img/program/kt-sub_bg.webp") no-repeat top right; background-size:cover; }
.ly_hd_pgn-rtw { background: url("../img/program/rtw_bg.webp") no-repeat top right; background-size:cover; }

.ly_hd_pgn-kozostation { background: url("../img/program/kozostation_bg.webp") no-repeat top right 40%; background-size:cover; }



.btn-service-support {
  min-height: 300px;
}

.btn-outline-action_info {
    font-size:1rem;
}


.btn-recruit {
  min-height: 160px;
}

.btn-recruit.single {
  min-height: auto;
}

.btn-outline-recruit {
  min-height: 180px;
}

.btn-outline-recruit.single {
  min-height: auto;
}



.list-cont {
  padding-top:0.6rem;
  margin-left: 0;
  width: 98%;
  float:none;
}



}


@media (min-width: 1200px) and (max-width: 1399px){

.list-cont {
  padding-top:0.6rem;
  width: 98%;
}


}

@media (max-width: 991px) {

.com_guide {
  display:none;
}

.img-fluid-logo{
  width: 260px;
}
.img-fluid-logo_xs{
  width: 110px;
  padding-bottom:0.1rem;
}
.img-fluid-logo_s{
  width: 210px;
  padding-bottom:0.1rem;
}
.img-fluid-logo_m{
  width: 100%;
}
.img-fluid-logo_l{
  width: 500px;
}


.com_inquiry {
  display:none;
}
.sp_inquiry {
  display:block;
}


.is-pc-hide {
  display: block;
}

.is-sp-hide-sub {
  display: none;
}

.is-pc-hide-sub {
  display: block;
}



.tp_path {
  font-size: 0.7rem;
}

.sub-navbar {
  flex-wrap: nowrap;

}
.sub-navbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.sub-navbar::-webkit-scrollbar-track {
  background: rgba(33,37,41,1);
}
.sub-navbar::-webkit-scrollbar-thumb {
  background: #888888;
}
.sub-navbar::-webkit-scrollbar-thumb:hover {
  background: #DDDDDD;
}



li.menu__mega ul.menu__second-level {
  width: 100%;
  float: left;
}

li.menu__mega ul.menu__second-level > li {
  float: left;
  width: 49%;
}

li.menu__mega ul.menu__second-level > li:nth-child(2n+1) {
  margin: 0 2% 0 0;
}




.menu-pbf {
  margin-left: -1rem;
}


.btn-service {
  padding: 0.8rem;
}

.service-select-l1 {
  padding: 1.8rem;
}

.btn-service-soft-list {
    padding: 0.8rem;
}

.pg-list {
  min-height: initial;
  min-height: auto;
}

.btn-service-support {
  padding: 0.8rem;
}

.support-l1 {
/*  padding: 1.8rem; */
}

.btn-service-member_3pro {
  padding: 0.8rem;
  min-height: 20px;
}
.btn-service-member_doc {
  padding: 0.8rem;
}
.btn-service-member_house {
  padding: 0.8rem;
}

.btn-implementation {
  padding: 0.8rem;
  min-height: 90px;
}

.btn-campaign {
  padding: 0.8rem;
}

.btn-campaign-jbte {
  padding: 0.8rem;
}

.btn-corporate {
  padding: 0.8rem;
}

.btn-rel_info {
  padding: 0.8rem;
}


.btn-recruit {
  min-height: auto;
}

.btn-outline-recruit {
  min-height: auto;
}



.company dl {
  flex-flow: column;
}
.company dt:first-child + dd {
  border-top: none;
}
.company figcaption {
  margin-left: 0!important;
}

.contact dl {
  flex-flow: column;
}
.contact dt:first-child + dd {
  border-top: none;
}

.vu_member dl {
  flex-flow: column;
}
.vu_member dt:first-child + dd {
  border-top: none;
}


.sreq_pric dl {
  flex-flow: column;
}
.sreq_pric dt:first-child + dd {
  border-top: none;
}

.recruit dl {
  flex-flow: column;
}
.recruit dt:first-child + dd {
  border-top: none;
}

.recruit_ad .col-md-auto {
/*  min-width: 0px; */
}

.d_generic dl {
  flex-flow: column;
}
.d_generic dt:first-child + dd {
  border-top: none;
}



}

@media (max-width: 700px) {

.page-header h1 { font-size: 1.8em; }

.com_inquiry {
  display:none;
}
.sp_inquiry {
  display:block;
}


.btn-service {
  padding: 1rem;
}


.mu_footer:after{ content:""; }

.mu_footer {
  border: 1px solid #FFFFFF;
  border-width: 0 0 1px;
}

.mu_footer_title:before{ content:"\00A0\00A0"; }

.mu_footer_title {
  border: 1px solid #FFFFFF;
  border-width: 1pxx;
  padding-top: 0,5rem;
  margin:1rem -1rem;
}


.mu_footer_blok{
  margin-top:-1rem;
}

.is-pc-hide-sub {
/*  display: block; */
}

.is-sp-hide {
  display: none;
}


}

@media print, screen and (min-width: 701px) {

.is-pc-hide {
  display: none;
}



}

@media print, screen and (min-width: 768px) {

.is-sp-hide {
  display: block;
}



}


@media print, screen and (max-width: 767px) {

li.menu__mega ul.menu__second-level {
  width: 100%;
  float: left;
}

li.menu__mega ul.menu__second-level > li {
  float: left;
  width: 49%;
}

li.menu__mega ul.menu__second-level > li:nth-child(2n+1) {
  margin: 0 2% 0 0;
}

.ly_tp_carousel {
  padding: 0;
  margin-bottom: 0.4rem;
}
.carousel {
  padding-left: 0;
  padding-right: 0;
}

.is-sm-show {
  display: block;
}
.is-sm-hide {
  display: none;
}

.is-pc-hide_12 {
  display:block;
}



.pg-main-txt {
  width: auto;
  float: none;
}
.pg-sts-txt {
  width: auto;
  min-height: 45px;
  float: none;
}

.float-fig-img {
  float: none;
  display:block;
}
.float-fig-img-50 {
  float: none;
  width: unset;
}

.fig-img-30 {
  width: 30%;
}

.tr-90 {
  transform:rotate(90deg); 
}

.btn-service-support {
  min-height: auto;
}

.pt-99 {
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.pb-99 {
  margin-top: 2rem;
  margin-bottom: 3rem;
}


.rel_info-text {
  padding:1rem 0.6rem 0 0.6rem;
}

.rel_info_pg-text {
  padding:1rem 0.6rem 0 0.6rem;
}


.sp_fs-6 {
  font-size:1.1rem;
}

.recruit_ad .col-md-auto {
  min-width: 0px;
}



.mu_footer:after{ content:""; }

.mu_footer {
  border: 1px solid #FFFFFF;
  border-width: 0 0 1px;
}

.mu_footer_title:before{ content:"\00A0\00A0"; }

.mu_footer_title {
  border: 1px solid #FFFFFF;
  border-width: 1px;
  padding-top: 0.5rem;
  margin:1rem -1rem;
}

.mu_footer_blok{
  margin-top:-1rem;
}


}


@media print, screen and (max-width: 576px) {


.is-sp-hide_text {
  display: none;
}

.com_attention {
  text-align: start!important;
}


li.menu__mega ul.menu__second-level {
  width: 100%;
}

li.menu__mega ul.menu__second-level > li {
  float: none;
  width: 100%;
}

li.menu__mega ul.menu__second-level > li:nth-child(2n+1) {
  margin: 0;
}

.ly_hd_general { height: 80px;padding: 20px 20px; }

.ly_hd_programName { height: 80px; }

.ly_tl_info { padding-top: 0.2rem; }

.ly_tl_ucase { padding-top: 0.2rem; }


.is-pc-hide_57 {
  display:block;
}

.is-sp-hide_57 {
  display:none;
}


}



@media print, screen and (max-width: 472px) {

.sticky-top-sub {
  top: 52px;
}




}