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

	フォント
	管理エディタ用　(Quillエディタ)
	管理エディタ用　(ckeditorエディタ)
	import

--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	フォント
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	管理エディタ用　(Quillエディタ)
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { .ql-size-small { font-size: 11px; }
  .ql-size-large { font-size: 16px; }
  .ql-size-huge { font-size: 20px; } }
/*768px*/
/*--------------------------------------------------------------------------
	管理エディタ用　(ckeditorエディタ)
--------------------------------------------------------------------------*/
/*@mixin ck-content768*/
/*@mixin ck-content430*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { /*絞り込み*/
  .page_sub_menu.area_navi ul li { padding: 0 5px; width: 33.33%; }
  .page_sub_menu.area_navi ul li a { background-position: center right 10px; background-size: 12px auto; padding: 6px 24px 6px; font-size: 15px; }
  .page_sub_menu.area_navi_sub ul { flex-wrap: wrap; }
  .page_sub_menu.area_navi_sub ul li { width: calc(100%/2); padding-bottom: 5px; }
  .page_sub_menu.area_navi_sub ul li:nth-child(1) { width: 100%; }
  .page_sub_menu.area_navi_sub ul li a { padding: 6px 10px; font-size: 15px; }
  .area_name_b > p { padding-left: 15px; }
  .area_name_b > p span.an_eng { font-size: 25px; }
  .area_name_b > p span.an_jp { font-size: 14px; }
  .area_name_s > p { padding-left: 15px; }
  .area_name_s > p span.an_eng { font-size: 18px; }
  .area_name_s > p span.an_jp { padding: 1px 0 0 10px; font-size: 13px; }
  ul.categories li { font-size: 13px; }
  ul.categories li.cat { min-width: 130px; margin-right: 5px; } }
/*768px*/
@media screen and (max-width: 480px) { /*絞り込み*/
  .page_sub_menu.area_navi { max-width: 300px; }
  .page_sub_menu.area_navi ul { display: block; }
  .page_sub_menu.area_navi ul li { padding: 0; width: 100%; }
  .page_sub_menu.area_navi_sub ul li { width: 50%; } }
