@charset "UTF-8";
/* ----------------------------------------------------------------------------
 slide_photo
---------------------------------------------------------------------------- */
#slide_photo {
  position: relative;
  width: 100%;
  margin: 0 auto 25px;
  overflow: hidden;
  background-color: #BFBFBF;
}

#size1008 #slide_photo,
#size1008 #slide_photo #images .image .cover {
  height: 300px;
}

#size795 #slide_photo,
#size795 #slide_photo #images .image .cover {
  height: 237px;
}

#size720 #slide_photo,
#size720 #slide_photo #images .image .cover {
  height: 214px;
}

#size480 #slide_photo,
#size480 #slide_photo #images .image .cover {
  height: 143px;
}

#size318 #slide_photo,
#size318 #slide_photo #images .image .cover {
  height: 95px;
}

#slide_photo #images {
  position: absolute;
  left: 50%;
}

#slide_photo #images #images_inner {
  position: absolute;
  left: 0px;
}

#size1008 #slide_photo #images {
  margin-left: -504px;
}

#size795 #slide_photo #images {
  margin-left: -397.5px;
}

#size720 #slide_photo #images {
  margin-left: -360px;
}

#size480 #slide_photo #images {
  margin-left: -240px;
}

#size318 #slide_photo #images {
  margin-left: -159px;
}

#slide_photo #images .image {
  position: absolute;
  left: 0;
}

#slide_photo #slide_photo_controller {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 15;
}

#size1008 #slide_photo_controller {
  margin-left: -504px;
}

#size795 #slide_photo_controller {
  margin-left: -397.5px;
}

#size720 #slide_photo_controller {
  margin-left: -360px;
}

#size480 #slide_photo_controller {
  margin-left: -240px;
}

#size318 #slide_photo_controller {
  margin-left: -159px;
}

#slide_photo #images .image {
  position: absolute;
  left: 0;
}

#slide_photo #images .image img {
  display: block;
  width: 1008px;
}

#slide_photo #images .image .cover {
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #000;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

#slide_photo #images .image.current .cover {
  display: none;
}

#size1008 #slide_photo #images .image img {
  width: 1008px;
}

#size795 #slide_photo #images .image img {
  width: 795px;
}

#size720 #slide_photo #images .image img {
  width: 720px;
}

#size480 #slide_photo #images .image img {
  width: 480px;
}

#size318 #slide_photo #images .image img {
  width: 318px;
}

#slide_photo #images .image img:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#size1008 #slide_photo_controller {
  width: 1008px;
  top: 138px;
}

#size795 #slide_photo_controller {
  width: 795px;
  top: 106.5px;
}

#size720 #slide_photo_controller {
  width: 720px;
  top: 95px;
}

#size480 #slide_photo_controller {
  width: 480px;
  top: 59.5px;
}

#size318 #slide_photo_controller {
  width: 318px;
  top: 35.3px;
}

#slide_photo .prev {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 20px;
  cursor: pointer;
  background: url("img/bt_prev.png") no-repeat;
  background-size: 25px;
}

#slide_photo .next {
  position: absolute;
  width: 25px;
  height: 25px;
  right: 20px;
  cursor: pointer;
  background: url("img/bt_next.png") no-repeat;
  background-size: 25px;
}

#slide_photo .prev:hover,
#slide_photo .next:hover {
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}

/* ----------------------------------------------------------------------------
 contents_large
---------------------------------------------------------------------------- */
#contents_large {
  width: 960px;
  margin: 0 auto;
}

#contents_large .blocks {
  position: relative;
  width: 224px;
  height: 290px;
  float: left;
  margin: 8px;
}

#contents_large .blocks:hover {
  text-decoration: none;
}

#contents_large .blocks .icon_new {
  position: absolute;
  top: 140px;
  right: 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background: url("../img/icon_NEW.png") no-repeat;
}

#contents_large .blocks span {
  display: block;
}

