@charset "UTF-8";
/* スマホ・タブレット
----------------------------------------------------------------------------

	フォント
	BMS記事リスト／記事絞り込みベース
	import

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	フォント
--------------------------------------------------------------------------*/
/*1000px*/
/*768px*/
@media screen and (max-width: 640px) { /*----- 管理エディタ用 -----*/
  .ql-size-small { font-size: 11px; }
  .ql-size-large { font-size: 16px; }
  .ql-size-huge { font-size: 20px; } }
/*640px*/
/*480px*/
/*--------------------------------------------------------------------------
	管理エディタ用　(ckeditorエディタ)
--------------------------------------------------------------------------*/
/*@mixin ck-content768*/
/*@mixin ck-content430*/
/*--------------------------------------------------------------------------
	import
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #event .event_post #nav_list, #event .event_close #nav_list { padding: 50px 0 0 0; }
  #event .event_post .back_btn, #event .event_close .back_btn { margin: 50px 0 0 0; } }
/*640px*/
/*--------------------------------------------------------------------------
	一覧
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #event .event_area #list .post { grid-template-columns: 300px 1fr; } }
/*900px*/
@media screen and (max-width: 768px) { #event .event_area #list .post { display: block; }
  #event .event_area #list .post + .post { margin-top: 60px; padding-top: 40px; }
  #event .event_area #list .post .photo a { max-width: 400px; margin: 0 auto 40px; } }
/*768px*/
@media screen and (max-width: 640px) { #event .event_area h2 { font-size: 40px; }
  #event .event_area #list { margin-top: 50px; }
  #event .event_area #list .post .photo a { max-width: 300px; margin: 0 auto 20px; }
  #event .event_area #list .post .information .cat span { font-size: 11px; }
  #event .event_area #list .post .information .cat span.type { width: 120px; }
  #event .event_area #list .post .information .cat span.appoint { width: 60px; }
  #event .event_area #list .post .information .cat + h3 { margin-top: 10px; }
  #event .event_area #list .post .information h3 { font-size: 18px; }
  #event .event_area #list .post .information .data dl { grid-template-columns: 70px 1fr; font-size: 13px; }
  #event .event_area #list .post .information .data dl dt, #event .event_area #list .post .information .data dl dd { padding: 5px 10px; }
  #event .event_area #list .post .information .data dl dt { font-size: 12px; }
  #event .event_area #list .post .information a.more { margin: 20px auto 0; }
  #event .event_area > #nav_list { margin: 50px auto 0 auto; padding: 50px 0 0 0; }
  #event .event_area > .back_btn { margin: 50px auto 0 auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	詳細
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #event .event_post .photodata { grid-template-columns: 300px 1fr; } }
/*900px*/
@media screen and (max-width: 768px) { #event .event_post .photodata { display: block; }
  #event .event_post .photodata .photo { width: 100%; max-width: 300px; margin: 0 auto 20px; }
  #event .event_post .photodata .data dl { grid-template-columns: 70px 1fr; }
  #event .event_post .eventdata #carousel { /*owl.thumbs 設定*/ }
  #event .event_post .eventdata #carousel .owl-thumbs .owl-thumb-item { width: 12.5%; } }
/*768px*/
@media screen and (max-width: 640px) { #event .event_post .cat span { font-size: 13px; }
  #event .event_post h2 { font-size: 18px; margin-bottom: 20px; padding-bottom: 10px; }
  #event .event_post .photodata { padding: 0 0 30px 0; }
  #event .event_post .photodata .data dl { font-size: 13px; }
  #event .event_post .appoint_btn { margin: 50px auto 0; }
  #event .event_post .eventdata { margin: 60px 0 0 0; padding: 25px 15px; /*#carousel*/ }
  #event .event_post .eventdata > div + h3 { margin-top: 60px; }
  #event .event_post .eventdata h3 { font-size: 22px; padding: 0 0 20px 30px; margin-bottom: 20px; background: url("../img/icon_brown.png") left top 3px no-repeat; background-size: 16px auto; }
  #event .event_post .eventdata .calender .pattern { column-gap: 10px; }
  #event .event_post .eventdata .calender .pattern div { font-size: 12px; column-gap: 5px; }
  #event .event_post .eventdata .calender .pattern div span { width: 18px; height: 18px; }
  #event .event_post .eventdata .calender .calender_month { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; row-gap: 20px; }
  #event .event_post .eventdata .calender .calender_month section { margin: 0 auto; }
  #event .event_post .eventdata .calender .att { font-size: 12px; }
  #event .event_post .eventdata #carousel { margin-top: 60px; /*カルーセルメイン写真　設定*/ /*.owl-carousel*/ /*owl.thumbs 設定*/ /*.owl-thumbs*/ }
  #event .event_post .eventdata #carousel .owl-carousel { /*アイコンナビ　設定*/ /*送りナビ（next/prev） 設定*/ }
  #event .event_post .eventdata #carousel .owl-carousel .owl-stage-outer { margin-bottom: 20px; }
  #event .event_post .eventdata #carousel .owl-carousel .owl-stage-outer img { max-height: 340px; }
  #event .event_post .eventdata #carousel .owl-carousel .owl-stage-outer article p { padding: 15px 0 20px; }
  #event .event_post .eventdata #carousel .owl-carousel .owl-dots { display: block; text-align: center; }
  #event .event_post .eventdata #carousel .owl-carousel .owl-dots .owl-dot { margin: 0 5px 5px 5px; border: 1px solid #524b49; display: inline-block; width: 11px; height: 11px; background: #524b49; border-radius: 50%; }
  #event .event_post .eventdata #carousel .owl-carousel .owl-dots .owl-dot.active, #event .event_post .eventdata #carousel .owl-carousel .owl-dots .owl-dot.hover { border: 1px solid #3281a9; background: #3281a9; }
  #event .event_post .eventdata #carousel .owl-carousel .owl-nav [class*=owl-] { width: 30px; height: 80px; }
  #event .event_post .eventdata #carousel .owl-thumbs { display: none; }
  #event .event_post .data_link { margin: 50px auto 0; }
  #event .event_post .data_link ul li a { background-position: left 13px center; font-size: 13px; }
  #event .event_post .data_link ul li a:hover, #event .event_post .data_link ul li a:active { background-position: left 13px center; }
  #event .event_post .file_frm { padding: 20px 15px; }
  #event .event_post .file_frm h3 { margin: 0 0 10px 0; font-size: 19px; }
  #event .event_post .file_frm ul li a { padding: 15px 15px 15px 60px; background-position: left 15px center; background-size: 25px; } }
/*640px*/
/*--------------------------------------------------------------------------
	開催終了イベント
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #event .event_close .item_box { padding-bottom: 0; grid-template-columns: repeat(1, 1fr); row-gap: 10px; /* 行の間隔を設定 */ } }
/*900px*/
@media screen and (max-width: 640px) { #event .event_close > p { text-align: center; margin-bottom: 30px; }
  #event .event_close .item_box .item .inner_item { padding: 15px; }
  #event .event_close .item_box .item .photo { width: 100px; }
  #event .event_close .item_box .item section { padding: 0 0 0 10px; }
  #event .event_close .item_box .item section > span { font-size: 12px; }
  #event .event_close .item_box .item section h2 { font-size: 14px; }
  #event .event_close .item_box .item section dl { font-size: 13px; }
  #event .event_close .item_box .item section dl dt { width: 75px; } }
/*640px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #topics > section dl { padding: 15px; }
  #topics > section dl dt, #topics > section dl dd { display: block; }
  #topics > section dl dt { margin: 0 0 10px 0; width: 100%; }
  #topics > section dl dt span.ymd { margin: 0 15px 0 0; font-size: 13px; }
  #topics > section dl dt span.category { padding: 0 0 2px 0; width: 160px; line-height: 21px; font-size: 12px; }
  #topics > section dl dd { padding: 0; }
  #topics #nav_list { margin: 50px auto 0 auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #info #list a { padding: 15px 15px 12px 15px; }
  #info #list a .date, #info #list a h2, #info #list a h3 { display: block; width: 100%; }
  #info #list a .date { padding: 0 0 0 10px; border-left: 2px solid #2e2e7c; line-height: 1; width: 100%; font-size: 13px; text-align: left; }
  #info #list a h2, #info #list a h3 { padding: 10px 0 0 0; border-left: none; font-size: 13px; }
  #info #nav_list { margin: 50px auto 0 auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #info_ar #info_post { padding: 20px 15px; }
  #info_ar #info_post > div:nth-of-type(2) { margin: 30px auto 0 auto; }
  #info_ar #info_post > div:nth-of-type(n+3) { padding: 30px 0 0 0; border-top: 1px solid #c3bcac; }
  #info_ar #info_post .sbj_frm { margin: 0 auto 25px auto; }
  #info_ar #info_post .sbj_frm .sbj { padding: 0 0 0 25px; background: url("../img/icon_brown.png") no-repeat left top 1px; background-size: 16px auto; font-size: 17px; }
  #info_ar #info_post .title { padding: 0 0 20px 0; }
  #info_ar #info_post .title > div { padding: 0 0 0 15px; }
  #info_ar #info_post .title > div h2, #info_ar #info_post .title > div h3 { padding: 10px 0 0 0; font-size: 19px; }
  #info_ar #info_post .text.ck-content img { margin: 30px 15px 0 0; }
  #info_ar #info_post #photo > div { width: calc(50% - 15px); }
  #info_ar #info_post #photo > div:nth-of-type(n+4) { margin: 30px 0 0 0; }
  #info_ar #info_post #photo p { margin-top: 5px; font-size: 12px; }
  #info_ar #info_post #photo.post_one > div:first-of-type { margin: 0 auto 20px auto; }
  #info_ar #info_post .file .frm { padding: 20px 15px; }
  #info_ar #info_post .file h3, #info_ar #info_post .file h4 { font-size: 17px; }
  #info_ar #info_post .file a { padding: 15px 15px 15px 50px; background-position: left 20px center; background-size: 24px auto; }
  #info_ar .back_btn { margin: 50px auto 0 auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	施工実例共通
--------------------------------------------------------------------------*/
/*---------- 施工履歴 取得用 ----------*/
@media screen and (max-width: 640px) { #works_record_box { margin: 50px auto 0 auto; }
  #works_record_box #bt_area { margin-bottom: 15px; }
  #works_record_box #bt_area div:first-child { padding: 0 0 0 24px; background: url("../img/icon_brown.png") no-repeat left top 8px; background-size: 14px auto; font-size: 14px; }
  #works_record_box #bt_area div:last-child { text-align: right; }
  #works_record_box #bt_area div:last-child span { font-size: 12px; }
  #works_record_box #works_record a { width: calc(25% - 1px); }
  #works_record_box #works_record a p { display: none; } }
/*640px*/
@media screen and (max-width: 350px) { #works_record_box #works_record a { width: calc(33.33% - 1px); } }
/*350px*/
/*--------------------------------------------------------------------------
	施工実例共通 一覧
--------------------------------------------------------------------------*/
@media screen and (max-width: 1140px) { #works .search .type_select_area { max-width: 740px; }
  #works .search .type_select_area .type_box { display: block; width: 100%; }
  #works .search .type_select_area .entry_box { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #000; border-left: none; display: flex; display: -webkit-flex; width: 100%; text-align: left; }
  #works .search .type_select_area .entry_box > span { margin: 0 0 0 auto; } }
/*1140px*/
@media screen and (max-width: 900px) { #works .list .list_box section a .value_data ul { display: table; margin: 5px auto 0; width: 100%; max-width: 280px; }
  #works .list .list_box section a .value_data ul li { display: table-cell; padding: 0 5px 0; width: 33.33%; line-height: 1.3; letter-spacing: 0.05em; text-align: center; font-size: 11px; }
  #works .list .list_box section a .value_data ul li + li { border-left: 1px solid #333333; }
  #works .list .list_box section a .value_data ul li span { display: block; }
  #works .list .list_box section a .value_data ul.no_br li span { display: inline-block; } }
/*900px*/
@media screen and (max-width: 768px) { #works .search { padding: 0; }
  #works .search .type_select_area { margin: 0 auto; padding: 20px 0; max-width: 460px; }
  #works .search .type_select_area .type_box, #works .search .type_select_area .entry_box { display: flex; display: -webkit-flex; }
  #works .search .type_select_area .type_box dl, #works .search .type_select_area .entry_box dl { margin: 0; width: 50%; }
  #works .search .type_select_area .type_box dl:nth-of-type(n+3), #works .search .type_select_area .entry_box dl:nth-of-type(n+3) { margin: 10px 0 0 0; }
  #works .search .type_select_area .type_box dl dt, #works .search .type_select_area .entry_box dl dt { width: 65px; }
  #works .search .type_select_area .type_box dl dd select, #works .search .type_select_area .entry_box dl dd select { background-position: right 3px center; margin: 0; padding: 3px 12px 3px 3px; }
  #works .search .type_select_area .entry_box { flex-wrap: wrap; }
  #works .search .type_select_area .entry_box > span { margin: 0 auto; display: block; width: 100%; max-width: 460px; }
  #works .search .type_select_area .entry_box input { display: block; margin: 30px auto 0 auto; padding: 0 20px 0 10px; width: 160px; }
  #works .list .list_box section { padding: 0 10px 0; } }
/*768px*/
@media screen and (max-width: 640px) { #works .list .list_head div.count { padding: 0 0 0 25px; font-size: 14px; }
  #works .list .list_head div.record_btn span { font-size: 12px; }
  #works .list .list_box { margin-bottom: 30px; }
  #works .list .list_box section { width: 50%; padding: 0 5px; }
  #works .list .list_box section:nth-of-type(n+3), #works .list .list_box section:nth-of-type(n+4) { margin: 30px 0 0 0; }
  #works .list .list_box section a .photo { margin-bottom: 5px; }
  #works .list .list_box section a h2, #works .list .list_box section a h3 { line-height: 1.5; font-size: 13px; }
  #works #nav_list { padding: 0 10px; }
  #works #nav_list #pagenation { padding: 50px 0 0 0; }
  #works .search { margin: 0 0 50px 0; }
  #works .search .type_select .type { margin: 0 auto; display: flex; width: 100%; display: -webkit-flex; flex-wrap: wrap; max-width: 460px; }
  #works .search .type_select .type dl { margin: 10px 0 0 0; width: 50%; }
  #works .search .type_select .type dl dt { width: 60px; }
  #works .search .type_select .entry { margin: 20px 0 0 0; display: block; width: 100%; text-align: center; }
  #works .search .type_select .entry input { margin: 0; padding: 0; width: 160px; background: url("../../works/img/works_search.png") no-repeat #000 right 10px center; background-size: 14px auto; text-align: center; }
  #works .search .type_select .entry input:hover { background: url("../../works/img/works_search.png") no-repeat #866b39 right 10px center; background-size: 14px auto; }
  #works .search .sp_box { padding: 12px 10px; display: block; text-align: center; }
  #works .search .sp_box:hover { cursor: pointer; }
  #works .search .sp_box.sb_close span { padding: 0 0 0 20px; display: inline-block; background: url("../img/ic_arror01_bl_b.png") no-repeat left top 8px; background-size: 12px auto; }
  #works .search .sp_box.sb_open { background: #11233d; }
  #works .search .sp_box.sb_open span { padding: 0 0 0 20px; display: inline-block; color: #fff; background: url("../img/ic_arror01_wh_r.png") no-repeat left top 7px; background-size: 8px auto; }
  #works .search form { display: none; }
  #works #post_none { margin: 50px auto; } }
/*640px*/
@media screen and (max-width: 500px) { #works .search .type_select_area { max-width: 220px; }
  #works .search .type_select_area .type_box, #works .search .type_select_area .entry_box { display: block; width: 100%; }
  #works .search .type_select_area .type_box dl, #works .search .type_select_area .entry_box dl { width: 100%; }
  #works .search .type_select_area .type_box dl:nth-of-type(n+2), #works .search .type_select_area .entry_box dl:nth-of-type(n+2) { margin: 10px 0 0 0; }
  #works .search .type_select .type { display: block; width: 100%; max-width: 210px; }
  #works .search .type_select .type dl { width: 100%; } }
/*500px*/
@media screen and (max-width: 380px) { #works .list .list_box section a .value_data ul li { display: block; width: 100%; }
  #works .list .list_box section a .value_data ul li + li { border: none; margin-top: 2px; }
  #works .list .list_box section a .value_data ul li span { display: inline-block; } }
/*380px*/
/*--------------------------------------------------------------------------
	施工実例共通 詳細
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #works .post .sub_post .sub_items { padding: 50px; }
  #works .post .sub_post .sub_items .comment { padding: 20px; }
  #works .post .w_navi ul.two { max-width: 65%; } }
/*1000px*/
@media screen and (max-width: 900px) { #works .post .value_data { margin: 50px auto 0; max-width: 400px; }
  #works .post .value_data ul { display: block; padding: 20px 10px 20px; }
  #works .post .value_data ul li { display: block; padding: 5px 0 5px; }
  #works .post .value_data ul li:first-child { margin: 0 auto 10px; padding: 2px 0 2px; }
  #works .post .value_data ul li span { display: block; border: none; padding: 0; } }
/*900px*/
@media screen and (max-width: 768px) { #works .post h2 { display: block; }
  #works .post h2 .title { margin: 0 0 10px 0; }
  #works .post h2 .comp { padding-top: 0; }
  #works .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item { width: calc(12.5% - 20px); }
  #works .post .w_navi ul li { width: 33.33%; }
  #works .post .w_navi ul li:nth-child(n+4) { margin-top: 10px; }
  #works .post .w_navi ul.two { max-width: 75%; }
  #works .post .w_navi ul.three { max-width: 100%; } }
/*768px*/
@media screen and (max-width: 640px) { #works .post h2, #works .post h3 { margin: 0 0 30px 0; padding: 0 0 15px 0; }
  #works .post h2 .title, #works .post h3 .title { padding: 0 0 0 25px; background: url("../img/icon_brown.png") no-repeat left top 9px; background-size: 16px auto; font-size: 20px; }
  #works .post h2 .comp, #works .post h3 .comp { font-size: 13px; }
  #works .post h2 .comp span, #works .post h3 .comp span { line-height: 20px; }
  #works .post .top_data div.buildday { font-size: 12px; }
  #works .post .photo_frame { margin-bottom: 30px; }
  #works .post .photo_frame .photo { /*#carousel*/ }
  #works .post .photo_frame .photo #carousel { /*カルーセルメイン写真　設定*/ /*.owl-carousel*/ /*owl.thumbs 設定*/ /*.owl-thumbs*/ }
  #works .post .photo_frame .photo #carousel .owl-carousel { margin-bottom: 20px; /*アイコンナビ　設定*/ /*送りナビ（next/prev） 設定*/ }
  #works .post .photo_frame .photo #carousel .owl-carousel .owl-stage-outer { margin-bottom: 20px; }
  #works .post .photo_frame .photo #carousel .owl-carousel .owl-stage-outer img { max-height: 340px; }
  #works .post .photo_frame .photo #carousel .owl-carousel .owl-stage-outer article p { padding: 10px 0 0; }
  #works .post .photo_frame .photo #carousel .owl-carousel .owl-dots { text-align: center; }
  #works .post .photo_frame .photo #carousel .owl-carousel .owl-dots .owl-dot { margin: 0 5px 5px 5px; border: 1px solid #2e2e7c; display: inline-block; width: 11px; height: 11px; background: #2e2e7c; border-radius: 50%; }
  #works .post .photo_frame .photo #carousel .owl-carousel .owl-dots .owl-dot.active, #works .post .photo_frame .photo #carousel .owl-carousel .owl-dots .owl-dot.hover { border: 1px solid #a52341; background: #a52341; }
  #works .post .photo_frame .photo #carousel .owl-carousel .owl-nav [class*=owl-] { width: 30px; height: 80px; }
  #works .post .photo_frame .photo #carousel .owl-carousel.one .owl-dots { display: none; }
  #works .post .photo_frame .photo #carousel .owl-thumbs { max-width: 500px; }
  #works .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item { margin: 0 5px; width: calc(20% - 10px); }
  #works .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item:nth-of-type(n+6) { margin: 10px 5px 0 5px; }
  #works .post .value_data { margin: 50px auto 0; max-width: 400px; }
  #works .post .value_data ul { display: block; padding: 20px 10px 20px; }
  #works .post .value_data ul li { display: block; padding: 5px 0 5px; font-size: 15px; }
  #works .post .value_data ul li:first-child { margin: 0 auto 10px; padding: 2px 0 2px; }
  #works .post .value_data ul li span { display: block; border: none; padding: 0; }
  #works .post .w_navi { margin: 50px auto 0; }
  #works .post .w_navi ul li { width: 50%; padding: 0 2px 0; }
  #works .post .w_navi ul li:nth-child(n+3) { margin-top: 5px; }
  #works .post .w_navi ul li a { background-position: center bottom 8px; padding: 4px 10px 34px; }
  #works .post .w_navi ul.two { max-width: 100%; }
  #works .post .w_navi ul.three li { width: 50%; }
  #works .post .comment { padding: 20px 15px; }
  #works .post .site_link { margin-top: 50px; }
  #works .post .site_link li a { background-position: left 15px top 16px; font-size: 13px; }
  #works .post .qa { margin-top: 50px; }
  #works .post .qa section + section { margin-top: 30px; }
  #works .post .qa section h3 { padding: 0 0 0 25px; background-size: 14px; background-position: left top 6px; margin-bottom: 12px; font-size: 16px; }
  #works .post .qa section p { padding: 10px; }
  #works .post .date { margin-top: 50px; }
  #works .post .date article { display: block; width: 100%; }
  #works .post .date article dl { width: 100%; padding: 0; }
  #works .post .date article dl dt, #works .post .date article dl dd { padding: 5px 10px 5px; font-size: 13px; }
  #works .post .date article dl dt { width: 110px; min-width: 110px; }
  #works .post .date article dl dd { padding-left: 10px; }
  #works .post .date article dl:nth-child(2) dt, #works .post .date article dl:nth-child(2) dd { border-top: none !important; }
  #works .post .sub_post { margin-top: 50px; }
  #works .post .sub_post .sub_items { padding: 20px 15px; }
  #works .post .sub_post .sub_items > ul { margin-bottom: 30px; max-width: 450px; }
  #works .post .sub_post .sub_items > ul li + li { margin-top: 20px; }
  #works .post .sub_post .sub_items > ul li a .sub_photo { margin: 0 auto 0; }
  #works .post .sub_post .sub_items > ul li a .sub_photo img.h_hi { max-width: 100%; }
  #works .post .sub_post .sub_items > ul li p { font-size: 12px; }
  #works .post .sub_post .sub_items .comment { padding: 10px; }
  #works .post .back_btn { margin-top: 50px; padding-top: 50px; } }
/*640px*/
@media screen and (max-width: 480px) { #works .post .top_data { display: block; }
  #works .post .top_data > div { display: block; }
  #works .post .top_data > div.buildday { margin-top: 10px; text-align: left; font-size: 13px; }
  #works .post .top_data > div.buildday span { font-size: 12px; } }
/*480px*/
/*--------------------------------------------------------------------------
	新築施工実例 一覧
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #works.new .list .list_head div.count { background: url("../img/icon_brown.png") no-repeat left top 7px; background-size: 14px auto; }
  #works.new #post_none { margin: 100px auto 50px auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	新築施工実例 詳細
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #works.new_ar .post h2 .title, #works.new_ar .post h3 .title { background: url("../img/icon_brown.png") no-repeat left top 11px; background-size: 16px auto; } }
/*768px*/
@media screen and (max-width: 640px) { #works.new_ar .post h2 .title, #works.new_ar .post h3 .title { background: url("../img/icon_brown.png") no-repeat left top 9px; background-size: 16px auto; }
  #works.new_ar .post .sub_post .sub_items h3, #works.new_ar .post .sub_post .sub_items h4 { background-size: 14px auto; margin-bottom: 15px; padding: 0 0 10px 25px; font-size: 16px; } }
/*640px*/
/*--------------------------------------------------------------------------
	リフォーム共通 詳細
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #works.works_r_ar .post .re_title { display: block; margin-bottom: 20px; padding: 0 0 10px; }
  #works.works_r_ar .post .re_title h2 { font-size: 18px; }
  #works.works_r_ar .post .re_title .cat { margin-top: 10px; font-size: 12px; }
  #works.works_r_ar .post .sub_post .sub_items + .sub_items { margin-top: 50px; }
  #works.works_r_ar .post .sub_post .sub_items h3 { background-position: left top 6px; background-size: 10px auto; margin-bottom: 20px; padding: 0 0 20px 20px; font-size: 16px; }
  #works.works_r_ar .post .sub_post .sub_items .item_ph h4 { font-size: 25px; background-position: left top 6px; background-repeat: no-repeat; padding: 0 0 20px 0; margin-bottom: 20px; }
  #works.works_r_ar .post .sub_post .sub_items .item_ph > ul li article a .sub_photo .ba_name { width: 65px; }
  #works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul { display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 0; }
  #works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul li p { font-size: 12px; }
  #works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li + li { margin-top: 30px; }
  #works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li p { font-size: 12px; }
  #works.works_r_ar .post .sub_post .sub_items .comment { padding: 10px; } }
/*640px*/
/*--------------------------------------------------------------------------
	リフォーム施工実例 一覧
--------------------------------------------------------------------------*/
@media screen and (max-width: 1140px) { #works.works_r .search .type_select_area .entry_box { padding-left: 0; } }
/*1140px*/
/*--------------------------------------------------------------------------
	リフォーム施工実例 詳細
--------------------------------------------------------------------------*/
@media screen and (max-width: 1140px) { #works.works_r_ar .post h2 .title, #works.works_r_ar .post h3 .title { background: url("../img/icon_blue.png") no-repeat left top 9px; background-size: 16px auto; } }
/*1140px*/
@media screen and (max-width: 1000px) { #works.works_r_ar .post .sub_post { padding: 50px 15px 50px 15px; } }
/*1000px*/
@media screen and (max-width: 640px) { #works.works_r_ar .post h2 .title, #works.works_r_ar .post h3 .title { background: url("../img/icon_blue.png") no-repeat left top 9px; background-size: 16px auto; }
  #works.works_r_ar .post .sub_post { padding: 20px 15px; }
  #works.works_r_ar .post .sub_post .sub_items h3, #works.works_r_ar .post .sub_post .sub_items h4 { background-size: 14px auto; margin-bottom: 20px; padding: 0 0 10px 25px; font-size: 16px; }
  #works.works_r_ar .post .sub_post .sub_items .item_ph { padding: 0; }
  #works.works_r_ar .post .sub_post .sub_items .before { margin: 30px auto 0 auto; }
  #works.works_r_ar .post .sub_post .sub_items .before ul li { padding: 0; width: 100%; margin-bottom: 30px; } }
/*640px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { .cover_type .type { margin: 5px 15px 0 0; }
  .cover_type .main_cover { font-size: 18px; }
  .const_photo_list a { width: 50%; }
  .const_photo_list a:nth-of-type(n+3), .const_photo_list a:nth-of-type(n+4) { margin: 30px auto 0 auto; } }
/*640px*/
@media screen and (max-width: 450px) { .const_photo_list a { padding: 0; width: 100%; }
  .const_photo_list a:nth-of-type(n+3), .const_photo_list a:nth-of-type(n+4) { margin: 20px auto 0 auto; } }
/*450px*/
/*--------------------------------------------------------------------------
	一覧
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #construction .post { padding: 30px; }
  #construction .post .const_list .ph { width: 280px; }
  #construction .post .const_list .list a.ar dl dt { width: 115px; } }
/*1100x*/
@media screen and (max-width: 768px) { #construction .post .const_list .ph, #construction .post .const_list .list { display: block; width: 100%; }
  #construction .post .const_list .ph { margin: 0 auto; max-width: 320px; }
  #construction .post .const_list .list { padding: 30px 0 0 0; } }
/*768px*/
@media screen and (max-width: 640px) { #construction p.msg { margin: 0 0 40px 0; }
  #construction .post { margin: 30px auto 0 auto; padding: 25px 15px 30px; }
  #construction .post .complete { width: 100px; }
  #construction .post .const_list { margin: 20px auto 0 auto; }
  #construction .post .const_list .list a.ar { padding: 10px 30px 10px 10px; background-position: right 10px center; background-size: 6px auto; }
  #construction .post .const_list .back_btn a { margin: 20px 0 0 auto; } }
/*640px*/
@media screen and (max-width: 480px) { #construction .post .const_list .list a.ar dl dt, #construction .post .const_list .list a.ar dl dd { display: block; width: 100%; } }
/*480px*/
/*--------------------------------------------------------------------------
	概要
--------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) { #construction_cov .cover_data .main_ph { width: 450px; }
  #construction_cov .cover_data .data dl dt { width: 120px; } }
/*1100px*/
@media screen and (max-width: 900px) { #construction_cov .cover_data .main_ph, #construction_cov .cover_data .data { margin: 0 auto; display: block; width: 100%; }
  #construction_cov .cover_data .main_ph { max-width: 500px; }
  #construction_cov .cover_data .data { margin: 0 auto 0; padding: 50px 0 0 0; max-width: 700px; } }
/*900x*/
@media screen and (max-width: 640px) { #construction_cov .cover_type { margin: 0 0 30px 0; }
  #construction_cov .cover_data .data { padding: 30px 0 0 0; }
  #construction_cov .cover_data .data dl { font-size: 13px; }
  #construction_cov .cover_data .data dl dd { padding: 10px; }
  #construction_cov .faq { margin: 50px 0 0 0; padding: 15px 10px; }
  #construction_cov .faq .qa { margin: 30px 0 0 0; }
  #construction_cov .faq .qa h3 { margin: 0 0 10px 0; font-size: 16px; }
  #construction_cov .faq .qa h3::before { padding: 0 5px 0 0; font-size: 16px; }
  #construction_cov .faq .qa p { font-size: 13px; }
  #construction_cov .ar_list { margin: 50px 0 0 0; }
  #construction_cov .ar_list > h3, #construction_cov .ar_list > h4 { margin: 0 0 30px 0; line-height: 32px; font-size: 14px; }
  #construction_cov .const_photo_list a .item .cap { margin: 10px 0 0 0; }
  #construction_cov .const_photo_list a .item .cap p { font-size: 12px; }
  #construction_cov .const_photo_list a .item .cap h4, #construction_cov .const_photo_list a .item .cap h5 { font-size: 13px; }
  #construction_cov .back_btn { margin-top: 50px; padding: 50px 0 0 0; } }
/*640px*/
@media screen and (max-width: 450px) { #construction_cov .cover_data .data dl { border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
  #construction_cov .cover_data .data dl dt, #construction_cov .cover_data .data dl dd { display: block; width: 100%; }
  #construction_cov .cover_data .data dl dt { padding: 5px 10px 5px; text-align: left; }
  #construction_cov .cover_data .data dl dd { padding: 10px; } }
/*450px*/
/*--------------------------------------------------------------------------
	詳細
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #construction_ar .cover_type { margin: 0 0 20px 0; }
  #construction_ar .cover_type .type { font-size: 11px; }
  #construction_ar .cover_type .main_cover { margin: 5px 0 0 0; font-size: 16px; }
  #construction_ar .main_cap p { margin: 0 0 10px 0; padding: 0 0 0 15px; }
  #construction_ar .main_cap h2, #construction_ar .main_cap h3 { font-size: 18px; }
  #construction_ar .note { padding: 15px 10px; }
  #construction_ar .back_btn { margin: 50px 0 0 0; padding: 50px 0 0 0; }
  #construction_ar .back_btn ul { max-width: 460px; }
  #construction_ar .back_btn a { font-size: 13px; max-width: 200px; } }
/*640px*/
@media screen and (max-width: 450px) { #construction_ar .back_btn ul { display: block; }
  #construction_ar .back_btn ul li { display: block; padding: 0; }
  #construction_ar .back_btn ul li + li { margin: 20px 0 0 0; } }
/*450px*/
/*---------- メイン表示部 ----------*/
@media screen and (max-width: 1250px) { #gallery div.item .photo_data a { width: 110px; } }
/*@media 1250px END*/
@media screen and (max-width: 768px) { #gallery div.item .photo_data p { margin-top: 30px; } }
/*@media 768px END*/
@media screen and (max-width: 640px) { #gallery { padding: 50px 0 50px; }
  #gallery div.item .photo_data a { padding: 5px 10px; font-size: 12px; }
  #gallery div.item .photo_data p { margin-top: 30px; }
  #gallery #nav_list { margin: 50px auto 0 auto; padding: 50px 0 0 0; } }
/*@media 640px END*/
/*---------- ナビゲーション ----------*/
@media screen and (max-width: 1000px) { #gallery.navi_active { min-height: 800px; } }
/*@media 1000px END*/
@media screen and (max-width: 900px) { #gallery.navi_active { min-height: 950px; }
  #gallery #gal_navi .menu ul li { width: 25%; } }
/*@media 900px END*/
@media screen and (max-width: 640px) { #gallery.navi_active { min-height: 1150px; }
  #gallery #gal_navi .menu ul li { width: 33.33%; }
  #gallery #gal_navi .menu ul li a { padding: 15px 0; } }
/*@media 640px END*/
@media screen and (max-width: 480px) { #gallery.navi_active { min-height: 1600px; }
  #gallery #gal_navi .menu ul li { width: 50%; } }
/*@media 480px END*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #enquete .post_list::after { width: calc(33.33% - 20px); }
  #enquete .post_list > a { width: calc(33.33% - 20px); }
  #enquete .post_list > a section { padding: 20px 15px; }
  #enquete .post_list > a section h2 { font-size: 19px; } }
/*1000px*/
@media screen and (max-width: 768px) { #enquete .post_list::after { width: calc(50% - 10px); }
  #enquete .post_list > a { width: calc(50% - 10px); }
  #enquete .post_list > a:nth-of-type(n+3), #enquete .post_list > a:nth-of-type(n+4) { margin: 30px 0 0 0; } }
/*768px*/
@media screen and (max-width: 640px) { #enquete .post_list > a section p.type span { font-size: 12px; }
  #enquete .post_list > a section h2, #enquete .post_list > a section h3 { font-size: 17px; }
  #enquete .post_list > a section ul li.rate span { margin: 0 10px 0 0; font-size: 13px; }
  #enquete .post_list > a section ul li.rate img { max-width: 80px; }
  #enquete #nav_list { margin: 50px 0 0 0; padding: 50px 0 0 0; } }
/*640px*/
@media screen and (max-width: 480px) { #enquete .post_list { display: block; }
  #enquete .post_list > a { padding: 0; display: block; width: 100%; }
  #enquete .post_list > a:nth-of-type(n+2) { padding: 10px 0 0 0; } }
/*480px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #enquete_ar .intro { padding: 50px 10px 30px 10px; }
  #enquete_ar .intro .frm .ph { width: 250px; }
  #enquete_ar .intro .frm .info { padding: 0 0 0 30px; }
  #enquete_ar .intro .frm .info .name h2, #enquete_ar .intro .frm .info .name h3 { font-size: 26px; }
  #enquete_ar .post_list .point .sort ul .sp_no { display: none; }
  #enquete_ar .post_list .gallery a { padding: 0 10px; }
  #enquete_ar .post_list .gallery a:nth-of-type(n+4) { padding: 10px 10px 0 10px; } }
/*900px*/
@media screen and (max-width: 640px) { #enquete_ar .intro .frm .ph, #enquete_ar .intro .frm .info { display: block; width: 100%; }
  #enquete_ar .intro .frm .ph { margin: 0 auto; max-width: 320px; }
  #enquete_ar .intro .frm .info { padding: 40px 0 0 0; }
  #enquete_ar .intro .frm .info .name p { line-height: 24px; font-size: 13px; }
  #enquete_ar .intro .frm .info .name h2, #enquete_ar .intro .frm .info .name h3 { margin: 10px 0 20px 0; font-size: 18px; }
  #enquete_ar .intro .frm .info .name dl dt { padding: 0 0 0 25px; width: 150px; background: url("../img/icon_brown.png") no-repeat left top 3px; background-size: 14px auto; font-size: 14px; }
  #enquete_ar .intro .frm .info .name dl dd img { max-width: 100px; }
  #enquete_ar .post_list { padding: 30px 15px; }
  #enquete_ar .post_list section { margin: 40px auto 0 auto; }
  #enquete_ar .post_list h3, #enquete_ar .post_list h4 { font-size: 16px; }
  #enquete_ar .post_list .faq_box .comment { padding: 20px 15px; }
  #enquete_ar .post_list .rate .rate_box { padding: 0 15px 20px 15px; }
  #enquete_ar .post_list .rate .rate_box .part { margin: 15px 0 0 0; }
  #enquete_ar .post_list .rate .rate_box .part .cat h4, #enquete_ar .post_list .rate .rate_box .part .cat h5 { margin: 0 10px 0 0; padding: 0 0 2px 0; width: 140px; line-height: 22px; font-size: 13px; }
  #enquete_ar .post_list .rate .rate_box .part .cat p img { max-width: 90px; }
  #enquete_ar .post_list .rate .rate_box .part .comment { font-size: 13px; }
  #enquete_ar .post_list .point .sort ul { padding: 10px 15px 5px 15px; }
  #enquete_ar .post_list .point .sort ul li { font-size: 13px; }
  #enquete_ar .post_list .point .sort ul li span { background-position: left top 5px; background-size: 18px; padding: 5px 0 5px 28px; }
  #enquete_ar .post_list .gallery { margin: 50px auto 0 auto; }
  #enquete_ar .post_list .gallery a { width: 33.33%; }
  #enquete_ar .post_list .gallery a:nth-of-type(n+4), #enquete_ar .post_list .gallery a:nth-of-type(n+5) { padding: 30px 10px 0 10px; }
  #enquete_ar .post_list .from h3, #enquete_ar .post_list .from h4 { margin: 50px 0 0 0; padding: 0 15px; font-size: 13px; }
  #enquete_ar .post_list .from .comment { padding: 10px 15px; }
  #enquete_ar .post_list .from .comment h4, #enquete_ar .post_list .from .comment h5 { margin: 0 0 10px 0; font-size: 14px; }
  #enquete_ar .post_list #other p a { margin: 30px auto 0 auto; font-size: 14px; }
  #enquete_ar .back_btn_frm .back_btn { margin: 40px auto 0 auto; } }
/*640px*/
@media screen and (max-width: 540px) { #enquete_ar .post_list .gallery a { width: 50%; }
  #enquete_ar .post_list .gallery a:nth-of-type(n+3), #enquete_ar .post_list .gallery a:nth-of-type(n+4), #enquete_ar .post_list .gallery a:nth-of-type(n+5) { padding: 30px 10px 0 10px; } }
/*540px*/

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