@charset "UTF-8";/* CSS変数の宣言 */
/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */
a,
a:visited {
  text-decoration: none;
}

ol,
ul {
    list-style: none;
}

img {
    max-width: 100%;
    border-style: none;
}


/* list-design5-1
---------------------------------------------- */
.list-design5-1 a{
  display: grid;
  place-items: normal start;
  min-height: 80%;
  margin: 0.5rem 0.5rem 1.5rem;
  font-size: 1.2rem;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1.5;
  border: solid;
  border-color: var(--accentColor);
}
.list-design5-1.angle-circle a{/* 角丸：あり */
  border-radius: 12px;
}
.list-design5-1.inner-center a{/* コンテンツ中身の配置：中央 */
  text-align: center;
}
.list-design5-1.inner-left a{/* コンテンツ中身の配置：左 */
  text-align: left;
}

.list-design5-1 .li:hover{
  transform: scale(1.07);
}

.list-design5-1 .a:hover{
  background:var(--accentColor);
}

.list-design5-1 .li a:hover{
  color:#fff;
}




/* 列ごとの幅設定 */


.list-design5-1.column3 li{
  width: calc(100% / 3);
}
.list-design5-1.column3 li a{
  padding: 1.0rem 1rem;
}

/* list-design 列数固定解除
---------------------------------------------- */

@media (max-width:575px) {
    /* list-deign5-1 */
    .list-design5-1.column3 > .contents-wrap,

    .list-design5-1.column3 li,
    .list-design5-1.column-auto > .contents-wrap{
      width: 90%;
    }
}

h4{
  padding: 0 2.5rem;
  font-size: 1.5rem;
  font-weight: bold;
}


/* aのstyle解除し文字列に */
.a-moji{}



/* パノラマサブページ */

.list-design4-1 .item{
  margin: 0.5rem;
  border: 1px solid var(--borderColor);
  background-color: #ffffff;
  display: block;
  padding:0;
}

.list-design4-1.angle-circle .item{
  overflow: hidden;/* 角丸：あり */
  border-radius: 12px;
}
.list-design4-1 .item >div{
  overflow: hidden;
}
.list-design4-1 .item img{
  display: block;
  object-fit: cover;
  object-position:50% 0%;
  width: 100%;
  height: 30%;
  min-height: 240px;
  max-height: 320px;
  transition: transform .6s ease;
}
.list-design4-1.angle-circle .item img{
  border-radius: 12px 12px 0 0;
}

.list-design4-1 .item h4{
  display: block;
  padding: 1rem 1.5rem ;
  font-size:1.5rem;
  line-height:1.5;
  transition: .3s ease;
}

.list-design4-1 .item img:hover{
  transform: scale(1.07); 
}

.list-design4-1 .item p{
  padding: 1rem 1.5rem;
  font-size: 1.0rem;
  line-height:1.75;
}

.list-design4-1.inner-center .item h4,
.list-design4-1.inner-center .item p{/* コンテンツ中身の配置：中央 */
  text-align: center;
}


.list-design4-1.column3 .item{
  overflow: hidden;
  width: calc(100% / 3 - 1rem);
}

ul.point-list{
  padding:2rem 2rem;
}

ul.point-list li{
  padding:0;
  white-space:normal;
}
ul.point-list li a{
  text-decoration:underline;
}
@media (max-width:575px) {

.list-design4-1.column3 .item{
  overflow: hidden;
  width: 90%;
  margin:0 auto;
}

}