@charset "UTF-8";
/* CSS Document */

body main { overflow: visible; }

/* mainvisual ==================== */
.page_mvWrap {background: linear-gradient(rgba(32,54,13,0.2),rgba(32,54,13,0.2)),
	url("../img/leasehold/leasehold_mv.jpg") no-repeat center center; background-size: cover;}
.page_mv__ttl {color: #fff;font-size: clamp(22px, 4vw, 38px);font-weight: 400;text-shadow: 0 3px 6px #000;text-align: center;width: 100%;}
/* */
@media screen and (max-width: 850px) {
	.page_mvWrap {background: linear-gradient(rgba(32,54,13,0.2),rgba(32,54,13,0.2)),
	url("../img/leasehold/leasehold_mv_sp.jpg") no-repeat center center; background-size: cover;}
}

/* 個別ページ内　共通スタイル ==================== */
.marker { background: linear-gradient(transparent 50%, #ebe9b6 50%); }
/* 個別ページ内　共通スタイル ==================== */



/* leasehold_lead ==================== */
.leasehold_lead { padding: 85px 0; /* 表 */ }
.leasehold_lead .HeadtitleWrap h3 { text-align: center; }
.leasehold_lead .lead_contents { justify-content: space-between; margin-top: 90px; }
.leasehold_lead .lead_contents .item { width: 48%; }
.leasehold_lead .tblGreen { width: 100%; background: #fff; border: 1px solid #101010; line-height: 1.4; letter-spacing: -0.04em; }
.leasehold_lead .tblGreen .bgaccent { background-color: #963700; color: #fff; }
.leasehold_lead .tblGreen .bgaccent2 { background-color: #f3d7c3; }
.leasehold_lead .tblGreen .txtSmall { font-size: 75%; }
.leasehold_lead .tblGreen th, .leasehold_lead td { border: 1px solid #101010; padding: 27px 5px; text-align: center; vertical-align: middle; }
.leasehold_lead .tblGreen th { font-weight: normal; background-color: #d3d3c2; }
.leasehold_lead .tblGreen th:nth-child(1) { width: auto; }
.leasehold_lead .tblGreen th:nth-child(n+2) { width: calc(70%/3); }
/* */
@media screen and (max-width: 850px) { 
	.leasehold_lead { padding: 40px 0; }
  .leasehold_lead .lead_contents { margin-top: 30px; }
  .leasehold_lead .lead_contents .item { width: 100%; }
  .leasehold_lead .tblGreen { margin-top: 30px; } 
}

/* leasehold_Point ==================== */
.leasehold_Point { padding: 85px 0; background: #AC9683; }
.leasehold_Point .HeadtitleWrap { color: #fff; text-align: center; }
.leasehold_Point .Point_contents { max-width: 1200px; margin: 60px auto 0; }
.leasehold_Point .Point_contents_inner { background: #F9F4EE; margin-top: 30px; padding: 40px 30px 30px; }
.leasehold_Point .secTitle { text-align: center; color: #973700; }
.leasehold_Point .secTitle h3 { display: inline-block; font-size: clamp(20px, 1.6vw, 30px); font-weight: normal; line-height: 1; border-bottom: 1px solid #973700; padding-bottom: 8px; margin-top: 30px; }
.leasehold_Point .secTitle p { font-size: 16px; line-height: 1; }
.leasehold_Point .secTitle p b { font-size: 28px; font-weight: normal; }
.leasehold_Point .leadTitle { text-align: center; }
.leasehold_Point .leadTitle h3 { display: inline-block; font-size: clamp(20px, 2vw, 30px); font-weight: normal; margin: 60px 0; }
.leasehold_Point .PointBox { justify-content: space-between; align-items: center; }
.leasehold_Point .PointBox_item { width: 48%; margin-top: 30px; }
.leasehold_Point .PointBox_item.photo { width: 40%; }
.leasehold_Point .PointBox_item.text { width: 57%; }
.leasehold_Point .PointBox_item.text p { font-size: clamp(13px, 1.2vw, 19px); }
.leasehold_Point #point03 .PointBox { justify-content: center; align-items: start; }
.leasehold_Point #point03 .PointBox_item:nth-child(1) { width: 42%; }
.leasehold_Point #point03 .PointBox_item:nth-child(2) { width: 51%; padding-left: 3%; }
.leasehold_Point .PointBox_item small { display: block; font-size: 11px; padding-top: 15px; }
/* */
@media screen and (max-width: 850px) { 
	.leasehold_Point { padding: 40px 0; }
  .leasehold_Point .Point_contents { margin: 30px auto 0; }
  .leasehold_Point .Point_contents_inner { padding: 30px 15px; }
  .leasehold_Point .secTitle h3 { margin-top: 15px; }
  .leasehold_Point .secTitle p { font-size: 14px; }
  .leasehold_Point .secTitle p b { font-size: 20px; }
  .leasehold_Point .PointBox_item.photo { width: 100%; }
  .leasehold_Point .PointBox_item.text { width: 100%; }
  .leasehold_Point #point03 .PointBox_item:nth-child(1) { width: 100%; }
  .leasehold_Point #point03 .PointBox_item:nth-child(2) { width: 100%; padding-left: 0; } 
}

/* leasehold_qa ==================== */
.leasehold_qa {padding-bottom: clamp(50px, 6vw, 100px);}
.leasehold_qa .leasehold_qa_Head { position: relative; padding: 80px 0; background: url("../img/leasehold/qa_kv_pc.jpg") no-repeat center center; background-size: cover; }
.leasehold_qa .leasehold_qa_Head:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 0; }
.leasehold_qa .leasehold_qa_Head .inner { position: relative; z-index: 2; color: #fff; text-align: center; }
.leasehold_qa .leasehold_qa_Head h3 { font-size: clamp(20px, 1.6vw, 30px); font-weight: normal; margin: 20px 0; }
.leasehold_qa .leasehold_qa_Head h3 span { font-size: 150%; font-weight: normal; line-height: 1; display: block; margin-bottom: 20px; }
.leasehold_qa .leasehold_qa_Head p { font-size: clamp(13px, 1.2vw, 20px); }
/* */
@media screen and (max-width: 850px) { 
	.leasehold_qa .leasehold_qa_Head { position: relative; background: url("../img/leasehold/qa_kv_sp.jpg") no-repeat center center; background-size: cover; } 
}

.accordionList { max-width: 1200px; margin: 0 auto; }
.accordionList .accordionItem { margin-top: 50px; }
.accordionList .accordionHead { font-size: clamp(13px, 1.2vw, 20px); background-color: #d8e7e9; cursor: pointer; display: flex; align-items: center; }
.accordionList .accordionHead.active .accordionIcon::before { content: none; }
.accordionList .accordionHead .accordionNumber { font-size: 32px; color: #3c8592; padding-left: 20px; }
.accordionList .accordionHead .accordionTtl { flex: 1; padding: 0 20px; }
.accordionList .accordionHead .accordionIcon { position: relative; min-width: 60px; min-height: 60px; background-color: #3c8592; }
.accordionList .accordionHead .accordionIcon:before, .accordionList .accordionHead .accordionIcon:after { content: ""; display: block; width: 2px; height: 20px; background: #fff; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; }
.accordionList .accordionHead .accordionIcon:after { transform: rotate(90deg); }
.accordionList .answerBlock { display: flex; align-items: center; }
.accordionList .answerBlock .answerIcon { font-size: 32px; line-height: 1; color: #3c8592; padding-right: 20px; }
.accordionList .answerBlock .answerDetail { flex: 1; }
.accordionList .answerBlock .answerTtl { font-size: clamp(13px, 1.2vw, 20px); color: #3c8592; }
.accordionList .accordionBody { display: none; padding: 15px 30px 0; }
/* */
@media screen and (max-width: 850px) { 
	.accordionList .accordionItem { margin-top: 30px; }
  .accordionList .accordionHead .accordionNumber { font-size: 18px; padding-left: 10px; }
  .accordionList .answerBlock .answerIcon { font-size: 18px; padding-right: 10px; }
  .accordionList .accordionBody { display: none; padding: 15px 15px 0; } 
}









@media only screen and (min-width: 768px) and (max-width: 1300px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {}