@charset "UTF-8";
.shigotoBox {
  margin: 0 10px 40px;
}
.shigotoBox h3 {
  background-color: #e6f1ff;
  border-bottom: #005bd1 solid 4px;
  border-top: #005bd1 solid 4px;
  font-size: 32px;
  color: #000000;
  line-height: 1em;
  padding: 15px 10px;
  margin-bottom: 20px;
}
.shigotoBox p {
  font-size: 28px;
  color: #484848;
  line-height: 1.25em;
  position: relative;
}
.shigotoBox p.c1r::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  color: #51518b;
  font-weight: 900;
  margin-right: 10px;
  margin-right: 5px;
}
.shigotoBox p.lead, .shigotoBox p.c1r {
  margin-bottom: 20px;
}
.shigotoBox ul {
  height: auto;
  overflow: hidden;
  border-left: #cccccc solid 1px;
  border-top: #cccccc solid 1px;
  margin-top: 20px;
  box-sizing: border-box;
}
.shigotoBox ul li {
  border-bottom: #cccccc solid 1px;
  border-right: #cccccc solid 1px;
  font-size: 32px;
  color: #999999;
  line-height: 1em;
  box-sizing: border-box;
}
.shigotoBox ul li span {
  padding: 20px 10px;
  display: block;
}
.shigotoBox ul li a {
  background: url(/common/images/btnArrorRight.png) no-repeat 98% 50%;
  color: #484848;
  padding: 20px 10px;
  display: block;
}
.shigotoBox ul li p {
  font-size: 28px;
  color: #484848;
  line-height: 1em;
  margin-top: 10px;
  margin-right: 2%;
}
.shigotoBox ul li p::before {
  content: "∟";
  color: #cccccc;
}
.shigotoBox.index-map img {
  width: 100%;
}
.shigotoBox.index-map ul {
  display: flex;
  flex-wrap: wrap;
}
.shigotoBox.index-map ul li {
  width: calc((100% - 2px) / 2);
  font-size: 28px;
}
.shigotoBox.index-list ul li {
  font-size: 28px;
}
.shigotoBox.index-map ul li a, .shigotoBox.index-list ul li a {
  margin-right: 0;
  padding: 30px 20px;
}
.shigotoBox.list, .shigotoBox.list-detail {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 20px 5px;
}
.shigotoBox.list div[class^=list-box], .shigotoBox.list-detail div[class^=list-box] {
  width: calc((100% - 5px) / 2);
  box-sizing: border-box;
}
.shigotoBox.list div[class^=list-box] h3, .shigotoBox.list-detail div[class^=list-box] h3 {
  background: whitesmoke;
  background: linear-gradient(180deg, whitesmoke 0%, whitesmoke 50%, #dfdfdf 50%, #dfdfdf 100%);
  border: #d0d0d0 solid 1px;
  font-size: 32px;
  color: #484848;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  margin-bottom: 0;
  box-sizing: border-box;
}
.shigotoBox.list div[class^=list-box] h3.pack, .shigotoBox.list-detail div[class^=list-box] h3.pack {
  letter-spacing: -0.1em;
}
.shigotoBox.list div[class^=list-box] h3 a, .shigotoBox.list-detail div[class^=list-box] h3 a {
  color: #484848;
  padding: 30px 10px;
  display: block;
  box-sizing: border-box;
}
.shigotoBox.list div[class^=list-box] ul, .shigotoBox.list-detail div[class^=list-box] ul {
  border: none;
  margin-top: 0;
}
.shigotoBox.list div[class^=list-box] ul li, .shigotoBox.list-detail div[class^=list-box] ul li {
  border: none;
  border-bottom: dotted 1px #333333;
}
.shigotoBox.list div[class^=list-box] ul li.pack, .shigotoBox.list-detail div[class^=list-box] ul li.pack {
  letter-spacing: -0.1em;
}
.shigotoBox.list div[class^=list-box] ul li a, .shigotoBox.list-detail div[class^=list-box] ul li a {
  padding: 30px 10px;
  background: none;
  margin-right: 0;
}
.shigotoBox.list div[class^=list-box] ul li a::before, .shigotoBox.list-detail div[class^=list-box] ul li a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  color: #51518b;
  font-weight: 900;
  margin-right: 10px;
}
.shigotoBox.list div[class^=list-box] .c1r, .shigotoBox.list-detail div[class^=list-box] .c1r {
  border: none;
  margin-top: 10px;
  padding-bottom: 0;
}
.shigotoBox.list div[class^=list-box] .c1r::before, .shigotoBox.list-detail div[class^=list-box] .c1r::before {
  display: none;
}
.shigotoBox.list div[class$=-detail], .shigotoBox.list-detail div[class$=-detail] {
  border: #d0d0d0 solid 1px;
  border-top: none;
}
.shigotoBox.list div[class$=-detail] h3, .shigotoBox.list-detail div[class$=-detail] h3 {
  border-right: none;
  border-left: none;
}

