@charset "UTF-8";
/*--------------------------------------------------------------------------

	フォント
	BMS記事リスト／記事絞り込みベース
	import
	
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	フォント
--------------------------------------------------------------------------*/
/*----- 管理エディタ用 -----*/
.ql-align-center { text-align: center; }

.ql-align-right { text-align: right; }

.ql-size-small { font-size: 12px; }

.ql-size-large { font-size: 23px; }

.ql-size-huge { font-size: 32px; }

/*----- フォント太さ調節 -----*/
.font_w_b { font-weight: 500; }

/*--------------------------------------------------------------------------
	管理エディタ用　(ckeditorエディタ)
--------------------------------------------------------------------------*/
.ck-content ul, .ck-content ul li, .ck-content ol, .ck-content ol li { list-style: revert; margin: revert; padding: revert; }

/*@mixin ck-content*/
/*--------------------------------------------------------------------------
	import
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
#sub_title.event { background-image: url("../../event/img/titleback.jpg"); }

#event .event_post #nav_list, #event .event_close #nav_list { margin: 50px 0 0 0; padding: 100px 0 0 0; border-top: 1px solid #524b49; }
#event .event_post .back_btn, #event .event_close .back_btn { margin: 100px auto 0 auto; }

/*--------------------------------------------------------------------------
	一覧
--------------------------------------------------------------------------*/
#event .event_area { width: 100%; max-width: 1100px; margin: 0 auto; }
#event .event_area h2 { text-align: center; font-size: 60px; font-weight: 500; color: #000; }
#event .event_area #list { margin: 80px auto 0 auto; }
#event .event_area #list:first-of-type { margin: 0 auto; }
#event .event_area #list .post { display: grid; grid-template-columns: 450px 1fr; column-gap: 50px; /* 列の間隔を設定 */ }
#event .event_area #list .post + .post { margin-top: 70px; padding-top: 70px; border-top: 1px solid #524b49; }
#event .event_area #list .post .photo a { display: block; background: #fff; text-align: center; }
#event .event_area #list .post .photo a.image-wrapper { aspect-ratio: 3/2; }
#event .event_area #list .post .photo a:hover { opacity: 0.75; }
#event .event_area #list .post .information .cat { display: -webkit-box; display: flex; column-gap: 10px; }
#event .event_area #list .post .information .cat span { display: block; color: #fff; background-color: #666; text-align: center; }
#event .event_area #list .post .information .cat span.type { width: 160px; line-height: 30px; font-size: 15px; }
#event .event_area #list .post .information .cat span.type.modelhouse { background-color: #524b49; }
#event .event_area #list .post .information .cat span.type.openhouse { background-color: #524b49; }
#event .event_area #list .post .information .cat span.type.structure { background-color: #524b49; }
#event .event_area #list .post .information .cat span.type.consultation { background-color: #524b49; }
#event .event_area #list .post .information .cat span.appoint { width: 90px; line-height: 30px; background-color: #c1272d; }
#event .event_area #list .post .information h3 { margin: 10px 0 20px 0; font-size: 25px; font-weight: 500; color: #000; }
#event .event_area #list .post .information .data { border-top: 1px solid #cdc7b9; }
#event .event_area #list .post .information .data dl { display: grid; grid-template-columns: 80px 1fr; font-size: 14px; border-bottom: 1px solid #cdc7b9; }
#event .event_area #list .post .information .data dl dt { padding: 5px 15px; color: #fff; background: #9b8f74; font-size: 14px; text-align: center; }
#event .event_area #list .post .information .data dl dd { padding: 5px 15px; background: #fff; }
#event .event_area #list .post .information .data dl dd p.reservation { color: #c1272d; font-weight: 700; }
#event .event_area #list .post .information .back_btn { margin: 40px auto 0 auto; }
#event .event_area > #nav_list { margin: 50px auto 0 auto; padding: 100px 0 0 0; border-top: 1px solid #524b49; }
#event .event_area > .back_btn { margin: 100px auto 0 auto; }

