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

.section-title{
  font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 172%; color: #003476; border-bottom: solid 1px #55C1C4;
}
.section-title span{ font-size: 75%; margin-left: 1.5em;}


.header_landing{ margin: 0; padding: 0;}
.header_landing *{ margin: 0; padding: 0;}
.header_landing img{ display: block;}
.header_landing li{ width: 1000px;}
/*
.header_landing li:nth-child(2n){ background: #00FF00;}
*/
@media screen and ( min-width: 480px ) {
  .header_landing li{ width: auto; }
}

header.fullsize{ margin: 0; padding: 0;}
header.fullsize img{ display: block; margin: 0; padding: 0; width: 100%;}



.image_hp{ margin:0; padding: 0;}
.image_hp figure{ margin:0; padding: 0; display: block;}
.image_hp img{ display: block; width: 100%; height: auto;}


.section_oricon{}
.section_oricon .mb{ display: flex; justify-content: center; gap: 4%; padding: 0;}
.section_oricon article{ flex: 0 0 30%; margin: 2.0rem 0 0 0;}
.section_oricon article figure{}
.section_oricon article p{ margin: 1.0rem 0 0 0; text-align: center; font-size: 93%; line-height: 1.5; font-weight: bold;}
.section_oricon .oricon_complex{ }
.section_oricon .oricon_complex img{ margin: 0 auto; padding: 0; display: block; max-width: 70%;}
@media screen and ( max-width: 480px ) {
  .section_oricon .mb{ padding: 0 1.0rem; padding-bottom: 2.0em;}
  .section_oricon article{ flex: 0 0 48%;}
  .section_oricon article p{ font-size: 73%; font-weight: normal;}
  .section_oricon .oricon_complex img{ max-width: 100%;}
}



@media screen and ( min-width: 480px ) {
  .gm{ position: sticky; top: 0; z-index: 99;}

  .hp { 
    margin:0; padding: 0; height: 640px;
    background: url("../index/hp20220820.jpg") repeat-x center center / cover;
    position: relative;
  }
  .hp *{ margin-top: 0;}
  .hp .mb{ padding: 0; height: 100%; position: relative;}
  .hp header{ margin: 0 auto; width: 1000px; height: 90px; display: flex; justify-content: space-between; align-items: center; position: absolute; top: 0; left: 0; right: 0;}
  .hp header img{ display: block;}
  .hp .content{ margin: auto; padding: 0; text-shadow: 0px 0px 4px #000000; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
     display: flex; flex-direction: column; justify-content: center; align-items: center;
  }
  .hp .note{ position: absolute; right: 0; bottom: 0; padding: 0 1.0em; font-size: 73%; background: rgba(255,255,255,0.7); border-radius: 0.5em 0 0 0;}


  
  .openview{
    margin:0; padding: 0; height: 320px; background: url("../index/panorama02.jpg") repeat-x center center / cover;
    -webkit-animation: bgscroll 90s linear infinite;
    animation: bgscroll 90s linear infinite;
    position: relative;
  }
  .openview .note{ position: absolute; right: 0; bottom: 0; padding: 0 1.0em; font-size: 73%; background: rgba(255,255,255,0.7); border-radius: 0.5em 0 0 0;}
  
  
  
}

@media screen and ( max-width: 480px ) {

  .hp { 
    margin:0; padding: 0; padding: 85% 0 0 0; background: url("../index/hp20220820.jpg") repeat-x center center / cover;
    position: relative;
  }
  .hp *{ margin-top: 0;}
  .hp .mb{ padding: 0; }
  .hp header{ margin: 0 auto; padding: 0 1.0em; width: 100%; height: 60px; display: flex; justify-content: space-between; align-items: center; position: absolute; top: 0; left: 0; right: 0;}
  .hp header img{ display: block; height: 50px; width: auto;}
  .hp .note{ position: absolute; right: 0; bottom: 0; padding: 0 1.0em; font-size: 6px; letter-spacing: -0.1em; background: rgba(255,255,255,0.7); border-radius: 0.5em 0 0 0;}
  
  .hp .content{ margin: auto; padding: 0; text-shadow: 0px 0px 4px #000000; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
     display: flex; flex-direction: column; justify-content: center; align-items: center;
  }
  
  
  .openview{
    margin:0; padding: 66.6% 0 0 0; background: url("../index/panorama02.jpg") repeat-x center center / cover;
    -webkit-animation: bgscroll 120s linear infinite;
    animation: bgscroll 120s linear infinite;
    position: relative;
  }
  .openview .note{ position: absolute; right: 0; bottom: 0; padding: 0 1.0em; font-size: 50%; background: rgba(255,255,255,0.7); border-radius: 0.5em 0 0 0;}
  

}
  

