/* Vendor prefix
--------------------------------- */
main#container {
  background: url(../img/top/bg01.jpg) repeat-y center top;
  background-size: 100% auto;
}
@media (max-width: 767px) {
  main#container {
    background: url(../img/top/bg01_sp.jpg) repeat-y center top;
    background-size: 100% auto;
  }
}

.mvArea {
  position: relative;
}
.mvArea .mh2 {
  color: #fff;
  font-weight: normal;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 10%;
  left: 0;
  z-index: 5;
}
.mvArea.on .mh2 span::before {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}

h3 {
  font-family: "Times New Roman", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  h3 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
h3.mt {
  margin-top: 100px;
}
@media (max-width: 767px) {
  h3.mt {
    margin-top: 50px;
  }
}

.txt01 {
  font-size: 16px;
  line-height: 1.8em;
}
@media (max-width: 767px) {
  .txt01 {
    font-size: 13px;
  }
}

small {
  font-size: 80%;
}

.equipmentArea {
  padding: 80px 0;
  position: relative;
}
@media (max-width: 767px) {
  .equipmentArea {
    padding: 40px 0;
  }
}
.equipmentArea .bg01 {
  width: 54.875%;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.equipmentArea .inner01 {
  position: relative;
  z-index: 2;
}

.cc01 {
  font-size: 30px;
  line-height: 1.9em;
  margin-bottom: 60px;
  text-align: center;
}
@media (max-width: 767px) {
  .cc01 {
    font-size: 20px;
    margin-bottom: 30px;
  }
}

.tabBtnList {
  margin: 60px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 767px) {
  .tabBtnList {
    gap: 10px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 40px 0 20px;
  }
}
.tabBtnList li {
  width: calc((100% - 60px) / 4);
  max-width: 300px;
}
@media (max-width: 767px) {
  .tabBtnList li {
    width: calc((100% - 10px) / 2);
  }
}
.tabBtnList li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-family: "Times New Roman", serif;
  background: #d9d4c6;
  color: #807041;
  -webkit-transition: background 0.4s ease 0s;
  transition: background 0.4s ease 0s;
  position: relative;
  text-align: center;
  font-size: 21px;
  line-height: 1;
  padding: 15px 5px;
}
@media (max-width: 767px) {
  .tabBtnList li a {
    font-size: 14px;
  }
}
.tabBtnList li a.current {
  background: #807041;
  color: #fff;
}
@media (min-width: 992px) {
  .tabBtnList li a:hover {
    background: #807041;
    color: #fff;
  }
}

.equipmentBox {
  display: none;
}
.equipmentBox.show {
  display: block;
}

.equipmentList01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 60px 3.7068965517%;
}
@media (max-width: 767px) {
  .equipmentList01 {
    gap: 40px 4%;
  }
}
.equipmentList01 li {
  width: 30.8620689655%;
}
@media (max-width: 767px) {
  .equipmentList01 li {
    width: 100%;
  }
}
.equipmentList01 li.col02 {
  width: 65.4310344828%;
}
@media (max-width: 767px) {
  .equipmentList01 li.col02 {
    width: 100%;
  }
}
.equipmentList01 li figure {
  margin-bottom: 20px;
}
.equipmentList01.structure {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .equipmentList01.structure {
    margin-top: 40px;
  }
}
.equipmentList01.structure figure {
  margin-bottom: 0;
}
.equipmentList01 .inBox01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5.6653491436%;
     -moz-column-gap: 5.6653491436%;
          column-gap: 5.6653491436%;
}
@media (max-width: 767px) {
  .equipmentList01 .inBox01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
  }
}
.equipmentList01 .inBox01 .inSubBox {
  width: 47.1673254282%;
}
@media (max-width: 767px) {
  .equipmentList01 .inBox01 .inSubBox {
    width: 100%;
  }
}
.equipmentList01 .sTxt01 {
  font-size: 10px;
  margin-top: 10px;
}
.equipmentList01 .sTxt01 span {
  font-size: 130%;
}

