a:focus-visible {
  outline: 2px solid #000;
  outline-offset: inherit;
}

.colSet a:hover {
  text-decoration: underline;
}
.supportCol .colSet a:hover {
  color: #003f80
}
main .sp {
  display: none;
}
main .pc {
  display: block;
}

.supportCustomerBlock a:hover {color:#005AB4 !important}

/* pro_footer */
#pro_footer {
  position: relative;
  padding: 3.5em 0 4em 0;
  background: #f4f4f4;
  font-size: 92%;
  z-index: 2;
}
#pro_footer a {
  color: #000;
  cursor: pointer;
}
#pro_footer a:hover {
  text-decoration: underline !important;
}

#pro_footer .box {
  width: 96%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  background: none;
}
#pro_footer .box .article {
  font-size: 120%;
  font-weight: 700;
}
#pro_footer .box dl.nav_box {
  display: flex;
  justify-content: space-between;
}
#pro_footer .box dl.nav_box dd {
  width: 20%;
}
#pro_footer .box dl.nav_box dd:nth-child(2) {
  width: 55%;
}
#pro_footer .box ul.nav {
  font-weight: 700;
}
#pro_footer .box ul.nav li {
  margin: 1.5em 0 0 0;
}
#pro_footer .box ul.nav li dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pro_footer .box ul.nav li dl dt {
  width: 100%;
}
#pro_footer .box ul.nav li dl dt ul.lnav {
  display: flex;
  padding: 0 0 0 1em;
  font-size: 88%;
  font-weight: 700;
}
#pro_footer .box ul.nav li dl dt ul.lnav li {
  margin: 1.5em 2em 0 0;
}
#pro_footer .box ul.nav li dl dd {
  width: 49% !important;
}
#pro_footer .box dl.nav_box dd:last-child ul.nav li dl dd {
  width: 100% !important;
}
#pro_footer .box ul.nav li dl dd ul.lnav {
  padding: 0 0 0 1em;
  font-size: 88%;
  font-weight: 400;
}
#pro_footer .box ul.nav li dl dd ul.lnav a {
  color: #696969;
}
#pro_footer .box ul.nav li dl dd ul.lnav li {
  margin: 0.5em 0 0 0;
}
#pro_footer .box ul.nav li dl dd ul.lnav li.ttl {
  margin: 1.5em 0 0.5em 0;
  font-weight: 700;
}
#pro_footer .box ul.nav li dl dd ul.lnav li.ttl a {
  color: #000;
}

/* pagetop */
#footer {margin-top:0;}
#pageTop {position:fixed; min-width:100% !important; width:100% !important; max-width:100% !important; height:1px; margin:0; top:inherit; bottom:0; right:0; z-index:999; transition:none; transform:none;}
#pageTop p {position:relative; margin:0 auto; top:inherit; bottom:0; width:100%; max-width:1280px; height:1px;}
#pageTop p img {position:absolute; right:0; bottom:0;}

@media only screen and (min-width: 769px) {
  #pagetopBlockSP {display:none;}
  #footer .inner {max-width: 1280px;}
  #footer .footerContent,
  #footer .footerNav {max-width: 1000px; margin-right:auto; margin-left:auto;}
  #footer #deepFoot .layCol01,
  #footer #deepFoot .layCol02 {width:240px !important;}
  #fNav {width:960px !important;}
  .proNav-pc .titleBox {}
  .proNav-pc .titleBox h1 {}
  .proNav-pc .titleBox p {margin-bottom:0 !important;}
}


@media only screen and (max-width: 768px) {
  /*#pageTop p img {right:4%; bottom:4vw;}*/
  #pageTop {position:fixed !important; bottom:16px !important; right:20px !important;}
  #pageTop p img {width:40px; height:40px;}

  main .sp {
    display: block;
  }
  main .pc {
    display: none;
  }
}