/*--------------------------------------------------------------------------
	詳細
--------------------------------------------------------------------------*/
#event .event_post { width: 100%; max-width: 1100px; margin: 0 auto; }
#event .event_post .cat { display: flex; column-gap: 10px; }
#event .event_post .cat span { padding: 0 0 2px 0; display: block; line-height: 28px; font-size: 15px; color: #FFF; text-align: center; }
#event .event_post .cat span.type { width: 160px; background-color: #524b49; }
#event .event_post .cat span.appoint { width: 80px; background-color: #c1272d; }
#event .event_post .cat + h2 { margin-top: 10px; }
#event .event_post h2 { font-size: 24px; font-weight: 700; color: #000; margin-bottom: 30px; }
#event .event_post .photodata { padding: 0 0 45px 0; border-bottom: 1px solid #524b49; display: grid; grid-template-columns: 450px 1fr; column-gap: 45px; /* 列の間隔を設定 */ }
#event .event_post .photodata .photo div { text-align: center; }
#event .event_post .photodata .photo div.image-wrapper { aspect-ratio: 3/2; }
#event .event_post .photodata .data { border-top: 1px solid #c3bcac; }
#event .event_post .photodata .data dl { display: grid; grid-template-columns: 80px 1fr; font-size: 14px; border-bottom: 1px solid #c3bcac; }
#event .event_post .photodata .data dl dt { padding: 10px; font-weight: 500; color: #fff; background: #9b8f74; text-align: center; }
#event .event_post .photodata .data dl dd { padding: 10px 15px 10px; background: #fff; }
#event .event_post .photodata .data dl dd p.reservation { color: #c1272d; font-weight: 700; }
#event .event_post .appoint_btn { margin: 50px auto 0; border: 1px solid #3281a9; display: block; width: 100%; line-height: 60px; background-color: #3281a9; color: #fff; font-size: 18px; text-align: center; max-width: 400px; }
#event .event_post .appoint_btn:hover { border: 1px solid #c1272d; background-color: #c1272d; color: #fff; }
#event .event_post .eventdata { margin: 100px 0 0 0; padding: 50px; background-color: #fff; /*#carousel*/ }
#event .event_post .eventdata > div + h3 { margin-top: 100px; }
#event .event_post .eventdata h3 { margin-bottom: 40px; padding: 0 0 30px 30px; border-bottom: 1px solid #c3bcac; font-size: 25px; font-weight: 500; background: url("../img/icon_brown.png") left top 5px no-repeat; background-size: 16px auto; line-height: 1; }
#event .event_post .eventdata .calender .pattern { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; column-gap: 20px; }
#event .event_post .eventdata .calender .pattern div { font-size: 15px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; column-gap: 10px; line-height: 1; }
#event .event_post .eventdata .calender .pattern div span { display: inline-block; width: 22px; height: 22px; border: 1px solid #b3b3b3; margin-top: 1px; background-color: #d4d4d4; }
#event .event_post .eventdata .calender .pattern div span.event { color: #000; background-color: #fff; }
#event .event_post .eventdata .calender .pattern div span.marker { color: #c1272d; background-color: #ffdf76; }
#event .event_post .eventdata .calender .pattern div span.past { color: #808080; background-color: #d4d4d4; }
#event .event_post .eventdata .calender .calender_month { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; column-gap: 20px; margin-top: 10px; }
#event .event_post .eventdata .calender .calender_month section { width: 100%; max-width: 300px; }
#event .event_post .eventdata .calender .calender_month section h4 { font-size: 20px; font-weight: 500; text-align: center; }
#event .event_post .eventdata .calender .calender_month section .cl ul { display: grid; grid-template-columns: repeat(7, 1fr); column-gap: 1px; /* 列の間隔を設定 */ row-gap: 1px; /* 行の間隔を設定 */ margin: 0 auto 0; background-color: #b3b3b3; }
#event .event_post .eventdata .calender .calender_month section .cl ul li { background-color: #d4d4d4; text-align: center; height: 40px; line-height: 1; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
#event .event_post .eventdata .calender .calender_month section .cl ul li.event { color: #000; background-color: #fff; }
#event .event_post .eventdata .calender .calender_month section .cl ul li.marker { color: #c1272d; background-color: #ffdf76; }
#event .event_post .eventdata .calender .calender_month section .cl ul li.past { color: #808080; background-color: #d4d4d4; }
#event .event_post .eventdata .calender .calender_month section .cl ul.thead { padding: 1px 1px 0; }
#event .event_post .eventdata .calender .calender_month section .cl ul.thead li { background: #666; color: #FFF; }
#event .event_post .eventdata .calender .calender_month section .cl ul.thead li.holi { background-color: #c1272d; }
#event .event_post .eventdata .calender .calender_month section .cl ul.thead li.sat { background-color: #2d467a; }
#event .event_post .eventdata .calender .calender_month section .cl ul.tbody { padding: 1px; }
#event .event_post .eventdata .calender .calender_month section .cl ul.tbody li.holi { color: #c1272d; }
#event .event_post .eventdata .calender .calender_month section .cl ul.tbody li.sat { color: #2d467a; }
#event .event_post .eventdata .calender .att { font-size: 14px; text-align: center; margin-top: 10px; }
#event .event_post .eventdata .map { margin: 50px auto 0; }
#event .event_post .eventdata .map a { margin: 0 auto; padding: 0 0 18px 0; border-bottom: 2px solid #9b8f74; display: block; max-width: 220px; line-height: 1.3; color: #000; font-size: 18px; text-align: center; }
#event .event_post .eventdata .map a span { padding: 0 0 0 33px; display: inline-block; line-height: 30px; background: url("../img/icon_map_pin01_br.png") left top 2px no-repeat; background-size: 20px auto; }
#event .event_post .eventdata .map a:hover, #event .event_post .eventdata .map a:active { border-bottom: 2px solid #3281a9; color: #3281a9; }
#event .event_post .eventdata .map a:hover span, #event .event_post .eventdata .map a:active span { background: url("../img/icon_map_pin01_bl.png") left top 2px no-repeat; background-size: 20px auto; }
#event .event_post .eventdata #carousel { margin-top: 100px; /*カルーセルメイン写真　設定*/ /*.owl-carousel*/ /*owl.thumbs 設定*/ /*.owl-thumbs*/ }
#event .event_post .eventdata #carousel .owl-carousel { margin: 0 auto; position: relative; width: 100%; /*アイコンナビ　設定*/ /*送りナビ（next/prev） 設定*/ }
#event .event_post .eventdata #carousel .owl-carousel .owl-stage-outer { margin: 0 0 30px 0; }
#event .event_post .eventdata #carousel .owl-carousel .owl-stage-outer img { width: auto; display: inline-block; vertical-align: top; max-width: 100%; max-height: 540px; }
#event .event_post .eventdata #carousel .owl-carousel .owl-stage-outer article { margin: 0 auto; position: relative; width: 100%; max-width: 1000px; text-align: center; }
#event .event_post .eventdata #carousel .owl-carousel .owl-stage-outer article .main_photo { background-color: #FFF; }
#event .event_post .eventdata #carousel .owl-carousel .owl-stage-outer article p { padding: 15px 0; width: 100%; line-height: 1.6; background-color: #fff; }
#event .event_post .eventdata #carousel .owl-carousel .owl-dots { display: none; }
#event .event_post .eventdata #carousel .owl-carousel .owl-nav { padding: 0; position: absolute; width: 100%; top: 50%; /* IE8以下とAndroid4.3以下用フォールバック */ top: -webkit-calc(50% - 65px); top: calc(50% - 65px); box-sizing: border-box; }
#event .event_post .eventdata #carousel .owl-carousel .owl-nav.disabled { display: block; }
#event .event_post .eventdata #carousel .owl-carousel .owl-nav [class*=owl-] { box-sizing: border-box; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 50px; height: 130px; background-size: auto 22px; background-position: center center; background-repeat: no-repeat; }
#event .event_post .eventdata #carousel .owl-carousel .owl-nav .owl-next { background-image: url("../img/ic_arror01_wh_r.png"); background-color: #524b49; float: right; }
#event .event_post .eventdata #carousel .owl-carousel .owl-nav .owl-next:hover { opacity: 0.75; }
#event .event_post .eventdata #carousel .owl-carousel .owl-nav .owl-prev { background-image: url("../img/ic_arror01_wh_l.png"); background-color: #cdc7b9; float: left; }
#event .event_post .eventdata #carousel .owl-carousel .owl-nav .owl-prev:hover { opacity: 0.75; }
#event .event_post .eventdata #carousel .owl-carousel .owl-nav .disabled { opacity: 0.3; cursor: default; }
#event .event_post .eventdata #carousel .owl-thumbs { margin: 0 auto; display: flex; width: 100%; max-width: 1000px; }
#event .event_post .eventdata #carousel .owl-thumbs .owl-thumb-item { border: 3px solid rgba(255, 255, 255, 0); padding: 8px; width: 10%; cursor: pointer; box-sizing: border-box; }
#event .event_post .eventdata #carousel .owl-thumbs .owl-thumb-item span { display: block; width: 100%; }
#event .event_post .eventdata #carousel .owl-thumbs .owl-thumb-item span.image-wrapper { aspect-ratio: 1/1; }
#event .event_post .eventdata #carousel .owl-thumbs .owl-thumb-item:hover, #event .event_post .eventdata #carousel .owl-thumbs .owl-thumb-item.active { background: #FFF; border: 3px solid #3281a9; }
#event .event_post .eventdata .note { color: #000; }
#event .event_post .eventdata .note a:link, #event .event_post .eventdata .note a:visited { color: #2e2e7c; }
#event .event_post .eventdata .note a:active, #event .event_post .eventdata .note a:hover { color: #a52341; }
#event .event_post .data_link { margin: 100px auto 0; padding: 0 10px; width: 100%; max-width: 470px; }
#event .event_post .data_link ul li a { margin: 10px 0 0 0; padding: 8px 15px 8px 45px; border: 1px solid #524b49; display: block; width: 100%; color: #000; background: url("../img/ic_window01_br.png") no-repeat #fff left 15px top 14px; background-size: 15px auto; font-size: 14px; }
#event .event_post .data_link ul li a:hover, #event .event_post .data_link ul li a:active { border: 1px solid #524b49; color: #fff; background-color: #524b49; }
#event .event_post .file_frm { margin: 60px auto 0 auto; padding: 30px; background: #e1ddd5; }
#event .event_post .file_frm h3 { margin: 0 0 15px 0; font-size: 23px; font-weight: 500; }
#event .event_post .file_frm ul li a { padding: 20px 20px 20px 80px; display: block; width: 100%; color: #000; background-color: rgba(255, 255, 255, 0); background-image: url("../img/ic_file01_br.png"); background-repeat: no-repeat; background-position: left 20px center; background-size: 30px auto; }
#event .event_post .file_frm ul li a:hover, #event .event_post .file_frm ul li a:active { color: #c1272d; background-color: #fff; }

/*--------------------------------------------------------------------------
	close.html
--------------------------------------------------------------------------*/
#event .event_close { width: 100%; max-width: 1040px; margin: 0 auto; }
#event .event_close > p { text-align: center; margin-bottom: 80px; }
#event .event_close .item_box { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; /* 列の間隔を設定 */ row-gap: 20px; /* 行の間隔を設定 */ }
#event .event_close .item_box .item { padding: 0 0px 0; }
#event .event_close .item_box .item .inner_item { padding: 20px; display: table; width: 100%; height: 100%; background: #fff; }
#event .event_close .item_box .item .photo, #event .event_close .item_box .item section { display: table-cell; vertical-align: top; }
#event .event_close .item_box .item .photo { width: 140px; }
#event .event_close .item_box .item .photo div.image-wrapper { aspect-ratio: 3/2; }
#event .event_close .item_box .item section { padding: 0 0 0 20px; }
#event .event_close .item_box .item section > span { margin: 0 0 10px 0; padding: 0 0 0 15px; border-left: 5px solid #9b8f74; display: inline-block; line-height: 14px; font-size: 12px; }
#event .event_close .item_box .item section h2 { margin-bottom: 5px; line-height: 1.5; font-size: 15px; font-weight: 500; word-break: break-all; }
#event .event_close .item_box .item section dl { display: table; width: 100%; margin-left: -8px; }
#event .event_close .item_box .item section dl dt, #event .event_close .item_box .item section dl dd { display: table-cell; vertical-align: top; }
#event .event_close .item_box .item section dl dt { width: 80px; font-weight: 500; letter-spacing: 0.08em; }

/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#topics > section { margin: 0 auto; border-top: 1px solid #c3bcac; width: 100%; max-width: 1100px; }
#topics > section a { display: block; width: 100%; text-decoration: none; }
#topics > section a dl dt span.ymd { color: #000; }
#topics > section a dl dt span.category { color: #fff; background: #524b49; }
#topics > section a dl dd { color: #000; }
#topics > section a:first-of-type { margin: 0; }
#topics > section a:link dl dt, #topics > section a:link dl dd, #topics > section a:visited dl dt, #topics > section a:visited dl dd { color: #000; }
#topics > section a:active dl dt, #topics > section a:hover dl dt { color: #000; }
#topics > section a:active dl dt span.ymd, #topics > section a:hover dl dt span.ymd { color: #000; }
#topics > section a:active dl dt span.category, #topics > section a:hover dl dt span.category { color: #fff; background: #524b49; }
#topics > section a:active dl dd, #topics > section a:hover dl dd { color: #a52341; }
#topics > section dl { padding: 20px; border-bottom: 1px solid #c3bcac; display: table; width: 100%; table-layout: fixed; }
#topics > section dl dt, #topics > section dl dd { display: table-cell; vertical-align: top; }
#topics > section dl dt { width: 310px; line-height: 0; font-size: 0; }
#topics > section dl dt span { display: inline-block; vertical-align: middle; line-height: 1.6; }
#topics > section dl dt span.ymd { margin: 0 20px 0 0; color: #000; font-size: 14px; }
#topics > section dl dt span.category { width: 180px; line-height: 30px; color: #fff; background: #524b49; font-size: 14px; text-align: center; }
#topics > section dl dd { padding: 3px 0 0 0; line-height: 1.6; font-size: 14px; }
#topics #nav_list { margin: 100px auto 0 auto; }