/*480px*/
/*--------------------------------------------------------------------------
	import
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #event .eve_item .eve_cap > h3 { font-size: 18px; }
  #event .eve_item dl dt { width: 80px; }
  #event .eve_item dl dd { padding: 10px; }
  #event .map #map_canvas { height: 300px; } }
/*768px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #event.eve_top .intro { text-align: left; }
  #event.eve_top .intro .in_blo { display: inline; }
  #event.eve_top .area_name_b { margin: 50px auto 20px 0; }
  #event.eve_top .eve_list > div { border-bottom: 1px solid #cccbc9; padding: 0 0 50px; width: 100%; }
  #event.eve_top .eve_list > div:nth-of-type(n+2) { margin-top: 50px; }
  #event.eve_top .eve_list > div .eve_item { margin: 0 auto 0; }
  #event.eve_top .eve_list > div .eve_item .eve_cap .area_name_s { margin-top: 10px; }
  #event.eve_top .eve_list > div .eve_item .eve_cap > h3 { font-size: 18px; }
  #event.eve_top .eve_list > div .eve_item .note { margin-top: 10px; font-size: 13px; }
  #event.eve_top .eve_list > div .eve_item .ar_btn { margin-top: 20px; }
  #event.eve_top .eve_list > div .eve_item .ar_btn a { font-size: 14px; }
  #event.eve_top #nav_list { margin-top: 50px; }
  #event.eve_top .link_banner a { margin: 50px auto 0; }
  #event.eve_top .back_btn { margin-top: 50px; } }
/*640px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #event.eve_ar .eve_item_frm .eve_item .photo { padding: 0 30px 0 0; width: 400px; } }
/*1000px*/
@media screen and (max-width: 768px) { #event.eve_ar { padding-top: 30px; }
  #event.eve_ar .eve_item_frm .eve_item { display: block; }
  #event.eve_ar .eve_item_frm .eve_item .eve_cap > ul li.cat { margin-right: 5px; }
  #event.eve_ar .eve_item_frm .eve_item .eve_cap > h3 { margin: 15px auto 20px 0; font-size: 18px; }
  #event.eve_ar .eve_item_frm .eve_item .photo { margin: 0 auto 0; padding: 0; width: 100%; max-width: 500px; }
  #event.eve_ar .eve_item_frm .eve_item .cap { margin-top: 20px; }
  #event.eve_ar .eve_item_frm .eve_item .cap dl dt { width: 90px; vertical-align: middle; }
  #event.eve_ar .eve_item_frm .eve_item .k_link span { font-size: 15px; }
  #event.eve_ar .eve_item_frm .eve_item .site_link ul.link_list li a { padding: 10px; font-size: 14px; }
  #event.eve_ar #calender { margin: 50px 0 0; padding: 15px; }
  #event.eve_ar #calender h3 { font-size: 15px; }
  #event.eve_ar .other_ap a { margin: 30px auto 0; }
  #event.eve_ar .map { margin: 50px auto 0; }
  #event.eve_ar .map .map_link { margin: 30px auto 0; }
  #event.eve_ar .map .map_link ul { display: block; }
  #event.eve_ar .map .map_link ul li { padding: 0; width: 100%; }
  #event.eve_ar .map .map_link ul li:nth-of-type(n+2) { margin-top: 10px; }
  #event.eve_ar .map .map_link ul li a { background-size: 30px; padding: 12px 45px 11px 45px; font-size: 14px; }
  #event.eve_ar .block_post_frm { margin-top: 50px; }
  #event.eve_ar .block_post_frm .point_comment { padding: 15px; }
  #event.eve_ar .block_post_frm .sub_post { margin: 50px auto 0; }
  #event.eve_ar .block_post_frm .sub_post .item_ph ul li { padding: 0 5px 0; }
  #event.eve_ar .block_post_frm .sub_post .item_ph ul li:nth-of-type(n+3) { margin-top: 30px; }
  #event.eve_ar .block_post_frm .sub_post .item_ph ul li a article p { text-align: left; }
  #event.eve_ar .block_post_frm .data_link, #event.eve_ar .block_post_frm .file { margin: 50px auto 0; }
  #event.eve_ar .block_post_frm .data_link ul li:first-of-type, #event.eve_ar .block_post_frm .file ul li:first-of-type { margin-top: 15px; }
  #event.eve_ar .block_post_frm .data_link ul li a, #event.eve_ar .block_post_frm .file ul li a { background-position: left 10px top 15px; padding: 9px 10px 7px 35px; font-size: 14px; }
  #event.eve_ar .appoint_bt a { margin: 50px auto 0; line-height: 65px; font-size: 15px; }
  #event.eve_ar .b_area { margin: 50px auto 0; }
  #event.eve_ar .b_area .post_list { padding: 50px 5px 50px; }
  #event.eve_ar .b_area .post_list .sbj { margin: 0 auto 20px; }
  #event.eve_ar .b_area .post_list .sbj h4 { background-position: left top 3px; padding: 0 0 0 15px; font-size: 18px; }
  #event.eve_ar .b_area .post_list .block_photo_frm .item { padding: 0 5px 0 0; }
  #event.eve_ar .b_area .post_list .block_photo_frm .item:nth-of-type(2n) { padding: 0 0 0 5px; }
  #event.eve_ar .b_area .post_list .block_photo_frm .item:nth-of-type(n+3) { margin-top: 30px; }
  #event.eve_ar .b_area .post_list .block_photo_frm .item a p { text-align: left; }
  #event.eve_ar .b_area .post_list .comment { padding: 15px; } }
/*768px*/
/*--------------------------------------------------------------------------
	print.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #event.eve_print .map #map_canvas { height: 300px; }
  #event.eve_print .eve_item .eve_cap > h3 { font-size: 18px; }
  #event.eve_print .eve_item .cap { margin-top: 15px; }
  #event.eve_print .eve_item .cap dl dt { width: 90px; }
  #event.eve_print .eve_item .cap dl dd { padding: 10px; }
  #event.eve_print .map_btn ul li a { font-size: 14px; text-align: center; } }
/*768px*/
/*--------------------------------------------------------------------------
	close.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #event.eve_close .item_box .item { margin: 0 10px; padding: 20px; width: calc(50% - 20px); }
  #event.eve_close .item_box .item:nth-of-type(n+3) { margin: 20px 10px 0 10px; } }
/*1000px*/
@media screen and (max-width: 768px) { #event.eve_close .item_box { margin: 30px auto 0; }
  #event.eve_close .item_box .item { margin: 0; padding: 15px; width: 100%; }
  #event.eve_close .item_box .item:nth-of-type(n+2) { margin: 15px 0 0; }
  #event.eve_close .item_box .item .photo { width: 140px; }
  #event.eve_close .item_box .item section h3 { font-size: 16px; }
  #event.eve_close .item_box .item section p { font-size: 13px; } }
/*768px*/
@media screen and (max-width: 480px) { #event.eve_close .item_box .item .photo { padding: 0 15px 0 0; width: 120px; } }
/*480px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*--------------------------------------------------------------------------
	施工実例 共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { .search .s_window > div { max-width: 550px; }
  .search .s_window > div .word { padding: 0; }
  .search .s_window > div .word > p { max-width: 150px; }
  .search .type_select_area { flex-wrap: wrap; justify-content: right; max-width: 410px; }
  .search .type_select_area .type_box { text-align: right; }
  .search .type_select_area .type_box dl:last-of-type { margin: 0; }
  .search .type_select_area .entry_box { display: block; margin-top: 10px; width: 100%; text-align: right; } }
/*900px*/
@media screen and (max-width: 768px) { .search { margin: 0 0 50px 0; padding: 20px 10px 20px; }
  .search .sp_box { display: block; text-align: center; }
  .search .sp_box span { display: inline-block; background-position: left center; background-repeat: no-repeat; background-size: 10px auto; padding-left: 15px; }
  .search .sp_box.sb_close span { background-image: url("../img/arrow_down01.png"); }
  .search .sp_box.sb_open span { background-image: url("../img/arrow_up01.png"); }
  .search .sp_box + #ch_main { margin-top: 20px; }
  .search form { display: none; } }
/*768px*/
@media screen and (max-width: 500px) { .search .s_window > div { margin: 0 auto 0; max-width: 550px; }
  .search .s_window > div .word { flex-wrap: wrap; }
  .search .s_window > div .word > p { margin: 0 0 10px 0; width: 100%; max-width: 100%; text-align: center; font-size: 13px; }
  .search .s_window > div .word > div { margin: 0 auto 0; max-width: 350px; }
  .search .s_window > div .word > div > div input { font-size: 13px; }
  .search .s_window > div .word .btn_serch { background-position: right top 3px; background-size: 20px auto; max-width: 30px; }
  .search .type_select_area { max-width: 220px; }
  .search .type_select_area .change_list { max-width: 100%; }
  .search .type_select_area .change_list .layoutswitch { margin: 0 auto 10px; }
  .search .type_select_area .type_box, .search .type_select_area .entry_box { display: block; width: 100%; }
  .search .type_select_area .type_box dl, .search .type_select_area .entry_box dl { width: 100%; margin: 0; }
  .search .type_select_area .type_box dl:nth-of-type(n+2), .search .type_select_area .entry_box dl:nth-of-type(n+2) { margin: 10px 0 0 0; }
  .search .type_select_area .entry_box { margin-top: 10px; } }
/*500px*/
@media screen and (max-width: 768px) { #works_record_box { margin-bottom: 50px; }
  #works_record_box #bt_area { margin-bottom: 15px; }
  #works_record_box #bt_area div:first-child { 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 p { display: none; } }
/*768px*/
@media screen and (max-width: 900px) { #works #wk_list.list .list_box section a .photo { width: 300px; max-width: 300px; }
  #works #wk_list.list .list_box section a .tx { padding: 0 0 0 30px; } }
/*900px*/
@media screen and (max-width: 768px) { #works { padding: 0 0 50px; }
  #works #wk_list .list_head div.count { background-position: left top 4px; font-size: 18px; }
  #works #wk_list.tile .list_box section { width: 50%; padding: 0 5px; margin-bottom: 40px; }
  #works #wk_list.list .list_box section { margin-bottom: 50px; }
  #works #wk_list.list .list_box section a { display: block; }
  #works #wk_list.list .list_box section a .photo { margin: 0 auto 0; }
  #works #wk_list.list .list_box section a .tx { padding: 20px 0 0; }
  #works #wk_list.list .list_box section a .tx h2 { padding: 5px 10px 5px; font-size: 16px; }
  #works #wk_list.list .list_box section a .tx .performance { margin-top: 5px; padding: 0; }
  #works #wk_list.list .list_box section a .tx .performance span { font-size: 13px; }
  #works #nav_list { padding: 0 10px 50px 10px; }
  #works #nav_list #pagenation { padding: 50px 0 0 0; } }
/*768px*/
@media screen and (max-width: 480px) { #works #wk_list .list_box section a .performance { padding-top: 5px; margin-top: 5px; }
  #works #wk_list .list_box section a .performance span { display: block; }
  #works #wk_list .list_box section a .performance span + span::before { content: ""; } }
/*480px*/
@media screen and (max-width: 768px) { #works_ar > .comment { padding: 50px 30px 50px; }
  #works_ar .sub_items .tx_area { padding: 50px 30px 50px; }
  #works_ar .date { max-width: 500px; }
  #works_ar .date article { display: block; padding: 0; }
  #works_ar .date article dl { padding: 0; width: 100%; }
  #works_ar .date article dl:nth-of-type(2) { border-top: none; } }
/*768px*/
@media screen and (max-width: 768px) { #works_ar #head_title h2 { background-position: top left; background-size: 4px auto; padding: 0 0 15px 20px; font-size: 18px; }
  #works_ar #photo_wrap { margin: 0 auto 0; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel { /*送りナビ（next/prev） 設定*/ /*アイコンナビ　設定*/ }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-item article { position: relative; margin: 0 auto; width: 100%; max-width: 800px; text-align: center; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-item article img { display: inline-block; width: auto; max-width: 100%; height: auto; max-height: 600px; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-item article p { padding: 10px 10px 0; font-size: 13px; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav { position: absolute; top: -webkit-calc(50% - 30px); top: calc(50% - 30px); padding: 0; width: 100%; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav [class*=owl-] { background-size: 10px auto; background-color: #464646; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav [class*=owl-]:hover { background-color: #333; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav .owl-next { background-image: url("../img/arrow_owl_next.png"); float: right; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav .owl-prev { background-image: url("../img/arrow_owl_prev.png"); float: left; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-nav .disabled { opacity: 0.1; cursor: default; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-dots { display: block; margin-top: 20px; text-align: center; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-dots .owl-dot { display: inline-block; border: #373A31 1px solid; border-radius: 50%; margin: 0 5px 5px; width: 10px; height: 10px; }
  #works_ar #photo_wrap.cal .main_photo #carousel .owl-carousel .owl-dots .active { background: #464646; }
  #works_ar #photo_wrap.cal #thumb_area { display: none; }
  #works_ar #photo_wrap.tile .main_photo .owl-carousel { display: none; }
  #works_ar #photo_wrap.tile #thumb_area { margin-bottom: 50px; }
  #works_ar #photo_wrap.tile #thumb_area .owl-thumbs { width: 100%; margin: 0 auto; max-width: 800px; }
  #works_ar #photo_wrap.tile #thumb_area .owl-thumbs article { display: block; color: #00000f; }
  #works_ar #photo_wrap.tile #thumb_area .owl-thumbs article:nth-of-type(n+2) { margin-top: 35px; }
  #works_ar #photo_wrap.tile #thumb_area .owl-thumbs .owl-thumb-item { text-align: center; cursor: pointer; }
  #works_ar #photo_wrap.tile #thumb_area .owl-thumbs .owl-thumb-item:hover { opacity: 0.7; }
  #works_ar #photo_wrap.tile #thumb_area .owl-thumbs .owl-thumb-item span img.h_low { width: auto; max-width: 100%; }
  #works_ar #photo_wrap.tile #thumb_area .owl-thumbs .owl-thumb-item p { margin-top: 5px; text-align: center; font-size: 13px; }
  #works_ar > .comment { margin: 30px auto 0; padding: 20px 10px 20px; font-size: 13px; }
  #works_ar .sub_items h3 { padding: 10px; font-size: 16px; }
  #works_ar .sub_items h3 span { padding: 0 0 0 15px; }
  #works_ar .sub_items .tx_area { padding: 20px 10px 20px; }
  #works_ar .sub_items .tx_area > .comment { font-size: 13px; }
  #works_ar .item_ph { margin: 40px auto 0; }
  #works_ar .item_ph > ul li:nth-of-type(n+2) { margin-top: 20px; }
  #works_ar .item_ph > ul li > article .sub_photo span.ba_name { padding: 5px 10px 5px; font-size: 16px; }
  #works_ar .item_ph.befor > ul { display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 20px; /* 縦列間の間隔を設定 */ }
  #works_ar .sub_post01 { margin: 50px auto 0; }
  #works_ar .sub_post02 { margin: 50px auto 0; }
  #works_ar .sub_post02 .sub_items:nth-of-type(n+2) { margin-top: 50px; }
  #works_ar .date { margin: 50px auto 0; }
  #works_ar .date article dl dt { padding: 8px 3px 8px; width: 100px; min-width: 100px; }
  #works_ar .date article dl dd { padding: 8px 10px 8px; }
  #works_ar .site_link li a { background-position: left 10px top 15px; background-size: 13px auto; padding: 10px 10px 10px 35px; }
  #works_ar .qa section h3 { margin-bottom: 10px; padding: 0 0 0 20px; font-size: 14px; }
  #works_ar .qa section p { padding: 15px 10px 15px; }
  #works_ar .back_frm { margin-top: 50px; padding-top: 50px; }
  #works_ar #works_record_box { margin: 50px auto 0; } }
/*768px*/
/*--------------------------------------------------------------------------
	新築施工実例
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #wrap.pg_works #sub_title { background-image: url("../img/bg_works.jpg"); color: #FFF; }
  #wrap.pg_works #sub_title .frm h2 img { max-width: 120px; }
  #works_ar .back_frm { margin-top: 50px; } }
/*768px*/
/*--------------------------------------------------------------------------
	リフォーム施工実例
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #works.reform { margin-top: 40px; } }
/*768px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #info.info_top .area_name_b { margin: 50px auto 25px 0; }
  #info.info_top .post_list .frm .post_list_item { padding: 20px 0 20px; }
  #info.info_top .post_list .frm .post_list_item:first-of-type { padding: 0 0 20px; }
  #info.info_top .post_list .frm .post_list_item a .ymd { font-size: 14px; }
  #info.info_top .post_list .frm .post_list_item a .data ul.categories { margin-top: 5px; }
  #info.info_top .post_list .frm .post_list_item a .data ul.categories li { padding: 7px 10px 5px; }
  #info.info_top .post_list .frm .post_list_item a .data h3 { margin-top: 10px; font-size: 18px; font-weight: 500; }
  #info.info_top .post_list .frm .post_list_item a .data .sub_title { margin-top: 10px; padding: 15px; font-size: 13px; }
  #info.info_top #nav_list { margin: 50px auto 0; } }
/*768px*/
@media screen and (max-width: 640px) { #info.info_top .post_list { margin: 30px auto 0; padding: 0; }
  #info.info_top .post_list .frm .post_list_item a { display: block; }
  #info.info_top .post_list .frm .post_list_item a .ymd, #info.info_top .post_list .frm .post_list_item a .data { display: block; }
  #info.info_top .post_list .frm .post_list_item a .ymd p { padding: 0; }
  #info.info_top .post_list .frm .post_list_item a .data .area_name_s { margin-bottom: 10px; }
  #info.info_top .post_list .frm .post_list_item a .data ul.categories li { margin: 0 5px 5px 0; max-width: 100%; line-height: 1.3; font-size: 12px; } }
/*768px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #info.info_ar { padding-top: 30px; }
  #info.info_ar .post_ar .frm .post_title_area { padding: 0 0 20px; }
  #info.info_ar .post_ar .frm .post_title_area .data .data_title { margin-top: 20px; padding: 0 0 0 15px; }
  #info.info_ar .post_ar .frm .post_title_area .data .data_title p { font-size: 13px; }
  #info.info_ar .post_ar .frm .post_title_area .data .data_title h3 { font-size: 18px; }
  #info.info_ar .post_ar .frm .main { margin: 30px auto 0; }
  #info.info_ar .post_ar .frm .main .comment.ck-content { font-size: 13px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size12 { font-size: 11px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size14 { font-size: 13px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size15 { font-size: 14px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size16 { font-size: 15px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size21 { font-size: 18px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size23 { font-size: 20px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size29 { font-size: 22px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .cke-font-size32 { font-size: 24px; }
  #info.info_ar .post_ar .frm .main .outline { padding: 15px; margin-top: 30px; }
  #info.info_ar .post_ar .frm .link { margin: 50px auto 0; }
  #info.info_ar .post_ar .frm .link a { background-position: left 10px top 14px; background-size: 15px auto; margin-top: 15px; padding: 9px 10px 7px 35px; font-size: 14px; }
  #info.info_ar .post_ar .frm .main_photo_area .photo_frm { margin-top: 20px; }
  #info.info_ar .post_ar .frm .main_photo_area .photo_frm .item { padding: 0 5px 0; }
  #info.info_ar .post_ar .frm .main_photo_area .photo_frm .item:nth-of-type(n+3) { margin-top: 30px; }
  #info.info_ar .post_ar .frm .file { margin: 50px auto 0; }
  #info.info_ar .post_ar .frm .file .frm ul { margin-top: 15px; }
  #info.info_ar .post_ar .frm .file .frm ul li a { background-position: left 10px top 17px; background-size: 15px auto; padding: 15px 10px 12px 40px; }
  #info.info_ar .post_ar .frm .post_list .sbj { margin-bottom: 20px; padding: 0 0 15px; }
  #info.info_ar .post_ar .frm .post_list .sbj h4 { padding: 0 0 0 10px; font-size: 18px; }
  #info.info_ar .post_ar .frm .post_list .sbj h4::before { top: 4px; }
  #info.info_ar .post_ar .frm .post_list .block_photo_frm { margin: 30px auto 0; max-width: 1000px; }
  #info.info_ar .post_ar .frm .post_list .block_photo_frm .item:nth-of-type(n+2) { margin-top: 50px; }
  #info.info_ar .post_ar .frm .post_list .file { margin: 30px auto 0; }
  #info.info_ar .post_ar .frm .post_list .file .frm { max-width: 400px; } }
/*768px*/
@media screen and (max-width: 430px) { #info.info_ar .post_ar .frm .main .comment.ck-content img { width: auto !important; max-width: 100% !important; margin-top: 10px; margin-bottom: 10px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content img .image_resized { width: auto !important; max-width: 100% !important; margin-top: 10px; margin-bottom: 10px; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .image.image-style-align-left { float: none; margin-right: inherit; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .image.image-style-align-right { float: none; margin-left: inherit; }
  #info.info_ar .post_ar .frm .main .comment.ck-content .image.image_resized, #info.info_ar .post_ar .frm .main .comment.ck-content .image.image-style-block-align-left, #info.info_ar .post_ar .frm .main .comment.ck-content .image.image-style-block-align-right { width: auto !important; max-width: 100% !important; margin: inherit; } }
/*430px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { .cover_type .area_name_s { margin: 0 20px 10px 0; }
  .cover_type .type span { line-height: 20px; font-size: 12px; }
  .cover_type .main_cover { font-size: 18px; }
  .const_photo_list { font-size: 13px; }
  .const_photo_list .item { padding: 0 10px 0; }
  #construction.const_cover .cover_type, #construction.const_ar .cover_type { padding: 0 0 15px; }
  #construction.const_cover .cover_type .type, #construction.const_ar .cover_type .type { background-position: left top; }
  #construction.const_cover .cover_type .type span, #construction.const_ar .cover_type .type span { font-size: 11px; }
  #construction.const_cover .cover_type .main_cover, #construction.const_ar .cover_type .main_cover { font-size: 18px; } }
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #construction.const_top .const_list .post { padding: 30px; }
  #construction.const_top .const_list .post .item_area .ph { width: 350px; }
  #construction.const_top .const_list .post .item_area .list { padding: 0 0 0 30px; } }
/*100px*/
@media screen and (max-width: 768px) { #construction.const_top .area_name_b { margin: 50px auto 25px 0; }
  #construction.const_top .const_list .post { padding: 20px 10px 20px; }
  #construction.const_top .const_list .post + .post { margin-top: 30px; }
  #construction.const_top .const_list .post .time { margin-top: 15px; padding: 0 0 0 10px; font-size: 13px; }
  #construction.const_top .const_list .post .time:before { height: 18px; }
  #construction.const_top .const_list .post .complete span { line-height: 20px; font-size: 12px; }
  #construction.const_top .const_list .post .item_area { display: block; }
  #construction.const_top .const_list .post .item_area .ph, #construction.const_top .const_list .post .item_area .list { display: block; }
  #construction.const_top .const_list .post .item_area .ph { margin: 0 auto 20px; width: 100%; max-width: 350px; }
  #construction.const_top .const_list .post .item_area .list { padding: 0; }
  #construction.const_top .const_list .post .item_area .list .item_list { margin-top: 15px; }
  #construction.const_top .const_list .post .item_area .list .item_list a.ar { background-position: right 10px center; padding: 12px 35px 10px 10px; }
  #construction.const_top .const_list .post .item_area .list .item_list a.ar dl dt { width: 100px; } }
/*768px*/
/*--------------------------------------------------------------------------
	cover.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #construction.const_cover .cover_data .data .data_left { padding: 0 10px 0 0; }
  #construction.const_cover .cover_data .data .data_right { padding: 0 0 0 10px; }
  #construction.const_cover .cover_data .data dl dt { width: 150px; text-align: center; } }
/*1000px*/
@media screen and (max-width: 768px) { #construction.const_cover .cover_data { margin: 30px auto 0; }
  #construction.const_cover .cover_data .data { display: block; margin: 50px auto 0; }
  #construction.const_cover .cover_data .data .data_left, #construction.const_cover .cover_data .data .data_right { padding: 0; width: 100%; }
  #construction.const_cover .cover_data .data .data_right dl:first-of-type { border-top: none; }
  #construction.const_cover .cover_data .data dl dt { width: 150px; }
  #construction.const_cover .cover_data .data dl dd { padding: 12px 10px 10px; }
  #construction.const_cover .faq { margin: 50px auto 0; }
  #construction.const_cover .faq .qa h3 { margin-bottom: 10px; padding: 0 0 0 20px; font-size: 14px; }
  #construction.const_cover .faq .qa p { padding: 15px 10px 15px; }
  #construction.const_cover .ar_list { margin-top: 50px; }
  #construction.const_cover .ar_list > h3.clist_list { padding: 0 0 15px; }
  #construction.const_cover .ar_list > h3.clist_list > p { background-position: left top 2px; }
  #construction.const_cover .ar_list > h3.clist_list > p .an_jp { font-size: 18px; }
  #construction.const_cover .const_photo_list { margin-top: 20px; }
  #construction.const_cover .const_photo_list .item { width: 50%; }
  #construction.const_cover .const_photo_list .item:nth-of-type(n+3) { margin-top: 30px; }
  #construction.const_cover .const_photo_list .item a .cap p { padding: 0 0 5px; }
  #construction.const_cover .const_photo_list .item a .cap h4 { font-size: 14px; -webkit-line-clamp: 1; /* 任意の行数を指定 */ }
  #construction.const_cover .back_btn { margin-top: 50px; padding: 50px 0 0 0; } }
/*768px*/
@media screen and (max-width: 480px) { #construction.const_cover .cover_data .data dl dt { width: 100px; }
  #construction.const_cover .const_photo_list .item { padding: 0 5px 0; } }
/*480px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #construction.const_ar { max-width: 1180px; }
  #construction.const_ar .const_ar_frm { background: #ececec; margin-top: 30px; padding: 20px 15px 20px; }
  #construction.const_ar .main_cap p { padding: 0 0 0 15px; border-left: 2px solid #002065; line-height: 1.2; }
  #construction.const_ar .main_cap h2 { margin-top: 20px; line-height: 1.5; font-size: 18px; font-weight: 500; }
  #construction.const_ar .note { background: #FFF; margin-top: 20px; padding: 15px; }
  #construction.const_ar .const_photo_list .item { margin-top: 30px; padding: 0 10px 0 0; width: 50%; }
  #construction.const_ar .const_photo_list .item:nth-of-type(2n) { padding: 0 0 0 10px; }
  #construction.const_ar .const_photo_list .item a .cap { margin-top: 10px; }
  #construction.const_ar .back_btn { margin: 50px auto 0; } }
/*768px*/
@media screen and (max-width: 640px) { #construction.const_ar { max-width: 1180px; }
  #construction.const_ar .const_ar_frm { background: #ececec; margin-top: 30px; padding: 20px 15px 20px; }
  #construction.const_ar .main_cap p { padding: 0 0 0 15px; border-left: 2px solid #002065; line-height: 1.2; }
  #construction.const_ar .main_cap h2 { margin-top: 20px; line-height: 1.5; font-size: 18px; font-weight: 500; }
  #construction.const_ar .note { background: #FFF; margin-top: 20px; padding: 15px; }
  #construction.const_ar .const_photo_list .item { padding: 0 5px 0 0; }
  #construction.const_ar .const_photo_list .item:nth-of-type(2n) { padding: 0 0 0 5px; }
  #construction.const_ar .const_photo_list .item a .cap { margin-top: 5px; }
  #construction.const_ar .back_btn { margin: 50px auto 0; } }
/*640px*/
@media screen and (max-width: 640px) { #construction.const_ar .back_btn ul { display: block; max-width: 300px; }
  #construction.const_ar .back_btn ul li { display: block; padding: 0; }
  #construction.const_ar .back_btn ul li:nth-of-type(n+2) { margin-top: 10px; } }
/*768px*/
/*-----------------------------------------
	不動産 共通
-----------------------------------------*/
@media screen and (max-width: 768px) { #estate .title_area .mark_tx { padding: 0; width: 70px; }
  #estate .title_area .mark_tx span { font-size: 13px; }
  #estate .title_area .mark_tx span.notice { width: 70px; }
  #estate .title_area .mark_tx.wide { width: 80px; } }
/*768px*/
@media screen and (max-width: 1000px) { #estate #facilities .faci_photo { column-gap: 10px; /* 列間の間隔を設定 */ } }
/*@media 1000px END*/
@media screen and (max-width: 768px) { #estate #overview, #estate .architecture { margin-top: 50px; }
  #estate #overview article, #estate .architecture article { display: block; margin-bottom: 20px; }
  #estate #overview article > div, #estate .architecture article > div { width: 100%; padding: 0; }
  #estate #overview article > div:nth-child(2), #estate .architecture article > div:nth-child(2) { margin-top: 50px; padding: 0; }
  #estate #overview article > div:nth-child(2) dl:first-child, #estate .architecture article > div:nth-child(2) dl:first-child { border-top: none; }
  #estate #overview article > div .detail_data, #estate .architecture article > div .detail_data { margin-top: 15px; }
  #estate #overview article > div dl dt, #estate .architecture article > div dl dt { padding: 5px 2px 5px; width: 100px; font-size: 13px; }
  #estate #overview article > div dl dd, #estate .architecture article > div dl dd { padding: 5px 10px 5px; }
  #estate #facilities { margin-top: 50px; }
  #estate #facilities .faci_data { display: block; margin-top: 20px; }
  #estate #facilities .faci_data section { padding: 0; width: 100%; }
  #estate #facilities .faci_data section:nth-of-type(n+2) { margin-top: 10px; }
  #estate #facilities .faci_data section > div .fa_title { padding: 10px; }
  #estate #facilities .faci_data section > div .fa_title h4 { font-size: 14px; }
  #estate #facilities .faci_data section > div .fa_comment p { padding: 5px 0px 10px; font-size: 12px; }
  #estate #facilities .faci_photo { grid-template-columns: repeat(2, 1fr); column-gap: 10px; /* 列間の間隔を設定 */ row-gap: 20px; /* 列間の間隔を設定 */ }
  #estate #facilities .faci_photo div h4 { font-size: 12px; }
  #estate #facilities .faci_photo div p { margin-top: 5px; padding-top: 5px; font-size: 12px; }
  #estate #site_link { margin-top: 50px; }
  #estate #site_link ul { margin-top: 15px; }
  #estate #site_link ul li a { background-position: left 13px center; padding: 12px 10px 10px 40px; font-size: 13px; }
  #estate #staff_comment { margin-top: 45px; }
  #estate #staff_comment div { margin-top: 15px; font-size: 13px; }
  #estate #staff_comment div span { font-size: 12px; }
  #estate #staff_comment > p { margin-top: 10px; padding: 10px; }
  #estate .back_btn02 { margin-top: 50px; }
  #estate .back_btn02 a { font-size: 16px; padding: 15px 10px 15px; } }
/*@media 640px END*/
/*-----------------------------------------
	デザイン住宅販売
-----------------------------------------*/
/*---------- 一覧 ----------*/
@media screen and (max-width: 1000px) { #estate.sell_top .item article > div .photo { width: 380px; }
  #estate.sell_top .item article > div .photo div { width: 350px; } }
/*@media 1000px END*/
@media screen and (max-width: 768px) { #estate.sell_top .intro .area_count { margin: 20px auto 0; max-width: 500px; font-size: 16px; }
  #estate.sell_top .area_name_b + article { margin-top: 20px; }
  #estate.sell_top .item .area_block + .area_block { margin-top: 70px; }
  #estate.sell_top .item article > div { display: block; }
  #estate.sell_top .item article > div > div { display: block; }
  #estate.sell_top .item article > div .photo { width: 100%; }
  #estate.sell_top .item article > div .photo div { width: 100%; max-width: 400px; margin: 0 auto 0; }
  #estate.sell_top .item article > div .photo div a > span .on_tx { width: 260px; }
  #estate.sell_top .item article > div .photo .ldk { padding: 0 15px 0; }
  #estate.sell_top .item article > div .data { margin-top: 20px; }
  #estate.sell_top .item article > div .data .title_area { margin-bottom: 15px; }
  #estate.sell_top .item article > div .data .title_area h2 { background-position: left top 2px; padding: 0 0 0 15px; font-size: 18px; }
  #estate.sell_top .item article > div .data .title_area h2.new { background-position: left top 2px, left 15px top 3px; }
  #estate.sell_top .item article > div .data dl h3, #estate.sell_top .item article > div .data dl dt { width: 80px; }
  #estate.sell_top .item article > div .data dl > p, #estate.sell_top .item article > div .data dl dd { padding: 10px 10px 8px; }
  #estate.sell_top .item article > div .data dl.cost dd p span.yen { font-size: 22px; }
  #estate.sell_top .item article > div .data dl.cost dd p span.yet_sell { font-size: 18px; }
  #estate.sell_top .item article > div .data dl.cost dd p span.soldout_tx { font-size: 20px; }
  #estate.sell_top .item article > div .data .sub dl dt { font-size: 13px; }
  #estate.sell_top .item article > div .data .sub dl dd { font-size: 13px; }
  #estate.sell_top .item article > div .data .sub dl.information dd .model { min-width: 180px; font-size: 13px; }
  #estate.sell_top .item article .ar_btn { margin: 30px auto 0; max-width: 380px; }
  #estate.sell_top .item article .ar_btn a { font-size: 14px; } }
/*@media 768px END*/
@media screen and (max-width: 480px) { #estate.sell_top .page_sub_menu.area_navi ul li:nth-of-type(n+2) { margin-top: 10px; } }
/*480px*/
/*---------- 詳細 ----------*/
@media screen and (max-width: 1100px) { #estate.sell_ar #post_head .photo { width: 450px; }
  #estate.sell_ar #post_head .photo div { width: 420px; } }
/*@media 1100px END*/
@media screen and (max-width: 1000px) { #estate.sell_ar #post_head .photo { width: 380px; }
  #estate.sell_ar #post_head .photo div { width: 350px; }
  #estate.sell_ar #post_head .data dl dt { width: 100px; }
  #estate.sell_ar #sales_box .bg_block { padding: 30px; }
  #estate.sell_ar #sales_box .bg_block .payment article .monthly, #estate.sell_ar #sales_box .bg_block .payment article .bonus { width: 100%; }
  #estate.sell_ar #sales_box .bg_block .payment article .monthly dd, #estate.sell_ar #sales_box .bg_block .payment article .bonus.b_list dd { display: inline-block; width: auto; }
  #estate.sell_ar #sales_box.detached_h .architecture article > div:nth-child(2) { margin-top: 0; }
  #estate.sell_ar #sales_box.detached_h .payment .bg_block2 { padding: 30px; } }
/*@media 1000px END*/
@media screen and (max-width: 768px) { #estate.sell_ar h3.area_name_b { font-size: 18px; }
  #estate.sell_ar #this_move.salse_scroll { margin-top: 15px; padding: 20px 0 0; }
  #estate.sell_ar #this_move.salse_scroll ul li { padding: 0 5px 0; width: 50%; }
  #estate.sell_ar #this_move.salse_scroll ul li:nth-of-type(n+3) { padding: 10px 5px 0; }
  #estate.sell_ar #this_move.salse_scroll ul li a { padding: 10px 5px 10px; font-size: 13px; }
  #estate.sell_ar .title_area ul li:nth-of-type(1), #estate.sell_ar .title_area ul li:nth-of-type(2) { width: 70px; }
  #estate.sell_ar .title_area ul li:nth-of-type(1) > div, #estate.sell_ar .title_area ul li:nth-of-type(2) > div { margin-right: 10px; }
  #estate.sell_ar .title_area ul li:nth-of-type(1).wide { width: 80px; }
  #estate.sell_ar .title_area ul li h2 { background-position: left top 1px; padding: 0 0 0 15px; font-size: 18px; }
  #estate.sell_ar .title_area ul li h2.new { background-position: left top 1px, left 15px top 3px; }
  #estate.sell_ar #post_head { display: block; margin-top: 50px; }
  #estate.sell_ar #post_head > div { display: block; }
  #estate.sell_ar #post_head .photo { margin: 0 auto 0; width: 100%; }
  #estate.sell_ar #post_head .photo div { margin: 0 auto 0; width: 100%; max-width: 350px; }
  #estate.sell_ar #post_head .photo > p { padding: 0 15px 0; }
  #estate.sell_ar #post_head .data { margin-top: 20px; }
  #estate.sell_ar #post_head .data dl dt { padding: 10px 10px 8px; width: 80px; }
  #estate.sell_ar #post_head .data dl dd { padding: 10px 10px 8px; }
  #estate.sell_ar #post_head .data dl.cost dd p span.yen { font-size: 22px; }
  #estate.sell_ar #post_head .data dl.cost dd p span.yet_sell { font-size: 18px; }
  #estate.sell_ar #post_head .data .sub dl.information dd a.model { min-width: 180px; font-size: 13px; }
  #estate.sell_ar #overview .pp_point { margin-top: 15px; padding: 15px; }
  #estate.sell_ar #photos { margin-bottom: 45px; }
  #estate.sell_ar #photos .photo_area div { padding: 0 10px 0; }
  #estate.sell_ar #photos .photo_area div:nth-of-type(n+3) { margin-top: 20px; }
  #estate.sell_ar #photos .photo_area div p { margin-top: 10px; font-size: 12px; }
  #estate.sell_ar .drawing { margin-top: 30px; }
  #estate.sell_ar .drawing .draw_main > div { padding: 0 5px; }
  #estate.sell_ar .drawing .draw_main > div:nth-of-type(n+3) { margin-top: 30px; }
  #estate.sell_ar .drawing .draw_main > div a { font-size: 12px; }
  #estate.sell_ar .drawing + .architecture { margin-top: 45px; }
  #estate.sell_ar .architecture { margin-top: 30px; }
  #estate.sell_ar .payment { margin-top: 45px; }
  #estate.sell_ar .payment h3 + article { margin-top: 20px; }
  #estate.sell_ar .payment h3 + p { margin-top: 15px; }
  #estate.sell_ar .payment > p.paycomme { font-size: 12px; }
  #estate.sell_ar .payment article dl dt { padding: 5px 0 3px; }
  #estate.sell_ar .payment article dl dd { padding: 8px 5px 6px; }
  #estate.sell_ar .payment article dl dd strong { font-size: 18px; }
  #estate.sell_ar .payment article .allprice, #estate.sell_ar .payment article .resources, #estate.sell_ar .payment article .borrowing { width: 100%; }
  #estate.sell_ar .payment article .monthly, #estate.sell_ar .payment article .bonus.b_list { width: 100%; }
  #estate.sell_ar .payment article .monthly dd p span, #estate.sell_ar .payment article .bonus.b_list dd p span { display: block; }
  #estate.sell_ar .payment article .monthly dd p.tx_right, #estate.sell_ar .payment article .bonus.b_list dd p.tx_right { text-align: center; }
  #estate.sell_ar .payment article .bonus { width: 100%; }
  #estate.sell_ar .payment article .bonus dd p { padding: 8px 10px 8px; }
  #estate.sell_ar .payment article .bonus dd p span { display: block; }
  #estate.sell_ar #maparea { margin-top: 45px; }
  #estate.sell_ar #maparea #map_canvas { margin: 15px auto 0; height: 300px; }
  #estate.sell_ar #maparea .app a { margin: 25px auto 0; padding: 0 0 5px; max-width: 200px; font-size: 16px; }
  #estate.sell_ar #maparea .app a span { background-size: 20px auto; padding: 20px 0 20px 26px; }
  #estate.sell_ar .sales_item .item_area1 { display: block; }
  #estate.sell_ar .sales_item .item_area1 > div { width: 100%; }
  #estate.sell_ar .sales_item .item_area1 > div + div { margin-top: 10px; }
  #estate.sell_ar .sales_item .item_area1 .block01 > div > div { width: 100px; }
  #estate.sell_ar .sales_item .item_area1 .block01 > div > div span { font-size: 13px; padding: 10px 0 8px; }
  #estate.sell_ar .sales_item .item_area1 .block01 > div h2 { padding: 0 0 0 15px; font-size: 18px; vertical-align: bottom; }
  #estate.sell_ar .sales_item .item_area1 .block02 .price { margin: 0; }
  #estate.sell_ar .sales_item .item_area1 .block02 .price > p { font-size: 14px; }
  #estate.sell_ar .sales_item .item_area1 .block02 .price > p strong { font-size: 22px; }
  #estate.sell_ar .sales_item .item_area1 .block02 .price > p strong.yet_sell { padding: 0; font-size: 18px; }
  #estate.sell_ar #sales_list { margin-top: 50px; }
  #estate.sell_ar #sales_list a .sales_item { padding: 10px; }
  #estate.sell_ar #sales_box { margin: 50px auto 50px; padding: 50px 0 50px; }
  #estate.sell_ar #sales_box .bg_block { padding: 15px 10px 15px; }
  #estate.sell_ar #sales_box .sales_item { padding: 0 0 25px; }
  #estate.sell_ar #sales_box .sales_item .item_area3 dl { font-size: 14px; }
  #estate.sell_ar #sales_box .sales_item .item_area3 > p { font-size: 14px; }
  #estate.sell_ar #sales_box .bg_area { padding: 30px 10px 10px; }
  #estate.sell_ar #sales_box .back_btn02 { margin: 50px auto 30px; }
  #estate.sell_ar #sales_box.detached_h { margin: 50px auto 0; }
  #estate.sell_ar #sales_box.detached_h .payment .bg_block2 { padding: 20px 10px 20px; }
  #estate.sell_ar .architecture:last-of-type { margin-bottom: 20px; }
  #estate.sell_ar .architecture .on_off { vertical-align: top; } }
/*@media 768px END*/
@media screen and (max-width: 480px) { #estate.sell_ar #photos .photo_area div { padding: 0 5px 0; }
  #estate.sell_ar #photos .photo_area div p { margin-top: 5px; }
  #estate.sell_ar .drawing .draw_main div { width: 100%; padding: 0; }
  #estate.sell_ar .drawing .draw_main div:nth-of-type(n+2) { margin-top: 20px; width: 100%; }
  #estate.sell_ar .drawing .draw_main div p { margin-top: 10px; }
  #estate.sell_ar .sales_item .item_area1 .block02 .price > div { width: 100px; }
  #estate.sell_ar .sales_item .item_area2 dl { width: 100%; } }
/*480px*/
/*-----------------------------------------
	土地情報
-----------------------------------------*/
/*---------- 一覧 ----------*/
/*-----------------------------------------
	土地情報
-----------------------------------------*/
/*---------- 一覧 ----------*/
@media screen and (max-width: 900px) { #estate.land_top .map_all #map_canvas { height: 300px; }
  #estate.land_top .item { margin-top: 60px; }
  #estate.land_top .item .fl_head { display: none; }
  #estate.land_top .item a { grid-template-areas: "item1 item5" "item2 item2" "item3 item3" "item4 item4"; grid-template-columns: 70px 1fr; column-gap: 0; margin-top: 20px; border: 1px solid #cbcbc9; padding: 5px; }
  #estate.land_top .item a > div, #estate.land_top .item a h2 { padding: 5px 10px 5px; }
  #estate.land_top .item a > div:nth-child(1), #estate.land_top .item a h2:nth-child(1) { grid-area: item1; text-align: left; }
  #estate.land_top .item a > div:nth-child(1) span, #estate.land_top .item a h2:nth-child(1) span { width: 50px; height: 20px; padding-top: 1px; font-size: 12px; text-align: center; }
  #estate.land_top .item a > div:nth-child(2), #estate.land_top .item a h2:nth-child(2) { grid-area: item2; font-size: 16px; font-weight: 500; }
  #estate.land_top .item a > div:nth-child(3), #estate.land_top .item a h2:nth-child(3) { grid-area: item3; }
  #estate.land_top .item a > div:nth-child(3) .pricem, #estate.land_top .item a h2:nth-child(3) .pricem { display: inline-block; font-size: 14px; margin-right: 10px; }
  #estate.land_top .item a > div:nth-child(3) .pricem strong, #estate.land_top .item a h2:nth-child(3) .pricem strong { font-size: 16px; }
  #estate.land_top .item a > div:nth-child(3) .pricet, #estate.land_top .item a h2:nth-child(3) .pricet { display: inline-block; font-size: 14px; }
  #estate.land_top .item a > div:nth-child(4), #estate.land_top .item a h2:nth-child(4) { grid-area: item4; font-size: 15px; }
  #estate.land_top .item a > div:nth-child(4) br, #estate.land_top .item a h2:nth-child(4) br { display: none; }
  #estate.land_top .item a > div:nth-child(5), #estate.land_top .item a h2:nth-child(5) { grid-area: item5; text-align: left; }
  #estate.land_top .item a > div:nth-child(5) span, #estate.land_top .item a h2:nth-child(5) span { width: 20px; height: 20px; padding: 0 0 0 2px; font-size: 13px; }
  #estate.land_top .item a > div .sptl, #estate.land_top .item a h2 .sptl { display: inline-block; font-size: 14px; }
  #estate.land_top #nav_list { margin-top: 80px; } }
/*@media 900px END*/
/*---------- 詳細 ----------*/
@media screen and (max-width: 1100px) { #estate.land_ar #section_list { display: block; }
  #estate.land_ar #section_list dl { width: 100%; max-width: 700px; margin-left: auto; margin-right: auto; }
  #estate.land_ar #section_list dl:nth-child(-n+2) { border-top: none; }
  #estate.land_ar #section_list dl:nth-child(-n+1) { border-top: 1px solid #cccbc9; }
  #estate.land_ar #section_data .section_box { padding: 20px; } }
/*@media 1100px END*/
@media screen and (max-width: 768px) { #estate.land_ar > h3 { background-position: left top 1px; font-size: 18px; padding: 0 0 15px 15px; margin-bottom: 20px; }
  #estate.land_ar > h3.new { background-position: left top 1px, left 15px top 3px; }
  #estate.land_ar article + article { margin-top: 40px; }
  #estate.land_ar article + .line { margin-top: 30px; padding-top: 30px; }
  #estate.land_ar .moveBtn { grid-template-columns: repeat(2, 1fr); column-gap: 10px; row-gap: 10px; }
  #estate.land_ar #photo_map { display: block; margin-top: 40px; }
  #estate.land_ar #photo_map .photo_box, #estate.land_ar #photo_map .map_box { width: 100%; }
  #estate.land_ar #photo_map .photo_box { max-width: 400px; margin: 0 auto 0; }
  #estate.land_ar #photo_map .photo_box + .map_box { margin-top: 20px; }
  #estate.land_ar #photo_map .map_box .app_print a.printBtn { display: none; }
  #estate.land_ar #section_list dl { grid-template-columns: 90px 1fr; min-height: 50px; max-width: 400px; }
  #estate.land_ar #section_list dl dt { font-size: 14px; }
  #estate.land_ar #section_list dl dd { display: grid; grid-template-areas: "item1 item2" "item1 item3"; grid-template-columns: 70px 1fr; }
  #estate.land_ar #section_list dl dd > span { flex: 0 0 60px; grid-area: item1; }
  #estate.land_ar #section_list dl dd > span span { padding: 2px 5px 2px; text-align: center; font-size: 13px; }
  #estate.land_ar #section_list dl dd .price { grid-area: item2; }
  #estate.land_ar #section_list dl dd .price span { font-size: 20px; }
  #estate.land_ar #section_list dl dd .area { font-size: 13px; grid-area: item3; }
  #estate.land_ar #section_data .section_box { display: block; padding: 10px; margin-top: 30px; }
  #estate.land_ar #section_data .section_box:first-child { margin-top: 0; }
  #estate.land_ar #section_data .section_box .image { width: 100%; max-width: 400px; margin: 0 auto 0; }
  #estate.land_ar #section_data .section_box .image p { margin-top: 10px; }
  #estate.land_ar #section_data .section_box .image + .data { margin-top: 20px; }
  #estate.land_ar #section_data .section_box .data h4 { -webkit-box-pack: center; justify-content: center; column-gap: 10px; margin-bottom: 20px; }
  #estate.land_ar #section_data .section_box .data h4 .status { font-size: 13px; }
  #estate.land_ar #section_data .section_box .data h4 .sec_title { font-size: 18px; }
  #estate.land_ar #section_data .section_box .data dl { grid-template-columns: 80px 1fr; }
  #estate.land_ar #section_data .section_box .data dl dd { padding: 10px 10px 10px; }
  #estate.land_ar #section_data .section_box .data dl dd .price { font-size: 18px; }
  #estate.land_ar #overview > article { margin-top: 20px; }
  #estate.land_ar #overview > article > div:nth-child(2) { margin-top: 0; }
  #estate.land_ar #overview > p { margin-top: 0px; }
  #estate.land_ar #streetview iframe { width: 100%; height: 350px; }
  #estate.land_ar #features > div { margin-top: 20px; padding: 20px; }
  #estate.land_ar #photos .photo_list { margin-top: 20px; grid-template-columns: repeat(2, 1fr); column-gap: 10px; /* 列間の間隔を設定 */ }
  #estate.land_ar #photos .photo_list div p { font-size: 12px; margin-top: 10px; } }
/*@media 768px END*/
@media screen and (max-width: 640px) { #estate.land_ar #section_data .section_box .data dl { width: 100%; } }
/*@media 640px END*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #sblog .basebox { display: block; }
  #sblog .side { margin-top: 50px; }
  #sblog .side #side_area { width: 100%; max-width: 500px; background-color: #ececec; padding: 20px 20px 20px; margin: 0 auto 0; } }
/*900px*/
@media screen and (max-width: 768px) { #sblog .basebox .main .pagemove { display: block; margin-top: 50px; }
  #sblog .basebox .main .pagemove .movetop a { margin: 0 auto 0; }
  #sblog .basebox .main .pagemove #nav_list { margin-top: 50px; }
  #sblog .basebox .main .pagemove #nav_list #pagenation { text-align: center; } }
/*768px*/
/*430px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #sblog.sblog_list .basebox .main section { grid-template-columns: 100px 1fr; column-gap: 20px; /* 列間の間隔を設定 */ }
  #sblog.archive #prof { grid-template-columns: 100px 1fr; column-gap: 20px; /* 列間の間隔を設定 */ } }
/*768px*/
@media screen and (max-width: 430px) { #sblog.sblog_list .basebox .main section { display: block; }
  #sblog.sblog_list .basebox .main section + section { padding-top: 30px; margin-top: 30px; }
  #sblog.sblog_list .basebox .main section .photo { width: 100%; max-width: 200px; margin: 0 auto 0; }
  #sblog.sblog_list .basebox .main section .photo + .data { margin-top: 20px; }
  #sblog.sblog_list .basebox .main section .data h3 { font-size: 16px; }
  #sblog.sblog_list .basebox .main section .data p { margin-top: 5px; }
  #sblog.sblog_list .basebox .main section .data a { margin: 15px auto 0; }
  #sblog.sblog_list .basebox .main section .data div { font-size: 13px; }
  #sblog.sblog_list .basebox .main section .data div span + span::before { content: ''; }
  #sblog.sblog_list .basebox .main section .data div span:nth-child(2) { display: block; }
  #sblog.sblog_list .basebox .main section .data div span:nth-child(3) { font-size: 12px; }
  #sblog.sblog_list .basebox .main section .data div span:nth-child(3) + :nth-child(4)::before { content: '｜'; }
  #sblog.sblog_list .basebox .main section .data div span:nth-child(4) { font-size: 12px; }
  #sblog.archive #prof { grid-template-columns: 80px 1fr; padding-bottom: 30px; margin-bottom: 30px; }
  #sblog.archive #prof .data .name { font-size: 18px; }
  #sblog.archive #prof .data .name_eng { font-size: 14px; }
  #sblog.archive #prof .data .office { font-size: 12px; }
  #sblog.archive #prof .data > a { padding: 2px 0 1px; margin-top: 5px; } }
/*430px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #sblog.sblog_post .basebox .main article section.text { padding: 30px 0 30px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content { font-size: 13px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size12 { font-size: 11px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size14 { font-size: 13px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size15 { font-size: 14px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size16 { font-size: 15px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size21 { font-size: 18px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size23 { font-size: 20px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size29 { font-size: 22px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .cke-font-size32 { font-size: 24px; } }
/*768px*/
@media screen and (max-width: 430px) { #sblog.sblog_post .basebox .main article section.post_head span { font-size: 13px; }
  #sblog.sblog_post .basebox .main article section.post_head h3 { font-size: 16px; }
  #sblog.sblog_post .basebox .main article section.text { padding: 20px 0 20px; margin-top: 15px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content img { width: auto !important; max-width: 100% !important; margin-top: 10px; margin-bottom: 10px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content img .image_resized { width: auto !important; max-width: 100% !important; margin-top: 10px; margin-bottom: 10px; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .image.image-style-align-left { float: none; margin-right: inherit; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .image.image-style-align-right { float: none; margin-left: inherit; }
  #sblog.sblog_post .basebox .main article section.text div.ck-content .image.image_resized, #sblog.sblog_post .basebox .main article section.text div.ck-content .image.image-style-block-align-left, #sblog.sblog_post .basebox .main article section.text div.ck-content .image.image-style-block-align-right { width: auto !important; max-width: 100% !important; margin: inherit; }
  #sblog.sblog_post .basebox .main article section.photo { padding-top: 20px; margin-top: 10px; border-top: 1px solid #cccbc9; }
  #sblog.sblog_post .basebox .main article section.photo h4 { background-size: auto 14px; font-size: 20px; padding: 0 0 2px 10px; }
  #sblog.sblog_post .basebox .main article section.photo > div { margin-top: 20px; }
  #sblog.sblog_post .basebox .main article section.photo > div div p { font-size: 12px; }
  #sblog.sblog_post .basebox .main article section.photo > div.single div { max-width: 400px; }
  #sblog.sblog_post .basebox .main article section.photo > div.multiple { display: block; }
  #sblog.sblog_post .basebox .main article section.photo > div.multiple div + div { margin-top: 20px; }
  #sblog.sblog_post .basebox .main article section.map { padding-top: 30px; margin-top: 30px; }
  #sblog.sblog_post .basebox .main article section.emp { text-align: right; padding-top: 30px; margin-top: 30px; }
  #sblog.sblog_post .basebox .main article section.emp > div { display: inline-block; }
  #sblog.sblog_post .basebox .main article section.emp > div div + div { padding-top: 10px; margin-top: 10px; } }
/*430px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #topics .topics_box .item .text { padding-left: 0; } }
/*900px*/
@media screen and (max-width: 768px) { #topics .topics_box { padding: 10px 10px 10px; }
  #topics .topics_box .item + .item { padding-top: 20px; margin-top: 15px; }
  #topics .topics_box .item .data { flex-wrap: wrap; }
  #topics .topics_box .item .data .time { font-size: 13px; width: 100%; margin-bottom: 5px; }
  #topics .topics_box .item .data .contents { width: 110px; font-size: 12px; }
  #topics .topics_box .item .data .city { font-size: 14px; }
  #topics .topics_box .item .data .city .eng { display: none; }
  #topics .topics_box .item .data .city .jp_name { font-size: 14px; padding-top: 0; }
  #topics .topics_box .item .text { font-size: 14px; } }
/*768px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #online_model > article { column-gap: 30px; row-gap: 30px; }
  #online_model > article .item { padding: 25px 30px 25px; } }
/*1000px*/
@media screen and (max-width: 768px) { #online_model > article { max-width: 500px; display: block; }
  #online_model > article .item { padding: 20px 20px 20px; }
  #online_model > article .item + .item { margin-top: 30px; }
  #online_model > article .item > a { font-size: 16px; }
  #online_model > article .item > .sub { font-size: 12px; }
  #online_model > article .item h3 { font-size: 18px; }
  #online_model > article .item .address span:nth-child(1) { font-size: 11px; padding: 3px 0 0px; width: 35px; }
  #online_model #nav_list { margin-top: 40px; } }
/*768px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	施工実例 共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #gallery #gal_navi_box #gal_navi .menu div { grid-template-columns: 1fr 1fr 1fr 1fr; } }
/*1000px*/
@media screen and (max-width: 768px) { #gallery #gallery_wrap { padding: 20px 0 0; }
  #gallery #gallery_wrap #image_box div.item .photo_data a { padding: 5px 10px; width: 120px; font-size: 12px; }
  #gallery #gallery_wrap #nav_list { padding-top: 40px; }
  #gallery #gal_navi_box { padding: 0 0 0; }
  #gallery #gal_navi_box #gal_navi .menu div { grid-template-columns: 1fr 1fr 1fr; }
  #gallery #gal_navi_box #gal_navi .menu div a { min-height: 40px; } }
/*768px*/
@media screen and (max-width: 500px) { #gallery #gal_navi_box #gal_navi .menu div { grid-template-columns: 1fr 1fr; font-size: 12px; } }
/*1000px*/
/*768px*/
/*480px*/
/*--------------------------------------------------------------------------
	採用情報
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #recruit .recruit_area { padding: 0 10px; }
  #recruit .recruit_area .recruit_head h3 { background-position: left top 5px; background-size: 3px auto; font-size: 18px; padding: 0 0 0 15px; }
  #recruit .recruit_area .recruit_head h3 + .main_title { margin-top: 15px; }
  #recruit .recruit_area .recruit_head .main_title span { font-size: 18px; display: inline-block; padding: 0 10px; }
  #recruit .recruit_area .recruit_head .main_comment { margin-top: 40px; }
  #recruit .recruit_area .recruit_head .main_comment.top { text-align: left; font-size: 15px; font-weight: 400; }
  #recruit .recruit_area .recruit_head .main_comment.top br { display: none; }
  #recruit .recruit_area .recruit_head .main_comment.next { font-size: 17px; padding-left: 20px; }
  #recruit .recruit_area .recruit_head .main_sub_comment { padding: 20px; margin-top: 40px; }
  #recruit .recruit_area .recruit_head .main_sub_comment p.year { font-size: 16px; }
  #recruit .recruit_area .recruit_head .main_sub_comment p.text { font-size: 13px; }
  #recruit .recruit_area .recruit_main #entry { margin-top: 40px; }
  #recruit .recruit_area .recruit_main #entry p { font-size: 16px; }
  #recruit .recruit_area .recruit_main #entry .flow { grid-template-columns: repeat(2, 1fr); column-gap: 10px; /* 横列間の間隔を設定 */ row-gap: 10px; /* 縦列間の間隔を設定 */ }
  #recruit .recruit_area .recruit_main #entry .flow div { display: -webkit-box; display: flex; align-items: center; /* 上下中央に配置 */ background-color: #e4e4e4; padding: 0 0 0 0; line-height: 1; }
  #recruit .recruit_area .recruit_main #entry .flow div span:nth-child(1) { text-align: center; }
  #recruit .recruit_area .recruit_main #entry .flow div span:nth-child(2) { text-align: left; font-size: 13px; margin-top: 0; padding: 3px 0 0 10px; }
  #recruit .recruit_area .recruit_main #entry .flow div:last-child span:nth-child(1) { border: 1px solid #1c223c; }
  #recruit .recruit_area .recruit_main .select_list { margin-top: 40px; }
  #recruit .recruit_area .recruit_main .select_list .list { margin-top: 10px; grid-template-columns: repeat(2, 1fr); column-gap: 10px; /* 横列間の間隔を設定 */ row-gap: 10px; /* 縦列間の間隔を設定 */ }
  #recruit .recruit_area .recruit_main .select_list .list .item { height: 50px; } }
/*768px*/
@media screen and (max-width: 430px) { #recruit .recruit_area .recruit_main #entry .flow { grid-template-columns: repeat(1, 1fr); }
  #recruit .recruit_area .recruit_main .select_list { margin-top: 30px; }
  #recruit .recruit_area .recruit_main #profession .list { grid-template-columns: repeat(1, 1fr); } }
/*430px*/
@media screen and (max-width: 768px) { #recruit.recruit_top .recruit_area .recruit_main { margin-top: 50px; }
  #recruit.recruit_top .recruit_area .recruit_main .contents_link { display: block; }
  #recruit.recruit_top .recruit_area .recruit_main .contents_link a { margin: 0 auto; }
  #recruit.recruit_top .recruit_area .recruit_main .contents_link a + a { margin-top: 30px; } }
/*768px*/
@media screen and (max-width: 768px) { #recruit.recruit_posts .recruit_area .recruit_main #recruitment { margin-top: 50px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment .rec_title { margin-bottom: 20px; background-position: left top 6px; font-size: 20px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box { padding: 20px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box.active + .active { margin-top: 40px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box h4 { font-size: 18px; padding: 4px 10px 4px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .text { margin-top: 15px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block { margin-top: 20px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block .item { grid-template-columns: repeat(1, 1fr); }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block .item.item { border-top: none; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block .item h5 { padding: 5px 10px 2px; text-align: left; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .block .item .cap { padding: 5px 10px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .other { margin-top: 40px; padding: 10px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .other .bulk + .remarks { padding-top: 15px; margin-top: 15px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .photo { margin-top: 40px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .photo .files { column-gap: 10px; /* 横列間の間隔を設定 */ row-gap: 15px; /* 縦列間の間隔を設定 */ margin-top: 15px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .file { margin-top: 40px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .file .files a { background-position: left 10px top 17px; background-size: 15px auto; padding: 15px 10px 12px 40px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .form_link { margin-top: 40px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .form_link .linkbtn { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; row-gap: 20px; }
  #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .form_link .linkbtn a { min-height: 50px; } }
/*768px*/
@media screen and (max-width: 430px) { #recruit.recruit_posts .recruit_area .recruit_main #recruitment section .box .photo .files { grid-template-columns: repeat(1, 1fr); } }
/*430px*/
/*1000px*/
/*1000px*/
/*768px*/
/*480px*/
/*--------------------------------------------------------------------------
	共通
--------------------------------------------------------------------------*/
/*768px*/
/*640px*/
/*--------------------------------------------------------------------------
	index.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) { #staff.staff_top .office_list .staff_list article { column-gap: 80px; /* 横列間の間隔を設定 */ } }
/*1000px*/
@media screen and (max-width: 900px) { #staff.staff_top .page_sub_menu.navi_company { margin-bottom: 0; }
  #staff.staff_top .ofnavi { grid-template-columns: repeat(4, 1fr); }
  #staff.staff_top .office_list + .ofnavi { margin-top: 65px; }
  #staff.staff_top .office_list .staff_list article { grid-template-columns: repeat(3, 1fr); } }
/*900px*/
@media screen and (max-width: 640px) { #staff.staff_top .page_sub_menu.navi_company { margin-bottom: 0; }
  #staff.staff_top .ofnavi { grid-template-columns: repeat(4, 1fr); }
  #staff.staff_top .office_list + .ofnavi { margin-top: 40px; }
  #staff.staff_top .office_list .staff_list + .staff_list { margin-top: 30px; padding-top: 30px; }
  #staff.staff_top .office_list .staff_list article { grid-template-columns: repeat(2, 1fr); column-gap: 60px; /* 横列間の間隔を設定 */ row-gap: 30px; /* 縦列間の間隔を設定 */ margin-top: 15px; }
  #staff.staff_top .office_list .staff_list article a .name { font-size: 14px; margin-top: 5px; }
  #staff.staff_top .office_list .staff_list article a .job { font-size: 12px; } }
/*640px*/
@media screen and (max-width: 480px) { #staff.staff_top .page_sub_menu.navi_company { margin-bottom: 0; }
  #staff.staff_top .ofnavi { grid-template-columns: repeat(2, 1fr); margin-top: 40px; }
  #staff.staff_top .ofnavi a { font-size: 14px; }
  #staff.staff_top .ofnavi + .office_list { margin-top: 30px; }
  #staff.staff_top .office_list .staff_list article { column-gap: 20px; /* 横列間の間隔を設定 */ row-gap: 20px; /* 縦列間の間隔を設定 */ padding: 0 20px; } }
/*480px*/
/*768px*/
/*768px*/
/*--------------------------------------------------------------------------
	article.html
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px) { #staff.staff_ar #sps_name { margin-bottom: 40px; padding: 20px 10px; }
  #staff.staff_ar #sps_name article { grid-template-columns: repeat(1, 1fr); column-gap: 0; /* 横列間の間隔を設定 */ row-gap: 20px; /* 縦列間の間隔を設定 */ padding: 0; }
  #staff.staff_ar #sps_name article > div#photo div { width: 200px; }
  #staff.staff_ar #sps_title { display: block; margin-bottom: 40px; }
  #staff.staff_ar #sps_title section, #staff.staff_ar #sps_title article { display: block; }
  #staff.staff_ar #sps_title section { position: inherit; margin-bottom: 20px; }
  #staff.staff_ar #sps_title section h3 { position: inherit; height: inherit; background-image: none; padding: 15px 10px; }
  #staff.staff_ar #sps_title section h3 div { float: none; max-width: none; height: inherit; font-size: 23px; }
  #staff.staff_ar #sps_title section h3 div p { position: inherit; height: inherit; }
  #staff.staff_ar #sps_title section h3 div p span { position: inherit; top: auto; transform: none; -webkit-transform: none; }
  #staff.staff_ar #sps_title section h3 div p span br { display: none; }
  #staff.staff_ar #sps_title article { width: 100%; height: inherit; padding: 0 10px; }
  #staff.staff_ar #sps_title article div { float: none; max-width: none; font-size: 14px; height: inherit; line-height: 2.3; background-size: 100% 2.3em; letter-spacing: 0.08em; opacity: 1; } }
/*900px*/
@media screen and (max-width: 768px) { #staff.staff_ar #sps_name article > div#ps_name { width: 100%; }
  #staff.staff_ar #sps_name article > div#ps_name .area_name_b p span.an_eng { font-size: 18px; }
  #staff.staff_ar #sps_name article > div#ps_name .area_name_b p span.an_jp { font-size: 15px; }
  #staff.staff_ar #sps_name article > div#ps_name .position { font-size: 15px; }
  #staff.staff_ar #sps_name article > div#ps_name .name h3 { font-size: 23px; }
  #staff.staff_ar #sps_name article > div#ps_name .name div a { font-size: 14px; width: 70px; min-height: 25px; }
  #staff.staff_ar #sps_name article > div#ps_name .name_eng { font-size: 16px; }
  #staff.staff_ar .prof_set { margin: 0 auto 50px; }
  #staff.staff_ar .prof_set h4 { font-size: 23px; }
  #staff.staff_ar .prof_set .prof_box { overflow: hidden; height: 100%; opacity: 1; }
  #staff.staff_ar .prof_set .prof_box div { grid-template-columns: repeat(1, 1fr); }
  #staff.staff_ar .prof_set .prof_box div article { padding: 10px; }
  #staff.staff_ar .prof_set .prof_box div article dl dt { font-size: 15px; margin-bottom: 10px; }
  #staff.staff_ar .prof_set .prof_box div article dl dd { font-size: 14px; padding-left: 0; }
  #staff.staff_ar #sps_messa { background-size: 1200px auto; }
  #staff.staff_ar #sps_messa #messa_main { padding: 20px 10px; margin: 0 auto 50px; }
  #staff.staff_ar #sps_messa #messa_main h4 { font-size: 18px; padding: 0 0 0 15px; margin-bottom: 10px; }
  #staff.staff_ar #sps_messa #messa_main #messa_box { grid-template-columns: repeat(1, 1fr); column-gap: 0; /* 横列間の間隔を設定 */ row-gap: 20px; /* 縦列間の間隔を設定 */ }
  #staff.staff_ar #sps_messa #messa_main #messa_box article .inbox { padding: 10px; }
  #staff.staff_ar #sps_messa #messa_main #messa_box article .inbox h5 { font-size: 16px; padding-bottom: 5px; margin-bottom: 5px; }
  #staff.staff_ar #sps_messa #messa_main #messa_box article .inbox p { opacity: 1; }
  #staff.staff_ar #sps_episode { margin-bottom: 50px; }
  #staff.staff_ar #sps_episode #episode_main { padding: 20px 10px; }
  #staff.staff_ar #sps_episode #episode_main h4 { font-size: 23px; padding: 0 0 0 15px; margin-bottom: 20px; }
  #staff.staff_ar #sps_episode #episode_main article { margin-bottom: 20px; }
  #staff.staff_ar #sps_episode #episode_main article h5 { width: 100%; height: auto; overflow: hidden; margin-bottom: 15px; opacity: 1; }
  #staff.staff_ar #sps_episode #episode_main article h5 > span { display: block; width: 100%; height: 100%; padding: 10px 10px; opacity: 1; }
  #staff.staff_ar #sps_episode #episode_main article h5 > span span.eng { display: inline-block; font-size: 16px; background-position: left top 5px, right bottom 8px; }
  #staff.staff_ar #sps_episode #episode_main article h5 > span span.jp { display: block; font-size: 15px; }
  #staff.staff_ar #sps_episode #episode_main article div { font-size: 15px; }
  #staff.staff_ar #sps_photo_area { padding: 0 10px; }
  #staff.staff_ar #sps_photo_area h4 { background: url("../../staff/img/icon_staff.png") left center no-repeat; background-size: 4px auto; font-size: 23px; padding: 0 0 0 15px; }
  #staff.staff_ar #sps_photo { padding: 20px 10px 50px; }
  #staff.staff_ar #sps_photo ul li { float: none; padding: 0 0; margin-bottom: 20px; }
  #staff.staff_ar #sps_photo ul li div { max-width: 300px; }
  #staff.staff_ar #sps_photo.cp_one ul li { width: 100%; }
  #staff.staff_ar #sps_photo.cp_two ul li { width: 100%; }
  #staff.staff_ar #sps_photo.cp_three ul li { width: 100%; } }
/*768px*/
/*430px*/

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