@charset "UTF-8";

.access_wrap {
  padding-bottom: 40px; }

.inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box; }


.sec_head .cap{
    background: none;
    text-shadow: 0px 0px 0px rgb(0 0 0 / 80%), 0px 0px 1px rgb(0 0 0 / 80%), 0px 0px 2px rgb(0 0 0 / 80%), 0px 0px 3px rgb(0 0 0 / 80%), 0px 0px 4px rgb(0 0 0 / 80%), 0px 0px 5px rgb(0 0 0 / 80%);
	font-size:10px;
	display: block;
	padding:3px 5px;
	line-height: 1.5;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}

  /* views */
.spView,
.spViewInb,
.tbView,
.noteView {
  display: none !important;
}
@media only screen and (max-width:1200px){
  .noteView {
    display: block !important;
  }
}
@media only screen and (max-width:991px) {
  .tbView {
    display: block !important;
  }
}
@media only screen and (max-width:768px) {
  .spView {
    display: block !important;
  }
  .spViewInb {
    display: inline-block !important;
  }
  .pcView {
    display: none !important;
  }
}


  img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  figure {
    position: relative;
  }
  figcaption {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 6px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    text-align: left;
    text-shadow:0px 0px 1px #000, 
    0 0 5px #000,
    0 0 6px #000,
    0 0 7px #000,
    0 0 8px #000,
    0 0 9px #000,
    0 0 10px #000;
    z-index: 5;
  }


.sec_head {
  background: url(../images/plan/main.jpg) center / cover no-repeat;
}
.main_head {
  text-shadow:0px 0px 1px #000,0 0 5px #000,0 0 10px #000,0 0 15px #000,0 0 20px #000,0 0 30px #000,0 0 40px #000;
}
.main_head .en {
  font-size: 34px;
}

/* --------------------------------------------------
top_area
----------------------------------------------------*/
.top_area {
  margin-top: 40px;
  margin-bottom: 240px;
  font-family: 'Noto Serif JP', serif;
}
.top_title {
  font-size: 60px;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 300;
}
.sub_title {
  font-size: 34px;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: 500;
  margin-top: 40px;
}
.text {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: calc(40 / 16);
  text-align: center;
  color: #303030;
  margin-top: 40px;
}

@media only screen and (max-width:768px) {
  .top_area {
    margin-top: 40px;
    margin-bottom: 80px;
  }
  .top_title {
    font-size: 40px;
  }
  .sub_title {
    font-size: 22px;
    letter-spacing: normal;
  }
  .text {
    line-height: 1.6;
    text-align: justify;
    margin-top: 20px;
  }
}

.plan_top_sub{
  font-size: 24px;
}
@media only screen and (max-width:768px){
  .plan_top_sub{
    font-size: 14px;
  }
}

.pricelist_title{
  font-size: 34px;
  line-height: 1;
}
@media only screen and (max-width:768px){
  .pricelist_title{
    font-size: clamp(1.75rem, 1.393rem + 1.79vw, 2.25rem);
  }
}

.pricelist_title_read{
  font-size: 24px;
  line-height: 1;
  margin-top: 38px;
}
@media only screen and (max-width:768px){
  .pricelist_title_read{
    font-size: clamp(1rem, 0.464rem + 2.68vw, 1.75rem);
  }
}

.pricelist_title_annotation{
  font-size: 14px;
  line-height: 1;
  margin-top: 10px;
}
@media only screen and (max-width:768px){
  .pricelist_title_annotation{
    font-size: clamp(0.625rem, 0.357rem + 1.34vw, 1rem);
  }
}

.pricelist_img{
  margin-top: 100px;
  text-align: center;
}
@media only screen and (max-width:768px){
  .pricelist_img{
    margin-top: 50px;
  }
}

.pricelist_img img{
  width: 100%;
  max-width: 800px;
}
@media only screen and (max-width:768px){
  .pricelist_img img{
    max-width: 440px;
  }
}

.pricelist{
  margin: 100px auto 0;
  max-width: 1100px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  gap: 30px;
}
@media only screen and (max-width:1024px){
  .pricelist{
    gap: 15px;
  }
}
@media only screen and (max-width:768px){
  .pricelist{
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center;
  }
  .pricelist.spView{
    justify-content: center;
    align-items: center;
    margin-top: 60px;
  }
}

.pricelist_annotation{
  text-align: center;
  margin: 16px auto 0;
}

.pricelist_annotation p{
  line-height: 1.4;
  margin-bottom: .5em;
}

