@charset "UTF-8";

/* ページ共通 */

.all-content{
    width:100%;
    overflow: hidden;
}

.page header{
    position:static;
    background: linear-gradient(90deg, transparent 0%, transparent 55%, #F0F0F0 55%, #F0F0F0);
}

@media screen and (max-width:480px){
    .page header{
        background: linear-gradient(90deg, #fff 0%, #fff);
    }
}

  .page header.scroll{
    position: fixed;
    top: 0;
    left: 0;
    animation-name: header-anime;
    animation-duration: 0.3s;
    background: linear-gradient(90deg, #fff 0%, #fff);
  }

  @keyframes header-anime {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

#page-top{
    padding-bottom:50px;
    position:relative;
    background: linear-gradient(90deg, transparent 0%, transparent 55%, #F0F0F0 55%, #F0F0F0);
}

@media screen and (max-width:768px){
    #page-top{
        padding-bottom:30px;
    }
}

@media screen and (max-width:480px){
    #page-top{
        padding-bottom:10px;
        background: linear-gradient(90deg, #fff 0%, #fff);
    }
}

.page main{
    padding-top:0;
}

.page-mv{
    position:relative;
    margin:0 auto;
}

.page-h2{
    position:absolute;
    top:20%;
    left:7%;
    font-weight:300;
    z-index:10;
}

h2.page{
    font-size:75px;
    line-height:0.9;
}

.page-h2-jp{
    color:#000;
    font-size:23px;
    margin-top:40px;
    font-weight:500;
    letter-spacing:0.04em;
}

.page-mv-img img{
    width:75%;
    display:block;
    margin-left:auto;
}

.page-mv-img .sp-mv{
    display:none;
}

@media screen and (max-width:768px){
    .page-h2{
        left:5%;
    }
    
    h2.page{
        font-size:50px;
    }
    
    .page-h2-jp{
        color:#000;
        font-size:20px;
        margin-top:30px;
    }
}

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

    .page-h2{
        left:0;
        font-size:35px;
        top:50px;
    }

    h2.page{
        background-color:rgba(300,300,300,0.85);
        padding:10px 30px;
    }

    h2.page{
        font-size:35px;
    }
    
    .page-h2-jp{
        font-size:16px;
        margin-top:10px;
        padding-left:30px;
    }

    .page-mv-img img{
        width:75%;
    }
    

    .page-mv-img .sp-mv{
        display:block;
    }

    .page-mv-img .pc-mv{
        display:none;
    }
}

.effect-down {
    animation-name: fadedownAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-delay: .5s;
  }
  
  @keyframes fadedownAnime {
    0% {
        margin-top:-50px;
        padding-bottom:50px;
    }
    100% {
      opacity: 1;
      margin-top:0;
      padding-bottom:0;
    }
  } 

  .effect-down,
  .effect-right{
    opacity:0;
  }

  .effect-right {
    animation-name: faderightAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    animation-delay: 1s;
  }
  
  @keyframes faderightAnime {
    0% {
      opacity: 0;
      left:0;
    }
    100% {
      opacity: 1;
      left:10%;
    }
  }

  .page-h2.effect-right{
    animation-name: faderightAnimeh2;
  }

  @keyframes faderightAnimeh2 {
    0% {
      opacity: 0;
      left:0;
    }
    100% {
      opacity: 1;
      left:7%;
    }
  }

  @media screen and (max-width:768px){
    @keyframes faderightAnimeh2 {
        0% {
          opacity: 0;
          left:0;
        }
        100% {
          opacity: 1;
          left:5%;
        }
      }
  }

  @media screen and (max-width:480px){
    @keyframes faderightAnime {
        0% {
          opacity: 0;
          left:-10%;
        }
        100% {
          opacity: 1;
          left:0%;
        }
      }

      @keyframes faderightAnimeh2 {
        0% {
          opacity: 0;
          left:-10%;
        }
        100% {
          opacity: 1;
          left:0%;
        }
      }
  }


/* パンくずリスト */

.brunch{
    max-width:1080px;
    width:90%;
    margin:30px auto;
    font-size:16px;
    letter-spacing:0.04em;
    margin-left:7%;
}

@media screen and (max-width:768px){
    .brunch{
        margin-left:5%;
    }
}

@media screen and (max-width:480px){
    .brunch{
        margin:20px auto;
        font-size:14px;
    }
}


.brunch a{
    color:#D76717;

}

.h3-small{
    font-size:20px;
    font-weight:500;
}



/* サービス */

/* コンセプト */
#concept{
    padding-top:100px;
    padding-bottom:150px;
    width:90%;
    margin-left:10%;
}

@media screen and (max-width:768px){
    #concept{
        padding-top:70px;
        padding-bottom:100px;
    }
}

@media screen and (max-width:480px){
    #concept{
        padding-top:50px;
        padding-bottom:70px;
    }
}

.concept-flex{
    display:flex;
    align-items: center;
    justify-content: space-between;
    gap:6vw;
}

@media screen and (max-width:1280px){
    .concept-flex{
        align-items: flex-start;
    }
}

@media screen and (max-width:1080px){
    .concept-flex{
        display:block;
    }
}

@media screen and (min-width:1500px){
    .concept-flex{
        gap:90px;
    }
}

.concept-left{
    width:40%;
}

.concept-right{
    width:55%;
}

.concept-left{
    max-width:700px;
}

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

    #concept{
        margin:0 auto;
    }
    .concept-left,
    .concept-right{
        width:100%;
        max-width:1080px;
    }

    .concept-left{
        margin-bottom:50px;
    }
}

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

    .concept-left{
        margin-bottom:30px;
    }
}


.concept-img-top img{
    width:100%;
    height:auto;
    max-height:400px;
    object-fit: cover;
    object-position:center 75%;
}

.concept-img-bottom{
    display:flex;
    width:100%;
}

.concept-img-bottom img{
    width:50%;
    margin-top:-3px;
}

.h3-small{
    font-size:20px;
}

.concept-copy{
    margin:50px 0;
}

.concept-copy p{
    font-size:28px;
    letter-spacing:0.16em;
    width:100%;
    line-height:1.64;
    font-weight:500;
}

.concept-text p{
    font-size:18px;
    letter-spacing:0.08em;
    line-height:2.11;
}

@media screen and (max-width:1080px){
    .concept-copy p{
        width:90%;
    }

    br.static-none{
        display:none;
    }
}

@media screen and (max-width:768px){
    .h3-small{
        font-size:20px;
    }
    
    .concept-copy{
        margin:30px 0;
    }
    
    .concept-copy p{
        font-size:25px;
        width:90%;
    }
    
    .concept-text p{
        font-size:16px;
    }
}

@media screen and (max-width:480px){
    .h3-small{
        font-size:18px;
    }
    
    .concept-copy{
        margin:20px 0;
    }
    
    .concept-copy p{
        font-size:22px;
        width:100%;
    }
    
    .concept-text p{
        font-size:16px;
    }
}

/* したいこと */

#wants{
    background-image:url(img/wants-back.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    padding-top:100px;
    padding-bottom:120px;
    position:relative;
    background-position:center;
}

@media screen and (max-width:768px){
    #wants{
        padding-top:70px;
        padding-bottom:70px;
    }
}

.clip-bottom{
    position:absolute;
    background-color:#fff;
    clip-path: polygon(50% 100%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
    width:100%;
    height:100px;
    bottom:0;
}

@media screen and (max-width:768px){
    .clip-bottom{
        height:70px;
    }
}

@media screen and (max-width:480px){
    .clip-bottom{
        height:50px;
    }
}

.wants-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.wants-title{
    width:100%;
    padding:10px 0;
    background-color:rgba(300,300,300,0.5);
}

.wants-title p{
    font-size:27px;
    text-align: center;
    letter-spacing:0.16em;
    font-weight:600;
    line-height:1.8;
}

.wants-top-text{
    max-width:700px;
    width:100%;
    text-align: center;
    margin:0 auto;
    margin-top:20px;
}

.wants-top-text p{
    font-size:18px;  
    letter-spacing:0.08em;
    line-height:2.11;
}

@media screen and (max-width:768px){
    .wants-title{
        padding:7px 0;
    }
    
    .wants-title p{
        font-size:22px;
        letter-spacing:0.1em;
        line-height:1.6;
    }
    
    
    .wants-top-text p{
        font-size:16px;  
        line-height:1.8;
    }
}

.a-wants img{
    max-width:250px;
    background-color:#fff;
    border-radius:50%;
    padding:10px;
    box-sizing: border-box;
    width:19.5vw;
    min-width:175.5px;
    border:1px solid #D76717;
}

.a-wants{
    border-radius:50%;
    display:block;
    width:fit-content;
    margin-top:50px;
    animation-duration:1s;
}

.delay5{
    animation-delay:.5s;
}

.delay10{
    animation-delay:1s;
}

.delay15{
    animation-delay:1.5s;
}
  
.wants-wrap{
    display:flex;
    justify-content: space-between;
}

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

    .a-wants img{
        width:40vw;
        min-width:0px;
    }

    .wants-wrap{
        flex-wrap:wrap;
        max-width:510px;
        width:63vw;
        min-width:400px;
        width:100%;
        margin:0 auto;
        gap:0 10px;
        justify-content: space-evenly;
    }
      
}


@media screen and (max-width:480px){
    .a-wants img{
        width:180px;
        width:41vw;
        min-width:0;
        padding:5px;
        min-width:120px;
    }

    .a-wants{
        width:fit-content;
        margin:0 auto;
        margin-top:20px;
    }


    .wants-wrap{
        min-width:0;
        gap:10px;
        gap:2.08vw;
        width:100%;
    }
}


/* 実現できます */
#realize{
    padding-top:70px;
    padding-bottom:200px;
}
@media screen and (max-width:768px){
    #realize{
        padding-bottom:100px;
    }
}

@media screen and (max-width:480px){
    #realize{
        padding-bottom:70px;
    }
}

.realize-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.realize-title p{
    font-size:27px;
    font-weight:600;
    text-align: center;
    letter-spacing:0.16em;
    line-height:1.8;
}

.realize-title .big{
    font-size:40px;
}

@media screen and (max-width:768px){
    .realize-title p{
        font-size:22px;
        letter-spacing:0.08em;
    }
    
    .realize-title .big{
        font-size:26px;
    }
}

@media screen and (max-width:480px){
    .realize-title p{
        font-size:16px;
        letter-spacing:0.06em;
    }
    
    .realize-title .big{
        font-size:20px;
    }
}

.realize-text{
    max-width:700px;
    width:100%;
    margin:0 auto;
    text-align: center;
    margin-top:50px;
}

@media screen and (max-width:768px){
    .realize-text{
        text-align: left;;
    }
}

@media screen and (max-width:480px){
    .realize-text{
        margin-top:30px;
    }
}



.realize-text p{
    font-size:18px;
    line-height:2.11;
}

@media screen and (max-width:480px){
    .realize-text p{
        font-size:16px;
        line-height:1.8;
    }
}


.realize-illust{
    margin-top:10px;
}
.realize-illust img{
    width:100%;
}

/* 選ばれる理由 */

#service-reason{
    background-color:#F0F0F0;
    padding-top:100px;
    padding-bottom:100px;
}

@media screen and (max-width:768px){
    #service-reason{
        padding-top:70px;
        padding-bottom:70px;
    }
}

@media screen and (max-width:480px){
    #service-reason{
        padding-top:50px;
        padding-bottom:50px;
    }
}

.service-reason-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.page-h3 h3{
    font-size:70px;
    font-weight:300;
    letter-spacing:0.02em;
}

.page-h3 .h3-jp{
    font-size:32px;
    font-weight:500;
    letter-spacing:0.04em;
}

