@charset "shift_jis";

/*-----------------------------------------------
マスターファイルです。編集しないでください。
-----------------------------------------------*/
h1 {
 font-size: 10px;
 margin: 0px 0px 0px 0px;
 padding: 2px 0px;
}

img {
 max-width: 100%;
 height: auto;
 width
 /***/
 : auto;
}

.smart_off {
 display: none;
}

.smart_head {
 width: 100%;
}

.smart_head img {
 width: auto
}

/* IE8 */
.smart_head img {
 max-width: 100%
}

body {
 color: #333;
 margin: 0;
 padding: 0;
 font-size: 14px;
 text-align: left;
}

.maincontents {
 width: 96%;
 height: auto;
 margin: 0 auto;
 overflow: hidden;
 padding-top: 2%;
 margin-bottom: 10%;
}

img {
 max-width: 100% !important;
 max-height: 100% !important;
 height: auto;
 width
 /***/
 : auto;
}

.cms_back {
 width: 100%;
 margin: 2% 0;
 clear: both;
}

.cms_back a {
 color: #004CD3 !important;
 line-height: 18px;
 font-size: 12px;
 display: inline-block;
 margin: 0px 10px 0px 0px;
 padding: 5px 15px;
 border: solid 1px #CCC;
 border-radius: 5px;
}

.cms_back a:hover {
 text-decoration: none;
 color: #999999;
}

/* ----------------------------------------
   pan
---------------------------------------- */
.c_pan_conts {
 margin: 10px 0 0 0;
 display: block;
}

.c_pan_conts ul {
 width: 100%;
 color: #666;
 position: relative;
 padding: 3px 1%;
 overflow-x: auto;
 overflow-y: hidden;
 -webkit-overflow-scrolling: touch;
 white-space: nowrap;
 line-height: 17px;
}

.c_pan_conts li {
 display: inline-block;
 font-size: 0.8em;
}

.c_pan_conts li a {
 text-decoration: none;
 color: #111111;
}

.c_pan_conts li::after {
 content: ">";
 margin: 0 5px;
}

.c_pan_conts li:last-child {
 color: #3f98d7
}

.c_pan_conts li:last-child::after {
 content: "";
 margin: 0 15px;
}

.clear {
 clear: both;
}

li {
 list-style: none;
}

.grouppaging {
 text-align: center;
}

.grouppaging li {
 display: inline-block;
 vertical-align: top;
 *display: inline;
 *zoom: 1;
 width: 40px !important;
 margin: 2px 7px 2px 0;
 line-height: 35px;
 border: 1px solid #ccc;
}

.grouppaging li span {
 display: block;
 background-color: #fdfcfd;
}

.grouppaging a {
 height: 35px;
 line-height: 35px;
 display: block;
 background: #ddd;
 text-align: center;
 font-weight: bold;
 color: #000000 !important;
 text-decoration: none !important;
}

.grouppaging a:hover {
 background: #aaaaaa;
}

.grouppaging a.active {
 background: #FFBF00;
}

.map_text {
 font-size: 13px;
 font-weight: bold;
 text-align: center;
 margin: 5px 0;
}

ol,
ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.list2 ul {
 border-bottom: 1px solid #ccc;
 max-width: 100%;
 padding: 0px;
}

.list2 ul li {
 float: left;
 width: 50%;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-bottom: 1px solid white;
 border-top: 1px solid #ccc;
 white-space: nowrap;
 height: 40px;
 line-height: 40px;
 margin: 0;
 padding: 0;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
}

.list2 ul li a {
 color: #333;
 display: block;
 height: 40px;
 line-height: 40px;
 margin: 0;
 padding: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 text-decoration: none;
 font-weight: bold;
 white-space: nowrap;
 font-size: 14px;
}

.list2 ul li a:after {
 float: left;
 content: url(/mobile_img/list_mark3.png);
}

.float_l {
 float: none !important;
}

.float_r {
 float: none !important;
}

/*--------------------------	master start	--------------------------*/
.page_next {
 margin: 50px 0 0 0;
 background-color: #f5f5f5;
}

.page_next ul {
 display: block
}

.page_next li {
 flex-basis: 450px;
 align-self: center;
 font-size: 14px;
 line-height: 22px;
 position: relative;
}

.page_next li:nth-child(1) a {
 padding: 30px 10% 20px;
}

.page_next li:nth-child(1) a::before {
 content: '\f053';
 font-family: 'Font Awesome 5 Free';
 font-weight: 900;
 position: absolute;
 top: 50%;
 left: 5%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 color: #000;
}

.page_next li:nth-child(2) {
 width: 40%;
 height: 3em;
 border: 1px solid #999999;
 border-radius: 3px;
 background-color: #ffffff;
 text-align: center;
 line-height: 3em;
 box-sizing: border-box;
 margin: 0 auto;
}

.page_next li:nth-child(2) a {
 display: block;
 color: #111111;
 text-decoration: none;
}

.page_next li:nth-child(3) a {
 padding: 20px 10% 30px;
 text-align: right;
}

.page_next li:nth-child(3) a::after {
 content: '\f054';
 font-family: 'Font Awesome 5 Free';
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 5%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 color: #000;
}

.page_next li a {
 display: block;
 color: #0086d1;
}

.page_next li:empty {
 padding: 5% 0;
}

/*-----------------------------------------------
	/info/ インフォメーション
-----------------------------------------------*/
.info_ma {
 overflow: hidden;
 clear: both;
}

.info_ma img {
 max-width: 100% !important;
 height: auto !important;
}

.info_ma_left {
 margin: 0 0 5% 0;
 padding: 0;
}

.info_ma_left ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.info_ma_left ul li {
 margin-bottom: 20px;
 padding: 0px;
 overflow: hidden;
 position: relative;
 top: 0px;
 left: 0px;
}

.info_ma_list h3 {
 color: #FFF;
 width: 100%;
 height: 45px;
 margin: 0px;
 padding: 0px;
 background-color: rgba(0, 0, 0, 0.8);
 position: absolute;
 bottom: 0px;
 text-align: center;
}

.info_ma_list h3 a {
 color: #FFF;
 width: 100%;
 height: 42px;
 margin: 3px 0px 0px 0px;
 padding: 0px;
 font-size: 14px;
 overflow: hidden;
 text-overflow: ellipsis;
 text-align: center;
 white-space: nowrap;
 position: absolute;
 display: block;
}

.info_ma_list h3 a:hover {
 text-decoration: underline;
}

.info_ma_list h3 span {
 font-size: 12px;
 font-weight: normal;
 margin-top: 23px;
 display: block;
}