@media only screen and (max-width:520px){
  .pricelist_annotation{
    text-align: left;
    max-width: 340px;
  }
}

.pricelist_items{
  width: 100%;
  display: grid;
  background-color: #3B3B3B;
  grid-template-columns: 1fr 20px;
}
@media only screen and (max-width:1200px){
  .pricelist_items{
    /* grid-template-columns: 28px 1fr 24px; */
  }
}
@media only screen and (max-width:768px){
  .pricelist_items{
    width: 100%;
    max-width: 440px;
    background-color: unset;
    /* grid-template-columns: 24px 1fr 20px; */
  }
}
@media only screen and (max-width:520px){
  .pricelist_items{
    max-width: 340px;
  }
}
a.pricelist_items{
  transition: .3s;
}
a.pricelist_items:hover{
  opacity: .6;
}

.pricelist_nolink{
  grid-template-columns: 1fr;
}


.pricelist_numWrap{
  display: flex;
  height: 32px;
  background-color: #2e2e2e;
}
@media only screen and (max-width:520px){
  .pricelist_numWrap{
    height: 24px;
  }
}

.pricelist_num{
  width: 12%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 0;
  background-color: #8E8248;
}
@media only screen and (max-width:520px){
  .pricelist_num{
    font-size: 20px;
  }
}

.pricelist_left{
  width: 88%;
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 16px;
  padding-left: 1em;
  line-height: 0;
  background-color: #8b0d0d;
}
@media only screen and (max-width:520px){
  .pricelist_left{
    font-size: 14px;
  }
}

.pricelist_cont{
  display: grid;
  padding: 16px 14px;
  line-height: 1;
  gap: 20px;
}
@media only screen and (max-width:768px){
  .pricelist_cont{
    width: 100%;
    padding: 20px;
    background-color: #3B3B3B;
    gap: 16px;
  }
}
@media only screen and (max-width:425px){
  .pricelist_cont{
    padding: 20px 10px;
  }
}

.pricelist_link{
  position: relative;
  background-color: #666;
  width: 100%;
  height: 100%;
}
.pricelist_link::before{
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 1.5px solid #ccc;
  border-right: 1.5px solid #ccc;
  top: 52%;
  right: 40%;
  transform: rotate(45deg) translate(-50%,-50%);
}

.pricelist_topWrap,
.pricelist_bottomWrap{
  display: flex;
  align-items: flex-end;
}

@media only screen and (max-width:520px){
  .pricelist_topWrap{
    align-items: center;
    flex-direction: column;
  }
}

.pricelist_bottomWrap{
  line-height: 1.2;
}
@media only screen and (max-width:520px){
  .pricelist_bottomWrap{
    align-items: center;
    justify-content: space-evenly;
    column-gap: 10px;
  }
}

.pricelist_line{
  width: 2px;
  background-color: #656565;
  height: 100%;
  margin: 0 10px;
}
@media only screen and (max-width:520px){
  .pricelist_line{
    display: none;
  }
}

.pricelist_type,
.pricelist_floor{
  font-size: 28px;
  margin: auto 0;
}
.pricelist_type .big,
.pricelist_floor .big{
  font-size: 36px;
}
@media only screen and (max-width:1024px){
  .pricelist_type,
  .pricelist_floor{
    font-size: clamp(1rem, 0.246rem + 1.57vw, 1.25rem);
  }
  .pricelist_type .big,
  .pricelist_floor .big{
    font-size: clamp(1.625rem, 0.871rem + 1.57vw, 1.875rem);
  }
}
@media only screen and (max-width:768px){
  .pricelist_floor{
    font-size: 22px;
    text-align: center;
  }
  .pricelist_floor .big{
    font-size: 32px;
  }
}
@media only screen and (max-width:425px){
  .pricelist_floor{
    font-size: clamp(1.125rem, 0.363rem + 3.81vw, 1.375rem);
  }
  .pricelist_floor .big{
    font-size: clamp(1.625rem, 0.482rem + 5.71vw, 2rem);
  }
}