@media screen and (max-width:768px){
    .page-h3 h3{
        font-size:55px;
    }
    
    .page-h3 .h3-jp{
        font-size:24px;
    }
}

@media screen and (max-width:480px){
    .page-h3 h3{
        font-size:40px;
    }
    
    .page-h3 .h3-jp{
        font-size:18px;
    }
}

.service-reason-wrap{
    margin-top:70px;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:50px 5%; 
}
.a-service-reason{
    max-width:515px;
    width:47.5%;
}

@media screen and (max-width:768px){
    .service-reason-wrap{
        display:block;
    }
    .a-service-reason{
        max-width:800px;
        width:100%;
    }

    .a-service-reason + .a-service-reason{
        margin-top:50px;
    }
}

@media screen and (max-width:480px){
    .service-reason-wrap{
        margin-top:30px;
    }

    .a-service-reason + .a-service-reason{
        margin-top:30px;
    }
}

.a-service-rs-img img{
    width:100%;
}

.a-service-rs-title{
    margin-top:50px;
}

.a-service-rs-title p{
    font-size:27px;
    letter-spacing:0.08em;
}

.a-service-rs-text{
    margin-top:30px;
}

.a-service-rs-text p{
    font-size:16px;
    line-height:2;
}

@media screen and (max-width:768px){
    .a-service-rs-title{
        margin-top:30px;
    }
    
    .a-service-rs-title p{
        font-size:22px;
    }
    
    .a-service-rs-text{
        margin-top:20px;
    }
}

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

    .a-service-rs-title{
        margin-top:25px;
    }

    .a-service-rs-title p{
        font-size:20px;
    }

    .a-service-rs-text{
        margin-top:16px;
    }
    
}


/* 事業内容 -service */

#page-service{
    padding-top:200px;
    padding-bottom:400px;
    position:relative;
}

@media screen and (max-width:768px){
    #page-service{
        padding-top:70px;
        padding-bottom:220px;
    }
}

@media screen and (max-width:480px){
    #page-service{
        padding-top:50px;
        padding-bottom:200px;
    }
}

#page-service .page-h3{
    margin-left:10%;
}

@media screen and (max-width:768px){
    #page-service .page-h3{
        max-width:768px;
        width:90%;
        margin:0 auto;
    }
}

.page-service-content{
    width:90%;
}

@media screen and (max-width:480px){
    .page-service-content{
        width:100%;
    }
}

.a-pg-service{
    display:flex;
    background-color:#F0F0F0;
    max-width:1500px;
    width:100%;
}

@media screen and (max-width:1080px){
    .a-pg-service{
        display:block;
    }
}

.a-pg-service-img{
    max-width:572px;
    width:100%;
    height:100%;
    background-size:cover;
    min-width:520px;
}

.a-pg-service-img1{
    background-image:url(img/service-service1.jpg);
}

.a-pg-service-img2{
    background-image:url(img/service-service2.jpg);
}

.a-pg-service-img3{
    background-image:url(img/service-service3.jpg);
}

@media screen and (max-width:1080px){
    .a-pg-service-img{
        max-height:500px;
        height:40vw;
        width:100%;
        max-width:1080px;
        min-width:0;
    }

    .a-pg-service-img1{
        background-position:0% 10%;
    }
    
    .a-pg-service-img2{
        background-position:0% 58%;
    }
    
    .a-pg-service-img3{
        background-position: 0 15%;
    }
}

.a-pg-service-left{
    position:relative;
}

.a-pg-service-num{
    position:absolute;
    top:0;
    left:0;
}

.a-pg-service-num p{
    font-size:60px;
    background-color: #D76717;
    color:#fff;
    font-weight:300;
    width:92px;
    text-align: center;
    height:82px;
    box-sizing: border-box;
    padding:5px 0;
}

@media screen and (max-width:768px){
    .a-pg-service-num p{
        font-size:40px;
        width:80px;
        height:65px;
    }
}

@media screen and (max-width:768px){
    .a-pg-service-num p{
        font-size:30px;
        width:60px;
        height:50px;
    }
}

.a-pg-service-right{
    padding:50px;
    box-sizing: border-box;
    padding-bottom:70px;
}


@media screen and (max-width:1080px){
    .a-pg-service-right{
        padding:40px;
        padding-bottom:100px;
    }
}


@media screen and (max-width:480px){
    .a-pg-service-right{
        padding-bottom:50px;
    }
}

.a-pg-service-title p{
    font-size:35px;
    font-weight:600;
    padding-bottom:20px;
    border-bottom:4px solid #D76717;
    width:fit-content;
    position:relative;
}

@media screen and (max-width:768px){
    .a-pg-service-title p{
        font-size:28px;
        padding-bottom:15px;
    }
}

.a-pg-service-title p::after{
    content:"";
    height:4px;
    width:56%;
    background-color:#000;
    position:absolute;
    bottom:-4px;
    right:0;
}

.a-pg-service2 .a-pg-service-title p::after{
    width:50%;
}

.a-pg-service3 .a-pg-service-title p::after{
    width:32%;
}


.a-pg-service-category{
    display:flex;
    flex-wrap: wrap;
    max-width:560px;
    width:100%;
    gap:10px;
    margin-top:45px;
    min-width:355px;
}

.a-pg-service-category.row-2{
    display:flex;
    flex-wrap: wrap;
    max-width:400px;
    width:100%;
    gap:10px;
    margin-top:45px;
    min-width:0px;
}

.a-pg-service-category span{
    display:block;
    background-color: #ECE5E3;
    width:fit-content;
    font-size:16px;
    letter-spacing:0.06em;
    padding:10px;
    box-sizing: border-box;
    width:173px;
    text-align: center;
}

.a-pg-service-category.row-2 span{
    width:173px;
}

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

    .a-pg-service-category{
        display:flex;
        flex-wrap: wrap;
        max-width:768px;
        width:100%;
        gap:8px 2%;
    }
    .a-pg-service-category span{
        font-size:15px;
        width:32%;
        padding:10px 5px;
    }

    .a-pg-service-category.row-2 span{
        width:40%;
    }

}

@media screen and (max-width:480px){
    .a-pg-service-category{
        display:flex;
        flex-wrap: wrap;
        min-width:0;
        gap:5px 2%;
    }

    .a-pg-service-category span{
        font-size:12px;
        width:49%;
        padding:10px 3px;
    }

    .a-pg-service-category.row-2{
        max-width:768px;
        gap:5px 2%;
    }

    .a-pg-service-category.row-2 span{
        width:49%;
    }
}

.a-pg-service-text{
    margin-top:50px;
    width:100%;
    max-width:760px;
}

.a-pg-service-text p{
    font-size:16px;
    letter-spacing:0.06em;
    line-height:1.875;
}

.a-pg-service-right .view-btn{
    margin-left:auto;
    margin-right:5%;
    width:fit-content;
    margin-top:60px;
}

@media screen and (max-width:1080px){
    .a-pg-service-text{
        max-width:1080px;
    }

    .a-pg-service-right .view-btn{
        margin-right:120px;;
        margin-top:80px;
    }
}



@media screen and (max-width:480px){
    .a-pg-service-right .view-btn{
        margin-right:50px;
        margin-top:120px;
    }
} 

.page-service-wrap{
    margin-top:70px;
}

.a-pg-service + .a-pg-service{
    margin-top:100px;
}

@media screen and (max-width:480px){
    .a-pg-service + .a-pg-service{
        margin-top:70px;
    }
    
}

.page-service.word-roll{
    position:absolute;
    bottom:2%;
}

@media screen and (max-width:768px){
    .page-service.word-roll{
        bottom:1%;
    }
}

@media screen and (max-width:480px){
    .page-service.word-roll{
        bottom:0.5%;
    }
}

.a-pg-service1{
    position:relative;
}

.page-service-illust{
    position:absolute;
    right:30px;
    top:-132px;
}

.page-service-illust img{
    width:216px;
}

@media screen and (max-width:1300px){
    .page-service-illust{
        top:-10.15vw;
    }
    
    .page-service-illust img{
        width:16.6vw;
    }
}

@media screen and (max-width:768px){
    .page-service-illust{
        top:-73px;
    }
    
    .page-service-illust img{
        width:120px;;
    }
}

@media screen and (max-width:480px){
    .page-service-illust{
        top:-60px;
    }
    
    .page-service-illust img{
        width:100px;;
    }
}


/* 会社概要ページ */

/* ページ内ジャンプナビ */

#company-nav{
    margin-top:50px;
}

.company-nav-content{
    max-width:810px;
    width:90%;
    margin:0 auto;
    box-sizing: border-box;
}

.company-nav{
    display:flex;
    justify-content: space-between;
    gap:10px;
}

.company-nav-item{
    font-size:20px;
    color:#fff;
    letter-spacing:0.04em;
    background-color:#3E3A39;
    width:187.5px;
    text-align: center;
    padding:25px 0;
    transition:.3s;
}

.company-nav a:hover .company-nav-item{
    background-color:#D76717;
}  

@media screen and (max-width:900px){
    
    .company-nav{
        gap:1.11vw;
    }
    
    .company-nav-item{
        font-size:2.222223vw;;
        width:20.83vw;;
        padding:2.7778vw 0;
    }
}

@media screen and (max-width:900px){
    
    .company-nav{
        gap:1.11vw;
    }
    
    .company-nav-item{
        font-size:2.222223vw;;
        width:20.83vw;;
        padding:2.7778vw 0;
    }
}

@media screen and (max-width:480px){
    
    .company-nav{
        gap:3px;
    }
    
    .company-nav-item{
        font-size:12px;
        padding:10px 0px;
    }
}

@media screen and (max-width:360px){
    
    
    .company-nav-item{
        font-size:10px;
        padding:10px 0px;
    }
}

/* 基本理念 */

#identity{
    padding-top:100px;
    scroll-margin-top:50px;
}

.identity-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.identity-title p{
    text-align: center;
    font-size:29px;
    line-height:1.72;
    letter-spacing:0.16em;
    font-weight:500;
}

@media screen and (max-width:768px){
    .identity-title p{
        font-size:25px;
        letter-spacing:0.1em;
    }
}

@media screen and (max-width:480px){
    .identity-title p{
        font-size:21px;
        letter-spacing:0.08em;
    }
}

.identity-text{
    margin-top:50px;
    text-align: center;
}

.identity-text p{
    font-size:18px;
    letter-spacing:0.08em;
    line-height:2.11;
}

@media screen and (max-width:768px){
    .identity-text{
        margin-top:30px;
    }
    
    .identity-text p{
        font-size:16px;
        line-height:2;
        text-align: left;
    }
}

.identity-illust{
    margin-top:-5px;
}

@media screen and (max-width:768px){
    .identity-illust{
        margin-top:30px;
    }
}

.identity-illust img{
    width:100%;
}

/* message */

#message{
    padding-top:150px;
    padding-bottom:130px;
    position:relative;
}

@media screen and (max-width:768px){
    #message{
        padding-top:120px;
        padding-bottom:100px;
    }
}

@media screen and (max-width:480px){
    #message{
        padding-top:80px;
        padding-bottom:70px;
    }
}

.message-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
    display:flex;
    gap:5%;
}


@media screen and (max-width:768px){
    .message-content{
        display:block;
    }
}

.message-left,
.message-right{
    width:47.5%;
}


@media screen and (max-width:768px){
    .message-left,
    .message-right{
        width:100%;
    }

    .message-right{
        margin-top:30px;
    }
}

.message-left img{
    width:100%;
}

.message-right p{
    font-size:18px;
    letter-spacing:0.06em;
    line-height:2;
}

.message-right{
    margin-top:auto;
}

@media screen and (max-width:768px){
    .message-right{
        margin-top:30px;;
    }
}

