@charset "UTF-8";
@media screen and (max-width: 768px) {
  /* ----------------------------- 下層メインビジュアル */
  .main {
    padding: clamp(60px, 16vw, 120px) 0;
  }
  .main h1 {
    font-size: clamp(30px , 8vw, 47px);
    margin-bottom: 0;
  }
  .main .sub {
    font-size: 1.5rem;
    font-family: "Noto Serif JP", serif;
  }
  /* ----------------------------- CONCEPT */
  .concept_block {
    padding-bottom: 40px;
  }
  .concept_block ul {
    margin-top: 0;
  }
  .concept_block ul li {
    display: block;
    margin-bottom: 50px;
  }
  .concept_block ul li .img {
    width: auto;
  }
  .concept_block ul li .txt {
    width: auto;
    margin-top: 20px;
  }
  .concept_block ul li .txt .tit h4 {
    font-size: 1.6rem;
    width: 70px;
    height: 80px;
  }
  .concept_block ul li .txt .tit h4 span {
    height: 1.5em;
  }
  .concept_block ul li .txt .tit h3 {
    font-size: 1.8rem;
  }
  .concept_block ul li .txt p { 
      font-size: clamp(14px, 3.33vw, 25px);
      line-height: 1.84;
      letter-spacing: .13em;
    margin-top: 10px;
        text-align: justify;
  }
  .concept_block1 {
    padding-top: 40px;
  }
  .concept_block1 .read {
      font-size: clamp(12px, 3.73vw, 16px);
      text-align: center;
      line-height: 2.5;
      letter-spacing: .2em;
    margin-bottom: 40px;
  }
  
  .conceptLink-ttl{
    font-size: 1.8rem;
  }
  .concept_link ul li p {
    font-size: 1.4rem;
  }
  /* ----------------------------- DESIGN */
  .design_block1 {
    padding: 40px 0 20px;
  }
  .design_block1 .box1 .read {
        font-size: clamp(12px, 3.73vw, 16px);
        text-align: center;
        line-height: 2.5;
        letter-spacing: .2em;
  }
  .design_block1 .box1 .chart {
        margin-top: max(-19vw, -140px);
        padding-top: clamp(100px, 26.6vw, 200px);
        width: 90%;
  }
  .design_block2 .box2 ul {
    margin-top: clamp(46.5px , 12.4vw , 93px);
  }
  /* ----------------------------- PERFORMANCE STRUCTURE */
  .performance_block1 {
    padding: 40px 0;
  }
  .performance_block1 .read {
    font-size: clamp(13px, 3.73vw, 16px);
    text-align: center;
    line-height: 2.5;
      letter-spacing: .2em;
  }
  .performance_block1 .box {
    margin-top: 40px;
    padding: clamp(50px , 13.33vw , 100px) 0 clamp(50px , 13.33vw , 100px);
  }
  .performance_block1 .box h2 {
    font-size: 2.8rem;
    color: #fff;
    font-size: clamp(26px, 6.93vw, 52px);
    padding: 0;
    margin-top: 0;
    position: relative;
    letter-spacing: .15em;
  }
  .performance_block1 .box p {
    margin-top: 10px;
        font-size: clamp(13px, 3.4vw, 25px);
        text-align: left;
  }
  .performance_block1 .box .img {
    margin-top: 30px;
  }
  .performance_block1 .box .inner {
    margin-top: 30px;
  }
  .performance_block1 .box .inner table {
    font-size: 1.5rem;
    width: 100%;
  }
  .performance_block1 .box .inner table th {
    padding: 10px;
    font-size: clamp(13px , 3.46vw , 26px);
  }
  
  .performance_block1 .box .inner table td {
    padding: 10px;
    font-size: clamp(13px , 3.2vw , 24px);
  font-family: "Noto Serif JP", serif;
  color: #fff;
  }
  .performance_block2 .box2 ul li:first-child {
    width: 100%;
  }
  .performance_block2 .box2 ul li:first-child .inner {
    display: block;
  }
  .performance_block2 .box2 ul li:first-child .inner .detail {
    width: auto;
    margin-bottom: 30px;
  }
  .performance_block2 .box2 ul li:first-child .inner .detail:last-child {
    margin-bottom: 0;
  }
  .performance_block2 .box2 ul li:nth-child(3) {
    margin-right: 0 !important;
  }
  .performance_block2 .box2 ul li .btn1 {
    margin: 30px auto 40px;
  }
  /* ----------------------------- SUPPORT */
  .support_block1 {
    padding: 40px 0;
  }
  .support_block1 .box1 .read {
    font-size: clamp(13px, 3.73vw, 16px);
    text-align: center;
    line-height: 2.5;
    letter-spacing: .2em;
  }
  .support_block1 .box1 .img {
    margin-top: 40px;
  }
  /* ----------------------------- PROCESS */
  .process_block1 {
    padding-top: 40px;
  }
  .process_block1 .box1 .read {
    font-size: clamp(13px, 3.73vw, 16px);
    text-align: center;
    line-height: 2.5;
    letter-spacing: .2em;
  }
  
  /* ----------------------------- FEATURES */
  .features_block1 {
    padding-top: 40px;
  }
  .features_block1 .box1 .read {
    font-size: clamp(13px, 3.73vw, 16px);
    text-align: center;
    line-height: 2.5;
    letter-spacing: .2em;
  }
   .features_link {
    margin-top: 0;
  } 
  .features_link ul li {
    width: 49.7%;
    margin-bottom: 0.5%;
  }
  .features_link ul li a {
      font-size: clamp(13px, 3.33vw, 25px);
  }
  .features_link ul li a:after {
    right: 8%;
  }
  /* ----------------------------- FEATURES下層共通 */
  .features_common1 {
    padding-top: 40px;
  }
  .features_common1 h2 {
    font-size: 2.6rem;
  }
  .features_common1 .box {
    margin-top: 40px;
  }
  .features_common1 .box .inner {
    margin-top: 30px;
  }
  .features_common1 .box .inner .txt {
    margin-top: 20px;
  }
  .features_common1 .box .inner .txt p {
    font-size: clamp(14px, 3.33vw, 25px);
      line-height: 1.84;
      letter-spacing: .13em;
        text-align: justify;
  }
  .features_common2 {
    padding-top: 40px;
  }
  /* ----------------------------- LINE UP */
  .lineup_list {
    margin-top: 30px;
    display: block;
  }
  .lineup_list li {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .lineup_list li:last-child {
    margin-bottom: 0;
  }
  .lineup_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .lineup_list li .img {
    width: 50%;
  }
  .lineup_list li .txt {
    width: 45%;
    margin-top: 0;
  }
  .lineup_list li .txt h3 {
    font-size: 2rem;
    padding-bottom: 5px;
  }
  .lineup_list li .txt h3 small {
    display: block;
    font-size: 50%;
    margin-left: 0;
  }
  .lineup_list li .txt p {
    font-size: 1.3rem;
  }
  
  .lineup_block1 .read {
    font-size: 1.5rem;
    margin-bottom: 40px;
    padding: 0 3%;
    text-align: left;
  }
  .lineup_block1 .chart {
    margin-top: 40px;
  }
  .lineup_block1 ul {
    margin-top: 40px;
    display: block;
  }
  .lineup_block1 ul li {
    width: auto;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .lineup_block1 ul li:last-child {
    margin-bottom: 0;
  }
  .lineup_block1 ul li .txt {
    margin-top: 10px;
  }
  .lineup_block1 ul li .txt p {
    margin-top: 5px;
  }
  .lineup_block1 ul li .txt h3{
    font-size: clamp(20px , 3.33vw, 25px);
  }
  .lineup_block1 ul li .txt p{
    font-size: clamp(14px , 2.4vw , 18px);
  }
  /* ----------------------------- 各LINE UP共通 */
  .more_request {
    background: rgba(156, 196, 90, 0.5);
    padding: 3% 0;
  }
  .more_request .box {
    padding: 6% 8%;
  }
  .more_request .box h3 {
    font-size: clamp(16px, 4.4vw, 33px);
    display: inline-block;
  }
  .more_request .box ul {
    margin-top: 20px;
  }
  .more_request .box ul li {
    font-size: clamp(14px , 3.733vw , 28px);
    margin-bottom: 5px;
  }
  .more_request .box .img {
    margin-top: 20px;
  }
  .more_request .box .btn1 {
    margin-top: 30px;
  }
  .housing_performance {
    background: url(images/common/housing_performance_bg_sp.jpg) center no-repeat;
    background-size: cover;
    padding: 40px 0;
  }
  .housing_performance h2 {
    font-size: 2.4rem;
    letter-spacing: 0.1em;
  }
  .housing_performance h3 {
    font-size: 2rem;
    margin-top: 20px;
  }
  .housing_performance p {
    font-size: 1.5rem;
    margin-top: 10px;
  }
  .housing_performance .img {
    margin-top: 30px;
  }
  .housing_performance .inner {
    margin-top: 30px;
  }
  .housing_performance .inner table {
    font-size: 1.5rem;
    width: 100%;
  }
  .housing_performance .inner table th {
    padding: 10px;
  }
  .housing_performance .inner table th .line:before, .housing_performance .inner table th .line:after {
    width: 160%;
  }
  .housing_performance .inner table td {
    padding: 10px;
  }
  .housing_performance .btn1 {
    margin-top: 20px;
  }
  .lineup_common1 {
    padding: 20px 0 0;
  }

  .lineup_common1 h3 {
    font-size: clamp(18px, 3.33vw, 25px);
    margin-top: 0;
  }

  .lineup_common1 h3.underBar-ttl--style{
    font-size: clamp(23px, 4.66vw, 35px);
    margin-top: 40px;
  }
  .c_tit3--lineUp span{
    font-size: clamp(35px ,  8vw, 60px);
  }

  .lineup_common1 .box {
    margin-top: 40px;
  }
  .lineup_common1 .box .inner {
    display: block;
    margin-bottom: 40px;
  }
  .lineup_common1 .box .inner .img {
    width: auto;
  }
  .lineup_common1 .box .inner p {
    width: 93%;
    font-size: clamp(14px, 3.33vw, 25px);
      line-height: 1.84;
      letter-spacing: .13em;
    margin: 10px auto 0;
        text-align: justify;
    
  }

  .lineup_common2 .box1 {
    margin-top: 40px;
  }
  .lineup_common2 .box1 ul {
    display: block;
  }
  .lineup_common2 .box1 ul li {
    width: 80%;
    margin: 0 auto 50px;
  }
  .lineup_common2 .box1 ul li:last-child {
    margin-bottom: 0;
  }
  .lineup_common2 .box2 {
    margin-top: 40px;
  }
  .lineup_common2 .box2 ul {
    display: block;
  }
  .lineup_common2 .box2 ul li {
    width: auto;
    margin-right: 0;
    margin-bottom: clamp(39px ,10.4vw , 78px);
  }
  .lineup_common2 .box2 ul li .tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .lineup_common2 .box2 ul li .tit .number {
    font-size: clamp(50px, 6.66vw, 100px);
    font-family: "Noto Serif JP", serif;  
    color: #ABBF6F;
    width: clamp(55px, 14.66vw, 110px);

  }
  .lineup_common2 .box2 ul li .tit h3 {
    font-size: clamp(19.5px, 5.2vw, 39px);
    width: auto;
  }
  .lineup_common2 .box2 ul li p {
    font-size: clamp(14px, 3.33vw, 25px);
    line-height: 1.84;
    letter-spacing: .13em;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .lineup_common3 {
    padding: 40px 0;
  }
  .lineup_common3 .box {
    margin-top: 30px;
  }
  .lineup_common3 .box h3 {
    font-size: 2rem;
  }
  .lineup_common3 .box ul {
    margin-top: 10px;
  }
  .lineup_common3 .box ul li {
    font-size: clamp(14px , 3.733vw , 28px);
    margin-bottom: 5px;
  }
  .lineup_common3 .box .exhibition_hall {
    margin-top: 20px;
  }
  .lineup_common3 .box .exhibition_hall a {
    padding: 60px 0;
  }
  .lineup_common3 .box .exhibition_hall h4 {
    font-size: 3rem;
  }
  .lineup_common3 .box .exhibition_hall p {
    font-size: 1.4rem;
    margin-top: 5px;
  }
  .lineup_common4 {
    padding: 40px 0;
  }
  .lineup_common4 .event_bnr {
    margin-top: 30px;
    margin-bottom: 40px;
  }
  /* ----------------------------- HAGUMI */
  /* ----------------------------- luxury */
  .luxury_block2 .box1 h3 {
    font-size: clamp(17px, 3.33vw, 25px);
  }
  .luxury_block2 .box1 .hashtag {
    font-size: 1.4rem;
  }
  .luxury_block2 .box1 .img {
    margin-top: 20px;
  }
  .luxury_block2 .box1 .btn1 {
    margin-top: 30px;
  }
  /* ----------------------------- yorokobi */
  .yorokobi_block2 {
    padding-bottom: 40px;
  }
  .yorokobi_block2 ul {
    margin-top: 30px;
    display: block;
  }
  .yorokobi_block2 ul li {
    width: auto;
    margin-bottom: 50px;
  }
  .yorokobi_block2 ul li:last-child {
    margin-bottom: 0;
  }
  .yorokobi_block2 ul li .txt .logo {
    width: 180px;
  }
  .yorokobi_block2 ul li .txt h3 {
    font-size: 2rem;
  }
  .yorokobi_block2 ul li .txt p {
    font-size: 1.3rem;
    margin-top: 0;
  }
  /* ----------------------------- LIFE-LABEL */
  .life_label_block2 {
    padding-bottom: 40px;
  }
  .life_label_block2 ul {
    margin-top: 30px;
    display: block;
  }
  .life_label_block2 ul li {
    width: auto;
    margin-bottom: 50px;
  }
  .life_label_block2 ul li:last-child {
    margin-bottom: 0;
  }
  .life_label_block2 ul li .txt h3 {
    font-size: 2rem;
    margin-top: 10px;
  }
  .life_label_block2 ul li .txt p {
    font-size: 1.3rem;
    margin-top: 0;
  }
  /* ----------------------------- CHIKYU MINKA */
  .earth_block2 {
    padding-bottom: 0;
  }
  .earth_block2 .box1 .btn1 {
    margin-top: 20px;
  }
  .earth_block4 {
    padding-top: 0;
  }
  /* ----------------------------- WORKS */
  .works_block1 {
    padding-bottom: 40px;
  }

  .works_block1 .ch-works ul li{
    gap: 15px ;
  }
  .works_block1 .ch-works ul li .kinds {
    font-size: clamp(14px, 3.73vw, 16px);
    width: 70px;
  }
  .works_block1 .ch-works ul li .sub_list{
    gap: 10px 20px;
}
  .works_block1 .ch-works ul li .sub_list span a {
    font-size: 1.3rem;
  }
  .works-list article {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .works-list article:last-child {
    margin-bottom: 0;
  }
  .works-list article:nth-child(3n) {
    margin-right: 0;
  }
  .works-list article .txt .title {
    font-size: clamp(18px , 3.733vw , 28px);
  }
  .works-list-category {
    margin-bottom: 40px;
  }
  .works-list-category article .imgbox {
    padding-top: 100%;
  }
  .works-list-category article h2 {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .works .pagination {
    padding: 40px 0 0;
  }
  /* ----------------------------- WORKS詳細 */
  .single_works {
    padding-bottom: 40px;
  }
  .single_works .works-detail {
    padding: 0 5%;
  }
  .single_works .works-detail .main-slider .swiper-slide img {
    max-height: 250px;
  }
  .single_works .works-detail .main-slider .main-slider-next {
    right: 2%;
  }
  .single_works .works-detail .main-slider .main-slider-prev {
    left: 2%;
  }
  .single_works .works-detail .sub-slider {
    padding: 0 11%;
    margin-bottom: 30px;
  }
  .single_works .interview {
    margin-top: 60px;
  }
  .single_works .btn3 {
    margin-top: 50px;
  }
  .single_works .btn1 {
    margin-top: 20px;
  }
  /* ----------------------------- スタッフ紹介 */
  .staff_block1 {
    padding: 40px 0;
  }
  .staff_block1 ul li {
    width: 48%;
    margin-bottom: 30px;
  }
  .staff_block1 ul li:nth-child(2n) {
    margin-right: 0;
  }
  .staff_block1 ul li .inner .txt {
    margin-top: 10px;
  }
  .staff_block1 ul li .inner .txt .post {
    font-size: 1.2rem;
  }
  .staff_block1 ul li .inner .txt .name {
    font-size: 2rem;
  }
  .staff_block1 ul li .inner .txt .kana {
    font-size: 1.3rem;
  }
  .staff_block1 ul li .detail {
    width: 95%;
  }
  /* ----------------------------- お知らせ */
  .news-archive {
    margin-bottom: 40px;
  }
  .news .pagination {
    padding-bottom: 40px;
  }

.news .bx-wrapper{
  padding: 0 ;
}

  /* ----------------------------- イベント */


.event{
  margin-top: 75px;
}
  .event_block1 {
    padding: 0 0 40px;
  }
  .event_block1 .event_list {
    display: block;
  }
  .event_block1 .event_list li {
    width: auto;
    margin-right: 0;
  }

.event_block1 .event_list li a {
  display: block;
  padding: 8% 2%;
}
.event_block1 .event_list li:first-of-type a{
  padding-top: 0;
}
.event_block1 .event_list li a img{
  display: block;
  margin: 0 auto;
}
  /* ----------------------------- イベント詳細 */
  .single_event {
    margin-top: 0;
  }
  .single_event .news-detail {
    margin-top: 40px;
  }
  .single_event .news-detail .btn4 {
    margin-top: 30px;
  }
  .single_event .news-detail .img {
    margin-top: 40px;
  }
  .single_event .news-detail .img .bx-wrapper .bx-controls-direction a {
    width: 35px;
    height: 35px;
  }
  .single_event .news-detail .img .bx-wrapper .bx-controls-direction .bx-prev {
    left: -17px;
  }
  .single_event .news-detail .img .bx-wrapper .bx-controls-direction .bx-next {
    right: -17px;
  }
  .single_event .news-detail .contents {
    margin-top: 30px;
  }
  .single_event .contact_form table td .hope2 {
    margin-top: 20px;
  }
  /* ----------------------------- 資料請求・お問い合わせ */
  .contact .low {
    margin: 0;
  }
  .contact p {
    text-align: left;
    font-size: clamp(14px, 3.73vw, 16px);
  }
  .contact .contact_merit {
    margin-top: 30px;
  }
  .contact .contact_merit h3 {
    font-size: 2.2rem;
  }
  .contact .contact_merit ul {
    margin-top: 10px;
  }
  .contact .contact_merit ul li {
    font-size: 1.8rem;
  }
  .contact .img {
    margin-top: 20px;
  }
  .contact .lineup_select {
    margin-top: 30px;
  }
  .contact .lineup_select ul {
    display: block;
  }
  .contact .lineup_select ul li {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 5%;
  }
  .contact .lineup_select ul li:last-child {
    margin-bottom: 0;
  }
  .contact .lineup_select ul li h4 {
    font-size: 1.8rem;
  }
  .contact .lineup_select ul li .select_btn {
    width: 250px;
  }
  .contact .c_tit1 {
    font-size: clamp(23px, 4.66vw, 35px);
    margin-bottom: 20px;
  }
  .contact .tel h4 {
    font-size: 1.8rem;
  }
  .contact .tel p {
    text-align: center;
  }
  .contact .tel p span + span {
    margin-left: 0;
  }
  .contact .contact_form {
    margin-top: 40px;
    padding: 40px 0;
  }
  .contact .contact_form .box {
    padding: 6% 4%;
  }
  .contact .contact_form .box h3 {
    font-size: 2rem;
  }
  .contact .contact_form .box .contact_step:before {
    width: 89%;
  }
  .contact .contact_form .box table {
    margin-top: 20px;
  }
  .contact .contact_form .box table tr {
    display: block;
  }
  .contact .contact_form .box table th {
    display: block;
  }
  .contact .contact_form .box table td {
    display: block;
  }
  .contact .contact_form .box .privacy {
    margin-top: 40px;
  }
  .contact .contact_form .box .privacy h4 {
    font-size: 1.8rem;
  }
  .contact .btnArea button {
    display: block;
    width: 250px;
    margin: 10px auto !important;
  }
  .contact .btnArea .kakunin1 {
    background: #999 !important;
  }
  .contact .link_btn {
    width: 250px;
  }
  .recommendation{
    margin-top: clamp(83px , 22.13vw , 166px);
  }
  .recommendationConcept{
    background: #f0f0f0;
    position:relative;
    margin-top: clamp(45px , 12vw , 90px); 
    padding-bottom: clamp(56.5px , 15vw , 113px);  
  }
  .recommendationConcept::after{
    content: "";
    display: block;
    width: 100%;
    height: clamp(100px , 26.6vw , 200px);
    background: #f0f0f0;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
            clip-path: polygon(0 0, 0 100%, 100% 100%);
    position: absolute;
    top: 0;
    transform: translateY(-100%);
    left: 0;
  }
  .recommendationConcept-list{
    margin-top: 120px;
    background-color: polygon(0 0, 0 100%, 100% 100%);
  }

  .recommendationConcept-item:not(:first-of-type){
    margin-top: clamp(32.5px , 8.66vw , 65px);
  }
  .recommendationConcept-item a{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5.1%;
  }

  .recommendationConcept-item__side-l{
    width: 51.2%;
  }

  .recommendationConcept-item__side-r{
    width: 44.7%;
  }

  .recommendationConcept-ttl{
    font-size: clamp(16px , 4.4vw , 33px);
    padding-bottom: 27px;
    border-bottom: 1px dashed #231815;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    line-height: 1.2;
  }
  .recommendationConcept-ttl span{
      font-size: clamp(12px, 2.93vw, 22px);
      font-weight: 400;
      display: block;
      line-height: 1;
      margin-top: 5px;
  }
  .recommendationConcept-txt{
    font-size: 20px;
    font-size: clamp(13px , 2.66vw , 20px);
  } 


  .c_tit3--chart{
    padding-top: clamp(26px, 6.93vw, 52px)!important;
  }

.concept_common1 {
  margin-top: clamp(82.5px , 2.2vw , 165px);
}

.concept_link{
  padding: clamp(35px , 9.33vw , 70px) 0 clamp(42.5px , 11.33vw , 85px);
  position: relative;
  margin-top: clamp(-15px , -4vw , -30px);
  width: 100%;
}

.concept_link::after{
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 86.8%;
  height: 100%;
  background-color: #F0F0F0;
  z-index: -2;
}

.conceptLink-list{

}

.conceptLink-item{
  position: relative;
}

.conceptLink-item::after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: clamp(2.5px , 0.66vw , 5px);
  left: clamp(2.5px , 0.66vw , 5px);
  background-color: #9D9D9D;  
  z-index: -1;
}

.conceptLink-item:not(:first-of-type){
  margin-top: 23px;
}

.concept_link ul li.conceptLink-item a{
  padding: clamp(16px , 4.26vw , 32px) 17.3% clamp(16px , 4.26vw , 32px) 4.88%;
  background-color: #fff;
  border: 1px solid #9D9D9D; 
  display: block;
  position: relative;
}

.conceptLink-item a::after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 16px solid #abbf6f;
  border-right: 0;
  position: absolute;
  top: 50%;
  right: 4.7%;
  transform: translateY(-50%);
}

.conceptLink-ttl{
  font-size: clamp(18px , 4.8vw , 36px);
}

.conceptLink-ttl span{
    font-size: clamp(12px, 2.93vw, 22px);
}

.concept_link ul li p.conceptLink-txt{
  font-size: clamp(13px , 2.66vw , 20px);
  line-height: 1.41;
  letter-spacing: .1em;
  margin-top: 10px;
}

.map{
  margin-top: clamp(27.5px , 7.33vw , 55px);
}
.wrap--map{
  aspect-ratio: 1 / 0.66;
}
.map iframe{
  width: 100%;
  height: 100%;
  display: block;
}

.c_tit3--chart{
    top: unset;
    background: unset;
    width: max-content;
    padding: unset;
    margin: 0 auto;
    margin-top: clamp(35px , 9.33vw , 70px);
}
.design_block1 .box1 .chart img{
  width: 100%;
}

.lineup_common2 .box2 ul li.commitment-item{
  width: 100%;
}


.lineup_common2 .box2 ul li.commitment-item .img{
  aspect-ratio: unset;
}

.lineup_common2 .box2 ul li.commitment-item  img{
  position: relative;
  top: unset;
  left: unset;
  transform: unset;
}

.bl-btn{
  margin: clamp(25px, 6.66vw, 50px) auto 0;
}

.bl-btn--performance01{
  max-width: unset;
}

.bl-btn--performance05{
  width: 60.26%;
}
.bl-btn--doubleLine a{
  line-height: 1.2;
}

.lineup_common2 .box2 ul.commitment-list{
  gap: 40px;
} 

.bl-btn--process01-2{
  margin-top: 10px;
}


.greenTriangle-bgWrap::before{
    height: 100px;
    top: -99px;
  }


.c_tit3--onGreenTriangle,
.h2Ttl-onGreenTriangle{
  top: -7vw; 
}

.c_tit3--style{
  top: 0;
}
.features_common1--underMenu{
  padding-top: 0;
}

.img--underTtl{
  margin-top: 30px;
}

.placeImg-list{
    gap: clamp(42.5px , 11.33vw , 85px);
    margin-top:clamp(46.5px , 12.4vw , 93px);
}

.placeImg-item{
  width: 100%;
}

.placeImg-explain{
  font-size: clamp(18px , 4.8vw , 36px);
  margin-top: clamp(20px, 5.33vw, 40px);
}


.underBar-ttl{
  font-size: clamp(23px, 4.66vw, 35px);
}


.underBar-ttl__bottomTxt{
  font-size: clamp(14px, 3.33vw, 25px);
}

.lineup_common2 .box2 ul li.commitment-item.commitment-item--visionValue{
    width: 100%;
}

.wrap--size-s{
  width: 90%;
  margin: 0 auto;
}

.conceptList-txtWrap{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
  .c_tit3--onGreenTriangle--news-links{
    top: -4vw!important;
  }
}

.event_block1 .event_list li a .txt .title{
  font-size: clamp(15px, 2.93vw, 22px);
}
/*# sourceMappingURL=renovation-sp.css.map */


@media screen and (max-width: 768px) {
  .submitArrow {
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 768px) {
  .contact .low {
    margin: 0;
  }
  .contact p {
    text-align: left;
  }
  .contact .contact_merit {
    margin-top: 30px;
  }
  .contact .contact_merit h3 {
    font-size: 22px;
  }
  .contact .contact_merit ul {
    margin-top: 10px;
  }
  .contact .contact_merit ul li {
    font-size: 18px;
  }
  .contact .img {
    margin-top: 20px;
  }
  .contact .lineup_select {
    margin-top: 30px;
  }
  .contact .lineup_select ul {
    display: block;
  }
  .contact .lineup_select ul li {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 5%;
  }
  .contact .lineup_select ul li:last-child {
    margin-bottom: 0;
  }
  .contact .lineup_select ul li h4 {
    font-size: 18px;
  }
  .contact .lineup_select ul li .select_btn {
    width: 250px;
  }
  .contact .c_tit1 {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .contact .tel h4 {
    font-size: 18px;
  }
  .contact .tel p {
    text-align: center;
  }
  .contact .tel p span + span {
    margin-left: 0;
  }
  .contact .contact_form {
    margin-top: 40px;
    padding: 40px 0;
  }
  .contact .contact_form .box {
    padding: 6% 4%;
  }
  .contact .contact_form .box h3 {
    font-size: 20px;
  }
  .contact .contact_form .box .contact_step:before {
    width: 89%;
  }
}
@media screen and (max-width: 768px) {
  .contact .contact_form .box h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  input[type=radio] {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  input[type=radio]:checked:before {
    width: 5px;
    height: 5px;
  }
}

@media screen and (max-width: 420px) {
  .radioBtn {
    margin-right: 13px;
  }
  .radioBtn:last-of-type {
    margin-right: 0;
  }
}

@media screen and (max-width: 1024px) {
  .radioBtn-wrap__contactMethod {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  textarea {
    height: 170px;
  }

  .contact p.checkBox-explain {
    font-size: 14px;
  }
  .formTtl {
    font-size: 16px;
  }
  .formTtl span {
    font-size: 14px;
  }

.policy-check-wrap {
  font-size: 14px;
}

.contact p.privacy-txt {
  font-size: 14px;
}

.privacy-explain {
  font-size: 14px;
}

.checkBox-wrap {
  font-size: 14px;
}


.form-caution__item {
  font-size: 14px;
}

.contact-explain {
  font-size: 14px;
}

  .firstRead{
      font-size: clamp(13px, 3.73vw, 16px);
      text-align: center;
      line-height: 2.5;
      letter-spacing: .1em;
  }

.normalDocs{
  font-size:clamp(14px, 2.4vw, 18px);
}
.reservationMerit{   
    margin-top: 30px;
}

.reservationMerit-ttl{
  font-size: clamp(23px, 4.66vw, 35px);
}

.reservationMerit-list{
  margin-top: 20px;
  text-align: left;
}

.normalDocs--pageForm{
  text-align: left;
}
.contact-tel{
  padding: 30px 10px;
}

.reservationMerit-item {
  font-size: clamp(14px , 2.4vw , 18px);
  text-align: left;
  margin-bottom: 10px;
}

.reservationMerit-item::before {
  border-left: 3px solid #9cc45a;
  border-bottom: 3px solid #9cc45a;
}
.reservation-img{
  width: 100%;
}

.normalDocs--pageForm{
  width: 100%;
}


.contact-tel__companyName{
  font-size: clamp(15px , 2.66vw , 18px);
}

.contact-tel__phoneNum{
  font-size: clamp(16px , 2.66vw , 20px);
}

.contact-tel__time{
  font-size: clamp(12px, 1.86vw, 14px);
}

.lineup_select__list {
    flex-direction: column;
}
.lineup_select__item {
  width: 100%;
}

.lineup_select-name{
  font-size: clamp(23px, 4.66vw, 35px);
}
.txt_select,
.txt_deselect{
    padding: clamp(16px, 4.4vw, 30px) 0;
    font-size: clamp(16px, 3.33vw, 20px);
  }


.modelHouse-list{
  flex-direction: column;
  margin-top: 40px;
  gap: 40px;
}

.modelHouse-item{
  width: 100%;
}



.modelHouse-name{
    font-size: clamp(12px, 1.86vw, 16px);
}

.modelHouse-info{
  font-size: clamp(14px, 3.73vw, 16px);
}
.modelHouse-hash{
  font-size: clamp(14px, 3.73vw, 16px);
}

.article-ttl{
  font-size: clamp(23px, 4.66vw, 35px);
}

.bl-btn--styleDetail{
    width: 80%;
    max-width: 340px;
}


.main_sensesLogo{
    width: 70%;
}

.performance_block1 .box h2.c_tit3--housingPerformance{
  font-size: clamp(20px , 4.26vw , 32px);
}
.performance_block1 .box h2.housing-commonPerformance__ttl{
    padding-top: 0px;
    font-size: clamp(28px, 6.66vw, 50px);
    font-family: "Noto Serif JP", serif;
    margin-bottom: 30px;
    }

.lineup_common2 .box2 ul li .tit h3.style-detailList__ttlSize-s{
        font-size: clamp(16px, 4.4vw, 33px);
}

.lineup_common1 h3.pageStyle-subTtl--chikyuMinka{
  font-size: clamp(17px, 3.33vw, 25px);
}


.container--topPage{
  width: 100%;
  overflow-x: hidden;

}

  .top_lineup .bx-viewport{
    touch-action: pan-y !important; /* 縦スクロールを優先 */
  }


  .company-pageLink ul{
    padding: 0;
  }

  .company-pageLink ul li span{
      font-size: clamp(14px, 3.733vw, 28px);
  }

  .company-pageLink ul li+li{
      margin-left: 0px;
  }

  .company-pageLink ul li a{
      font-size: clamp(14px, 3.733vw, 28px);
  }

.lineUp-arrow{
  right: 10px;
  width: 25px;
  height: 1px;
  background-color: #212529;
}
.lineUp-arrow span{
    top: -3.5px;
    right: 1px;
}

.sensesAndScenes-ttl{
  margin-top: 30px;
  font-size: clamp(18px , 3.733vw , 28px);
}

.asText{
  font-size: 14px;
}

.sensesAndScenes-mainWrap{
    width: 100%;
    margin-top: 35px;
}

.sensesAndScenes-subTtl{
  text-align: center;
  font-size: clamp(20px, 3.06vw, 23px);
}

.lineup_common1 .box .inner p.sensesAndScenes-mainTxt {
  font-size: clamp(14px, 3.73vw, 16px);
}
.model-house-map{
    margin-bottom: 125px;
}

.chart-imgs{
    position: absolute;
    top: unset;
    height: calc(100% - clamp(100px, 26.6vw, 200px));
    max-width: 700px;
    aspect-ratio: 1 / 0.98;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
}
	
.event_closed{
font-size: 15px;
padding: 10px ;
}
}