dl {
         padding: 10px;
         background-color: #eee;

    }
	h5{
	color: rgb(0, 179, 206);
	}
	.service_tag{
			color: #DD0000;
	}
	.new{
		color: white;
		font-size:16px;
	    position: relative;
	    background-color: #DD0000;
	    width: 100%;
	    max-width: 384px;
	    margin: 30px 5px 20px;
	    padding: 0px 5px;
	    aspect-ratio: 16/9;
	}
	.new::before{
	    background-color: #DD0000;
	    padding: 100px 500px;
	}
	.link{
		color: white;
		font-size:16px;
	    position: relative;
	    background-color: #000080;
	    width: 100%;
	    max-width: 384px;
	    margin: 30px 5px 20px;
	    padding: 0px 5px;
	    aspect-ratio: 16/9;
	}
	
	
@media screen and (max-width: 480px){
	.information{
	  background-color: #eee;
      padding: 10px;	
	  margin: 0 auto;
	  padding: 0;
	  width: 100%;  /* コンテンツが見切れて見えるようにする */
	  overflow-x: auto;  /* 横スクロールの指定 */
	  white-space: nowrap;  /* 横スクロールの指定 */
	  overflow-scrolling: touch;  /* スクロールを滑らかにする */
	  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
	}
	.information li{
	  display: inline-block;  /* 横並びにする指定 */
	  list-style: none;
	  height: 50px;
	  /* height: 450px; */  /* 横スクロールする範囲の高さを指定 */
	}
	.list1{
	  margin-left: 0;
	}
	.list2, .list3{
	  margin-left: 0px;
	}
	
	.about_overview img {
		width: 100%;
	}
}