.type{
text-align: center;	
margin-top:50px;
}

.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;
border-radius:15px;
}
.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;
border-radius:15px 15px 0px 0px;
}

.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 em{
  font-size:12px;
  font-family: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
  font-style:normal;
  padding-left:19px;
  letter-spacing:0.04em;
}

@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!important;;
  }
  
.card1_al{
  width:85%;
  }
  }