@media screen and (max-width:480px){
    .message-right{
        margin-top:20px;
    }
}

.message-right.effect{
    animation-delay:.5s;
}

.message-right.fadeup{
    animation-name: fadeUpAnime2;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime2 {
    from {
      opacity: 0;
      transform: translateY(50px);
    }
    to {
      opacity: 1;
      transform: translateY(0px);
    }
  }


.message-back{
    position:absolute;
    width:100%;
    height:525px;
    background-color:#F0F0F0;
    clip-path: polygon(100% 1%, 100% 75%, 0 100%, 0 25%);
    bottom:0;
    z-index:-1;
}

.message-back.fadeup{
    animation-name: fadeUpAnime3;
    animation-duration: 0.5s;
    animation-delay:1s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime3 {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

@media screen and (max-width:768px){
    .message-back{
        height:400px;
    }
}

.message-back.effect{
    transition-delay:1.5s;
}


/* 会社概要　company */

#company-info{
    padding-top:70px;
    padding-bottom:200px;
    scroll-margin-top:50px;
}

@media screen and (max-width:768px){
    #company-info{
        padding-bottom:150px;
        scroll-margin-top:50px;
    }
}

@media screen and (max-width:480px){
    #company-info{
        padding-top:50px;
        padding-bottom:100px;
        scroll-margin-top:50px;
    }
}

.company-info-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.company-info-table{
    margin:0 auto;
    width:fit-content;
    padding-left:165px;
    position:relative;
    margin-top:75px;
}

@media screen and (max-width:1200px){
    .company-info-table{
        padding-left:13.75vw;
    }
}

@media screen and (max-width:480px){
    .company-info-table{
        padding-left:0;
    }
}

.company-info-illust1,
.company-info-illust2{
    position:absolute;
}

.company-info-illust1{
    top:-155px;
    right:0px;
}

.company-info-illust1{
    width:107px;
}

.company-info-illust2{
    bottom:0;
    left:-25px;;
}
.company-info-illust2 img{
    width:167px;
}

@media screen and (max-width:1200px){
    .company-info-illust1{
        top:-12.75vw;
    }
    
    .company-info-illust1{
        width:8.9vw;
    }
    
    .company-info-illust2{
        left:-2.08vw;
    }
    .company-info-illust2 img{
        width:13.916vw;
    }
}

@media screen and (max-width:480px){
    .company-info-illust2{
        display:none;
    }

    .company-info-illust1{
        top:-143px;
    }
    
    .company-info-illust1{
        width:100px;
    }
}

.a-table-row{
    display:flex;
    align-items: center;
    width:fit-content;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    background-color:#FFF5EB;
}

.a-table-row.first{
    border-top:1px solid #000;
}

.company-info-table dt,
.company-info-table dd{
    font-size:16px;
    font-weight:500;
    letter-spacing:0.1em;
    padding:25px 0;
    font-family: 'Noto Sans JP', sans-serif;
    font-feature-settings: "palt";
    padding-left:40px;
}

.company-info-table dd{
    border-right:1px solid #000;
    border-left:1px solid #000;
    background-color:#fff;
}


.company-info-table dt{
    width:245px;
    height:auto;
    display:block;
}

.company-info-table dd{
    width:595px;
}

@media screen and (max-width:768px){
    .tb-br dd{
        padding:30px;
    }
}

.company-info-table dt span,
.company-info-table dd span{
    font-family: 'Noto Sans JP', sans-serif;
}


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

.company-info-table dt,
.company-info-table dd{
    padding-left:3.333vw;
}

    .company-info-table dt{
        width:20.41vw;

    }
    
    .company-info-table dd{
        width:49.583vw;
    }
    
}

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

.company-info-table dt,
.company-info-table dd{
    padding-left:3.333vw;
    padding-left:1vw;
    font-size:15px;
}
    
    .company-info-table dd span{
        line-height:1.75;
    }
}

@media screen and (max-width:480px){
    .company-info-table dt,
    .company-info-table dd{
        padding-left:5px;
        font-size:14px;
    }
    
        .company-info-table dt{
            width:25vw;
    
        }
        
        .company-info-table dd{
            width:63vw;
        }
}

.a-table-row dd .small{
    font-size:14px;
}

.a-table-row dd a{
    color:#D76717;
    padding-bottom:2px;
    border-bottom:1px solid #D76717;
    font-family: 'Noto Sans JP', sans-serif;
    transition:.3s;
}

.a-table-row dd a:hover{
    opacity:0.7;
}

.multi span{
    line-height:1.75;
    display:block;
}

/* member メンバー紹介 */

#members{
    background-color:#F0F0F0;
    padding-top:100px;;
    padding-bottom:100px;
}

@media screen and (max-width:768px){
    #members{
        padding-top:70px;;
        padding-bottom:70px;
    }
}

@media screen and (max-width:480px){
    #members{
        padding-bottom:50px;
    }
}

.members-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.a-member-big{
    max-width:100%;
    min-width:410px;
    padding:30px;
    box-sizing: border-box;
    background-color:#fff;
    display: flex;
    align-items: center;
        gap: 50px;
}
@media screen and (max-width:1200px){
    .a-member-big{
        align-items: flex-start;
    }
}
@media screen and (max-width:950px){
    .a-member-big{
        flex-direction: column;
    }
}

@media screen and (max-width:480px){
    .a-member-big{
        gap: 0;
    }
}

@media screen and (max-width:480px){
    .a-member-big{
        min-width:0px;
        padding:20px;
    }
}

.a-member-big-img img{
    width:100%;
}

@media screen and (max-width:480px){
    .a-member-big-img img{
        height:60vw;
        object-fit: cover;
    }
}

.a-member-big-img{
    position:relative;
    width: 50%;
}
@media screen and (max-width:950px){
    .a-member-big-img{
        width: 100%;
    }
}


.a-member-big-name{
    background-color:#D76717;
    border-radius:25px 0 25px 0;
    box-sizing: border-box;
    position:absolute;
    left:0;
    /* bottom:-4.6vw;
    padding:1.54vw;
    height:9.23vw; */
}

@media screen and (max-width:1080px){
    .a-member-big-name{
        height:100px;
        padding:17px;
        bottom: -30px;
    }
}

@media screen and (max-width:480px){
    .a-member-big-name{
        height:90px;
        padding:15px;
        bottom:-60px;
    }
}

@media screen and (min-width:1080px){
    .a-member-big-name{
        height:120px;
        padding:20px;
        left: -10px;
        bottom: -10px;
    }
}



.a-member-big-name p{
    color:#fff;
}

.a-member-big-name .position{
    font-size:16px;
    letter-spacing:0.04em;
    font-size:1.23vw;
}

.a-member-big-name .name{
    font-size:25px;
    font-weight:500;
    letter-spacing:0.04em;
    margin-top:10px;
    font-size:1.92vw;
    margin-top:0.78vw;
}

.a-member-big-name .name-en{
    font-size:14px;
    letter-spacing:0.18em;
    opacity:0.7;
    margin-top:7px;
    font-size:1.076vw;
    margin-top:0.538vw;
}

@media screen and (max-width:1080px){
    .a-member-big-name .position{
        font-size:14px;
    }
    
    .a-member-big-name .name{
        font-size:20px;
        margin-top:7px;
    }
    
    .a-member-big-name .name-en{
        font-size:12px;
        margin-top:5px;
    }
}

@media screen and (max-width:480px){
    .a-member-big-name .position{
        font-size:14px;
    }
    
    .a-member-big-name .name{
        font-size:18px;
        margin-top:7px;
    }
    
    .a-member-big-name .name-en{
        font-size:11px;
        margin-top:5px;
    }
}

@media screen and (min-width:1300px){
    .a-member-big-name .position{
        font-size:16px;
    }
    
    .a-member-big-name .name{
        font-size:25px;
        margin-top:10px;
    }
    
    .a-member-big-name .name-en{
        font-size:14px;
        margin-top:7px;
    }
}


.a-member-big-text{
    width: 50%;
}
@media screen and (max-width:950px){
    .a-member-big-text{
    width: 100%;
}
}

.a-member-big-text p{
    font-size:16px;
    letter-spacing:0.08em;
    line-height:1.8;
}

@media screen and (max-width:480px){
    .a-member-big-text{
        margin-top:70px;
    }
    
    .a-member-big-text p{
        font-size:15px;
        line-height:1.7;
        text-align: justify;
    }
}

.member-area1{
    display:flex;
    justify-content: space-between;
    margin-top:70px;
    gap:20px;
    justify-content: center;
}