/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#info #list { margin: 0 auto; max-width: 1000px; }
#info #list a { display: table; table-layout: fixed; border-bottom: 1px solid #c3bcac; padding: 20px; width: 100%; color: #000; }
#info #list a:first-child { border-top: 1px solid #c3bcac; }
#info #list a:hover, #info #list a:active { background: #e1ddd5; }
#info #list a:hover .date, #info #list a:hover h2, #info #list a:active .date, #info #list a:active h2 { color: #000; }
#info #list a:hover h2, #info #list a:hover h3, #info #list a:active h2, #info #list a:active h3 { color: #000; }
#info #list a .date, #info #list a h2, #info #list a h3 { display: table-cell; vertical-align: top; }
#info #list a .date { padding: 4px 0 0; width: 110px; line-height: 1; font-size: 14px; }
#info #list a .date span { display: block; width: 100%; }
#info #list a h2, #info #list a h3 { padding: 0 0 0 20px; border-left: 2px solid #3281a9; line-height: 1.4; font-size: 14px; font-weight: normal; }
#info #nav_list { margin: 100px auto 0 auto; }

/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
#info_ar { margin: 0 auto; max-width: 1120px; }
#info_ar #info_post { padding: 50px; background: #fff; }
#info_ar #info_post > div:nth-of-type(2), #info_ar #info_post > div:nth-of-type(n+3) { margin: 50px auto 0 auto; }
#info_ar #info_post > div:nth-of-type(n+3) { padding: 50px 0 0 0; border-top: 1px solid #c3bcac; }
#info_ar #info_post .sbj_frm { margin: 0 auto 30px auto; width: 100%; }
#info_ar #info_post .sbj_frm .sbj { padding: 0 0 0 30px; background: url("../img/icon_brown.png") no-repeat left top 5px; background-size: 16px auto; font-size: 25px; font-weight: 500; }
#info_ar #info_post .title { padding: 0 0 30px 0; border-bottom: 1px solid #c3bcac; }
#info_ar #info_post .title > div { padding: 0 0 0 25px; border-left: 3px solid #3281a9; }
#info_ar #info_post .title > div .date { line-height: 1.2; }
#info_ar #info_post .title > div h2, #info_ar #info_post .title > div h3 { padding: 10px 0 0 0; line-height: 1.5; font-size: 21px; font-weight: 500; }
#info_ar #info_post .text { max-width: 1100px; }
#info_ar #info_post .text.ck-content img { margin: 30px 20px 0 0; display: inline-block; width: auto; max-width: 100%; }
#info_ar #info_post .text.ck-content figcaption { color: #000; background-color: rgba(255, 255, 255, 0); font-size: 13px; }
#info_ar #info_post .text.ck-content.ck-content { font-size: 14px; overflow: hidden; }
#info_ar #info_post .text.ck-content.ck-content h1, #info_ar #info_post .text.ck-content.ck-content h2, #info_ar #info_post .text.ck-content.ck-content h3, #info_ar #info_post .text.ck-content.ck-content h4, #info_ar #info_post .text.ck-content.ck-content h5, #info_ar #info_post .text.ck-content.ck-content h6 { margin: revert; padding: revert; font-size: revert; font-weight: revert; }
#info_ar #info_post .text.ck-content.ck-content h1 { font-size: 2em; }
#info_ar #info_post .text.ck-content.ck-content h2 { font-size: 1.5em; }
#info_ar #info_post .text.ck-content.ck-content h3 { font-size: 1.17em; }
#info_ar #info_post .text.ck-content.ck-content h4 { font-size: 1em; }
#info_ar #info_post .text.ck-content.ck-content h5 { font-size: 0.83em; }
#info_ar #info_post .text.ck-content.ck-content h6 { font-size: 0.67em; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size12 { font-size: 12px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size14 { font-size: 14px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size15 { font-size: 15px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size16 { font-size: 16px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size21 { font-size: 21px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size23 { font-size: 23px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size29 { font-size: 29px; }
#info_ar #info_post .text.ck-content.ck-content .cke-font-size32 { font-size: 32px; }
#info_ar #info_post .text.ck-content.ck-content .image a:hover, #info_ar #info_post .text.ck-content.ck-content .image a:active { opacity: 0.7; }
#info_ar #info_post .text.ck-content.ck-content p a { color: #0b31c0; }
#info_ar #info_post .text.ck-content.ck-content p a:hover, #info_ar #info_post .text.ck-content.ck-content p a:active { color: #ed1c24; }
#info_ar #info_post .text.ck-content.ck-content p { margin: 0; padding: 0; }
#info_ar #info_post .text.ck-content.ck-content p img { vertical-align: revert; }
#info_ar #info_post .text.ck-content.ck-content .image > figcaption { padding: 5px 0 0; font-size: 1em; }
#info_ar #info_post .text.ck-content.ck-content img { width: auto; max-width: 100%; height: auto; }
#info_ar #info_post .text.ck-content.ck-content ul, #info_ar #info_post .text.ck-content.ck-content ul li, #info_ar #info_post .text.ck-content.ck-content ol, #info_ar #info_post .text.ck-content.ck-content ol li { display: revert; background: revert; margin: revert; padding: revert; border: none; }
#info_ar #info_post .text .link { margin: 50px 0 0 0; }
#info_ar #info_post .text .link a { padding: 10px 10px 10px 45px; border: 1px solid #524b49; display: inline-block; width: 100%; color: #000; background-image: url("../img/ic_window01_br.png"); background-color: #fff; background-position: left 15px top 16px; background-repeat: no-repeat; background-size: 15px; max-width: 450px; }
#info_ar #info_post .text .link a:hover { background-image: url("../img/ic_window01_br.png"); background-color: #524b49; color: #fff; }
#info_ar #info_post #photo { display: flex; display: -webkit-flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
#info_ar #info_post #photo > div { width: calc(50% - 20px); }
#info_ar #info_post #photo > div:first-of-type { width: 100%; max-width: 1000px; }
#info_ar #info_post #photo > div:nth-of-type(n+4) { margin: 40px 0 0 0; }
#info_ar #info_post #photo > div a:hover, #info_ar #info_post #photo > div a:active { opacity: 0.75; }
#info_ar #info_post #photo p { margin: 15px 0 0 0; line-height: 1.6; font-size: 13px; text-align: center; }
#info_ar #info_post #photo.post_one > div { margin: 0 auto; display: block; width: 100%; max-width: 500px; }
#info_ar #info_post #photo.post_one > div:first-of-type { margin: 0 auto 30px auto; width: 100%; max-width: 1000px; }
#info_ar #info_post .file { max-width: 1000px; }
#info_ar #info_post .file .frm { padding: 30px; background: #e1ddd5; }
#info_ar #info_post .file h3, #info_ar #info_post .file h4 { margin: 0 0 10px 0; line-height: 1.5; font-size: 23px; font-weight: 500; }
#info_ar #info_post .file a { margin: 2px 0 0 0; padding: 20px 15px 20px 80px; display: block; color: #000; background-image: url("../img/ic_file01_br.png"); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position: left 20px center; background-size: 30px auto; }
#info_ar #info_post .file a:hover, #info_ar #info_post .file a:active { color: #c1272d; background-color: #fff; }
#info_ar .back_btn { margin: 100px auto 0 auto; }

/*--------------------------------------------------------------------------
	施工実例共通
--------------------------------------------------------------------------*/
/*---------- 施工履歴 取得用 ----------*/
#works_record_box { margin: 100px auto 0 auto; padding: 0 10px; width: 100%; max-width: 1120px; }
#works_record_box.re_close { display: none; }
#works_record_box.re_open { display: block; }
#works_record_box #bt_area { display: table; width: 100%; margin-bottom: 25px; }
#works_record_box #bt_area div { display: table-cell; vertical-align: middle; line-height: 0.8; }
#works_record_box #bt_area div:first-child { padding: 0 0 0 26px; background: url("../img/icon_brown.png") no-repeat left top 6px; background-size: 16px auto; font-size: 16px; }
#works_record_box #bt_area div:last-child { text-align: right; }
#works_record_box #bt_area div:last-child span { text-align: center; width: 80px; line-height: 26px; display: inline-block; background: rgba(255, 255, 255, 0); cursor: pointer; border: 1px solid #000; font-size: 13px; }
#works_record_box #bt_area div:last-child span:hover { background: #000; color: #fff; }
#works_record_box #works_record { /*border:#000000 1px solid;*/ display: flex; flex-wrap: wrap; }
#works_record_box #works_record a { margin: 1px 1px 0 0; width: calc(20% - 1px); position: relative; }
#works_record_box #works_record a div.image-wrapper { aspect-ratio: 3/2; }
#works_record_box #works_record a p { position: absolute; display: table; top: 0; width: 100%; height: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: rgba(255, 255, 255, 0); }
#works_record_box #works_record a p span { display: table-cell; vertical-align: middle; text-align: center; padding: 10px; font-size: 13px; word-break: break-all; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity: 0; }
#works_record_box #works_record a:hover p { background: rgba(82, 75, 73, 0.65); color: #fff; }
#works_record_box #works_record a:hover p span { opacity: 1; }

