@charset "UTF-8";
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { .contents_name { margin: 0 0 30px 0; padding: 0 0 15px 0; }
  .contents_name h2 { font-size: 12px; }
  .contents_name p { margin: 0 15px 0 0; padding: 0 15px 0 0; background: url("../img/icon_01.png") right center no-repeat; background-size: auto 20px; font-size: 22px; }
  .contents_name p.more_txt { margin: 0; padding: 0; background: none; font-size: 15px; position: absolute; right: 0; }
  .contents_name p.more_txt a { display: block; width: 90px; line-height: 32px; font-size: 15px; text-align: center; } }
/*640px*/
/*--------------------------------------------------------------------------
	更新情報
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { .top_topics { padding: 30px 10px 25px 10px; }
  .top_topics .topics_area .contents_name { margin: 0 0 10px 0; }
  .top_topics .topics_area dl { padding: 18px 10px 18px 10px; flex-wrap: wrap; flex-direction: column; }
  .top_topics .topics_area dl dt { margin: 0 0 5px 0; width: 100%; }
  .top_topics .topics_area dl dt span.ymd { font-size: 13px; }
  .top_topics .topics_area dl dt span.category { margin: 0 0 0 10px; font-size: 12px; }
  .top_topics .topics_area dl dd { width: 100%; flex: none; -webkit-flex: none; }
  .top_topics .topics_area dl dd span.type_main { margin: 0 10px 0 0; width: 130px; font-size: 11px; } }
/*640px*/
/*-----------------------------------------
	EVENT
-----------------------------------------*/
@media screen and (max-width: 1100px) { .top_event_list .post.post_one > div > a .item .event_ph { width: 40%; }
  .top_event_list .post.post_one > div > a .item .info { padding: 0 0 0 30px; } }
/*1100px*/
@media screen and (max-width: 800px) { .top_event_list .post.post_one > div > a .item .event_ph { width: 35%; } }
/*900px*/
@media screen and (max-width: 640px) { .top_event { margin: 50px auto 0 auto; }
  .top_event .back_btn { margin: 30px auto 0 auto; }
  .top_event_list .post { padding: 0; }
  .top_event_list .post > div { width: 100%; padding: 0; }
  .top_event_list .post > div:nth-of-type(n+2), .top_event_list .post > div:nth-of-type(n+3) { margin: 20px 0 0 0; }
  .top_event_list .post > div > a { padding: 10px; }
  .top_event_list .post > div > a .item { display: flex; width: 100%; }
  .top_event_list .post > div > a .item .event_ph { padding: 0 10px 0 0; width: 110px; }
  .top_event_list .post > div > a .item .info { padding: 0; flex: 1; -webkit-flex: 1; }
  .top_event_list .post > div > a .item .info .type { margin: 0 0 5px 0; }
  .top_event_list .post > div > a .item .info .type .cat { width: 120px; line-height: 26px; font-size: 12px; }
  .top_event_list .post > div > a .item .info h3 { font-size: 14px; }
  .top_event_list .post > div > a .item .info .data dl { margin: 5px 0 0 0; }
  .top_event_list .post > div > a .item .info .data dl:first-of-type { margin: 10px 0 0 0; }
  .top_event_list .post > div > a .item .info .data dl dt { padding: 0 0 1px 0; width: 52px; }
  .top_event_list .post > div > a .item .info .data dl dd { padding: 0 0 1px 10px; }
  .top_event_list .post.post_one > div > a .item .event_ph { padding: 0 10px 0 0; width: 110px; }
  .top_event_list .post.post_one > div > a .item .info { padding: 0; } }
/*640px*/
/*-----------------------------------------
	WORKS
-----------------------------------------*/
@media screen and (max-width: 1000px) { .top_works .works_ph .item .mask .mask_sbj { padding: 15px; }
  .top_works .works_ph .item .mask .mask_sbj > span { font-size: 14px; } }
/*1000px*/
@media screen and (max-width: 640px) { .top_works { margin: 50px auto 0 auto; }
  .top_works .works_ph .item { width: calc(100%/2); }
  .top_works .works_ph .item .mask .mask_sbj { padding: 10px; }
  .top_works .works_ph .item .mask .mask_sbj > span { font-size: 12px; }
  .top_works .back_btn { margin: 30px auto 0 auto; } }
/*640px*/
@media screen and (max-width: 540px) { .top_works .works_ph .item .mask .mask_sbj > span { display: none; } }
/*540px*/
/*-----------------------------------------
	美建ホームのこだわり
-----------------------------------------*/
@media screen and (max-width: 640px) { .top_confidence { margin: 50px auto 0 auto; padding: 160px 20px 0 20px; background: url("../../img/top_concept_sp.jpg") no-repeat center center; background-size: auto 466px; align-items: flex-start; min-height: 466px; }
  .top_confidence .frm h2 { font-size: 23px; letter-spacing: 0.14em; }
  .top_confidence .frm .msg { margin: 10px 0 25px 0; max-width: 640px; }
  .top_confidence .back_btn { margin: 0 auto; } }
/*640px*/
/*-----------------------------------------
	最新工事状況
-----------------------------------------*/
@media screen and (max-width: 1100px) { .top_const .post a { padding: 0 15px; } }
/*1100px*/
@media screen and (max-width: 900px) { .top_const { max-width: 800px; }
  .top_const .post { flex-wrap: wrap; }
  .top_const .post a { padding: 0 20px; width: calc(100%/2); }
  .top_const .post a:nth-of-type(n+3) { padding: 40px 20px 0 20px; } }
/*900px*/
@media screen and (max-width: 640px) { .top_const { margin: 50px auto 0 auto; }
  .top_const .contents_name { margin: 0 0 15px 0; }
  .top_const .post a { padding: 0; width: 100%; }
  .top_const .post a:nth-of-type(n+2), .top_const .post a:nth-of-type(n+3) { padding: 30px 0 0 0; }
  .top_const .post a .item { flex-direction: row; }
  .top_const .post a .item .const_ph { padding: 0 10px 0 0; width: 110px; }
  .top_const .post a .item .data { flex: 1; -webkit-flex: 1; }
  .top_const .post a .item .data p { margin: 0; font-size: 13px; }
  .top_const .post a .item .data h3 { font-size: 14px; }
  .top_const .post a .item .data h4 { margin: 4px 0 0 0; padding: 4px 0 0 0; font-size: 13px; } }
/*640px*/

/*# sourceMappingURL=sp_top.css.map */