*{
  box-sizing:border-box;
  font-family : sans-serif;
}
/*-----グリッド調整-----*/
.dotted{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 8px;
    
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.3' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cuse fill='%23fafafa' href='%23s' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23f5f5f5' href='%23s'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='2'/%3E%3Cuse fill='%23f0f0f0' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23ebebeb'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23e5e5e5'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23e0e0e0'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%2332cd32'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%2332cd32'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(10) translate(-900 -675)'%3E%3Cg fill='%2332cd32'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;

  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
}
#headbar{
    grid-column: span 12 / span 12;
    grid-row: span 2 / span 2;
    background-color:limegreen;
    height:50px;
}
#headbar{
  height:75px;
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 8px;
  position: relative; /* ドロップダウンの基準 */
}

#headbar .menu-button {
  grid-column: 12;      /* 12列目に置く */
  justify-self: end;    /* セル右端に配置 */
  z-index: 30;
  color: #fff;          /* ボタン色を強制 */
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
#leftmenu {
    grid-row: span 3 / span 3;
    grid-row-start: 3;
    background-color:limegreen;
    margin-top:-8px;
    max-width:60px;
  }

#breadcrumb{
    grid-column: span 11 / span 11;
    grid-row-start: 3; 
    height:30px;
}

#content{
    grid-column: span 11 / span 11;
    grid-column-start: 2;
    grid-row-start: 4;
    max-width:100%;   
}
#footer{
    grid-column: span 11 / span 11;
    grid-column-start: 2;
    grid-row-start: 5;
    height:200px;
}
/*-----各グリッドなど調整ここまで-----*/
/*-----各セクション幅など-----*/
.article{
  width:80%;
}
.subtitle{
  font-size:1.5rem;
}
ul{padding-inline-start: 20px;}
/*-----その他調整ここから-----*/
.dotted{
  color:#333;
  font-size:1.0625rem;
}
.breadcrumb__list{
  display:block;
  width:100%;
  margin:0;
  padding:0;
}
.breadcrumb__item{
  display:inline;
  font-size:0.8em;
}
.underpankuzu{
  width:80%;
  float:left;
}
ul.breadcrumb__list li a{
  text-decoration:none;
  color:green;
}

/*----------Footer---------*/
#footer{
  display:inline-block;
  width:100%;
  height:300px;
  box-sizing:border-box;
  text-align:center;
  font-family: 'M PLUS 1p', sans-serif;
  margin-top:20px;
  max-width:100%;
}
.footlogo{
  width:49%;
  height:100%;
  display:inline-block;
  box-sizing:border-box;
  margin:0;
  padding-top:10px;
}
.logoimg{
  box-sizing:border-box;
  display:inline-block;
  margin:0;
  padding:0;
  width:40%;
  height:100%;
  position:relative;
}
.logoimg img{
  width:100%;
  position:relative;
  top:15%;
}
.company{
  box-sizing:border-box;
  display:inline;
  margin:0;
  padding:0;
  width:50%;
  height:100%;
  float:right;
  text-align:left;
  position:relative;
  left:0%;
  color:#000000;
  font-family:sans-serif;
}
.company p{
  font-weight:700;
}
.footnavi{
  vertical-align:top;
  text-align:left;
  width:50%;
  height:100%;
  display:inline-block;
  box-sizing:border-box;
  margin:0;
  padding:0;
}
.footnavihome{
  vertical-align:top;
  display:inline-block;
  box-sizing:border-box;
  width:40%;
  height:100%;
  margin:0;
  padding:0;
  color:#32cd32;
  padding-top:15px;
  padding-left:15px;
}
.footnavilive{
  vertical-align:top;
  display:inline-block;
  box-sizing:border-box;
  margin:0;
  padding:0;
  width:40%;
  height:100%;
  color:#32cd32;
  padding-left:15px;
  padding-top:15px;
}
#footer ul{
  padding-left:10px;
  margin-top:0px;
}
#footer ul li {
  position: relative;
  list-style-type:none;
}
#footer ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .7em;
  left: -1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#footer a{
  color:#32cd32;
  text-decoration:none;
}
#footer h5{
  margin:0;
  padding:0;
  font-size:1.1em;
}
#footer li{
  line-height:1.8em;
}
#footer hr{
  margin:0;
  margin-bottom:0.5em;
  border-style:dashed;
  width:90%;
}
#footer i{
  font-size:3em;
}
/*-----Footerここまで-----*/
/*-----パーツの調整-----*/
metadata{
  display:none;
}
h1{
  font-family:"chango";
  color:#1e6130;
  margin-top:20px;
}
.qualify ul li{
  list-style:none;
}
.qualify td:nth-child(odd){
  border-right:1px solid;
}
.qualify tr{
  margin:0px;
  padding:0px;
}
@media (max-width: 768px) {
  #leftmenu{
    display:none;
  }
  #content{  
    grid-column-start: 1;
    width:98vw;
    margin-left:5px;
    margin-right:5px;
  }
  .subtitle{
    font-size:1.3rem;
  }
  #content img{
    max-width:100%;
  }
  .dotted{
    display:inline-block;
    width:100vw;
  }
#headbar .menu-button{
  grid-column:2;
}

 .article{
  width:100%;
 }
 .info{
  width:100%;
  }

  #footer{
    width:100%;
    grid-column-start: 1;
  }
  .footnavi{
    display:block;
    width:100%;
    height:px;
    margin:0;
    font-size:0.8em;
  }
  .footnavihome{
    box-sizing:border-box;
    margin:0;
    margin-left:10px;
    padding:0;
    width:45%;
  }
  .footnavilive{
    box-sizing:border-box;
    margin:0;
    padding:0;
    width:45%;
    float:right;
  }
  .footlogo{
    display:block;
    width:100%;
  }
  .logoimg{
    display:block;
    width:100%;
    height:80%;
  }
  .company{
    display:100%;
    width:100%;
  }
}