@charset "utf-8";

/* tech */


.techdoc h2{
border:none;
font-weight:bold;
margin-bottom:.5rem;
padding:.5rem 0;
border-bottom:solid 1px #00adef;
}



.techdoc-source{
/*font-size:85%;*/
font-weight:bold;
margin-bottom:1.5rem;
}


.techdoc-link{margin-top:2.5rem;margin-bottom:2.5rem;font-size:1.15em;}


.techdoc-link a{color:#000091;font-weight:bold;text-decoration:none;}



.techdoc-link a:hover{color:#00adef;text-decoration:underline;}
.techdoc-link a::before{
  font-family:'Font Awesome 5 Free';
  color:#ff0000;
  content: "\f1c1";
  font-weight:900;
  display:inline-block;
  margin-right:6px;
  font-size:1.5em;
  transition: all .3s;
}




.techdoc-rel dt{
  background-color:#0c027a;
  color:#fff;
  font-weight:bold;
  line-height:2em;
  width:6em;
  text-align:center;

  margin-bottom:.5em;
}

.techdoc-rel dd{
  margin-bottom:1em;
  margin-left:0;
}
.techdoc-rel ul{margin:0;padding:0;}
.techdoc-rel li{margin:0;padding:.25em;list-style-type:none;display:inline-block;line-height:1.5em;}

@media screen and (min-width:576px){
  /*breakpoint : スマホメニューアイコンを少し小さくするタイミング*/

  .techdoc-rel dt{
    float:left;
    clear:left;

    margin-bottom:1.5em;
  }

  .techdoc-rel dd{
    margin-bottom:1.5em;
    margin-left:0;
    padding-left:7em;
  }



}

.techdoc + .techdoc{margin-top:1.5rem;}
@media screen and (min-width:576px){
  .techdoc + .techdoc{margin-top:3rem;}

  .techdoc > div , 
  .techdoc h2{padding-left:2rem;padding-right:2rem;}


}