@charset "UTF-8";/* CSS変数の宣言 */
/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */
/*Q*/
/*テンプレートのデザイン削除*/
[class^="list-design1"] .item p:nth-child(2){background:none;
}

.list-design1-circle .item p:nth-child(2){
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background:rgba(var(--AsahikawaColorRGB), 0.7);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 90px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  font-family: "Times New Roman", Times, "YuMincho", "Hiragino Mincho ProN", serif;
}

/*円の下にh4とp並べるためwrap*/
.item-wrap {
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
   width: calc(100% / 3 - 2rem );
   margin:0 auto;
   padding:0%;
  height:100%;
}

 [class^="list-design1"].column3 > .contents-wrap .item{
 /* margin-left: 1rem;
  margin-right: 1rem;
  overflow: hidden;*/
 /* width: calc(100% / 3 - 2rem );*/
  margin:0 auto;
 width:100%;
  height:100%;
  border:none;
}

.list-design1-circle .item-wrap h4 {
  text-align: center;
  font-size:1.6em;
  margin:1em auto;
}

@media (max-width: 767.99px) {
   [class^="list-design1"].column3 > .contents-wrap {
    display: block;
   }
   .item-wrap {
    width:90%;
    margin:1rem auto;
   }
}