@media screen and (max-width: 736px) {
  .shigotoBox {
    margin: 0 5px 20px;
  }
  .shigotoBox h3 {
    border-bottom: #005bd1 solid 2px;
    border-top: #005bd1 solid 2px;
    font-size: 16px;
    padding: 10px 5px;
    margin-bottom: 10px;
  }
  .shigotoBox p {
    font-size: 14px;
  }
  .shigotoBox p.lead {
    margin-bottom: 10px;
  }
  .shigotoBox ul {
    margin-top: 10px;
  }
  .shigotoBox ul li {
    font-size: 16px;
  }
  .shigotoBox ul li a, .shigotoBox ul li span {
    background-size: 9px 8px;
    padding: 10px 5px;
  }
  .shigotoBox ul li a, .shigotoBox ul li span::before {
    content: "┗";
    margin-right: 5px;
  }
  .shigotoBox ul li p {
    font-size: 14px;
    margin-top: 5px;
  }
  .shigotoBox.index-map ul li, .shigotoBox.index-list ul li {
    font-size: 14px;
  }
  .shigotoBox.index-map ul li a, .shigotoBox.index-list ul li a {
    padding: 15px 10px;
  }
  .shigotoBox.list, .shigotoBox.list-detail {
    margin-top: 11px;
  }
  .shigotoBox.list div[class^=list-box] h3, .shigotoBox.list-detail div[class^=list-box] h3 {
    font-size: 16px;
  }
  .shigotoBox.list div[class^=list-box] h3 a, .shigotoBox.list-detail div[class^=list-box] h3 a {
    padding: 15px 5px;
  }
  .shigotoBox.list div[class^=list-box] ul li a, .shigotoBox.list-detail div[class^=list-box] ul li a {
    padding: 15px 5px;
  }
  .shigotoBox.list div[class^=list-box] ul li a::before, .shigotoBox.list-detail div[class^=list-box] ul li a::before {
    margin-right: 5px;
  }
  .shigotoBox.list p, .shigotoBox.list-detail p {
    padding: 10px 5px;
  }
}
/*map
----------------------------------------------------*/
#contentsMap.mapIndex {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}