#contents_large .blocks .catch {
  height: 25px;
  margin-bottom: 15px;
  padding-left: 30px;
  font-size: 11px;
  line-height: 13px;
  overflow: hidden;
}

#contents_large .blocks span em {
  font-weight: bold;
  font-style: normal;
}

#contents_large .blocks .thumbnail {
  display: block;
  margin-bottom: 10px;
}

#contents_large .blocks strong {
  display: block;
  margin-bottom: 10px;
  height: 57px;
  color: #000;
  font-size: 115%;
  line-height: 17px;
  overflow: hidden;
}

#contents_large .blocks .date {
  float: left;
  font-size: 11px;
  color: #ADADAD;
}

#contents_large .blocks .more {
  display: block;
  float: right;
  width: 69px;
  height: 26px;
  text-indent: -9999px;
  background: url("img/bt_more_green.png") no-repeat;
}

/* hover --------------------------------------- */
#contents_large .blocks:hover .thumbnail {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#contents_large .blocks:hover strong {
  color: #777;
  text-decoration: underline;
}

#contents_large .blocks:hover .more {
  background: url("img/bt_more_red.png") no-repeat;
}

/* ----------------------------------------------------------------------------
 contents_large2
---------------------------------------------------------------------------- */
#contents_large2 {
  width: 960px;
  margin: 0 auto 20px;
}

#contents_large2 .blocks {
  position: relative;
  width: 224px;
  height: 250px;
  float: left;
  margin: 11px;
}

#contents_large2 .blocks:hover {
  text-decoration: none;
}

#contents_large2 .blocks .icon_new {
  position: absolute;
  top: 77px;
  right: 5px;
  width: 47px;
  height: 47px;
  text-indent: -9999px;
  background: url("../img/icon_NEW.png") no-repeat;
  z-index: 100;
}

#contents_large2 .blocks span {
  display: block;
}

#contents_large2 .blocks .catch {
  height: 25px;
  width: 160px;
  padding: 5px 29px 5px 35px;
  font-size: 11px;
  line-height: 13px;
  overflow: hidden;
  position: absolute;
  top: 95px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 90;
}

#contents_large2 .blocks span em {
  font-weight: bold;
  font-style: normal;
}

#contents_large2 .blocks .thumbnail {
  display: block;
  margin-bottom: 10px;
}

#contents_large2 .blocks strong {
  margin-bottom: 10px;
  height: 50px;
  color: #000;
  font-size: 115%;
  line-height: 17px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#contents_large2 .blocks strong b {
  color: #ff0000;
}

#contents_large2 .blocks .date {
  float: left;
  font-size: 11px;
  color: #ADADAD;
}

#contents_large2 .blocks .more {
  display: block;
  float: right;
  width: 69px;
  height: 26px;
  text-indent: -9999px;
  background: url("img/bt_more_green.png") no-repeat;
}

/* hover --------------------------------------- */
#contents_large2 .blocks:hover .thumbnail {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#contents_large2 .blocks:hover strong {
  color: #777;
  text-decoration: underline;
}

#contents_large2 .blocks:hover .more {
  background: url("img/bt_more_red.png") no-repeat;
}

/* ----------------------------------------------------------------------------
 contents_small
---------------------------------------------------------------------------- */
#contents_small {
  width: 954px;
  margin: 0 auto;
}

#contents_small .blocks {
  position: relative;
  float: left;
  width: 143px;
  height: 370px;
  margin: 8px;
  padding-top: 10px;
  border-top: 1px solid #DEDEDE;
}

#contents_small .blocks:hover {
  text-decoration: none;
}

#contents_small .blocks span {
  display: block;
}

#contents_small .blocks .icon_new {
  position: absolute;
  top: 163px;
  right: 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background: url("../img/icon_NEW.png") no-repeat;
  z-index: 100;
}