.equipmentList02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 60px 3.7931034483%;
}
@media (max-width: 767px) {
  .equipmentList02 {
    gap: 40px 4%;
  }
}
.equipmentList02 li {
  width: 48.1034482759%;
}
@media (max-width: 767px) {
  .equipmentList02 li {
    width: 100%;
  }
}
.equipmentList02 li figure {
  margin-bottom: 20px;
}

.mirableBox {
  background: #e9f4fb;
  padding: 40px 30px;
  margin: 60px 0;
}
@media (max-width: 767px) {
  .mirableBox {
    padding: 30px 20px;
    margin: 40px 0;
  }
}
.mirableBox .ttlBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .mirableBox .ttlBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
  }
}
.mirableBox .ttlBox .txtArea {
  width: 54.5454545455%;
}
@media (max-width: 767px) {
  .mirableBox .ttlBox .txtArea {
    width: 100%;
  }
}
.mirableBox .ttlBox .imgArea {
  width: 41.8181818182%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .mirableBox .ttlBox .imgArea {
    width: 100%;
  }
}
.mirableBox .ttlBox .imgArea .logo {
  width: 32.5481798715%;
}
.mirableBox .ttlBox .imgArea .logo .note {
  text-align: center;
}
.mirableBox .ttlBox .imgArea .head {
  width: 62.0985010707%;
  text-align: right;
}
.mirableBox .ttlBox .imgArea .head .cap {
  display: inline-block;
  font-size: 12px;
  border: solid 1px #000;
  line-height: 1.1em;
  padding: 5px;
  margin-top: 10px;
  text-align: left;
}
.mirableBox .ttlBox .movie {
  width: 53.0909090909%;
}
@media (max-width: 767px) {
  .mirableBox .ttlBox .movie {
    width: 100%;
  }
}
.mirableBox .ttlBox .movie a {
  display: block;
  position: relative;
  overflow: hidden;
}
.mirableBox .ttlBox .movie a figure img {
  -webkit-transition: -webkit-transform 0.4s ease 0s;
  transition: -webkit-transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s;
  transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
}
@media (min-width: 992px) {
  .mirableBox .ttlBox .movie a:hover figure img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.mirableBox .ttlBox .movie a .arrow {
  width: 20.5479452055%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mirableBox .ttlBox .movie a .arrow svg {
  width: 100%;
}

.ttl01 {
  font-size: 23px;
  line-height: 1.3em;
  border-bottom: solid 1px #000;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .ttl01 {
    font-size: 18px;
  }
}
.ttl01.mt {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .ttl01.mt {
    margin-top: 40px;
  }
}

.ttl02 {
  font-size: 23px;
  line-height: 1.5em;
  margin-bottom: 20px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .ttl02 {
    font-size: 18px;
  }
}
.ttl02 span {
  display: block;
  font-size: 74%;
  font-weight: normal;
  line-height: 1.5em;
}

.ttl03 {
  font-size: 18px;
  line-height: 1.5em;
  padding-bottom: 10px;
  border-bottom: solid 1px #000;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .ttl03 {
    font-size: 15px;
  }
}
.ttl03 span {
  display: inline-block;
  margin-right: 10px;
}
.ttl03 strong {
  display: inline-block;
  font-size: 128%;
}

.ttl04 {
  text-align: center;
  color: #fff;
  background: url(../img/equipment/bg_ttl01.jpg) no-repeat center center/cover;
  font-size: 20px;
  line-height: 1.2em;
  padding: 10px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ttl04 {
    font-size: 16px;
  }
}

.ttl05 {
  color: #fff;
  background: #4d4d4d;
  font-size: 23px;
  line-height: 1.2em;
  padding: 10px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ttl05 {
    font-size: 18px;
  }
}
.ttl05.mt {
  margin-top: 100px;
}
@media (max-width: 767px) {
  .ttl05.mt {
    margin-top: 40px;
  }
}

figure.round {
  margin-bottom: 20px;
}
figure.round img {
  border-radius: 10px;
}
figure.mt {
  margin-top: 20px;
}

.sttl01 {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  padding: 10px 0;
  font-size: 17px;
  line-height: 1.2em;
  margin: 40px 0 20px;
  text-align: center;
}
@media (max-width: 767px) {
  .sttl01 {
    font-size: 15px;
  }
}

