@charset "UTF-8";
.hdr {
  margin: 0 0 40px; }

.kaso_01 {
  width: 100%;
  background: #f5f5f5; }

.kaso_01-inr {
  width: 100%;
  max-width: 924px;
  padding: 35px 0;
  margin: 0 auto; }

@media (min-width: 576px) {
  /*181010　中村修正（マイページ等のコンテンツ幅崩れのため）
	.container {
    max-width: 100% !important; }*/ }
.circle-list {
  margin: 0 0 60px; }
  .circle-list ul {
    letter-spacing: -.4em; }
    .circle-list ul li {
      width: 22.7%;
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal;
      margin: 0 0 20px; }
      .circle-list ul li:nth-child(4) {
        margin: 0; }
      .circle-list ul li dl {
        overflow: hidden;
        margin-top: 10px; }
        .circle-list ul li dl dt {
			font-weight: normal;
          float: left; }
        .circle-list ul li dl dd {
			font-weight: bold;
          margin: 0 0 5px; }
          .circle-list ul li .image-box{
            width:210px;
            height: 190px;
            background: #fff;
			  overflow: hidden;
			  background-size: cover;
              background-position: center center;

          }
          .circle-list ul li .image-box img{
			  height: 100%;
			  width: auto;
			  min-width: 210px;
          }
          .pagination{
            justify-content: center;
          }

.paging {
  width: 100%;
  display: table; }

.paging-num {
  width: 280px;
  display: table-cell;
  vertical-align: middle; }
  .paging-num li {
    display: inline-block;
    margin: 0 4px 0 0; }
    .paging-num li.active span{
       display: block;
      padding: 5px 9px;
    }
    .paging-num li a {
      display: block;
      padding: 5px 9px;
      background: #fff; }
  .paging-num .active a {
    color: #fff;
    background: #54c3f1; }
   .paging-num li.disabled{
    display: none;
   }

.paging-input {
  width: 150px;
  display: table-cell; }
  .paging-input input {
    width: 50px; }


.pagination li:nth-of-type(1) {
  max-width: 100%;
  /*a {
    width: 100%;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    color: #54c3f1;
    text-align: center;
    border: 1px solid #505050;
    padding: 10px 0;
    &:before {
      content: '';
      width: 15px;
      height: 24px;
      display: inline-block;
      vertical-align: middle;
      background: url(../img/arw-right-blue-r.png) no-repeat;
      margin: 0 10px 0 0;
    }
  }*/ }

.pagination li:last-child {
  max-width: 100%;
  /*a {
    width: 100%;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    color: #54c3f1;
    text-align: center;
    border: 1px solid #505050;
    padding: 10px 0;
   &:after {
      content: '';
      width: 15px;
      height: 24px;
      display: inline-block;
      vertical-align: middle;
      background: url(../img/arw-right-blue-l.png) no-repeat;
      margin: 0 0 0 10px;
    }
  }*/ }

.pagination > li:first-child > span {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }

.pagination > li > a,
.pagination > li > span a {
  color: #333333; }

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #54c3f1;
  border-color: #54c3f1; }

/*924px以下*/
@media screen and (max-width: 923px) {
  .kaso_01-inr {
    padding: 35px 20px; }

  .main-srch {
    margin: 60px 0 0 !important; } }
/*SP*/
@media screen and (max-width: 768px) {
  .kaso_01-inr {
    padding: 30px 0; }

  .circle-list ul li {
    width: 50%;
    padding: 0 3% 6%;
    margin: 0; }

  .paging {
    text-align: center;
    display: block;
    padding: 0 3%; }

  .paging-num,
  .paging-input,
  .paging-btn {
    width: 100%;
    display: block;
    margin: 20px 0; }
    .circle-list ul li .image-box{
      width: 100%;
    height: 38vw;
    /* display: table-cell; */
    text-align: center;
    line-height: 38vw;
    /* background: #fff; */
    min-width: auto;
}
.circle-list ul li .image-box img{
  max-height: 38vw;
 }

}