@media screen and (max-width:950px){
    .member-area1{
        display:block;
        max-width:510px;
        margin:0 auto;
        margin-top:70px;
    }

    .a-member-big + .a-member-big{
        margin-top:30px;
    }
}


     /* モーダルウィンドウ */

     #members-wrap{
        scroll-margin-top:100px;
     }

      /* モーダルボタン（アイコン部分） */
      
      .modal-open-button{
        border-radius:50% 0 50% 50%;
        display:block;
        overflow: hidden;
        padding:0; 
        max-width:245px;
        max-height:245px;
        min-width:170px;
        min-height:170px;
        width:18.8vw;
        height:18.8vw;
        background-color:rgba(0,0,0,0);
      }

      .modal-open-button:hover .a-member-img img{
        opacity:0.7;
      }

      .a-member-img img{
        transition:.3s;
      }

      .modal-open-button:hover .click-img img{
        opacity:1;
      }
      
      .button {
        border:none;
        display:block;
        padding:0; 
        border-radius:50%;
      }

      .button img{
        max-width:245px;
        max-height:245px;
        min-width:170px;
        min-height:170px;
        width:18.8vw;
        height:18.8vw;
        object-fit: cover;
        border-radius:50%;
        cursor: pointer;
      }


      @media screen and (max-width:480px){
        .modal-open-button{
            min-width:150px;
            min-height:150px;
          }
          .button img{
            min-width:150px;
            min-height:150px;
          }
    }

      .a-member-img{
        position:relative;
      }

      .click-img{
        position:absolute;
        top:0;
        right:0;
      }

      .click-img img{
        max-width:55px;
        max-height:55px;
        min-width:0;
        min-height:0;
        border-radius:0;
      }

      @media screen and (max-width:480px){
        .click-img img{
            width:40px;
            height:40px; 
          }
    }

    .a-member-name{
        text-align: center;
        margin-top:37px;
        line-height:1;
        margin-top:2.846vw;
    }

    .a-member-name .position{
        font-size:16px;
        letter-spacing:0.04em;
        font-size:1.23vw;
    }

    .a-member-name .name{
        font-size:25px;
        letter-spacing:0.04em;
        margin-top:15px;
        font-size:1.92vw;
        margin-top:1.15vw;
    }

    .a-member-name .name-en{
        font-size:16px;
        letter-spacing:0.04em;
        opacity:0.5;
        margin-top:17px;
        font-size:1.23vw;
        margin-top:1.31vw;
    }

    @media screen and (max-width:1080px){
        .a-member-name{
            margin-top:30px;
        }
    
        .a-member-name .position{
            font-size:14px;
        }
    
        .a-member-name .name{
            font-size:22px;
            margin-top:13px;
        }
    
        .a-member-name .name-en{
            font-size:14px;
            margin-top:15px;
        }
    }

    @media screen and (max-width:768px){
        .a-member-name{
            margin-top:20px;
        }
    
        .a-member-name .name{
            font-size:20px;
            margin-top:12px;
        }
    
        .a-member-name .name-en{
            margin-top:13px;
        }
    }

    @media screen and (max-width:480px){
        .a-member-name{
            margin-top:15px;
        }
    
        .a-member-name .position{
            font-size:13px;
        }
    
        .a-member-name .name{
            font-size:18px;
            margin-top:10px;
        }
    
        .a-member-name .name-en{
            font-size:13px;
            margin-top:12px;
        }
    }

    @media screen and (min-width:1300px){
        .a-member-name{
            margin-top:37px;
        }
    
        .a-member-name .position{
            font-size:16px;
        }
    
        .a-member-name .name{
            font-size:25px;
            margin-top:15px;
        }
    
        .a-member-name .name-en{
            font-size:16px;
            margin-top:17px;
        }
    }


    .member-wrap{
        display:flex;
        gap:50px 33px;
        flex-wrap:wrap;
        margin-top:100px;
    }

    @media screen and (max-width:900px){
        .member-wrap{
            max-width:590px;
            margin:0 auto;
            margin-top:100px;
            gap:40px 20px;
            justify-content: space-between;
        }
    }

    @media screen and (max-width:630px){
        .member-wrap{
            max-width:390px;
            margin:0 auto;
            margin-top:100px;
            gap:30px 15px;
            justify-content: space-between;
        }
    }

    @media screen and (max-width:630px){
        .member-wrap{
            max-width:390px;
            margin:0 auto;
            margin-top:100px;
            gap:30px 15px;
            justify-content: space-between;
        }
    }

    @media screen and (max-width:480px){
        .member-wrap{
            max-width:340px;
            margin-top:70px;
            gap:20px 10px;
        }
    }


    /* モーダル中身 */

    .layer {
        background: rgba(0, 0, 0, .2);
        width: 100%;
        height: 100%;
        position:fixed;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s linear, visibility .3s linear, z-index 1s linear;
      }
      
      .layer.is-open {
        z-index: 999;
        opacity: 1;
        visibility: visible;
      }
      
      .layer.is-open .modal{
        opacity: 1;
        visibility: visible;
      }
    
      .close-button {
        position: relative;
        padding:10px 50px;
        background-color:#3E3A39;
        border:none;
        border-radius:100px;
        display:block;
        margin:0 auto;
        font-size:16px;
        color:#fff;
        cursor: pointer;
        letter-spacing:0.1em;
        margin-top:30px;
      }
      
      .modal {
        position: absolute;
        left:50%;
        top:50%;
        transform: translate(-50%,-50%);
        margin-right: auto;
        margin-left: auto;
        width: 80%;
        max-width: 800px;
        opacity: 0;
        visibility: hidden;
        transition:  visibility .7s linear, opacity .7s linear;
        box-sizing: border-box;
        height:600px;
        overflow:auto;
        min-width:585px;
      }

      @media screen and (max-width:768px){
        .modal {
            height:670px;
            min-width:400px;
            width:80%;
          }
      }

      @media screen and (max-width:480px){
        .modal {
            height:620px;
            min-width:200px;
            width:90%;
          }
      }
    
    
      .modal__inner {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
        box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.25);
        display: block;
        height: auto;
        overflow: hidden;
      }
      
      .modal-content {
        padding:50px;
      }

      @media screen and (max-width:480px){
        .modal-content {
            padding:30px 20px;
          }
      }


    .a-member-data-title{
        display:flex;
        align-items: center;
        gap:50px;
    }

    .a-member-data-img img{
        width:230px;
        height:230px;
        border-radius:50%;
        object-fit:cover;
    }

    .a-member-data-name p{
        display:block;
    }

    .a-member-data-name .position{
        font-size:16px;
        letter-spacing:0.04em;
    }
    .a-member-data-name .name{
        font-size:25px;
        letter-spacing:0.04em;
        margin-top:15px;
    }
    .a-member-data-name .name-en{
        font-size:16px;
        letter-spacing:0.04em;
        margin-top:10px;
    }

    .a-member-data-name{
        text-align:left;
    }

    @media screen and (max-width:768px){
        .a-member-data-title{
            display:block;
        }

        .a-member-data-img img{
            width:200px;
            height:200px;
            display:block;
            margin:0 auto;
        }
    
        .a-member-data-name p{
            display:block;
            text-align: center;
        }

        .a-member-data-name{
            margin-top:20px;
        }
    
        .a-member-data-name .position{
            font-size:15px;
        }
        .a-member-data-name .name{
            font-size:22px;
            letter-spacing:0.04em;
            margin-top:13px;
        }
        .a-member-data-name .name-en{
            font-size:15px;
            margin-top:8px;
        }
      }

      @media screen and (max-width:480px){
        .a-member-data-img img{
            width:160px;
            height:160px;
        }
        .a-member-data-name{
            margin-top:15px;
        }
    
        .a-member-data-name .position{
            font-size:14px;
        }
        .a-member-data-name .name{
            font-size:15px;
            margin-top:12px;
        }
        .a-member-data-name .name-en{
            font-size:14px;
            margin-top:6px;
        }
      }

    .a-member-data-text{
        margin-top:30px;
    }

    @media screen and (max-width:480px){
        .a-member-data-text{
            margin-top:20px;
        }
      }

    .a-member-data-text p{
        font-size:16px;
        letter-spacing:0.04em;
        line-height:1.7;
        text-align: justify;
    }

    @media screen and (max-width:480px){
        .a-member-data-text p{
            font-size:15px;
            line-height:1.6;
        }
      }

/* accsess　アクセス */

#access{
    padding-top:200px;
    scroll-margin-top:-100px;
}

@media screen and (max-width:768px){
    #access{
        padding-top:100px;
        scroll-margin-top:0px;
    }
}

@media screen and (max-width:480px){
    #access{
        padding-top:70px;
    }
}

.access-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.g-map{
    position:relative;
    margin-top:70px;
}

.g-map iframe{
    width:100%;
    max-height:500px;
    height:38.46vw;
    min-height:300px;
}

.map-illust{
    position:absolute;
    top:-11.66vw;
    right:10px;
}

.map-illust{
    max-width:293px;
    width:27.129vw;
    min-width:168px;
}

@media screen and (max-width:620px){
    .map-illust{
        top:-72px;
    }
}

@media screen and (max-width:480px){
    .map-illust{
        top:-64px;
    }
    
    .map-illust{
        min-width:150px;
        width:150px;
    }
}

@media screen and (min-width:1080px){
    .map-illust{
        top:-126px;
    }
}


.access-info{
    display:flex;
    gap:159px;
    margin-top:50px;
}

@media screen and (max-width:1080px){
    .access-info{
        gap:50px;
    }
}

@media screen and (max-width:900px){
    .access-info{
        display:block;
    }

    .access-info-right{
        margin-top:30px;
    }
}

.access-info p{
    font-size:18px;
    line-height:1.667;
}

.access-info-left,
.access-info-right{
    padding-left:10px;
    border-left:7px solid #D76717;
    height:fit-content;
}

@media screen and (max-width:768px){
    .access-info p{
        font-size:16px;
    }
}

@media screen and (max-width:480px){
    .access-info p{
        font-size:15px;
    }

    .access-info-left,
    .access-info-right{
    border-left:5px solid #D76717;
}
}


#access .word-roll{
    position:static;
    margin-top:190px;
    margin-bottom:60px;
}

@media screen and (max-width:768px){
    #access .word-roll{
        margin-top:120px;
        margin-bottom:50px;
    }
}

@media screen and (max-width:480px){
    #access .word-roll{
        position:static;
        margin-top:70px;
        margin-bottom:30px;
    }
}


/* residential-property 居住用不動産の販売 */

h2.shadow{
    text-shadow:1px 1px 5px #fff,-1px 1px  5px #fff,1px -1px  5px #fff,-1px -1px  5px #fff;
}


#myhome{
    padding-top:100px;
}

@media screen and (max-width:480px){
    #myhome{
        padding-top:0px;
    }
}

.myhome-content{
    width:90%;
    margin-right:auto;
    display:flex;
    gap:5%;
    align-items: flex-end;
}


@media screen and (max-width:1360px){
    .myhome-content{
        align-items: center;
    }

    .myhome-content.resi{
        align-items: flex-end;
    }
}

@media screen and (max-width:1080px){
    .myhome-content{
        flex-direction:column-reverse;
        margin:0 auto;
    }
}

.myhome-left{
    width:50%;
}

.myhome-right{
    width:35%;
}

@media screen and (max-width:1360px){
    .myhome-right{
        width:45%;
    }
}

@media screen and (max-width:1080px){
    .myhome-left{
        width:100%;
        margin-top:30px;
    }
    
    .myhome-right{
        width:100%;
    }
}

.myhome-right.fadeup{
    animation-name: fadeUpAnime6;
    animation-delay:.5s;
}

@keyframes fadeUpAnime6 {
    from {
      opacity: 0;
      margin-top:-50px;
      margin-bottom:50px;
    }
    to {
      opacity: 1;
      margin-top:0px;
      margin-bottom:0;
    }
  }

.myhome-left img{
    width:100%;
}

@media screen and (max-width:1080px){
    .myhome-left img{
        width:100%;
        height:52vw;
        object-fit: cover;
        object-position:30% center;
    }
}

.myhome-title{
    font-size:28px;
    font-weight:500;
    letter-spacing:0.16em;
    line-height:1.65;
}

.myhome-text{
    font-size:18px;
    letter-spacing:0.06em;
    line-height:2.11;
    margin-top:75px;
    text-align: justify;
}

.myhome-text.resi{
    margin-top:50px;
}

@media screen and (max-width:768px){
    .myhome-title{
        font-size:24px;
        letter-spacing:0.1em;
        line-height:1.6;
    }
    
    .myhome-text{
        font-size:16px;
        line-height:2;
        margin-top:50px;
    }
}

@media screen and (max-width:480px){
    .myhome-title{
        font-size:22px;
    }
    
    .myhome-text{
        font-size:16px;
        line-height:1.8;
        margin-top:30px;
    }
}

.myhome-illust img{
    width:173px;
    display:block;
    margin-left:auto;
    margin-right:-20px;
}

.myhome-illust.resi img{
    width:130px;
}

@media screen and (max-width:1080px){
    .myhome-illust img{
        width:130px;
        margin-right:0px;
    }
}

@media screen and (max-width:1080px){
    .myhome-illust img,
    .myhome-illust.resi img{
        width:110px;
    }
}

#able{
    padding-top:100px;
}
.able-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width:1140px){
    .able-content{
        align-items: flex-start;
    }
}

@media screen and (max-width:870px){
    .able-content{
        display:block;
    }
}

.able-left,
.able-right{
    width:47.5%;
}

@media screen and (max-width:870px){
    .able-left,
    .able-right{
        width:100%;
    }

    .able-right{
        max-width:600px;
        margin:0 auto;
        margin-top:50px; 
    }
}

.able-left.fadeup{
    animation-name: fadeUpAnime2;
}


.able-right.effect-right-js{
    opacity: 0;
    transition:.5s;
    transform:translateX(-50px);
    transition-delay:.5s;
  }

  .able-right.fade-right-js{
    animation-fill-mode: forwards;
    opacity: 1;
    transform:translateX(0);
  }

.able-title{
    font-size:28px;
    font-weight:500;
    letter-spacing:0.16em;
    line-height:1.5;
}

.able-text{
    font-size:18px;
    line-height:2.11;
    text-align: justify;
    margin-top:45px;
}

@media screen and (max-width:768px){
    .able-title{
        font-size:24px;
        letter-spacing:0.1em;
        line-height:1.5;
    }
    
    .able-text{
        font-size:16px;
        line-height:2;
        margin-top:40px;
    }
}

@media screen and (max-width:480px){
    .able-title{
        font-size:22px;
        letter-spacing:0.1em;
        line-height:1.5;
    }
    
    .able-text{
        font-size:16px;
        line-height:1.8;
        margin-top:30px;
    }
}