.sttl03 {
  font-size: 13px;
  margin: 30px 0 20px;
}
@media (max-width: 767px) {
  .sttl03 {
    font-size: 12px;
  }
}

.sttl04 {
  font-size: 18px;
  margin: 30px 0 20px;
}
@media (max-width: 767px) {
  .sttl04 {
    font-size: 14px;
  }
}

.btn01 {
  width: 100%;
  max-width: 280px;
  margin: 150px 0 0 auto;
}
@media (max-width: 767px) {
  .btn01 {
    margin-top: 80px;
  }
}
.btn01 a {
  display: block;
  background: #807041;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  padding: 20px;
  -webkit-transition: background 0.4s ease 0s, color 0.4s ease 0s;
  transition: background 0.4s ease 0s, color 0.4s ease 0s;
  border: solid 1px #807041;
}
@media (max-width: 767px) {
  .btn01 a {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .btn01 a:hover {
    background: #d9d4c6;
    color: #807041;
  }
}

.mirableList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .mirableList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 60px;
  }
}
.mirableList .inBox {
  width: 29.4545454545%;
}
@media (max-width: 767px) {
  .mirableList .inBox {
    width: 100%;
  }
}
.mirableList .inBox:not(:last-child) {
  position: relative;
}
.mirableList .inBox:not(:last-child)::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  right: -10%;
}
@media (max-width: 767px) {
  .mirableList .inBox:not(:last-child)::before {
    width: 100%;
    height: 1px;
    top: auto;
    bottom: -30px;
    right: auto;
    left: 0;
  }
}
.mirableList .imgBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: 20px;
}
.mirableList .imgBox .note {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mirableList .imgBox figure {
  width: 65.4%;
}

.ultraBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .ultraBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    border-top: solid 1px #000;
    padding-top: 40px;
  }
}
.ultraBox .imgArea {
  width: 36.9090909091%;
}
@media (max-width: 767px) {
  .ultraBox .imgArea {
    width: 100%;
  }
}
.ultraBox .imgArea figure.round {
  margin-bottom: 0;
}
.ultraBox .txtArea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.securityBox01 {
  position: relative;
}
@media (max-width: 1280px) {
  .securityBox01 {
    padding-top: 60px;
  }
}
@media (max-width: 991px) {
  .securityBox01 {
    padding-top: 0;
  }
}
.securityBox01 .txtArea {
  width: 40%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media (max-width: 991px) {
  .securityBox01 .txtArea {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
  }
}
.securityBox01 .note {
  width: 40%;
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 5;
}
@media (max-width: 767px) {
  .securityBox01 .note {
    position: static;
    width: 100%;
  }
}

.securityBox02 {
  position: relative;
}
@media (max-width: 1280px) {
  .securityBox02 {
    padding-top: 60px;
  }
}
@media (max-width: 991px) {
  .securityBox02 {
    padding-top: 0;
  }
}
.securityBox02 .txtArea {
  width: 25%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
@media (max-width: 991px) {
  .securityBox02 .txtArea {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
  }
}

.securityBox03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 100px;
}
@media (max-width: 767px) {
  .securityBox03 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 40px;
    margin-top: 40px;
  }
}
.securityBox03 .inBox01 {
  width: 65.4310344828%;
}
@media (max-width: 767px) {
  .securityBox03 .inBox01 {
    width: 100%;
  }
}
.securityBox03 .inBox02 {
  width: 30.8620689655%;
}
@media (max-width: 767px) {
  .securityBox03 .inBox02 {
    width: 100%;
  }
}
.securityBox03 .inBox02 > div + div {
  margin-top: 40px;
}

.txtList {
  margin-top: 20px;
}
.txtList li {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .txtList li {
    font-size: 12px;
  }
}