/* robotsNav-pc
------------------------- */
.proNav-pc {
  position: relative;
  margin: -1em 0 0 0;
  padding: 1em 0 0 0;
  background: #fff;
  z-index: 1000;
}
.proNav-pc.fixed {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  z-index: 1000;
}
/*.proNav-pc h1 {
  width:96%;
  max-width: 960px;
  margin: 0 auto;
  font-size:122%;
}*/
.titleBox {
  display:flex;
  width: 92%;
  max-width: 960px;
  margin: 0 auto;
  font-size: 140%;
  font-weight:700;
}
.titleBox p {
  display:inline-block;
  position:relative;
  margin-right:0.9em;
  padding-right:1em;
  font-size:105%;
  line-height:1.6;
}
.titleBox p::after {
  position:absolute;
  content:'';
  width:1px;
  height:75%;
  top:0.3em;
  right:0;
  background:#ddd;
}
.titleBox p a {
  display:inline;
  color:#000;
}
.titleBox p a:hover {
  text-decoration:underline;
}
.titleBox h1 {
  display:inline-block;
  /*font-size:122%;*/
}
#robotsNav-pc {
  position: relative;
  margin: 1em 0 0 0; 
  background: #005ab4;
}
#robotsNav-pc ul.nav {
  display: flex;
  width: 92%;
  max-width: 960px;
  margin: 0 auto;
  font-size: 14px;
  justify-content: center;
}
#robotsNav-pc ul.nav li {
  text-align: center;
}
#robotsNav-pc ul.nav li a {
  display: block;
  padding: 0.3em;
  background: #005ab4;
  color: #fff;
  transition: 0.3s;
}
#robotsNav-pc ul.nav li a:hover {
  background: #387ec4;
}
#robotsNav-pc ul.nav li > a:first-child:hover span {
  text-decoration: underline;
}
#robotsNav-pc ul.nav li a span {
  display: inline-block;
  padding:0.7em 1.2em;
  border-bottom: 1px solid transparent;
}
#robotsNav-pc ul.nav li.visit a {
  background: #387ec4;
}
#robotsNav-pc ul.nav li.pTab.active a {
  background: #387ec4;
}
#robotsNav-pc ul.nav li.visit a span {
  border-bottom: 1px solid #fff;
}

#robotsNav-pc .box {
  display: none;
  position: absolute;
  width: 100%;
  height: 45em;
  margin: 0;
  padding: 2em 0 3em 0;
  top: 4.5em;
  left: 0;
  background: #f2f6f6;
  border-top: 1px solid #e9e9e9;

  font-size: 80%;
  z-index: -1;
}
#robotsNav-pc .box .box_in {
  position: relative;
  width: 100%;
  width: 82%;
  max-width: 880px;
  margin: 0 auto;
}
#robotsNav-pc .lnavBox {
  display: none;
}
#robotsNav-pc ul.nav li .box.fadein {
  display: block;
  animation: fadeIn 0.7s ease 0s 1 normal;
}
#robotsNav-pc ul.nav li .lnavBox.fadein {
  display: block;
}
#robotsNav-pc ul.nav li .box.fadeout {
  animation: fadeOut 0.7s ease 0s 1 normal;
}
#robotsNav-pc ul.nav li .lnavBox.fadeout {
  display: none;
}
 @keyframes fadeIn { 
   from {
     opacity: 0;
     transform: translateY(-30px);
   }
   to {
     opacity: 1;
     transform: translateY(0);
   }
 }
 @keyframes fadeOut { 
   from {
     opacity: 1;
     transform: translateY(0);
   }
   to {
     opacity: 0;
     transform: translateY(-30px);
   }
 }
#robotsNav-pc .box a {
  background: none !important;
  border: 0 !important;
  color: #000 !important;
}
#robotsNav-pc .box .close {
  position: relative;
  width: 100%;
  margin: 2em auto 0 auto;
}
#robotsNav-pc .box .close p {
  position: absolute;
  width: 4em;
  height: 4em;
  top: -2em;
  right: 0;
}
#robotsNav-pc .box .close p a {
  display: block;
  position: relative;
  width: 4em;
  height: 4em;
  padding: 0;
  background: none;
}
#robotsNav-pc .box .close span {
  display: block;
  position: absolute;
  content: '';
  width: 3.2em;
  height: 1px;
  top: 1.9em;
  left: 0.5em;
  padding: 0;
  background: #838586;
}
#robotsNav-pc li.visit .box .close span {
  border: 0;
}
#robotsNav-pc .box .close span:nth-child(1) {
  transform: rotate(-45deg);
}
#robotsNav-pc .box .close span:nth-child(2) {
  transform: rotate(45deg);
}
#robotsNav-pc .box .cate {
  color: #005ab4;
  font-size: 180%;
  text-align: left;
}
#robotsNav-pc .box .cate a {
  display: inline-block;
  color: #005ab4 !important;
  text-decoration: underline;
}
#robotsNav-pc .box .cate a:hover {
  font-weight: 700;
}
#robotsNav-pc .box ul {
  display: flex;
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-between;
}
#robotsNav-pc .box ul.lnavTab {
  width: 99%;
  margin: 1em 0 0 0.5%;
  border-bottom: 1px solid #cfd5d7;
  justify-content: flex-start;
}
#robotsNav-pc .box ul.lnavTab li {
  width: auto;
  font-size: 140%;
  margin: 0 3em 0 0;
  /*background: url(../images/common/icon_arrow_black.png) right center no-repeat !important;
  background-size: auto 0.4em !important;*/
  background: none;
  font-weight: 400;
}
#robotsNav-pc .box ul.lnavTab li a {
  padding: 0.5em 0;
  border-bottom: 3px solid transparent !important;
}
#robotsNav-pc .box ul.lnavTab li.active a {
  border-bottom: 3px solid #000 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
