@charset "UTF-8";

#content {padding:35px 0 0;}
#content select::-ms-expand{display:none;}/* IE11 select 調整　*/
#content #main{width:860px;float:left;text-align:left;}
#content #list_side{width:200px;float:right;text-align:left;}

#main .main_title{font-size: 24px;line-height: 1;font-weight: 700;text-align: left;color: #004D9E;border-bottom: solid 5px #004D9E;padding: 0 250px 25px 0; position: relative; margin-bottom: 30px;}
#main .main_title::after{content: "";width: 140px;height: 76px;background-image: url("/images/shop/character_01@2x.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;position: absolute;bottom: -2px;right: 0;}
#main .main_title > .tag{position: absolute; top: -15px; right: 150px;}
#main .main_title > .tag > span{display:block;width: 90px;font-size:14px;text-align: center;padding: 6px 0 3px; font-weight: 700; margin-bottom: 2px;color: #fff;}
#main .main_title > .tag > span.tag01{background-color:#ffc431;}
#main .main_title > .tag > span.tag02{background-color:#5fb4be;}
#main .main_title > .tag > span.type1{background:#FF87A0;}/* 新築（購入）／戸建（売却） */
#main .main_title > .tag > span.type2{background:#2693FF;}/* 中古戸建（購入のみ） */
#main .main_title > .tag > span.type3{background:#1D7500;}/* 土地 */
#main .main_title > .tag > span.type4{background:#FF8000;}/* マンション */
#main .main_title > .tag > span.type99{background:#7F655F;}/* その他 */



