@charset "UTF-8";
/* 保存記録に残っていなかったページ別CSSの代わり（2026-10-09 作り直し）
   前半＝残っている各ページのCSS（privacy・loan・sitemap）に共通の部分をそのまま
   後半＝表・代表挨拶・写真の並びなど、ページの中身に合わせて新しく書いた部分 */

#content { background-color: #e9dab9;}

#content #main { max-width: 1000px; text-align: left; margin: 0 auto; padding: 40px 30px 60px;}

#content #main .page_title{ font-size: 3em; font-weight: 700; line-height: 1.5; letter-spacing: 0.09em; text-align: center; margin: 0 0 30px; color: #8a6927;}
#content #main .page_title::after{ content: ""; display: block; width: 100px; height: 5px; margin: 15px auto 0; background-color: #8a6927;}
#content #main .page_title_txt{ font-size: 1.7em; font-weight: 700; letter-spacing: 0.06em; text-align: center;}
#content #main .sub_title { display: block; font-size: 2.2em; letter-spacing: 0.03em; margin: 40px 0 15px; padding: 15px 20px; box-sizing: border-box; color: #fff; background-color: #8d6b27; border-radius: 5px;}

#content #main p{ font-size: 1.5em; line-height: 1.7em; color: #231815;}

@media screen and (max-width: 960px) {
#content #main { padding: 40px 15px 60px;}
}

@media screen and (max-width: 767px) {
#content #main { margin: 0 10px; padding: 20px 0 30px;}
#content #main .page_title{ font-size: 2em; margin: 0 0 15px;}
#content #main .page_title::after{ margin: 5px auto 0;}
#content #main .page_title_txt{ font-size: 1.5em; text-align: left;}
#content #main .sub_title { font-size: 1.8em; margin: 20px 0 10px; padding: 10px 10px;}
#content #main p{ font-size: 1.3em; line-height: 1.6em;}
}

/* ---- ここから作り直し ---- */
#content #main h3 { font-size: 1.8em; font-weight: 700; color: #8d6b27; margin: 30px 0 12px; padding-bottom: 6px; border-bottom: 2px solid #8d6b27;}
#content #main table { width: 100%; border-collapse: collapse; background: #fff; margin: 0 0 30px; font-size: 1.5em; line-height: 1.7;}
#content #main table th, #content #main table td { border: 1px solid #c9b38a; padding: 12px 16px; text-align: left; vertical-align: top;}
#content #main table th { width: 24%; background: #f5eedd; font-weight: 700; color: #5a4419; white-space: nowrap;}
#content #main ul, #content #main ol, #content #main dl { font-size: 1.5em; line-height: 1.7;}
#content #main ul ul, #content #main li p, #content #main dd p { font-size: 1em;}
#content #main iframe { max-width: 100%;}
#content #main img { max-width: 100%; height: auto;}

/* 代表挨拶 */
#content #main .greeting { background: #fff; padding: 30px; border-radius: 5px; margin-bottom: 30px;}
#content #main .greeting .main_title { font-size: 2em; font-weight: 700; color: #8a6927; text-align: center; margin-bottom: 20px;}
#content #main .greeting p { margin-bottom: 1em;}
#content #main .greeting .gt_name { text-align: right; font-weight: 700; margin-top: 20px;}

/* REGAROシリーズの写真の並び */
#content #main .pic_list ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 0 0 30px; font-size: 1em;}
#content #main .pic_list li { width: calc((100% - 30px) / 4);}
#content #main .pic_list li img { display: block; width: 100%; height: 180px; object-fit: cover; border-radius: 3px;}
#content #main .room_number { font-size: 1.8em; font-weight: 700; color: #8d6b27; margin: 30px 0 12px;}

@media screen and (max-width: 767px) {
#content #main h3 { font-size: 1.5em;}
#content #main table { font-size: 1.3em;}
#content #main table th, #content #main table td { display: block; width: auto; border-bottom: none; padding: 8px 10px;}
#content #main table tr:last-child td { border-bottom: 1px solid #c9b38a;}
#content #main ul, #content #main ol, #content #main dl { font-size: 1.3em;}
#content #main .greeting { padding: 18px 14px;}
#content #main .greeting .main_title { font-size: 1.6em;}
#content #main .pic_list li { width: calc((100% - 10px) / 2);}
#content #main .pic_list li img { height: 120px;}
}