.able-wrap{
    display:flex;
    flex-wrap:wrap;
    gap:30px 20px;
}

@media screen and (max-width:1140px){
    .able-wrap{
        justify-content: space-evenly;
    }
}

@media screen and (max-width:480px){
    .able-wrap{
        width:90%;
        margin:0 auto;
    }
}

.a-able-img img{
    width:87px;
}

.a-able-img{
    padding:30px;
    border-radius:50%;
}

@media screen and (max-width:480px){
    .a-able-img img{
        width:34vw;
        box-sizing: border-box;
        padding:7vw;
    }
    
    .a-able-img{
        padding:0vw;
        box-sizing: border-box;
    }
}

.a-able-img.or{
    background-color:#D76717;
}

.a-able-img.yl{
    background-color:#DCA028;
}

.a-able-title{
    text-align: center;
    font-size:21px;
    letter-spacing:0.04em;
    margin-top:25px;
}

.andmore p{
    font-size:20px;
    letter-spacing:0.04em;
    text-align: end;
    display:block;
    width:fit-content;
    margin-right:-20px;
    margin-left:auto;
    margin-top:20px;
}

@media screen and (max-width:870px){
    .andmore p{
        margin-top:50px;
    }
}

@media screen and (max-width:768px){
    .andmore p{
        margin-right:0;
    }
}

@media screen and (max-width:480px){
    .a-able-title{
        font-size:16px;
        margin-top:10px;
    }
    
    .andmore p{
        font-size:16px;
        letter-spacing:0.04em;
    }
}

.page-residential.word-roll{
    position:static;
    margin:100px 0;
}

@media screen and (max-width:768px){
    .page-residential.word-roll{
        margin:70px 0;
    }
}

@media screen and (max-width:480px){
    .page-residential.word-roll{
        margin:50px 0;
    }
}
/* strength 強み */

#strength{
    padding-top:200px;
    padding-bottom:200px;
}

@media screen and (max-width:768px){
    #strength{
        padding-top:100px;
        padding-bottom:100px;
    }
}

@media screen and (max-width:480px){
    #strength{
        padding-top:70px;
        padding-bottom:70px;
    }
}

.strength-content .section-head,
.strength-top-text{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.strength-wrap{
    margin-top:110px;
}

@media screen and (max-width:768px){
    .strength-wrap{
        margin-top:70px;
    }
}

@media screen and (max-width:480px){
    .strength-wrap{
        margin-top:50px;
    }
}

.strength-top-text{
    font-size:18px;
    letter-spacing:0.04em;
    margin-top:80px;
    line-height:2.11;
    font-feature-settings: "palt";
}

@media screen and (max-width:768px){
    .strength-top-text{
        font-size:16px;
        margin-top:50px;
    }
}

@media screen and (max-width:480px){
    .strength-top-text{
        font-size:16px;
        margin-top:30px;
    }
}

.a-strength-bg{
    background: linear-gradient(90deg, transparent 0%, transparent 40%, #F0F0F0 40%, #F0F0F0);
}

.a-strength-bg.reverse{
    background: linear-gradient(90deg, #F0F0F0 0%, #F0F0F0 60%, transparent 60%, transparent);
}

@media screen and (max-width:950px){
    .a-strength-bg{
        background: linear-gradient(#fff 0%, #fff);
    }
    
    .a-strength-bg.reverse{
        background: linear-gradient(#fff 0%, #fff);
    }

}


.a-strength-img{
    clip-path: polygon(30% 0, 100% 25%, 100% 100%, 0 100%, 0 25%);
    max-width:515px;
    max-height:580px;
    width:47.7vw;
    height:53vw;
    position:relative;
    z-index:5;
}

.a-strength-bg.reverse .a-strength-img{
    clip-path: polygon(70% 0, 100% 25%, 100% 100%, 0 100%, 0 25%);
    max-width:515px;
    max-height:580px;
    width:47.7vw;
    height:53vw;
}


.a-strength-img img{
    object-fit: cover;
    max-width:515px;
    max-height:580px;
    width:47.7vw;
    height:53vw;
}

.a-strength-img.pr-3 img{
    object-position:85%;
}

.a-strength-img.resi-2 img{
    object-position:90%;
}

.a-strength-img.resi-3 img{
    object-position:20%;
}


@media screen and (max-width:950px){
    .a-strength-img,
    .a-strength-bg.reverse .a-strength-img{
        width:100%;
        height:53vw;
        max-width:800px;
    }
    
    .a-strength-img img{
        width:100%;
        height:53vw;
        max-width:800px;
    }

    .a-strength-img.pr-3 img{
        object-position:center;
    }

    .a-strength-img.resi-2 img,
    .a-strength-img.resi-3 img{
        object-position:center;
    }
}

.a-strength{
    display:flex;
    align-items: flex-start;
    gap:50px;
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

@media screen and (max-width:950px){
    .a-strength{
        display:block;
    }
}

.a-strength.reverse{
    flex-direction: row-reverse;
}


.a-strength-right{
    padding:120px;
    padding-left:0;
    padding-top:200px;
    padding-right:0px;
    position:relative;
}

@media screen and (max-width:950px){
    .a-strength-right{
        padding:0px;
        padding-top:120px;
        padding-bottom:70px;
    }

    .a-strength-right::before{
        content:"";
        width:1000px;
        left:50%;
        transform: translateX(-50%);
        height:80px;
        background-color:#f0f0f0;
        position:absolute;
        top:-50px;
        z-index:0;
    }
}

@media screen and (max-width:480px){
    .a-strength-right::before{
        height:60px;
        top:-40px;
    }
}

.a-strength-num{
    text-align: center;
    width:120px;
    padding-right:35px;
    background-color:#F0F0F0;
    position:absolute;
    left:0;
    top:140px;
    z-index:2;
}

@media screen and (max-width:950px){
    .a-strength-num{
        left:0px;
        top:60px;
        background-color:#fff;
    }
}

@media screen and (max-width:768px){
    .a-strength-num{
        width:100px;
    }
}

@media screen and (max-width:480px){
    .a-strength-num{
        width:80px;
        left:0px;
        top:75px;
    }
}

.a-strength-num .point{
    font-size:25px;
    letter-spacing:0.02em;
    font-weight:300;
    line-height:1;
}

.a-strength-num .point-num{
    font-size:70px;
    font-weight:300;
    letter-spacing:0.12em;
    line-height:1;
}

@media screen and (max-width:768px){
    .a-strength-num .point{
        font-size:22px;
    }
    
    .a-strength-num .point-num{
        font-size:60px;
    }
}

@media screen and (max-width:480px){
    .a-strength-num .point{
        font-size:18px;
    }
    
    .a-strength-num .point-num{
        font-size:50px;
    }
}

.a-strength-content{
    padding:60px 0;
    border-top:1px dashed #000;
    border-bottom:1px dashed #000;
    position:relative;
}

.a-strength-illust{
    position:absolute;
}

.a-strength-illust.illust1 img{
    width:115px;
}

.a-strength-illust.illust1{
    top:-90px;
    right:0;
}

.a-strength-illust.illust2 img{
    width:113px;
}

.a-strength-illust.illust2{
    top:-84px;
    right:0;
}

.a-strength-illust.illust3 img{
    width:132px;
}

.a-strength-illust.illust3{
    top:-85px;
    right:0;
}

.a-strength-title{
    font-size:24px;
    line-height:1.6;
    font-weight:600;
    letter-spacing:0.06em;
}

.a-strength-text{
   font-size:18px;
   line-height:1.67;
   letter-spacing:0.06em;
   margin-top:50px;
   font-feature-settings: "palt";
}

@media screen and (max-width:768px){
    .a-strength-title{
        font-size:22px;
    }
    
    .a-strength-text{
       font-size:16px;
       line-height:1.6;
    }
}

@media screen and (max-width:480px){
    .a-strength-title{
        font-size:20px;
    }
    
    .a-strength-text{
       font-size:16px;
       margin-top:30px;
    }
}

.a-strength-bg + .a-strength-bg{
    margin-top:100px;
}

@media screen and (max-width:768px){
    .a-strength-bg + .a-strength-bg{
        margin-top:70px;
    }
}

@media screen and (max-width:480px){
    .a-strength-bg + .a-strength-bg{
        margin-top:50px;
    }
}

.strength-hosoku{
    text-align: end;
    font-size:14px;
    margin-top:20px; 
}

/* ライフプラン */

#lifeplan{
    background-color:#F0F0F0;
    padding-top:100px;
    padding-bottom:100px;
}

@media screen and (max-width:480px){
    #lifeplan{
        padding-top:70px;
        padding-bottom:70px;
    }
}

.lifeplan-top-text{
    font-size:18px;
    line-height:2.11;
    letter-spacing:0.06em;
    margin-top:70px;
    margin-bottom:90px;
    font-feature-settings: "palt";
}

.lifeplan-top-text .orange{
    font-size:27px;
    font-weight:600;
    letter-spacing:0.06em;
    line-height:1.6;
    margin-bottom:10px;
}

@media screen and (max-width:768px){
    .lifeplan-top-text{
        font-size:16px;
        margin-top:50px;
    }
}

@media screen and (max-width:480px){
    .lifeplan-top-text .orange{
        font-size:22px;
    }
    
}

.lifeplan-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.table-img{
    margin:0 auto;
    width:100%;
    padding:50px;
    background-color:#fff;
    position:relative;
}

@media screen and (max-width:768px){
    .table-img{
        padding:70px 50px;
    }
}

@media screen and (max-width:480px){
    .table-img{
        padding:50px 30px;
    }
}

.scroll-img-box{
overflow: auto; /* はみ出した時だけスクロールバーが出現する */
}


.scroll-img-box img{
width:100%;
min-width:700px;/* スクロールバーを出現させる幅　*/
}

.lifeplan-table{
    position:relative;
}

.lifeplan-table + .lifeplan-table{
    margin-top:130px;
}

@media screen and (max-width:768px){
    .lifeplan-table + .lifeplan-table{
        margin-top:100px;
    }
}

@media screen and (max-width:480px){
    .lifeplan-table + .lifeplan-table{
        margin-top:70px;
    }
}


.lifeplan-table .table-title{
    font-size:28px;
    color:#fff;
    background-color:#D76717;
    display:block;
    width:fit-content;
    padding:15px 50px;
    border-radius:500px;
    position:absolute;
    z-index:5;
    top:-30px;
    left:50px;
}

@media screen and (max-width:768px){
    .lifeplan-table .table-title{
        font-size:24px;
    }
}

@media screen and (max-width:480px){
    .lifeplan-table .table-title{
        font-size:18px;
        padding:10px 30px;
        top:-22px;
        left:20px;
    }
}

.table-img img{
    width:100%;
}

.table-annotation{
    text-align: right;
    font-size:20px;
    font-weight:500;
    margin-bottom:20px;
}

@media screen and (max-width:768px){
    .table-annotation{
        font-size:18px;
        margin-bottom:15px;
    }
}

@media screen and (max-width:480px){
    .table-annotation{
        font-size:16px;
        margin-bottom:10px;
    }
}

.table-explain{
    margin-top:70px;
    font-size:18px;
    line-height:2;
    letter-spacing:0.08em;
    font-feature-settings: "palt";
    text-align: justify;
}

@media screen and (max-width:768px){
    .table-explain{
        margin-top:50px;
        font-size:16px;
    }
}

@media screen and (max-width:480px){
    .table-explain{
        margin-top:30px;
        font-size:16px;
        line-height:1.8;
    }
}

/* cases */

#cases{
    padding-top:200px;
    padding-bottom:200px;
}

@media screen and (max-width:768px){
    #cases{
        padding-top:100px;
        padding-bottom:100px;
    }
}

@media screen and (max-width:480px){
    #cases{
        padding-top:70px;
        padding-bottom:70px;
    }
}

#cases .section-head{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.cases-wrap{
    margin-top:70px;
}

