@charset "UTF-8";
/* CSS Document */
/* 全ページ共通スタイルを記述 */

/* WEB FONT */
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap');

*{ font-family: 'BIZ UDPGothic', sans-serif; }

img { width:auto; max-width:100%; height:auto; }
body,html { overflow-x:hidden; }
i{ vertical-align: middle;}
.spOnly { }
.pcOnly { }
.spAccordionSwitch { cursor:pointer; }


/* TOOLS */
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb40 { margin-bottom:40px; }
.mb60 { margin-bottom:60px; }
.mb80 { margin-bottom:80px; }
.mb100 { margin-bottom:100px; }
.pl1em { padding-left:1em; }
.pl2em { padding-left:2em;}
.pl3em { padding-left:3em;}
.relative { position:relative; }
.absolute { position:absolute; }
.lineThrough { text-decoration:line-through; }
.lh150 { line-height: 1.5;}
.none { display: none; pointer-events: none;}

/* ALIGN */
.alignCenter { text-align:center; }
.alignLeft { text-align:left; }
.alignRight { text-align:right; }

/* ARROW */
.triangleBottom { background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top right/50% 100%; }
.triangleTop { background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top left/50% 100%, linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top right/50% 100%; }
.triangleLeft { background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat bottom left/100% 50%, linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top right/100% 50%; }
.triangleRight { background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat bottom right/100% 50%; }
.triangleTopRight { background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top left/100% 100% }
.triangleTopLeft { background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top left/100% 100% }
.triangleBottomRight { background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top left/100% 100% }
.triangleBottomLeft { background: linear-gradient(to bottom left, rgba(255,255,255,0) 50%, #f8ebe7 50.5%) no-repeat top left/100% 100% }

.arrow_right::before{ content: ""; background: url(/assets/img/common/arrow_right.svg) no-repeat; background-size: cover; display: inline-block; width: 1em; height: 1em; margin-left: 0.5em;}

/*COMMON  */
main{ margin-top: 90px;}
@media screen and (max-width:1100px) {
  main{ margin-top: 45px;}
}

.content { box-sizing:border-box; padding:0 20px; width:100%; max-width:1240px; margin:0 auto; }
.contentTitle { font-family: 'BIZ UDPGothic', sans-serif; font-size:clamp( 24px , 3.1vw , 32px); line-height:1.5em; margin:0 0 40px 0; font-weight: bold; text-align: center;}
.contentTitle .sub { display:block; font-size:clamp( 14px , 2.2vw , 17px); font-weight: normal; }
/* .contentTitle::after { content:''; display:block; width:40px; height:2px; background:#000; margin:10px auto 0 auto; } */
.visualTitle { font-size:36px; color:#fff; font-weight:bold; padding:1.5em 0; margin:0 auto 3em auto;  }
.visualTitle .sub { display:block; font-size: 10px; margin:1em 0 0 0; }
.subContentTitle { font-family: 'BIZ UDPGothic', sans-serif; font-size:24px; line-height:1.5em; margin:0 0 20px 0; padding:0.25em 1.25em; text-align:left; color:#49666a; font-weight:bold; background:#f6f6f6; position:relative; }
.subContentTitle::before { content:''; display:block; top:calc( 50% - 1px); left:0; width:1em; background:#49666a; height:2px; position:absolute; }
.articleContentTitle { font-family: 'BIZ UDPGothic', sans-serif; font-size:18px; line-height:1.5em; margin:0 0 1em 0; padding:0 1.25em; text-align:left; color:#49666a; font-weight:bold; position:relative; }
.articleContentTitle::before { content:''; display:block; top:calc( 50% - 1px); left:0; width:1em; background:#49666a; height:2px; position:absolute; }
.articleBox { margin:0 0 40px 0; }

.contentText { font-size:16px; line-height:1.5em; color:#000; }
.subContentText { font-size:14px; line-height:1.5em; color:#000; }
.articleContentText { font-size:14px; line-height:2em; margin:0 0 1em 0; }
.articleContentText + ul { padding:0 0 0 2em; font-size:14px; margin:1em 0; }
.articleContentText + ul li { font-size:14px; line-height:2em; margin:0 0 1em 0; list-style:decimal; }

#introduce .num { background:#bb3614; font-size:12px; color:#fff; text-align:center; width:2em; height:2em; box-sizing:border-box; line-height:1; padding:0.5em 0; display:inline-block; border-radius:50%; }

.dateBox { }
.dateBox ul { text-align:right; }
.dateBox ul li { font-size:12px; }

#lNavi { margin:0 0 40px 0;  border-top:#ccc solid 1px; border-bottom:#ccc solid 1px; padding:10px 0; }
#lNavi ul { display:flex; flex-wrap:no-wrap; justify-content:center; }
#lNavi ul li { flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 50px ) / 5 ); margin:0 5px 0 5px; }
#lNavi ul li a { display:block; box-sizing:border-box; padding:1em 0; font-size:14px; color:#fff; text-decoration:none; line-height:1; background:#49666a; text-align:center; margin:0 0 0 0; font-weight:bold; border-radius:5px; }
#lNavi ul li a.active { background:#ccc; color:#49666a; }
#lNavi ul li a .sub { display:block; text-align:center; font-size:66.66%; padding:0.25em 0 0.25em 0; border-top:#fff solid 1px; border-bottom:#fff solid 1px; margin:0.5em auto 0 auto; max-width:calc(100% - 2em); line-height:1; }

.readMoreBtn { font-size: clamp( 13px , 2vw , 16px); color:#000; text-decoration:none; font-family: 'BIZ UDPGothic', sans-serif; box-sizing:border-box; width:190px; background:#fff; padding:1em 0; text-align:center; display:block; border:#000 solid 1px; line-height:1; margin: 0 auto; }
.readMoreBtn i { color:#000; font-size:100%; }
.reserveBtn { background:#bb3614 !important; color:#fff !important; }
.requestBtn { background:#f6f6f6 !important; color:#bb3614 !important; }

.frameBox { }
.frameBox iframe { width:100%; height:100%; border:none; outline:none; padding:0; margin:0; }

.infoBox { }
.thumbnailBox { background:#f1f1f1; border:#ccc solid 1px; box-sizing:border-box; margin:0 0 20px 0; }
.estateLogo { box-sizing:border-box; border:#ccc solid 1px; }
.estateName { font-size:20px; font-weight:bold; line-height:1.1; margin:0 0 0.5em 0; font-feature-settings: "palt"; }
.estateName .sub { font-size: 75%; }
.estateAddress { font-size:14px; margin:0 0 1em 0; display:block; font-feature-settings: "palt"; }
.estatePlan { font-size:20px; font-weight:bold; margin:0 0 0.25em 0; line-height:1.1; display: block;}
.estatePlan .sub { font-size:70%; font-weight:normal; }
.estatePrice { font-size:20px; font-weight:bold; line-height:1.1; display: block; font-feature-settings: "palt";}
.estatePrice .sub { font-size:70%; font-weight:normal; }
.estateSize { font-size:20px; font-weight:bold; line-height:1.1; font-feature-settings: "palt"; }
.estateSize .sub { font-size:70%; font-weight:normal; }
.estateStation { font-size:14px; margin:0 0.5em 0 0; line-height:1.5; font-feature-settings: "palt";}
.estateStation .sub { font-size:100%; font-weight:normal; }
.estateStation b { font-size:142.85%; font-weight:bold; margin:0; line-height:1.1; }
.estateSchool { font-size:14px; margin:0 0.5em 0 0; line-height:1.5; font-feature-settings: "palt";}
.estateSchool .sub { font-size:100%; font-weight:normal; }
.estateSchool b { font-size:142.85%; font-weight:bold; margin:0; line-height:1.1; }
.estateLink { display:block; width:100%; color:#000; box-sizing:border-box; border:#000 solid 1px; padding:1em 0; text-align:center; text-decoration:none; font-size:16px; font-family: 'BIZ UDPGothic', sans-serif; line-height:1; vertical-align:middle;}
.estateLink i { margin:0 0 0 0.5em; }
.categoryBox { position:relative; line-height:1; margin:0 0 10px 0; }
.categoryBox .categoryLabel { display: inline-block; padding: 0.25em 0.5em; color: #fff; font-size: 12px; background: #bb3614; margin: 0 0.25em 0.25em 0 !important; line-height: 1.2;}
.categoryBox .categoryLabel a { color:#fff; text-decoration:none; }
.timeStamp {  font-family: 'BIZ UDPGothic', sans-serif; font-size:12px; margin:0 0 1em 0; display:block; }
.articleText { font-size:14px; line-height:1.5em; }

.frameBox  { }
.frameBox iframe { width:100%; height:100%; }
.mapBox { width:100%; height:50vh; }



/* BASIC STYLE */
.basicMainTitle { font-size:32px; font-weight:bold; margin:0 0 1.5em 0; line-height:2em; }
.basicSubTitle { font-size:26px; font-weight:bold; margin:0 0 1em 0; padding:0 0 0 1em; line-height:1.5em; position:relative; }
.basicSubTitle::before { content:''; display:block; width:4px; height:1em; top:0.25em; left:0; background:#bb3614; position:absolute; }
.basicMiddleTitle { font-size:20px; line-height:1.5em; font-weight:bold; padding:0 0 0.5em 0; margin:0 0 1.5em 0; border-bottom:#e5e5e5 solid 1px; }
.basicMiddleTitle2 { background:#bb3614; color:#fff; margin:0 0 1em 0; font-size:20px; padding:0.5em 1em; text-align:center; font-weight:bold; }
.basicLargeText { font-size:18px; line-height:2em; margin:0 0 1.5em 0; }
.basicText { font-size:16px; line-height:2em; margin:0 0 1.5em 0; }
.basicCaption { font-size:12px; line-height:1.5em; }
.basicStrong { font-size:200%; font-weight:bold; vertical-align:baseline; color:#bb3614; }
.basicSubStrong { font-size:160%; font-weight:bold; vertical-align:baseline; color:#bb3614; }
.basicMiddleStrong { font-size:120%; font-weight:bold; vertical-align:baseline; color:#bb3614; }
.basicColorStrong { font-weight:bold; color:#bb3614; }
.basicStrong2 { font-size:200%; font-weight:bold; vertical-align:baseline; color:#0f5a84; }
.basicSubStrong2 { font-size:160%; font-weight:bold; vertical-align:baseline; color:#0f5a84; }
.basicMiddleStrong2 { font-size:120%; font-weight:bold; vertical-align:baseline; color:#0f5a84; }
.basicColorStrong2 { font-weight:bold; color:#0f5a84; }
.basicHighlight { background:#f8ebe7; }
.basicHighlight2 { background:#e7eef2; }
.basicSizeStrong {  font-size:32px; line-height:1.5em; }
.basicSizeSubStrong {  font-size:26px; line-height:1.5em;  }
.basicSizeMiddleStrong {  font-size:20px; line-height:1.5em;  }

.basicSup { }
.basicSub { font-size:75%; }
.basicLink { color:#bb3614; text-decoration:underline; }

.basicTable { }
.basicTable table { width:100%; font-size:14px; }
.basicTable table thead { }
.basicTable table thead tr { }
.basicTable table thead tr th { box-sizing:border-box; padding:1em; border:#999 solid 1px; background:#d7e0e6; font-weight:bold; }
.basicTable table thead tr td { box-sizing:border-box; padding:1em; border:#999 solid 1px; }
.basicTable table tbody { }
.basicTable table tbody tr { }
.basicTable table tbody tr th { box-sizing:border-box; padding:1em; border:#999 solid 1px; background:#f4f4f4; font-weight:bold; }
.basicTable table tbody tr td { box-sizing:border-box; padding:1em; border:#999 solid 1px; }

.basicFigure { display:block; padding:4em; background:#f7f9fa; font-size:12px; }
.basicFigure figcaption { display:block; padding:0.5em 0; }


.basicStyleTable { font-size:16px; margin:0 0 40px 0; width:100%; }
.basicStyleTable thead { }
.basicStyleTable tbody { }
.basicStyleTable tfoot { }
.basicStyleTable tr:not(:last-of-type) td { border-bottom:#ccc dotted 1px; }
.basicStyleTable tr:not(:last-of-type) th { border-bottom:#ccc dotted 1px; }
.basicStyleTable tr th { box-sizing:border-box; padding:2em 1em; background:#f6f6f6; color:#49666a; font-weight:bold; width:12em; line-height:1.5em; }
.basicStyleTable tr td { box-sizing:border-box; padding:2em 1em; line-height:1.5em; }



.basicStyleList { background:#f7f9fa; border-radius:5px; font-size:16px; padding:1.5em; margin:0 0 1.5em 0; }
.basicStyleList ul { counter-reset:number; }
.basicStyleList ul li { display:block; position:relative; padding:0 0 0 1.5em; margin:0 0 0.5em 0; counter-increment: number; }
.basicStyleList ul li::before { content: counter(number); display:block; position:absolute; left:0; top:0; font-size:70%; width:1.8em; height:1.8em; box-sizing:border-box; color:#fff; line-height:1; background:#bb3614; padding:0.4em 0 0 0; text-align:center; border-radius:50%; font-weight:bold }
.basicStyleList ul li:last-of-type { margin:0 0 0 0 ; }
.basicStyleList ol { }
.basicStyleList ol li { display:block; position:relative; padding:0 0 0 1.5em; margin:0 0 0.5em 0; }
.basicStyleList ol li::before { content:''; display:block; position:absolute; left:0 ; top:0; width:1em; height:1em; line-height:1;  box-sizing:border-box; background:#bb3614; border-radius:3px; }
.basicStyleList ol li:last-of-type { margin:0 0 0 0; }
.basicStyleList dl { }
.basicStyleList dl dt { display:block; position:relative; padding:0 0 0 1.5em; margin:0 0 0.5em 0; font-weight:bold; }
.basicStyleList dl dt::before { content:''; display:block; position:absolute; left:0 ; top:0; width:1em; height:1em; line-height:1;  box-sizing:border-box; background:#bb3614; border-radius:3px; }
.basicStyleList dl dd { display:block; position:relative; padding:0 0 0 1.5em; margin:0 0 1em 0; line-height:1.5em; }
.basicStyleList dl dd:last-of-type { margin:0 0 0 0; }
.basicStyleList dl .sub { font-size: 75%;}

.basicSubNavi {font-size:20px;}
.basicSubNavi ul { margin:0 0 2em 0; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.basicSubNavi ul li {  margin:0 2em 0 0; }
.basicSubNavi ul li a { font-weight:bold; display:block; padding:1em 0; text-decoration:none; color:#000; position:relative; line-height:1em; }
.basicSubNavi ul li a::before { position:absolute; left:50%; bottom:0; width:0px; content:''; display:block; background:#000; height:2px; }
.basicSubNavi ul li a.active::before { left:0; width:100%; }
.basicSubNavi ul li a.active { color:#bb3614; text-decoration:none; }

.basicStylePanel { }
.basicStylePanel ul { }
.basicStylePanel ul li { flex-basis:calc( ( 100% - 40px ) / 2 ); margin:0 0 40px 0; }
.basicStylePanel ul li a { display:block; position:relative; font-size:16px; padding:3em 1em; box-sizing:border-box; height:100%; color:#fff; text-decoration:none; font-weight:bold; } 
.basicStylePanel ul li a .sub { display:block; font-size:75%;  font-family: 'BIZ UDPGothic', sans-serif; margin:1em 0 0 0; font-weight:normal; }
.basicStylePanel ul li a .panel { display:block; position:relative; z-index:2; padding:1em 0 0 0; }
.basicStylePanel ul li a .panel i { position:absolute; right:0; top:calc(50% - 0.5em); line-height:1; }
.basicStylePanel ul li a .photoBox { display:block; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; background-size:cover; background:url(/assets/img/common/title_common.jpg) center center no-repeat; }

.arrowToBottom { width:0px; overflow:visible; margin:0 auto 40px auto; position:relative; font-size:14px; line-height:1; }

/* ROW LINK */
.rowLinkBlock { }
.rowLinkBox { box-sizing:border-box; padding:10px; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 10px 0; border-bottom:#ccc dotted 1px; }
.rowLinkBox .rowThumbnailBox { flex-grow:0; flex-shrink:1; flex-basis:180px; }
.rowLinkBox .textBox { flex-grow:0; flex-shrink:1; flex-basis:calc(100% - 200px); word-break: break-all;}
.rowLinkBox .textBox .blogTitle { color:#000; font-size:18px; font-weight:bold; text-decoration:none; }
.rowLinkBox.small .rowThumbnailBox { flex-basis:40px; }
.rowLinkBox.small .textBox { flex-basis:calc(100% - 50px); align-self:center; }
.rowLinkBox.small .textBox .blogTitle { display:block; font-size:16px;  }

/* PANEL LINK */
.panelLink { display:block; box-sizing:border-box; padding:40px calc(80px + 13.4%) 40px 40px; color:#000; text-decoration:none; background:#fff; position:relative; height:100%; }
.panelLink .panelTitle { color:#bb3614; font-size:22px; font-weight:bold; line-height:1; margin:0 0 30px 0; }
.panelLink .panelTitle .sub { color:#000; font-weight:normal; display:block; font-size:75%; font-family: 'BIZ UDPGothic', sans-serif; line-height:1; margin:10px 0 0 0; }
.panelLink .panelText { font-size:14px; line-height:1.5em; }
.panelLink i { position:absolute; right:6.67%; top:calc(50% - 0.5em); font-size:24px; text-align:center; width:40px; }
.panelLink::after { display:block; width:1px; height:100%; position:absolute; right:calc(40px + 13.4%); top:0; background:#ccc; content:''; }

/* HEADER */
#header { position: fixed; top: 0; width: 100%; background:#fff; box-shadow:0 0 5px 5px rgba(0,0,0,0.05); z-index: 13000; box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);}

#headerBox { display:flex; position: absolute; flex-wrap:wrap; justify-content:space-between; width:100%; margin:0 auto; background: #fff; z-index: 12000;}

#headerBox .logoBox { flex-grow:0; flex-shrink:1; flex-basis:400px; align-self:center; }
#headerBox .logoBox h1 {  }
#headerBox .logoBox { display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#headerBox .logoBox a{ display:block; padding:10px 10px 10px 150px; position:relative;box-sizing:border-box; color:#000; text-decoration:none;  background: url("../img/common/header_logo_ppp.png") 10px center / auto calc( 100% - 25px ) no-repeat;}
#headerBox .logoBox a img { height:60px; width:auto; display:block; position:absolute; left:70px; top:10px; margin-left: 0.2em;}
#headerBox .logoBox a .company{ min-height: 70px; display: flex; align-items: center;}
#headerBox .logoBox a span { font-size:18px; line-height:1.8em; min-height: 4em; display: flex; align-items: center;  }
#headerBox .logoBox .no1{ max-width: 105px;}

/* PC NAVI */
#headerBox .btnBox { flex-grow:0; flex-shrink:1; flex-basis:calc(100% - 400px); align-self:center; }
#headerBox .btnBox .naviBox ul { display:flex; flex-wrap:nowrap; justify-content:flex-end; }
#headerBox .btnBox .naviBox ul li { position:relative; flex-grow:0; flex-shrink:1; }

#headerBox .btnBox a,
#headerBox .btnBox .dropdownTit { display:block; cursor:pointer; text-align:center; font-size:14px; line-height:1; padding:38px 0.9em; color:#000; text-decoration:none; position:relative; }

#headerBox .btnBox .dropdownTit::after { content:"▼"; display:inline-block; margin-left:0.2em; }

#headerBox .btnBox .naviBox ul li .dropdownItem { opacity:0; visibility:hidden; position:absolute; top:100%; left:0; z-index:1000; background:#fff; transition:opacity 0.3s ease, visibility 0.3s ease; }

#headerBox .btnBox .naviBox ul li:has(.dropdownItem):hover .dropdownItem,
#headerBox .btnBox .naviBox ul li:has(.dropdownItem):focus-within .dropdownItem { opacity:1; visibility:visible; }

#headerBox .btnBox .naviBox ul li .dropdownItem a { padding:10px 1em; white-space:nowrap; }
#headerBox .btnBox .naviBox ul li .dropdownItem a span { font-size:80%; }

/* SP MENU BUTTON */
#headerBox .menuBtnBox { display:none; }

/* GLOBAL NAVI */
#header #globalNaviWrapper { display:none; }

#globalNaviWrapper.active { position:fixed; background:rgb(247 244 237 / 1); transform:translateX(0%); display:block; transition:.7s; width:100%; height:100vh; z-index:11000; overflow-y:scroll; }

#globalNaviBox { font-family:"Noto Sans JP", sans-serif; display:block; position:fixed; left:50%; transform:translateX(-50%); top:30px; max-width:1200px; width:calc(100% - 30px); height:100%; margin:0 auto; z-index:12001; }

#globalNaviBox .menuClose { right:10px; top:10px; z-index:12001; font-size:5vw; color:#49666a; line-height:1; display:none; width:1em; text-align:center; }

#globalNaviBox .nav_searchTit { font-size:clamp(16px, 3.1vw, 24px); font-weight:bold; letter-spacing:0.05em; margin-bottom:0.5em; }
#globalNaviBox .nav_searchTit span { font-size:clamp(12px, 2vw, 16px); margin-left:2em; }

#globalNaviBox a:hover { opacity:0.6; }

#globalNaviBox .contact { gap:10px 10px; padding-bottom:20px; justify-content: center;}
#globalNaviBox .contact li { flex-basis:calc((100% - 18px) / 2); border:2px solid #9f9f9f; text-align:center; background:#fff; border-radius:9.5px; }
#globalNaviBox .contact li figure { width:19.8%; margin:0 auto; }
#globalNaviBox .contact li a { display:block; padding:10px 0 5px; text-decoration:none; font-size:clamp(12px, 2.3vw, 18px); color:#000; word-break:auto-phrase; }
#globalNaviBox .contact li a:hover { background:#ccc; color:#fff; }

#globalNaviBox .sns { width:100%; max-width:295px; align-items:flex-end; margin:30px auto 0; }
#globalNaviBox .sns h4 { font-size:16px; font-weight:bold; text-align:center; margin-bottom:12px; padding-top:15px; border-color:#333; border-bottom:0; color:#333; }
#globalNaviBox .sns h4::before { display:none; }
#globalNaviBox .sns ul { margin:0 auto; align-items:center; }
#globalNaviBox .sns li { flex-basis:calc((100% - 112px) / 5); }

/* GLOBAL NAVI CONTENT */
#globalNavi { background:rgb(247 244 237 / 1); box-sizing:border-box; }
#globalNavi .link_box { flex-basis:calc((100% - 20px) / 2); margin:0 0 20px 0; }
#globalNavi .link_box .nolink { opacity:0.6; color:#a2b9c5; pointer-events:none; }

#globalNavi .group_link { width:100%; border:1px dotted #000; border-width:1px 0; padding:1em 0 0 0; }
#globalNavi .group_link ul li { flex-basis:calc((100% - 1em) / 2); }

#globalNavi h4 { color:#009943; font-size:clamp(14px, 2.3vw, 18px); border-bottom:1px solid #009943; letter-spacing:0.05em; margin-bottom:0.5em; padding-bottom:0.5em; }
#globalNavi > ul { margin:0 0 20px 0; }
#globalNavi > ul > li { margin:0 0 5px 0; }
#globalNavi > ul > li > ul { display:none; }
#globalNavi > ul > li > ul.active { display:block; margin:10px 0; }
#globalNavi > ul > li > ul > li { margin:0 0 5px 0; }

#globalNavi h3 { text-align:center; color:#2c9746; font-size:4vw; line-height:1; margin:0 0 20px 0; }

#globalNavi .other_linkBox { width:100%; max-width:100%; align-items:flex-end; padding:12px 0 150px; }
#globalNavi .other_link { width:100%; max-width:320px; padding-top:20px; position:relative; margin:0 auto; }
#globalNavi .other_link li { width:100%; }
#globalNavi .other_link li:hover { opacity:0.5; }
#globalNavi .other_link li a { display:block; text-align:center; background:#607E70; color:#fff; padding:1em; }
#globalNavi .other_link .arrow_right::before { position:absolute; right:12px; }

#globalNavi a,
#globalNavi span { display:block; cursor:pointer; font-size:3.2vw; line-height:1; padding:0.5em 0; color:#333; text-decoration:none; }

#globalNavi a i,
#globalNavi span i { margin:0 0.25em 0 0; }

/* TABLET / SP HEADER */
@media screen and (max-width:1100px) {
  #header #globalNaviWrapper{ display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgb(247 244 237 / 1); z-index: 11000; transform: translateX(100%); opacity: 0; visibility: hidden; pointer-events: none; transition: transform .7s ease, opacity .3s ease, visibility .3s ease;}
  #header #globalNaviWrapper.active { transform: translateX(0); opacity: 1; visibility: visible; pointer-events: auto;}

  #globalNaviBox { font-family: "BIZ UDPGothic", sans-serif; display: block; position: fixed;  left: 50%; transform: translateX(-50%); top: 58px;  max-width: 1200px; margin: 0 auto; width: calc(100% - 20px); height: 100%; z-index: 12001; padding-top: 5.3vw;}

  #headerBox .logoBox { flex-basis:50%; }
  #headerBox .logoBox a { padding:5px 0 5px 19vw; background: url(../img/common/header_logo_ppp.png) 10px 50% / auto calc(100% - 24px) no-repeat; background-size: 7vw;}
  #headerBox .logoBox a img { height:6vw; left: calc(10px + 7vw) }
  #headerBox .logoBox a .company{ min-height: auto;}
  #headerBox .logoBox a span { font-size:2.2vw; }
  #headerBox .logoBox .no1{ width:14.3vw;}

  #headerBox .btnBox { display:none; }

  #headerBox .menuBtnBox { display:block; }
  #headerBox .menuBtnBox nav ul li:not(:last-of-type) { display:none; }

  .menuBtn { position:relative; display:block; background:#484848; min-width: 50px; min-height: 45px; width:13vw; height:12vw; margin-left:10px; }
  .menuBtn .inner { display:block; margin:0 auto; padding:0 32px; }
  .menuBtn .inner span { display:block; position:absolute; left:50%; transform:translateX(-50%); width:4.2vw; height:2px; background:#fff; transition:.3s; }
  .menuBtn .inner span:nth-of-type(1) { top:2.6vw; }
  .menuBtn .inner span:nth-of-type(2) { top:calc(50% - 1px); }
  .menuBtn .inner span:nth-of-type(3) { bottom:2.6vw; }


  .menuBtn.active .inner span:nth-of-type(1) { top:50%; transform:translate(-50%, -50%) rotate(45deg); }
  .menuBtn.active .inner span:nth-of-type(2) { opacity:0; }
  .menuBtn.active .inner span:nth-of-type(3) { top:50%; bottom:auto; transform:translate(-50%, -50%) rotate(-45deg); }

  .menuBtn .menu_close { display:none !important; }
  .menuBtn.active .menu_open { display:none !important; }
  .menuBtn.active .menu_close { display:inline-block !important; }

  #globalNavi a,
  #globalNavi span { font-size:3.2vw; }
}

/* PC SIZE ADJUST */
@media screen and (min-width:768px) {
  #globalNavi a,
  #globalNavi span { font-size:16px; }

  #globalNavi h3 { font-size:24px; }
}

/* COMMON CONTENT */
.commonWrapper { padding:0 0 90px 0; }

/* CONTENT BOTTOM */
.contentBottomBtnBox { text-align:center; margin:0 auto 40px auto; }
.contentBottomBtnBox ul li { flex-basis:calc( ( 100% - 40px ) / 3.01 ); }
.contentBottomBtnBox a { width:calc(100% - 10px ); margin:0 auto; }
#bottomBnr { margin-bottom: 100px;}
#bottomBnrContent{ flex-direction: column; row-gap: 40px;}
#bottomBnrContent .footerBnrTit{ text-align: center; font-size: clamp( 14px , 2.3vw , 18px); margin-bottom: 20px; font-weight: bold;}
#bottomBnrContent ul { display:flex; flex-wrap:wrap; justify-content:left; gap: 40px 17px; }
#bottomBnrContent ul li { flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 51px ) / 4 ); }
#bottomBnrContent .bnr_big{ margin-bottom: 30px;}
#bottomBnrContent .groupBnrBox .group_bnrList{ justify-content: center;}
#bottomBnrContent .sumaiBnrBox .group_bnrList{ max-width: 590px; margin: 0 auto; justify-content: center;}
#bottomBnrContent .sumaiBnrBox .group_bnrList li{ flex-basis:calc( ( 100% - 17px ) / 2 );}
#bottomBnrContent .sponsorBnrBox .sponsor_bnrList{ justify-content: center;}

@media screen and (max-width:767px) {
  #bottomBnrContent{ row-gap: 28px;}
  #bottomBnrContent .footerBnrTit{ margin-bottom: 10px;}
  #bottomBnr { margin-bottom: 30px;}
}

/* PAGE TOP */
#pageTop { position:fixed; background:#a2b9c5; width:40px; height:40px; bottom:40px; right:20px; cursor:pointer; z-index:9000;}
#pageTop span { line-height:1; display:block; position:relative; width:100%; height:100%; text-align:center} 
#pageTop span i { color:#fff; line-height:1; position:absolute; left:calc(50% - 0.5em); text-align:center; top:calc(50% - 0.5em); font-size:14px; width:1em; }

/* MIHAMA VOICE */
#mihamaVoiceBox > ul li { flex-basis:calc(50% - 10px); }


/*  */
.column2block {  display:flex; flex-wrap:wrap; justify-content:space-between; }
.column2block .mainColumn { flex-grow:0; flex-shrink:1; flex-basis:calc( 100% - 280px ); }
.column2block .subColumn { flex-grow:0; flex-shrink:1; flex-basis:240px; }
.column2parts20space { flex-basis:calc( ( 100% - 20px ) / 2 ); padding:0; }
.column3parts20space { flex-basis:calc( ( 100% - 40px ) / 3 ); padding:0; }

/* FOOTER */
#footer { background:#171717; padding:40px 0; }
#footer .telBox { width:100%; max-width:513px; margin:0 0 30px 0; }
#footerBox .footerLink { }
#footerBox .footerLink ul { font-size:0px; margin:0 0 10px; }
#footerBox .footerLink ul li { display:inline-block; font-size:12px; margin:0 1em 0 0; }
#footerBox .footerLink ul li a { display:block; color:#fff; text-decoration:none; }
#footerBox .footerLink ul li a i { margin:0 5px 0 0; }
#footerBox .footerLink dl { font-size:0px; margin:0 0 15px; }
#footerBox .footerLink dl dt { display:inline-block; font-size:12px; margin:0 1em 0 0; color:#fff; font-weight: bold;  display: block; margin-bottom: 15px;}
#footerBox .footerLink dl:first-of-type dt { font-size: 20px;}
#footerBox .footerLink dl:not(:first-of-type) dt { font-size: 18px; margin-bottom: 12px;}
#footerBox .footerLink dl dd { display:inline-block; font-size:12px; margin:0 1em 0 0; }
#footerBox .footerLink dl dd a { display:block; color:#fff; text-decoration:none; }
#footerBox .footerLink dl dd a i { margin:0 5px 0 0; }
#footerBox .snsLink dl { font-size:0px; margin:0 0 10px; }
#footerBox .snsLink dl dt { display:inline-block; font-size:14px; margin:0 1em 0 0; color:#fff; font-weight:bold; }
#footerBox .snsLink dl dd { display:inline-block; font-size:21px; margin:0 0.5em 0 0; }
#footerBox .snsLink dl dd a { display:block; color:#fff; text-decoration:none; max-width: 41px;}
#footerBox .snsLink dl dd a{ width: 20px;}
#footerBox .snsLink dl dd img{  vertical-align: sub;}
#footerBox .snsLink dl dd a i { margin:0 5px 0 0; }
#footerBox address { color:#fff; font-size:12px; text-align:center; }

#spFooterBnr { display: none;}

/* WP-PAGE NAVI */
.wp-pagenavi { clear: both; margin:40px 0 40px 0; padding:20px 0; background:#f6f6f6; text-align:center; font-size:0px }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #000; padding: 0.5em; line-height:1; margin: 0.25em; background:#000; color:#fff; font-size:14px;  font-family: 'BIZ UDPGothic', sans-serif; display:inline-block}
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #bb3614; color:#fff; background:#bb3614; }
.wp-pagenavi span.current {  }
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { display:none; }


/* TOGGLE BOX */
.toggleContent { height: 0px; opacity: 0; transition: opacity 0.5s linear 0s; }
.toggleContent.active { height: auto; opacity: 1;}

/* リニューアル時にstyle.cssに移行 */
#k_damper { }
#k_damper .visualTitle { background:url(../img/house/title_house_01.jpg) center center / cover no-repeat; }
#k_damper .flexBox .photoBox { flex-basis:calc(50% - 20px); }
#k_damper .flexBox .textBox { flex-basis:calc(50% - 20px); }
#k_damper .flexBox .basicTable { flex-basis:calc(50% - 20px); }
#k_damper .noteBox2 {border:#bb3614 solid 1px; padding:2em; box-sizing:border-box; }

@media screen and (min-width:768px) {
/* FOR PC HOVER ANIMATION */
.readMoreBtn:hover { background:#000; text-decoration:none; color:#fff; transition:background 0.5s linear 0s, color 0.5s linear 0s; }
.readMoreBtn:hover i { color:#fff; transition:color 0.5s linear 0s;}
.estateLink:hover { background:#000; text-decoration:none; color:#fff; transition:background 0.5s linear 0s, color 0.5s linear 0s; }
.estateLink:hover i { color:#fff; transition:color 0.5s linear 0s;}
.panelLink:hover { box-shadow:0 0 10px 10px rgba(0,0,0,0.2); transition:box-shadow 0.5s linear 0s; }
#headerBox .btnBox a:hover::after { content:''; display:block; position:absolute; left:0; bottom:0; height:2px; width:100%; background:#d44a01; line-height:1; }
#lNavi ul li a:hover { background:#ccc; color:#49666a; transition:background 0.5s linear 0s, color 0.5s linear 0s;}

.basicSubNavi { }
.basicSubNavi ul li a:hover,
.basicSubNavi ul li a.active { color:#bb3614; text-decoration:none; }
.basicSubNavi ul li a:hover::before,
.basicSubNavi ul li a.activebefore { width:100%; left:0; transition: left 0.5s linear 0s, width 0.5s linear 0s;  }

.basicLink:hover { color:#ccc; text-decoration:underline; transition: left 0.5s linear 0s, width 0.5s linear 0s }
}

#footerSpBnr { display:none; position:fixed; bottom:0; left:0; width:100%; margin:0; padding:0; z-index:9999; border-top: 1px solid #222; background: #333; }
#footerSpBnr ul { width:100%; display:flex; flex-wrap:nowrap; justify-content:space-between; }
#footerSpBnr ul li { margin:0; }
#footerSpBnr ul li:nth-of-type(1)  { flex-grow:0; flex-shrink:1; flex-basis:52.467%; }
#footerSpBnr ul li:nth-of-type(2)  { flex-grow:0; flex-shrink:1; flex-basis:23.7665%;}
#footerSpBnr ul li:nth-of-type(3)  { flex-grow:0; flex-shrink:1; flex-basis:23.7665%;}
#footerSpBnr ul li a,
#footerSpBnr ul li a:hover { display:block;  text-align:center; line-height:1; }
#footerSpBnr ul li a img { width:100%; height:auto; }

#rightPcBnr { position: fixed; right: 0; bottom: 8vw; width: 4.3vw; max-width: 82px; z-index: 100;}


@media screen and (min-width:767px) {
	.spOnly { display: none; }
	.spCallBtn { cursor: default; pointer-events: none;}
}
@media screen and (max-width:767px) {
  /*  */
  .pcOnly { display:none ; }
    
    

  /* CONTENT BOTTOM */
  #bottomBnrContent ul{ gap: 10px;}
  #bottomBnrContent ul li { flex-basis:calc( ( 100% - 10px ) / 2 );  }	

  #bottomBnrContent .bnr_big{ margin-bottom: 10px;}


    
  .visualTitle { font-size: 5vw; padding: 1em 0;}

  /* COMMON CONTENT */
  .commonWrapper { padding:0 0 15% 0; overflow: hidden;}
  .pageHome.commonWrapper { padding:10% 0 10%; }
  .contentTitle { font-family: 'BIZ UDPGothic', sans-serif; font-size:5vw; line-height:1.5em; margin:0 0 40px 0; text-align:center; }
  .contentTitle .sub { display:block; font-size: 3vw; text-align:center }
  .contentTitle::after { margin:10px auto 0 auto; }
  .subContentTitle { font-size:4vw; }
  #lNavi ul { flex-wrap:wrap; }
  #lNavi ul li { flex-basis:calc( (100% - 30px) / 3 ); margin:5px; }
  #lNavi ul li a { font-size:2vw; }
    
  /* BASIC STYLE */
  .basicSubNavi {font-size:3vw;}
  .basicSubNavi ul { margin:0 0 2em 0; display:flex; flex-wrap:wrap; justify-content:flex-start; }
  .basicSubNavi ul li {  margin:0 2em 0 0; }
  .basicSubNavi ul li a { font-weight:bold; display:block; padding:1em 0; text-decoration:none; color:#000; position:relative; line-height:1em; }
  .basicSubNavi ul li a::before { position:absolute; left:50%; bottom:0; width:0px; content:''; display:block; background:#000; height:2px; }
  .basicSubNavi ul li a.active::before { left:0; width:100%; }
    
  .basicMainTitle { font-size:24px; }
  .basicSubTitle { font-size:18px; }
  .basicMiddleTitle { font-size:16px; }
  .basicMiddleTitle2 { font-size: 16px }
  .basicLargeText { font-size:15px;}
  .basicText { font-size:14px; }
  .basicCaption { font-size:10px; }

  .basicFigure { padding: 10px; }
    


  /* PANEL */
  .panelLink { padding:20px 40px 20px 20px; }
  .panelLink .panelTitle { font-size:4.5vw; margin:0; }
  .panelLink i { right:calc(20px - 0.5em); width:1em; text-align:center; font-size:3vw; }
  .panelLink::after { right:40px; }

  /* ESTATE */
  .estateName { font-size:4vw; }
  .estatePrice,
  .estatePlan,
  .estateSize { font-size:4vw; }
  .estateAddress { font-size:3vw; }
  .estateLink { padding: 0.5em 0; }

  .column2block { }
  .column2block .mainColumn { flex-basis:100% ; margin:0 auto 40px auto; }
  .column2block .subColumn { flex-basis:100%; margin:0 auto 40px auto; }

  .contentBottomBtnBox ul li { flex-basis:100%; margin:0 0 10px 0; } 

  /* PAGE TOP */
  #pageTop { bottom: 20vw; right:10px;}
    
  /* FOOTER */
  #footer { padding: 40px 0 calc(20% + 10px) 0;}
  #footerBox .footerLink ul { text-align:center;  }
  #footerBox .footerLink ul li { margin:0 1em 0.5em 0;}
  #footerBox .footerLink ul li a {  font-size:3vw; box-sizing:border-box; height:100%; padding:0.5em 0; }
  #footerBox .footerLink dl { text-align:center; border-top:#fff solid 1px; border-bottom:#fff solid 1px; padding:20px 0 20px 0; }
  #footerBox .footerLink dl dt { display:block; margin:0 0 20px 0; text-align:center; font-size:4vw; font-weight:bold; }
  #footerBox .footerLink dl dd { display:inline-block; font-size:3vw; margin:0 1em 0 0; }
  #footerBox .snsLink dl { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 20px 0;;}
  #footerBox .snsLink dl dt { display:block; flex-grow:0; flex-shrink:1; flex-basis:100%; margin:0 0 10px 0; text-align:center; font-size:4vw; }
  #footerBox .snsLink dl dd { display:block; flex-grow:0; flex-shrink:1; flex-basis:calc( ( 100% - 20px ) / 5 ); text-align:center; font-size:10vw; margin:0; }
  #footerBox address { font-size:3vw; }
  #spFooterBnr { display: block; position: fixed; bottom:0; left: 0; width: 100%; z-index: 9999; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);}
  #footerSpBnr { display:block; }
  #rightPcBnr { display:none; }
}
@media screen and (max-width:480px) {
	
}