.ttlBox02 {
  margin: 100px 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .ttlBox02 {
    margin: 40px 0 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
  }
}
.ttlBox02 .txtArea {
  width: 74.3103448276%;
}
@media (max-width: 767px) {
  .ttlBox02 .txtArea {
    width: 100%;
  }
}
.ttlBox02 .imgArea {
  width: 22.7586206897%;
}
@media (max-width: 767px) {
  .ttlBox02 .imgArea {
    width: 100%;
  }
}
.ttlBox02 .imgArea .logoTtl {
  font-size: 14px;
  color: #fff;
  line-height: 1.2em;
  padding: 10px;
  background: #231815;
  margin-bottom: 20px;
  text-align: center;
  border-radius: 3px;
}
.ttlBox02 .imgArea figure {
  text-align: center;
}

.takaraCc01 {
  font-size: 20px;
  color: #0079c0;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .takaraCc01 {
    font-size: 15px;
  }
}

.takaraSub01 {
  font-size: 17px;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .takaraSub01 {
    font-size: 13px;
  }
}

.takaraList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .takaraList {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    row-gap: 20px;
  }
}
.takaraList > li {
  width: 24.3965517241%;
  background: #eaf3f7;
  border: solid 1px #0079c0;
}
@media (max-width: 767px) {
  .takaraList > li {
    width: 48%;
  }
}
.takaraList > li p.ttl {
  background: #0079c0;
  color: #fff;
  font-size: 19px;
  text-align: center;
  line-height: 1.3em;
  min-height: 4.2em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .takaraList > li p.ttl {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .takaraList > li p.ttl {
    font-size: 15px;
  }
}
.takaraList > li p.sttl {
  color: #0079c0;
  font-size: 17px;
  border-bottom: solid 1px #0079c0;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
}
@media (max-width: 991px) {
  .takaraList > li p.sttl {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .takaraList > li p.sttl {
    font-size: 13px;
  }
}
.takaraList > li p.txt {
  color: #0079c0;
  font-size: 14px;
}
@media (max-width: 767px) {
  .takaraList > li p.txt {
    font-size: 11px;
    line-height: 1.5em;
  }
}
.takaraList > li .txtBox {
  padding: 10px 8%;
}
.takaraList > li .txtBox ul.inList li {
  text-indent: -1em;
  padding-left: 1em;
  color: #0079c0;
  font-size: 14px;
}
@media (max-width: 767px) {
  .takaraList > li .txtBox ul.inList li {
    font-size: 11px;
    line-height: 1.5em;
  }
}

.afterBox01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 100px;
}
@media (max-width: 767px) {
  .afterBox01 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 20px;
    margin-top: 40px;
  }
}
.afterBox01 .txtArea {
  width: 30.4310344828%;
}
@media (max-width: 767px) {
  .afterBox01 .txtArea {
    width: 100%;
  }
}
.afterBox01 .boxArea {
  width: 66.9827586207%;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea {
    width: 100%;
  }
}
.afterBox01 .boxArea .communityBox {
  background: #4c6a78;
  padding: 30px 5%;
}
.afterBox01 .boxArea .communityBox p {
  color: #fff;
}
.afterBox01 .boxArea .communityBox p.communityTtl01 {
  font-size: 15px;
  line-height: 1.5em;
  border-bottom: solid 1px #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox p.communityTtl01 {
    font-size: 13px;
  }
}
.afterBox01 .boxArea .communityBox p.communityTxt01 {
  font-size: 12px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox p.communityTxt01 {
    font-size: 11px;
  }
}
.afterBox01 .boxArea .communityBox .communityList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 5px;
}
.afterBox01 .boxArea .communityBox .communityList li {
  width: calc((100% - 5px) / 2);
  background: #e3e9ed;
  padding: 10px 10px;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox .communityList li {
    width: 100%;
  }
}
.afterBox01 .boxArea .communityBox .communityList li p {
  color: #4c6a78;
}
.afterBox01 .boxArea .communityBox .communityList li p.ttl {
  text-align: center;
  font-size: 17px;
  line-height: 1.2em;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox .communityList li p.ttl {
    font-size: 15px;
  }
}
.afterBox01 .boxArea .communityBox .communityList li p.txt {
  font-size: 12px;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox .communityList li p.txt {
    font-size: 11px;
  }
}
.afterBox01 .boxArea .communityBox .inBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox .inBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
  }
}
.afterBox01 .boxArea .communityBox .inBox .inSubBox01 {
  width: 60%;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox .inBox .inSubBox01 {
    width: 100%;
  }
}
.afterBox01 .boxArea .communityBox .inBox .inSubBox01 .logoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #fff;
}
.afterBox01 .boxArea .communityBox .inBox .inSubBox01 .logoBox .logo {
  width: 25%;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox .inBox .inSubBox01 .logoBox .logo {
    width: 35%;
    max-width: 108px;
  }
}
.afterBox01 .boxArea .communityBox .inBox .inSubBox01 .logoBox .txtBox {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 5px;
}
.afterBox01 .boxArea .communityBox .inBox .inSubBox01 .logoBox .txtBox p {
  text-align: center;
  font-size: 13px;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox .inBox .inSubBox01 .logoBox .txtBox p {
    font-size: 11px;
  }
}
.afterBox01 .boxArea .communityBox .inBox .inSubBox02 {
  width: 38%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .afterBox01 .boxArea .communityBox .inBox .inSubBox02 {
    width: 100%;
  }
}
.afterBox01 .boxArea .communityBox .inBox .inSubBox02 .note {
  margin-top: 0;
}

