/* Scss Document */
/* line 3, classStyle.scss */
.pageImage {
  width: 90vw;
  height: auto;
  margin: 0 auto 30px;
  text-align: center;
}
/* line 9, classStyle.scss */
.pageImage img {
  max-width: 100%;
  height: auto;
}

/* line 15, classStyle.scss */
.tabIndex {
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
}
/* line 20, classStyle.scss */
.tabIndex div {
  width: 45%;
  height: 40px;
  box-sizing: border-box;
  float: left;
  text-align: center;
  line-height: 2.5;
}
/* line 28, classStyle.scss */
.tabIndex div a {
  display: block;
  width: 100%;
  height: auto;
  color: #333;
  border: 1px solid #333;
}
/* line 35, classStyle.scss */
.tabIndex div a i {
  padding-right: 10px;
}
/* line 40, classStyle.scss */
.tabIndex div a:hover {
  text-decoration: none;
  color: #FFF;
  background: #f43724;
  border: none;
}
/* line 49, classStyle.scss */
.tabIndex div:nth-of-type(1) {
  margin-right: 10%;
}

/* line 54, classStyle.scss */
#tabWrapper {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}

/* line 61, classStyle.scss */
.Change_TabPanell {
  display: none;
}

/* line 65, classStyle.scss */
.tabCont {
  width: 100%;
  height: auto;
}
/* line 70, classStyle.scss */
.tabCont article h1 {
  width: 100%;
  height: auto;
  padding-left: 30px;
  border-left: 20px solid #5f549e;
  background: #bbb4d7;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #FFF;
  font-weight: normal;
  font-size: 1.5rem;
  margin-bottom: 30px;
}
/* line 83, classStyle.scss */
.tabCont article ul {
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
}
/* line 88, classStyle.scss */
.tabCont article ul li {
  float: left;
  width: 22%;
  padding-right: 4%;
}
/* line 93, classStyle.scss */
.tabCont article ul li img {
  max-width: 100%;
  height: auto;
}
/* line 100, classStyle.scss */
.tabCont .classList {
  width: 100%;
  height: auto;
}
/* line 104, classStyle.scss */
.tabCont .classList h2 {
  box-sizing: border-box;
  padding: 0 0 10px 10px;
  border-bottom: 1px solid #333;
  border-left: 15px solid #333;
  color: #333;
  margin-bottom: 30px;
}
/* line 112, classStyle.scss */
.tabCont .classList h3 {
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #333;
  background: #333;
  color: #FFF;
  font-weight: normal;
  width: 50vw;
  text-align: center;
  margin-bottom: 30px;
}
/* line 123, classStyle.scss */
.tabCont .classList h4 {
  box-sizing: border-box;
  background: #4060C8;
  font-weight: normal;
  color: #FFF;
  padding: 5px 0 5px 10px;
  margin-bottom: 30px;
  width: 50vw;
  text-align: center;
}
/* line 134, classStyle.scss */
.tabCont .classList ul {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
/* line 139, classStyle.scss */
.tabCont .classList ul li {
  width: 32%;
  height: 40px;
  float: left;
  padding-right: 2%;
  margin-bottom: 30px;
}
/* line 146, classStyle.scss */
.tabCont .classList ul li a {
  width: 100%;
  height: 40px;
  display: block;
  text-align: center;
  border: 1px solid #333;
  color: #333;
  line-height: 2.2;
}
/* line 156, classStyle.scss */
.tabCont .classList ul li a:hover {
  text-decoration: none;
  color: #FFF;
  background: #FFA5A7;
  border: none;
}
/* line 165, classStyle.scss */
.tabCont .classList ul:nth-chid(3n) li {
  padding: 0;
}

/* line 175, classStyle.scss */
.modaal-content-container h5 {
  font-weight: normal;
  font-size: 1.5rem;
  border-bottom: 1px solid #333;
}
/* line 180, classStyle.scss */
.modaal-content-container table {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  border-collapse: separate;
}
/* line 185, classStyle.scss */
.modaal-content-container table tr {
  width: 100%;
}
/* line 187, classStyle.scss */
.modaal-content-container table tr th {
  width: 30%;
  text-align: center;
  padding: 5px;
  box-sizing: border-box;
  background: #BBD8FF;
}
/* line 194, classStyle.scss */
.modaal-content-container table tr td {
  width: 70%;
  text-align: left;
  padding: 5px;
  box-sizing: border-box;
}

/* line 205, classStyle.scss */
.is-active {
  background: #f43724;
  color: #FFF;
  border: none;
}

/* line 213, classStyle.scss */
.google-map {
  position: relative;
  width: 90%;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
}
/* line 220, classStyle.scss */
.google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 900px) {
  /* line 233, classStyle.scss */
  #syodou article ul li {
    width: 45%;
    margin-bottom: 20px;
  }
  /* line 240, classStyle.scss */
  #syodou article ul:nth-child(odd) li {
    padding-left: 10%;
  }

  /* line 247, classStyle.scss */
  .tabCont .classList {
    width: 100%;
    height: auto;
  }
  /* line 251, classStyle.scss */
  .tabCont .classList h3 {
    width: 80vw;
  }
  /* line 255, classStyle.scss */
  .tabCont .classList h4 {
    width: 80vw;
  }
  /* line 261, classStyle.scss */
  .tabCont .classList ul li {
    width: 100%;
    height: 40px;
    float: none;
    padding-right: 0;
    margin-bottom: 30px;
  }
  /* line 270, classStyle.scss */
  .tabCont .classList ul:nth-chid(2n-1) li {
    padding: 0;
  }
}
@media screen and (max-width: 700px) {
  /* line 282, classStyle.scss */
  .modaal-content-container table tr {
    width: 100%;
  }
  /* line 284, classStyle.scss */
  .modaal-content-container table tr th {
    display: block;
    width: 100%;
  }
  /* line 288, classStyle.scss */
  .modaal-content-container table tr td {
    display: block;
    width: 100%;
    text-align: left;
  }
}