@charset "shift_jis";
/* Updated 2025/05/16.T */
/* Updated 2022/03/14.T */
body {
  overflow: hidden;
}
.content-block01.useful-Area {
  margin-top: 93px;
}
.useful-Area .carousel-block02.fn-carousel02 {
  max-width: 1080px;
  width: 100%;
  padding: 0;
  -moz-box-shadow: 0px 0px 4px rgba(74, 60, 53, 0.05), 0px 12px 14px rgba(74, 60, 53, 0.08);
  -webkit-box-shadow: 0px 0px 4px rgba(74, 60, 53, 0.05), 0px 12px 14px rgba(74, 60, 53, 0.08);
  -ms-box-shadow: 0px 0px 4px rgba(74, 60, 53, 0.05), 0px 12px 14px rgba(74, 60, 53, 0.08);
  box-shadow: 0px 0px 4px rgba(74, 60, 53, 0.05), 0px 12px 14px rgba(74, 60, 53, 0.08);
  border-radius: 10px;
}
.useful-Area .carousel-block02.fn-carousel02 .fn-list .item {
  max-width: 1080px;
  width: 100%;
}
.useful-Area .carousel-block02.fn-carousel02 .fn-list .item a {
  text-decoration: none;
}
.useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk {
  display: flex;
  border-radius: 10px;
}
.useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .img {
  max-width: 416px;
  width: 100%;
}
.useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .img img {
  border-radius: 10px 0 0 10px;
}
.useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .txtBox {
  padding: 32px 32px 16px 32px;
}
.useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .txtBox .ttl01 {
  font-size: 24px;
  font-weight: bold;
  color: #141D1D;
}
.useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .txtBox .txt01 {
  margin-top: 17px;
  color: #141d1d;
}
.useful-Area .carousel-block02 > .list > .slick-dots {
  bottom: -30px;
}
.useful-Area .carousel-block02 > .list.slick-dotted {
  padding-bottom: 0;
}
.modal-switch01.-decoration {
  text-decoration: underline;
  font-size: 1.4rem;
  color: #004831;
  cursor: pointer;
}
.modal-switch01.-decoration:hover {
  text-decoration: none;
  color: #004831;
}
.modal-switch01.-decoration:focus {
  outline: 3px solid #c4d700;
}
.modal-block01.-soudan01 > .inner > .header {
  padding-left: 24px;
}
.modal-block01.-soudan01 > .inner > .header > .title {
  padding-left: 0;
  text-align: left;
  color: #004831;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .txtBox {
    max-width: 600px;
  }
}

@media screen and (max-width: 767px) {
  .content-block01.useful-Area {
    margin-top: 93px;
  }
  .useful-Area .carousel-block02.fn-carousel02 {
    max-width: 258px;
    margin: 0 auto;
  }
  .useful-Area .carousel-block02 > .list .item > .inner {
    margin-left: 0;
    margin-right: 0;
  }
  .useful-Area .carousel-block02.fn-carousel02 .fn-list .item {
    max-width: 258px;
  }
  .useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk {
    display: block;
  }
  .useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .img {
    max-width: 258px;
  }
  .useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .img img {
    border-radius: 10px 10px 0 0;
  }
  .useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .txtBox {
    padding: 14px 16px 16px 16px;
  }
  .useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .txtBox .ttl01 {
    font-size: 16px;
  }
  .useful-Area .carousel-block02.fn-carousel02 .fn-list .item .slideBlk .txtBox .txt01 {
    margin-top: 8px;
  }
  .useful-Area .carousel-block02 > .list > .slick-dots {
    bottom: -30px;
  }
  .useful-Area .carousel-block02 > .list.slick-dotted {
    padding-bottom: 0;
  }
  .modal-switch01.-decoration {
    font-size: 1.2rem;
  }
  .modal-block01.-soudan01 > .inner > .header {
    padding-left: 4%;
  }
  .modal-block01.-soudan01 > .inner > .header > .title > .inner {
    font-size: 1.9rem;
  }
}