@charset "utf-8";
#pankuzu{ padding:10px 15px; font-size:13px;}
#pankuzu ul{ display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#pankuzu ul > li{ display:inline-block;}
#pankuzu ul > li:not(:first-child):before{ content:">"; margin:0 10px;}
#pankuzu a{ text-decoration:underline;}
body.pc #pankuzu a:hover{ text-decoration:none;}
#page_title{ position:relative; overflow:hidden;}
#page_title .abs_middle{ left:0; width:100%;}
#page_title .title{ font-weight:bold;}
#page_title .title:not(.c_white){ text-shadow:1px 1px 5px rgba(255,255,255,1);}
#page_title .title.c_white{ text-shadow:1px 1px 5px rgba(0,0,0,1);}
@media (max-width: 575px){
	#page_title, #page_title .img_back{ height:130px;}
	#page_title .title .main{ font-size:1.75em;}
}
@media (min-width: 576px) and (max-width: 767px){ #page_title.large, #page_title.large .img_back{ height:160px;} }
@media (min-width: 576px) and (max-width:1399px){ #page_title .title .main{ font-size:1.75em;} }
@media (min-width: 768px){ #page_title, #page_title .img_back{ height:220px;} }
@media (min-width:1400px){ #page_title .title .main{ font-size:2.25em; letter-spacing:5px;} }
.list_pager ul li a{ border:1px solid #ffcbd3; background:#fff; text-decoration:none;}
.list_pager ul li:not(.all) > *{ width:37px;}
.list_pager ul li strong{ border:1px solid var(--c-pink); background:var(--c-pink); color:#fff;}
.list_pager ul li.all a{ border:1px solid #ffcbd3; background:#fef3f4;}
.pagelink_unit a{ display:block; text-decoration:none; padding:15px;}
.pagelink_unit .pagelink_title{ display:block; background:url(../image/icon/arrow1-rg.png) no-repeat right center / auto 1em;}
body.pc .pagelink_unit a:hover{ color:var(--c-green);}
@media (max-width: 575px){ .pagelink_unit{ margin-bottom:10px;} }
/* hl */
.hl_1{ font-weight:bold; margin-bottom:40px;}
.hl_1:not(.pos_al){ text-align:center;}
.hl_1:after{ content:""; display:block; width:60px; height:4px; background:var(--c-green);}
@media (max-width: 575px){
	.hl_1 .main{ font-size:1.7em;}
	.hl_1:not(.pos_al):after{ margin:10px auto 0;}
	.hl_1.pos_al:after{ margin:10px auto 0 0;}
}
@media (min-width: 576px){
	.hl_1 .main{ font-size:2em; letter-spacing:3px;}
	.hl_1:not(.pos_al):after{ margin:20px auto 0;}
	.hl_1.pos_al:after{ margin:20px auto 0 0;}
}
.hl_2{ font-weight:bold; margin-bottom:30px;}
.hl_2._pink{ border-bottom:3px solid var(--c-pink);}
.hl_3{ margin-bottom:10px; font-size:1.2em; padding:5px 10px; border-radius:8px;}
@media (max-width: 575px){
	.hl_2{ padding:0 0 7px;}
	.hl_2 > *{ display:block;}
	.hl_2 .main{ font-size:1.45em;}
}
@media (min-width: 576px){
	.hl_2{ padding:0 0 10px;}
	.hl_2 > *{ display:inline-block;}
	.hl_2 .main{ font-size:1.75em; letter-spacing:2px;}
}
/* table */
.tbl_1{ width:100%;}
.tbl_1 tr > *{ border-bottom:1px solid #ccc; vertical-align:middle;}
.tbl_1 th{ font-weight:bold; background:#fbf8f4;}
@media (max-width: 575px){
	.tbl_1 th{ padding:10px; width:80px;}
	.tbl_1 td{ padding:10px;}
}
@media (min-width: 576px){
	.tbl_1 th{ padding:20px 10px 20px 15px; width:160px;}
	.tbl_1 td{ padding:20px;}
}
/* homes pref list */
.homes_pref_list .title{ font-weight:bold;}
.homes_pref_list .button{ margin-bottom:10px; border:1px solid var(--c-green); background:#fff; color:var(--c-green); width:100%; border-radius:5px; font-size:0.9em; padding:9px 0;}
.homes_pref_list .button.active, body.pc .homes_pref_list .button:hover{ background:var(--c-green); color:#fff;}
@media (max-width: 575px){
	.homes_pref_list{ padding:15px 10px 5px;}
	.homes_pref_list .title{ font-size:1.15em; margin-bottom:5px;}
}
@media (min-width: 576px){
	.homes_pref_list > .row{ display:flex; align-items:center;}
	.homes_pref_list > .row:before, .homes_pref_list > .row:after{ display:none;}
	.homes_pref_list > .row > *{ float:none; display:inline-block;}
}
@media (min-width: 576px) and (max-width: 767px){
	.homes_pref_list{ padding:20px 15px 10px;}
	.homes_pref_list .title{ font-size:1.2em;}
}
@media (min-width: 768px){
	.homes_pref_list{ padding:30px 25px 20px;}
	.homes_pref_list .title{ font-size:1.25em;}
}
@media (min-width: 992px){ .homes_pref_list ul .col-md-1{ width:10%;} }
@media (min-width: 992px) and (max-width:1099px){ .homes_pref_list .title{ font-size:1.15em;} }
/* homes list */
.homes_list_unit{ margin-bottom:30px; border:1px solid #ddd;}
.homes_list_unit .meta{ font-size:0.9em;}
.homes_list_unit .tag{ padding:3px 10px;}
.homes_list_unit .img_rect{ padding-top:44%;}
.homes_list_unit .title{ font-weight:bold; line-height:120%; display:flex; align-items:center;}
.homes_list_unit .title > *{ display:inline-block;}
.homes_list_unit table{ width:100%; margin-bottom:15px;}
.homes_list_unit table tr > *{ border:1px solid #fff; vertical-align:middle;}
.homes_list_unit table tr > th{ background:var(--c-green-o); font-weight:bold; text-align:center; font-size:0.9em;}
.homes_list_unit table tr > td{ background:var(--c-cream);}
.homes_list_unit .button_wrap{ text-align:center;}
@media (max-width: 575px){ .homes_list_unit{ padding:15px 13px;} }
@media (min-width: 576px) and (max-width: 767px){ .homes_list_unit{ padding:20px 15px;} }
@media (max-width: 767px){
	.homes_list_unit .meta{ margin-bottom:5px;}
	.homes_list_unit .photo{ margin-bottom:10px;}
	.homes_list_unit .title{ font-size:1.25em; margin-bottom:10px;}
	.homes_list_unit table tr > th{ padding:8px 0; width:75px;}
	.homes_list_unit table tr > td{ padding:8px;}
}
@media (min-width: 768px){
	.homes_list_unit{ padding:20px;}
	.homes_list_unit .meta{ margin-bottom:10px;}
	.homes_list_unit .tag{ font-size:0.9em;}
	.homes_list_unit .photo{ margin-bottom:15px;}
	.homes_list_unit .title{ font-size:1.5em; margin-bottom:15px;}
	.homes_list_unit table tr > th{ padding:10px 0; width:90px;}
	.homes_list_unit table tr > td{ padding:10px 15px;}
}
@media (min-width: 992px) and (max-width:1199px){
	.homes_list_unit{ padding:20px 15px;}
	.homes_list_unit .title{ font-size:1.25em;}
}
/* about */
.back1-o{ background:#f4f2ee url(../image/layout/back1-o.jpg) no-repeat center top / cover;}
#about1 .title{ margin-bottom:20px;}
#about1 .unit{ border-radius:10px;}
#about1 .unit h3{ display:flex; align-items:center; font-size:1.25em; font-weight:bold; line-height:130%; margin-bottom:10px; padding-left:60px; min-height:48px; background-repeat:no-repeat; background-position:left center; background-size:50px auto;}
#about1 .unit h3._type1{ background-image:url(/about/image/icon1.png);}
#about1 .unit h3._type2{ background-image:url(/about/image/icon2.png);}
#about1 .unit h3._type3{ background-image:url(/about/image/icon3.png);}
@media (max-width: 575px){
	#about1 .unit{ padding:20px;}
	#about1 .title{ font-size:1.5em;}
}
@media (min-width: 576px){
	#about1 .unit{ padding:30px;}
	#about1 .title{ font-size:1.75em;}
}
@media (min-width: 768px) and (max-width: 991px){
	#about1 .unit{ padding:20px;}
	#about1 .unit h3{ font-size:1.15em; padding-left:40px; background-size:35px auto;}
	#about1 .unit h3 br{ display:none;}
}
#about_iryo .unit{ border-radius:10px; padding:30px; margin-bottom:20px;}
#about_iryo .unit h3{ text-align:center; font-size:1.5em; font-weight:bold; line-height:130%; margin-bottom:10px;}
#about_iryo dl strong{ font-size:1.15em;}
.about_tag_list1 li{ display:inline-block;}
.about_tag_list1 span{ display:inline-block; background:#fff5ee; line-height:100%; border-radius:30px;}
@media (max-width: 767px){
	#about_iryo .unit{ padding:20px;}
	.about_tag_list1 li{ margin:0 3px 8px 0;}
	.about_tag_list1 span{ padding:7px 10px; font-size:0.9em;}
}
@media (min-width: 768px){
	#about_iryo .unit{ padding:30px;}
	.about_tag_list1 li{ margin:0 5px 10px 0;}
	.about_tag_list1 span{ padding:10px 30px;}
}
#about_life .title{ margin-bottom:20px;}
#about_life .unit{ border-radius:10px; margin-bottom:30px; overflow:hidden;}
#about_life .unit h4{ display:flex; align-items:center; justify-content: center; margin-bottom:10px;}
#about_life .unit h4 > span{ display:block; text-align:center; font-weight:bold; line-height:130%;}
#about_life .unit .text{ padding:10px 20px 20px;}
#about_life .unit .text p{ line-height:150%;}
@media (max-width: 575px){
	#about_life .title{ font-size:1.5em;}
	#about_life .unit h4{ padding:5px 0;}
	#about_life .unit h4 > span{ font-size:1.25em;}
}
@media (min-width: 576px){
	#about_life .title{ font-size:1.75em;}
	#about_life .unit h4{ min-height:40px;}
	#about_life .unit h4 > span{ font-size:1.15em;}
}
#about_kazoku li{ text-align:center;}
#about_kazoku li .image{ display:block; background:#fff; border-radius:50%; margin:0 10px 10px; box-shadow:2px 2px 5px rgba(0,0,0,0.1);}
#about_kazoku li .text{ display:block; line-height:140%;}
@media (max-width: 767px){ #about_kazoku li .text{ font-size:0.8em; margin-left:-5px; margin-right:-5px;} }
#about_renkei h4{ font-size:1.15em; margin-bottom:5px;}
/* faq */
#faq details{ border:1px solid var(--c-green); border-radius:10px; overflow:hidden;}
#faq details + details{ margin-top:40px;}
#faq details summary{ display:block; background:var(--c-green); color:#fff; font-weight:bold; padding:15px; line-height:130%;}
#faq details summary:-webkit-details-marker{ display:none;}
#faq details summary .title{ position:relative; padding:0 0 0 20px; font-weight:bold;}
#faq details summary .title:before{ content:"Q."; position:absolute; top:0; left:0;}
#faq details .faq_contents{ position:relative; padding:15px 15px 15px 35px;}
#faq details .faq_contents:before{ content:"A."; position:absolute; top:15px; left:15px;}
/* news */
#news_cat .title{ font-weight:bold;}
#news_cat .button{ margin:5px 0; border:1px solid var(--c-green); background:#fff; color:var(--c-green); width:100%; border-radius:5px; font-size:0.9em; padding:9px 8px;}
#news_cat .button.active, body.pc #news_cat .button:hover{ background:var(--c-green); color:#fff;}
.info_unit{ margin-bottom:30px;}
.info_unit a{ color:#1c1c1e;}
.info_unit .tag{ padding:3px 10px; font-size:13px; border-radius:4px; background:var(--c-green);}
.info_unit .tag._c1 { background:var(--c-pink);}
.info_unit.bg_white a { padding-right:10px; }
body.pc .info_unit a:hover .title{ color:var(--c-green); text-decoration:underline;}
#news_title{ margin-bottom:20px;}
#news_title .title{ font-weight:bold; border-bottom:3px solid var(--c-green);}
#news_title .date{ display:inline-block;}
#news_title .tag{ padding:3px 10px; font-size:13px; border-radius:4px;}
body.pc #news_detail .entry a:hover{ text-decoration:none;}
@media (max-width: 575px){ #news_title .title{ font-size:1.2em;} }
@media (min-width: 576px){ #news_title .title{ font-size:1.5em; padding-bottom:10px;} }
/* form */
.contact_wrap{ padding:30px 15px; text-align:center;}
.contact_wrap .title{ font-weight:bold; font-size:1.35em;}
.contact_wrap .tel_wrap{ color:#116f64; font-weight:bold;}
.contact_wrap .tel_wrap .sub{ font-size:1.5em;}
.contact_wrap .tel{ font-size:2.5em;}
.contact_wrap .tel a{ color:#116f64;}
.contact_wrap .time p + p{ margin-top:15px; font-size:0.95em;}
@media (max-width: 374px){ .contact_wrap .tel_wrap .sub{ font-size:1.25em;} }
@media (max-width: 575px){ .contact_wrap{ margin-left:-20px; margin-right:-20px;} }
@media (min-width: 576px){ .contact_wrap{ border-radius:15px;} }
.tbl_form{ width:100%;}
.tbl_form th{ background:#f5f5f5; font-weight:bold;}
.tbl_form th > div{ position:relative; line-height:150%;}
.tbl_form th span{ display:inline-block; padding:5px 10px; background:#fff; color:#e30e21; border:1px solid #e30e21; border-radius:4px; font-size:0.9em; line-height:100%; font-weight:normal;}
.tbl_form dl{ display:flex; align-items:center;}
.tbl_form dt{ margin-right:10px;}
.tbl_form .toggle + .toggle{ margin-top:10px;}
.tbl_form .homes_labels_title{ padding:5px; margin-top:5px;}
.tbl_form .homes_labels_title + div{ margin-top:5px;}
.tbl_form .toggle._on .col-xs-6{ padding-bottom:10px;}
.comp_btn_primary.back a{ background:#999; border-color:#999;}
.con_request .tbl_primary .privacy .doui input{ width:auto;}
@media (max-width: 439px){ #form_display._taiken{ padding-top:130px; background:url(../image/request/taiken_back1.jpg) no-repeat right 10px / 180px auto;} }
@media (min-width: 440px) and (max-width: 575px){ #form_display._taiken{ padding-top:130px; background:url(../image/request/taiken_back1.jpg) no-repeat right 10px / 200px auto;} }
@media (max-width: 575px){
	.tbl_form dt{ width:60px;}
	.tbl_form label{ display:block; padding:5px 0;}
	.way_not_2_disp{ margin-left:-10px; margin-right:-10px;}
}
@media (min-width: 576px){ .tbl_form label{ margin-right:20px;} }
@media (min-width: 576px) and (max-width: 767px){ #form_display._taiken{ padding-top:100px; background:url(../image/request/taiken_back1.jpg) no-repeat right 10px / 180px auto;} }
@media (max-width: 767px){
	.tbl_form, .tbl_form tbody, .tbl_form tr, .tbl_form tr > *{ display:block;}
	.tbl_form th{ padding:10px 0 10px 15px;}
	.tbl_form th span{ position:absolute; right:5px; top:0;}
	.tbl_form td{ padding:10px 10px 30px 15px;}
	.tbl_form td input[type="checkbox"], .tbl_form td input[type="radio"]{ width:auto;}
	.tbl_form label{ font-size:16px;}
	.tbl_form .privacyWrap{ font-size:14px;}
}
@media (min-width: 768px){
	.tbl_form tr > *{ padding:20px 25px; vertical-align:middle; border:1px solid #ccc;}
	.tbl_form th{ width:350px;}
	.tbl_form th span{ position:absolute; right:0; top:0;}
}
@media (min-width: 768px) and (max-width: 991px){ #form_display._taiken{ background:url(../image/request/taiken_back1.jpg) no-repeat right 50px / 200px auto;} }
@media (min-width: 992px) and (max-width:1199px){ #form_display._taiken{ background:url(../image/request/taiken_back1.jpg) no-repeat right 20px / 290px auto;} }
@media (min-width:1200px){ #form_display._taiken{ background:url(../image/request/taiken_back1.jpg) no-repeat right 20px / 310px auto;} }
.privacy_wrap{ height:200px; overflow-y:scroll; border:1px solid #ccc; padding:15px;}
.privacy_wrap h4{ font-weight:bold; font-size:1.15em;}
.privacy_wrap h5{ font-weight:bold; margin-bottom:10px;}
@media (max-width: 767px){ .privacy_wrap{ font-size:0.9em;} }

.visit_staff label{ display:block; margin:0;}
@media (max-width: 575px){
	.visit_staff{ display:flex; align-items:center;}
	.visit_staff img{ width:50px; margin-right:10px;}
}
@media (min-width: 576px){
	.visit_staff{ text-align:center;}
	.visit_staff label + label{ margin-top:5px; padding-right:10px;}
}
/* entry */
.entry a{ color:var(--c-green); text-decoration:underline;}
.entry img{ height:auto; max-width:100%;}
.entry h2, .entry h3, .entry h4{ font-weight:bold; padding:0; line-height:130%;}
.entry h2{ color:#56aaa0; margin:0 0 20px;}
.entry h3{ border-bottom:3px solid #7dbab3; margin:0;}
.entry h4{ background:#f4e9e8; padding:5px 10px; margin-bottom:10px; border-radius:5px;}
.entry ul, .entry ol{ margin:0 0 0 20px; padding:0; list-style:none;}
.entry ol{ counter-reset:ol_li;}
.entry ul > li, .entry ol > li{ position:relative;}
.entry ul > li:before{ color:#e4c8c6; content:"●"; font-size:12px; position:absolute; top:4px; left:-18px;}
.entry ol > li:before{ counter-increment:ol_li; content:counter(ol_li)"."; position:absolute; top:0; left:-20px; font-weight:bold;}
.entry li + li{ margin-top:5px;}
.entry p + *{ margin-top:10px;}
.entry * + h2, .entry * + h3, .entry p + h4, .entry div + ul{ margin-top:30px;}
.entry p + .row, .entry .row + .row{ margin-top:50px;}
.entry .pos_ac{ text-align:center;}
.entry .image{ text-align:center; margin-bottom:30px;}
.entry a.button{ display:inline-block; text-decoration:none; color:#fff; background:#f0737e; font-weight:bold; border-radius:10px; margin-bottom:20px;}
@media (max-width: 575px){
	.entry h2{ font-size:1.5em;}
	.entry h3{ font-size:1.25em; margin-bottom:15px;}
	.entry a.button{ padding:15px; width:100%; max-width:250px;}
}
@media (min-width: 576px){
	.entry h2{ font-size:1.75em;}
	.entry h3{ font-size:1.5em; margin-bottom:20px;}
	.entry a.button{ padding:15px 20px; min-width:200px;}
}