@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 640px){
  .renew_headtext{width: 750px;margin:0 auto;padding:50px 0 30px;text-align: center;}
  .renew_headtext img{max-width: 450px;}
  .renew_text {text-align: center;margin-bottom: 30px;font-size: 13pt;font-weight: 700;line-height: 1.8;}

.renew_wrap{width: 1080px;background:#f8f8f8;margin: 0 auto 100px;border:4px solid #000;}
.renew_list{list-style-type: none;padding:20px;display: inline-flex; border-bottom: solid 1px #ccc;align-items:center;width: 100%;}
.renew_list2{list-style-type: none;padding:20px;display: inline-flex; border-bottom: solid 1px #fff;align-items:center;width: 100%;background:#ddd;}
.renew_list2:hover{background:#eee;}
.renew_box,.renew_item,.renew_id,.renew_head, .renew_c　{display: inline-flex;align-items:center;}

.renew_id{font-family: oswald;font-size: 32px;width: 50px;font-weight: 700;text-align: center;display: inline-block;}
.renew_head{width: 230px;font-size: 14px;text-align: left;display: inline-block;padding:10px 20px 10px 10px;font-weight: 700;}

.renew_c{width: 80px;}
.renew_c img{max-width: 100%;}

.renew_img{width: 200px;text-align: right;}
.renew_img img{max-width: 100%;}

.says {
	font-size: 13px;
	width: 420px;
  display: inline-block;
  position: relative; 
  margin: 5px 20px 5px 0 ;
  padding: 17px 13px;
  border-radius: 12px;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
}

.says1{background: #feefcc;}
.says1:after {border-right: 12px solid #feefcc;}
.says2{background: #d7ebfe;}
.says2:after {border-right: 12px solid #d7ebfe;}
.says p {
  margin: 0;
  padding: 0;
}
.hatena{display: flex;width:100%;}
.hatena1{font-family: oswald;font-size: 32px;width: 50px;font-weight: 700;text-align: center;display: inline-block;}
.hatena2{padding:10px;display: inline-block;width:90%;text-align: center;}
.hatena2 img{max-width: 22px;}
}




@media screen and (max-width: 639px){


  .renew_headtext{width: 100%;margin:0 auto;padding:10% 0 5%;text-align: center;}
  .renew_headtext img{max-width: 300px;}
  .renew_text {text-align: center;margin-bottom: 4%;font-size: 0.9em;font-weight: 700;line-height: 1.8;}

.renew_wrap{width: 96%;background:#f8f8f8;margin: 0 auto 10%;border:4px solid #000;display: flex;flex-direction: column;}
.renew_list{list-style-type: none;padding:20px; border-bottom: solid 1px #ccc;width: 100%;}
.renew_list2{list-style-type: none;padding:20px;display: inline-flex; border-bottom: solid 1px #fff;align-items:center;justify-content: space-around;width: 100%;background: #ddd;}
.renew_list2:hover{background:#eee;}
.renew_box{display:flex;align-items: center;}
.renew_item,.renew_id,.renew_head, .renew_c　{display: inline-flex;align-items:center;}


.renew_id{font-family: oswald;font-size: 2em;font-weight: 700;text-align: center;display: inline-block;}
.renew_head{width: 100%;font-size: 1em;text-align: left;display: inline-block;padding-left:4%;font-weight: 700;}

.renew_c{width: 80px;}
.renew_c img{max-width: 100%;}

.renew_item{flex-basis:62%;padding-right: 1%;}
.renew_img{width: 100%;text-align: right;flex-basis:38%;}
.renew_img img{max-width: 100%;display: block;}


.says {
	font-size: 0.9em;
	width: 65%;
  display: inline-block;
  position: relative; 
  margin: 5px 5px 5px 0 ;
  padding: 7px 7px;
  border-radius: 12px;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
}

.says1{background: #feefcc;}
.says1:after {border-right: 12px solid #feefcc;}
.says2{background: #d7ebfe;}
.says2:after {border-right: 12px solid #d7ebfe;}
.says p {
  margin: 0;
  padding: 0;
}
.hatena{display: flex;width:100%;}
.hatena2{display: inline-block;width:80%;text-align: center;padding-top: 10px;}
.hatena2 img{max-width: 20px;}
.top1{background-position: center  top 0%;background-size: 200%;}
}