body.post-type-archive-material div#key_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  /*a.has_detail,
			div.key_content
			{
				margin-bottom : 45px;
				h2{
					font-size : 25px
				}	
				p{
					margin-top : 2px;
				}
			}*/
  /*div.key_content{
				h2{
					font-size : 18px;
				}
			}*/
  /*a,
			div.key_content
			{
				width : 47%;
				img{
					//height : 130px;
				}
			}*/
  /*div.key_content {
				width : 23%;
				
				@media (min-width : 901px) and (max-width : 1140px){
						width : 32%;					
				}
				@media (max-width : 900px){
						width : 48%;						
				}
				@media (max-width : 640px){
						width : 100%;
											
				}
				img{
					max-height : 130px;
				}
			}*/ }
  body.post-type-archive-material div#key_list a.has_detail,
  body.post-type-archive-material div#key_list div.key_content {
    display: block;
    width: 45%;
    margin-right: 4%;
    margin-bottom: 35px;
    margin-bottom: 45px;
    border: 1px solid #dddddd;
    padding: 15px;
    padding-bottom: 25px;
    position: relative;
    box-shadow: 0px 0px 5px 2px #dcdcdc;
    text-align: center; }
    @media (max-width: 640px) {
      body.post-type-archive-material div#key_list a.has_detail,
      body.post-type-archive-material div#key_list div.key_content {
        width: 100%; } }
    body.post-type-archive-material div#key_list a.has_detail div.catchphrase,
    body.post-type-archive-material div#key_list div.key_content div.catchphrase {
      color: #005bac;
      border-bottom: 1px solid #005bac;
      padding-bottom: 5px;
      line-height: 1.3em;
      text-align: left; }
      @media (max-width: 900px) {
        body.post-type-archive-material div#key_list a.has_detail div.catchphrase,
        body.post-type-archive-material div#key_list div.key_content div.catchphrase {
          font-size: 17px; } }
      @media (max-width: 480px) {
        body.post-type-archive-material div#key_list a.has_detail div.catchphrase,
        body.post-type-archive-material div#key_list div.key_content div.catchphrase {
          font-size: 15px; } }
    body.post-type-archive-material div#key_list a.has_detail h2,
    body.post-type-archive-material div#key_list div.key_content h2 {
      margin: 0;
      margin-top: 10px;
      color: #005bac;
      font-size: 25px;
      line-height: 1.4em;
      text-align: left; }
      @media (max-width: 900px) {
        body.post-type-archive-material div#key_list a.has_detail h2,
        body.post-type-archive-material div#key_list div.key_content h2 {
          font-size: 22px; } }
      @media (max-width: 480px) {
        body.post-type-archive-material div#key_list a.has_detail h2,
        body.post-type-archive-material div#key_list div.key_content h2 {
          font-size: 17px; } }
    body.post-type-archive-material div#key_list a.has_detail p,
    body.post-type-archive-material div#key_list div.key_content p {
      margin-top: 2px; }
    body.post-type-archive-material div#key_list a.has_detail div.list_text,
    body.post-type-archive-material div#key_list div.key_content div.list_text {
      text-align: left;
      color: #444; }
      body.post-type-archive-material div#key_list a.has_detail div.list_text div.blue_gradation,
      body.post-type-archive-material div#key_list div.key_content div.list_text div.blue_gradation {
        color: #fff;
        padding: 8px;
        width: 220px;
        margin: 10px auto 0; }
    body.post-type-archive-material div#key_list a.has_detail small,
    body.post-type-archive-material div#key_list div.key_content small {
      color: #005bac;
      right: 0;
      bottom: -5px; }