.gridBox {
  width: 100%;
  height: auto;
  max-width: 700px;
  max-width: 600px;
  display: grid;
  grid-gap: 0;
  grid-template-rows: 22% 15% 15% 13% 13% 22%;
  grid-template-columns: 22% 11% 11% 22% 5% 29%;
}
.gridBox img {
  width: 100%;
}
.gridBox img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/3;
}
.gridBox img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 3/5;
}
.gridBox img:nth-of-type(3) {
  grid-row: 1/2;
  grid-column: 5/7;
}
.gridBox img:nth-of-type(4) {
  grid-row: 2/5;
  grid-column: 1/2;
}
.gridBox img:nth-of-type(5) {
  grid-row: 2/4;
  grid-column: 2/4;
}
.gridBox img:nth-of-type(6) {
  grid-row: 2/4;
  grid-column: 4/5;
}
.gridBox img:nth-of-type(7) {
  grid-row: 2/3;
  grid-column: 5/7;
}
.gridBox img:nth-of-type(8) {
  grid-row: 3/4;
  grid-column: 5/7;
}
.gridBox img:nth-of-type(9) {
  grid-row: 4/6;
  grid-column: 2/4;
}
.gridBox img:nth-of-type(10) {
  grid-row: 4/6;
  grid-column: 4/6;
}
.gridBox img:nth-of-type(11) {
  grid-row: 4/7;
  grid-column: 6/7;
}
.gridBox img:nth-of-type(12) {
  grid-row: 5/7;
  grid-column: 1/2;
}
.gridBox img:nth-of-type(13) {
  grid-row: 6/7;
  grid-column: 2/6;
}
.gridBox.education {
  grid-template-rows: 34% 31% 35%;
  grid-template-columns: 47% 53%;
}
.gridBox.education img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.gridBox.education img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.gridBox.education img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.gridBox.education img:nth-of-type(4) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.gridBox.education img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 1/2;
}
.gridBox.education img:nth-of-type(6) {
  grid-row: 3/4;
  grid-column: 2/3;
}
.gridBox.office {
  grid-template-rows: 23% 34% 43%;
  grid-template-columns: 34% 25% 8% 33%;
}
.gridBox.office img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.gridBox.office img:nth-of-type(2) {
  grid-row: 1/3;
  grid-column: 2/4;
}
.gridBox.office img:nth-of-type(3) {
  grid-row: 1/3;
  grid-column: 4/5;
}
.gridBox.office img:nth-of-type(4) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.gridBox.office img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 1/3;
}
.gridBox.office img:nth-of-type(6) {
  grid-row: 3/4;
  grid-column: 3/5;
}
.gridBox.government {
  grid-template-rows: 31% 31% 38%;
  grid-template-columns: 50% 50%;
}
.gridBox.government img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.gridBox.government img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.gridBox.government img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.gridBox.government img:nth-of-type(4) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.gridBox.government img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 1/2;
}
.gridBox.government img:nth-of-type(6) {
  grid-row: 3/4;
  grid-column: 2/3;
}
.gridBox.sports {
  grid-template-rows: 40% 20% 40%;
  grid-template-columns: 38% 15% 15% 32%;
}
.gridBox.sports img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/3;
}
.gridBox.sports img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 3/5;
}
.gridBox.sports img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/4;
}
.gridBox.sports img:nth-of-type(4) {
  grid-row: 2/4;
  grid-column: 4/5;
}
.gridBox.sports img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 1/2;
}
.gridBox.sports img:nth-of-type(6) {
  grid-row: 3/4;
  grid-column: 2/4;
}
.gridBox.animal {
  grid-template-rows: 32% 32% 36%;
  grid-template-columns: 50% 50%;
}
.gridBox.animal img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.gridBox.animal img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.gridBox.animal img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.gridBox.animal img:nth-of-type(4) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.gridBox.animal img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 1/2;
}
.gridBox.animal img:nth-of-type(6) {
  grid-row: 3/4;
  grid-column: 2/3;
}
.gridBox.fashion {
  grid-template-rows: 34% 36% 30%;
  grid-template-columns: 49% 51%;
}
.gridBox.fashion img:nth-of-type(1) {
  grid-row: 1/3;
  grid-column: 1/2;
}
.gridBox.fashion img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.gridBox.fashion img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.gridBox.fashion img:nth-of-type(4) {
  grid-row: 3/4;
  grid-column: 1/2;
}
.gridBox.fashion img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 2/3;
}
.gridBox.music {
  grid-template-rows: 42% 20% 38%;
  grid-template-columns: 33% 33% 34%;
}
.gridBox.music img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.gridBox.music img:nth-of-type(2) {
  grid-row: 1/3;
  grid-column: 2/3;
}
.gridBox.music img:nth-of-type(3) {
  grid-row: 1/3;
  grid-column: 3/4;
}
.gridBox.music img:nth-of-type(4) {
  grid-row: 2/4;
  grid-column: 1/2;
}
.gridBox.music img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 2/4;
}
.gridBox.beauty {
  grid-template-rows: 50% 50%;
  grid-template-columns: 50% 50%;
}
.gridBox.beauty img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.gridBox.beauty img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.gridBox.beauty img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.gridBox.beauty img:nth-of-type(4) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.gridBox.design {
  grid-template-rows: 34% 27% 10% 29%;
  grid-template-columns: 45% 12% 43%;
}
.gridBox.design img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.gridBox.design img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/4;
}
.gridBox.design img:nth-of-type(3) {
  grid-row: 2/4;
  grid-column: 1/3;
}
.gridBox.design img:nth-of-type(4) {
  grid-row: 2/3;
  grid-column: 3/4;
}
.gridBox.design img:nth-of-type(5) {
  grid-row: 3/5;
  grid-column: 3/4;
}
.gridBox.design img:nth-of-type(6) {
  grid-row: 4/5;
  grid-column: 1/3;
}
.gridBox.hospital {
  grid-template-rows: 40% 32% 28%;
  grid-template-columns: 50% 50%;
}
.gridBox.hospital img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.gridBox.hospital img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.gridBox.hospital img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.gridBox.hospital img:nth-of-type(4) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.gridBox.hospital img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 1/2;
}
.gridBox.hospital img:nth-of-type(6) {
  grid-row: 3/4;
  grid-column: 2/3;
}
.gridBox.food {
  grid-template-rows: 41% 24% 35%;
  grid-template-columns: 61% 39%;
}
.gridBox.food img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
.gridBox.food img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.gridBox.food img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.gridBox.food img:nth-of-type(4) {
  grid-row: 2/4;
  grid-column: 2/3;
}
.gridBox.food img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 1/2;
}
.gridBox.electronics {
  grid-template-rows: 31% 33% 36%;
  grid-template-columns: 60% 40%;
}
.gridBox.electronics img:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/3;
}
.gridBox.electronics img:nth-of-type(2) {
  grid-row: 2/3;
  grid-column: 1/2;
}
.gridBox.electronics img:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 2/3;
}
.gridBox.electronics img:nth-of-type(4) {
  grid-row: 3/4;
  grid-column: 1/2;
}
.gridBox.electronics img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 2/3;
}
.gridBox.tour {
  grid-template-rows: 39% 33% 28%;
  grid-template-columns: 34% 33% 33%;
}
.gridBox.tour img:nth-of-type(1) {
  grid-row: 1/3;
  grid-column: 1/2;
}
.gridBox.tour img:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
.gridBox.tour img:nth-of-type(3) {
  grid-row: 1/3;
  grid-column: 3/4;
}
.gridBox.tour img:nth-of-type(4) {
  grid-row: 2/3;
  grid-column: 2/4;
}
.gridBox.tour img:nth-of-type(5) {
  grid-row: 3/4;
  grid-column: 1/2;
}
.gridBox.tour img:nth-of-type(6) {
  grid-row: 3/4;
  grid-column: 2/4;
}