#robotsNav-pc .box ul.lnavTab li a:hover {
  border-bottom: 3px solid #000 !important;
}
#robotsNav-pc .box ul.lnav {
  display: flex;
  position: absolute;
  width: 99%;
  top: 6em;
  left: 0.5%;
  margin-top: 1em;
  font-weight: 400;
  line-height: 1.6;
  justify-content: flex-start;
}
#robotsNav-pc .box ul.lnav li {
  display: flex;
  width: 18% !important;
  margin: 1em 0 0 0 !important;
  padding: 0;
  font-size: 75% !important;
  font-weight: 400 !important;
  background: none !important;
  text-align: left;
  align-content: center;
}
#robotsNav-pc .box ul.lnav li:nth-child(5n) {
  margin: 1em 0 0 0 !important;
}
#robotsNav-pc .box ul.lnav a,
#robotsNav-pc .box ul.lnavTab li.active ul.lnav a {
  padding: 0;
  border: 0 !important;
  font-weight: 400 !important;
  transition: 0.3s;
}
#robotsNav-pc .box ul.lnav li:hover {
  background: none;
}
#robotsNav-pc .box ul.lnav li a:hover {
  background: none;
  text-decoration: underline !important;
  opacity: 0.6 !important;
}
#robotsNav-pc .box ul.lnav li img {
  width: 12vw;
  max-width: 133px;
  border: 1px solid #e9e9e9;
}
#robotsNav-pc .box ul.lnav li p {
  margin:0.5em 0 0 0;
  font-weight: 400 !important;
}

#robotsNav-pc .box.example ul.lnav {
  top: 3.3em;
}
#robotsNav-pc .box.example ul.lnav li {
  width: 48% !important;
  margin: 1em 2% 0 0 !important;
  font-size: 110% !important;
  white-space: nowrap;
}
#robotsNav-pc .box.example ul.lnav li a {
  display: block;
  width: 100%;
  height: 100%;
}
#robotsNav-pc .box.example ul.lnav li img {
  margin-right: 1.2em;
  vertical-align: middle;
}

#robotsNav-pc .box.event ul.lnav {
  top: 3.3em;
}
#robotsNav-pc .box.event ul.lnav li {
  width: 48% !important;
  margin: 1em 2% 0 0 !important;
  font-size: 110% !important;
  white-space: nowrap;
}
#robotsNav-pc .box.event ul.lnav li img {
  margin-right: 1.2em;
  vertical-align: middle;
}
#robotsNav-pc .box.event ul.lnav li a {
  display: block;
  width: 100%;
  height: 100%;
}


