@charset "UTF-8";
/* media query */
.infoArea {
  margin-top: 50px;
}
.infoArea .col3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 {
    display: block;
    padding: 15px;
    background: #f7f4ea;
  }
}
.infoArea .col3 > li {
  width: calc((100% / 3) - 30px);
}
@media screen and (max-width: 960px) {
  .infoArea .col3 > li {
    width: calc((100% / 3) - 20px);
  }
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li {
    width: 100%;
  }
}
.infoArea .col3 > li:not(:nth-child(3n+1)) {
  margin-left: 45px;
}
@media screen and (max-width: 960px) {
  .infoArea .col3 > li:not(:nth-child(3n+1)) {
    margin-left: 30px;
  }
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li:not(:first-child) {
    margin-top: 50px;
  }
}
.infoArea .col3 > li .slick-dots {
  bottom: 15px;
}
.infoArea .col3 > li dl {
  margin-top: 15px;
}
.infoArea .col3 > li dl dt {
  font-size: 1.2em;
  line-height: 150%;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li dl dt {
    border-bottom: 1px solid #bbb;
  }
}
.infoArea .col3 > li dl dt span.small {
  font-size: 80%;
}
.infoArea .col3 > li dl dd {
  position: relative;
  padding-left: 1.5em;
}
.infoArea .col3 > li dl dd.address {
  padding-left: 0;
}
.infoArea .col3 > li dl dd.address::before {
  content: none;
}
.infoArea .col3 > li dl dd.noindent {
  padding-left: 0;
}
.infoArea .col3 > li dl dd.noindent::before {
  content: none;
}
.infoArea .col3 > li dl dd.notice::before {
  content: none;
}
.infoArea .col3 > li dl dd.mt10 {
  margin-top: 10px;
}
.infoArea .col3 > li dl dd.mt20 {
  margin-top: 20px;
}
.infoArea .col3 > li dl dd::before {
  position: absolute;
  content: "●";
  font-weight: bold;
  font-size: 90%;
  color: #ccc;
  text-indent: -1.5em;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li dl dd::before {
    color: #bbb;
  }
}
.infoArea .col3 > li dl dd a[href^="https://"], .infoArea .col3 > li dl dd a[href^="http://"] {
  position: relative;
  text-decoration: underline;
}
.infoArea .col3 > li dl dd a[href^="https://"]::after, .infoArea .col3 > li dl dd a[href^="http://"]::after {
  position: absolute;
  content: "";
  margin-left: 5px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_61%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2061%22%20transform%3D%22translate(-525%20-869)%22%3E%20%3Cpath%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_127_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20127%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M1%2C1V9H9V1H1M1%2C0H9a1%2C1%2C0%2C0%2C1%2C1%2C1V9a1%2C1%2C0%2C0%2C1-1%2C1H1A1%2C1%2C0%2C0%2C1%2C0%2C9V1A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%20transform%3D%22translate(525%20872)%22%20fill%3D%22%23222%22%2F%3E%20%3Cpath%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_128%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20128%22%20d%3D%22M1%2C1V3.516H6.641V9.063L9%2C9V1H1M1%2C0H9a1%2C1%2C0%2C0%2C1%2C1%2C1V9a1%2C1%2C0%2C0%2C1-1%2C1H6.167V3.917H0V1A1%2C1%2C0%2C0%2C1%2C1%2C0Z%22%20transform%3D%22translate(528%20869)%22%20fill%3D%22%23222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 10px auto;
  width: 10px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.infoArea .col3 > li.wide {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  position: relative;
}
.infoArea .col3 > li.wide .img_cap {
  position: absolute;
  top: 10px;
  left: 10px;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.wide {
    display: block;
  }
}
.infoArea .col3 > li.wide:not(:first-child) {
  margin-top: 50px;
}
.infoArea .col3 > li.wide:not(:nth-child(3n+1)) {
  margin-left: 0;
}
@media screen and (max-width: 960px) {
  .infoArea .col3 > li.wide:not(:nth-child(3n+1)) {
    margin-left: 0;
  }
}
.infoArea .col3 > li.wide > p, .infoArea .col3 > li.wide div {
  width: 53%;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.wide > p, .infoArea .col3 > li.wide div {
    width: 100%;
  }
}
.infoArea .col3 > li.wide > p span.caption, .infoArea .col3 > li.wide div span.caption {
  display: block;
  margin-top: 10px;
  line-height: 160%;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.wide > p span.caption, .infoArea .col3 > li.wide div span.caption {
    margin-bottom: 30px;
    font-size: 0.9em;
    text-align: right;
  }
}
.infoArea .col3 > li.wide > p span.caption.right, .infoArea .col3 > li.wide div span.caption.right {
  text-align: right;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.wide > p span.caption.left, .infoArea .col3 > li.wide div span.caption.left {
    text-align: left;
  }
}
.infoArea .col3 > li.wide > div.fadeSlick {
  height: 363px;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.wide > div.fadeSlick {
    height: 53vw;
  }
}
@media screen and (max-width: 441px) {
  .infoArea .col3 > li.wide > div.fadeSlick {
    height: 51vw;
  }
}
@media screen and (max-width: 375px) {
  .infoArea .col3 > li.wide > div.fadeSlick {
    height: 50vw;
  }
}
@media screen and (max-width: 360px) {
  .infoArea .col3 > li.wide > div.fadeSlick {
    height: 49vw;
  }
}
@media screen and (max-width: 320px) {
  .infoArea .col3 > li.wide > div.fadeSlick {
    height: 47vw;
  }
}
.infoArea .col3 > li.wide > div.fadeSlick .slick-list {
  width: 100%;
}
.infoArea .col3 > li.wide dl {
  width: 45%;
  padding-left: 20px;
  margin-top: 0;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.wide dl {
    width: 100%;
    margin-top: 15px;
    padding-left: 0;
  }
}
.infoArea .col3 > li.wide dl dt .small {
  font-size: 80%;
  display: block;
}
.infoArea .col3 > li.wide dl dd {
  font-size: 1em;
}
.infoArea .col3 > li.reverse > p, .infoArea .col3 > li.reverse div {
  order: 2;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.reverse > p, .infoArea .col3 > li.reverse div {
    order: 1;
  }
}
.infoArea .col3 > li.reverse dl {
  order: 1;
  padding-left: 0;
}
@media screen and (max-width: 668px) {
  .infoArea .col3 > li.reverse dl {
    order: 2;
  }
}