/*--------------------------------------------------------------------------
	施工実例共通 一覧
--------------------------------------------------------------------------*/
#works .list { margin: 0 auto; padding: 0 10px; max-width: 1120px; }
#works .list .list_head { display: table; width: 100%; margin-bottom: 30px; }
#works .list .list_head div { display: table-cell; vertical-align: top; }
#works .list .list_head div.count { padding: 0 0 0 30px; font-size: 16px; font-weight: 500; }
#works .list .list_head div.record_btn { text-align: right; }
#works .list .list_head div.record_btn:hover { cursor: pointer; }
#works .list .list_head div.record_btn:hover span { color: #c1272d; background: url("../img/select_down_r.png") right top 8px no-repeat; background-size: 10px auto; border-bottom: 1px solid #c1272d; }
#works .list .list_head div.record_btn span { display: inline-block; background: url("../img/select_down.png") right top 8px no-repeat; background-size: 10px auto; border-bottom: 1px solid #2e2e7c; padding: 0 18px 5px 0; font-size: 13px; }
#works .list .list_head div.record_btn span.bt_close { display: none; }
#works .list .list_head div.record_btn span.bt_open { display: inline-block; }
#works .list .list_box { display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; margin-bottom: 70px; }
#works .list .list_box section { width: 33.33%; padding: 0 20px; }
#works .list .list_box section:nth-of-type(n+4) { margin: 30px 0 0 0; }
#works .list .list_box section a { display: block; color: #000; }
#works .list .list_box section a:hover { opacity: 0.6; }
#works .list .list_box section a .photo { margin-bottom: 10px; }
#works .list .list_box section a .photo.image-wrapper { aspect-ratio: 3/2; }
#works .list .list_box section a h2, #works .list .list_box section a h3 { font-size: 14px; font-weight: 400; text-align: center; }
#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; letter-spacing: 0.05em; text-align: center; font-size: 12px; }
#works .list .list_box section a .value_data ul li + li { border-left: 1px solid #000; }
#works #nav_list { margin: 0 auto; padding: 0 10px; max-width: 1120px; }
#works #nav_list #pagenation { padding: 100px 0 0 0; border-top: 1px solid #524b49; }
#works .search { margin: 0 0 50px 0; padding: 15px 10px 25px 10px; background: #fff; }
#works .search .type_select_area { margin: 10px auto 0 auto; display: table; width: 100%; max-width: 1050px; table-layout: fixed; }
#works .search .type_select_area .type_box, #works .search .type_select_area .entry_box { display: table-cell; vertical-align: middle; }
#works .search .type_select_area .type_box dl, #works .search .type_select_area .entry_box dl { margin: 0 25px 0 0; display: inline-block; font-size: 0; }
#works .search .type_select_area .type_box dl dt, #works .search .type_select_area .type_box dl dd, #works .search .type_select_area .entry_box dl dt, #works .search .type_select_area .entry_box dl dd { display: inline-block; }
#works .search .type_select_area .type_box dl dt, #works .search .type_select_area .entry_box dl dt { font-size: 12px; }
#works .search .type_select_area .type_box dl dd select, #works .search .type_select_area .entry_box dl dd select { background: url("../img/select_down.png") right 6px center no-repeat #FFF; background-size: 6px auto; margin: 0 0 0 5px; padding: 5px 16px 5px 8px; border: 1px solid #000; line-height: 1; font-size: 13px; font-family: 'Noto Sans', 'Noto Sans JP', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; appearance: none; }
#works .search .type_select_area .type_box dl + span, #works .search .type_select_area .entry_box dl + span { display: inline-block; margin-left: 10px; }
#works .search .type_select_area .type_box { width: 320px; }
#works .search .type_select_area .entry_box { border-left: 1px solid #000; text-align: right; }
#works .search .type_select_area .entry_box input { background: url("../img/icon_search.png") right 5px center no-repeat #2e2e7c; background-size: 15px auto; border: 0; padding: 0 20px 0 0; width: 60px; line-height: 28px; color: #fff; font-size: 13px; font-family: 'Noto Sans', 'Noto Sans JP', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; text-align: center; cursor: pointer; }
#works .search .type_select_area .entry_box input:hover { background-color: #3281a9; }
#works .search .sp_box { display: none; }

/*--------------------------------------------------------------------------
	施工実例共通 詳細
--------------------------------------------------------------------------*/
#works .post { margin: 0 auto; padding: 0 10px; max-width: 1120px; word-break: break-all; }
#works .post h2, #works .post h3 { padding: 0 0 20px 0; margin-bottom: 60px; display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }
#works .post h2 .title, #works .post h3 .title { margin: 0 10px 0 0; font-size: 22px; font-weight: 500; padding-left: 30px; line-height: 1.5; }
#works .post h2 .comp, #works .post h3 .comp { font-size: 15px; font-weight: 400; padding-top: 4px; }
#works .post h2 .comp span, #works .post h3 .comp span { font-size: 12px; background: #000; color: #FFF; width: 72px; display: inline-block; text-align: center; margin-right: 10px; padding-bottom: 2px; }
#works .post .top_data { display: table; width: 100%; margin-bottom: 40px; }
#works .post .top_data div { display: table-cell; vertical-align: top; }
#works .post .top_data div.name { background-position: left top 12px; background-repeat: no-repeat; background-size: 18px auto; padding: 0 0 0 16px; font-size: 14px; color: #000; }
#works .post .top_data div.buildday { text-align: right; font-size: 14px; }
#works .post .top_data div.buildday span { display: inline-block; background: #000; margin-right: 10px; padding: 0 10px 0; color: #FFF; line-height: 1.5; }
#works .post .photo_frame { width: 100%; max-width: 1000px; margin: 0 auto 50px; }
#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: 0 auto 50px; position: relative; width: 100%; /*アイコンナビ　設定*/ /*送りナビ（next/prev） 設定*/ }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-stage-outer img { width: auto; display: inline-block; vertical-align: top; max-width: 100%; max-height: 540px; }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-stage-outer article { margin: 0 auto; position: relative; width: 100%; max-width: 1000px; text-align: center; }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-stage-outer article p { padding: 15px 0 0; width: 100%; line-height: 1.6; background-color: rgba(255, 255, 255, 0); }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-dots { display: none; }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-nav { padding: 0; position: absolute; width: 100%; top: 50%; /* IE8以下とAndroid4.3以下用フォールバック */ transform: translateY(-50%); box-sizing: border-box; }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-nav [class*=owl-] { box-sizing: border-box; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 50px; height: 130px; background-size: 12px auto; background-position: center center; background-repeat: no-repeat; }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-nav .owl-next { background-image: url("../img/ar01_wh_r.png"); float: right; }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-nav .owl-next:hover { opacity: 0.75; }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-nav .owl-prev { background-image: url("../img/ar01_wh_l.png"); float: left; }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-nav .owl-prev:hover { opacity: 0.75; }
#works .post .photo_frame .photo #carousel .owl-carousel .owl-nav .disabled { opacity: 0.3; cursor: default; }
#works .post .photo_frame .photo #carousel .owl-thumbs { margin: 0 auto; display: flex; width: 100%; max-width: 1000px; flex-wrap: wrap; }
#works .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item { margin: 0 10px; padding: 0; border: 2px solid rgba(255, 255, 255, 0); width: calc(10% - 20px); cursor: pointer; box-sizing: border-box; }
#works .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item span { display: block; width: 100%; }
#works .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item span.image-wrapper { aspect-ratio: 1/1; }
#works .post .value_data { margin: 50px auto 0; text-align: center; }
#works .post .value_data ul { display: inline-block; background: #fff; font-size: 0; }
#works .post .value_data ul li { display: inline-block; padding: 2px 0 2px; letter-spacing: 0.1em; font-size: 16px; }
#works .post .value_data ul li:first-child { background: #000; width: 80px; color: #FFF; }
#works .post .value_data ul li:first-child + li span { border: none; }
#works .post .value_data ul li span { display: inline-block; border-left: 1px solid #000; padding: 0 15px 0; line-height: 1; }
#works .post .w_navi { margin: 40px auto 0; }
#works .post .w_navi ul { display: flex; display: -webkit-flex; flex-wrap: wrap; }
#works .post .w_navi ul li { width: 25%; padding: 0 5px 0; }
#works .post .w_navi ul li:nth-child(n+5) { margin-top: 10px; }
#works .post .w_navi ul li a { display: block; background: url("../img/ic_arror02_wh_b.png") center bottom 10px no-repeat #333; background-size: 20px auto; border-radius: 10px; padding: 7px 10px 38px; color: #FFF; text-align: center; font-size: 12px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#works .post .w_navi ul.two { margin: 0 auto 0; max-width: 50%; }
#works .post .w_navi ul.two li { width: 50%; }
#works .post .w_navi ul.three { margin: 0 auto 0; max-width: 75%; }
#works .post .w_navi ul.three li { width: 33.33%; }
#works .post .comment { padding: 50px 50px 50px; margin: 50px auto 0; width: 100%; }
#works .post .comment p { min-height: 25px; }
#works .post .site_link { margin: 70px auto 0; width: 100%; max-width: 550px; }
#works .post .site_link li { width: 100%; }
#works .post .site_link li + li { margin-top: 10px; }
#works .post .site_link li a { display: block; width: 100%; background-position: left 15px top 16px; background-repeat: no-repeat; background-size: 15px; padding: 10px 10px 10px 45px; }
#works .post .qa { margin-top: 100px; }
#works .post .qa section + section { margin-top: 30px; }
#works .post .qa section h3 { background-position: left top 3px; background-repeat: no-repeat; background-size: 16px auto; margin-bottom: 20px; padding: 0 0 0 30px; line-height: 1.5; font-size: 14px; font-weight: 500; }
#works .post .qa section p { padding: 30px; }
#works .post .date { margin-top: 50px; }
#works .post .date article { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap; width: 100%; }
#works .post .date article dl { display: -webkit-box; display: -webkit-flex; display: flex; width: 50%; padding: 0 10px; font-size: 14px; }
#works .post .date article dl dt, #works .post .date article dl dd { padding: 10px 10px 10px; border-bottom: 1px solid #c3bcac; }
#works .post .date article dl dt { padding: 10px 10px 10px; width: 136px; min-width: 136px; color: #fff; background: #9b8f74; font-weight: 500; }
#works .post .date article dl dd { padding-left: 20px; width: 100%; background: #fff; }
#works .post .date article > :nth-child(-n+2) dt, #works .post .date article > :nth-child(-n+2) dd { border-top: 1px solid #c3bcac; }
#works .post .sub_post { margin-top: 100px; }
#works .post .sub_post .sub_items { margin-bottom: 20px; padding: 90px 100px 100px; background: #edf0f3; }
#works .post .sub_post .sub_items > ul { width: 100%; max-width: 800px; margin: 0 auto 30px; }
#works .post .sub_post .sub_items > ul li { margin-bottom: 10px; text-align: center; }
#works .post .sub_post .sub_items > ul li > a { position: relative; display: inline-block; }
#works .post .sub_post .sub_items > ul li > a .sub_photo:hover { opacity: 0.75; }
#works .post .sub_post .sub_items > ul li > a .sub_photo img { display: block; margin: 0 auto; width: auto; max-width: 100%; }
#works .post .sub_post .sub_items > ul li > a .sub_photo img.h_low { width: 100%; max-width: 100%; }
#works .post .sub_post .sub_items > ul li > a .sub_photo img.h_hi { max-width: 530px; max-width: 100%; }
#works .post .sub_post .sub_items > ul li > a p { display: none; }
#works .post .sub_post .sub_items > ul li > a:hover { color: #FFF; }
#works .post .sub_post .sub_items > ul li > a:hover p { text-align: left; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); padding: 10px; }
#works .post .sub_post .sub_items > ul :last-child { margin-bottom: 0; }
#works .post .sub_post .sub_items .before ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#works .post .sub_post .sub_items .before ul li { width: 50%; padding: 0 10px; margin-bottom: 50px; }
#works .post .sub_post .sub_items .before ul li > a { position: relative; display: block; width: 100%; }
#works .post .sub_post .sub_items .before ul li > a .sub_r_photo { position: relative; overflow: hidden; background-color: #FFF; }
#works .post .sub_post .sub_items .before ul li > a .sub_r_photo img { position: absolute; }
#works .post .sub_post .sub_items .before ul li > a p { display: none; }
#works .post .sub_post .sub_items .before ul li > a:hover { color: #FFF; }
#works .post .sub_post .sub_items .before ul li > a:hover .sub_r_photo { opacity: 0.75; }
#works .post .sub_post .sub_items .before ul li > a:hover p { text-align: left; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); padding: 10px; }
#works .post .sub_post .sub_items .comment { background: #fff; margin: 0 auto 0; padding: 50px; max-width: 900px; }
#works .post .sub_post .sub_items:last-child { margin-bottom: 0; }
#works .post .back_btn { margin-top: 100px; padding-top: 100px; }