/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/
@media screen and (max-width: 736px) {
  #contentsMap.mapIndex {
    margin-bottom: 20px;
  }
}
/*----------------------------------------------------*/
.acd_check {
  display: none;
}

/*
.shigotoBox .list{
	height:auto;
	overflow:hidden;
	border:#cccccc solid 2px;
	margin:-2px 10px 0;
}*/
.shigotoBox .list h3 {
  background-color: inherit;
  border: none;
  font-size: 28px;
  color: #484848;
  line-height: 1;
  margin: 0;
  padding: 30px;
  position: relative;
}
.shigotoBox .list h3::after {
  font-family: "Font Awesome 5 Free";
  content: "\f067";
  color: #005bd1;
  font-weight: 900;
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
}
.shigotoBox .list .acd_check:checked + .acd_label h3::after {
  content: "\f068";
}
.shigotoBox .list ul {
  height: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0;
  margin: 0;
  border: none;
}
.shigotoBox .list .acd_check:checked + .acd_label + ul {
  height: 100%;
  opacity: 1;
  visibility: visible;
  /*border:none;*/
  margin-top: 0;
}
.shigotoBox .list li {
  border: none;
  border-top: #cccccc solid 1px;
}
.shigotoBox .list li a {
  padding: 30px;
}
.shigotoBox .list li a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  color: #51518b;
  font-weight: 900;
  margin-right: 10px;
}

.studyBox .keito_scBox ul {
  height: auto;
  overflow: hidden;
  border-left: #cccccc solid 1px;
  border-top: #cccccc solid 1px;
  clear: left;
  box-sizing: border-box;
}
.studyBox .keito_scBox ul li {
  width: 50%;
  border-bottom: #cccccc solid 1px;
  border-right: #cccccc solid 1px;
  box-sizing: border-box;
  float: left;
}
.studyBox .keito_scBox ul li a {
  font-size: 28px;
  color: #484848;
  line-height: 1em;
  padding: 30px 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 736px) {
  .shigotoBox .list {
    border: #cccccc solid 1px;
    margin: -1px 0 0;
  }
  .shigotoBox .list .acd_label h3 {
    font-size: 14px;
    padding: 15px;
  }
  .shigotoBox .list li a {
    padding: 15px;
  }
  .shigotoBox .list li a::before {
    margin-right: 5px;
  }
  .studyBox .keito_scBox ul li a {
    font-size: 14px;
    padding: 15px 5px;
  }
}
/*----------------------------------------------------*/
ul.shikaku {
  border: right;
}
ul.shikaku li {
  height: auto;
  overflow: hidden;
  background: url(/shigoto/images/arror.png) no-repeat left 3px;
  border: none;
  font-size: 28px;
  color: #484848;
  line-height: 1.5em;
  text-indent: 28px;
  margin-bottom: 10px;
  padding: 0;
}
ul.shikaku li a {
  background: none;
  color: #8bd816;
  padding: 0;
}
ul.shikaku li img {
  float: right;
}

.insideImg img {
  width: 100%;
}

@media screen and (max-width: 736px) {
  ul.shikaku li {
    background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
    font-size: 14px;
    text-indent: 14px;
    margin-bottom: 5px;
  }
}/*# sourceMappingURL=shigoto_ver2.css.map */