/* cmnLinks
------------------------- */
.cmnLinks {
  padding: 5em 0 6em 0;
  background: url(../images/top/supp_bg.jpg) right top no-repeat;
  background-size: cover;
}
.cmnLinks h2 {
  font-size: 260%;
  font-weight: 400;
  text-align: center;
}
.cmnLinks ul {
  display: flex;
  width: 92%;
  max-width: 960px;
  margin: 0 auto;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 90%;
}
.cmnLinks ul li {
  width: 23.6%;
  margin: 2.5em 0 0 0;
  background: #fff;
  border: 1px solid #e1e1e1;
  transition: 0.2s;
}
.cmnLinks ul li img {
  width: 100%;
}
.cmnLinks ul li a {
  display: block;
  height: 100%;
  color: #000;
}
.cmnLinks ul li a:hover {
  color: #000 !important;
}
.cmnLinks ul li:hover {
  opacity: 0.6;
  border: 1px solid #2160ae;
}
.cmnLinks ul li:hover  {
  opacity: 0.6;
  border: 1px solid #2160ae;
}
.cmnLinks ul li p.ttl {
  margin: 0;
  padding: 10px 15px 0 15px;
  font-size: 110%;
  font-weight: 700;
}
.cmnLinks ul li a:hover p.ttl {
  text-decoration: underline;
}
.cmnLinks ul li p.note {
  margin: 0;
  padding: 10px 15px 15px 15px;
  line-height: 1.6;
  text-align: justify;
  text-justify: inter-ideograph;
}




/* cmnContact
------------------------- */
.cmnContact {
  position: relative;
  padding: 5em 0 6em 0;
  background: url(../images/top/contact_bg.jpg) left top no-repeat;
  background-size: cover;
  font-size: 92%;
  z-index: 2;
}
.cmnContact p {
  margin-bottom: 0;
}
.cmnContact h2 {
  font-size: 260%;
  font-weight: 400;
  text-align: center;
}
.cmnContact .taC {
  text-align: center;
}
.cmnContact ul {
  display: flex;
  width: 92%;
  max-width: 1200px;
  margin: 1.7em auto 0 auto;
  justify-content: center;
}
.cmnContact ul li {
  width: 49%;
  background: #fff;
}
.cmnContact .noBackground {
  max-width: 960px;
  margin: auto;
  padding: 2.5em;
}
.cmnContact .noBackground ul {
  margin: 0.5em auto 0 auto;
}
.cmnContact .noBackground ul li {
  background: unset;
}
.cmnContact .noBackground ul li dl dd {
  padding: 0;
}
.cmnContact .noBackground ul li dl dd p a {
  margin: auto;
}
.cmnContact ul li a {
  color: #2160ae;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  transition: 0.3s;
}
.cmnContact ul li dl {}
.cmnContact ul li dl dt {
  padding: 0.5em 0;
  background: #2160ae;
  color: #fff;
  font-size: 105%;
  text-align: center;
}
.cmnContact ul li dl dd {
  padding: 2.5em;
}
.cmnContact ul li dl dd .name {
  font-size: 140%;
}
.cmnContact ul li dl dd .tel {
  display: flex;
  margin: 1.5em 0 0 0;
  padding: 0 0 0 2.5em;
  background: url(../images/top/icon_tel.png) left center no-repeat;
  background-size: auto 2em;
  align-items: center;
}
.cmnContact ul li dl dd .fax {
  display: flex;
  padding: 0 0 0 2.5em;
  background: url(../images/top/icon_fax.png) left center no-repeat;
  background-size: auto 2em;
  align-items: center;
}
.cmnContact ul li dl dd .tel span,
.cmnContact ul li dl dd .fax span {
  padding: 0 0 0 0.2em;
  color: #2160ae;
  font-size: 180%;
  font-weight: 700;
}
.cmnContact ul li dl dd .note {
  margin: 0.6em 0 0 0;
}
.cmnContact .btn {
  margin: auto;
  font-size: 120%;
}
.cmnContact .arrow a {
  margin: 0 auto;
  padding-right: 2.5em;
  background-image: url(/products/robots/assets/images/common/icon_arrow.png);
  background-size: auto 0.4em;
  background-position: 90% center;
  background-repeat: no-repeat;
}
.cmnContact .btn a img {
  margin-left: 5px;
}
.cmnContact ul li dl dd .tel a:hover {
  color: #2160ae !important;
  border-bottom: 1px solid #2160ae;
}



@media only screen and (min-width: 768px) {
  
  
  /* cmnContact
  ------------------------- */
  .cmnContact ul li dl dd .tel a[href^="tel:"] {
    pointer-events: auto;
    color: #2160ae;
    text-decoration: none;
  }
  
  .proNav-pc .titleBox {font-size:122%;}
  .proNav-pc .titleBox h1 {font-size:100%;}
  .proNav-pc .titleBox a,
  .proNav-pc .titleBox a:hover {color:#000 !important;}
  
  .rwd_trademark  {width:96%; max-width:960px; margin:30px auto 40px auto;}
  
}



@media only screen and (min-width: 768px) and (max-width: 1000px) {
  
  
  /* robotsNav-pc
  ------------------------- */
  #robotsNav-pc ul.nav {
    width: 98%;
    font-size: 1vw;
  }
  #robotsNav-pc ul.nav li {
    white-space: nowrap;
  }

}