/*--------------------------------------------------------------------------
	新築施工実例 一覧
--------------------------------------------------------------------------*/
#works.new { padding-top: 0; }
#works.new .list .list_head div.count { background: url("../img/icon_brown.png") no-repeat left top 9px; background-size: 16px auto; }
#works.new #post_none { margin: 150px auto 50px auto; }

/*--------------------------------------------------------------------------
	新築施工実例 詳細
--------------------------------------------------------------------------*/
#works.new_ar .post h2, #works.new_ar .post h3 { border-bottom: 1px solid #000; }
#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; }
#works.new_ar .post h2 .comp span, #works.new_ar .post h3 .comp span { background: #000; }
#works.new_ar .post .top_data div.name { background-image: url("../img/ic_arror01_bl_r.png"); background-position: left top 8px; background-size: 6px auto; }
#works.new_ar .post .top_data div.buildday span { background: #524b49; }
#works.new_ar .post .photo_frame .photo #carousel { /*カルーセルメイン写真　設定*/ /*owl.thumbs 設定*/ }
#works.new_ar .post .photo_frame .photo #carousel .owl-carousel { /*送りナビ（next/prev） 設定*/ }
#works.new_ar .post .photo_frame .photo #carousel .owl-carousel .owl-stage-outer article .main_photo { background-color: rgba(255, 255, 255, 0); }
#works.new_ar .post .photo_frame .photo #carousel .owl-carousel .owl-nav [class*=owl-] { background-color: #524b49; }
#works.new_ar .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item:hover, #works.new_ar .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item.active { background: #fff; border: 2px solid #3281a9; }
#works.new_ar .post .value_data ul li:first-child { background: #524b49; }
#works.new_ar .post .w_navi ul li a:link, #works.new_ar .post .w_navi ul li a:visited { background-color: #000; }
#works.new_ar .post .w_navi ul li a:hover, #works.new_ar .post .w_navi ul li a:active { background-color: #3281a9; }
#works.new_ar .post .comment { border: 1px solid #c3bcac; background-color: #fff; }
#works.new_ar .post .site_link li a { border: 1px solid #524b49; background-image: url("../img/ic_window01_br.png"); background-color: #fff; border: 1px solid #524b49; color: #000; }
#works.new_ar .post .site_link li a:hover { background-image: url("../img/ic_window01_br.png"); background-color: #524b49; color: #fff; }
#works.new_ar .post .qa section h3 { background-image: url("../img/icon_brown.png"); }
#works.new_ar .post .qa section p { background: #e1ddd5; }
#works.new_ar .post .sub_post .sub_items { background: #fff; }
#works.new_ar .post .sub_post .sub_items h3, #works.new_ar .post .sub_post .sub_items h4 { background-position: left top 6px; background-repeat: no-repeat; background-size: 16px auto; background-image: url("../img/icon_brown.png"); border-bottom: 1px solid #2e2e7c; margin-bottom: 30px; padding: 0 0 25px 28px; line-height: 1.5; font-size: 18px; font-weight: 500; color: #000; }
#works.new_ar .post .sub_post .sub_items .comment { border: none; background-color: #e1ddd5; }
#works.new_ar .post .back_btn { border-top: 1px solid #000; }

/*--------------------------------------------------------------------------
	リフォーム共通 詳細
--------------------------------------------------------------------------*/
#works.works_r_ar .post .re_title { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; border-bottom: #000 1px solid; margin-bottom: 30px; padding: 0 0 20px; }
#works.works_r_ar .post .re_title h2 { line-height: 1.5; text-align: left; font-size: 25px; font-weight: 500; color: #000; }
#works.works_r_ar .post .re_title .cat { display: inline-block; color: #FFF; padding: 0 15px 0; font-size: 14px; }
#works.works_r_ar .post .sub_post .sub_items { background: none; padding: 0 0 0; }
#works.works_r_ar .post .sub_post .sub_items + .sub_items { margin-top: 100px; }
#works.works_r_ar .post .sub_post .sub_items h3 { background-position: left top 6px; background-repeat: no-repeat; background-size: 12px auto; border-bottom: 1px solid #000; margin-bottom: 30px; padding: 0 0 30px 22px; line-height: 1.5; font-size: 18px; font-weight: 500; color: #000; }
#works.works_r_ar .post .sub_post .sub_items .item_ph { padding: 40px 40px 40px; }
#works.works_r_ar .post .sub_post .sub_items .item_ph h4 { font-size: 41px; font-weight: 500; font-family: "Noto Serif JP", serif; line-height: 1; padding: 0 0 25px 0; margin-bottom: 30px; border-bottom: 1px solid #000; }
#works.works_r_ar .post .sub_post .sub_items .item_ph > ul li article a:hover { opacity: 0.75; }
#works.works_r_ar .post .sub_post .sub_items .item_ph > ul li article a:has(p):hover { opacity: 1; }
#works.works_r_ar .post .sub_post .sub_items .item_ph > ul li article a .sub_photo { position: relative; }
#works.works_r_ar .post .sub_post .sub_items .item_ph > ul li article a .ba_name { position: absolute; top: 10px; left: 10px; display: block; width: 80px; color: #FFF; font-size: 12px; text-align: center; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.befor + .after { margin-top: 20px; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; /* 列の間隔を設定 */ row-gap: 20px; /* 行の間隔を設定 */ padding: 0 10px; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul li article a { display: block; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul li article a .sub_photo { text-align: center; background-color: #fff; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul li article a .sub_photo.image-wrapper { aspect-ratio: 3/2; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul li article a .sub_photo img { width: auto; max-width: 100%; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul li article a .sub_photo img.h_low { width: auto; max-width: 100%; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul li article a .sub_photo img.h_hi { max-width: 530px; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.befor > ul li p { margin-top: 7px; line-height: 1.5; font-size: 13px; text-align: center; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul { width: 100%; max-width: 800px; margin: 0 auto 50px; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul:last-child { margin-bottom: 0; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li + li { margin-top: 50px; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a { display: block; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a .sub_photo { position: relative; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a .sub_photo img { display: block; margin: 0 auto; width: auto; max-width: 100%; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a .sub_photo img.h_low { width: auto; max-width: 100%; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a .sub_photo img.h_hi { max-width: 530px; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li p { line-height: 1.5; font-size: 13px; text-align: center; }
#works.works_r_ar .post .sub_post .sub_items .comment { background: #FFF; margin: 20px auto 0; padding: 50px; max-width: 100%; }
#works.works_r_ar .post .sub_post .sub_items:last-child { margin-bottom: 0; }
#works.works_r_ar .post .back_btn { border-top: 1px solid #524b49; }

