.type{
text-align: center;	
}

.type span{
font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
color:#000;
font-size:25px;
font-weight:bold;
letter-spacing:0.05em;  
}

.warplist1{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}

/*タイトル付き（見出しボックス）*/
.card1_al{
margin: 2em auto; /* ボックスの余白 */
background-color: #fff; /* ボックス背景色 */
padding: 4em 2em 2em; /* ボックス内側余白 */
position:relative; /*配置(ここを基準に)*/
box-shadow: 0px 1px 5px rgba(0,0,0,0.1);/*ボックス影*/
width:400px;
}
.card1_al .box-title {
background-color: #FFCC05; /* タイトル背景色 */
font-size: 20px;/* タイトル文字の大きさ */
color:#000;/* タイトル文字色 */
padding:10px;/*タイトル余白*/
text-align: center;	/* タイトル中央寄せ */
position:absolute;	/* 配置(ここを動かす) */
top:0;	/*上から(0px)に配置 */
left:0; /*左から(0px)に配置 */
width:100%;/*横幅最大幅 */
font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
font-weight:bold;
letter-spacing:0.07em;
}

.card1_al p{
  font-size:16px;
  font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  letter-spacing:0.04em;
  line-height:1.8em;
   color:#000;
}

.card1_al img{
  display:block;
  position:relative;
  width:65%;
  left:0;
  right:0;
  margin:auto;
}

@media screen and (max-width:768px) { 
   {/* スクリーンサイズが768px以下の場合に適用 */}

@media screen and (max-width:480px) { 
   {/* スクリーンサイズが480px以下の場合に適用 */} 
  
.type span{
  font-size:18px!important;
  }
  
.card1_al .box-title {
  font-size:16px;
  } 
  .card1_al p{
    font-size:15px;
  }
  
.card1_al{
  width:85%;
  }
  }