@media only screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
  
  .rwd_trademark  {width:94%; margin:10px auto 40px auto;}
  .rwd_trademark h2.headMod03  {font-size:100% !important;}
  
  
  
  /* Nav
  ------------------------- */
  .proNav-sp {
    position: relative;
    background: #fff;
  }
  .proNav-sp.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }
  .proNav-sp .titleBox {
    display:flex;
    width:100%;
    padding:0 15% 0 0;
    font-size: 4vw;
    z-index:+1;
    align-items: center;
  }
  .proNav-sp .titleBox p {
    margin-bottom:0;
  }  
  .proNav-sp .titleBox a,
  .proNav-sp .titleBox a:hover {
    color:#000 !important;
  }
  /*.proNav-sp h1 {
    font-size: 4vw;
  }*/
  .proNav-sp .navBox {
    display:flex;
    min-height: 67px !important;
    padding: 8px 2% 8px 4% !important;
    border-bottom: 1px solid #e1e1e1;
    align-items: center;
  }
  #navBtn {
    /*position: absolute;*/
    display: flex;
    top: 12px;
    right: 15px;
    transition: .3s;
    cursor: pointer;
    z-index: 9999;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
  }
  .menu-trigger {
    width: 30px;
    height: 24px;
    position: relative;
  }
  .menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background: #ccc;
    transition: all .5s;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 10px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  #navBtn.active .menu-trigger span:nth-of-type(1) {
    transform: translateY(10px) rotate(-45deg);
  }
  #navBtn.active .menu-trigger span:nth-of-type(2) {
    opacity: 0;
  }
  #navBtn.active .menu-trigger span:nth-of-type(3) {
    transform: translateY(-10px) rotate(45deg);
  }
  
  #robotsNav-sp {
    display: none;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    height: calc(100vh - 67px);
    top: 67px;
    left:0;
    background: #fff;
    z-index: 100;
  }
  #robotsNav-sp .nav {
    width: 100%;
  }
  #robotsNav-sp .nav li {
    width: 100%;
  }
  #robotsNav-sp .nav li a {
    display: block;
    position: relative;
    padding: 1.3em;
    border-bottom: 1px solid #e1e1e1;
    color: #000;
  }
  #robotsNav-sp .nav li a::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 6%;
    top: 40%;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    width: 0.6em;
    height: 0.6em;
    transform: rotate(45deg);
  }
  #robotsNav-sp ul.nav li.tab {
  }
  #robotsNav-sp ul.nav li.tab.active {
  }
  #robotsNav-sp .nav .tab ul.lnav {
    display: none;
    background: #fff
  }
  #robotsNav-sp .nav .tab > a:first-of-type {
    background: url(../images/common/icon_plus.png) 95.6% center no-repeat;
    background-size: 1.7em auto;
    color: #000;
  }
  #robotsNav-sp .nav .tab.active > a:first-of-type {
    background: url(../images/common/icon_minus.png) 95.6% center no-repeat;
    background-size: 1.7em auto;
    color: #000;
  }
  #robotsNav-sp .nav .tab > a:first-of-type::after {
    border: 0;
  }
  #robotsNav-sp .nav .tab > a.open:first-of-type {
    color: #000;
  }
  #robotsNav-sp .nav .tab ul li {
    padding: 0;
  }
  #robotsNav-sp .nav .tab ul li.navTtl {
    /*padding: 1.3em 1.3em 1.3em 2.6em;*/
    background: #f2f6f6;
    /*border-bottom: 1px solid #e1e1e1;*/
  }
  #robotsNav-sp .nav .tab ul li:last-child {
    margin-bottom: 0;
  }
  #robotsNav-sp ul.lnav li a {
    padding: 1.3em 1.3em 1.3em 2.6em;
  }

  
  /* cmnLinks
  ------------------------- */
  .cmnLinks ul li {
    width: 48%;
    margin: 2em 0 0 0;
    border: 2px solid #e1e1e1;
  }
  .cmnLinks ul li:hover {
    border: 2px solid #233350;
  }
  .cmnLinks ul li p.ttl {
    padding: 2vw 4vw 0 4vw;
    font-size: 125%;
  }
  .cmnLinks ul li p.note {
    padding: 1.5vw 4vw 4vw 4vw;
    font-size: 105%;
  }
  
  
  /* cmnContact
  ------------------------- */
  .cmnContact {
    background: url(../images/top/contact_bg-sp.jpg) left top no-repeat;
    background-size: cover;
  }
  .cmnContact ul {
    display: block;
  }
  .cmnContact ul li {
    width: 100%;
  }
  .cmnContact ul li dl dt {
    padding: 0.3em 0;
    font-size: 120%;
    font-weight: 700;
  }
  .cmnContact ul li + li {
    margin: 2em 0 0 0;
  }
  .cmnContact ul li dl dd .tel {
    background-size: auto 2em;
  }
  .cmnContact ul li dl dd .fax {
    background-size: auto 2em;
  }
  .cmnContact .btn {
    font-size: 115%;
  }
  .cmnContact .btn a {
    width: 65%;
    background-position: 90% center;
  }
  .cmnContact .noBackground .btn a {
    background-position: 93% center;
  }

  
  
  /* pro_footer 
    ------------------------- */
  #pro_footer {}
  #pro_footer .box {
    width: 94%;
  }
  #pro_footer .box dl.nav_box {
    display: inherit;
  }
  #pro_footer .box dl.nav_box dd {
    width: 100% !important;
  }
  #pro_footer .box ul.nav li {
    margin: 1.5em 0 0 0;
  }
  #pro_footer .box ul.nav li dl {}
  #pro_footer .box ul.nav li dl dt {
    width: 100%;
  }
  #pro_footer .box ul.nav li dl dt ul.lnav {
    display: inherit;
  }
  #pro_footer .box ul.nav li dl dt ul.lnav li {
    margin: 1.5em 0 0 0;
  }
  #pro_footer .box ul.nav li dl dd {
    width: 100% !important;
  }
  #pro_footer .box dl.nav_box dd:last-child ul.nav li dl dd {
    width: 100% !important;
  }
  #pro_footer .box ul.nav li dl dd ul.lnav {
    padding: 0 0 0 1em;
    font-size: 88%;
    font-weight: 400;
  }
  #pro_footer .box ul.nav li dl dd ul.lnav a {
    color: #696969;
  }
  #pro_footer .box ul.nav li dl dd ul.lnav li {
    margin: 0.5em 0 0 0;
  }
  #pro_footer .box ul.nav li dl dd ul.lnav li.ttl {
    margin: 1.5em 0 0.5em 0;
    font-weight: 700;
  }
  #pro_footer .box ul.nav li dl dd ul.lnav li.ttl a {
    color: #000;
  }
}