/*--------------------------------------------------------------------------
	リフォーム施工実例 一覧
--------------------------------------------------------------------------*/
#works.works_r .search .type_select_area .type_box { width: 120px; }
#works.works_r .search .type_select_area .entry_box { text-align: left; padding-left: 30px; }
#works.works_r .list .list_head div.count { background: url("../img/icon_blue.png") no-repeat left top 9px; background-size: 16px auto; }

/*--------------------------------------------------------------------------
	リフォーム施工実例 詳細
--------------------------------------------------------------------------*/
#works.works_r_ar .post h2, #works.works_r_ar .post h3 { border-bottom: 1px solid #524b49; }
#works.works_r_ar .post h2 .title, #works.works_r_ar .post h3 .title { background: url("../img/icon_blue.png") no-repeat left top 11px; background-size: 16px auto; }
#works.works_r_ar .post h2 .comp span, #works.works_r_ar .post h3 .comp span { background: #524b49; }
#works.works_r_ar .post .top_data div.name { background-image: url("../img/ic_arror01_gr_r.png"); background-position: left top 8px; background-size: 6px auto; }
#works.works_r_ar .post .top_data div.buildday span { background: #009b90; }
#works.works_r_ar .post .photo_frame .photo #carousel { /*カルーセルメイン写真　設定*/ /*owl.thumbs 設定*/ }
#works.works_r_ar .post .photo_frame .photo #carousel .owl-carousel { /*送りナビ（next/prev） 設定*/ }
#works.works_r_ar .post .photo_frame .photo #carousel .owl-carousel .owl-stage-outer article .main_photo { background-color: rgba(255, 255, 255, 0); }
#works.works_r_ar .post .photo_frame .photo #carousel .owl-carousel .owl-nav [class*=owl-] { background-color: #524b49; }
#works.works_r_ar .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item:hover, #works.works_r_ar .post .photo_frame .photo #carousel .owl-thumbs .owl-thumb-item.active { background: #fff; border: 2px solid #3281a9; }
#works.works_r_ar .post .value_data ul li:first-child { background: #009b90; }
#works.works_r_ar .post .w_navi ul li a:link, #works.works_r_ar .post .w_navi ul li a:visited { background-color: #000; }
#works.works_r_ar .post .w_navi ul li a:hover, #works.works_r_ar .post .w_navi ul li a:active { background-color: #3281a9; }
#works.works_r_ar .post .comment { border: 1px solid #c3bcac; background-color: #fff; }
#works.works_r_ar .post .site_link li a { border: 1px solid #524b49; background-image: url("../img/ic_window01_br.png"); background-color: #fff; border: 1px solid #524b49; color: #000; }
#works.works_r_ar .post .site_link li a:hover { background-image: url("../img/ic_window01_br.png"); background-color: #524b49; color: #fff; }
#works.works_r_ar .post .qa section h3 { background-image: url("../img/icon_blue.png"); }
#works.works_r_ar .post .qa section p { background: #e0ecf2; }
#works.works_r_ar .post .sub_post { padding: 90px 15px 100px 15px; background: #fff; }
#works.works_r_ar .post .sub_post .sub_items { margin: 100px auto 0 auto; max-width: 900px; }
#works.works_r_ar .post .sub_post .sub_items:first-of-type { margin: 0 auto; }
#works.works_r_ar .post .sub_post .sub_items h3, #works.works_r_ar .post .sub_post .sub_items h4 { background-position: left top 6px; background-repeat: no-repeat; background-size: 16px auto; background-image: url("../img/icon_blue.png"); border-bottom: 1px solid #2e2e7c; margin-bottom: 30px; padding: 0 0 25px 28px; line-height: 1.5; font-size: 18px; font-weight: 500; color: #000; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.before { background-color: rgba(255, 255, 255, 0); }
#works.works_r_ar .post .sub_post .sub_items .item_ph.before > ul li article a { position: relative; display: block; width: 100%; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.before > ul li article a .sub_photo.image-wrapper { aspect-ratio: 3/2; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.before > ul li article a .ba_name { border: 1px solid #c69c6d; color: #000; background-color: #fff; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.before > ul li article a p { display: none; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.before > ul li article a:hover { color: #FFF; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.before > ul li article a:hover p { text-align: left; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); padding: 40px 10px 10px 10px; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after { background-color: rgba(255, 255, 255, 0); }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a { position: relative; display: block; width: 100%; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a .ba_name { border: 1px solid #3281a9; color: #fff; background-color: #3281a9; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a p { display: none; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a:hover { color: #FFF; }
#works.works_r_ar .post .sub_post .sub_items .item_ph.after > ul li article a:hover p { text-align: left; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); padding: 40px 10px 10px 10px; }
#works.works_r_ar .post .sub_post .sub_items .comment { border: none; background-color: #e0ecf2; }

/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
#construction, #construction_cov, #construction_ar { word-break: break-all; }
#construction .bbox, #construction_cov .bbox, #construction_ar .bbox { margin: 0 auto; }