table.structureTable th, table.structureTable td {
  border: solid 1px #776c66;
}
table.structureTable thead th {
  background: #776c66;
  color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  line-height: 1;
}
@media (max-width: 767px) {
  table.structureTable thead th {
    font-size: 15px;
  }
}
table.structureTable tbody th {
  background: #f1efef;
  padding: 20px;
  width: 20%;
  text-align: left;
}
@media (max-width: 767px) {
  table.structureTable tbody th {
    width: 35%;
    padding: 15px 10px;
  }
}
table.structureTable tbody td {
  padding: 20px;
}
@media (max-width: 767px) {
  table.structureTable tbody td {
    padding: 15px 10px;
  }
}
table.structureTable .tableInBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 767px) {
  table.structureTable .tableInBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
  }
}
table.structureTable .tableInBox .txtArea {
  width: 162px;
}
@media (max-width: 767px) {
  table.structureTable .tableInBox .txtArea {
    width: 100%;
  }
}
table.structureTable .tableInBox .txtArea .ttl {
  text-align: center;
  color: #fff;
  background: #231815;
  font-size: 16px;
  line-height: 1;
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  table.structureTable .tableInBox .txtArea .ttl {
    font-size: 13px;
  }
}
table.structureTable .tableInBox .imgArea {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 310px;
}
table.structureTable .tableInBox .imgArea figure figcaption.left {
  right: calc(100% - 10px);
  white-space: nowrap;
  left: auto;
}
@media (max-width: 767px) {
  table.structureTable .tableInBox .imgArea figure figcaption.left {
    position: static;
    text-align: right;
    margin-top: 5px;
  }
}

.modalWrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  display: none;
}
.modalWrap * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}
.modalWrap .modalOver01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.modalWrap .modalOuter {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.modalWrap .modalInner01 {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 60px 0;
}
@media (max-width: 767px) {
  .modalWrap .modalInner01 {
    padding: 20px 0 30px;
  }
}
.modalWrap .modalContainer {
  position: relative;
  display: inline-block;
  width: 90%;
  max-width: 1000px;
  margin: auto;
  padding: 40px 0;
  z-index: 10;
}
@media (max-width: 767px) {
  .modalWrap .modalContainer {
    padding: 30px 0;
  }
}
.modalWrap .modalContainer .closeBtn01 {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 767px) {
  .modalWrap .modalContainer .closeBtn01 {
    width: 30px;
    height: 30px;
  }
}
.modalWrap .modalContainer .closeBtn01 a {
  width: 100%;
  height: 100%;
  display: block;
}
.modalWrap .modalContainer .closeBtn01 a::before, .modalWrap .modalContainer .closeBtn01 a::after {
  content: "";
  width: 3px;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
.modalWrap .modalContainer .closeBtn01 a::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.modalWrap .modalContainer .closeBtn01 a::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.modalWrap .modalContainer iframe.movieBox {
  width: 100%;
  height: auto;
  aspect-ratio: 960/540;
}