#contents_small .blocks .icon_new2 {
  position: absolute;
  top: 124px;
  right: 3px;
  width: 37px;
  height: 37px;
  text-indent: -9999px;
  background: url("../img/icon_NEW2.png") no-repeat;
  z-index: 100;
}

#contents_small .blocks .thumbnail {
  display: block;
  margin-bottom: 10px;
}

#contents_small .blocks .catch {
  height: 25px;
  margin-bottom: 15px;
  padding-left: 28px;
  font-size: 10px;
  line-height: 13px;
  overflow: hidden;
}

#contents_small .blocks strong {
  display: block;
  height: 50px;
  color: #000;
  font-size: 115%;
  line-height: 17px;
  overflow: hidden;
  margin-bottom: 10px;
}

#contents_small .blocks .text {
  height: 50px;
  margin-bottom: 15px;
  font-size: 11px;
  color: #525252;
  line-height: 16px;
  overflow: hidden;
}

#contents_small .blocks .date {
  font-size: 11px;
  color: #ADADAD;
}

/* hover --------------------------------------- */
#contents_small .blocks:hover .thumbnail,
#contents_small .blocks:hover .catch {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#contents_small .blocks:hover strong {
  color: #777;
  text-decoration: underline;
}

/* 202402追加 */
/* ----------------------------------------------------------------------------
 office_tanbou
---------------------------------------------------------------------------- */
.tanbou_logo {
  text-align: center;
  border-top: 1px solid #dedede;
  margin: 0 0 20px;
  padding: 48px 0 0;
}
.tanbou_logo img {
  max-width: 80%;
}

#contents_tanbou {
  width: 960px;
  margin: 0 auto 80px;
}
#contents_tanbou .blocks {
  position: relative;
  width: 294px;
  height: 307px;
  float: left;
  margin: 20px;
  /* hover --------------------------------------- */
}
#contents_tanbou .blocks:hover {
  text-decoration: none;
}
#contents_tanbou .blocks .icon_new {
  position: absolute;
  top: 119px;
  right: 5px;
  width: 47px;
  height: 47px;
  text-indent: -9999px;
  background: url("../img/icon_NEW.png") no-repeat;
  z-index: 100;
}
#contents_tanbou .blocks span {
  display: block;
}
#contents_tanbou .blocks .catch {
  height: 25px;
  width: 160px;
  padding: 5px 29px 5px 35px;
  font-size: 11px;
  line-height: 13px;
  overflow: hidden;
  position: absolute;
  top: 95px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 90;
}
#contents_tanbou .blocks span em {
  font-weight: bold;
  font-style: normal;
}
#contents_tanbou .blocks .thumbnail {
  display: block;
  margin-bottom: 5px;
}
#contents_tanbou .blocks .ttl {
  height: 40px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
#contents_tanbou .blocks strong {
  color: #000;
  font-size: 125%;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#contents_tanbou .blocks strong b {
  color: #ff0000;
}
#contents_tanbou .blocks p {
  margin: 0 0 10px;
  display: -webkit-box;
  line-height: 17px;
  height: 51px;
  font-size: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #000;
}
#contents_tanbou .blocks .date {
  float: left;
  font-size: 11px;
  color: #ADADAD;
}
#contents_tanbou .blocks .more {
  display: block;
  float: right;
  width: 69px;
  height: 26px;
  text-indent: -9999px;
  background: url("img/bt_more_blue.png") no-repeat;
}
#contents_tanbou .blocks:hover .thumbnail {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#contents_tanbou .blocks:hover strong {
  color: #777;
  text-decoration: underline;
}
#contents_tanbou .blocks:hover .more {
  background: url("img/bt_more_red.png") no-repeat;
}

.sp-only {
  display: block !important;
}
@media (min-width: 811px) {
  .sp-only {
    display: none !important;
  }
}

.pc-only {
  display: none !important;
}
@media (min-width: 811px) {
  .pc-only {
    display: block !important;
  }
}/*# sourceMappingURL=style.css.map */