@media screen and (max-width:768px){
    .cases-wrap{
        margin-top:50px;
    }
}

.a-case{
    display:flex;
    max-width:1500px;
    width:90%;
    margin-left:auto;
}

@media screen and (max-width:950px){
    .a-case{
        flex-direction:column-reverse;
    }
}

.a-case.reverse{
    flex-direction:row-reverse;
    margin-left:-50px;
}

@media screen and (max-width:950px){
    .a-case.reverse{
        flex-direction:column-reverse;
    }
}

.a-case.reverse.effect-right-js{
    opacity: 0;
    transition:.5s;
    margin-left:-50px;
  }

  .a-case.reverse.fade-right-js{
    animation-fill-mode: forwards;
    opacity: 1;
    margin-left:0;
  }

.a-case + .a-case{
    margin-top:100px;
}

@media screen and (max-width:768px){
    .a-case + .a-case{
        margin-top:70px;
    }
}

@media screen and (max-width:480px){
    .a-case + .a-case{
        margin-top:50px;
    }
}

.a-case-left{
    background-color:#F0F0F0;
    position:relative;
    padding:50px 45px;
    padding-top:120px;
    width:56%;
}

@media screen and (max-width:950px){
    .a-case-left{
        width:100%;
    }
}

@media screen and (max-width:768px){
    .a-case-left{
        padding:50px 45px;
        padding-top:100px;
    }
}

@media screen and (max-width:480px){
    .a-case-left{
        padding:30px;
        padding-top:80px;
    }
}

.a-case-img{
    width:44%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center;
}

.a-case-img.pr-case-1{
    background-image: url(img/pr-case1.jpg);
}

.a-case-img.pr-case-2{
    background-image: url(img/pr-case2.jpg);
}

.a-case-img.pr-case-3{
    background-image: url(img/pr-case3.jpg);
    background-position:right center;
}

.a-case-img.resi-case-1{
    background-image: url(img/resi-case1.jpg);
    background-position:80% bottom;
}

.a-case-img.resi-case-2{
    background-image: url(img/resi-case2.jpg);
}

.a-case-img.resi-case-3{
    background-image: url(img/resi-case3.jpg);
    background-position:80% center;
}

@media screen and (max-width:950px){
    .a-case-img{
        width:100%;
        height:40vw;
        background-position:center !important
    }
    
}

.a-case-num{
    position:absolute;
    top:0;
    left:0;
    width:93px;
    height:82px;
    background-color:#D76717;
    color:#fff;
    text-align: center;
    font-size:60px;
    font-weight:300;
    padding-top:5px;
}

.a-case-title{
    font-size:30px;
    font-weight:600;
    letter-spacing:0.04em;
    line-height:1.4;
}

@media screen and (max-width:768px){
    .a-case-num{
        width:80px;
        height:72px;
        font-size:50px;
    }
    
    .a-case-title{
        font-size:26px;
    }
}

@media screen and (max-width:480px){
    .a-case-num{
        width:70px;
        height:62px;
        font-size:40px;
        padding-top:7px;
    }
    
    .a-case-title{
        font-size:22px;
        line-height:1.5;
    }
}

.a-case-balloon{
    position:relative;
    padding:30px;
    background-color:#ECE5E3;
    font-size:16px;
    line-height:1.625;
    margin-top:30px;
    font-feature-settings: "palt";
    letter-spacing:0.04em;
}

@media screen and (max-width:768px){
    .a-case-balloon{
        padding:25px;
        margin-top:25px;
    }
}

@media screen and (max-width:480px){
    .a-case-balloon{
        padding:20px;
        margin-top:20px;
    }
}

.balloon-clip{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #ece5e3 transparent transparent transparent;
    margin:0 auto;
}

.a-case-text{
    margin-top:16px;
    font-size:20px;
    letter-spacing:0.02em;
    line-height:1.6;
    text-align: justify;
}

.a-case-text .orange{
    font-weight:600;
}

@media screen and (max-width:768px){
    .a-case-text{
        margin-top:15px;
        font-size:18px;
    }
}

@media screen and (max-width:480px){
    .a-case-text{
        font-size:16px;
    }
}

/* flow */

#flow{
    background-image:url(img/flow-back.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top:110px;
    padding-bottom:100px;
}

@media screen and (max-width:768px){
    #flow{
        padding-top:100px;
    }
}

@media screen and (max-width:480px){
    #flow{
        padding-top:70px;
        padding-bottom:70px;
    }
}

.flow-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.flow-wrap{
    display:flex;
    justify-content: space-between;
    margin-top:70px;
}

.buyer-flow{
    width:410px;
    border:4px solid #C81E00;
    background-color:#fff;
}

.coco-flow{
    width:410px;
    border:4px solid #F0641E;
    background-color:#fff;
}

.flow-name{
    font-size:30px;
    letter-spacing:0.12em;
    color:#fff;
    text-align: center;
    padding:15px 0;
}

.flow-name.buyer{
    background-color:#C81E00;
}

.flow-name.coco{
    background-color:#F0641E;
}

.flow-content-wrap{
    padding:45px;
}

.a-flow{
    padding:30px;
    font-size:16px;
    line-height:1.625;
}

.a-flow.buyer{
    background-color:#FFE1E1;
}

.a-flow.coco{
    background-color:rgba(255,230,220,0.9);
}

.flow-clip.buyer{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #C81E00 transparent transparent transparent;
    margin:15px auto;
}

.flow-clip.coco{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #F0641E transparent transparent transparent;
    margin:15px auto;
}


.five-step-clip{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 20px 0 20px;
    border-color: #f4a474 transparent transparent transparent;
    margin:0 auto;
    margin-bottom:10px;
}

.five-step-title{
    background-color:#f4a474;
    color:#fff;
    text-align: center;
    padding:15px 0;
    letter-spacing:0.02em;
    font-size:23px;
    line-height:1.3;
    width:160px;
}

.a-step{
    width:160px;
    height:165px;
    text-align: center;
    border:2px solid #f4a474;
    background-color:#fff;
    padding-top:30px;
    position:relative;
}

.a-step::after{
    content:"";
    width:2px;
    height:50px;
    background-color:#000;
    position:absolute;
    bottom:-52px;
}

.a-step.no-border::after{
    height:0;
}

.a-step-num{
    font-size:21px;
    font-weight:500;
}

.a-step-text{
    font-size:22px;
    margin-top:15px;
    line-height:1.36;
    font-weight:500;
    letter-spacing:0.16em;
}

.a-step + .a-step{
    margin-top:50px;
}

.flow-table-img{
    width:100%;
    margin:0 auto;
    margin-top:70px;
}

@media screen and (max-width:480px){
    .flow-table-img{
        margin-top:50px;
    }
}

.flow-table-img img{
    max-width:1300px;
    width:100%;

}


/* residentialのfaq */

#residential-faq{
    padding-top:200px;
}

@media screen and (max-width:768px){
    #residential-faq{
        padding-top:100px;
    }
}

@media screen and (max-width:480px){
    #residential-faq{
        padding-top:70px;
    }
}

.residential-faq-wr.word-roll{
    position:static;
    margin-top:90px;
    padding-bottom:60px;
}

@media screen and (max-width:768px){
    .residential-faq-wr.word-roll{
        margin-top:0px;
        padding-bottom:30px;
    }
}

@media screen and (max-width:480px){
    .residential-faq-wr.word-roll{
        padding-bottom:20px;
    }
}

.faq-flex.residential{
    padding-bottom:140px;
}

@media screen and (max-width:768px){
    .faq-flex.residential{
        padding-bottom:70px;
    }
}

@media screen and (max-width:480px){
    .faq-flex.residential{
        padding-bottom:50px;
    }
}


.faq-flex.residential .faq-illust{
    bottom:0;
}

/* プラポリ */

#privacy{
    padding-top:100px;
    padding-bottom:60px;
}

@media screen and (max-width:780px){
    #privacy{
        padding-bottom:50px;
    }
}

@media screen and (max-width:480px){
    #privacy{
        padding-top:70px;
        padding-bottom:30px;
    }
}

.privacy-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.privacy-content .p{
    font-size:16px;
    letter-spacing:0.16em;
    line-height:2;
    text-align: justify;
}

.p-title{
    font-size:20px;
    font-weight:500;
    color:#D76717;
    letter-spacing:0.08em;
}

.indent-title{
    font-size:20px;
    font-weight:500;
    letter-spacing:0.08;
}

@media screen and (max-width:768px){
    .privacy-content .p{
        letter-spacing:0.1em;
        line-height:1.8;
    }
    
    .p-title{
        font-size:18px;
    }
    
    .indent-title{
        font-size:18px;
    }
}

@media screen and (max-width:480px){
    .privacy-content .p{
        letter-spacing:0.08em;
        line-height:1.7;
    }
    
    .p-title{
        font-size:16px;
        line-height:1.6;
    }
    
    .indent-title{
        font-size:16px;
        line-height:1.6;
    }
}

.mt-70{
    margin-top:70px;
}

.mt-50{
    margin-top:50px;
}

.mt-60{
    margin-top:60px;
}

.mt-40{
    margin-top:40px;
}

@media screen and (max-width:768px){
    .mt-70{
        margin-top:50px;
    }

    .mt-60{
        margin-top:40px;
    }
      
    .mt-50{
        margin-top:30px;
    }
    
    .mt-40{
        margin-top:20px;
    }
}

@media screen and (max-width:480px){
    .mt-70{
        margin-top:40px;
    }

    .mt-60{
        margin-top:30px;
    }
      
    .mt-50{
        margin-top:25px;
    }
    
    .mt-40{
        margin-top:20px;
    }
}

.a-privacy-section + .a-privacy-section{
    margin-top:100px;
}

@media screen and (max-width:768px){
    .a-privacy-section + .a-privacy-section{
        margin-top:70px;
    }
}

@media screen and (max-width:480px){
    .a-privacy-section + .a-privacy-section{
        margin-top:50px;
    }
}

.indent-1{
    margin-left:50px;
}

.indent-2{
    margin-left:30px;
}

.indent-3{
    margin-left:20px;
}

@media screen and (max-width:768px){
    .indent-1{
        margin-left:35px;
    }
    
    .indent-2{
        margin-left:25px;
    }
    
    .indent-3{
        margin-left:25px;
    }
}

@media screen and (max-width:480px){
    .indent-1{
        margin-left:30px;
    }
    
    .indent-2{
        margin-left:20px;
    }
    
    .indent-3{
        margin-left:20px;
    }
}

.pri-poli.word-roll{
    position:static;
    margin-top:200px;
}

@media screen and (max-width:780px){
    .pri-poli.word-roll{
        position:static;
        margin-top:100px;
    }
}

@media screen and (max-width:480px){
    .pri-poli.word-roll{
        position:static;
        margin-top:60px;
    }
}

/* property-management */

#system{
    padding-top:150px;
}

.system-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.system-title{
       font-size:36px;
       font-weight:500;
       padding-bottom:25px;
       border-bottom:4px solid #D76717;
       position:relative;
       letter-spacing:0.04em;
}

.system-title::after{
    content:"";
    height:4px;
    width:55%;
    background-color:#000;
    position:absolute;
    bottom:-4px;
    right:0;
}

.system-title::before{
    content:"MANAGEMENT SYSTEM";
    color:#878787;
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
    font-size:18px;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right:0;
    letter-spacing:0.02em;
}


@media screen and (max-width:830px){
    .system-title{
        font-size:28px;
        padding-bottom:30px;
 }
 
 .system-title::before{
     top:40px;
     transform: translateY(0%);
     left:0;
 }
}