.main_com{ background-image: url(/images/shop/voice/watercolor_line.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: relative; margin-bottom: 10px; padding:10px 20px;}
.main_com span{ color: #004da0; font-size: 26px; line-height: 1; font-weight: 700; text-align:center; display: block;}
.main_txt{ font-size: 15px; line-height: 22px; font-weight: 700; margin-bottom: 20px;}

.main_photo{ margin-bottom: 40px;}
.main_photo .box{ width:570px; vertical-align:top; letter-spacing:normal; margin:0 auto; }
.main_photo .box .img{ max-width:570px;max-height:430px; margin:0 0 20px; background-color:#efefef; border-radius:90px 15px 60px 15px / 25px 200px 30px 185px; box-shadow:8px 8px 0px 0px rgb(223, 232, 243); overflow:hidden; position:relative; z-index:1;}
.main_photo .box .img a{ display:block; width:100%; height:100%;}
.main_photo .box .img a img{display:block; width:auto;max-width:100%;height:auto;max-height:430px;margin:auto; box-sizing:border-box; image-rendering:-webkit-optimize-contrast;-moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.main_photo .box .img a:hover img{ opacity: 0.6;}
.main_photo .box p{ display:block; color: #828282; font-size:14px; line-height:20px; word-wrap:break-word; overflow-wrap:break-word; height:3em; overflow:hidden;}

#main .sub_title{ margin-bottom: 20px;}
#main .sub_title h3{ background: url(/images/shop/line_02@2x.png)no-repeat bottom center / contain; padding: 0 0 25px; position: relative;}
#main .sub_title h3 span{ font-size: 20px; font-weight: 700; color: #004d9e; border-left: 5px solid #004d9e; padding: 0 0 0 10px;}
#main .sub_title h3::after{content: "";width: 110px;height: 60px;background-image: url("/images/shop/character_01@2x.png");-webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;position: absolute;bottom: 8px;right: 0;}
#main .sub_title h3 span{font-size:20px;font-weight:700;color:#004d9e;border-left:5px solid #004d9e;padding:0 0 0 10px;}


.photo_list{letter-spacing:-0.4em;padding:0; background-image: url(/images/shop/staff/hr_01@2x.png),url(/images/shop/staff/hr_01@2x.png); background-repeat: no-repeat,no-repeat; background-position: top center,bottom center; background-size: contain , contain; margin-bottom: 50px;}
.photo_list .box{display:inline-block;width:395px;vertical-align:top;letter-spacing:normal;margin:30px 70px 30px 0;}
.photo_list .box:nth-of-type(2n){margin-right:0;}
.photo_list .box .img{max-width:395px;max-height:300px;margin:0 0 20px;background-color:#efefef;border-radius:90px 15px 60px 15px / 25px 200px 30px 185px;box-shadow:8px 8px 0px 0px rgb(223, 232, 243);overflow:hidden;position:relative;z-index:1;}
.photo_list .box .img a{display:block;width:100%;height:100%;}
.photo_list .box .img a img{display:block;width:auto;max-width:100%;height:auto;max-height:300px;margin:auto;box-sizing:border-box;image-rendering:-webkit-optimize-contrast;;
-moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.photo_list .box .img a:hover img{ opacity: 0.6;}
.photo_list .box p{display: block;color: #828282; font-size:15px;line-height:21px;word-wrap: break-word;overflow-wrap: break-word;height: 2.7em;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.photo_list .box p:empty{display: none !important;}
/*IE用三点リーダー*/
@media all and (-ms-high-contrast: none) {
.photo_list .box p{position:relative;line-height:1.5em;height:auto;max-height:3em;}
.photo_list .box p::before,
.photo_list .box p::after {
  content: '...';
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 8px;
  -ms-wrap-flow: start;
}
.photo_list .box p::after {
  background: currentColor;
  color: #FFF;
  bottom: auto;
}
}
@media screen and (max-height:620px){
.mfp-container .mfp-figure img.mfp-img{max-height:430px!important;}
}
.impressions{}
.impressions > dl{ margin-bottom: 40px;}
.impressions > dl > dt{ background-color: #dfe8f3; color: #004d9e; font-size: 16px; line-height: 1.2em; font-weight: 700; padding: 15px; box-sizing: border-box; border-radius: 5px; margin-bottom: 20px; padding-left:2.5em; text-indent:-1.5em;}
.impressions > dl > dt span::before{ content: "Q. ";}
.impressions > dl > dd{ font-size: 15px; line-height: 21px;}
.impressions > dl > dd dl{}
.impressions > dl > dd dl dt{display:inline-block;font-weight: 700; margin-bottom: 7px;}
.impressions > dl > dd dl dd{display:inline-block;padding:0 0 0 1em;}
.impressions > dl > dd ul{list-style:disc;padding:0 0 0 20px;}
.impressions > dl > dd ul li .q_in{line-height:20px;letter-spacing:-0.4em;margin:5px 0 8px -11px;padding:0 10px;border-left:3px solid #dfe8f3;}
.impressions > dl > dd ul li .q_in span{display:block;letter-spacing:normal;}

.staff_com{ margin-bottom: 40px;}
.staff_com .photo_box{ width: 200px; text-align: center; float: left;position:relative;z-index:2;}
.staff_com .photo_box .photo{ width: 120px; height: 120px; overflow: hidden; border-radius: 50%; margin: 0 auto 10px; position: relative;border: 1px solid #BBBBBB;}
.staff_com .photo_box .photo img{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: 100%;}
.staff_com .photo_box p.shop{ font-size:14px;line-height:1.4;margin-bottom: 10px;}
.staff_com .photo_box p.name{}
.staff_com .photo_box p.name a{ font-size: 1.9em;line-height:1.4; color: #004da0; font-weight: 700; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.staff_com .photo_box p.name a:hover{ opacity:0.5;}
.staff_com p.comment{ float: right; width: 100%; margin-left: -220px; padding-left: 220px; box-sizing: border-box; font-size: 15px; line-height: 21px;}

.shop_com{ font-size: 15px; line-height: 21px;}

.back_btn{ text-align: center; margin: 30px 0 0;}
.back_btn a{ display: inline-block; font-size: 19px; font-weight: 700; text-decoration: none; color: #FFF; background-color: #004d9e; box-shadow: 2px 2px 3px rgb(30 0 0 / 50%); margin: auto; padding: 20px 40px; border-radius: 5px; box-sizing: border-box; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.back_btn a:hover{opacity:0.5;}

.main_photo .box p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*IE用三点リーダー*/
@media all and (-ms-high-contrast: none) {
.main_photo .box p{position:relative;line-height:1.5em;height:auto;max-height:3em;}
.main_photo .box p::before,
.main_photo .box p::after {
  content: '...';
  line-height: 1;
  position: absolute;
  right: 0;
  bottom: 8px;
  -ms-wrap-flow: start;
}
.main_photo .box p::after {
  background: currentColor;
  color: #FFF;
  bottom: auto;
}
}