.hp_header{ margin: 0; padding: 0; background: url("../index/billboard_bg_20230701.jpg") no-repeat right center / cover; position: relative;}
.hp_header *{ margin-top: 0;}
.hp_header img{ display: block;}
.hp_header h1{}
.hp_header figure{ display: block;}
.hp_header figure img{ margin: 2.0rem auto;}
.hp_header .note{ position: absolute; right: 0; bottom: 0; padding: 0 1.0em; font-size: 6px; letter-spacing: -0.1em; background: rgba(255,255,255,0.7); border-radius: 0.5em 0 0 0;}
@media screen and ( max-width: 480px ) {
  .hp_header{ background-position: right center;}
  .hp_header .mb{ margin: 0; padding: 1.0rem;}
  .hp_header h1{ max-width: 25%;}
  .hp_header figure img{ margin: 1.0rem auto;}
  .hp_header .note{ position: relative;}
}

.specific{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items:stretch;}
.specific li{ flex: 0 0 24%; margin: 1.0em 0 0 0;}
/*
.specific li{ display: flex; flex: 0 0 24%; text-align: center; align-items: center; justify-content: center; flex-direction: column; line-height: 1.5;}
*/
.specific li img{ display: block;}
.specific strong{ color: #b50005; font-size: 116%;}
@media screen and ( max-width: 480px ) {
  .specific{ }
  .specific li{ flex: 0 0 49%;}
  .specific li{ margin: 0.5em 0 0 0;}
}

.sec01 h2{ font-size: 220%; text-align: center;}

.sec02{ background: #E6F5F4;}
.sec02 .mb{ display: flex; justify-content: space-between;}
.sec02 .mb > *{ flex: 0 0 48%;}

.info article{ margin:0; padding: 1.0em 0; border-bottom: dashed 1px #AAE0E1; line-height: 1.5;}
.info article time{ margin: 0; display: block; font-weight: bold;}
.info article h3{ margin: 0.5em 0 0 0; font-weight: bold;}
.info article h3 a{ color: #000000;}
.info article p{ margin: 0.5em 0 0 0; font-size: 86%;}

.report{}
.report .items{ display: flex; justify-content: space-between;}
.report .items article{ flex: 0 0 48%;}
.report .items a{ display: block; text-decoration: none; color: #282828;}
.report .items figure{ display: block; margin: 0; padding: 56.25% 0 0 0; background: no-repeat center center / cover;}
.report .items time{ display: block; margin: 0; padding: 0; font-size: 93%;}
.report .items h3{ font-size: 108%; font-weight: bold; margin: 0; line-height: 1.5;}

.flyer *{ margin-top: 0;}
.flyer h3{ margin: 0.5em 0 0 0; font-weight: bold;}
.flyer p{ margin: 0.5em 0 0 0; font-size: 86%;}

.concept{ background: #FFFFFF; position: relative;
  font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.concept .mb{ position: relative;}
.concept aside{ display: block; position: absolute; margin: 0 0 0 150px; top: 2.0em; left: 50%; right: 0; bottom: 2.0em;
background: url("../pre/tower_bg-20220124.jpg") no-repeat left center / cover;
}

.concept .content{ width: 650px;}
.concept .concept_ttl01{ line-height: 1.3;}
.concept .concept_ttl01 span{ font-size: 250%; }
.concept .concept_ttl02{ color: #84CCC9;}
.concept h3{ font-size: 150%;}
.concept h4{ font-size: 143%;}
.concept li{ font-size: 86%; line-height: 1.5;}

.location{ background: #E6F5F4;}
.location .location_box{ display: flex;}
.location .location_box figure{ display: block; flex: 0 0 680px; margin-right: 2.0em;}
.location .section-title{ margin-top: 0;}
.location .table-life{ margin: 0;}
.location .table-life th,
.location .table-life td{ padding: 0; font-size: 73%;}
.location .table-life th{ white-space: nowrap;}
.location .table-life td{ padding: 0 0 0 0.5em; white-space: nowrap; text-align: right;}
.location .table-life th[colspan='2']{ font-size: 100%; padding: 0.1em 0.5em; line-height: 1.5; margin: 0.3em 0 0 0;}
.location .table-life th[colspan='2'] span{ font-size: 73%; margin-left: 1.0em; color: #4C4948 !important;}
.location .table-life th[data-category="access"]{ background: #D4D9DC; color: #515457;}
.location .table-life th[data-category="education"]{ background: #D4ECF3; color: #32ADC6;}
.location .table-life th[data-category="shopping"]{ background: #F2E1E7; color: #CD7E9A;}
.location .table-life th[data-category="finace"]{ background: #DEE2F2; color: #757CBB;}
.location .table-life th[data-category="hospital"]{ background: #EAE4D1; color: #A7966E;}
.location .table-life th[data-category="public"]{ background: #ECF4E3; color: #8CC66D;}


.maplink{ margin: 0; display: flex; justify-content: center;}
.maplink li{ position: relative; margin: 1.0em 1.0em 0 1.0em;}
.maplink li *{ margin-top: 0;}
.maplink a{ display: block; padding: 0.4em 2.0em; height: 100%; background: #b50005; color: #FFFFFF; text-decoration: none; text-align: center;}
.maplink a.gallery{ background: #0000bd;}




.box1_title{ background: #003476; color: #FFFFFF; line-height: 1.5; padding: 0.2em 1.0em; }
.box1{ margin: 0; background:#FFFFFF; padding: 1.5em; font-size:86%; width: 100%; height: 230px; overflow: scroll; border: 1px #CCCCCC; border-style: none solid solid solid;}


.yokokuBlock{ background: #FFFFFF; padding: 1.0em;}
.yokokuBlock h3{ margin: 0; font-size: 93%; border: solid 1px #a8a8a8;}
.yokokuBlock p{ font-size: 86%; line-height: 1.5;}


.fc{ margin-top: 0;}

@media screen and ( max-width: 480px ) {
  
  select, option{ white-space: normal;}

  
  .hcopy{ text-align: center;
  font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
  .hcopy  h2{ margin: 0.5em 0 0 0; font-size: 200%; color: #000000;}
  .hcopy  p{ margin: 2.0em 0 0 0; font-size: 100%; color: #000000; line-height: 2.0;}
  .hcopy  h3{ font-size: 116%; color: #00387E; text-shadow: 0px 0px 4px #FFFFFF; margin: 1.0em 0 0 0; line-height: 1.5;}
  .hcopy p.price{ font-size: 106%; margin: 0.5em 0 0 0; line-height: 1.5;}
  .hcopy p.price span{ color: #FF0000; font-size: 128%;}


  .sec01 .mb{ padding-top: 0;}
  .sec01 h2{ margin: 0; font-size: 150%; text-align: center;}
  
  .sec02 .mb{ display: block; }
  
  
  .concept .content{ width: 100%;}
  .concept .concept_ttl01 span{ font-size: 150%; }
  .concept aside{ display: block; position: absolute; margin: 0; top: 2.0em; left: 20%; right: 0; bottom: 2.0em;
background: url("../pre/tower_bg-20220124.jpg") no-repeat left center / cover; opacity: 0.5;}
  
  .location .location_box{ display: block;}
  .location .location_box figure{ margin-right: 0;}
  
  .gmapWrapper{ padding-top: 100%;}
  .maplink{ display: block;}
}



.mansion_gallery .flexbox{ display: flex; justify-content: space-between;}
.mansion_gallery .flexbox figure:first-child{ margin-right: 1.0em;}
.mansion_gallery .carnavi{ display: block; background: #002F7C; color: #FFFFFF; text-align: center; padding: 0.35em 0;}
@media screen and ( max-width: 480px ) { 
  .mansion_gallery .flexbox{ display: block;}
  .mansion_gallery .flexbox figure:first-child{ margin-right: 0;}
}

.voice_bnr{}
.voice_bnr .mb{ padding-top: 0;}
.voice_bnr img{ display: block; width: 100%;}

.section_obon{ margin: 0; padding: 0; background: #142D54;}
.section_obon .mb{ padding: 1.0em;}
.section_obon p{ margin: 0; padding: 0; text-align: center; line-height: 1.0; color: #FFFFFF; font-size: 240%;}
@media screen and ( max-width: 480px ) {
  .section_obon p{ font-size:136%; font-weight: bold;}
}