.info_ma_left p {
 font-size: 14px;
 line-height: 36px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.info_ma_left p img {
 vertical-align: middle !important;
}

.info_ma_pager {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.info_ma_pager ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.info_ma_pager li {
 list-style: none;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}

.info_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}

.info_ma_pager li a:hover {
 background: #DDD;
}

.info_ma_right {}

.info_ma h2 {
 margin: 2% 0;
 padding: 2%;
 height: auto;
 overflow: hidden;
 background: #EEE;
 border-bottom: 1px dashed #666;
 font-size: 4vw;
 line-height: 1.5em;
}

.info_ma h2 span {
 display: block;
 font-size: 3vw;
 font-weight: bold;
 margin-bottom: 2%;
}

.info_ma p {
 font-size: medium;
}

.info_ma_list div {
 float: none !important;
}

.info_ma_list .float_l {
 height: 202px;
 background: url("/img_cms/no-image.gif") no-repeat;
 background-size: cover;
}

.info_ma_list a {
 display: block;
}

.info_ma_list a img {
 min-width: 100%;
 height: 200px !important;
 object-fit: cover;
}

.info_ma_list p {
 margin: 10px 0px 0px 0px;
 padding: 0;
 line-height: 24px;
 text-align: center;
}

.info_ma_thema {
 position: absolute;
 top: 5px;
 left: 5px;
 z-index: 1;
}

.info_ma_thema p {
 margin: 0;
}

.info_ma_thema label {
 border: solid 1px #aaa;
 padding: 3px 10px;
 margin-right: 5px;
 font-size: 12px;
 border-radius: 5px;
 background-color: #fff;
}

.info_shosai_thema label {
 border: solid 1px #aaa;
 padding: 3px 10px;
 margin-right: 5px;
 font-size: 12px;
 border-radius: 5px;
 background-color: #fff;
}

.info_shosai_thema p {
 margin: 0;
}

.info_ma_list a {
 display: block;
}

.blog_header_title {
 display: block;
 font-weight: bold;
 line-height: 16px;
 border-bottom: 1px dashed #CCC;
 color: #333;
 padding-bottom: 10px;
 text-align: center;
 letter-spacing: 1px;
}

.cms_blogparts .blog_header {
 height: 40px;
 padding-top: 0;
}

.cms_bsp_calendar {
 vertical-align: bottom;
 margin-bottom: 5%;
}

.cms_bsp_calendar table {
 width: 100%;
}

.cms_bsp_calendar table tr th a {
 color: #333;
}

.cms_bsp_calendar table tr td {
 width: 14%;
 text-align: center;
 line-height: 25px;
}

ul.body_list {
 margin: 0;
 padding: 0;
 list-style: none;
}

ul.body_list li {
 background: #EEE;
 margin-bottom: 5px;
 font-size: 14px;
 line-height: 24px;
 padding: 0;
 border-bottom: none;
}

ul.body_list li.list_nolink {
 padding: 1px 5px;
}

ul.body_list li a {
 display: block;
 padding: 1px 5px;
 color: #333;
 text-decoration: none;
}

ul.body_list li a:hover {
 text-decoration: underline;
 background: #CCC;
}

.list_nolink {
 padding: 1px 5px;
 color: #999;
}

.cal_link a {
 display: block;
 background: #EAF4FF;
 font-weight: bold;
 color: #333;
 text-decoration: none;
}

.cal_link a:hover {
 background: #004E9E;
 color: #fff;
}

.blog_foot_l,
.blog_foot_r {
 margin-top: 20px;
}

.maincontents a {
 color: #006dd9;
 text-decoration: underline;
}

.tablenormal span {
 background-color: #eee;
 display: block;
 padding: 5px 0;
 color: #999;
 text-align: center;
}

.tablenormal {
 display: block;
 font-weight: bold;
 line-height: 16px;
 border-bottom: 1px dashed #CCC;
 color: #333;
 padding-bottom: 10px;
 text-align: center;
 letter-spacing: 1px;
 margin: 10px 0 15px;
}

.tablenormal img {
 display: none;
}

.tablenormal a {
 background-color: #eee;
 display: block;
 padding: 5px 0;
 text-align: center;
}

.tablenormal a:hover {
 background: #CCC;
}

/*-----------------------------------------------
一覧シンプル表示　日付・タイトルのみ
-----------------------------------------------*/
.cms_li_box {
 margin: auto;
}

.cms_li_box ul li a {
 font-size: 14px;
 display: block;
 box-sizing: border-box;
 line-height: 2em;
 padding: 1em;
 font-weight: bold;
 color: #333;
 text-decoration: none;
}

.cms_li_box ul li:nth-child(odd) a {
 background: #F5F5F5;
}

.cms_li_box ul li a:hover {
 background: #F4E7D7;
}

.cms_li_box ul li a span {
 font-weight: 500;
 text-decoration: underline;
 margin: auto auto auto 10px;
}

/*-----------------------------------------------
	/blog/ インフォメーション
-----------------------------------------------*/
.blog_ma {
 overflow: hidden;
 clear: both;
}

.blog_ma_left {
 margin: 0 0 5% 0;
 padding: 0;
}

.blog_ma_left ul {
 margin: 0;
 padding: 0;
 list-style: none;
 border-top: 1px solid #DDD9D3;
}

.blog_ma_left ul li {
 overflow: hidden;
 border-bottom: 1px solid #DDD9D3;
}

.blog_ma_left ul li a {
 display: block;
 padding: 5% 0 5% 2%;
 overflow: hidden;
 text-decoration: none;
}

.blog_tl_top {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 margin: 4% 0 3%;
}

.blog_tl_top span {
 margin-right: 5px;
 font-weight: bold;
 font-size: 13px;
}

.blog_thema_shosai {
 font-size: 3vw;
 color: #666;
 margin-left: 1%;
}

.blog_thema_shosai p {
 display: flex;
 flex-wrap: wrap;
 gap: 5px;
}

.blog_thema_shosai label {
 border: solid 1px #aaa;
 padding: 3px 10px;
 font-size: 12px;
 border-radius: 5px;
}

.blog_ma_left h3 a {
 color: #333;
 text-decoration: none;
 float: left;
}

.blog_ma_left h3 span {
 display: block;
 float: right;
 color: #333;
 text-decoration: none;
 font-size: 14px;
 line-height: 25px;
}

.blog_ma_list h3 {
 margin: 2% 0;
 font-size: clamp(14px, 3.8vw, 24px);
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
 line-height: 1.5;
 height: 68px;
 background: none;
 border: none;
 color: #333;
}

.blog_ma_left h3 a:hover {
 text-decoration: underline;
}

.blog_ma_left h3 p {
 color: #333;
 font-size: 18px;
 font-weight: normal;
 line-height: 42px;
 float: right;
}

.blog_ma_left p {
 margin: 0;
 padding: 0;
 font-size: medium;
}

.blog_ma_left p img {
 vertical-align: middle !important;
 height: auto !important;
}

.blog_ma_pager {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.blog_ma_pager ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.blog_ma_pager li {
 list-style: none;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}

.blog_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}

.blog_ma_pager li a:hover {
 background: #DDD;
}

.blog_ma h3 p {
 line-height: 30px;
}


.blog_ma_list a {
 display: block;
}

.blog_ma_list .float_l {
 width: 54%;
 display: inline-block;
 vertical-align: middle;
 margin-right: 2%;
}

.blog_ma_list .float_l span {
 font-size: 2.2vw;
 color: #666;
}

.blog_ma_list .float_r {
 width: 42%;
 display: inline-block;
 vertical-align: middle;
}

.blog_ma_list .float_r img {
 margin: 1% 0;
 min-width: 100%;
 height: 115px;
 object-fit: cover;
 border-radius: 5px;
}

.blog_thema {
 font-size: 3.5vw;
 font-weight: 500;
 color: #666666;
 margin-bottom: 3%;
}

.blog_thema p {
 display: flex;
 flex-wrap: wrap;
 gap: 5px;
}

.blog_thema label {
 border: solid 1px #aaa;
 padding: 3px 10px;
 font-size: 12px;
 border-radius: 5px;
}

.header_title {
 display: block;
 font-weight: bold;
 line-height: 16px;
 border-bottom: 1px dashed #CCC;
 color: #333;
 padding-bottom: 10px;
 text-align: center;
 letter-spacing: 1px;
}

.cms_blogparts .header {
 height: 40px;
 padding-top: 0;
}

.cms_bsp_calendar {
 vertical-align: bottom;
 background: #F2F2F2;
 padding: 10px;
}

.cms_bsp_calendar table {
 width: 100%;
}

.cms_bsp_calendar table tr th a {
 color: #333;
}

.cms_bsp_calendar table tr td {
 width: 14%;
 text-align: center !important;
 line-height: 25px;
 padding: 2px;
}

ul.body_list {
 margin: 0;
 padding: 0;
 list-style: none;
}

ul.body_list li {
 background: #EEE;
 margin-bottom: 5px;
 font-size: 14px;
 line-height: 24px;
 padding: 0;
 border-bottom: none;
}

ul.body_list li.list_nolink {
 padding: 1px 5px;
}

ul.body_list li a {
 display: block;
 padding: 3px 5px;
 color: #333;
 text-decoration: none;
}

ul.body_list li a:hover {
 text-decoration: underline;
 background: #CCC;
}

.list_nolink {
 padding: 1px 5px;
 color: #999;
}

.cal_link a {
 display: block;
 background: #D5D5D5;
 font-weight: bold;
 color: #333;
 text-decoration: none;
 border-radius: 5px;
}

.cal_link a:hover {
 background: #004E9E;
 color: #fff;
}

.body_calender th,
.body_calender td {
 text-align: center !important;
}

h3.blog_shosai_tl {
 margin: 1% 0 5% 0;
 position: relative;
 padding-bottom: 0.5em;
 border-bottom: 4px solid #DDD;
 font-size: 4.5vw;
 overflow: hidden;
 line-height: 1.5em;
 font-weight: bold;
}

h3.blog_shosai_tl span {
 display: block;
 float: right;
 color: #333;
 text-decoration: none;
 font-size: 3.5vw;
 line-height: 1.5em;
 margin-top: 5%;
}

.blog_shosai_box {
 font-size: medium;
}

.blog_shosai_box img {
 height: auto !important;
}

/*blog3 start*/
.blog_left {
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 5% 0px;
}

.blog_left ul li {
 margin-bottom: 6%;
}

.blog_left h3 {
 font-size: 4vw;
 line-height: 1.7em;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 background-color: #005699;
 border-left: 5px solid #000;
 overflow: hidden;
 color: #fff;
 padding: 3% 2%;
}

.blog_left h3 a {
 color: #fff;
 text-decoration: none;
 float: left;
}

.blog_left h3 p {
 color: #fff;
 font-size: 3.5vw;
 font-weight: normal;
 margin-right: 20px;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.blog_left p {
 font-size: medium;
}

.blog_left p img {
 vertical-align: top;
 height: auto !important;
}

/*-----------------------------------------------
	/free/ フリーコンテンツ
-----------------------------------------------*/
.free_ma {
 overflow: hidden;
 clear: both;
}

ul.free_ma_list {
 margin: 0;
 padding: 0;
 list-style: none;
}

ul.free_ma_list li {
 margin: 2% 0;
 overflow: hidden;
}

ul.free_ma_list.free_ma_list li {
 border: 1px solid #666c;
}

.free_ma_list .free_ma_img img {
 width: 100%;
}

.free_ma_list .free_ma_txt p {
 font-size: 14px;
 line-height: 25px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.free_ma_pager {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.free_ma_pager ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.free_ma_pager li {
 list-style: none;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}

.free_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}

.free_ma_pager li a:hover {
 background: #DDD;
}

.free_ma h3 {
 margin: 0;
 padding: 2%;
 height: auto;
 overflow: hidden;
 background: #EEE;
 border-bottom: 1px dashed #666;
 font-size: 16px;
}

.free_ma h3 span {
 float: right;
}

.free_ma_list {
 padding: 1%;
 overflow: hidden;
}

.free_ma_shosai ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.free_ma_shosai p {
 font-size: 14px;
 line-height: 26px;
 margin: 0;
 padding: 0;
}

/*-----------------------------------------------
	/free2/ フリーコンテンツ2
-----------------------------------------------*/
.free2_ma {
 overflow: hidden;
 clear: both;
}

ul.free2_ma_list {
 margin: 0;
 padding: 0;
 list-style: none;
}

ul.free2_ma_list li {
 margin: 2% 0;
 overflow: hidden;
}

ul.free2_ma_list.free2_ma_list li {
 border: 4px double #ccc;
}

.free2_ma_list .free2_ma_img img {
 width: 100%;
}

.free2_ma_list .free2_ma_txt p {
 font-size: 14px;
 line-height: 25px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.free2_ma_pager {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.free2_ma_pager ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.free2_ma_pager li {
 list-style: none;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}

.free2_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}

.free2_ma_pager li a:hover {
 background: #DDD;
}

.free2_ma h3 {
 margin: 0;
 padding: 2%;
 height: auto;
 overflow: hidden;
 background: #EEE;
 border-bottom: 1px dashed #666;
 font-size: 16px;
}

.free2_ma h3 span {
 float: right;
}

.free2_ma_list {
 padding: 1%;
 overflow: hidden;
}

.free2_ma_shosai ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.free2_ma_shosai p {
 font-size: 14px;
 line-height: 26px;
 margin: 0;
 padding: 0;
}

/*-----------------------------------------------
	/free3/ フリーコンテンツ3
-----------------------------------------------*/
.free3_ma {
 overflow: hidden;
 clear: both;
}

ul.free3_ma_list {
 margin: 0;
 padding: 0;
 list-style: none;
}

ul.free3_ma_list li {
 margin: 2% 0;
 overflow: hidden;
}

ul.free3_ma_list.free3_ma_list li {
 border: 1px solid #666;
}

.free3_ma_list .free3_ma_img img {
 width: 100%;
}

.free3_ma_list .free3_ma_txt p {
 font-size: 14px;
 line-height: 25px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.free3_ma_pager {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.free3_ma_pager ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.free3_ma_pager li {
 list-style: none;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}

.free3_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}

.free3_ma_pager li a:hover {
 background: #DDD;
}

.free3_ma h3 {
 margin: 0;
 padding: 2%;
 height: auto;
 overflow: hidden;
 background: #EEE;
 border-bottom: 1px dashed #666;
 font-size: 16px;
}

.free3_ma h3 span {
 float: right;
}

.free3_ma_list {
 padding: 1%;
 overflow: hidden;
}

.free3_ma_shosai ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.free3_ma_shosai p {
 font-size: 14px;
 line-height: 26px;
 margin: 0;
 padding: 0;
}

/*-----------------------------------------------
	/buy_list_ma/ 売買物件一覧
-----------------------------------------------*/
.buy_list_ma {
 font-size: 14px;
 overflow: hidden;
 text-align: left;
 position: relative;
}

.buy_list_ma ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.buy_list_ma li {
 position: relative;
 overflow: hidden;
}

.buy_list_ma_text li li {
 overflow: hidden;
 vertical-align: top;
 border-bottom: 1px dashed #dddddd;
 padding: 5px 0;
 position: relative;
 margin-bottom: 2%;
}

.buy_list_ma_title {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
}

.buy_list_shubetu {
 color: #FFFFFF;
 line-height: 20px;
 text-align: center;
 padding: 0 10px;
 font-size: 12px;
 font-weight: bold;
 background: #333333;
 float: left;
 position: absolute;
 top: 10px;
 right: 10px;
}

.buy_list_ma_title a {
 display: block;
 line-height: 40px;
 font-weight: bold;
 text-indent: 10px;
 margin-bottom: 2%;
 background: #EEE;
 color: #333;
}

.buy_list_ma_title a:hover {
 color: #fff;
 background: #444;
}

.buy_list_ma_tl {
 border-top: 1px dashed #333;
 border-bottom: 1px dashed #333;
 text-align: center;
 margin: 3% 0;
 padding: 2% 0;
 font-size: 16px;
 letter-spacing: 10px;
 font-weight: bold;
}

.buy_list_ma_l {
 text-align: center;
 min-height: 223px;
}

.buy_list_ma_l img {
 max-width: 280px;
 max-height: 210px;
 border: 1px solid #dddddd;
 padding: 2px;
 vertical-align: bottom;
}

.buy_list_ma_text {
 margin-bottom: 10%;
}

.buy_list_ma_text ul {
 margin-bottom: 20px;
}

.buy_list_ma_text li {
 overflow: hidden;
 vertical-align: top;
 padding: 5px;
 position: relative;
 margin: 0;
}

.buy_list_ma_text li p {
 width: 100%;
 margin: 0;
 line-height: 20px;
}

.buy_list_ma_text li p.price {
 font-size: 17px;
 color: #ff0000;
 font-weight: bold;
}

.buy_list_ma_text li span {
 padding: 2%;
 margin-bottom: 2%;
 font-weight: bold;
 display: block;
 background: #eeeeee;
}

.buy_list_ma_text li a.shosai {
 width: 90%;
 margin: 0 auto;
 display: block;
 padding: 3%;
 text-align: center;
 background: #FF9326;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}

.buy_list_ma_text li a.shosai:hover {
 background: #999999;
}

.buy_list_ma_text li a:hover {
 opacity: 0.8;
}

.buy_list_ma h3 {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin: 0;
 background: #CCC;
}

.buy_list_ma_text a.shosai {
 width: 90%;
 margin: 0 auto;
 padding: 3%;
 display: block;
 text-align: center;
 background: #FF9326;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}

.buy_list_ma_text a.shosai:hover {
 background: #999999;
}

.buy_list_ma_detail {
 padding: 0px;
 overflow: hidden;
}

.buy_list_ma_detail_basic {
 margin: 3% 0;
}

.buy_list_ma_detail_bl {
 margin: 3% 0;
}

.buy_list_ma_detail_bl li {
 height: 35px;
 padding-top: 5px;
 border-top: 1px dashed #dddddd;
}

.buy_list_ma_detail_bl span {
 float: left;
 display: block;
 width: 70px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 background: #eeeeee;
 margin: 0px 10px 0px 0px;
}

.buy_list_ma_detail_bl p {
 line-height: 30px;
 margin: 0;
}

.buy_list_ma_detail_bl p.price {
 font-weight: bold;
 font-size: 18px;
 color: #ff0000;
}

.buy_list_ma_detail_br {}

.buy_list_ma_detail_inq,
.buy_list_ma_detail_map {
 border: 1px solid #79796A;
 text-align: center;
 height: 44px;
 margin: 0 auto 10px;
}

.buy_list_ma_detail_inq a,
.buy_list_ma_detail_map a {
 display: block;
 height: 40px;
 color: #ffffff;
 text-align: center;
 line-height: 40px;
 font-weight: bold;
 margin: 2px;
 text-decoration: none;
}

.buy_list_ma_detail_inq a:hover,
.buy_list_ma_detail_map a:hover {
 background: #79796A;
}

.buy_list_ma_detail_inq a {
 background: #cc0000;
}

.buy_list_ma_detail_map a {
 background: #FF9326;
}

.buy_list_ma_detail_free {
 border: 1px dotted #dddddd;
 padding: 2%;
 margin-bottom: 2%;
}

.buy_list_ma_detail_main {
 margin-bottom: 20px;
 overflow: hidden;
}

.buy_list_ma_detail_main div {
 border-bottom: 1px solid #CCC;
 padding: 5% 0;
 text-align: center;
}

.buy_list_ma_detail_main p {
 display: table-cell;
 vertical-align: middle;
}

.buy_list_ma_detail_main img {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.buy_list_ma_detail_photo {
 margin-bottom: 10px;
 overflow: hidden;
}

.buy_list_ma_detail_photo ul {
 margin-left: 2px;
}

.buy_list_ma_detail_photo li {
 border-bottom: 1px solid #CCC;
 padding: 5% 0;
 text-align: center;
}

.buy_list_ma_detail_photo img {
 margin: 1% 0;
 max-height: 300px;
}

.buy_list_ma_detail_photo p {
 margin: 0;
}

.buy_list_ma_detail_info1 {}

.buy_list_ma_detail_info2 {
 border-bottom: 1px dashed #aaaaaa;
}

.buy_list_ma_detail_table {
 margin: 5% 0;
}

.buy_list_ma_detail_table table {
 border-bottom: 1px dashed #aaa;
 width: 100%;
 border-collapse: separate;
 border-spacing: 0px;
}

.buy_list_ma_detail_table th,
.buy_list_ma_detail_table td {
 border-top: 1px dashed #aaa;
}

.buy_list_ma_detail_table th {
 width: 130px;
 padding: 0 5px;
 line-height: 35px;
 background: #eeeeee;
}

.buy_list_ma_detail_table td {
 padding: 5px;
}

.buy_list_ma_detail_info1 td {
 padding: 5px;
 width: 300px;
}

.buy_list_ma_detail_info2 td {
 padding: 5px;
 width: 287px;
}

.buy_list_ma_detail #map_canvas {
 width: 100% !important;
 height: 300px !important;
}

.buy_list_ma_theme {
 width: 98%;
 margin: 0 auto;
 overflow: hidden;
 margin-top: 2%;
 margin-bottom: 4%;
}

.buy_list_ma_theme ul {}

.buy_list_ma_theme ul li {
 width: 49%;
 float: left;
 margin: 2% 0.5% 0 0.5%;
}

.buy_list_ma_theme ul li a {
 border: double 3px #051143;
 text-align: center;
 display: block;
 line-height: 28px;
 color: #333;
}

.buy_list_ma_theme ul li a:hover {
 background: #444;
 border: double 3px #fff;
 color: #fff;
}

.buy_list_ma_theme .buy_list_ma_tl {
 font-size: 25px;
 text-align: center;
 border: solid 2px #2B844F;
 border-width: 2px 0;
 line-height: 55px;
 margin: 0 0 10px 0;
}

/*-----------------------------------------------
	/chintai_list_ma/ 売買物件一覧
-----------------------------------------------*/
.chi_tag_li {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 display: flex;
 flex-wrap: wrap;
 padding: 0 10px 5px;
}

.chi_tag_li p {
 margin: 0;
 width: 100%;
}

.chi_tag_li label.cms_topic_tag a {
 border: 1px solid #000 !important;
 color: #000 !important;
 text-decoration: none;
 font-weight: bold;
 padding: 3px 7px;
 font-size: 12px;
 background-color: #FFF;
 border-radius: 4px;
}

.chi_tag_li label.cms_topic_tag a:before {
 content: "#";
 margin-right: 3px;
}

.chintai_list_ma {
 font-size: 14px;
 overflow: hidden;
 text-align: left;
 position: relative;
}

.chintai_list_ma ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.chintai_list_ma li {
 overflow: hidden;
 position: relative;
}

.chintai_list_ma_text li {
 overflow: hidden;
 vertical-align: top;
 border-bottom: 1px solid #666;
 padding: 15px 8px;
 position: relative;
 margin: 0;
 display: flex;
}

.chintai_list_ma_title {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin-bottom: 10px;
}

.chintai_list_ma_title a {
 display: block;
 line-height: 50px;
 font-weight: bold;
 text-indent: 10px;
 margin-bottom: 2%;
 font-size: 16px;
 background: #eee;
 color: #333;
 text-decoration: none;
}

.chintai_list_ma_title a:hover {
 color: #fff;
 background: #444;
}

.chintai_list_ma_l {
 text-align: center;
 min-height: 223px;
}

.chintai_list_ma_l img {
 width: 96%;
 max-height: 210px;
 border: 1px solid #dddddd;
 padding: 2px;
 vertical-align: bottom;
 margin-bottom: 10px;
}

.chintai_list_ma_tl {
 margin: 2% 0;
 padding: 3% 0;
 font-size: 5vw;
 font-weight: bold;
 border-top: solid 1px #000;
 border-bottom: solid 1px #000;
 text-align: center;
}

.chintai_list_shubetu {
 color: #FFFFFF;
 line-height: 20px;
 text-align: center;
 padding: 0 10px;
 font-size: 12px;
 font-weight: bold;
 background: #333333;
 float: left;
 position: absolute;
 top: 14px;
 right: 10px;
}

.chintai_list_ma_text {
 margin-bottom: 10%;
}

.chintai_list_ma_text ul {
 margin-bottom: 20px;
 width: 96%;
 margin: 0 auto;
}

.chintai_list_ma_text li {
 overflow: hidden;
 vertical-align: top;
 padding: 3% 0 3% 3%;
 position: relative;
 margin: 0;
}

.chintai_list_ma_text li p {
 width: 60%;
 margin: 0;
 padding-left: 20px;
 line-height: 20px;
 font-size: 14px;
 border-left: 1px solid #666;
 display: flex;
 align-items: center;
 flex-wrap: wrap;
}

.chintai_list_ma_text li p.price {
 font-size: 4vw;
 color: #ff0000;
 font-weight: bold;
 display: inline-block;
 vertical-align: middle;
}

.chintai_list_ma_text li p span {
 font-size: 3vw;
 display: block;
 color: #000;
 font-weight: normal;
 margin-right: 0;
 width: 100%;
}

.chintai_list_ma_text li span {
 margin: 0;
 font-weight: bold;
 text-align: left;
 padding-right: 10px;
 font-size: 3.5vw;
 width: 15%;
 display: flex;
 align-items: center;
}

.chintai_list_ma_text li a.shosai {
 width: 90%;
 margin: 0 auto;
 display: block;
 padding: 3%;
 text-align: center;
 background: #FF9326;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}

.chintai_list_ma_text li a.shosai:hover {
 background: #999999;
}

.chintai_list_ma_text li a:hover {
 opacity: 0.8;
}

.chintai_list_ma h3 {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin: 0 0 10px 0;
 font-size: 17px;
}

.chintai_list_ma_text a.shosai {
 width: 90%;
 margin: 0 auto;
 padding: 3%;
 display: block;
 text-align: center;
 background: #FF9326;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 margin-top: 10px;
}

.chintai_list_ma_text a.shosai:hover {
 background: #999999;
}

.chintai_list_ma_detail {
 padding: 0px;
 overflow: hidden;
}

.chintai_list_ma_detail_basic {
 margin: 3% 0;
}

.chintai_list_ma_detail_bl {
 margin: 3% 0;
}

.chintai_list_ma_detail_bl li {
 padding: 2% 0;
 border-top: 1px dashed #dddddd;
}

.chintai_list_ma_detail_bl span {
 float: left;
 display: block;
 width: 70px;
 height: 30px;
 line-height: 30px;
 text-align: center;
 background: #eeeeee;
 margin: 0px 10px 0px 0px;
}

.chi_li_shosai {
 width: 190px;
 margin: 0 auto;
}

.chi_li_shosai a {
 display: block;
 text-align: center;
 border: 2px solid #ff0000;
 border-radius: 5px;
 color: #ff0000;
 font-weight: bold;
 text-decoration: none;
 margin: 15px auto 0;
 padding: 10px 0;
 box-sizing: border-box;
}

.chintai_list_ma_detail_bl li:first-child {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.chi_hiyou:first-child {
 width: 100%;
}

.chi_hiyou {
 width: 49%;
 margin-bottom: 2%;
}

.chintai_list_ma_detail_bl p {
 line-height: 30px;
 margin: 0;
}

.chintai_list_ma_detail_bl p.price {
 font-weight: bold;
 font-size: 18px;
 color: #ff0000;
}

.chintai_list_ma_detail_br {}

.chintai_list_ma_detail_br .chintai_list_ma_detail_inq {
 margin: 2% auto !important;
}

.chintai_list_ma_detail_br .chintai_list_ma_detail_map {
 margin: 2% auto !important;
}

.chintai_list_ma_detail_inq,
.chintai_list_ma_detail_map {
 border: 1px solid #79796A;
 text-align: center;
 height: 54px;
 margin: 10% auto;
}

.chintai_list_ma_detail_inq a,
.chintai_list_ma_detail_map a {
 display: block;
 height: 50px;
 color: #fff !important;
 text-align: center;
 line-height: 50px;
 font-weight: bold;
 margin: 2px;
 text-decoration: none;
}

.chintai_list_ma_detail_inq a:hover,
.chintai_list_ma_detail_map a:hover {
 background: #79796A;
}

.chintai_list_ma_detail_inq a {
 background: #cc0000;
}

.balloon1-top {
 position: relative;
 display: inline-block;
 margin: 13px 0;
 padding: 7px 10px;
 min-width: 120px;
 max-width: 100%;
 color: #555;
 font-size: 16px;
 background: #eee;
 width: 91%;
}

.balloon1-top:empty {
 background: none;
}

.balloon1-top:before {
 content: "";
 position: absolute;
 top: -15px;
 left: 50%;
 margin-left: -5px;
 border: 10px solid transparent;
 border-bottom: 15px solid #eee;
}

.balloon1-top p {
 margin: 0;
 padding: 0;
}

.chintai_list_ma_detail_map a {
 background: #FF9326;
}

.chintai_list_ma_detail_free {
 border: 1px dotted #dddddd;
 padding: 2%;
 margin-bottom: 20px;
}

.chintai_list_ma_detail_main {
 margin-bottom: 20px;
 overflow: hidden;
}

.chintai_list_ma_detail_main div {
 margin-bottom: 5%;
 text-align: center;
}

.chintai_list_ma_detail_main p {
 display: table-cell;
 vertical-align: middle;
}

.chintai_list_ma_detail_main img {
 vertical-align: middle;
 max-width: 350px;
 max-height: 340px;
 margin: 1% 0;
}

.chintai_list_ma_detail_photo {
 margin-bottom: 10px;
 overflow: hidden;
}

.chintai_list_ma_detail_photo ul {
 margin-left: 2px;
}

.chintai_list_ma_detail_photo li {
 display: inline-block;
 vertical-align: top;
 text-align: center;
 margin-bottom: 5%;
}

.chintai_list_ma_detail_photo img {
 margin: 1% 0;
 max-height: 300px;
}

.chintai_list_ma_detail_photo p {
 margin: 0;
 font-size: 13px;
}

.chintai_list_ma_detail_info1 {
 width: 854px;
}

.chintai_list_ma_detail_info2 {
 width: 854px;
 margin-bottom: 20px;
 border-bottom: 1px dashed #aaaaaa;
}

.chintai_list_ma_detail_table table {
 border-collapse: separate;
 border-spacing: 0px;
 width: 100%;
 margin: 0 auto 5% auto;
 border: 1px solid #ddd;
}

.chintai_list_ma_detail_table th {
 width: 100%;
 display: block;
 height: auto;
 overflow: hidden;
 padding: 0 0px;
 line-height: 35px;
 background: #eeeeee;
 text-indent: 10px;
}

.chintai_list_ma_detail_table td {
 padding: 5px;
}

.chintai_list_ma_detail_info1 td {
 padding: 5px;
 width: 300px;
}

.chintai_list_ma_detail_info2 td {
 padding: 5px 2%;
 width: 96%;
 display: block;
 height: auto;
 overflow: hidden;
 line-height: 20px;
}

.chintai_list_ma_detail_info2 td br {
 content: "";
}

.chintai_list_ma_detail_info2 td br:after {
 content: " / ";
}

.chintai_list_ma_detail iframe {
 width: 100%;
 height: 250px !important;
}

.chintai_list_ma_detail #map_canvas {
 width: 100% !important;
 height: 300px !important;
}

.chintai_list_ma_theme {
 width: 98%;
 margin: 0 auto;
 overflow: hidden;
 margin-top: 2%;
 margin-bottom: 4%;
}

.chintai_list_ma_theme ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.chintai_list_ma_theme ul li {
 width: 49%;
 margin-bottom: 2%;
}

.chintai_list_ma_theme ul li a {
 border: double 1px #333;
 text-align: center;
 display: block;
 line-height: 35px;
 color: #333;
 text-decoration: none;
}

.chintai_list_ma_theme ul li a:hover {
 background: #444;
 border: double 3px #fff;
 color: #fff;
}

.chintai_list_ma_theme .chintai_list_ma_tl {
 font-size: 25px;
 text-align: center;
 border: solid 2px #2B844F;
 border-width: 2px 0;
 line-height: 55px;
 margin: 0 0 10px 0;
}

.chintai_list_ma_map {}

.chintai_list_ma_map iframe {
 width: 100% !important;
 height: 300px !important;
}

/*chintai_shosai*/
h2.chintai_sho_tl {
 margin: 10px auto 10px auto;
 position: relative;
 padding-bottom: 0.7em;
 border-bottom: 4px solid #DDD;
 display: flex;
 align-items: center;
 width: 100%;
 line-height: 25px;
 font-size: 20px;
}

h2.chintai_sho_tl:after {
 position: absolute;
 content: ' ';
 border-bottom: solid 4px #042455;
 bottom: -4px;
 width: 13%;
 display: block;
 left: 0px;
}

.chi_tag {
 margin-right: 8px;
 margin-bottom: 10px;
}

.chi_tag p {
 margin: 0;
}

.chi_tag label.cms_topic_tag a {
 border: 1px solid #000 !important;
 color: #000 !important;
 text-decoration: none;
 font-weight: bold;
 padding: 3px 7px;
 font-size: 12px;
 background-color: #FFF;
}

.chi_tag label.cms_topic_tag a:before {
 content: "#";
 margin-right: 3px;
}

.flickSlider .flickThumb.chintai_sum {
 background: #f2efef;
 padding: 10px 5px 5px 5px;
 box-sizing: border-box;
 margin-top: 20px;
}

.flickSlider .flickThumb.chintai_sum ul {
 margin-top: 0;
}

.flickSlider .flickThumb.chintai_sum ul:after {
 display: none;
}

.chintai_sho_main {
 margin-top: 40px;
}

.chintai_sho_main dt {
 font-weight: bold;
 position: relative;
}

.chintai_sho_main dt:before {
 content: '';
 width: 1px;
 height: 100%;
 background: #666;
 display: block;
 position: absolute;
 top: 0%;
 right: 0;
}

.chintai_sho_main ul li {
 border-top: 1px solid #666;
 font-size: 14px;
 padding: 18px 0 18px 10px;
 display: flex;
 align-items: center;
}

.chintai_sho_main ul li dt {
 width: 24%;
}

.chintai_sho_main ul li dd {
 margin-left: 25px;
 line-height: 25px;
 width: 90%;
}

.chintai_sho_main ul li dd a {
 display: inline-block;
}

.chintai_sho_free_wrap {}

.chi_sho_fee {
 font-size: 3.5vw;
 padding: 3% 0 3% 3%;
 border-top: 1px solid #666;
 display: flex;
 align-items: center;
}

.chi_sho_fee dt {
 width: 20%;
}

.chi_sho_fee dd {
 margin-left: 20px;
}

.chi_sho_fee dd.chi_sho_kakaku {
 color: #ff0000;
 font-weight: bold;
 font-size: 4vw;
}

.chi_sho_fee dd.chi_sho_kakaku span {
 color: #000;
 font-size: 3vw;
 font-weight: normal;
 display: block;
}

.chintai_sho_sonota_wrap {}

.chintai_sho_sonota_wrap .chi_sho_fee {
 width: 100%;
}

.chintai_sho_sonota_wrap .chi_sho_fee dt {
 width: 19%;
}

.chi_sho_point {
 border-top: 1px solid #666;
 border-bottom: 1px solid #666;
 padding: 4%;
 font-size: 3.5vw;
}

.chi_sho_point dt {
 font-weight: bold;
 margin-bottom: 6px;
 color: #ff0000;
}

.chi_sho_point dt:before {
 display: none;
}

.chi_sho_point dd {
 margin-left: 0;
 line-height: 25px;
}

.chi_town-map {
 background: #042455;
 color: #fff !important;
 padding: 4px 13px;
 margin: 0 0 0 15px;
 text-decoration: none !important;
 font-size: 12px;
 border: 1px solid #042455;
}

.chi_town-map:hover {
 background-color: #FFF;
 color: #042455 !important;
}

.chi_sho_inq {
 width: 80%;
 margin: 5% auto;
}

.chi_sho_inq a {
 display: block;
 background: #ab0a0b;
 color: #fff;
 font-size: 4vw;
 font-weight: bold;
 text-align: center;
 padding: 5% 0;
 text-decoration: none;
 letter-spacing: 1px;
 transition: 0.3s
}

.chi_sho_inq a:hover {
 background: #7B1A1B;
}

.chi_sho_gaiyo {}

.chi_sho_gaiyo_tl {
 border-top: 3px solid #000;
 font-size: 4.5vw;
 letter-spacing: 1px;
 font-weight: bold;
 padding: 4% 0 4% 3%;
}

.chi_sho_gaiyo_box {
 width: 100%;
}

.chi_sho_gaiyo_box li.chi_sho_gaiyo_w {
 display: block;
}

.chi_sho_gaiyo_box li {
 font-size: 3.5vw;
 padding: 4% 0 4% 3%;
 border-top: 1px solid #666;
 display: flex;
 align-items: center;
}

chi_sho_gaiyo_box:nth-child .chi_sho_gaiyo_box li:last-child {
 border-bottom: 1px solid #666;
}

.chi_sho_gaiyo_box li p {
 margin: 0 0 7px 0;
 font-weight: bold;
}

.chi_sho_gaiyo_box li span {
 line-height: 25px;
}

.chi_sho_gaiyo_box dt {
 font-weight: bold;
 position: relative;
 width: 120px;
}

.chi_sho_gaiyo_box dt:before {
 content: '';
 width: 1px;
 height: 100%;
 background: #666;
 display: block;
 position: absolute;
 top: 0%;
 right: 0;
}

.chi_sho_gaiyo_box dd {
 margin-left: 20px;
}

/* -----------お問い合わせフォーム------------- */
ul.cms_chi_form {
    border: solid 1px #ccc;
	box-sizing: border-box;
}
li.cms_chi_form_li {
    border-bottom: solid 1px #ccc;
	box-sizing: border-box;
	display: flex;
}
li.cms_chi_form_li:last-child {
    border-bottom: solid 0px #ccc;
}
li.cms_chi_form_li p.komoku {
	border-right: solid 1px #ccc;
    box-sizing: border-box;
    margin: 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background-color: #eee;
    width: 30%;
    font-size: 12px;
    padding: 10px 0;
}
li.cms_chi_form_li p.naiyou {
    display: flex;
    align-items: center;
    margin: 0;
	box-sizing: border-box;
	width: 70%;
	padding: 0 10px;
}

/*-----------------------------------------------
	.form1_ma　/inquiry/ 来店予約フォーム
-----------------------------------------------*/
.inquirytable {
 width: 100%;
 margin: 20px auto 20px;
 border-top: solid 1px #CCC;
}

.inquirytable tbody {}

.inquirytable tr {
 border-bottom: dotted 1px #eee;
}

.inquirytable th {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 width: 200px;
 padding: 10px;
 padding-bottom: 0;
 font-weight: bold;
}

.inquirytable th p {}

.inquirytable th span:not(:empty).form_required {
 background: #ff4a32;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 padding: 0 10px;
 float: right;
 line-height: 22px;
}

.inquirytable th,
.inquirytable td {
 display: block;
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 text-align: left;
}

.inquirytable td {
 padding: 10px;
}

.inquirytable td input[type="tel"],
.inquirytable td input[type="text"],
.inquirytable td textarea,
.inquirytable td select {
 font-size: 16px;
 padding: 10px 20px;
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 height: auto;
 box-shadow: none;
}

.inquirytable td input[type="text"],
.inquirytable td textarea {
 -webkit-appearance: none;
}

.inquirytable td textarea {
 height: 150px;
 display: block;
}

.inquirytable td select {
 height: 46px;
}

.inquirytable td label {
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 cursor: pointer;
 border-radius: 3px;
 padding: 15px 15px;
 display: block;
 margin-bottom: 5px;
 box-sizing: border-box;
 width: 100%;
 font-size: 14px;
 font-weight: normal;
}

.inquirytable td label input {
 width: 13px;
 height: 13px;
 margin-right: 12px;
}

.inquirytable td label input[type="checkbox"],
.inquirytable td label input[type="radio"] {
 vertical-align: middle;
}

.inquirytable td label:hover {
 background: #f9fcf5;
 border: 1px solid #d6eaba;
}

.inquirytable input[type="submit"] {
 -webkit-appearance: none;
 border: 2px solid #2799fb;
 background: #2799fb;
 color: #fff;
 border-radius: 30px;
 width: 90%;
 height: 60px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0 0 3px 0 #999;
 padding: 0 40px;
 font-weight: bold;
 cursor: pointer;
 margin: 15px auto 0;
 font-size: 20px;
 display: block;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.inquirytable input[type="submit"]:hover {
 color: #2799fb;
 background: #fff;
}

.inquiryend {
 margin: 50px auto;
 width: 96%;
 border: 5px solid #eee;
 padding: 20px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.ui-datepicker-trigger {
 border: 1px solid #999;
 background-color: #f5f9fc;
 margin-bottom: 10px;
 padding: 10px;
 display: inline-block;
 vertical-align: top;
}

.inquirytable td span {
 margin-top: -8px;
}

.inquirytable td select {
 height: 46px;
 width: 90%;
 margin-bottom: 5px;
 margin-right: 5px;
}

.inquirytable td select.jcjs_sf {
 width: 100%;
}

.cms_submitbtn button[type="submit"] {
 -webkit-appearance: none;
 border: 2px solid #2799fb;
 background: #2799fb;
 color: #fff;
 border-radius: 30px;
 width: 90%;
 height: 60px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0 0 3px 0 #999;
 padding: 0 40px;
 font-weight: bold;
 cursor: pointer;
 margin: 15px auto 10px;
 font-size: 20px;
 display: block;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.form_inner_add input[type="tel"] {
 width: 70% !important;
 margin-bottom: 7px;
}

.form_inner_add select {
 width: 100% !important;
}

.form_inner_add input[type="text"]:nth-of-type(3) {
 width: 100% !important;
}

/*お問い合わせ プライバシーリンク*/
.form_privacy a:hover {
 color: #888;
}

.form_privacy a {
 text-decoration: underline;
 color: #006DD9 !important;
 font-weight: bold;
 font-size: 12px;
}

.form_privacy {
 text-align: center;
}

/*-----------------------------------------------
	/open_house/　現地販売会
-----------------------------------------------*/
.open_house_ma {
 width: 97%;
 margin: 5% auto;
 padding: 0;
}

.open_house_ma ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.open_house_ma li {
 list-style: none;
 margin: 0 0 4% 0;
 padding: 2%;
 overflow: hidden;
 border: solid 1px #CCC;
 text-align: center;
}

.open_house_ma li:hover {
 background: #EEE;
}

.open_house_ma li img {
 clear: both;
 margin: 0 auto;
 width: 100%;
 height: 150px !important;
 object-fit: cover;
}

.open_house_ma .more {
 font-size: 20px;
 line-height: 50px;
 text-align: center;
 padding: 2px;
 border: 1px solid #CCCCCC;
}

.open_house_ma .more a {
 font-size: 17px;
 line-height: 15px;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 5%;
 font-weight: bold;
 text-decoration: underline;
}

div.open_house_ma_img {
 float: left;
 max-width: 280px;
}

div.open_house_ma_data {
 width: 99%;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
}

.open_house_ma h3 {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 18px;
 text-align: left;
 line-height: 32px;
}

.open_house_ma h3 a {
 color: #333;
 display: block;
 text-decoration: none;
}

.open_house_ma h3 a:hover {
 text-decoration: none;
}

table.open_house_ma_t1 {
 width: 100%;
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 border-top: solid 1px #CCC;
 border-left: solid 1px #CCC;
}

table.open_house_ma_t1 th {
 width: 50px;
 font-size: 12px;
 padding: 5px;
 background: #F2F2F2;
 border-right: solid 1px #CCC;
 border-bottom: solid 1px #CCC;
}

table.open_house_ma_t1 td {
 font-size: 12px;
 border-right: solid 1px #CCC;
 border-bottom: solid 1px #CCC;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 text-align: left;
}

.open_house_ma_yachin {
 color: #F00;
 font-size: 18px;
}

table.open_house_ma_t2 {
 width: 100%;
}

table.open_house_ma_t2 tr {}

table.open_house_ma_t2 th {
 width: 30%;
 padding: 1%;
 border-right: none;
 border-bottom: solid 2px #fff;
 background: #CCC;
 text-align: center;
}

table.open_house_ma_t2 td {
 text-indent: 10px;
 padding: 5px;
 border-right: none;
 border-bottom: solid 2px #fff;
 background: #EEE;
 font-weight: bold;
}

table.open_house_ma_t2 td a {
 font-size: 12px;
 text-decoration: underline;
 color: #0a7be0;
 font-weight: normal;
 display: block;
 margin: 0;
}

table.open_house_ma_price {
 width: 100%;
 margin: 10px 0;
 padding: 0;
 border: dotted 1px red;
}

table.open_house_ma_price tr {}

table.open_house_ma_price th {
 width: 25%;
 padding: 1%;
 text-align: center;
 color: red;
}

table.open_house_ma_price td {
 padding: 1%;
 font-weight: bold;
 color: red;
}

.open_house_ma .more {
 font-size: 20px;
 line-height: 50px;
 text-align: center;
 padding: 2px;
 border: 1px solid #CCCCCC;
}

.open_house_ma .more a {
 display: block;
 background: #051143;
 color: #FFFFFF;
 text-decoration: none;
}

div.open_house_ma_link {
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.open_house_ma_data p {
 line-height: 24px;
 border: dashed 1px #AAA;
 margin: 15px 0px 0px 0px;
 padding: 10px;
 border: solid 10px #F0F0F0;
}

.open_house_ma_shosai {}

.open_house_ma_shosai .open_house_ma_shosai_img {
 overflow: hidden;
}

.open_house_ma_shosai .open_house_ma_shosai_img ul li {
 margin: 0 0 10px 0;
}

.open_house_ma_shosai .open_house_ma_shosai_img ul li img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 2%;
}

.open_house_ma_shosai .open_room_data {}

.open_house_ma_shosai .open_house_ma_shosai_data p {
 width: 97%;
 margin: 0 auto 15px;
 border: solid 1px #ccc;
 padding: 1%;
}

.open_house_ma_image {}

.open_house_ma_image ul li img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 2%;
}

.open_house_ma_other {
 margin: 0 auto;
 margin-bottom: 2%;
 text-align: center;
}

.open_house_ma_other a {
 font-size: 3.5vw;
 padding: 3%;
 text-decoration: none;
 background: #F90;
 display: block;
 border-radius: 30px;
 color: #fff;
 box-shadow: 0 0 3px 0 #999;

}

.open_house_ma_theta {
 margin-bottom: 20px;
}

.open_house_ma_thetatext {
 clear: both;
 border-left: 2px solid #000;
 line-height: 35px;
 text-indent: 15px;
}

.open_house_ma_thetatext p {
 margin: 0;
}

.open_house_ma_inq {
 margin: 5% 0 2% 0;
 padding: 2%;
 text-align: center;
 font-size: 4.5vw;
}

.open_house_ma_inq a {
 background: #FF0B0B;
 padding: 3% 0;
 display: block;
 text-decoration: none;
 color: #ffffff !important;
 font-weight: bold;
 letter-spacing: 2px;
 border-radius: 30px;
 box-shadow: 0 0 3px 0 #999;

}

.open_house_ma_inq a:hover {
 background: #CC0000;
}

table {
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-top: solid 1px #CCC;
}

.open_house_ma_shosai2 th {
 font-size: 13px;
 font-weight: bold;
 width: 15%;
 margin: 0;
 padding: 1%;
 background: #F2F2F2;
 border-right: solid 1px #CCC;
 border-bottom: solid 1px #CCC;
 display: inline-block;
 width: 100%;
 clear: both;
 float: left;
}

.open_house_ma_map {
 margin: 3% 0;
}

.open_house_ma_map iframe {
 width: 100% !important;
 height: 300px !important;
}

.open_house_ma_map #map_canvas {
 width: 100% !important;
 height: 280px !important;
}

.open_house_ma_maptxt {
 font-size: 13px;
 font-weight: bold;
 text-align: center;
 margin: 5px 0;
}

/*現地販売会問合せ概要*/
.oh_form_box {
 background-color: #eee;
 padding: 3%;
}

.oh_form_box_tl {
 font-size: 4.5vw;
 font-weight: bold;
 margin-bottom: 3%;
}

.oh_form_box {}

.oh_form_box ul {}

.oh_form_box ul li {
 font-size: 3.5vw;
 align-items: baseline;
 display: flex;
 margin-bottom: 5px;
}

.oh_form_box ul li span {
 background-color: #042455;
 color: #fff;
 padding: 5px 0;
 border-radius: 5px;
 width: 20%;
 display: inline-block;
 text-align: center;
 margin-right: 3%;
}

.oh_form_box ul li p {
 width: 77%;
 margin: 0;
}

.form_raiten select {
 width: 23% !important;
 padding: 10px 5px !important;
}

.form_raiten .ui-datepicker-trigger {
 margin-left: 0 !important;
}

/* ----------新テンプレ------------- */
/* 一覧ページ */
.oh_list_main {
 margin: 40px 0 30px;
 letter-spacing: 1px;
}

.oh_h2 {
 font-size: 25px;
 line-height: 30px;
 font-weight: bold;
 text-align: center;
 margin: 0 0 20px;
}

.oh_h2 span {
 display: block;
 font-size: 15px;
 font-weight: bold;
}

.open_house_main_txt {
 font-size: 14px;
 text-align: center;
 font-weight: bold;
}

.oh_orange {
 color: #ff9600;
}

.oh_green {
 color: #7dcb52;
}

.oh_tag_clicklist {}

.oh_tag_clicklist ul {
 display: flex;
 flex-wrap: wrap;
 border: solid 1px #ccc;
 border-radius: 10px;
 margin: 20px 0;
 overflow: hidden;
}

.oh_tag_clicklist ul li {
 flex: 1;
 border-right: 1px solid #ccc;
}

.oh_tag_clicklist ul li:last-child {
 border-right: 0px solid #e5e5e5;
}

.oh_tag_clicklist ul li a {
 display: block;
 text-align: center;
 padding: 20px 0;
 font-size: 13px;
 transition: 0.3s;
 font-weight: bold;
 color: #333;
 text-decoration: none;
}

.oh_tag_clicklist ul li a:hover {
 background-color: #f7f7f4;
}

.new_open_house_ma {}

.new_open_house_ma ul.oh_list_wrap {
 display: flex;
 flex-wrap: wrap;
}

.new_open_house_ma ul.oh_list_wrap li {
 width: 100%;
 margin: 0 0% 4% 0;
 background-color: #f7f7f4;
 position: relative;
}

.new_open_house_ma ul.oh_list_wrap li a {
 display: block;
 color: #333;
 text-decoration: none;
}

.new_open_house_ma ul.oh_list_wrap li a:hover img {
 transform: scale(1.1);
}

.new_open_house_ma ul.oh_list_wrap li:nth-child(2n) {
 margin-right: 0;
}

.oh_list_img {
 position: relative;
 overflow: hidden;
 height: 220px;
}

.終了 .oh_list_img:after {
 position: absolute;
 content: "好評につき終了致しました。";
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.5);
 top: 0;
 left: 0;
 color: #fff;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 15px;
 letter-spacing: 1px;
 font-weight: bold;
}

.oh_list_img img {
 transition: 0.3s;
 width: 100%;
 object-fit: cover;
}

.oh_list_txt {
 padding: 25px 20px;
}

.終了 .oh_list_txt p {
 color: #aaa;
}

.oh_list_title {
 position: relative;
 margin-bottom: 30px;
}

.oh_list_title p {
 font-size: 17px;
 font-weight: bold;
 line-height: 25px;
 height: 50px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 margin: 0;
}

.oh_list_title:after {
 content: "";
 height: 1px;
 width: 50px;
 position: absolute;
 bottom: -10px;
 left: 0;
 background-color: #333;
}

.終了 .oh_list_title:after {
 background-color: #aaa;
}

.oh_list_day {
 font-size: 13px;
}

.oh_list_tag {
 position: absolute;
 bottom: 20px;
 right: 20px;
 background-color: #fe9900;
 padding: 5px 15px;
 color: #fff;
}

.oh_list_tag:empty {
 padding: 0;
}

.oh_list_tag.終了 {
 background-color: #a3a3a3;
}

/* 詳細ページ */
.open_house_shosai_wrap {
 width: 96%;
 margin: 0 auto;
}

.open_house_shosai_day {
 margin: 40px 0 20px;
 font-size: 14px;
 font-weight: bold;
}

.open_house_shosai_day p {
 display: inline-block;
 margin: 0;
}

.open_house_shosai_day .oh_shosai_tag {
 display: inline-block;
 background-color: #fe9900;
 color: #fff;
 padding: 5px 15px;
 margin-right: 10px;
 font-size: 12px;
}

.open_house_shosai_day .oh_shosai_tag:empty {
 padding: 0;
 margin: 0;
}

.open_house_shosai_day .oh_shosai_tag.終了 {
 background-color: #a3a3a3;
}

.open_house_shosai_title {
 margin: 0px 0 30px;
}

.open_house_shosai_title h2 {
 margin: 0px 0 5px;
 font-size: 20px;
 font-weight: bold;
}

.open_house_shosai_title p {
 margin: 0;
 font-size: 12px;
}

.open_house_shosai_main {
 width: 95%;
 margin: 0 auto;
}

.open_house_shosai_main img {
 width: 100% !important;
 height: auto !important;
 max-width: 1000px !important;
 max-height: none !important;
}

.open_house_shosai_osusume {
 padding: 20px 0;
 border-bottom: 1px dashed #ccc;
 margin-bottom: 40px;
}

.open_house_shosai_osusume p {
 font-size: 15px;
 line-height: 28px;
 margin: 0;
}

.oh_shosai_point {
 margin-bottom: 40px;
}

.oh_shosai_point li {
 margin-bottom: 30px;
}

.oh_shosai_point li .oh_shosai_point_txt {
 margin-bottom: 10px;
}

.oh_shosai_point li .oh_shosai_point_txt span {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 30px;
}

.oh_shosai_point li .oh_shosai_point_txt p {
 font-size: 15px;
 line-height: 28px;
 position: relative;
 padding-top: 40px;
}

.oh_shosai_point li .oh_shosai_point_txt p:after {
 content: "POINT1";
 position: absolute;
 top: 0px;
 left: 0;
 font-weight: bold;
 font-size: 18px;
}

.oh_shosai_point li:nth-child(2) .oh_shosai_point_txt p:after {
 content: "POINT2";
}

.oh_shosai_point li:nth-child(3) .oh_shosai_point_txt p:after {
 content: "POINT3";
}

.oh_shosai_point li .oh_shosai_point_txt p:empty:after {
 content: none;
}

.oh_shosai_point li .oh_shosai_point_txt p:empty {
 margin: 0;
 padding: 0;
}

.oh_shosai_point li .oh_shosai_point_img {}

.oh_shosai_gaiyou ul {
 border: 1px solid #eeeeee;
}

.oh_shosai_gaiyou ul li {
 display: flex;
 align-items: center;
}

.oh_shosai_gaiyou ul li {
 border-bottom: 1px solid #eee;
}

.oh_shosai_gaiyou ul li:last-child {
 border-bottom: 0px solid #eee;
}

.oh_shosai_gaiyou ul li p {
 margin: 0;
 font-size: 14px;
}

.oh_shosai_gaiyou ul li p:nth-child(1) {
 background-color: #f7f7f4;
 width: 30%;
 box-sizing: border-box;
 padding: 15px;
}

.oh_shosai_gaiyou ul li p:nth-child(2) {
 width: 70%;
 padding: 0 5%;
 box-sizing: border-box;
}

.oh_shosai_gaiyou iframe {
 width: 100%;
 height: 400px;
 margin: 30px 0;
}

.oh_ma_inq a {
 display: block;
 background-color: #c86142;
 border-radius: 100px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 text-align: center;
 color: #fff !important;
 padding: 20px 0;
 transition: 0.3s;
 position: relative;
 margin: 50px auto 0;
 text-decoration: none;
}

.oh_ma_inq.終了 a {
 background-color: #a3a3a3;
 pointer-events: none;
}

.oh_ma_inq a:hover {
 box-shadow: 0 0 0;
 transform: translateY(3px);
 background-color: #ad553a;
}

.oh_ma_inq a p {
 margin: 0;
}

.oh_ma_inq a span {
 font-size: 14px;
 background-color: #fe9900;
 padding: 3px 25px;
 border-radius: 50px;
 display: inline-block;
 position: absolute;
 left: 0;
 right: 0;
 width: 25%;
 margin: 0 auto;
 top: -13px;
 font-weight: bold;
}

.oh_ma_inq a span:empty {
 padding: 0;
 margin: 0;
}

.oh_ma_inq.終了 a span {
 background-color: #555;
}

.oh_ma_inq a p.oh_ma_inq_txt {
 font-size: 20px;
 font-weight: bold;
 margin: 15px 0 10px;
 line-height: 20px;
}

.oh_ma_inq a p.oh_ma_inq_kome {
 font-size: 12px;
}

.open_house_ma_shosai2 table {
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-top: solid 1px #eee;
}

.open_house_ma_shosai2 th {
 font-size: 13px;
 font-weight: bold;
 margin: 0;
 padding: 2%;
 background: #f7f7f4;
 border-right: solid 1px #eee;
 border-bottom: solid 1px #eee;
 display: inline-block;
 width: 30%;
 clear: both;
 float: left;
 box-sizing: border-box;
}

.open_house_ma_shosai2 td {
 padding: 2%;
 background: #FFF;
 border-right: solid 1px #eee;
 border-bottom: solid 1px #eee;
 display: inline-block;
 width: 70%;
 float: left;
 box-sizing: border-box;
 min-height: 36px;
}

.open_house_ma_shosai2 td a {
 font-size: 12px;
 text-decoration: underline;
 color: #0a7be0;
 font-weight: normal;
 display: block;
 margin: 0 !important;
}

.oh_shosai_map div[id^="map_canvas"] {
 height: 300px;
 margin: 10px 0;
}

/* -------フォーム-------- */
.oh_inq_day {
 background: #eee;
 padding: 0 15px 20px;
 box-sizing: border-box;
}

.oh_inq_day li {
 list-style: none;
}

.oh_inq_day li div:nth-child(1) {
 font-size: 15px;
}

.oh_inq_day li div:nth-child(2) {}

.oh_inq_day li div select {
 height: 46px;
 width: 21% !important;
 /* margin-bottom: 5px; */
 margin-right: 5px;
 font-size: 16px;
 padding: 10px 20px;
 border: 1px solid #ccdae4;
 background: #ffffff;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 /* width: 100%; */
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: none;
}

.oh_inq_day img.ui-datepicker-trigger {
 background: #ffffff;
}


/*-----------------------------------------------
　　取引実績　/result_ma/
-----------------------------------------------*/
.result_ma {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.result_ma ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.result_ma li {
 list-style: none;
 margin: 2%;
 padding: 0;
 border: solid 1px #CCC;
 display: inline-block;
 vertical-align: top;
 *zoom: 1;
}

.result_ma li img {
 width: 100%;
 height: 170px !important;
 object-fit: cover;
}

.result_ma li a {
 display: block;
 padding: 5px;
 text-align: center;
 text-decoration: none;
}

.result_ma li a:hover {
 background: #F2F2F2;
}

.result_ma h3 {
 color: #333;
 font-size: 16px;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
}

.result_ma p {
 color: #006DD9;
 font-size: 14px;
 line-height: 24px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.result_ma_detail {
 width: 100%;
 overflow: hidden;
 margin: 0 auto;
}

.result_ma_detail img {
 max-width: 100% !important;
}

.result_ma_detail table {
 width: 100%;
 margin: 3% 0;
 border-top: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
}

.result_ma_detail table tr {}

.result_ma_detail table th {
 width: 20%;
 font-weight: bold;
 text-align: center;
 border-right: 1px solid #CCC;
 background: #F2F2F2;
}

.result_ma_detail th,
.result_ma_detail td {
 font-size: 14px;
 font-weight: normal;
 line-height: 32px;
 border-bottom: 1px solid #CCC;
}

.result_ma_detail table td {
 padding: 5px 10px;
}

.result_ma_detail_comment {
 font-size: 14px;
 padding: 5px 10px;
 border: solid 1px #DDD;
}

.result_ma_detail_free {
 width: 100%;
 margin: 10px 0px 10px 0px;
 padding: 5px 10px;
 border-top: 1px solid #EEE;
}

/*-----------------------------------------------
	   不動産売却実績　/sale_result_ma/
-----------------------------------------------*/
.sale_result_ma {

 font-size: 16px;
}

.sale_result_ma a {
 display: block;
 text-decoration: none;
 background: #EEE;
}

.sale_result_ma ul {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 list-style: none;
}

.sale_result_ma ul li {
 margin: 0 0 15px 0;
 padding-bottom: 15px;
 overflow: hidden;
 border-bottom: solid 5px #DDD;
 border-radius: 5px;
}

.sale_result_ma_photo {}

.sale_result_ma_photo img {
 vertical-align: bottom;
 width: 100%;
 height: 250px !important;
 object-fit: cover;
}

.sale_result_ma_text {
 margin: 0px;
}

.sale_result_ma_title {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin-bottom: 10px;
 text-align: left;
}

.sale_result_ma_com b {
 display: block;
}

.sale_result_ma_com {
 text-align: left;
 font-size: 14px;
 line-height: 26px;
 padding-bottom: 10px;
}

.sale_result_ma_link {
 /*	border: 1px solid #FF9326;
	padding: 1%;*/
}

/*.sale_result_ma_link a {
	padding: 2%;
	background: #FF9326;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}*/
.sale_result_ma_link a {
 width: 98%;
 text-align: center;
 line-height: 40px;
 color: #202124;
 font-weight: normal;
 border: 1px solid #666;
 border-radius: 100px;
 padding-left: 0px;
 position: relative;
 background: #fff;
 font-size: 14px;
 margin: 0 auto;
}

.sale_result_ma_link ::before {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #202124;
 border-right: solid 2px #202124;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 left: 23px;
 margin-top: -4px;
}

.sale_result_ma_link:hover {
 border: 1px solid #dddddd;
}

.sale_result_ma_link:hover a {
 background: #dddddd;
}

.sale_result_ma_detail {
 margin: 0 auto;
 margin-bottom: 5%;
}

.sale_result_ma_detail img {
 max-width: 100% !important;
 height: auto !important;
}

.sale_result_ma_detail h2 {
 font-weight: bold;
 margin: 0px;
 padding: 5px;
 text-align: left;
 font-size: 18px;
 background: #EEE;
}

.sale_result_ma_detail_text {
 margin-bottom: 10px;
}

.sale_result_ma_detail_text span {
 font-weight: bold;
}

.sale_result_ma_com {
 text-align: left;
 line-height: 30px;
 padding-bottom: 20px;
}

.sale_result_ma_detail_photo {}

.sale_result_ma_detail_photo img {
 margin: 0 auto 10px;
 width: 100% !important;
 height: 250px !important;
 object-fit: cover;
 display: block;
}

.sale_result_ma_gaiyo {
 margin-bottom: 20px;
 line-height: 1.7em;
}

.sale_result_shubetu {
 padding-left: 90px;
 position: relative;
 margin-bottom: 10px;
 line-height: 30px;
}

.sale_result_shubetu:before,
.sale_result_address::before {
 content: "種別";
 position: absolute;
 width: 80px;
 line-height: 30px;
 display: block;
 left: 0;
 background-color: #042455;
 text-align: center;
 border-radius: 3px;
 color: #fff;
 font-size: 15px;
}

.sale_result_shubetu span {
 padding-left: 10px;
}

.sale_result_address {
 padding-left: 90px;
 position: relative;
 line-height: 30px;
 margin-bottom: 20px;
}

.sale_result_address::before {
 content: "所在地";
}

.sale_result_shubetu:empty:before,
.sale_result_address:empty:before {
 content: none;
}

.sale_result_ma_com2 {
 text-align: left;
 font-size: 14px;
 line-height: 22px;
 margin: 5px 0px 20px;
}

.sale_result_ma_com3 {
 text-align: left;
 font-size: 16px;
 font-weight: bold;
 line-height: 24px;
 padding: 0px 10px;
 border-left: 4px solid #042455;
 margin-bottom: 10px;
}


/*-----------------------------------------------
	   不動産売却実績2　/sale_result2_ma/
-----------------------------------------------*/

.sale2_list_title {
 display: flex;
 margin: 10px 0 0;
}

.sale2_l_ti {
 color: #fff;
 border: 1px solid #fff;
 padding: 10px 0;
 box-sizing: border-box;
 width: 20%;
 background: #042455;
 text-align: center;
 font-size: 3.5vw;
 font-weight: bold;
}

.sale2_l_ti:nth-child(2) {
 width: 40%;
}

.sale2_l_item {
 padding: 10px 0;
 box-sizing: border-box;
 width: 20%;
 text-align: center;
 font-size: 3.2vw;
 font-weight: bold;
 float: left;
}

.sale2_l_item:nth-child(2) {
 width: 40%;
}

.sale2_list_item {
 margin: 0 !important;
 border-bottom: solid 1px #DDD !important;
 padding: 0 !important;
 border-radius: 0px !important;
}

.sale2_list_item a {
 background-color: #FFF;
 color: #000;
 display: flex;
 align-items: center;
}

.sale_result2_ma_detail h2 {
 display: block;
 line-height: 2.5em;
 font-weight: bold;
 text-indent: 3%;
 margin: 0 0 3% 0;
 text-align: left;
 font-size: 4.5vw;
 background: #EEE;
}

.sale_result2_ma_detail {
 margin-bottom: 5%;
}

.sale_result2_ma_gaiyo {
 border: 1px dashed #bbb;
 padding: 3%;
 text-align: left;
 box-sizing: border-box;
 margin-bottom: 5%;
}

.sale_result2_ma_gaiyo ul {
 margin-bottom: 10px;
}

.sale_result2_ma_gaiyo ul li {
 display: flex;
 align-items: center;
 margin-bottom: 5px;
}

.sale_result2_ma_gaiyo ul li span {
 display: inline-block;
 background-color: #042455;
 color: #fff;
 font-size: 4vw;
 padding: 2% 0;
 width: 27%;
 box-sizing: border-box;
 text-align: center;
 border-radius: 5px;
}

.sale_result2_ma_gaiyo p {
 font-size: 4vw;
 margin: 0 0 0 10px;
}

.sale_result2_ma_com3 {
 font-size: 4vw;
 font-weight: bold;
 border-bottom: 1px solid #333;
 margin-bottom: 2%;
 padding-bottom: 1%;
}

.sale_result2_ma_com2 {
 font-size: 3.5vw;
 line-height: 1.7em;
 margin-bottom: 5%;
}

/*売却実績　問合せフォーム*/
.sale_result_form {
 background-color: #EEE;
 padding: 7% 3%;
 box-sizing: border-box;
}

.sale_result_form＿txt {
 font-size: 3.5vw;
 line-height: 1.7em;
 text-align: center;
}

.sale_result_form_btn {
 width: 75%;
 margin: 3% auto 0;
}

.sale_result_form_btn a {
 display: block;
 background-color: #FF0000;
 border-radius: 5px;
 color: #fff !important;
 font-size: 4vw;
 font-weight: bold;
 text-align: center;
 padding: 4% 0;
 border: 3px solid #FF0000;
 text-decoration: none;
}

.sale_result_form_btn a:hover {
 background-color: #fff;
 color: #FF0000;

}

/*-----------------------------------------------
	   不動産広告チラシ　/paper_ma/
-----------------------------------------------*/
.paper_ma {
 width: 97%;
 margin: 3% auto;
}

.paper_ma ul li {
 display: inline-block;
 text-align: center;
 border-bottom: solid 1px #CCC;
 margin-bottom: 20px;
 padding-bottom: 15px;
}

.paper_ma ul li img {
 border: 1px solid #CCC;
}

div.paper_ma_list_link {
 margin-top: 10px;
}

div.paper_ma_list_link a {
 width: 100%;
 font-weight: bold;
 background: #EEEEEE;
 color: #000;
 letter-spacing: 1px;
 text-align: center;
 text-decoration: none;
 font-size: 14px;
 margin: 2% 0;
 padding: 2% 0;
 display: block;
}

div.paper_ma_list_link a:hover {
 background: #DDD;
}

.paper_ma .paper_ma_detail {}

.paper_ma .paper_ma_link a {}

.paper_ma .paper_ma_detail img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 3%;
}

.paper_ma .paper_ma_text {
 margin-bottom: 3%;
 padding: 2%;
 font-size: 14px;
 line-height: 20px;
}

.paper_ma_download {}

.paper_ma_download a {
 display: block;
 text-align: center;
 font-size: 16px;
 text-decoration: none;
 background: #DDD;
 color: #333;
 padding: 10px 0;
}

.paper_ma_download a:hover {
 color: #FFF;
 background: #333;
}

.paper_ma_img img {
 border: 1px solid #CCC;
 width: 99%;
 height: 180px !important;
 object-fit: cover;
}

.paper_ma_download img {
 vertical-align: top;
 margin: 2px 10px 0 0;
}

.paper_ma_list_link2 img {
 margin: 0px 3px 2px -4px;
 display: inline-block;
 vertical-align: top;
}

/*-----------------------------------------------
 .live_news_ma /live_news_ma/ 建築現場レポート
-----------------------------------------------*/
.live_news_ma {
 width: 96%;
 margin: 20px auto;
 padding: 0px 0px 0px 0px;
}

.live_news_ma ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.live_news_ma ul li {
 width: 100%;
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 15px 0px;
 overflow: hidden;
 text-align: center;
 border-bottom: solid 1px #CCC;
 position: relative;
}

.live_news_ma ul li a {
 width: 100%;
 height: 100%;
 position: absolute;
 white-space: nowrap;
 text-indent: 300%;
 overflow: hidden;
 display: block;
 z-index: 9999;
 top: 0px;
 left: 0px;
}

.live_news_ma ul li img {
 margin: 0px;
 padding: 0px 0px 0px 0px;
 width: 100%;
 height: 170px !important;
 object-fit: cover;
}

.live_news_ma_data {
 margin: 0px 0px 0px 2px;
 padding: 0px 0px 0px 0px;
}

.live_news_ma_data p {
 text-align: left;
}

.live_news_ma h3 {
 font-size: 14px;
 line-height: 20px;
 margin: 0px 0px 0px 0px;
 padding: 5px 0px 5px 0px;
 text-indent: 10px;
 background: #87745C;
 color: #FFF;
}

.live_news_ma_com {
 margin: 5px 0 0 0;
 padding: 5px;
 background: #EEE;
 text-align: left;
}

.live_news_ma_detail {}

.live_news_ma_detail h2 {
 width: 100%;
 line-height: 30px;
 margin: 0;
 padding: 0;
 text-align: left;
 text-indent: 20px;
 background: #F2F2F2;
 border-top: 3px double #CCC;
 border-bottom: 1px solid #CCC;
}

.live_news_ma_photo img {
 border: dashed 1px #CCC;
 margin: 10px 0px;
 padding: 2px;
 max-width: 95% !important;
}

.live_news_ma2_detail h2 {
 font-weight: bold;
 font-size: 18px;
 text-align: center;
 background: #eee;
 line-height: 30px;
 margin: 0 0 5px 0;
 padding: 2%;
 border: double 3px #CCC;
 display: block;
 letter-spacing: 1px;
}

.live_news_ma2_detail_com {
 text-align: center;
}

/*-----------------------------------------------
 .live_news_ma2 /live_news_ma2/ 建築現場レポート
-----------------------------------------------*/
.live_news_ma2 {}

.live_news_ma2 ul {
 margin: 0;
 padding: 1%;
 list-style: none;
 overflow: hidden;
}

.live_news_ma2 ul li {
 margin: 0 0 3% 0;
 padding: 5% 0;
 vertical-align: top;
 border-bottom: solid 1px #CCC;
}

.live_news_ma2 ul li h3 {
 background: #333;
 color: #FFF;
 padding: 1% 0;
 text-indent: 5%;
 margin-bottom: 2%;
}

.live_news_ma2 ul li img {
 max-width: 100% !important;
 max-height: 230px !important;
}

.live_news_ma2 ul.live_news_photo {
 width: 100%;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.live_news_ma2 .live_news_photo li {
 width: 96%;
 margin: 0 auto;
 padding: 0;
}

.live_news_ma2 .live_news_photo li img {}

.live_news_ma2 .live_news_photo img {
 border: dashed 1px #CCC;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 max-width: 100% !important;
 max-height: 230px !important;
 display: block;
 margin-right: auto;
 margin-left: auto;
}

.live_news_ma2 ul li p {}

.live_news_ma2 ul li p span {
 display: block;
}

/*-----------------------------------------------
 .reform_ma /reform_ma/ リフォーム事例
-----------------------------------------------*/
.reform_ma h2 {}

.build_result_ma {
 width: 96%;
 margin: 0 auto;
}

.reform_ma {
 width: 96%;
 margin: 0 auto;

}

.reform_ma_list li {
 list-style: none;
 margin: 2% 0;
 padding: 0px;
 display: block;
 vertical-align: top;
 *display: inline;
 *zoom: 1;
 border: 1px solid #CCC;
}

.reform_ma_list li a {
 display: block;
 text-align: left;
 text-decoration: none;
 padding: 2%;
}

.reform_ma_list h3 {
 color: #333;
 text-align: left;
 font-weight: bold;
 line-height: 24px;
 margin: 3% 0;
 padding: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.reform_ma_list p {
 color: #333;
 font-size: 12px;
 line-height: 24px;
 margin: 0px;
 padding: 0px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}

.reform_ma_list li img {
 height: 195px;
 object-fit: cover;
 width: 100%;
}

.reform_ma p {
 line-height: 24px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.reform_ma_shosai h3 {
 background: #333;
 color: #FFF;
 font-size: 15px;
 font-weight: bold;
 margin: 2% 0;
 padding: 1%;
 text-align: center;
 letter-spacing: 5px;
}

.reform_ma_comment01,
.reform_ma_comment02 {
 background: #EEE;
 padding: 10px;
}

.reform_ma_comment01 p,
.reform_ma_comment02 p {}

.reform_ma_before h3 {
 background: #333;
 color: #FFF;
 font-size: 15px;
 font-weight: bold;
 margin: 2% 0;
 padding: 1%;
 text-align: center;
 letter-spacing: 5px;
}

.reform_ma_before ul {}

.reform_ma_before ul li {}

.reform_ma_before ul li img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5%;
}

.reform_ma_before img {
 max-width: 100% !important;
 height: auto !important;
}

/*　flickSlider　*/
.flickSlider {
 margin: 0 auto;
 text-align: left;
}

.flickSlider .flickView {
 width: 100%;
 text-align: left;
 position: relative;
 overflow: hidden;
 height: 260px !important;
}

.flickSlider .flickView ul {
 top: 0;
 left: 0;
 width: 100%;
 position: absolute;
 overflow: hidden;
 height: 260px !important;
}

.flickSlider .flickView ul li {
 width: 100%;
 float: left;
 display: inline;
 overflow: hidden;
 padding-bottom: 20px;
 text-align: center;
 position: relative;
}

.flickSlider .flickView ul li span {
 position: absolute;
 bottom: 0;
 z-index: 100;
 text-align: left;
 font-size: 13px;
 display: block;
 width: 100%;
 line-height: 1.3;
 background: -moz-linear-gradient(to top, rgb(0 0 0 / 80%), rgb(0 0 0 / 0%));
 background: -webkit-linear-gradient(to top, rgb(0 0 0 / 80%), rgb(0 0 0 / 0%));
 background: linear-gradient(to top, rgb(0 0 0 / 80%), rgb(0 0 0 / 0%));
 color: #fff;
 padding: 30px 10px 10px;
 box-sizing: border-box;
}

.flickSlider .flickView ul li span:empty {
 background: -moz-linear-gradient(to top, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
 background: -webkit-linear-gradient(to top, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
 background: linear-gradient(to top, rgb(0 0 0 / 0%), rgb(0 0 0 / 0%));
}

.flickSlider .flickView ul li img {
 max-width: 100%;
 height: 230px !important;
}

.flickSlider .flickThumb {
 width: 100%;
 overflow: hidden;
}

.flickSlider .flickThumb ul {
 width: 100% !important;
 margin-top: 2%;
}

.flickSlider .flickThumb ul li {
 max-height: 40px !important;
 margin-right: 1px;
 margin-bottom: 1px;
 float: left;
 cursor: pointer;
 display: inline;
 overflow: hidden;
 border: 2px solid #CCC;
 opacity: 1 !important;
 text-align: center;
}

.flickSlider .flickThumb ul li:empty {
 display: none;
}

.flickSlider .flickThumb ul li img {
 /* max-width: 75px !important; */
 /* max-height: 53px !important; */
 height: 35px !important;
 width: 100% !important;
 object-fit: cover;
 margin: 0 0 0px 0;
}

.flickSlider .flickThumb ul li.active {
 /*追加*/
 border: 2px solid #000 !important;
}

.flickSlider .btnPrev,
.flickSlider .btnNext {
 top: 0;
 width: 5%;
 height: 100%;
 position: absolute;
 cursor: pointer;
}

.flickSlider .btnPrev {
 left: 0;
 background: url(/img_cms/btnPrev.png) no-repeat center center / 85%;
}

.flickSlider .btnNext {
 right: 0;
 background: url(/img_cms/btnNext.png) no-repeat center center / 85%;
}

.flickSlider .flickView ul:after,
.flickSlider .flickThumb ul:after {
 content: ".";
 height: 0;
 clear: both;
 display: block;
 visibility: hidden;
}

.flickSlider .flickView ul,
.flickSlider .flickThumb ul {
 display: inline-block;
 overflow: hidden;
}

/*-----------------------------------------------
	リフォーム事例　/build_result_ma/ 
-----------------------------------------------*/
.build_result_ma h2 {}

.build_result_ma_list li {
 list-style: none;
 margin: 2% 0;
 padding: 0px;
 display: block;
 vertical-align: top;
 *display: inline;
 *zoom: 1;
 border: 1px solid #CCC;
}

.build_result_ma_list li a {
 display: block;
 text-align: left;
 text-decoration: none;
 padding: 2%;
}

.build_result_ma_list h3 {
 color: #333;
 text-align: center;
 font-weight: bold;
 line-height: 16px;
 margin: 3% 0;
 padding: 0;
}

.build_result_ma p {
 line-height: 24px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.build_result_ma_shosai h3 {
 background: #333;
 color: #FFF;
 font-size: 15px;
 font-weight: bold;
 margin: 2% 0;
 padding: 1%;
 text-align: center;
 letter-spacing: 5px;
}

.build_result_ma_comment01,
.build_result_ma_comment02 {
 background: #EEE;
 margin: 2% 2% 5% 2%;
 padding: 1%;
}

.build_result_ma_comment01 p,
.build_result_ma_comment02 p {}

.build_result_ma_before h3 {
 background: #333;
 color: #FFF;
 font-size: 15px;
 font-weight: bold;
 margin: 2% 0;
 padding: 1%;
 text-align: center;
 letter-spacing: 5px;
}

.build_result_ma_before ul {}

.build_result_ma_before ul li {}

.build_result_ma_before ul li img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5%;
}

/*-----------------------------------------------
	 .form2_ma　/inquiry/ 売却査定
-----------------------------------------------*/
.form2_ma {
 width: 90%;
 overflow: hidden;
 margin: 5% auto;
}

.form2_ma .sale_box {
 border: solid 1px #006CD8;
 overflow: hidden;
 margin: 2% 0;
}

.form2_ma .sale_box a {
 display: block;
 line-height: 65px;
 color: #333;
 height: 65px;
}

.form2_ma .sale_l {
 width: 60px;
 float: left;
 background: #006CD8;
 position: relative;
 height: 65px;
}

.form2_ma .sale_r {
 width: 78%;
 float: right;
}

.form2_ma .sale_r span {
 font-size: 14px;
 font-weight: bold;
 margin: -20px 0 -20px 0;
 display: block;
}

.form2_ma .sale_r p {
 font-size: 14px;
 line-height: 18px;
 margin: 0;
}

.form2_ma .last {
 margin: 0 !important;
}

.form2_ma .sale_box a:hover {
 background: #E8F3FF;
 display: block;
}

.form2_ma .sale_l img {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: auto;
}

.form_banner {
 width: 96%;
 margin: 2% auto;
 position: relative;
}

.form_banner a {
 width: 90%;
 margin: 3% auto;
 display: block;
 color: #fff !important;
 font-size: 24px;
 font-weight: bold;
 letter-spacing: 2px;
 background: #006CD8;
 line-height: 60px;
 /* width: 300px; */
 text-align: center;
 border-radius: 100px;
 box-shadow: 0 3px #0051A2;
 text-decoration: none;
}

.form_banner a:hover {
 background: #0051A2;
}

/*----------------------------------------------------------
	 .gallery　/gallery/ 管理物件ギャラリー
----------------------------------------------------------*/
.gallary-2 {
 font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-size: 32px;
 font-weight: normal;
 text-align: center;
 margin: 30px 0 22px 0;
 line-height: 32px;
}

.build_result2 li {
 list-style: none;
 margin: 2% 0;
 display: block;
 vertical-align: top;
 position: relative;
}

.build_result2 li a {
 display: block;
 text-align: left;
 text-decoration: none;
}

h3.build_result2_h3 {
 color: #333;
 font-size: 14px;
 font-weight: bold;
 line-height: 16px;
 margin: 5px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.build_result2 p {
 color: #006DD9;
 font-size: 14px;
 line-height: 24px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

.build_result2 h3 {
 color: #333;
 font-weight: bold;
 line-height: 16px;
 margin: 3% 0px;
 text-align: center;
}

.build_result2_shosai3 li img {
 height: 245px !important;
 object-fit: cover;
 width: 100% !important;
}

.build_result2_shosai1,
.build_result2_shosai2,
.build_result2_shosai3 {
 margin: 2% 0;
}

.build_result22 h3 {
 color: #333;
 font-size: 16px;
 font-weight: bold;
 line-height: 40px;
 margin: 5px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-indent: 10px;
}

.build_result2_shosai1 img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 max-width: 100% !important;
 height: auto !important;
}

.build_result2_shosai1 table {
 margin: 5% 0;
 padding: 0;
 border-top: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
}

.build_result2_shosai1 th,
.build_result2_shosai1 td {
 font-size: 14px;
 font-weight: normal;
 line-height: 25px;
 border-bottom: 1px solid #CCC;
}

.build_result2_shosai1 th {
 width: 80px;
 font-weight: bold;
 text-align: center;
 border-right: 1px solid #CCC;
 background: #F2F2F2;
}

.build_result2_shosai1 td {
 width: 340px;
 padding: 10px;
}

.build_result2_shosai2 {
 min-height: 78px;
 margin: 20px auto;
 padding: 10px;
 border: solid 1px #DDD;
}

.build_result2_shosai3 li {
 list-style: none;
 margin: 2% 0;
 display: block;
 vertical-align: top;
 text-align: center;
 *display: inline;
 *zoom: 1;
}

.build_result2_shosai3_free {
 height: auto;
 overflow: hidden;
 margin: 0px auto 40px;
 padding: 0px;
 text-align: center;
 border: 3px double #ddd;
}

.build_result2_shosai3 img {
 height: 230px !important;
 object-fit: cover;
 width: 100% !important;
}


/*-----------------------------------------------
	build list
-----------------------------------------------*/
.build_result3 {}

.build_result3 ul {
 width: 96%;
 margin: 0 auto;
}

.build_result3 ul li {
 margin-bottom: 15%;
}

.build_result3 ul li a {
 display: block;
 color: #000;
 text-decoration: none;

}

.build_result3 ul li a img {
 width: 100%;
 max-height: 250px !important;
 object-fit: cover;
}

.build_result3 ul li a h3 {
 overflow: hidden;
 display: -webkit-box;
 margin: 2% 0 0;
 line-height: 128%;
 font-size: 4.5vw;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 font-weight: bold;
 padding: 0 2%;
}

.build_result3 ul li a p {
 overflow: hidden;
 display: -webkit-box;
 margin-top: 3%;
 line-height: 112%;
 font-size: 4vw;
 color: #333;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 padding: 0 2%;
}

.build3_li_more {
 width: 70%;
 margin: 0 auto;
 color: #fff;
 text-align: center;
 font-size: 3.8vw;
 padding: 3% 0;
 background-color: #231815;
 margin-top: 5%;
}

.build_result3 ul li a:hover .build3_li_more {
 background-color: #6D4A41;
}


/*-----------------------------------------------
	build detail
-----------------------------------------------*/

.cms_back {}

.build_result3_ma {}

.build_detail3_tl {
 margin-top: 5%;
 margin-bottom: 8%;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding: 5% 0;
 line-height: 1.4;
 letter-spacing: 0.1em;
 font-size: 5vw;
 font-weight: bold;
 text-align: center;
}

.build_detail3_tl span {
 text-align: center;
 display: block;
 margin-top: 1.5%;
 font-size: 3.5vw;
 font-weight: normal;
}

.bu_de3_img {
 text-align: center;
}

.bu_de3_img a img {
 max-width: 100%;
}

.bu_de3_free {
 margin: 7% 0 10%;
 font-size: 4vw;
 line-height: 129%;
}

.bu_de3_gallery ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.bu_de3_gallery ul li {
 width: 49%;
 margin-bottom: 2%;
}

.bu_de3_gallery ul li:first-child {
 background-color: #F6F2ED;
 /*サイトに合わせてカラー変更してください*/
 color: #6c3524;
 /*サイトに合わせてカラー変更してください*/
 font-size: 5vw;
 font-weight: bold;
 text-align: center;
 padding: 10% 0;
 width: 100%;
 letter-spacing: 0.1em;
}

.bu_de3_gallery ul li:first-child span {
 font-size: 3vw;
 display: block;
 margin-bottom: 1%;
 letter-spacing: 0;
}

.bu_de3_gallery ul li:nth-child(3n) {
 margin-right: 0;
}

.bu_de3_gallery ul li p {
 font-size: 3vw;
 line-height: 130% !important;
 margin-top: 2%;
}

.bu_de3_gallery ul li a {}

.bu_de3_gallery ul li a img {
 width: 100% !important;
 height: 130px !important;
 object-fit: cover;
}

/*-----------------------------------------------
	スタッフ紹介	/staff_ma/
-----------------------------------------------*/
.staff1_ma {
 width: 96%;
 margin: 0 auto;
}

.staff_ma_list ul {
 width: 104%;
 margin: 0px 0px 0px -2%;
 padding: 1px;
 overflow: hidden;
}

.staff_ma_list li {
 width: 45%;
 font-size: 16px;
 display: inline-block;
 overflow: hidden;
 text-align: center;
 vertical-align: top;
 border: 1px solid #ccc;
 margin: 0px 0px 10px 2%;
 padding: 1px;
}

.staff_ma_list li p {
 margin: 3% 0;
}

.staff_ma_photo {
 overflow: hidden;
 height: 122px;
}

.staff_ma_photo img {
 border: 0;
 vertical-align: bottom;
}

.staff_ma_list_photo p {
 margin: 0;
 padding: 0;
 position: relative;
}

.staff_ma_list a {
 display: block;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
 color: #000000;
}

/*-----------------------------------------------
	スタッフ紹介	/staff1_ma/
-----------------------------------------------*/
.staff1_ma_detail h3 {
 border-bottom: 3px solid #000000;
 margin: 10px 0;
 font-size: 16px;
 line-height: 35px;
}

.staff1_ma_detail ul {
 overflow: hidden;
 margin-bottom: 10px;
}

.staff1_ma_detail li {}

.staff1_ma_detail li:last-child {
 padding-right: 0px;
}

.staff1_ma_detail li img {
 display: block;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 2%;
}

.staff1_ma_detail_prof div {
 margin-bottom: 5%;
}

.staff1_ma_detail_prof p {
 font-size: 15px;
 line-height: 24px;
}

.staff1_ma_detail_prof span {
 margin: 5px 0;
 display: block;
 border-bottom: 1px dashed #aaaaaa;
 font-size: 16px;
 line-height: 32px;
 font-weight: bold;
}

.staff1_ma_detail_prof {
 margin-bottom: 8%;
}

.staff1_ma_detail_comment {
 background: #EEE;
 padding: 4% 3%;
 font-size: clamp(14px, 3.5vw, 20px);
 line-height: 1.8;
}


/*-----------------------------------------------
	スタッフ紹介2	/staff2/
-----------------------------------------------*/
.staff2_ma_wrap {}

.staff2_ma_wrap ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.staff2_ma_detail {
 text-align: left;
}

.staff2_ma_detail_l {
 margin-bottom: 2%;
}

.staff2_ma_detail_l img {
 margin-bottom: 3%;
}

.staff2_ma_detail_r span {
 text-indent: 2%;
 font-weight: bold;
 margin-bottom: 2%;
 display: block;
 border-left: 3px solid #333;
 font-size: clamp(14px, 4.5vw, 24px);
 line-height: 1.6;
}

.staff2_ma_detail_r p {
 margin: 0 auto 6%;
 font-size: clamp(14px, 4vw, 22px);
 line-height: 1.6;
}

.staff2_ma_detail_sub {
 overflow: hidden;
}

.staff2_ma_detail_prof {
 width: 275px;
 float: left;
 border: 1px #ccc solid;
 -moz-border-radius: 5px;
 /* Firefox */
 -webkit-border-radius: 5px;
 /* Safari,Chrome */
 border-radius: 5px;
 /* CSS3 */
 padding: 1px;
}

span.staff2_ma_proftitle {
 background: url(/img_cms/color2.gif) repeat;
 width: 275px;
 height: 40px;
 line-height: 40px;
 text-indent: 20px;
 display: block;
 font-weight: bold;
 font-size: 15px;
 margin-bottom: 5px;
}

.staff2_ma_detail_free {
 width: 265px;
 margin: 5px;
}

.staff2_ma_detail_photo {
 margin: 5% 0;
 border-top: 1px solid #EEE;
 padding-top: 5%;
}

.staff2_ma_detail_photo img {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.staff2_ma_detail_photo ul li {
 padding: 5% 0;
 border-bottom: 1px solid #CCC;
}

.staff2_ma_detail_photo ul li p {
 margin: 0;
 padding: 0;
 text-align: center;
}

.staff2_ma_detail_photo ul li:last-child {
 margin-right: 0;
}

.staff2_ma_other {
 overflow: hidden;
 margin: 2% 0;
}

.staff2_ma_other img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5%;
}

.staff2_ma_other .staff2_ma_other_l {
 margin: 5% 0;
 border-top: 1px solid #EEE;
 padding-top: 5%;
}

.staff2_ma_other .staff2_ma_other_r {
 background: #f0f0f0;
 padding: 5% 3%;
 line-height: 1.6;
 font-size: clamp(14px, 4vw, 22px);
}

.staff2_ma_other .staff2_ma_other_r b {
 display: block;
 font-size: clamp(14px, 4.5vw, 24px);
 line-height: 1.6;
 letter-spacing: 2px;
 margin-bottom: 2%;
}

/*-----------------------------------------------
	スタッフ紹介3	/staff3/
-----------------------------------------------*/
.staff3_ma_text {
 margin: 10px;
 font-size: 13px;
 line-height: 20px;
}

.staff3_ma_main_img {
 text-align: center;
}

.staff3_ma ul {
 width: 100%;
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
}

.staff3_ma ul li {
 display: inline-block;
 vertical-align: top;
 text-align: center;
}

.staff3_ma_photo a p {
 margin: 0;
 display: block;
 line-height: 1.5em;
 font-weight: bold;
 text-align: center;
 margin-bottom: 10px;
 background: #EEE;
 padding: 5px 0;
 font-size: clamp(14px, 3.5vw, 20px);
}

.staff3_ma_photo img {
 width: 100%;
 height: 110px !important;
 object-fit: cover;
 border: 0;
 vertical-align: bottom;
}

.staff3_ma_shosai_wrap {
 margin: 0;
 padding: 0;
}

.staff3_ma_shosai_wrap h3 {
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 text-align: center;
 margin: 2% 0;
 padding: 1% 0;
}

.staff3_ma_shosai_img {
 width: 100%;
 text-align: center;
}

.staff3_ma_shosai_img img {
 border: 1px solid #EEE;
 padding: 1px;
 width: 98% !important;
 height: 200px !important;
 object-fit: cover;
}

.staff3_ma_r {
 padding: 1% 0;
 margin: 3% 0;
}

.staff3_ma_r_title,
.staff3_ma_message_title {
 width: 100%;
 margin: 0 0 3% 0;
 padding: 2% 0;
 font-size: 5vw;
 text-indent: 0px;
 font-weight: bold;
 text-align: center;
 border-bottom: 2px dotted #CCC;
}

.staff3_ma_r ul {
 margin: 0;
 padding: 0;
}

.staff3_ma_r ul li {
 width: 96%;
 margin: 0 0 5% 2%;
 padding: 0;
 list-style: none;
 overflow: hidden;
 font-size: 4vw;
}

.staff3_ma_r ul li span {
 width: 24%;
 display: block;
 float: left;
 margin: 0 2% 0 0;
 font-weight: bold;
}

.staff3_ma_r ul li p {
 width: 74%;
 margin: 0;
 padding: 0;
 float: left;
 line-height: 1.6em;
}

.staff3_ma_message_row p {
 font-size: 4vw;
 line-height: 1.5em;
 padding: 0 2%;
}

.staff3_ma_shosai_row {
 margin: 20px 0 0px 0;
 overflow: hidden;
}

.staff3_ma_shosai_row ul {
 width: 100%;
 list-style: none;
 margin: 0;
 padding: 0;
}

.staff3_ma_shosai_row ul li {
 margin-bottom: 6%;
}

.staff3_ma_shosai_row_img {
 max-width: 100%;
 height: auto;
 border: 1px solid #EEE;
 padding: 1px;
 overflow: hidden;
}

.staff3_ma_shosai_row_img img {
 width: 100% !important;
 height: 200px !important;
 object-fit: cover;
}

.staff3_ma_shosai_row_text {
 margin: 1% 0 0 0;
 padding: 0;
 text-align: left;
 font-size: 4vw;
 line-height: 1.5em;
}

/*	お客様の声　連携
--------------------------------------*/
.staff_ma_mc-groupwaku {}

.staff_ma_mc-groupwaku h2.staff_ma_h2 {
 font-size: 16px;
 background: #EEE;
 padding: 2%;
 margin: 0 0 7px 0;
 text-align: center;
}

.staff_ma_mc-group {}

.staff_ma_mc-group ul {
 width: 100%;
 overflow: hidden;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.staff_ma_mc-group ul li {
 width: 49%;
 border: 1px solid #CCC;
 margin-bottom: 2%;
 box-sizing: border-box;
}

.staff_ma_mc-group a {
 display: block;
 padding: 2%;
}

.staff_ma_mc-group ul li a p {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 margin: 2% 0;
 line-height: 1.5em;
}

.staff_ma_mc-group ul li div {
 font-size: 14px;
 text-align: center;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}

.staff_ma_mc-group ul li div a.more {
 color: #004CD3 !important;
}

.staff_ma_mc-group a {
 display: block;
}

.staff3_ma_shosai_voice h3 {
 font-weight: 600;
 text-align: center;
 margin: 30px auto 10px;
 line-height: 30px;
 width: 100%;
 border-top: 1px dashed #ddd;
 border-bottom: 1px dashed #ddd;
 font-size: 4vw;
}

.staff3_ma_shosai_voice ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.staff3_ma_shosai_voice li {
 margin: 2% auto 0;
 width: 49%;
}

.staff3_ma_shosai_voice li a {
 border: 1px #ddd solid;
 padding: 5px;
 display: block;
}

.staff3_ma_shosai_voice li p br {
 display: none;
}

.staff3_ma_shosai_voice li p {
 font-size: 3.5vw;
 line-height: 1.5em;
 margin: 2% 0;
 padding: 0px 0px 0px 0px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}

/*-----------------------------------------------
	お客様の声　共通
-----------------------------------------------*/
.voice_ma ul {
 text-align: center;
}

.voice_ma li {
 width: 47%;
 display: inline-block;
 border: 1px solid #ccc;
 overflow: hidden;
 margin-bottom: 2%;
 vertical-align: top;
}

.voice_ma_list li {
 list-style: none;
 margin: 0;
 padding: 0;
}

.voice_ma a {
 display: block;
 color: #000;
 text-decoration: underline;
 overflow: hidden;
 text-overflow: ellipsis;
}

.voice_ma_title {
 border-bottom: 1px dashed #666;
 line-height: 20px;
 padding: 2%;
 margin: 0;
 height: auto;
 overflow: hidden;
 text-indent: 17px;
 text-align: left;
 background-color: #f4f4f4;
}

.voice_ma_photo {
 padding: 1% 1% 0;
 height: 150px;
}

.voice_ma_photo img {
 vertical-align: bottom;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 148px !important;
 object-fit: cover;
}

.voice_ma_staff_comment {
 padding: 2%;
 background-color: #F8F7F7;
 overflow: hidden;
 padding: 10% 5% 5%;
 border: 1px solid #D2D2D2;
 margin-top: -38px;
}

.voice_ma_free {
 padding: 1%;
}

.voice_ma_cmt_ttl {
 font-size: 15px;
 font-weight: bold;
 text-indent: 10px;
 border-left: #494949 4px solid;
}

.group_staff_img_a {
 font-size: 13px;
}

.voice_ma_staff_photo {
 text-align: center;
 margin: 5px 0 0 0;
 width: 200px;
}

.voice_ma_staff_photoname {
 text-align: center;
 width: 100%;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}

.voice_ma_group_staff_h3 {
 padding: 2% 0;
 text-indent: 20px;
 text-align: center;
 margin: 5% auto;
 position: relative;
 border-radius: 30px;
 background-color: #042455;
 color: #fff;
 width: 85%;
 font-size: 4vw;
}

.voice_ma_staff_photo img {
 max-width: 160px;
 border: 1px solid #EEE;
 padding: 1px;
}

.voice_st_date {
 position: relative;
 border-top: 1px solid #D2D2D2;
}

.voice_st_date .ttl {
 height: 40px;
}

.voice_st_date a {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.voice_st_date a span {
 position: absolute;
 top: 0;
 left: 10px;
 display: block;
 color: #000;
 font-size: 4vw;
}

.voice_st_date .more {
 display: block;
 padding: 3% 0;
 background: #042455;
 color: #fff;
 border: solid 1px #042455;
 width: 70%;
 margin: 10px auto;
 border-radius: 5px;
 font-size: 4vw;
}

.voice_st_date:hover .more {
 background: #fff;
 color: #042455;
}

/*-----------------------------------------------
	お客様の声　/voice1_ma/
-----------------------------------------------*/
.voice1_ma_list_text p {
 margin: 0;
 font-size: 13px;
 padding: 10px;
 overflow: hidden;
 line-height: 25px;
 height: 100px;
}

.voice1_ma_list_link {
 float: right;
 width: 180px;
 height: 40px;
 border: 1px solid #FF9326;
 padding: 2px;
}

.voice1_ma_list_link a {
 width: 180px;
 height: 40px;
 background: #FF9326;
 text-align: center;
 line-height: 40px;
 color: #ffffff;
 font-weight: bold;
}

.voice1_ma_list_link:hover {
 border: 1px solid #dddddd;
}

.voice1_ma_list_link:hover a {
 background: #dddddd;
}

.voice1_ma_ttl {
 color: #333;
 font-size: 14px;
 line-height: 28px;
 width: 100%;
 margin: 1% 0;
 padding: 0 1%;
 font-weight: bold;
 background: #EEE;
}

.voice1_ma_detail_photo {
 margin-bottom: 10px;
 text-align: center;
}

.voice1_ma_detail_photo img {
 max-width: 100% height:auto;
 border: 1px solid #EEE;
 padding: 1px;
}

.voice1_ma_detail_text {
 margin-bottom: 10px;
}

.voice1_ma_detail_text img {
 max-width: 185px;
 margin-left: 25px;
}

.voice1_ma_detail_text div {
 margin: 0px 0px 20px 0px;
}

.voice1_ma_detail_text p {
 padding-left: 25px;
 margin: 10px 0;
 font-size: 13px;
}

.voice1_ma_free {
 padding-top: 10px;
 font-size: 14px;
 line-height: 20px;
}

.voice1_ma_free .cmt_ttl {
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 10px;
}

.voice1_map.overflow {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}

.voice1_ma_staff_comment {
 width: 740px;
 margin: 0 auto;
 background-color: #F0F8FF;
 overflow: hidden;
 padding: 20px;
}

.voice1_ma_staff_photo img {
 max-width: 160px;
 border: 1px solid #EEE;
 padding: 1px;
}

/*-----------------------------------------------
	お客様の声　/voice2_ma/
-----------------------------------------------*/
.voice2_ma_shosai_photo {
 margin-bottom: 10px;
 text-align: center;
}

.voice2_ma_shosai_photo img {
 max-height: 380px;
}

.voice2_ma_shosai_row {}

.voice2_ma_ttl {
 margin: 10px 0 !important;
 padding: 0px;
 font-size: 16px;
 line-height: 24px;
 text-indent: 0px !important;
 font-weight: bold;
 color: #DE0018;
}

.voice2_ma_shosai_row div span {
 margin: 0 0 0 30px;
 display: block;
}

/*-----------------------------------------------
	お客様の声　/voice3_ma/
-----------------------------------------------*/

.voice3_ma {
 width: 96%;
 margin: 5% auto;
}

.voice3_ma ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.voice3_ma ul li {
 width: 49%;
 border-bottom: 1px solid #6c3524;
 margin-bottom: 8%;
}

.voice3_ma ul li:nth-child(3n) {
 margin-right: 0;
}

.voice3_ma ul li a {
 display: block;
 padding-bottom: 3%;
 color: #000;
 text-decoration: none;
}

.voice3_li_img {
 width: 100%;
 height: 7em;
 position: relative;
 overflow: hidden;
}

.voice3_li_img img {
 width: 100%;
 max-height: 173px;
 object-fit: cover;
 -webkit-transform: scale(1.5);
 transform: scale(1.1);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}

.voice3_ma ul li:hover .voice3_li_img img {
 -webkit-transform: scale(1);
 transform: scale(1.2);
}

.voice3_li_syosai {}

.v3_tl {
 font-size: 3.5vw;
 font-weight: bold;
 line-height: 140%;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 margin: 3% 0;
}

.v3_name {
 font-size: 3vw;
 color: #999;
}

.v3_tag p {
 width: 100%;
}

.v3_tag p .cms_topic_tag {
 color: #999;
 border: 1px solid #999;
 font-size: 2.5vw;
 margin: 1% 1% 0 0;
 padding: 1% 5%;
 border-radius: 4px;
 display: inline-block;
 font-weight: 500;
}

.cms_topic_tag a {
 color: #999 !important;
 border: 1px solid #999 !important;
 font-size: 2.5vw;
 margin: 1% 1% 0 0;
 padding: 1% 5%;
 border-radius: 4px;
 display: inline-block;
 font-weight: 500;
}



/*-----------------------------------------------
	voice detail
-----------------------------------------------*/
.voice3_detail_wrap {
 width: 94%;
 margin: 3% auto;
}

.voice3_detail_tl h2 {
 font-size: 4.8vw;
 font-weight: bold;
}

.voice3_detail_tl h2 p {
 font-size: 3vw;
 color: #999;
 margin-top: 5px;
}

.voice3_detail_shosai {
 margin: 3% 0 5%;
}

.vo3_de_img {
 text-align: center;
}

.vo3_de_img img {
 width: 100%;
 height: auto;
 object-fit: cover;
}

.vo3_de_img_com {
 font-size: 14px;
 text-align: center;
 margin: 10px 0;
}

.vo3_de_messe {
 margin-top: 30px;
}

.vo3_de_tl {
 font-size: 4.5vw;
 font-weight: bold;
}

.vo3_de_tl.staff_com {
 font-size: 4.5vw;
 margin-top: 7%;
}

.vo3_de_tl::after {
 content: '';
 display: block;
 background: #042455;
 width: 30px;
 height: 2px;
 margin-top: 10px;
 margin-bottom: 20px;
}

.vo3_de_txt {
 font-size: 3vw;
 font-weight: 500;
 line-height: 25px;
}

.vo3_de_txt.staff_com2 {
 margin-bottom: 5%;
}

.voice3_detail_build {}

.voice_de_build_h3 {
 background: #F6F2ED;
 color: #6c3524;
 font-size: 16px;
 padding: 15px 20px;
 border-radius: 3px;
 margin: 0;
}

.voice3_de_build_wrap {
 padding: 20px;
 box-sizing: border-box;
 border: 2px solid #F6F2ED;
 overflow: hidden;
}

.voice3_de_bu_com {}

.voice3_de_bu_com li {
 overflow: hidden;
 margin-bottom: 10px;
}

.voice3_de_bu_com li img {
 float: left;
 min-width: 220px;
 max-width: 220px;
}

.vo3_de_bu_r {
 float: right;
 width: 610px;
}

.vo3_de_bu_r .ttl {
 font-size: 16px;
 line-height: 25px;
 font-weight: bold;
}

.vo3_de_bu_r .txt {
 font-size: 13px;
 line-height: 17px;
 margin-top: 10px;
}

.vo3_de_bu_r .more {
 width: 200px;
}

.vo3_de_bu_r .more a {
 border-radius: 5px;
 background-color: #231815;
 text-align: center;
 color: #fff;
 font-size: 13px;
 padding: 10px 0;
 display: block;
}


/*-----------------------------------------------
◎  お客様の声4　一覧 /voice4/
-----------------------------------------------*/
.vo_li {
 width: 96%;
 margin: 0 auto;
}

.voice4_li ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
}

.voice4_li li {
 width: 100%;
 margin-bottom: 20px;
}

.voice4_li a {
 display: block;
 border: 1px solid #ccc;
 padding: 15px;
 background: #FFF;
 box-shadow: 0 3px 0 0 #eee;
 color: #111;
 text-decoration: none;
}

.voice4_li .vo_li_photo {
 text-align: center;
 height: 200px;
 overflow: hidden;
}

.vo4_li_photo img {}

.vo4_li .vo_li_txt {}

.vo4_li_txt p {
 font-size: 16px;
 line-height: 24px;
 font-weight: bold;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 height: 50px;
 overflow: hidden;
}

.vo4_li_txt span {
 text-align: right;
 font-size: 13px;
 display: block;
 margin: 10px 0;
}

.voice4_h2 p {}

.voice4_h2 span {
 display: block;
 text-align: right;
 font-size: 3vw;
}

.voice4_ma_shosai_photo {
 margin-bottom: 10px;
 text-align: center;
}

.voice3_ma_shosai_photo img {
 max-height: 380px;
}

.voice4_ma_shosai_row {}

.voice4_ma_ttl {
 width: 740px;
 margin: 10px 0 !important;
 padding: 0px;
 font-size: 16px;
 line-height: 33px;
 text-indent: 0px !important;
 font-weight: bold;
 color: #DE0018;
}

.voice4_ma_shosai_row div span {
 margin: 0 0 0 0px;
 display: block;
}

.voice4_catch {
 border: 5px solid #eee;
 padding: 15px;
 margin-bottom: 20px;
}

.voice4_catch span,
.voice4_ma_cmt_ttl {
 display: block;
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 15px;
 text-indent: 10px;
 line-height: 24px;
 border-left: #494949 4px solid;
}

.voice4_catch p,
.voice_ma_free p {
 font-size: 15px;
 line-height: 24px;
}

.voice4_ma_cmt_ttl {
 font-size: 15px;
 font-weight: bold;
 text-indent: 10px;
 border-left: #494949 4px solid;
}

.voice4_ma_staff_comment {
 background-color: #F0F8FF;
 overflow: hidden;
 padding: 15px;
}


/*-----------------------------------------------
	分譲地　/bunjyo/
-----------------------------------------------*/
.bunjo_ma {
 overflow: hidden;
 text-align: left;
 position: relative;
}

.bunjo_ma li {
 overflow: hidden;
}

.bunjo_ma_list li {
 padding: 1% 0;
}

.bunjo_ma_list_title a {
 display: block;
 padding: 1%;
 font-weight: bold;
 text-indent: 10px;
 margin-bottom: 10px;
 font-size: 16px;
 background: #eee;
 color: #333;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.bunjo_ma_list_title a:hover {
 color: #fff;
 background: #444;
}

.bunjo_ma_list_l {}

.bunjo_ma_list_l img {
 border: 1px solid #dddddd;
 vertical-align: bottom;
 width: 100% !important;
 height: 200px !important;
 object-fit: cover;
}

.bunjo_ma_list_text ul {
 border: none;
 margin: 2% 0;
}

.bunjo_ma_list_text li {
 border: none;
}

.bunjo_ma_list p {}

.bunjo_ma_list p.price {
 font-size: 17px;
 color: #ff0000;
 font-weight: bold;
}

.bunjo_ma_list span {
 float: left;
 width: 70px;
 margin: 0;
 font-weight: bold;
 text-align: right;
 padding-right: 10px;
}

.bunjo_ma_list a.shosai {
 display: block;
 padding: 2% 0;
 text-align: center;
 background: #FF9326;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 font-size: 15px;
 letter-spacing: 1px;
}

.bunjo_ma h3 {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin: 0 0 10px 0;
 font-size: 17px;
}

.bunjo_shosai {}

.bunjo_shosai_Tabs {}

.bunjo_shosai_Tabs ul {
 overflow: hidden;
 margin-bottom: 10px;
}

.bunjo_shosai_Tabs ul li {
 width: 49%;
 margin: 0 1% 1% 0;
 float: left;
 font-size: 12px;
}

.bunjo_shosai_Tabs ul li:nth-child(2n) {
 margin: 0 !important;
}

.bunjo_shosai_Tabs ul li:nth-child(2n+1) {
 clear: both;
}

.bunjo_shosai_Tabs ul li a {
 display: block;
 padding: 5px;
 background: #EEE;
 text-align: center;
}

.bunjo_shosai_Tabs ul li a:hover {
 background: #CCC;
 color: #FFF;
 text-decoration: none;
}

.bunjo_shosai_mainimg {
 margin-bottom: 2%;
}

.bunjo_shosai_mainimg img {
 display: block;
 margin-right: auto;
 margin-left: auto;
 max-width: 100% !important;
 height: auto;
}

.bunjo_shosai_info {
 overflow: hidden;
 margin-bottom: 2%;
}

.bunjo_shosai_info .shosai_img {}

.bunjo_shosai_info .shosai_img img {
 max-width: 100% !important;
}

.bunjo_shosai_info .shosai_info {
 border-top: 1px solid #EEE;
 margin: 5% 0;
 padding: 2% 0;
}

.bunjo_shosai_gaiyou {
 clear: both;
 overflow: hidden;
}

.bunjo_shosai_gaiyou .gaiyou_ti {
 margin: 0;
 padding: 2% 0;
 text-align: left;
 text-indent: 20px;
 font-size: 15px !important;
 font-weight: normal;
 background-color: #EEE;
}

.bunjo_shosai_gaiyou .gaiyou_l {
 margin: 3% 0;
}

.bunjo_shosai_gaiyou .gaiyou_l ul {}

.bunjo_shosai_gaiyou .gaiyou_l ul li {
 clear: both;
 overflow: hidden;
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 font-size: 14px;
 line-height: 20px;
 border-bottom: 1px dashed #AAAAAA;
}

.bunjo_shosai_gaiyou .gaiyou_l ul li span {
 display: block;
 float: left;
 width: 20%;
 padding: 1%;
 text-align: center;
 background: #EEEEEE;
}

.bunjo_shosai_gaiyou .gaiyou_l ul li p {
 float: right;
 width: 75%;
 text-align: left;
 line-height: 20px;
 margin: 0;
 padding: 1% 0;
}

.bunjo_shosai_gaiyou .gaiyou_r {}

.bunjo_shosai_gaiyou .gaiyou_r ul li {
 margin-bottom: 2%;
}

.bunjo_shosai_gaiyou .gaiyou_r ul li a {
 line-height: 32px;
 border: double 3px #FFFFFF;
 padding: 5px;
 display: block;
 text-decoration: none;
 color: #ffffff !important;
 font-weight: bold;
 letter-spacing: 2px;
 text-align: center;
}

.bunjo_shosai_gaiyou .gaiyou_r ul li.gaiyou_inq a {
 background: #FF0B0B;
}

.bunjo_shosai_gaiyou .gaiyou_r ul li.gaiyou_tel a {
 background: #051143;
}

.bunjo_shosai_tokucho {
 margin: 5% 0;
 overflow: hidden;
}

.bunjo_shosai_tokucho h3 {
 margin: 0 0 2% 0;
 font-size: 15px;
 font-weight: normal;
 text-align: left;

 text-indent: 20px;
 line-height: 30px;
 border: 1px solid #A2A2A2;
 background: #F3F3F3;
}

.bunjo_shosai_tokucho .shosai_tokucho {
 margin: 2% 0;
 line-height: 24px;
}

.bunjo_shosai_tokucho .shosai_kukaku {}

.bunjo_shosai_tokucho .shosai_kukaku img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 max-width: 100% !important;
 height: auto;
}

.bunjo_shosai_tokucho_bukkenimg {}

.bunjo_shosai_tokucho_bukkenimg ul {}

.bunjo_shosai_tokucho_bukkenimg ul li {
 max-width: 49% !important;
 margin: 0 0 10px 0;
 display: inline-block;
}

.bunjo_shosai_tokucho_bukkenimg ul li img {
 max-width: 100% !important;
 height: auto;
 height: auto;
 width: 100% !important;
 height: 120px !important;
 object-fit: cover;
}

.bunjo_shosai_tokucho_bukkenimg ul li p {
 text-align: left;
 padding: 2% 0;
 font-size: 13px;
}

.bunjo_shosai_tokucho_bukkenimg ul li:nth-child(3n) {
 margin: 0 !important;
}

.bunjo_shosai_tokucho_bukkenimg div[id^="map_canvas"] {
 max-width: 100% !important;
 max-height: 250px !important;
}

.shosai_gaiyou2 table {
 border-collapse: inherit;
 border-spacing: 0 5px;
}

.shosai_gaiyou2 table th,
.shosai_gaiyou2 table td {
 padding: 2%;
 display: block !important;
 width: 99%;
}

.shosai_gaiyou2 table th {
 padding: 1% 0;
 text-align: center;
 border: 1px solid #CCCCCC;
 background: #EEEEEE;
 margin: 10px 0;
}

.shosai_gaiyou2 table td {
 padding: 1% 0;
 vertical-align: top;
 border-bottom: 1px dashed #CCCCCC;
}

.ricoh-theta-spherical-image {
 width: 100% !important;
 height: 300px !important;
}

.shosai_gaiyou2 iframe {
 width: 100% !important;
 height: 300px !important;
}

.bunjo_shosai_map_txt,
.bunjo_shosai_life {
 margin: 2% 0;
 line-height: 24px;
}

.bunjo_shosai_life b {
 display: block;
 font-size: 15px;
 color: red;
 letter-spacing: 2px;
}

.bunjo_form a {
 color: #FFF !important;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 width: 100%;
 line-height: 45px;
 background: #FF0B0B;
 display: block;
}

.bunjo_form a:hover {
 background: #c70d0d;
}

/*-----------------------------------------------
	分譲地2　/bunjo/
-----------------------------------------------*/
.bunjo2_ma {
 overflow: hidden;
 text-align: left;
 position: relative;
}

.bunjo2_ma li {
 overflow: hidden;
}

.bunjo2_ma_list li {
 padding: 1% 0;
}

.bunjo2_ma_list_title a {
 display: block;
 line-height: 50px;
 font-weight: bold;
 text-indent: 10px;
 margin-bottom: 10px;
 font-size: 20px;
 background: #eee;
 color: #333;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.bunjo2_ma_list_title a:hover {
 color: #fff;
 background: #444;
}

.bunjo2_ma_list_l {}

.bunjo2_ma_list_l img {
 vertical-align: bottom;
 width: 100% !important;
 height: 200px !important;
 object-fit: cover;
}

.bunjo2_ma_list_text {}

.bunjo2_ma_list_text ul {
 border-top: 1px solid #dddddd;
 margin-bottom: 2%;
}

.bunjo2_ma_list_text p {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.bunjo2_ma_list p {}

.bunjo2_ma_list p.price {
 font-size: 17px;
 color: #ff0000;
 font-weight: bold;
}

.bunjo2_ma_list span {
 float: left;
 width: 70px;
 margin: 0;
 font-weight: bold;
 text-align: right;
 padding-right: 10px;
}

.bunjo2_ma_list a.shosai {
 display: block;
 padding: 2% 0;
 text-align: center;
 background: #FF9326;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 font-size: 15px;
 letter-spacing: 1px;
}

.bunjo2_ma h3 {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin: 0 0 10px 0;
 font-size: 17px;
}

.bunjo2_shosai {}

.bunjo2_shosai_Tabs {}

.bunjo2_shosai_Tabs ul {
 overflow: hidden;
 margin-bottom: 10px;
}

.bunjo2_shosai_Tabs ul li {
 width: 49%;
 margin: 0 1% 1% 0;
 float: left;
 font-size: 12px;
}

.bunjo2_shosai_Tabs ul li:nth-child(2n) {
 margin: 0 !important;
}

.bunjo2_shosai_Tabs ul li:nth-child(2n+1) {
 clear: both;
}

.bunjo2_shosai_Tabs ul li a {
 display: block;
 padding: 5px;
 background: #EEE;
 text-align: center;
}

.bunjo2_shosai_Tabs ul li a:hover {
 background: #CCC;
 color: #FFF;
 text-decoration: none;
}

.bunjo2_shosai_mainimg {
 margin-bottom: 2%;
}

.bunjo2_shosai_mainimg img {
 display: block;
 margin-right: auto;
 margin-left: auto;
 max-width: 100% !important;
 height: auto;
}

.bunjo2_shosai_info {
 overflow: hidden;
 margin-bottom: 2%;
}

.bunjo2_shosai_info .shosai_img {}

.bunjo2_shosai_info .shosai_img img {
 max-width: 100% !important;
}

.bunjo2_shosai_info .shosai_info {
 border-top: 1px solid #EEE;
 margin: 5% 0;
 padding: 2% 0;
}

.bunjo2_shosai_gaiyou {
 clear: both;
 overflow: hidden;
}

.bunjo2_shosai_gaiyou .gaiyou_ti {
 margin: 0;
 padding: 2% 0;
 color: #FFFFFF;
 text-align: left;
 text-indent: 20px;
 font-size: 15px !important;
 font-weight: normal;
 background-color: #1A321E;
}

.bunjo2_shosai_gaiyou .gaiyou_l {
 margin: 3% 0;
}

.bunjo2_shosai_gaiyou .gaiyou_l ul {}

.bunjo2_shosai_gaiyou .gaiyou_l ul li {
 clear: both;
 overflow: hidden;
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 font-size: 14px;
 line-height: 20px;
 border-bottom: 1px dashed #AAAAAA;
}

.bunjo2_shosai_gaiyou .gaiyou_l ul li span {
 display: block;
 float: left;
 width: 20%;
 padding: 1%;
 text-align: center;
 background: #EEEEEE;
}

.bunjo2_shosai_gaiyou .gaiyou_l ul li p {
 float: right;
 width: 75%;
 text-align: left;
 line-height: 20px;
 margin: 0;
 padding: 1% 0;
}

.bunjo2_shosai_gaiyou .gaiyou_r {}

.bunjo2_shosai_gaiyou .gaiyou_r ul li {
 margin-bottom: 2%;
}

.bunjo2_shosai_gaiyou .gaiyou_r ul li a {
 line-height: 32px;
 border: double 3px #FFFFFF;
 padding: 5px;
 display: block;
 text-decoration: none;
 color: #ffffff !important;
 font-weight: bold;
 letter-spacing: 2px;
 text-align: center;
}

.bunjo2_shosai_gaiyou .gaiyou_r ul li.gaiyou_inq a {
 background: #FF0B0B;
}

.bunjo2_shosai_gaiyou .gaiyou_r ul li.gaiyou_tel a {
 background: #051143;
}

.bunjo2_shosai_tokucho {
 margin: 5% 0;
 overflow: hidden;
}

.bunjo2_shosai_tokucho h3 {
 margin: 0 0 2% 0;
 font-size: 15px;
 font-weight: normal;
 text-align: left;
 text-indent: 20px;
 line-height: 30px;
 border: 1px solid #A2A2A2;
 background: #F3F3F3;
}

.bunjo2_shosai_tokucho h3 a {
 display: inline-block;
 float: right;
 margin-right: 20px;
 font-size: 13px;
 text-decoration: underline !important;
 color: #0a7be0 !important;
}

.bunjo2_shosai_tokucho h3 a:before {
 content: "▲";
}

.shosai_info-ti {
 background: #EEE;
 line-height: 30px;
 text-indent: 10px;
}

.shosai_info-ti a {
 display: inline-block;
 float: right;
 margin-right: 20px;
 font-size: 13px;
 text-decoration: underline !important;
 color: #0a7be0 !important;
}

.shosai_info-ti a:before {
 content: "▲";
}

.bunjo2_shosai_tokucho .shosai_tokucho {
 margin: 2% 0;
 line-height: 24px;
}

.bunjo2_shosai_tokucho .shosai_kukaku {}

.bunjo2_shosai_tokucho .shosai_kukaku img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 max-width: 100% !important;
 height: auto;
}

.bunjo2_shosai_tokucho_bukkenimg ul li {
 max-width: 49% !important;
 margin: 0 0 10px 0;
 display: inline-block;
}

.bunjo2_shosai_tokucho_bukkenimg ul li img {
 max-width: 100% !important;
 height: auto;
 height: auto;
 width: 100% !important;
 height: 120px !important;
 object-fit: cover;
}

.bunjo2_shosai_tokucho_bukkenimg ul li p {
 text-align: center;
 padding: 2% 0;
 font-size: 13px;
}

.bunjo2_shosai_tokucho_bukkenimg ul li:nth-child(3n) {
 margin: 0 !important;
}

.bunjo2_shosai_tokucho_bukkenimg div[id^="map_canvas"] {
 max-width: 100% !important;
 max-height: 250px !important;
}

.bunjo2_shosai_map_txt,
.bunjo2_shosai_life {
 margin: 2% 0;
 line-height: 24px;
}

.bunjo2_shosai_life b {
 display: block;
 font-size: 15px;
 color: red;
 letter-spacing: 2px;
}

/*-----------------------------------------------
　◎  街紹介(ジェクト街紹介) /town/
-----------------------------------------------*/
/* 街紹介【ジェクト】カテゴリ一覧 */
.town {
 margin: 2% 0;
}

.town ul {
 width: 95%;
 margin: 0 auto;
 padding: 0;
}

.town ul li {
 clear: both;
 list-style: none;
 margin-bottom: 20px;
 overflow: hidden;
}

.town ul li img {
 float: left;
}

.town ul li h3 {
 font-size: 20px;
 line-height: 36px;
 margin: 2% 0px;
 padding: 0px 0px 0px 35px;
 text-indent: 10px;
 letter-spacing: 2px;
}

.town ul li:nth-child(1) h3 {
 background: url(/img_cms/town/town_tl_kokyo.png)no-repeat left center;
}

.town ul li:nth-child(2) h3 {
 background: url(/img_cms/town/town_tl_restrant.png)no-repeat left center;
}

.town ul li:nth-child(3) h3 {
 background: url(/img_cms/town/town_tl_gakko.png)no-repeat left center;
}

.town ul li:nth-child(4) h3 {
 background: url(/img_cms/town/town_tl_life.png)no-repeat left center;
}

.town ul li:nth-child(5) h3 {
 background: url(/img_cms/town/town_tl_shogyo.png)no-repeat left center;
}

.town ul li:nth-child(6) h3 {
 background: url(/img_cms/town/town_tl_other1.png)no-repeat left center;
}

.town ul li div {
 overflow: hidden;
}

.town ul li span,
.town ul li a {
 display: block;
 font-size: 16px;
 background-color: #FFF !important;
 margin: 0px 0px -10px 0px;
 padding: 5px;
 border-bottom: 1px solid #DDD;
 border-right: 1px solid #DDD;
 border-left: 1px solid #DDD;
}

.town ul li a:hover {
 background-color: #FFF !important;
}

.town ul li span:nth-child(6n),
.town ul li a:nth-child(6n) {
 clear: both;
}

.town li a:hover {
 background-color: #dedede !important;
 text-decoration: underline;
 color: #A0716E;
}

.town li:nth-child(1n) span,
.town li:nth-child(1n) a {
 border-top: solid 2px #9FBEA7;
 background: url(/img_cms/town/town_mini_kokyo.png) no-repeat 3px 50%;
 text-indent: 20px;
}

.town li:nth-child(2n) span,
.town li:nth-child(2n) a {
 border-top: solid 2px #83B8C9;
 background: url(/img_cms/town/town_mini_restrant.png) no-repeat 3px 50%;
 text-indent: 20px;
}

.town li:nth-child(3n) span,
.town li:nth-child(3n) a {
 border-top: solid 2px #EC9CBF;
 background: url(/img_cms/town/town_mini_gakko.png) no-repeat 3px 50%;
 text-indent: 20px;
}

.town li:nth-child(4n) span,
.town li:nth-child(4n) a {
 border-top: solid 2px #CCA6BF;
 background: url(/img_cms/town/town_mini_life.png) no-repeat 3px 50%;
 text-indent: 25px;
}

.town li:nth-child(5n) span,
.town li:nth-child(5n) a {
 border-top: solid 2px #E49E61;
 background: url(/img_cms/town/town_mini_shogyo.png) no-repeat 3px 50%;
}

.town li:nth-child(6n) span,
.town li:nth-child(6n) a {
 border-top: solid 2px #B6DC5C;
 background: url(/img_cms/town/town_mini_other1.png) no-repeat 3px 50%;
 text-indent: 25px;
}

/* 街紹介【ジェクト】グループ一覧 */
.cate_town_waku {
 background: #f4f4f4;
 padding: 1px 0;
 text-align: center;
 font-size: 14px;
}

.cate_town_wrap ul {
 width: 90%;
 padding: 0;
 margin: 0 auto;
 overflow: hidden;
}

.cate_town_wrap ul li {
 margin-bottom: 1%;
}

.cate_town_wrap ul li a {
 display: block;
 font-size: 14px;
 color: #333;
 line-height: 32px;
 background-color: #fff !important;
 border: solid 1px #DFDFDD;
}

.town_tel {
 color: #E64C50;
 font-size: 14px;
 margin: 5px 0 0 0;
}

h4.town_shop_tl {
 font-size: 16px;
 font-weight: normal;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 display: -webkit-box;
 padding: 2% 0;
 clear: both;
 background: #333;
 color: #FFF;
 text-align: center;
}

h3.cate_hos_tl {
 background: url(/img_cms/town/town/town_icon_hospital.png) no-repeat 0 50%;
}

h3.cate_kokyo_tl {
 background: url(/img_cms/town/town/town_icon_kokyo.png) no-repeat 0 50%;
}

h3.cate_restrant_tl {
 background: url(/img_cms/town/town/town_icon_restrant.png) no-repeat 0 50%;
}

h3.cate_gakko_tl {
 background: url(/img_cms/town/town/town_icon_gakko.png) no-repeat 0 50%;
}

h3.cate_life_tl {
 background: url(/img_cms/town/town/town_icon_life.png) no-repeat 0 50%;
}

h3.cate_shogyo_tl {
 background: url(/img_cms/town/town/town_icon_shogyo.png) no-repeat 0 50%;
}

h3.cate_other_tl {
 background: url(/img_cms/town/town/town_icon_other1.png) no-repeat 0 50%;
}

.cate_town_wrap ul li a {
 display: block;
 font-size: 16px;
 color: #333;
 line-height: 32px;
 background-color: #fff !important;
 text-indent: 30px;
 margin-bottom: 2%;
 border: solid 1px #DFDFDD;
 text-align: left;
}

.cate_town_wrap ul li a:hover {
 background-color: #dedede !important;
 text-decoration: underline;
 color: #A0716E;
}

.cate_hos a {
 border-top: solid 2px #B09A90 !important;
 background: url(/img_cms/town/town_mini_hospital.png) no-repeat 3px 50%;
}

.cate_kokyo a {
 border-top: solid 2px #9FBEA7 !important;
 background: url(/img_cms/town/town_mini_kokyo.png) no-repeat 3px 50%;
}

.cate_restrant a {
 border-top: solid 2px #83B8C9 !important;
 background: url(/img_cms/town/town_mini_restrant.png) no-repeat 3px 50%;
}

.cate_gakko a {
 border-top: solid 2px #EC9CBF !important;
 background: url(/img_cms/town/town_mini_gakko.png) no-repeat 3px 50%;
}

.cate_life a {
 border-top: solid 2px #CCA6BF !important;
 background: url(/img_cms/town/town_mini_life.png) no-repeat 3px 50%;
}

.cate_shogyo a {
 border-top: solid 2px #E49E61 !important;
 background: url(/img_cms/town/town_mini_shogyo.png) no-repeat 3px 50%;
}

.cate_other a {
 border-top: solid 2px #B6DC5C !important;
 background: url(/img_cms/town/town_mini_other1.png) no-repeat 3px 50%;
}

.town2 {
 width: 100%;
 margin: 3% auto;
 padding: 0;
}

.town2 ul {
 margin: 0;
 padding: 0;
}

.town2 ul li {
 width: 100%;
 vertical-align: top;
 margin: 0 auto;
 border-bottom: 1px solid #333;
}

.town2 ul li a {
 width: 100%;
 display: block;
 line-height: 20px;
 background: #fff;
 font-size: 12px;
 color: #000;
 margin: 0 1% 1% 0;
}

.town2 ul li a div {
 width: 100% !important;
 /* 他cssとの競合の為 抜いても大丈夫です */
 min-height: auto !important;
 /* 他cssとの競合の為 抜いても大丈夫です */
 float: none !important;
 /* 他cssとの競合の為 抜いても大丈夫です */
}

.town2 ul li div.town_img {}

.town2 ul li div.town_img img {
 max-width: 100%;
 max-height: 170px;
 display: block;
 margin: 0 auto;
 height: 215px;
 object-fit: cover;
 width: 100%;
}

.town2 ul li div.town_tel {
 color: #E64C50;
 font-size: 14px;
 margin: 5px 0 0 0;
}

.town2 ul li div.town_adress {}

.town2 ul li div.town_shop_tl {
 font-size: 18px;
 font-weight: normal;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 display: -webkit-box;
 height: 40px;
 text-decoration: underline;
 margin: 10px 0;
}

/* 街紹介【ジェクト】詳細ページ */
.town3 {
 width: 98%;
 margin: 0 auto;
 padding: 0;
 overflow: hidden;
 border: 0;
}

.town3_1 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category01.gif") no-repeat;
 text-indent: 60px;
}

.town3_2 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category02.gif") no-repeat;
 text-indent: 60px;
}

.town3_3 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category03.gif") no-repeat;
 text-indent: 60px;
}

.town3_4 {
 text-indent: 0;
 font-size: 18px;
 font-weight: bold;
 padding: 0px;
 background: #336699;
 color: #fff;
 text-align: center;
 letter-spacing: 1px;
 margin-bottom: 2%;
}

.town3_5 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category05.gif") no-repeat;
 text-indent: 60px;
}

.town3_6 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category06.gif") no-repeat;
 text-indent: 60px;
}

.town3_7 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category07.gif") no-repeat;
 text-indent: 60px;
}

.town4 {
 width: 100%;
 margin: 0px auto;
 padding: 0;
 clear: both;
 overflow: hidden;
}

.town4 img {
 width: 100% !important;
 height: 200px !important;
 margin-bottom: 1%;
 padding: 0;
 display: block;
 margin: 0 auto;
 margin: 0px 0px 4px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
 object-fit: cover;
}

.town5 {
 width: 95%;
 margin: 3% auto;
}

.town5 img {
 vertical-align: middle !important;
}

.town6 {
 width: 100%;
 margin: 0;
 padding: 0;
}

.town6 img {
 max-width: 100% !important;
 height: auto !important;
 margin: 1% 0;
 padding: 0;
}

.town7 {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background: #FFFFFF;
 clear: both;
}

.town7 table {
 width: 100% !important;
 margin: 0 auto;
 padding: 0;
 border-top: solid 1px #ccc;
 border-left: solid 1px #ccc;
}

.town7 th {
 font-size: 13px;
 text-align: center;
 font-weight: normal;
 width: 25%;
 margin: 0px;
 padding: 0;
 background: #F4F4F4;
 border-bottom: solid 1px #CCC;
}

.town7 td {
 font-size: 12px;
 line-height: 20px;
 width: 95%;
 margin: 0 auto;
 padding: 0 1%;
 border-bottom: solid 1px #CCC;
 border-right: 1px solid #CCC;
 word-break: break-all;
}

.town7 td a {
 display: inline-block;
 /* float: right; */
 font-size: 13px;
 text-decoration: underline;
 color: #0a7be0;
}

.town-map {
 margin-left: 20px;
 color: #0a7be0;
 text-decoration: underline;
 font-size: 13px;
 display: block;
}

a.town-map:before {
 content: "▲";
}

.town_sho_tl {
 font-size: 18px;
 text-indent: 50px;
 line-height: 60px;
 font-weight: bold;
 color: #333333;
 background: url(/img_cms/town/town_icon_sho.jpg) no-repeat 10px 50%;
}

.town8 {
 width: 95%;
 margin: 0 auto;
 padding: 0px;
}

.town8 p {
 border: 0;
 font-size: 18px;
 font-weight: bold;
 line-height: 50px;
 margin: 0;
 padding: 0;
 text-indent: 50px;
 color: #333;
 background: url(/img_cms/town/town_icon_access.jpg) no-repeat 10px 50%;
}

.town8 iframe {
 border: solid 1px #CCC;
 margin: 0px;
 padding: 1px;
}

.town8 #map_canvas {}

.town9 {
 margin: 5% auto;
 padding: 0;
}

.town9 p {
 font-size: 15px;
 line-height: 40px;
 margin: 0 0 2% 0;
 padding: 0;
 text-indent: 10px;
 font-weight: bold;
 color: #333;
}

.town9 iframe {
 margin: 0;
 padding: 0;
 border: none;
 width: 90% !important;
}

.town_free {
 width: 872px;
 height: auto;
 margin: 0px auto;
 padding: 10px;
 border: 3px double #ccc;
}

.font-base {
 font-size: 13px !important;
 line-height: 20px !important;
}

/*blog2*/
.col_wrap {
 width: 100%;
 margin: 10px auto 0 auto;
 padding: 0;
}

.col {
 width: 96%;
 margin: 0 auto;
 padding: 0;
}

.col_li_tl {
 height: 40px;
 border-bottom: 5px solid #0F3758;
 font-size: 24px;
 color: #0C3758;
 padding: 15px 0 0 0;
 background-image: url(/img_cms/col_tl_icon.jpg);
 background-repeat: no-repeat;
 background-position: 12px 12px;
 background-size: 25px auto;
 text-align: center;
}

.col_li_tl span {
 padding-right: 20px;
}

.col_li_tl span:empty {
 padding-right: 0;
}

.col ul.col_list {
 width: 100%;
 margin: 20px 0 0 0;
 padding: 0;
 overflow: hidden;
}

.col ul.col_list li {
 width: calc(50% - 7px);
 height: 220px;
 border: 1px solid #666666;
 margin: 0 10px 10px 0;
 padding: 0;
 float: left;
 position: relative;
}

.col ul.col_list li:nth-child(2n) {
 margin: 0;
}

.col_item_theme {
 margin: 0;
 padding: 0 5px;
 border: 1px solid #333333;
 line-height: 22px;
 font-size: 12px;
 background-color: #FFFFFF;
 position: absolute;
 top: 5px;
 left: 5px;
}

.col_item_img img {
 width: 100%;
 height: 110px;
 object-fit: cover;
}

.col_item_date {
 width: 56%;
 line-height: 30px;
 font-size: 14px;
 color: #FFFFFF;
 background-color: #333333;
 text-align: center;
 z-index: 5;
 position: absolute;
 bottom: 95px;
 left: 23%;
}

.col_item_tl {
 width: 100%;
 z-index: 10;
}

.col_item_tl a {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

.col_item_tl a span {
 position: absolute;
 top: 52%;
 overflow: hidden;
 display: block;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 width: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0 3%;
 line-height: 1.5;
 color: #000;
 font-size: clamp(14px, 3.5vw, 24px);
 font-weight: bold;
}

.col ul li p {
 width: 94%;
 font-size: clamp(12px, 3vw, 20px);
 line-height: 1.5;
 background-color: #FFFFFF;
 margin: 15% auto 0 auto;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 overflow: hidden;
 /* display: none; */
}

table.body_calender {
 width: 100%;
}

li.list_morelink a {
 border: 2px solid #9E9E9E;
 text-align: center;
 padding: 5px 0 !important;
 font-weight: bold;
 margin: 10px auto;
 font-size: 16px;
}

/*blog3*/
.blog_right {
 margin: 50px auto;
}

.blog_right .header_title {
 border-top: 1px dashed #CCC;
 padding: 11px 0;
}

/*来店予約フォーム*/

/*来店予約フォーム end*/
/*お問い合わせ プライバシーリンク*/
.form_privacy a:hover {
 font-weight: bold;
}

.form_privacy a {
 text-decoration: underline;
 color: #006DD9;
}

/*お問い合わせ プライバシーリンク end*/
/*スタッフ紹介4*/
.staff4 ul {
 width: 100%;
 background: #FFF;
}

.staff4 ul li {
 width: 100%;
 margin: 10px 0;
 padding: 0;
}

.staff4_list {
 margin: 0;
 padding: 0;
}

.staff4_list a {
 display: block;
 color: #000000;
 text-decoration: none;
}

p.staff4_list_name {
 width: 100%;
 text-align: left;
 font-size: 14px;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

.staff4_list img {
 width: 100%;
 margin: 5px 0 0 0;
 padding: 4px 4px 4px 4px;
 object-fit: cover;
 border: 0;
 height: 250px;
}

.staff4_list a img {
 /*border:#4F4F4F 1px solid;*/
 box-sizing: border-box;
}

.staff4_list a:hover img {
 border: #CCC 1px solid;
}

.staff4_detail {
 width: 100%;
 margin: 30px auto;
 font-size: 16px;
 overflow: hidden;
 text-align: left;
 position: relative;
 background: #FFF;
}

.staff4_photo {}

.staff4_photo img {
 width: 100% !important;
 height: 230px !important;
 object-fit: cover;
}

.staff4_name {
 text-align: left;
 background-color: #fff;
 margin: -18% 0 0 2%;
 position: relative;
 z-index: 2;
 padding: 3% 5% 2%;
 display: inline-block;
}

.staff4_name br {
 display: none;
}

.staff_n_yaku {
 background-color: #0F3758;
 color: #fff;
 padding: 5px 12px;
 font-size: 3vw;
}

.staff_n_roma {
 font-size: 2.5vw;
}

.staff_n_name {
 font-size: 5.5vw;
 margin-top: 12px;
 display: block;
 line-height: 1em;
}

.staff4_prolink {
 display: block;
 margin: 0 auto;
}

.staff4_prolink a {
 display: block;
 color: #FFFFFF;
 font-size: 12px;
 padding: 5px 10px;
 margin: 10px 0;
 background: #000000;
 text-decoration: none;
}

.staff4_prolink a:hover {
 color: #000000;
 background: #CCCCCC;
}

.staff4_comment {
 width: 100%;
 margin: 0 auto;
 text-align: center;
 line-height: 20px;
 font-size: 4vw;
 color: #000;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.staff4_detail_comment {
 width: 95%;
 margin: 0 auto;
 font-size: 14px;
 border: 1px solid #999999;
 padding: 5px;
}

.staff4_detail_comment p {
 background: #eeeeee;
 margin: 0;
 padding: 10px;
 line-height: 25px;
}

.staff4_detail_prof {
 width: 95%;
 margin: 10px auto;
 text-align: left;
}

.staff4_detail_prof span {
 display: block;
 border-bottom: 1px dashed #aaaaaa;
 font-weight: bold;
}

.staff4_detail_prof p {
 margin: 5px 0 5px 0;
 font-size: 14px;
}

.staff4_photolist {
 padding: 20px 0 0 0;
}

.staff_txtbox_1 {
 width: 100%;
 overflow: hidden;
}

.staff_txtbox_2 {
 width: 100%;
 margin: 0 auto;
 margin-top: 50px;
 overflow: hidden;
}

.staff_txtbox_1_inner,
.staff_txtbox_2_inner {
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
 /*margin-top:60px;*/
}

.txtbox_1_ti,
.txtbox_2_ti {
 text-align: center;
}

.txtbox_1_ti h3,
.txtbox_2_ti h3 {
 font-size: 23px;
 font-weight: bold;
 margin: 0;
 line-height: 40px;
}

.staff_txtbox_1_inner hr {
 width: 70px;
 height: 5px;
 background-color: #b20000;
 border: none;
 margin: 15px auto;
}

.staff_txtbox_2_inner hr {
 width: 70px;
 height: 5px;
 background-color: #b20000;
 border: none;
 margin: 15px auto;
}

.txtbox_1_txt {
 float: left;
 width: 100%;
 text-align: left;
}

.txtbox_1_txt p,
.txtbox_2_txt p {
 font-size: 4vw;
 line-height: 1.5em;
 letter-spacing: 0;
 margin-top: 3%;
}

.txtbox_1_img {
 float: right;
 width: 100%;
 text-align: right;
}

.txtbox_1_img img {
 width: 100% !important;
 border-radius: 10px;
 height: 200px !important;
 object-fit: cover;
}

.txtbox_2_txt {
 float: right;
 width: 100%;
 text-align: left;
}

.txtbox_2_img {
 float: left;
 width: 100%;
 text-align: left;
}

.txtbox_2_img img {
 width: 100% !important;
 border-radius: 10px;
 height: 200px !important;
 object-fit: cover;
}

.staff4_mc-groupwaku {
 margin-top: 5%;
}

.staff4_mc-group ul {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 justify-content: space-between;
}

.staff4_mc-group ul li {
 width: 49%;
 display: inline-block;
 *display: inline;
 *zoom: 1;
 vertical-align: top;
}

.staff4_mc-group ul li:hover {
 background: #EEE;
}

.staff4_mc-group ul li img {
 width: auto;
 width: 100%;
 height: 120px !important;
 object-fit: cover;
}

.staff4_mc-group ul li a {
 display: block;
 text-align: center;
 line-height: 25px;
 font-size: 15px;
 padding: 5px;
 border: 1px solid #EEE;
}

.staff4_mc_txt {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 margin: 2% 0;
 line-height: 1.5em;
}

.staff4_h2 {
 font-size: 17px;
 width: 100%;
 margin: 10px 0px;
 padding: 0px;
 line-height: 40px;
 text-indent: 15px;
 background: #F0F0F0;
 border-left: solid 3px #333;
}

.staff4_h3 {
 font-size: 20px;
 width: 100%;
 height: 50px;
 line-height: 50px;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 text-indent: 20px;
 text-align: left;
 background: #F2F2F2;
 border-top: 3px double #CCC;
 border-bottom: 1px solid #CCC;
 margin: 10px auto;
}

.staff4_ttl4 {
 background: url(/img_cms/contents-ttl2.gif);
 height: 44px;
 width: 400px;
 margin: 15px 0px;
 padding: 0px;
 font-size: 16px;
 line-height: 33px;
 text-indent: 56px;
 font-weight: bold;
}

.staff4_voice_ma_pict img {
 vertical-align: bottom;
}

.staff4_voice_ma_pict .more a {
 display: block;
 line-height: 30px;
 background: #333;
 color: #fff;
 border: solid 1px #333;
 margin: 8px 0 0 0;
}

.staff4_li_comment {
 margin: 0px 0 0px;
 line-height: 18px;
 font-size: 13px;
 padding: 5px;
 text-align: center;
 background: #eee;
 display: block;
}

/*スタッフ紹介4 end*/
/*スタッフ・お客様の声連携部分*/
.voice_ma_pict {
 width: 100%;
 display: block;
 margin: 10px auto;
 padding: 0;
 overflow: hidden;
 text-align: center;
}

.voice_ma_pict .ttl a {
 font-size: 16px;
 font-weight: bold;
 display: block;
 line-height: 30px;
 margin: 5px auto;
}

.voice_ma_pict .more a {
 color: #006dd9;
 text-decoration: underline;
 font-size: 17px;
 line-height: 40px;
 border: #ccc 1px solid;
 display: block;
 margin: 10px auto;
 border-radius: 10px;
 position: relative;
 display: inline-block;
 padding-left: 0;
 width: 96%;
 text-align: center;
 background-color: #FFF;
}

.voice_ma_pict .more a::before {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #3979aa;
 border-right: solid 2px #3979aa;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 left: 19px;
 margin-top: -4px;
}

.voice_ma_pict .img img {
 max-height: 252px !important;
 width: auto;
}

/*スタッフ・お客様の声連携部分 end*/
/*-----------------------------------------------
　　スタッフ紹介 パターン5 /staff5/ AiTOWNver
-----------------------------------------------*/
.cms_h2 {}

.staff5_ma {
 width: 96%;
 margin: 0 auto;
}

.staff5_ma ul {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}

.staff5_ma ul li {
 width: 49%;
 background: #f7f7f7;
 border-bottom: 1px solid #6c3524;
 margin-bottom: 2%;
 position: relative;
 margin-right: 2%;
}

.staff5_ma ul li:nth-child(2n) {
 margin-right: 0;
}

.staff5_ma ul li::after {
 content: '';
 display: block;
 position: absolute;
 width: 37px;
 height: 8px;
 bottom: 10px;
 right: 10px;
 background: url(/img_cms/staff_li_more.png) no-repeat center/contain;
}

.staff5_ma ul li::after {
 width: 47px;
 height: 10px;
}

.staff5_ma ul li a {
 display: block;
 text-decoration: none;
 color: #000;
}

.staff5_li_img {
 width: 100%;
 height: 130px;
 position: relative;
 overflow: hidden;
}

.staff5_li_img img {
 width: 100%;
 height: 130px;
 object-fit: cover;
 -webkit-transform: scale(1.5);
 transform: scale(1.1);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}

.staff5_list ul li:hover .staff_li_img img {
 -webkit-transform: scale(1);
 transform: scale(1.2);
}

.staff5_li_tag {
 text-align: right;
 margin-top: -5%;
}

.staff5_li_tag span.staff5_li_tag_wrap {
 background-color: #042455;
 color: #fff;
 padding: 2% 7%;
 text-align: right;
 font-size: 3.2vw;
 position: relative;
}
.staff5_li_tag .staff5_li_tag_wrap:has(span.staff5_li_tag_in:empty + span.staff5_li_tag_in2:empty) {
 background-color: #04245500;
}
.staff5_li_tag span.staff5_li_tag_in {
 margin-right: 5px;
}
.staff5_li_tag span.staff5_li_tag_in:empty {
 margin-right: 0px;
}

.staff5_li_syosai {
 padding: 2% 5% 5% 5%;
}

.s5_yakusyoku {
 font-size: 2.8vw;
}

.s5_name {
 font-size: 4vw;
 font-weight: bold;
 margin-top: 5px;
}

.s5_name_l {
 font-size: 2.5vw;
 color: #042455;
 margin-top: 5px;
 font-weight: bold;
}

/*-----------------------------------------------
　　スタッフ紹介 パターン5 /staff5/ 詳細
-----------------------------------------------*/

.staff5_detail_wrap {
 position: relative;
}

.staff5_detail_wrap::before {
 background-color: #F0F5FE;
 /*サイトカラーに合わせて変更してください*/
}

.staff5_detail_in {
 width: 100%;
 margin: 0 auto;
}

.staff5_detail_pro_head {
 margin-bottom: 10%;
 overflow: hidden;
}

.staff5_de_img {
 position: relative;
}

.staff5_de_pro_li {
 width: 100%;
 padding: 5% 4% 5% 4%;
 box-sizing: border-box;
 background: #fff;
 float: right;
 position: relative;
 z-index: 5;
}

.staff5_de_pro_name {
 margin-bottom: 5%;
}

.staff5_de_pro_name .s5_yaku {
 margin-bottom: 1%;
 font-size: 3.5vw;
}

.staff5_de_pro_name .s5_name span {
 color: #042455;
 /*サイトカラーに合わせて変更してください*/
 font-size: 2.8vw;
 display: inline-block;
 margin-left: 3.5%;
 font-weight: bold;
}

.staff5_de_pro_name .s5_name {
 font-size: 5vw;
 font-weight: bold;
}

.staff5_de_pro_qa ul li {
 overflow: hidden;
}

.staff5_de_pro_qa ul li .qa_q {
 color: #042455;
 /*サイトカラーに合わせて変更してください*/
 font-size: 3.5vw;
 font-weight: bold;
 padding-bottom: 4%;
}

.staff5_de_pro_qa ul li .qa_a {
 font-size: 3.5vw;
 line-height: 140%;
 padding-bottom: 4%;
}
.staff5_de_pro_qa ul li .qa_q:empty,
.staff5_de_pro_qa ul li .qa_a:empty {
 padding-bottom: 0px;
}

.staff5_de_pro_foot {
 position: relative;
}

.staff5_de_pro_foot::before {
 content: "";
 position: absolute;
 right: 0;
 top: -5%;
 width: 100%;
 height: 100%;
 background: rgba(221, 221, 221, 0.4);
 padding-bottom: 15%;
}

.staff5_de_pro_foot::before {
 background-color: #F0F5FE;
 /*サイトカラーに合わせて変更してください*/
}

.s5_de_pro_foot_box {
 position: relative;
 width: 90%;
 margin: 0 auto;
}

.s5_de_pro_foot_box .s5_tl {
 font-size: 6vw;
 font-weight: bold;
 line-height: 100%;
 margin-bottom: 4%;
}

.s5_de_pro_foot_box .s5_tl span {
 color: #042455;
 /*サイトカラーに合わせて変更してください*/
 display: block;
 font-size: 3.5vw;
 font-weight: bold;
 margin-top: 1%;
}

.s5_de_pro_foot_box .s5_txt {
 font-size: 3.7vw;
 line-height: 150%;
}

.s5_de_pro_foot_box + .s5_de_pro_foot_box {
 margin: 7% auto 0;
 width: 90%;
}

.staff5_detail_voice {
 text-align: center;
 width: 96%;
 margin: 20% auto 10%;
}

.staff5_detail_voice h3 {
 font-size: 4vw;
 text-align: center;
 position: relative;
 display: inline-block;
 padding: 0 40px;
 font-weight: bold;
}

.staff5_detail_voice h3:before,
.staff5_detail_voice h3:after {
 content: '';
 position: absolute;
 top: 50%;
 display: inline-block;
 width: 30px;
 height: 3px;
 background-color: #000;
}

.staff5_detail_voice h3:before {
 left: 0;
}

.staff5_detail_voice h3:after {
 right: 0;
}

.staff5_detail_voice {}

.staff5_detail_voice ul {
 display: flex;
 justify-content: start;
 flex-wrap: wrap;
 margin: 2% 0;
}

.staff5_detail_voice ul li {
 width: 49%;
 border-bottom: 1px solid #6c3524;
 margin-right: 2%;
 margin-bottom: 2%;
}

.staff5_detail_voice ul li:nth-child(2n) {
 margin-right: 0;
}

.staff5_detail_voice ul li a {
 text-decoration: none;
 color: #000;
}

.staff5_detail_voice ul li p {
 max-height: 65px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}

/*-----------------------------------------------
　　スタッフ紹介 パターン6 /staff6/
-----------------------------------------------*/
.staff6_list ul {
 width: 100%;
 margin: 0 auto;
}

.staff6_list li {
 width: 100%;
 text-align: center;
 border: 1px solid #999999;
 margin: 10px auto;
 vertical-align: top;
 box-sizing: border-box;
}

.staff6_list img {
 margin: 30px auto 2px;
 max-width: 96% !important;
 height: 204px !important;
 border: 0;
 vertical-align: bottom;
 object-fit: cover;
}

.staff6_list a:hover p {
 background: #ccc;
}

.staff6_list li:hover {
 border: 1px solid #000000;
}

.staff6_photo {
 position: relative;
 width: 100%;
 min-height: 100px;
 margin: 0;
 padding-bottom: 40px;
}

.staff6_photo p {
 margin: 1px 0 5px;
 padding: 5px 0;
 position: relative;
 color: #333;
 font-weight: bold;
 font-size: 15px;
 line-height: 20px;
}

.staff6_list a {
 display: block;
 text-align: center;
 line-height: 18px;
 font-weight: bold;
 text-decoration: none;
 position: absolute;
 font-size: 11px;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background
 /*\**/
 : #fff\9;
 /*IE7、8用ハック*/
 filter: alpha(opacity=0);
 /*フィルターで透明に*/
 z-index: 10;
}

.staff6_photo span {
 font-size: 13px;
 text-align: left;
 padding: 2%;
 display: block;
}

.staff6_li_txt {
 clear: both;
}

.staff6_li_txt span {
 display: block;
 background: #eee;
 padding: 5px;
 font-size: 12px;
 line-height: 18px;
 font-weight: bold;
}

.staff6_li_txt p {
 display: block;
 text-align: left;
 font-size: 13px;
 padding: 5px;
 margin: 0;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 height: 77px;
 overflow: hidden;
 font-weight: normal;
}

.staff6_li_more {
 position: absolute;
 bottom: 8px;
 left: 2%;
 width: 96%;
}

.staff6_li_more span {
 display: block;
 font-size: 13px;
 padding: 3px 0;
 background: #fff;
 width: 100%;
 font-weight: bold;
 text-align: center;
 color: #F18000;
 border: 2px solid #F18000;
 border-radius: 3px;
 box-sizing: border-box;
}

.staff6_detail h3 {
 display: block;
 padding: 5px 2%;
 font-weight: bold;
 margin: 0 0 10px 0;
}

.staff6_detail ul {
 width: 96%;
 margin: 0 auto;
 display: block;
}

.staff6_detail li {
 float: left;
 width: 50%;
 margin: 5px 0 0 0;
 text-align: center;
}

.staff6_detail li:first-child {
 width: 100%;
 float: none;
 margin: 0 auto;
}

.staff6_detail li:first-child img {
 width: 100% !important;
 margin: 0px !important;
 height: 200px !important;
 border: 0;
 vertical-align: bottom;
 object-fit: cover;
}

.staff6_detail li img {
 max-width: 100% !important;
 /* margin: 3px; */
 height: 120px !important;
 border: 0;
 vertical-align: bottom;
 object-fit: cover;
}

.staff6_detail_prof {
 width: 95%;
 margin: 0 auto;
 font-size: 12px;
 height: auto;
 overflow: hidden;
}

.staff6_detail_prof span {
 display: block;
 border-bottom: 1px dashed #aaaaaa;
 font-weight: bold;
 margin-right: 5px;
 margin-top: 5%;
 font-size: 4vw;
}

.staff6_detail_prof p {
 margin: 5px 0 5px 0;
 font-size: 4vw;
}

.staff6_detail_comment {
 width: 96%;
 font-size: 14px;
 border: 1px solid #999999;
 margin: 10px auto;
 clear: both;
}

.staff6_detail_comment p {
 background: #eeeeee;
 margin: 1.5%;
 padding: 3% 2%;
 line-height: 25px;
 font-size: 4vw;
}

/* 160510 voices連動 */
.staff6_voices {
 padding-top: 10px;
 margin: 20px 0 0 0;
}

.staff6_voices h3 {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 5px;
 margin: 0 0 10px 0;
 text-align: center;
 font-size: 4vw;
 border-bottom: 1px solid #333;
}

.staff6_voices ul {
 overflow: hidden;
}

.staff6_voices li {
 float: left;
 width: 44%;
 border: 3px solid #eee;
 padding: 1%;
 margin: 1%;
}

.staff6_voices li:hover {
 border: 3px solid #ffcc00;
}

.staff6_voices span {
 padding: 1% 2%;
 background: #eee;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 margin: 0 0 2%;
 line-height: 1.5em;
}

.staff6_voices a {
 color: #333;
}

.staff6_voices p {
 margin: 0;
}

.staff6_voices li img {
 min-width: 100%;
 height: 100px !important;
 object-fit: cover;
}

/*-----------------------------------------------
	スタッフ紹介　一覧
-----------------------------------------------*/
.staff7_ma {}

.staff7_ma ul {}

.staff7_ma ul:after {
 display: none;
}

.staff7_ma ul li {
 margin-bottom: 10%;
 border-bottom: 2px solid #eee;
 padding-bottom: 10%;
}

.staff7_box1 {}

.staff7_box1_r {
 font-size: 3.7vw;
 line-height: 1.8em;
 color: #000;
 margin-bottom: 5%;
}

.staff7_box1_l {
 margin-bottom: 7%;
}

.staff7_box_name {
 margin: 3% auto;
}

.staff7_img {
 margin-bottom: 15px;
}

.staff7_img img {
 border-radius: 5px;
 width: 100% !important;
}

.staff7_name {
 font-size: 7vw;
}

.staff7_name span {
 font-size: 3.2vw;
 display: block;
 letter-spacing: 0px
}

.staff7_pro {}

.staff7_pro_tl {
 font-size: 3.7vw;
 border-bottom: 1px dotted #274a77;
 padding: 3% 0 3%;
 font-weight: bold;
}

.staff7_pro_tl span {
 background: linear-gradient(transparent 60%, #E1EEF3 60%);
}

.staff7_pro_box {
 font-size: 4vw;
 margin: 15px 0 20px;
 line-height: 25px;
}

.staff7_box2 {
 clear: both;
 padding-top: 7%;
 font-size: 4vw;
 line-height: 1.8em;
}



/*特集タグを使用しない場合は下記コメントアウトを外してください*/
/*
.reform_search{
	display:none;
}*/
.ga_tag {
 width: 96%;
 margin: 0px auto;
 padding: 10px 0 15px;
}

.ga_tag_tl {
 float: left;
 clear: both;
}

.tag_tl {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 10px;
}

.ga_tag ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: start;
 width: 100%;
 margin: 0;
}

.ga_tag ul li {
 margin: 0 1% 2%;
}

.ga_tag ul li a {
 display: block;
 color: #111;
 font-size: 13px;
 border: 1px solid #111;
 background: #fff;
 padding: 2px 15px;
 text-decoration: none;
}

.ga_tag ul li a:hover {
 background-color: #D8E6FD;
}

.page_tl.sub_tl {
 height: 50px;
 padding-bottom: 30px;
 width: 780px;
 margin: 0 auto;
}

.page_tl.sub_tl p {
 border-bottom: 2px solid #8e7d62;
 padding: 30px 0 15px;
}

.page_tl.sub_tl p:empty {
 border-bottom: none;
 padding: 0;
}

.ga_se_free {
 width: 100%;
 margin: 0 auto;
 background: url(/musasino/img/top/se_free_bg.png)no-repeat center;
}

.ga_se_free_tl {
 font-size: 16px;
 font-weight: bold;
 display: inline-block;
 vertical-align: middle;
 margin-right: 16px;
}

.ga_se_free .cms_keysearch_form {}

.ga_se_free input {
 font-weight: 500;
 font-size: 14px;
 line-height: 1.5rem;
 padding: 5px 10px;
 margin-right: 5px;
 width: 68%;
 background-color: #FFF;
 border: 1px solid #042455;
 box-shadow: none;
}

.ga_se_free button {
 font-weight: 500;
 font-size: 14px;
 line-height: 1.6rem;
 border: 1px solid #042455;
 background: #042455;
 color: #fff;
 padding: 17px 10px;
 cursor: pointer;
 border-radius: 3px;
}

.ga_se_free button:hover {
 border: 1px solid #655b49;
 background: #D8E6FD;
 color: #655b49;
}

.re_tag_tl {
 text-align: center;
 font-size: 17px;
 font-weight: bold;
 margin: 15px 0 10px 0;
 background: #eee;
 padding: 10px 20px;
}

/*----------------------------------------------------------
	 form customize
----------------------------------------------------------*/
.stepBar {
 display: flex;
 max-width: 9-%;
 position: relative;
 margin: 20px auto;
 text-align: center;
 padding: 0;
}

.stepBar li {
 font-size: 14px;
 list-style: none;
 position: relative;
 width: 33.333%;
}

.stepBar li:after {
 background: #D0E1F9;
 content: "";
 width: calc(100% - 24px);
 height: 4px;
 position: absolute;
 left: calc(-50% + 18px);
 top: 15px;
}

.stepBar li:first-child:after {
 display: none;
}

.stepBar li span {
 background: #D0E1F9;
 color: #ffffff;
 display: inline-block;
 height: 35px;
 margin-bottom: 5px;
 line-height: 35px;
 width: 35px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}

.stepBar .visited:after {
 background: #042455;
}

.stepBar .visited span {
 background: #042455;
}

.form_section {
 width: 96%;
 margin: 0 auto 20px;
}

.form_intro p {
 background: #eee;
 padding: 20px;
}

.form_wrap {
 border-radius: 3px;
 box-shadow: 0 0 3px 0 #999;
 padding: 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.form_subttl {
 margin-bottom: 10px;
}

.form_subttl p {
 border-bottom: 5px solid #eee;
 padding: 5px 5px 10px 5px;
 font-weight: bold;
 font-size: 16px;
}

.form {
 width: 100%;
 margin: 0 auto;
 border-top: none;
}

.form > tbody > tr > th,
.form > tbody > tr > td {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
}

.form tr th {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 font-size: 14px;
 padding: 5px;
 padding-bottom: 0;
}

.form th p {}

.form th span.form_required,
.form th span.form_any {
 font-size: 12px;
 font-weight: bold;
 padding: 0 10px;
 line-height: 22px;
 border-radius: 3px;
}

.form th span.form_required {
 border: 1px solid #ff4a32;
 color: #ff4a32;
 background: #FFE8E5;
}

.form th span.form_any {
 border: 1px solid #237dc0;
 color: #237dc0;
 background: #dfebf5;
}

.form td {
 display: block;
 padding: 5px;
}

.form td input[type="text"],
.form td input[type="tel"],
.form td input[type="password"],
.form td input[type="number"],
.form td textarea,
.form td select {
 font-size: 16px;
 line-height: 24px;
 padding: 8px 15px;
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 font-family: 'Arial', YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 3px;
 margin-bottom: 4px;
 margin-right: 2px;
 height: auto;
}

.form td input[type="file"] {
 cursor: pointer;
 height: 35px;
 font-family: 'Arial', YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
}

.form td .jcjs_imgbox {}

.form td .ui-datepicker-trigger {
 vertical-align: middle;
 margin-right: 5px;
 cursor: pointer;
 width: 20px;
 height: auto;
}

.form td select {
 cursor: pointer;
 height: 42px;
 width: 100%;
}

.form td textarea {
 height: 150px;
 display: block;
 width: 100%;
}

.form td label {
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 cursor: pointer;
 border-radius: 3px;
 padding: 8px 15px 8px 8px;
 display: inline-block;
 margin: 0 2px 4px 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 width: 100%;
 font-size: 16px;
 line-height: 24px;
}

.form td label input {
 width: 18px;
 height: 18px;
 margin-right: 5px;
}

.form td label input[type="checkbox"],
.form td label input[type="radio"] {
 vertical-align: text-top;
 margin: 0 10px 0 0;
}

.form td input[type="text"]:hover,
.form td input[type="tel"]:hover,
.form td input[type="password"]:hover,
.form td input[type="number"]:hover,
.form td textarea:hover,
.form td select:hover,
.form td label:hover {
 background: #f9fcf5;
 border: 1px solid #d6eaba;
}

.form_privacy {
 font-size: 13px;
 text-align: center;
}

.form_privacy a {
 color: #006DD9;
}

.form_privacy a:hover {
 text-decoration: underline;
}

.form_submit {
 position: relative;
 width: 100%;
 padding: 20px 0;
}

#jc_btn_submit {
 -webkit-appearance: none;
 border: 2px solid #ccc;
 background: #eee;
 color: #777;
 border-radius: 30px;
 width: 90%;
 height: 60px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0 0 3px 0 #999;
 padding: 0 40px;
 font-weight: bold;
 margin: 0 auto 30px;
 font-size: 18px;
 display: block;
 font-family: "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
}

#jc_btn_submit.jcjs_btn_ok {
 -webkit-appearance: none;
 border: 2px solid #2799fb;
 background: #2799fb;
 color: #fff;
}

#jc_btn_submit.jcjs_btn_ok:hover {
 color: #2799fb;
 background: #fff;
}

/* form_inner
---------------------------------------- */
.form_inner {
 margin-left: 15px;
}

.form_inner,
.form_inner_multi {
 background: #fcfcf5;
 border: 1px solid #f0f0ce;
 padding: 10px;
 margin: 5px 0;
}

.form_inner table,
.form_inner_multi table {
 width: 100%;
 border-top: none;
}

.form_inner_multi input[type="text"]:nth-of-type(3) {
 width: 100%;
}

.form_date .ui-datepicker-trigger {
 display: block;
}

.form_date select {
 width: 27% !important;
}

/* form_error
---------------------------------------- */
.form_error {
 color: #ff4a32;
 font-weight: bold;
 display: block;
 padding: 5px;
}

.form_error_cell {
 background: #FFE8E5;
}

/* item
---------------------------------------- */
.form_item_box {}

.form_item_box li:not(:last-child) {
 margin-bottom: 15px;
}

.form_item_comment {
 font-size: 13px;
 color: #888;
 padding-left: 20px;
 margin-top: 0;
}

.form_w100 input,
.form_w100 textarea,
.form_w100 select,
.form_w100 label {
 width: 100%;
}

.priority100 input[type="text"],
.priority100 input[type="tel"],
.priority100 input[type="password"],
.priority100 input[type="number"],
.priority100 textarea,
.priority100 select,
.priority100 label {
 width: 100% !important;
}

.not100 input[type="text"],
.not100 input[type="tel"],
.not100 input[type="password"],
.not100 input[type="number"],
.not100 textarea,
.not100 select,
.not100 label {
 width: auto !important;
}

.form_w80 input,
.form_w80 textarea,
.form_w80 select,
.form_w80 label {
 width: 80%;
}

.form_w60 input,
.form_w60 textarea,
.form_w60 select,
.form_w60 label {
 width: 60%;
}

.form_w40 input,
.form_w40 textarea,
.form_w40 select,
.form_w40 label {
 width: 40%;
}

.form_w20 input,
.form_w20 textarea,
.form_w20 select,
.form_w20 label {
 width: 20%;
}

span.form_w60.madori select {
 width: 60%;
}

/* fin
---------------------------------------- */
.form_fin_txt {
 border: 5px solid #eee;
 padding: 20px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.form_fin_txt span {
 margin-bottom: 30px;
 line-height: 30px;
 font-size: 22px;
 display: block;
 font-weight: bold;
}

.form_fin_txt p {
 font-size: 14px;
}

.form_fin {
 width: 100%;
}

.form_fin tr {}

.form_fin th,
.form_fin td {
 font-size: 14px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 display: block;
 width: 100%;
}

.form_fin th {
 text-align: left;
 background: #FAFAF9;
 padding: 5px;
}

.form_fin td {
 padding: 5px;
 padding-bottom: 15px;
}

.form_fin td p {
 padding: 10px;
 margin-left: 20px;
 background: #fcfcf5;
 border: 1px solid #f0f0ce;
 margin-top: 5px;
 font-size: 13px;
}

.form_fin_link {
 margin: 0 auto 30px;
}

.form_fin_link a {
 display: block;
 background: #111;
 border: 1px solid #111;
 border-radius: 3px;
 color: #fff;
 font-weight: bold;
 width: 90%;
 height: 50px;
 line-height: 50px;
 text-align: center;
 margin: 0 auto;
}

.form_fin_link a:hover {
 color: #111;
 background: #fff;
}

.form_date td select {
 width: 60%;
}

div.jcjs_imgbox {
 height: 100px !important;
 width: 100% !important;
}

.fo_err {
 background-color: #ffe8e5 !important;
 border: 1px solid #ffb7ad !important;
}

.form_pri {
 text-align: center;
 font-size: 14px;
 line-height: 23px;
}

.form_pri a {
 color: #0000ee;
 text-decoration: underline;
}

.form_pri a:hover {
 color: #000;
 text-decoration: none;
}

/* --確認画面体裁調整20220221-- */
.form_conf {}

.form_conf tr {
 display: block;
 margin-bottom: 10px;
}

.form_conf th {
 font-size: 13px;
 color: #aaa;
}

.form_conf td,
.form_conf td > div {
 padding-top: 0;
 font-size: 15px;
 font-weight: bold;
 height: auto;
 min-height: 20px;
}


/*-----------------------
　　survey
-----------------------------------------*/
table {
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-top: solid 1px #CCC;
}

.form tr th br {
 display: none;
}

.form_survey_privacy {
 font-size: 13px;
 text-align: center;
 padding-bottom: 70px;
}

.form_survey_privacy a {
 text-decoration: underline;
 color: #006DD9;
 display: inline;
 font-size: 13px;
 font-weight: bold;
}

.survey_container {
 width: 98%;
 margin: 5% auto 10%;
}

/* 売却査定フォーム/form_sale2/　レンタルコンテンツ */
.sale_contents {
 width: 96%;
 margin: 0 auto 5%;
 box-sizing: border-box;
}

.sale_contents > p {
 background-color: #042455;
 color: #fff;
 display: inline;
 padding: 2% 4%;
 font-size: 4vw;
 font-weight: bold;
}

.sale_contents ul {
 padding: 0 0.5em;
 border: 2px solid #042455;
 margin-top: 1.5%;
 overflow: hidden;
}

.sale_contents ul li {
 line-height: 1.5;
 padding: 0.5em 0 0.5em 1.5em;
 list-style-type: none !important;
 float: left;
 position: relative;
 margin-right: 7%;
}

.sale_list {
 border-bottom: dashed 1px silver;
 overflow: hidden;
}

.sale_contents ul li:nth-child(2n) {
 margin-right: 0;
}

.sale_contents ul li a {
 font-size: 3vw;
 color: #000;
}

.sale_contents ul li a p {
 margin: 0;
}

.sale_contents ul li:before {
 font-family: FontAwesome;
 content: "\f138";
 /*アイコン種類*/
 position: absolute;
 left: 0.2em;
 /*左端からのアイコンまで*/
 color: #042455;
 /*アイコン色*/
}

.sale_contents ul li:last-of-type {
 border-bottom: none;
}

table.inquirytable.inq_confir th {
 border-bottom: 1px solid #ccc;
}

button#jc_btn_back {
 border: none;
 background: #fff;
 color: #2799fb;
 text-decoration: underline;
 border-radius: 30px;
 width: 50%;
 height: 40px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: none;
 font-weight: bold;
 cursor: pointer;
 margin: 20px auto;
 font-size: 13px;
 display: block;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

button#jc_btn_back:hover {}


/*　よくある質問　Q&A　*/
.qa_li_wrap {
 border-radius: 5px;
 width: 97%;
 margin: 0 auto;
}

.qa_li_wrap h3 {
 font-size: 5vw;
 text-align: center;
 font-weight: bold;
 margin-bottom: 20px;
 border-bottom: 2px solid #e6e4e1;
 padding-bottom: 2%;

}

.qa_li_wrap > ul {
 margin: 3% 0;
}

.qa_li_wrap > ul > li {
 background: #fff;
 border-radius: 5px;
 margin-bottom: 30px;
}

.qa_li_wrap ul li:last-child {
 margin-bottom: 0px !important;
}

.qa_li_wrap > ul > li a {
 padding: 20px;
 display: block;
 color: #333;
 text-decoration: none;
 line-height: normal !important;
 box-shadow: 0 0 5px #b0b0b0;
 border-radius: 5px;
}


.qa_li_q,
.qa_li_a {
 display: flex;
}

.qa_li_q {
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: 1px dashed #ccc;
 align-items: center;
}

.qa_li_a {
 align-items: flex-start;
}

.qa_li_q span,
.qa_li_a span {
 font-size: 20px;
 font-weight: bold;
}

.qa_li_q span {
 color: #3976e5;
}

.qa_li_a span {
 color: #ff5239;
}

.qa_li_q p,
.qa_li_a p {
 font-size: 16px;
 margin: 0 0 0 10px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}

.qa_li_q p {
 color: #3976e5;
 font-weight: bold;
}

.qa_li_more {
 font-weight: bold;
 font-size: 14px;
 color: #555;
 margin-top: 20px;
 text-align: center;
 background: #eee;
 border: 1px solid #ddd;
 box-sizing: border-box;
 padding: 7px 0;
 border-radius: 3px;
}

.qa_li_link {
 margin-bottom: 5%;
}

.qa_li_link ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 width: 100%;
}

.qa_li_link:after {
 content: none;
}

.qa_li_link ul li {
 margin: 3px;
}

.qa_li_link li a {
 display: block;
 border: 1px solid #042455;
 color: #042455;
 background: #fff;
 font-weight: 500;
 padding: 5px 10px;
 border-radius: 3px;
 line-height: 20px;
 font-size: 15px;
 text-decoration: none;
}

.qa_sho_box {
 padding: 20px 3%;
 border: 1px solid #ccc;
 margin: 30px auto;
 border-radius: 5px;
 width: 92%;
 box-shadow: 0px 5px 8px -6px #ccc;
}

.qa_sho_q {
 display: flex;
 align-items: flex-start;
 font-size: 20px;
 line-height: normal;
 padding: 0 0 20px;
 margin: 0 0 20px;
 border-bottom: 1px dashed #ccc;
 color: #3976e5;
}

.qa_sho_q p {
 font-weight: bold;
}

.qa_sho_q p,
.qa_sho_a p {
 margin: 0;
}

.qa_sho_q span,
.qa_sho_a span {
 font-size: 20px;
 margin: 0 10px 0 0;
 font-weight: bold;
}

.qa_sho_q span {
 color: #3976e5;
}

.qa_sho_a span {
 color: #ff5239;
}

.qa_sho_a {
 display: flex;
 align-items: flex-start;
 line-height: normal;
}

.qa_sho_link {
 margin-top: 20px;
}

.qa_sho_link a {
 display: block;
 background: #eee;
 border-radius: 5px;
 padding: 20px 2%;
 text-decoration: none !important;
 color: #004CD3 !important;
 line-height: 18px;
}

/*-----------------------------------------------
　　リフォーム事例2 
-----------------------------------------------*/
/*リフォーム事例2 特集タグ*/
.reform2_search {}

.reform2_tag {}

.reform2_tag p {
 font-size: 4vw;
 border-bottom: 1px solid #666;
 padding: 3% 1% 2%;
 margin-bottom: 10px;
}

.reform2_tag ul {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin-bottom: 5%;
}

.reform2_tag ul li {
 margin: 3px;
}

.reform2_tag ul li a {
 display: block;
 text-decoration: none;
 padding: 5px 8px;
 font-size: 3vw;
 color: #666;
 border: 1px solid #666;
}

.reform2_tag ul li a:hover {
 background-color: #f2f2f2;
}

.reform2_tag_tl {
 text-align: center;
 margin-bottom: 7%;
 font-size: 5vw;
}

/*リフォーム事例2一覧*/
.reform2_list {
 margin-bottom: 5%;
}

.reform2_list ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 width: 97%;
 margin: 0 auto;
}

.reform2_list ul:after {
 display: none;
}

.reform2_list ul li {
 width: 48%;
 margin-bottom: 7%;
 display: flex;
 align-items: inherit;
}

.reform2_list ul li a {
 color: #000;
 text-decoration: none;
 display: block;
 padding-bottom: 3%;
 border-bottom: 1px solid #666;
}

.reform2_list ul li img {}

.reform2_list ul li h3 {
 font-size: 3.2vw;
 font-weight: normal;
 line-height: 1.5em;
 margin: 4% 3% 1%;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}

.reform2_li_tag {}

.reform2_li_tag p {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin: 0px 3% 4%;
}

.reform2_li_tag p label {
 display: block;
 text-decoration: none;
 margin: 2px;
 padding: 3px 8px;
 font-size: 2.8vw;
 color: #666;
 border: 1px solid #666;
 cursor: pointer;
}

/*リフォーム事例2詳細*/
.reform2_ma {
 margin-bottom: 50px;
}

.reform2_ma_tag {}

.reform2_ma_tag p {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin: 0px 5px 5px;
}

.reform2_ma_tag p label {
 display: block;
 text-decoration: none;
 margin: 3px;
 padding: 1px 8px;
 line-height: 20px;
 font-size: 2.5vw;
 color: #666;
 border: 1px solid #666;
}

.reform2_ma_tl {
 font-size: 5vw;
 line-height: 1.7em;
 font-weight: normal;
 border-bottom: 1px solid #000;
 padding-bottom: 3%;
 margin: 5% 0;
}

.reform2_ma .flickSlider {
 margin-bottom: 3%;
}

.reform2_ma .flickSlider .flickView {
 height: 250px !important;
}

.reform2_ma .flickSlider .flickView ul {
 height: 450px !important;
}

.reform2_ma .flickSlider .flickView ul li {
 height: 100% !important;
}

.reform2_ma .flickSlider .flickView ul li img {
 width: auto !important;
 height: 260px !important;
}

.re2_staff_com {
 font-size: 4vw;
 line-height: 1.7em;
 margin-bottom: 7%;
}

.re2_gaiyo_box {
 margin-bottom: 7%;
}

.re2_gaiyo_box ul {}

.re2_gaiyo_box ul li {
 font-size: 3.5vw;
 padding: 4% 0 4% 2%;
 border-top: 1px solid #666;
 display: flex;
}

.re2_gaiyo_box ul li:last-child {
 border-bottom: 1px solid #666;
}

.re2_gaiyo_box ul li dt {
 font-weight: bold;
 position: relative;
 width: 110px;
 display: flex;
 align-items: center;
}

.re2_gaiyo_box ul li dd {
 padding-left: 20px;
 margin: 0;
 border-left: 1px solid #666;
 width: 100%;
 display: flex;
 align-items: center;
}

.re2_conts_tl {
 font-size: 5vw;
 letter-spacing: 1px;
 font-weight: bold;
 padding: 3% 0 3% 0px;
 position: relative;
 margin-bottom: 10%;
}

.re2_conts_tl:before {
 position: absolute;
 bottom: -10px;
 left: 0;
 width: 30px;
 height: 3px;
 content: '';
 background: #000;
}

.re2_gaiyo_box_r ul li:first-child {
 border-top: none;
}

.re2_befaft {}

.re2_befaft ul {
 overflow: hidden;
 position: relative;
 text-align: center;
 margin-bottom: 5%;
 font-size: 3.5vw;
}

.re2_befaft ul:last-child {
 border-bottom: none;
}

.re2_befaft ul li {
 position: relative;
}

.re2_befaft ul li:first-child p {
 padding-bottom: 5%;
}

.re2_befaft ul li:last-child p {
 padding-bottom: 5%;
 border-bottom: 2px solid #eee;
}

.re2_be_img:empty,
.re2_af_img:empty {
 display: none;
}

.re2_befaft ul li p:empty {
 display: none;
}

.re2_be_img:before {
 content: "before";
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 background-color: #042455;
 color: #fff;
 padding: 8px 10px;
 font-weight: bold;
}

.re2_af_img:before {
 content: "after";
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 background-color: #c71313;
 color: #fff;
 padding: 8px 10px;
 font-weight: bold;
}

.re2_befaft ul li:last-child {}

.re2_befaft ul li img {
 width: 100% !important;
 height: 270px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}

.re2_befaft ul li p {
 margin: 2% 0 0 0;
 font-size: 3.5vw;
 line-height: 1.7em;
 text-align: left;
}

.re2_befaft_tl {
 text-align: left;
}

.re2_sonota_img {}

.re2_sonota_img ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.re2_sonota_img ul li {
 width: 48%;
 margin-bottom: 5%;
}

.re2_sonota_img ul li p {
 font-size: 3.5vw;
 line-height: 1.7em;
 margin-top: 2%;
}

.re2_sonota_img ul li img {
 width: 100% !important;
 height: 150px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}

/*------------------
　売却系特集タグのCSS
--------------------*/
.sale_de_tag {
	margin: 0px auto;
	padding: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sale_de_tag ul {
	display:flex;
	flex-wrap: wrap;
}
.sale_de_tag ul li {
    margin: 0;
    border: none;
}
.sale_de_tag a {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #ddd;
    color: #666;
    background: #fff;
    font-size: 11px;
    margin: 3px 5px 3px 0;
    border-radius: 4px;
    text-decoration:none;
}

/*-----------------------------------------------
	spot
-----------------------------------------------*/
.spot_map {
	
}
.town3.city_info_shosai {
	border: none!important;
}
.spot_waku_ul{
	margin: 30px 0px;
}
.spot_waku_li {
	border: 4px double #ccc;
    	overflow: hidden;
	margin: 10px 0px;
}
.spot_waku_li a {
	display: flex;
    	justify-content: space-evenly;
	text-decoration: none!important;
}
.spot_icon {
	width: 50px;
    	padding: 20px 10px 10px 10px;
}
.spot_detail {
	width: 250px;
	padding: 10px 10px 10px 0px;
    	overflow: hidden;
}
.spot_detail ul il {
	border: none!important;
}
.town_shop_tl {
	font-size: 15px;
    	color: #000;
    	font-weight: bold;
	margin-bottom: 5px;
}
.spot_tel {
	color: #000;
	font-size: 13px;
	margin-bottom: 5px;
}
.spot_adress {
	color: #000;
	font-size: 13px;
}
.city_info_shosai .cate_kokyo a {
    border-top: solid 2px #9FBEA7 !important;
    background: url(/img_cms/spot_tab.png) no-repeat 8% 50%;
}
.city_info_shosai .cate_town_waku {
	margin-top: 30px;
}
.group_spot_map {
	height: 300px!important;
    	width: 100%!important;
}	
.city_info_shosai .town9 iframe {
	height: 400px;
	width:100%!important;
}
.spot_sp_map {
    	overflow: hidden;
}
.spot_sp_map div[id^="map_canvas"] {
    height: 300px!important;
    width:100%!important;
}
.city_info_shosai .town9 p {
	font-size: 13px!important;
}
.city_info_shosai .town7 th,
.city_info_shosai .town7 td {
	padding:10px;
	border-right: 0px solid #CCC;
}
.city_info_shosai .town7 table {
	border-left: solid 0px #ccc;
}
.cate_town_waku.city_info_shosai  {
	padding:15px;
}
.city_info_shosai h3.cate_town_tl {
	padding:0 0 15px;
	font-size:15px;
	font-weight: bold;
}
.city_info_shosai .cate_town_wrap ul {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: center;
}
.city_info_shosai .cate_town_wrap ul li {
    display: inline-block;
}
.city_info_shosai .cate_town_wrap ul li a {
    display: inline-block;
    padding: 0 20px 0 0;
}

/*-----------------------------------------------
	hazard_map
-----------------------------------------------*/
.hazard_title {
    background-color: #eee;
    color: #000;
    font-size: 20px;
    padding: 20px 10px;
	font-weight: bold;
}
.hazard_summary {
    font-size: 16px;
    font-weight: bold;
    margin: 20px 0px;
}
.hazard_anchorlink {
    margin: 20px 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 2%;
}
.hazard_button {
	width: 49%;
}
.hazard_button a {
    display: block;
    background-color: #fff;
    border: 1px solid #000;
    width: 100%;
    padding: 15px 10px;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    color: #000;
    line-height: 21px;
    position: relative;
    transition: 0.2s;
    box-sizing: border-box;
    font-size: 15px;
    text-decoration: none;
}
.hazard_button a::after {
	position: absolute;
    content: "";
    top: 45%;
    right: 15px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 5px solid transparent;
    border-left: 6px solid #000;
    transform: rotate(90deg);
}
.hazard_button a:hover {
   background-color: #000;
   color: #fff;
}
.hazard_button a:hover:after {
	border-left: 6px solid #fff;
}
.hazard_title_s {
    color: #000;
    font-size: 18px;
	font-weight: bold;
    padding: 15px 10px;
    margin: 50px 0 20px;
	border-bottom: 3px solid #eee;
}
.hazard_txt_s {
    border: solid 3px #eee;
    margin-bottom: 10px;
}
.hazard_txt_s span {
    display: block;
    background-color: #eee;
    font-size: 15px;
    padding: 7px 20px;
    font-weight: bold;
}
.hazard_txt_s p {
	margin: 0;
    font-size: 14px;
    padding: 10px 20px;
    line-height: 1.8;
}
.hazard_button_itiran a{
    display: block;
    width: 300px;
    height: 40px;
    border: solid 2px #999999;
    text-align: center;
    line-height: 43px;
    color: #000;
    background-color: #fff;
    font-size: 17px;
    font-weight: normal;
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}

.hazard_button_itiran a:hover {
    color: #000;
    background-color: #fff;
    border: solid 2px #FF7F00;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.hazard_button_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px 0px;

}
.hazard_button_ul li {
    margin-bottom: 20px;
    margin-right: 19px;
}
.explanation {
    font-size: 16px;
    margin: 20px 0px;
    line-height: 25px;
}