.pricelist_type .big{
  margin-right: 2px;
}
.pricelist_type{
  /* margin-bottom: 2px; */
}
@media only screen and (max-width:768px){
  .pricelist_type .big{
    font-size: 34px;
  }
  .pricelist_type{
    font-size: 20px;
    margin-right: 0;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width:425px){
  .pricelist_type{
    /* margin-bottom: 2px; */
  }
}

.pricelist_area{
  font-size: 14px;
  margin-right: 16px;
}
.pricelist_area .big{
  font-size: 32px;
  margin-right: 2px;
}
.pricelist_area .noWrap{
  display: inline-block;
}
.pricelist_area .view520{
  display: none;
}
@media only screen and (max-width:1024px){
  .pricelist_area{
    font-size: clamp(0.75rem, 0.373rem + 0.78vw, 0.875rem);
    margin-right: 20px
  }
  .pricelist_area .big{
    font-size: clamp(1.5rem, -0.008rem + 3.14vw, 2rem);
    margin-right: 0px;
  }
}
@media only screen and (max-width:768px){
  .pricelist_area{
    font-size: 16px;
  }
  .pricelist_area .big{
    font-size: 30px;
  }
}
@media only screen and (max-width:520px){
  .pricelist_area .view520{
    display: block;
  }
  .pricelist_area{
    font-size: 15px;
    margin-right: 0px
  }
}
@media only screen and (max-width:425px){
  .pricelist_area .big{
    line-height: 1;
    font-size: clamp(1.75rem, 0.981rem + 3.85vw, 2rem);
  }
}

.pricelist_price{
  font-size: 18px;
  margin-bottom: -2px;
}
.pricelist_price .big{
  margin: 0 4px;
  font-size: 46px;
  letter-spacing: -0.02em;
  color: #C1B06A;
}
.pricelist_price .small{
  font-size: 26px;
}
@media only screen and (max-width:1200px){
  .pricelist_price .big{
    margin: 0;
    line-height: 1;
  }
}
@media only screen and (max-width:1024px){
  .pricelist_price{
    font-size: clamp(0.875rem, 0.121rem + 1.57vw, 1.125rem);
  }
  .pricelist_price .big{
    font-size: clamp(2.25rem, -0.012rem + 4.71vw, 3rem);
  }
  .pricelist_price .small{
    font-size: clamp(1.125rem, -0.383rem + 3.14vw, 1.625rem);
  }
}
@media only screen and (max-width:768px){
  .pricelist_price{
    font-size: 18px;
    margin-bottom: 0px;
  }
  .pricelist_price .big{
    font-size: 42px;
  }
  .pricelist_price .small{
    font-size: 30px;
  }
}
@media only screen and (max-width:520px){
  .pricelist_price{
    font-size: 15px;
  }
  .pricelist_price .big{
    font-size: 40px;
  }
}
@media only screen and (max-width:425px){
  .pricelist_price .big{
    font-size: clamp(1.875rem, -0.792rem + 13.33vw, 2.75rem);
  }
  .pricelist_price .small{
    font-size: clamp(1.25rem, -0.655rem + 9.52vw, 1.875rem);
  }
}

.pricelist_price_term{
  display: block;
  margin-bottom: -1.4em;
}
@media only screen and (max-width:1200px){
  .pricelist_price_term{
    display: inline-block;
    margin-bottom: 0;
  }
}
@media only screen and (max-width:425px){
  .pricelist_price_term{
    display: block;
    margin-bottom: 0;
  }
}

.plan_app_lead{
  margin: 116px 0 50px;
  text-align: center;
  font-size: 26px;
}
.plan_app_lead::after{
  content: '';
  display: block;
  width: 250px;
  height: 65px;
  margin: 40px auto 0;
  background-color: #89805F;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.plan_app_big{
  display: inline-block;
  margin-top: 4px;
  padding: 16px 20px;
  font-size: 40px;
  background-color: #A02515;
  line-height: 1;
}
.plan_app_br{
  display: none;
}

@media only screen and (max-width:768px){
  .plan_app_lead{
    margin: 60px 0;
    font-size: 20px;
    line-height: 1.6;
  }
  .plan_app_lead::after{
    width: 140px;
    height: 40px;
    top: 54%;
  }
  .plan_app_big{
    font-size: clamp(1.625rem, 1.357rem + 1.34vw, 2rem);
    line-height: 1.2;
  }
}
@media only screen and (max-width:425px){
  .plan_app_big{
    width: 100%;
  }
  .plan_app_br{
    display: block;
  }
}

.plan_link_box {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.link_item {
  background-color: #002b3d;
  color: #fff;
  width: 48%;
  padding: 4px;
}
.link_item a {
  display: block;
}
.link_item a:hover {
  opacity: .7;
  transition: .5s;
}
.link_item:nth-child(n + 3) {
  margin-top: 40px;
}

.plan_imgscrollWrap{
  position: relative;
  border: 1px solid #555;
}

.plan_imgscroll{
  width: 100%;
  overflow-x: scroll;
  /* -ms-overflow-style: none;
  scrollbar-width: none; */
}

.plan_imgscroll::-webkit-scrollbar {
  /* display: none; */
}

/* .plan_imgscrollLeft{
  position: absolute;
  height: 100%;
  top: 0;
  left: -1px;
} */

.plan_imgscrollItem{
  width: 4500px;
  cursor: grab;
}
@media only screen and (max-width:768px) {
  .plan_imgscrollItem{
    width: 3500px;
    cursor: grab;
  }
}

.plan_imgscrollItem:active{
  cursor: grabbing;
}

.plan_imgscrollAnnotation{
  text-align: center;
}

.title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 100;
}
.type {
  background-color: #005672;
  padding: 0px 16px;
  padding-bottom: 10px;
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.05em;
}
.type span {
  font-size: 38px;
  margin-right: 4px;
}
.ldks {
  padding: 0px 10px;
  font-size: 24px;
  /*letter-spacing: 0.1em;*/
	line-height: 1.2;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.ldk__Wrap{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: baseline;
  flex-grow: 2;
}
@media only screen and (max-width:1100px) {
  .ldk__Wrap{
    align-items: center;
  }
}
.ldk__Wrap .text_roof{
  display: inline-block;
  padding: 5px 10px 0px;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.2;
}
.ldks .num {
  font-size: 32px;
}
.ldks span {
  font-size: 24px;
	display: flex;
	align-items: baseline;
}
.ldks span.text_min {
  font-size: 20px;
}

.area {
	flex-shrink: 0;
	padding: 0;
  font-size: 14px;
  line-height: 1;
  padding-bottom: 10px;
}
.area span {
  font-size: 32px;
  line-height: 1.1;
}
.others {
  background-color: #003c55;
  padding: 4px 20px;
  margin-top: 4px;
}

@media only screen and (max-width:1100px) {
  .plan_link_box {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .link_item {
    display: flex;
    background-color: #002b3d;
    color: #fff;
    width: 49%;
    padding: 4px;
  }
  .link_item a {
    /* display: block; */
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .link_item a:hover {
    opacity: .7;
    transition: .5s;
  }
  .link_item:nth-child(n + 3) {
    margin-top: 40px;
  }
  .title_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 100;
    flex-grow: 1;
  }
  .type {
    padding: 0px 8px;
    padding-bottom: 10px;
    font-size: 20px;
    letter-spacing: 0.05em;
  }
  .type span {
    font-size: 28px;
    margin-right: 4px;
  }
  .ldks {
    padding: 0px 6px;
    font-size: 20px;
    letter-spacing: 0.1em;
	  text-align: center;
	  justify-content: center;
	  flex-direction: column;
	  align-items: center;
  }
  .ldks .num {
    font-size: 28px;
  }
  .ldks span {
    font-size: 22px;
  }
  .ldks .text_min {
    font-size: 16px;
  }
  .area {
    padding: 0px 6px;
    font-size: 12px;
    line-height: 1;
    padding-bottom: 4px;
  }
  .area span {
    font-size: 24px;
    line-height: 1.1;
  }
  .others {
    background-color: #003c55;
    font-size: 12px;
    padding: 4px 20px;
    margin-top: 4px;
  }
}

@media only screen and (max-width:768px) {
  .plan_link_box {
    margin-top: 10px;
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
  }
  .link_item {
    width: 100%;
    padding: 4px;
  }
  .link_item {
    margin-top: 20px;
  }
  .link_item:first-child{
    margin-top: 0;
  }
  .link_item:nth-child(n + 3) {
    margin-top: 20px;
  }
  .title_box {
    display: block;
  }
  .type {
    padding: 0px 16px;
    padding-bottom: 10px;
    line-height: 1.1;
    font-size: 24px;
    letter-spacing: 0.05em;
  }
  .type span {
    font-size: 38px;
    margin-right: 4px;
  }
  .ldks {
    padding: 8px 10px;
    font-size: 24px;
    letter-spacing: 0.1em;
  }
  .ldks .num {
    font-size: 32px;
  }
  .ldks span {
    font-size: 24px;
  }
  .area {
    padding: 4px 16px 10px;
  }
  .area span {
    font-size: 32px;
    line-height: 1.1;
  }
  .others {
    background-color: #003c55;
    padding: 6px 20px;
    margin-top: 4px;
  }
}