/* CSS Document */
#bg {
  max-width: 1920px;
  margin: 0 auto;
  background-image: url("../img/index/bg-main.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.ie #bg {
  background-image: url("../img/index/bg-main-ie.jpg");
}

#header {
  margin-bottom: 50px;
  border-bottom: none;
}

#navi #subNavi ul li {
  color: #fff;
}
#navi #subNavi ul li.active,
#navi #subNavi ul li:hover {
  color: #8183BD;
  background-color: #fff;
}
#navi #subNavi .link a {
  background-image: url("../img/index/arrow-h.png");
  color: #fff;
}
#navi #subNavi .link a:hover {
  border-bottom: 2px solid #fff;
}
#navi #gNavi li a {
  color: #fff;
  background-image: url("../img/index/arrow-h.png");
}
#navi #gNavi li a:hover {
  border-bottom: 4px solid #fff;
}

#main {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 60px;
  text-align: center;
  color: #fff;
}
#main h2 {
  font-size: 370%;
  margin-bottom: 15px;
}
#main h3 {
  display: inline-block;
  margin-bottom: 20px;
  padding: 2px 0 0 8px;
  font-size: 182%;
  background-image: url("../img/index/bg-txt-01.png");
  background-position: left top;
  background-repeat: no-repeat;
}
#main h3 strong {
  display: block;
  padding: 0 8px 0 0;
  background-image: url("../img/index/bg-txt-02.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}
#main p {
  font-size: 123.1%;
  line-height: 1.8em;
  margin-bottom: 20px;
}
#main .note {
  margin-bottom: 50px;
  font-size: 108%;
}
#main ul {
  text-align: center;
  font-size: 0;
}
#main ul li {
  display: inline-block;
  width: 200px;
  height: 200px;
  margin: 0 50px;
}
#main ul li a {
  display: block;
  width: 200px;
  height: 200px;
  background-position: left top;
  background-repeat: no-repeat;
  transition: 0.15s;
}
#main ul li a:hover {
  opacity: 0.8;
}
#main ul li.btn1 a {
  background-image: url("../img/index/btn-01.png?20230905");
}
#main ul li.btn2 a {
  background-image: url("../img/index/btn-02.png?20230905");
}

#container {
  padding: 70px 0 90px 0;
}
#container #info {
  width: 800px;
  margin: 0 auto;
}
#container #info h4 {
  font-size: 153.9%;
  color: #8083BD;
  border-bottom: 4px solid #8083BD;
  padding-bottom: 5px;
}
#container #info table {
  width: 100%;
  margin-bottom: 50px;
}
#container #info table th,
#container #info table td {
  font-size: 108%;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px dotted #C2C4DF;
}
#container #info table th {
  width: 17.5%;
  padding: 20px 0 15px 5px;
}
#container #info table td {
  width: 82.5%;
  padding: 20px 0 15px 0;
}
#container #info ul {
  display: flex;
  justify-content: center;
}
#container #info ul li {
  width: 260px;
}
#container #info ul li a {
  display: block;
  padding: 23px 0 21px 55px;
  color: #fff;
  font-size: 123.1%;
  font-weight: bold;
  line-height: 1em;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: #8183BD;
  border-radius: 4px;
  transition: 0.15s;
}
#container #info ul li a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#container #info ul li.btn3 {
  margin-right: 0;
}
#container #info ul li.btn2 a {
  background-image: url("../img/index/icon-02.jpg?20230905");
}
#container #info ul li.btn3 a {
  background-image: url("../img/index/icon-03.jpg?20230905");
}
#container #info ul li + li {
  margin-left: 10px;
}/*# sourceMappingURL=index.css.map */