@media screen and (max-width:480px){
    .system-title{
        font-size:22px;
        padding-bottom:25px;
 }
 
 .system-title::before{
     top:30px;
     font-size:16px;
 }
}

.system-img{
    width:90%;
    margin:0 auto;
    margin-top:100px;
}

.scroll-img-box.system img{
    min-width:500px;/* スクロールバーを出現させる幅　*/
    }

@media screen and (max-width:768px){
    .system-img{
        width:100%;
        margin-top:70px;
    }
}

@media screen and (max-width:470px){
    .system-img{
        width:100%;
        margin-top:50px;
    }
}

.system-img img{
    width:100%;
}

.system-text{
    font-size:18px;
    text-align: center;
    line-height:2.11;
    letter-spacing:0.06em;
    width:90%;
    margin:0 auto;
    margin-top:100px;
    font-feature-settings: "palt";
}

@media screen and (max-width:768px){
    .system-text{
        width:100%;
        margin-top:70px;
        text-align: justify;
    }
}

@media screen and (max-width:480px){
    .system-text{
        margin-top:50px;
        font-size:16px;
    }
}

.system-illust{
    margin-top:20px;
}

.system-illust img{
    width:100%;
}


/* 強み */


.a-strength-illust.illust4 img{
    width:132px;
}

.a-strength-illust.illust4{
    top:-89px;
    right:0;
}

.a-strength-illust.illust5 img{
    width:128px;
}

.a-strength-illust.illust5{
    top:-91px;
    right:0;
}

.a-strength-illust.illust6 img{
    width:130px;
}

.a-strength-illust.illust6{
    top:-86px;
    right:0;
}

/* comparison */

#comparison{
    padding-bottom:200px;
}

@media screen and (max-width:768px){
    #comparison{
        padding-bottom:100px;
    }
}

@media screen and (max-width:480px){
    #comparison{
        padding-bottom:70px;
    }
}

.comparison-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.comparison-img{
    width:90%;
    margin:0 auto;
    margin-top:30px;
}

@media screen and (max-width:768px){
    .comparison-img{
        width:100%;
    }
}

.comparison-img img{
    width:100%;
}

.comparison-text{
    width:90%;
    margin:0 auto;
    font-size:18px;
    margin-top:70px;
    line-height:2.11;
    letter-spacing:0.06em;
}

@media screen and (max-width:768px){
    .comparison-text{
        width:100%;
        font-size:16px;
        margin-top:50px;
    }
}

@media screen and (max-width:480px){
    .comparison-text{
        margin-top:30px;
    }
}



/* application */

#application{
    background-color:#f0f0f0;
    position:relative;
    padding-bottom:50px;
}

@media screen and (max-width:480px){
    #application{
        padding-bottom:20px;
    }
}

#application .section-head{
    position:relative;
    z-index:5;
    padding-top:30px;
}

.application-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.app-clip{
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    background-color:#fff;
    width:100%;
    height:100px;
    position:absolute;
    left:0;
    top:-1px;
    z-index:0;
}

.app-text{
    font-size:18px;
    line-height:2.11;
    letter-spacing:0.06em;
    margin-top:70px;
    font-feature-settings: "palt";
}

.app-text .orange{
    font-size:27px;
    font-weight:600;
    letter-spacing:0.06em;
    line-height:1.6;
    margin-bottom:10px;
}

.a-app{
    width:30%;
    animation-duration:1s;
}

@media screen and (max-width:480px){
    .a-app{
        width:100%;
        animation-duration:1s;
    }

    .app-text .orange{
        font-size:22px;
    }
}


.a-app-img{
    box-sizing: border-box;
}

.a-app-img img{
    box-sizing: border-box;
    width:100%;
    padding:20px 50px;
    background-color:#fff;
    border-radius:20px;
}

@media screen and (max-width:768px){
    .a-app-img img{
        box-sizing: border-box;
        width:100%;
        padding:15px;
    }
}

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

    .a-app-img{
        width:100%;
        margin:0 auto;
    }

    .a-app-img img{
        padding:20px 50px;
    }

    .a-app + .a-app{
        margin-top:50px;
    }

    .a-app.delay5,
    .a-app.delay10{
        animation-delay:0s;
    }

}
.a-app-icon{
    width:40px;
    margin:0 auto;
    margin-top:30px;
}

@media screen and (max-width:768px){
    .a-app-icon{
        margin-top:20px;
    }
}

@media screen and (max-width:480px){
    .a-app-icon{
        margin-top:10px;
    }

}

.a-app-icon img{
    width:100%;
}

.a-app-title{
    text-align: center;
    font-size:23px;
    font-weight:600;
    color:#D76717;
    letter-spacing:0.08em;
    position:relative;
    padding-bottom:20px;
}

@media screen and (max-width:768px){
    .a-app-title{
        font-size:18px;
    }
}



.a-app-title::after{
    content:"";
    width:30px;
    height:2px;
    background-color:#000;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
}

.a-app-text{
    margin-top:20px;
    font-size:16px;
    line-height:1.5;
    text-align: justify;
    font-feature-settings: "palt";
}

.app-wrap{
    display:flex;
    justify-content: space-between;
    margin-top:50px;
}

@media screen and (max-width:480px){
    .app-wrap{
        display:block;
    }
}

/* cases-property */

#cases.pr-case{
    position:relative;
    padding-top:200px;
}

@media screen and (max-width:768px){
    #cases.pr-case{
        padding-top:180px;
    }
}

@media screen and (max-width:480px){
    #cases.pr-case{
        padding-top:150px;
    }
}

.pr-case-clip{
    clip-path: polygon(0 0, 0% 100%, 100% 0);
    background-color:#f0f0f0;
    width:100%;
    height:100px;
    position:absolute;
    left:0;
    top:-1px;
    z-index:0;
}

/* property-management flow */

#pr-flow{
    background-color:#FFE6D2;
    padding-top:100px;
    padding-bottom:100px;
}

@media screen and (max-width:768px){
    #pr-flow{
        padding-top:70px;
    }
}

@media screen and (max-width:480px){
    #pr-flow{
        padding-bottom:70px;
    }
}

.pr-flow-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.a-pr-flow{
    display:flex;
    align-items: center;
    gap:25px;
    background-color:#fff;
    padding:20px 40px;
    z-index:2;
    position:relative;
}

@media screen and (max-width:768px){
    .a-pr-flow{
        display:block;
        padding:30px;
    }

    .a-pr-flow-title br{
        display:none;
    }
}

.a-pr-flow-icon{
    position:relative;
}

.a-pr-flow-num{
    font-size:20px;
    color:#D76717;
    text-align: center;
    margin-bottom:10px;
}

.resi-customer .a-pr-flow-num{
    color:#C81E00;
}


.a-pr-flow-icon img{
    background-color:#D76717;
    border-radius:50%;
    box-sizing: border-box;
    padding:10px;
    width:95px;
    height:95px;
}

.resi-customer .a-pr-flow-icon img{
    background-color:#C81E00;
}

@media screen and (max-width:768px){
    .a-pr-flow-icon img{
        display:block;
        margin:0 auto;
    }
}

.a-pr-flow-title{
    font-size:24px;
    width:240px;
    font-feature-settings: "palt";
    line-height:1.4;
}

.a-pr-flow-text{
    font-size:16px;
    line-height:2;
    width:100%;
    font-feature-settings: "palt";
}

@media screen and (max-width:768px){
    .a-pr-flow-title{
        text-align: center;
        width:100%;
        margin-top:20px;
    }
    
    .a-pr-flow-text{
        margin-top:15px;
    }
}

@media screen and (max-width:480px){
    .a-pr-flow-title{
        font-size:20px;
    }
}

.a-pr-flow + .a-pr-flow{
    margin-top:50px;
}

@media screen and (max-width:480px){
    .a-pr-flow + .a-pr-flow{
        margin-top:30px;
    }
}

.pr-flow-wrap{
    position:relative;
    margin-top:70px;
    z-index:2;
}

.pr-flow-wrap::before{
    content:"";
    width:2px;
    height:95%;
    background-color:#000;
    position:absolute;
    left:86px;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
}

@media screen and (max-width:768px){
    .pr-flow-wrap::before{
        left:50%;
        transform:translate(-50%,-50%);
    }
}

/* 成功 */

@media screen and (max-width:1080px){
    .myhome-left.success img{
        object-fit: fill;
        height:auto;
    }
}

/* 区分所有投資と一棟投資 */

#investment{
    margin-top:100px;
}


.investment-content{
    display:flex;
    width:90%;
    margin-left:auto;
    gap:5%;
    align-items: flex-end;
}

@media screen and (max-width:1080px){
    .investment-content{
        display:block;
        margin:0 auto;
    }
}

.invest-left,
.invest-right{
    width:50%;
}

@media screen and (max-width:1080px){
    .invest-left,
    .invest-right{
        width:100%;
    }

    .invest-right{
        margin-top:30px;
    }
}

.invest-right{
    animation-delay:.5s;
}

@media screen and (max-width:1080px){
    .invest-right{
        animation-delay:0s;
    }
}
.invest-right img{
    width:100%;
}

.invest-left.fadeup{
    animation-name: fadeUpAnime6;
}

.invest-right.effect-right-js{
    margin-right:50px;
    transition-delay:0.5s;
    opacity:0;
  }

  .invest-right.fade-right-js{
    animation-fill-mode: forwards;
    margin-right:0px;
    opacity:1;
  }


.invest-title{
    font-size:28px;
    font-weight:500;
    letter-spacing:0.16em;
}

.invest-text{
    margin-top:50px;
    font-size:18px;
    letter-spacing:0.08em;
    line-height:2.11;
}

@media screen and (max-width:768px){
    .invest-title{
        font-size:24px;
        letter-spacing:0.1em;
    }
    
    .invest-text{
        font-size:16px;
        line-height:2;
    }
}

@media screen and (max-width:480px){
    .invest-title{
        font-size:22px;
    }
    
    .invest-text{
        font-size:16px;
        line-height:1.8;
        margin-top:30px;
    }
}

.fade-right-js.delay0{
    animation-delay:0s;
    transition-delay:0s;
}

@media screen and (max-width:870px){
    .able-content.income{
        display:flex;
        flex-direction: column-reverse;
    }

    .able-left.income{
        animation-delay:0s;
    }
}

/* strength-income */

#strength.income-strength{
    background-color:#f0f0f0;
    padding-bottom:70px;
}

.income-strength-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.income-strength-img{
    width:80%;
    margin:0 auto;
}

.income-strength-img img{
    width:100%;
    margin:0 auto;
}

.remodal-bg.img,
.remodal.img{
    width:100% !important;
}

.popup-img img{
    width:100%;
    min-width:550px;
}

.popup-img{
    width:100%;
    overflow:auto;
    
}

@media screen and (max-width:768px){
    .income-strength-img{
        width:90%;
    }
}

@media screen and (max-width:480px){
    .income-strength-img{
        width:100%;
    }
}
.income-strength-img img{
    width:100%;
}

.income-strength-text{
    font-size:18px;
    line-height:2.11;
    letter-spacing:0.06em;
    width:90%;
    margin:0 auto;
    margin-top:50px;
}

@media screen and (max-width:768px){
    .income-strength-text{
        font-size:16px;
        line-height:2;
    }
}

@media screen and (max-width:480px){
    .income-strength-text{
        width:100%;
        margin-top:20px;
    }
}

.a-manage{
    width:32%;
    width:345.5px;
    box-sizing: border-box;
    padding:30px;
}

@media screen and (max-width:480px){
    .a-manage{
        width:100%;
    }
}

.a-manage.am{
    background-color:#FFF0C8;
    border:2px solid #968214;
}