.pageTitleH,
.pageTitleH span,
.pageTitle.nonImg .pageTitleH,
.pageTitle.nonImg .pageTitleH span {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, sans-serif;
}
.headingL1 .headingSub,
.headingL2 .headingSub,
.headingL3 .headingSub {
  font-size: 80%;
  font-weight: normal;
  display: inline;
}


/* etc
------------------------- */
.headingL3 {
  font-weight: bold;
}
.guide.guideWhite span::before,
.guide.guideWhite span::after,
.guide.guideWhite::before {
  background: rgba(255, 255, 255, 0) !important;
  background: rgb(255 255 255 / 0%) !important;
}
.guide span::before,
.guide span::after,
.guide::before {
  background-color: rgba(0, 0, 0, 0);
}
.cmnContact ul li .note a:hover {
  color: #FF3300 !important;
  border-bottom: 1px solid #FF3300;
}
#header #headNav .serch p .txt label {
  box-sizing: content-box;
}
#pagetopBlock {
  right: -60px;
}


/* contact
------------------------- */
.pageContent.contactArea a.contactTxtLink:hover {
  text-decoration: underline;
}
.main dl.list.annotationList.dt_mb dd  {
  width: calc(100% - 4em);
}
.pageContent .contactBox p.contactNum span {
  font-size: 270%;
}
@media only screen and (max-width: 767px) {
  .pageContent .contactBox p.contactNum span {
    font-size: 175%;
  }
}