.cover_type { line-height: 0; font-size: 0; }
.cover_type .type, .cover_type .main_cover { display: inline-block; vertical-align: top; }
.cover_type .type { margin: 8px 15px 0 0; padding: 0 10px; line-height: 22px; color: #fff; text-align: center; font-size: 12px; min-width: 100px; }
.cover_type .type.new { background: #524b49; }
.cover_type .type.reform { background: #3281a9; }
.cover_type .type.build { background: #666; }
.cover_type .main_cover { line-height: 1.6; color: #000; font-size: 22px; font-weight: 500; }

.const_photo_list { margin: 0 auto; display: flex; display: -webkit-flex; font-size: 13px; flex-wrap: wrap; }
.const_photo_list a { margin: 0 auto; padding: 0 3px; display: flex; display: -webkit-flex; width: 33.33%; color: #000; }
.const_photo_list a:hover, .const_photo_list a:active { color: #666; opacity: 0.75; }
.const_photo_list a:nth-of-type(n+4) { margin: 30px auto 0 auto; }
.const_photo_list a .item { display: flex; display: -webkit-flex; width: 100%; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
.const_photo_list a .item .ph { background: #e1ddd5; }
.const_photo_list a .item .ph div.image-wrapper { aspect-ratio: 3/2; }

/*--------------------------------------------------------------------------
	一覧
--------------------------------------------------------------------------*/
#construction p.msg { margin: 0 auto 65px auto; text-align: center; }
#construction .time { margin: 20px 0 0 0; padding: 5px 10px; color: #fff; background: #9b8f74; }
#construction .post { margin: 30px auto 0 auto; padding: 40px; border: 1px solid #c3bcac; background: #fff; }
#construction .post:first-of-type { margin: 0 auto; }
#construction .post .complete { display: inline-block; background: #000; margin-bottom: 5px; width: 200px; line-height: 1.4; color: #FFF; font-size: 12px; text-align: center; }
#construction .post .const_list { margin: 30px auto 0 auto; display: table; width: 100%; }
#construction .post .const_list .ph, #construction .post .const_list .list { display: table-cell; vertical-align: top; }
#construction .post .const_list .ph { width: 360px; }
#construction .post .const_list .ph div { background: #e1ddd5; }
#construction .post .const_list .ph div.image-wrapper { aspect-ratio: 3/2; }
#construction .post .const_list .ph div:hover { opacity: 0.75; }
#construction .post .const_list .ph.no_list { margin: 0 auto; display: block; width: 100%; max-width: 400px; }
#construction .post .const_list .list { padding: 0 0 0 30px; }
#construction .post .const_list .list a.ar { display: block; background-color: #fff; background-image: url("../img/ic_arror02_bk_r.png"); background-position: right 15px center; background-repeat: no-repeat; background-size: 7px auto; border-left: 3px solid #c3bcac; padding: 10px 40px 10px 20px; width: 100%; color: #000; }
#construction .post .const_list .list a.ar:hover, #construction .post .const_list .list a.ar:active { border-left: 3px solid #524b49; color: #000; background-color: #c3bcac; }
#construction .post .const_list .list a.ar + a { margin-top: 1px; }
#construction .post .const_list .list a.ar dl { display: table; width: 100%; table-layout: fixed; }
#construction .post .const_list .list a.ar dl dt, #construction .post .const_list .list a.ar dl dd { display: table-cell; vertical-align: middle; }
#construction .post .const_list .list a.ar dl dt { width: 130px; }
#construction .post .const_list .back_btn a { margin: 20px 0 0 auto; display: block; line-height: 40px; max-width: 250px; }
#construction .post .const_list .back_btn a:hover { border: 1px solid #524b49; color: #fff; background: #524b49; }
#construction #nav_list { margin: 50px 0 0 0; }

/*--------------------------------------------------------------------------
	概要
--------------------------------------------------------------------------*/
#construction_cov .cover_type { margin: 0 0 50px 0; padding: 0 0 15px 0; border-bottom: 1px solid #524b49; }
#construction_cov .cover_data { margin: 0 auto; display: table; width: 100%; }
#construction_cov .cover_data .main_ph, #construction_cov .cover_data .data { display: table-cell; vertical-align: top; }
#construction_cov .cover_data .main_ph { width: 600px; /*概要データが無い時*/ }
#construction_cov .cover_data .main_ph.no_img { width: 400px; }
#construction_cov .cover_data .main_ph div.image-wrapper { background-color: #e1ddd5; aspect-ratio: 3/2; }
#construction_cov .cover_data .main_ph.no_data { margin: 0 auto; display: block; width: 100%; max-width: 600px; }
#construction_cov .cover_data .main_ph.no_data.no_img { max-width: 400px; }
#construction_cov .cover_data .data { padding: 0 0 0 50px; }
#construction_cov .cover_data .data dl { border-bottom: 1px solid #c3bcac; display: table; width: 100%; table-layout: fixed; font-size: 14px; }
#construction_cov .cover_data .data dl:first-of-type { border-top: 1px solid #c3bcac; }
#construction_cov .cover_data .data dl dt, #construction_cov .cover_data .data dl dd { display: table-cell; vertical-align: middle; }
#construction_cov .cover_data .data dl dt { padding: 3px 20px; width: 190px; color: #fff; background: #9b8f74; font-size: 13px; font-weight: 500; text-align: center; }
#construction_cov .cover_data .data dl dd { padding: 10px 15px; background: #fff; }
#construction_cov .faq { border: 1px solid #c3bcac; margin: 100px 0 0 0; padding: 25px 30px; background: #fff; }
#construction_cov .faq .qa { margin: 45px 0 0 0; }
#construction_cov .faq .qa:first-of-type { margin: 0; }
#construction_cov .faq .qa h3 { margin: 0 0 15px 0; line-height: 1.5; color: #000; font-size: 18px; font-weight: 500; }
#construction_cov .faq .qa h3::before { padding: 0 10px 0 0; color: #9b8f74; font-size: 18px; content: '■'; }
#construction_cov .faq .qa p { font-size: 15px; }
#construction_cov .ar_list { margin: 100px 0 0 0; }
#construction_cov .ar_list > h3, #construction_cov .ar_list > h4 { margin: 0 0 50px 0; line-height: 40px; background: #524b49; color: #fff; font-size: 16px; font-weight: 500; text-align: center; }
#construction_cov .const_photo_list a .item .cap { margin-top: 20px; }
#construction_cov .const_photo_list a .item .cap p { color: #000; font-size: 13px; }
#construction_cov .const_photo_list a .item .cap h4, #construction_cov .const_photo_list a .item .cap h5 { color: #000; font-size: 15px; font-weight: 500; }
#construction_cov .const_photo_list a:hover .item .cap p, #construction_cov .const_photo_list a:hover .item .cap h4, #construction_cov .const_photo_list a:hover .item .cap h5 { opacity: 0.75; }
#construction_cov .back_btn { margin-top: 100px; padding: 50px 0 0 0; border-top: 1px solid #524b49; }

/*--------------------------------------------------------------------------
	詳細
--------------------------------------------------------------------------*/
#construction_ar .cover_type { margin: 0 0 30px 0; }
#construction_ar .main_cap p { margin: 0 0 20px 0; padding: 0 0 0 15px; border-left: 5px solid #9b8f74; line-height: 1.5; color: #000; font-size: 14px; }
#construction_ar .main_cap p span::after { content: "｜"; }
#construction_ar .main_cap h2, #construction_ar .main_cap h3 { color: #000; font-size: 26px; font-weight: 500; line-height: 1.5; }
#construction_ar .note { margin: 25px 0 0 0; border: 1px solid #c3bcac; padding: 30px; background: #fff; }
#construction_ar .const_photo_list { margin: 50px 0 0 0; }
#construction_ar .const_photo_list a .item .cap { margin: 5px 0 0 0; line-height: 1.6; }
#construction_ar .back_btn { margin: 140px 0 0 0; padding: 50px 0 0 0; border-top: 1px solid #524b49; }
#construction_ar .back_btn ul { margin: 0 auto; display: table; width: 100%; max-width: 660px; table-layout: fixed; }
#construction_ar .back_btn ul li { display: table-cell; vertical-align: middle; padding: 0 15px; }
#construction_ar .back_btn a { font-size: 15px; max-width: 300px; }

/*---------- メイン表示部 ----------*/
#gallery { position: relative; padding: 100px 0 100px; }
#gallery #gallery_wrap { padding: 20px 20px 0; }
#gallery #image_box { margin: 0 auto; position: relative; }
#gallery div.item { opacity: 0; transition-property: opacity; transition-duration: 1s; }
#gallery div.item img { width: 100%; height: auto; vertical-align: bottom; }
#gallery div.item .photo_data { padding: 10px; position: absolute; top: 0; width: 100%; height: 100%; line-height: 1.5; overflow: hidden; background-color: rgba(255, 255, 255, 0.7); opacity: 0; }
#gallery div.item .photo_data a { margin: 0 0 5px; padding: 5px 12px; display: inline-block; width: 130px; color: #fff; font-size: 13px; font-weight: 500; }
#gallery div.item .photo_data a:hover { text-decoration: none; }
#gallery div.item .photo_data a.w_link { margin: 0 5px 8px 0; background: url(../../gallery/img/ico_works.png) no-repeat #524b49 right 10px center; background-size: 8px auto; }
#gallery div.item .photo_data a.w_link:hover { background-color: #9b8f74; }
#gallery div.item .photo_data a.w_link img { padding: 3px 0 0 0; width: 7px; height: 12px; vertical-align: top; }
#gallery div.item .photo_data a.p_zoom { margin: 0; background: url(../../gallery/img/ico_zoom.png) no-repeat #524b49 right 10px center; background-size: 12px auto; }
#gallery div.item .photo_data a.p_zoom:hover { background-color: #9b8f74; }
#gallery div.item .photo_data a.p_zoom img { padding: 3px 0 0 0; width: 12px; height: 12px; vertical-align: top; }
#gallery div.item .photo_data p { font-size: 13px; font-weight: 500; margin-top: 50px; }
#gallery div.item_on { opacity: 1; }
#gallery #nav_list { margin: 95px auto 0 auto; padding: 100px 0 0 0; border-top: 1px solid #000; }

/*---------- ナビゲーション ----------*/
#gallery #gal_navi_box { margin: 0 auto; position: relative; max-width: 960px; }
#gallery #gal_navi { margin: 0 auto; max-width: 960px; }
#gallery #gal_navi #btn_op_cl { background: url("../../gallery/img/photogallery.png") no-repeat #524b49 right 16px center; background-size: 12px auto; width: 240px; display: grid; grid-template-columns: 1fr 45px; }
#gallery #gal_navi #btn_op_cl > span { border-left: 1px solid #fff; display: block; width: 45px; }
#gallery #gal_navi #btn_op_cl p { padding: 10px 15px; color: #fff; width: 100%; }
#gallery #gal_navi #btn_op_cl p .font_ck { font-size: 12px; }
#gallery #gal_navi #btn_op_cl p .font_ck .in_blo { display: inline; }
#gallery #gal_navi .menu_wrap { display: none; position: absolute; width: 100%; z-index: 8000; }
#gallery #gal_navi .menu { padding: 15px 10px; width: 100%; background: #524b49; border: 1px solid #524b49; }
#gallery #gal_navi .menu ul { display: flex; display: -webkit-flex; flex-wrap: wrap; }
#gallery #gal_navi .menu ul li { border: 1px solid #524b49; display: flex; display: -webkit-flex; width: 20%; text-align: center; }
#gallery #gal_navi .menu ul li a { padding: 15px 0; display: flex; display: -webkit-flex; width: 100%; line-height: 1; color: #000; background: #fff; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; font-size: 14px; }
#gallery #gal_navi .menu ul li a:hover { color: #000; background: #e1ddd5; }
#gallery #gal_navi .menu ul li a.active { color: #fff; background: #9b8f74; }
#gallery #gal_navi .menu ul li a .font_ck { line-height: 1.8; font-size: 13px; }

/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
#enquete, #enquete_ar { word-break: break-all; }

#sub_title.enquete { background-image: url("../../enquete/img/titleback.jpg"); }

/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
#enquete .post_list { display: flex; display: -webkit-flex; text-align: center; flex-wrap: wrap; justify-content: space-between; }
#enquete .post_list::after { display: block; width: calc(33.33% - 26px); content: ''; }
#enquete .post_list > a { display: flex; display: -webkit-flex; width: calc(33.33% - 26px); }
#enquete .post_list > a:nth-of-type(n+4) { margin: 40px 0 0 0; }
#enquete .post_list > a:link section, #enquete .post_list > a:visited section { border: 1px solid #c3bcac; color: #000; background: #fff; border-radius: 10px; }
#enquete .post_list > a:link section p.type span, #enquete .post_list > a:visited section p.type span { color: #fff; background: #000; }
#enquete .post_list > a:link section p.type.re span, #enquete .post_list > a:visited section p.type.re span { color: #fff; background: #3281a9; }
#enquete .post_list > a:active section, #enquete .post_list > a:hover section { border: 1px solid #c3bcac; color: #000; background: #e1ddd5; }
#enquete .post_list > a section { padding: 30px 20px; display: flex; display: -webkit-flex; width: 100%; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; }
#enquete .post_list > a section .ph { margin: 0 auto 15px auto; display: block; width: 100%; max-width: 100px; }
#enquete .post_list > a section .ph div { border-radius: 50px; }
#enquete .post_list > a section .ph div.image-wrapper { aspect-ratio: 1/1; }
#enquete .post_list > a section p.type { text-align: center; }
#enquete .post_list > a section p.type span { display: inline-block; width: 100px; font-size: 12px; font-weight: 500; }
#enquete .post_list > a section h2, #enquete .post_list > a section h3 { margin: 15px 0 0 0; line-height: 1.4; font-size: 21px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#enquete .post_list > a section ul li.rate { margin: 5px 0 0 0; }
#enquete .post_list > a section ul li.rate span { margin: 0 5px 0 0; display: inline-block; line-height: 16px; vertical-align: middle; font-size: 16px; font-weight: 500; }
#enquete .post_list > a section ul li.rate img { display: inline-block; line-height: 16px; vertical-align: middle; max-width: 90px; }
#enquete .post_list > a section ul li.build { margin: 10px 0 0 0; }
#enquete .post_list > a section ul li.build span { margin: 0 15px 0 0; display: inline-block; font-weight: 700; }
#enquete .post_list > a section ul li.build + li.family { margin: 0; }
#enquete .post_list > a section ul li.family { margin: 10px 0 0 0; }
#enquete #nav_list { margin: 100px 0 0 0; padding: 100px 0 0 0; border-top: 1px solid #524b49; }

/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
#enquete_ar .intro { padding: 40px 10px 40px 10px; width: 100%; background: #f0eeea; }
#enquete_ar .intro .frm { margin: 0 auto; display: table; width: 100%; max-width: 1000px; table-layout: fixed; }
#enquete_ar .intro .frm .ph, #enquete_ar .intro .frm .info { display: table-cell; vertical-align: top; }
#enquete_ar .intro .frm .ph { width: 283px; }
#enquete_ar .intro .frm .ph div.image-wrapper { aspect-ratio: 3/2; }
#enquete_ar .intro .frm .info { padding: 0 0 0 40px; }
#enquete_ar .intro .frm .info .name p { display: inline-block; width: 100px; line-height: 22px; color: #fff; background: #524b49; font-size: 12px; font-weight: 500; text-align: center; }
#enquete_ar .intro .frm .info .name h2, #enquete_ar .intro .frm .info .name h3 { margin: 10px 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #524b49; line-height: 1.4; font-size: 30px; font-weight: 700; }
#enquete_ar .intro .frm .info .name dl { margin: 0 0 15px 0; display: table; width: 100%; line-height: 1.2; }
#enquete_ar .intro .frm .info .name dl dt, #enquete_ar .intro .frm .info .name dl dd { display: table-cell; vertical-align: middle; }
#enquete_ar .intro .frm .info .name dl dt { padding: 0 0 0 30px; width: 165px; background: url("../img/icon_brown.png") no-repeat left top 4px; background-size: 16px auto; font-size: 18px; font-weight: 500; }
#enquete_ar .intro .frm .info .name dl dd img { max-width: 110px; }
#enquete_ar .intro .frm .info .data div { margin: 0 15px 0 0; display: inline-block; }
#enquete_ar .intro .frm .info .data div dl { display: table; width: 100%; font-size: 15px; }
#enquete_ar .intro .frm .info .data div dl dt::after { content: '｜'; }
#enquete_ar .intro .frm .info .data div dl dt span { font-weight: 700; }
#enquete_ar .intro .frm .info .data div dl dt, #enquete_ar .intro .frm .info .data div dl dd { display: table-cell; vertical-align: top; }
#enquete_ar .post_list { margin: 0 auto 50px auto; padding: 75px 10px 50px 10px; background: #fff; max-width: 1100px; }
#enquete_ar .post_list section { margin: 50px auto 0 auto; max-width: 1000px; }
#enquete_ar .post_list section:first-of-type { margin: 0 auto; }
#enquete_ar .post_list h3, #enquete_ar .post_list h4 { margin: 0 0 20px 0; padding: 0 0 0 30px; line-height: 1.6; color: #000; background: url("../img/icon_brown.png") no-repeat left top 7px; background-size: 16px auto; font-size: 18px; font-weight: 500; }
#enquete_ar .post_list .faq_box .comment { padding: 25px 30px; background: #e1ddd5; }
#enquete_ar .post_list .rate .rate_box { padding: 20px; background: #fff; }
#enquete_ar .post_list .rate .rate_box .part { margin: 20px 0 0 0; }
#enquete_ar .post_list .rate .rate_box .part:first-of-type { margin: 0; }
#enquete_ar .post_list .rate .rate_box .part .cat { line-height: 0; font-size: 0; }
#enquete_ar .post_list .rate .rate_box .part .cat h4, #enquete_ar .post_list .rate .rate_box .part .cat h5 { margin: 0 15px 0 0; padding: 2px 0 3px 0; display: inline-block; width: 190px; line-height: 25px; vertical-align: middle; color: #fff; background: #524b49; font-size: 15px; font-weight: 500; text-align: center; }
#enquete_ar .post_list .rate .rate_box .part .cat p { display: inline-block; vertical-align: middle; }
#enquete_ar .post_list .rate .rate_box .part .cat p img { max-width: 110px; }
#enquete_ar .post_list .rate .rate_box .part .comment { margin: 10px 0 0 0; line-height: 1.8; font-size: 15px; }
#enquete_ar .post_list .point .sort ul { padding: 20px 5px 20px 20px; background: #fff; }
#enquete_ar .post_list .point .sort ul li { margin: 0 25px 10px 0; display: inline-block; font-size: 14px; }
#enquete_ar .post_list .point .sort ul li span { padding: 5px 0 5px 30px; background-image: url("../../voice/img/enq_check02.png"); background-position: left top 3px; background-repeat: no-repeat; background-size: 22px auto; }
#enquete_ar .post_list .point .sort ul li span.check { background-image: url("../../voice/img/enq_check01.png"); }
#enquete_ar .post_list .gallery { margin: 100px auto 0 auto; display: flex; display: -webkit-flex; flex-wrap: wrap; max-width: 1000px; }
#enquete_ar .post_list .gallery a { padding: 0 10px; display: flex; display: -webkit-flex; width: 25%; }
#enquete_ar .post_list .gallery a:nth-of-type(n+5) { padding: 40px 10px 0 10px; }
#enquete_ar .post_list .gallery a .ph_box { display: flex; width: 100%; background: #e1ddd5; flex-direction: column; }
#enquete_ar .post_list .gallery a .ph_box div.image-wrapper { aspect-ratio: 3/2; }
#enquete_ar .post_list .from h3, #enquete_ar .post_list .from h4 { margin: 100px 0 0 0; padding: 0 25px; line-height: 40px; color: #fff; background: #524b49; font-size: 16px; font-weight: 500; }
#enquete_ar .post_list .from .comment { padding: 25px 30px; background: #e1ddd5; border-top: none; font-size: 14px; }
#enquete_ar .post_list .from .comment h4, #enquete_ar .post_list .from .comment h5 { margin: 0 0 20px 0; color: #000; font-size: 18px; font-weight: 700; }
#enquete_ar .post_list .from .comment .name { margin-top: 10px; text-align: right; }
#enquete_ar .post_list #other { padding: 0 20px; }
#enquete_ar .post_list #other p a { margin: 50px auto 0 auto; border: 1px solid #524b49; display: block; width: 100%; line-height: 60px; color: #524b49; background: #fff; font-size: 16px; font-weight: 500; text-align: center; max-width: 400px; }
#enquete_ar .post_list #other p a:hover { color: #fff; background: #524b49; }
#enquete_ar .back_btn_frm { margin: 0 auto; padding: 0 10px; max-width: 1120px; }
#enquete_ar .back_btn_frm .back_btn { margin: 70px auto 0 auto; padding: 0; border-top: none; }

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