.a-manage.bm{
    background-color:#E6F0E6;
    border:2px solid #506450;
}

.a-manage.pm{
    background-color:#FFEBE1;
    border:2px solid #D76717;
}

.a-manage-top{
    display:flex;
    align-items: center;
    gap:10px;
}

.a-manage-icon img{
    width:100px;
    height:100px;
    box-sizing: border-box;
    background-color:#fff;
    border-radius:50%;
    box-shadow: 0 5px 0 #EDEDED;
}

@media screen and (max-width:1175px){
    .a-manage-top{
        display:block;
        margin:0 auto;
        width:fit-content;
    }

    .a-manage-icon img{
        display:block;
        margin:0 auto;
        margin-bottom:10px;
    }
}

@media screen and (max-width:880px){
    .a-manage-top{
        display:flex;
        align-items: center;
        gap:10px;
    }

}

.manage-name{
    font-size:22px;
    color:#fff;
    display:block;
    width:fit-content;
    padding:0 3px;
    padding-top:2px;
}

.manage-name-jp{
    font-size:25px;
    font-weight:500;
    letter-spacing:0.05em;
    margin-top:10px;
}

@media screen and (max-width:880px){
    .manage-name{
        font-size:20px;
    }
    
    .manage-name-jp{
        font-size:23px;
        margin-top:7px;
    }
}

.am .manage-name{
    background-color:#968214;

}

.am .manage-name-jp{
    color:#968214;
}

.bm .manage-name{
    background-color:#506450;
}

.bm .manage-name-jp{
    color:#506450;
}

.pm .manage-name{
    background-color:#D76717;
}

.pm .manage-name-jp{
    color:#D76717;
}

.manage-name-en{
    color:#878787;
    font-size:12px;
    letter-spacing:0.04em;
    margin-top:10px;
}

.a-manage-title{
    font-size:20px;
    letter-spacing:0.06em;
    margin:30px 0;
}

.a-manage-text{
    font-size:16px;
    line-height:1.625;
    text-align: justify;
}

@media screen and (max-width:880px){
    .manage-name-en{
        margin-top:7px;
    }
    
    .a-manage-title{
        font-size:18px;
        margin:20px 0;
    }
    
    .a-manage-text{
        font-size:16px;
    }
}

.manage-wrap{
    display:flex;
    justify-content: space-between;
    margin-top:100px;
    gap:10px;
}

@media screen and (max-width:880px){
    .manage-wrap{
        max-width:720px;
        margin:0 auto;
        margin-top:100px;
        gap:30px 15px;
        flex-wrap: wrap;
    }
}

@media screen and (max-width:800px){
    .manage-wrap{
        display:block;
        width:fit-content;
        margin:0 auto;
        margin-top:70px;
    }

    .a-manage + .a-manage{
        margin-top:30px;
    }

    .a-manage.delay1,
    .a-manage.delay2{
        animation-delay:0s;
        transition-delay:0s;
    }
}

.after-strength-tri{
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    width:100%;
    height:120px;
    background-color:#f0f0f0;
}

#rely{
    padding-top:50px;
    padding-bottom:200px;
}

@media screen and (max-width:768px){
    #rely{
        padding-bottom:100px;
    }
}

@media screen and (max-width:480px){
    #rely{
        padding-bottom:70px;
    }
}

.rely-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
    position:relative;
}

.rely-title{
    text-align: center;
    font-size:27px;
    font-weight:600;
    letter-spacing:0.16em;
    line-height:1.6;
}

.rely-title .big{
    font-size:40px;
}

.rely-text{
    width:75%;
    margin:0 auto;
    text-align: center;
    font-size:18px;
    line-height:2.11;
    letter-spacing:0.08em;
    margin-top:50px;
}

.rely-text-small{
    font-size:14px;
    text-align: end;
    margin-top:10px;
}

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

    .rely-title{
        font-size:22px;
        letter-spacing:0.1em;
    }

    .rely-title .big{
        font-size:30px;
    }
    
    .rely-text{
        width:80%;
        text-align: justify;
        font-size:16px;
        line-height:2;
    }
}

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

    .rely-title{
        font-size:18px;
        letter-spacing:0.1em;
    }

    .rely-title .big{
        font-size:25px;
    }
    
    .rely-text{
        width:100%;
        line-height:1.8;
        margin-top:30px;
    }
}

.rely-illust{
    position:absolute;
    bottom:0;
    z-index:-1;
}

.rely-illust.left img{
    width:122px;
}

.rely-illust.right img{
    width:141px;
}

@media screen and (max-width:900px){
    .rely-illust.left img{
        width:100px;
    }
    
    .rely-illust.right img{
        width:120px;
    }
}

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

    .rely-illust.left img{
        width:80px;
    }
    
    .rely-illust.right img{
        width:100px;
    }
}

@media screen and (max-width:480px){
    .rely-illust.left img{
        width:70px;
    }
    
    .rely-illust.right img{
        width:90px;
    }

    .rely-illust{
        bottom:20px;
    }
}



.rely-illust.left{
    left:0;
}

.rely-illust.right{
    right:0;
}

.rely-btn{
    margin-top:70px;
}

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

    .rely-illust.left{
        left:5%;
    }
    
    .rely-illust.right{
        right:5%;
    }

    .rely-btn{
        margin-top:110px;
    }
}



.rely-btn a{
    display:block;
    margin:0 auto;
    width:fit-content;
    box-sizing: border-box;
    background-color:#D76717;
    padding:20px 50px;
    padding-right:80px;
    position:relative;
    transition:.3s;
}


.rely-btn a:hover{
    opacity:0.7;
}

.rely-btn a span{
    font-size:25px;
    letter-spacing:0.06em;
    font-weight:500;
    color:#fff;
}

.rely-btn a span::after{
    content:"";
    width:25px;
    height:25px;
    background-image:url(img/rely-btn-arrow.png);
    background-size: contain;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%); 
}

@media screen and (max-width:900px){
    .rely-btn a{
        padding:20px 40px;
        padding-right:60px;
    }

    .rely-btn a span{
        font-size:22px;
    }
    
    .rely-btn a span::after{
        width:23px;
        height:23px;
    }
}

@media screen and (max-width:768px){
    .rely-btn a{
        padding:20px 35px;
        padding-right:50px;
    }

    .rely-btn a span{
        font-size:18px;
    }
    
    .rely-btn a span::after{
        width:20px;
        height:20px;
    }
}

@media screen and (max-width:480px){
    .rely-btn a{
        padding:15px 30px;
        padding-right:45px;
    }

    .rely-btn a span{
        font-size:16px;
    }
    
    .rely-btn a span::after{
        right:15px;
    }
}

/* flow -income */

#income-flow{
    background-image:url(img/income-flow-back.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    padding-top:100px;
    padding-bottom:100px;
}

@media screen and (max-width:480px){
    #income-flow{
        padding-top:70px;
        padding-bottom:70px;
    }
}

.income-flow-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

  /*tabの形状*/

  .tab-content.flow{
    width:100%;
    margin-top:70px;
  }

  .tab_wrap.flow{
    width:100%;
    margin:0px auto;
    max-width:1080px;
}

  .tab_area label.flow{
    width:49.5%;
    color:#000; 
    font-weight:500;
    font-size:24px; 
    margin:0;
}

@media screen and (max-width:768px){
    .tab_area label.flow{
        font-size:20px;
    }
}

@media screen and (max-width:480px){
    .tab_area label.flow{
        font-size:18px;
    }
}


.tab_area.flow{
    display:flex;
    justify-content: space-between;
}

  .tab_panel.flow{
    width:100%; 
    padding:50px 0; 
    display:none;
    border-radius:0 0 0px 0px;
}

.tab_label.flow{
  border:0px solid #000;
  border-radius:0px 0px 0 0;
  background-color:rgba(300,300,300,0.9);
  font-feature-settings: "palt";
}

#tab1.flow:checked ~ .panel_area #panel1.flow{
    display:block;
}

#tab2.flow:checked ~ .panel_area #panel2.flow{
    display:block;
}

.tab_panel.flow{
  background-color:rgba(230,210,200,0.9);
  padding:50px 0;
}

.panel-content.flow{
    width:90%;
    margin:0 auto;
}


#tab1.flow:checked ~ .tab_area label.tab1_label.flow{
    background-color:rgba(230,210,200,0.9);
    color:#000;
}
#tab2.flow:checked ~ .tab_area label.tab2_label.flow{
    background-color:rgba(230,210,200,0.9);
    color:#000;
}

.panel-content.flow{
    padding:0;
}


.pr-flow-wrap.income{
    margin-top:0;
}


/* サンクスページ(wp) */
.thanks-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
    padding:200px 0;
    text-align: center;
}

.thanks-title{
    font-size:50px;
    color:#D76717;
    font-weight:600;
    letter-spacing:0.1em;
    line-height:1.6;
}

.thanks-text{
    font-size:20px;
    margin-top:50px;
    line-height:1.8;
}

@media screen and (max-width:768px){
    .thanks-content{
        padding:150px 0;
        width:98%;
    }
    
    .thanks-title{
        font-size:34px;
    }
    
    .thanks-text{
        font-size:18px;
        margin-top:40px;
        line-height:2;
    }
}

@media screen and (max-width:480px){
    .thanks-content{
        padding:100px 0;
    }
    
    .thanks-title{
        font-size:25px;
    }
    
    .thanks-text{
        font-size:15px;
        margin-top:30px;
        line-height:1.6;
        letter-spacing:0;
    }
}

.thanks-top-btn{
    margin-top:100px;
}

.thanks-top-btn a{
    color:#fff;
    background-color:#D76717;
    font-weight:600;
    font-size:22px;
    display:block;
    width:220px;
    margin:0 auto;
    border-radius:100px;
    padding:15px;
    border:1px solid #D76717;
    transition:.3s;
    box-sizing: border-box;
}

.thanks-top-btn a:hover{
    color:#D76717;
    background-color:#fff;
    border:1px solid #D76717;
}

@media screen and (max-width:768px){
    .thanks-top-btn{
        margin-top:70px;
    }
    
    .thanks-top-btn a{
        font-size:20px;
        width:200px;
    }
}

@media screen and (max-width:480px){
    .thanks-top-btn{
        margin-top:50px;
    }
    
    .thanks-top-btn a{
        font-size:18px;
        width:180px;
        padding:10px;
    }
}

.thanks-bottom{
    text-align: left;;
    max-width:630px;
    width:90%;
    margin:0 auto;
    margin-top:100px;
}

.thanks-mail-title{
    font-size:18px;
    font-weight:600;
}

.thanks-mail-text{
    font-size:16px;
    margin-top:10px;
    line-height:1.6;
    letter-spacing:0.06em;
    text-align: justify;
}

.thanks-mail + .thanks-mail{
    margin-top:30px;
}


.thanks-mail-text .bold{
    font-weight:600;
}

@media screen and (max-width:768px){
    .thanks-bottom{
        margin-top:70px;
    }
    
    .thanks-mail-title{
        font-size:16px;
    }
    
    .thanks-mail-text{
        font-size:14px;
        margin-top:5px;
    }
    
    .thanks-mail + .thanks-mail{
        margin-top:20px;
    }
    
}

@media screen and (max-width:480px){
    .thanks-mail-title{
        line-height:1.5;
    }
}


/* リモーダルウィンドウ */

.img-remodal{
    cursor: pointer;
}

.remodal-close.img{
    border:none;
    display:block;
    font-size:30px;
    width:fit-content;
    margin-left:auto;
    cursor: pointer;
    background-color:none;
    background:none;
    margin-top:-20px;
    margin-right:-20px;
    -webkit-appearance: none;
    appearance: none;
    color:#8c8c8c;
}