@media screen and (max-width: 1170px) {
/*---TOP------*/
#toptheme01 {
    top: 28%;
}
#toptheme02 {
    top: 40%;
}
.about-link p {
    top: 120px;
    left: 22%;
}  

/*-Greeting---------*/
#borderless{
    border-bottom: none;
}   
.gr-table td {
    width: 100%;
    float: left;
}
.group-container02 {
    margin-top: 150px;
}
    
}


@media screen and (max-width: 1090px) {
/*---TOP------*/
.mission-theme {
    top: -250px;
}   


/*-Greeting---------*/
#sign {
    text-align: left;
}
.credo-box {
    height: 15vh;
}
.credo-boxtitle {
    margin-top: 40px;
    font-size: 23px;
} 
.credo-box:hover .credo-text {
    padding:30px 20px 0px;
    font-size:18px;
}
.lh{
    display:none;
}
}

@media screen and (max-width: 955px) {
/*---TOP------*/
.about-link p {
    top: 100px;
    left: 18%;
}
.g-box {
    width: 45%;
} 
#mi-pc{
    display:none;
}
#mi-tab{
    display:block;
}
.mission-theme {
    top: -300px;
    left: 100px;
}

/*-Greeting---------*/
.group-container02 {
    margin-top: 100px;
}


}

@media screen and (max-width: 840px) {
/*---TOP------*/
.mission-theme {
        top: -350px;
    }
.mission-theme p {
    width: 90%;
}
.aboutus-box {
    width: 45%;
}
.about-img img {
    position: static;
} 
.about-link p {
    z-index: 2;
    top: -100px;
    left: 23%;
}   
.top-container05 {
    margin-bottom: 100px;
}

/*---COMPANY------*/
.com-b01 {
    width: 40%;
}
.com-b02 {
    width: 60%;
}
#com-title01{
    padding-right: 20px;
    padding-top: 70px;
}
#com-title02{
    padding-right: 20px;
}
    
    
/*-Greeting---------*/
.gr-table th {
    width: 100%;
    padding:0;
    font-weight: 200;
    float: left;
} 
.greeting-box {
    flex-direction: column-reverse;
}
.greet-text {
    width: 100%;
    margin-top: 30px;
}
.greet-img {
    width: 50%;
    margin: 0 auto;
}
#sign {
    text-align: right;
}
.rinen-text {
    margin-left: 0px;
}
.rinen-img {
    width: 50%;
}
.br840{
    display:block;
} 
.group-container02 {
    margin-top: 150px;
}
.credo-box:hover .credo-text {
    padding: 10px 20px 0px;   
}
}

@media screen and (max-width: 700px) {
/*---TOP------*/
.aboutus-box {
    width: 80%;
}
.about-link p {
    left: 30%;
} 
.top-container05 {
    margin-bottom: 100px;
}
.mission-theme {
    font-size: 23px;
}
.mission-theme {
    top: -250px;
}
.next-more {
    top: 530px;
}
/*---COMPANY------*/
#com-title01 {
    font-size: 28px;
}
/*--regarding----*/  
.regar-title p {
    font-size: 20px;
    width: 470px;  
}

@media screen and (max-width: 550px) {
/*---共通------*/
.pc{
        display:none;
    }
#pc{
        display:none;
    }
.sp{
        display:block;
    }
#sp{
        display:block;
    }
#mi-tab{
    display:none;
}
#mi-sp{
    display:block;
}
.site-header {
        height: 100px;
    }
.rec-foot01 {
    width: 95%;
    padding-left: 10px;
}
.footer-logo {
    padding-left: 30px;
}
/*---TOP------*/
.top-imageflex img {
        width: 100%;
    }
.top-imageflex {
        display:inherit;
        position: relative;
    }
#tpig01 {
        animation-name: fadeInAnime;
        animation-fill-mode:backwards;
        animation-duration:5s;
        animation-iteration-count:1;/*繰り返し処理*/
        animation-timing-function:ease;
        animation-delay: 0.5s;/*開始時間*/
        animation-direction:normal;
        position: absolute;
        top:0;
    }
#tpig02 {
        animation-name: fadeInAnime;
        animation-fill-mode:backwards;
        animation-duration:5s;
        animation-iteration-count:1;/*繰り返し処理*/
        animation-timing-function:ease;
        animation-delay: 4.5s;/*開始時間*/
        animation-direction:normal;
        position: absolute;
        top:0;
    }
#tpig03 {
        animation-name: fadeInAnime;
        animation-fill-mode:backwards;
        animation-duration:5s;
        animation-iteration-count:1;/*繰り返し処理*/
        animation-timing-function:ease;
        animation-delay: 9s;/*開始時間*/
        animation-direction:normal;
        position: absolute;
        top:0;
    }
#tpig04 {
        animation-name: fadeInAnime;
        animation-fill-mode:backwards;
        animation-duration:5s;
        animation-iteration-count:1;/*繰り返し処理*/
        animation-timing-function:ease;
        animation-delay: 13s;/*開始時間*/
        animation-direction:normal;
        position: absolute;
        top:0;
    }
#topcircle{
        animation-name: fadeInAnime;
        animation-fill-mode:backwards;
        animation-duration:5s;
        animation-iteration-count:1;/*繰り返し処理*/
        animation-timing-function:ease;
        animation-delay: 18s;/*開始時間*/
        animation-direction:normal;
        position: absolute;
        top:150px;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        width: 40%;
    }
#toptheme01{
        animation-name: fadeInAnime;
        animation-fill-mode:backwards;
        animation-duration:5s;
        animation-iteration-count:1;/*繰り返し処理*/
        animation-timing-function:ease;
        animation-delay: 21s;/*開始時間*/
        animation-direction:normal;
        top: 50px;
    }
#toptheme02{
        animation-name: fadeInAnime;
        animation-fill-mode:backwards;
        animation-duration:5s;
        animation-iteration-count:1;/*繰り返し処理*/
        animation-timing-function:ease;
        animation-delay: 21s;/*開始時間*/
        animation-direction:normal;
        top: 100px;
    }    
.top-container02{
    width:100%;
    margin:50px auto 80px;
    /*position: relative;*/
}
.news-container01{
    position: relative;
    left: -28px;
    top: 280px;
}
.top-title,.top-exp{
    position: absolute;
}
.top-title p{
    color:#0c043f;
    font-size:28px;
    letter-spacing: 0.1rem;
    font-family:"小塚ゴシック Pr6N";
    text-align: center;
}
.top-exp p{
    font-size:16px;
    text-align: center;
    letter-spacing: 0.1rem;
}
.top-exp{
    top:60px;
}
.next-news{
    top: 110%;
}
.news-container02{
    padding: 50px 0;
    position: relative;
    top: 330px;
}
.news-boxcontainer02{
    width:100%;
    margin: 85px auto;
    position: relative;
    padding: 0px;
    line-height:2rem;
    /* z-index: -1; */
}
.news-boxcontainer02::before{
    content: '';
    position: absolute;
    margin-top:-63px;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    /*background-color: #e5e3e3;*/
    /*transform: skewY(-6deg);*/
    z-index: -1;
}
.news-boxcontainer02::after{
    content: '';
    position: absolute;
    margin-top:-90px;
    top: 150px;
    bottom: 0;
    left: 0;
    right: 0;
    /*background-color:#e5e3e3;*/
    /*transform: skewY(6deg);*/
    z-index: -1;
    padding:50px 0 120px;
}
.news-boxcontainer02 p{
    width:90%;
    margin: 0 auto;
}
.height-ad{
    margin-top:400px;
}
.news-box {
    width: 95%;
}
.news-date{
    width:100%;
    font-weight: 600;
}
.news-mess{
    width:100%;
}
.top-title02 p {
    font-size: 28px;
}
.mission-theme {
    font-size: 20px;
    top: -320px;
    left: 0px;
    width: 90%;
    padding-left: 20px;
}  
.group-boxcontainer02 p {
    text-align: left;
    line-height: 2rem;
    text-align: left;
    font-size: 16px;
}
.g-box {
    width: 90%;
    margin-bottom: 30px;
}  
.top-title03 p {
    font-size: 28px; 
}
.top-container04{
    margin-top: 150px;
}
.top-container05 {
    margin-top: 0px;
    margin-bottom: 100px;
}  
.aboutus-box {
    width: 80%;
}
.aboutus-container02 {
    justify-content: space-around;
    margin: 40px auto;
} 
.mission-theme p {
    width: 95%;
    font-size: 20px;
    line-height: 1.8rem;
    padding-top: 100px;
}
.top-container03{
    height:550px;
}   
.group-topcontainer02 {
    padding: 80px 0;
}
.about-img img {
    position: static;
} 
.about-link p {
    z-index: 2;
    top: -100px;
    left: 23%;
}
.next-more {
    top: 500px;
}
    
/*---COMPANY------*/
.com-b01 {
    height: 180px;
    width:100%;
}
.com-b02 {
    width: 100%;
}
.com-b02 img {
    left: 0px;
    top: 20px;
} 
.comcon02-title, .comcon03-title, .comcon04-title {
    margin: 30px auto;
}
.company-container02, .company-container03 {
    width: 90%;
    margin: 80px auto;
} 
.com-table01 th, .com-table02 th {
    width: 100%;
    float: left;
    padding: 10px 0;
}
.com-table01 td, .com-table02 td {
    width: 100%;
    float: left;
}
#com-title01 {
    padding-top: 60px;
}
#com-title02 {
    padding-top: 10px;
    font-size: 18px;
}
    
/*-Greeting---------*/
.com-b01 {
    height: 180px;
    width:100%;
}
.group-container02 {
    margin-top: 50px;
}
#theme-text {
    font-size: 25px;
}
.group-container03 {
    margin: 100px auto;
}  
.credo-box {
    border-radius: 3rem;
    height: 25vh;
}
.credo-boxtitle {
    font-size: 20px;
}
.credo-boxtitle {
    margin-top: 80px;
}
#history-text {
    font-size: 20px;
} 
#theme {
    font-size: 28px;
}
.greet-img {
    width: 70%;
}  
.rinen-box {
    line-height: 2rem;
}
.rinen-text p {
    padding: 20px;
}
#sign {
    font-size:23px;
}

/*-security/regarding/personalip---------*/
.sec-title {
    width: 90%;
}
    
.sec-title p {
    font-size: 20px;
    width:100%;
    letter-spacing: 0.2rem;
    text-align: center;
}

.regar-title{
    width:90%;
}

.regar-title p{
    font-size: 20px;
    width:100%;
    letter-spacing: 0.2rem;
    text-align: center;
    
}
.per-title{
    width:90%;
}

.per-title p{
    font-size: 20px;
    width:100%;
    letter-spacing: 0.2rem;
    text-align: center;
} 
    
    
    
    
    
    
    

}

@media screen and (max-width: 410px) {
#topcircle {
    top: 100px;
}
.mission-theme p {
    line-height: 1.8rem;
    font-size: 20px;
    margin-top: 50px;
}
.mission-theme {
    top: -350px;
}
.next-more {
    top: 400px;
}
.about-link p {
    left: 18%;
}
.group-flexbox {
    width: 95%;
}
.top-container04 {
    margin-top: 0px;
}
.top-container03 {
    height: 600px;
} 
    

/*-Greeting---------*/  
#theme-text {
    font-size: 20px;
}
#theme {
    font-size: 25px;
}  
.greet-text {
    line-height: 2rem;
    letter-spacing: 0.1rem;
} 
#sign {
    font-size: 22px;
}
.credo-box {
    width: 80%;  
    height: 15vh;
}
.credo-boxtitle {
    margin-top: 40px;
}
.credo-box:hover .credo-text {
    padding: 20px;
}
.gr-table th {
    width: 85%;
    padding:0;
    font-weight: 200;
    float: left;
    border: none;
}  
.gr-table img{
    width:85%;    
}
#smilehomelogo, #smilehoikulogo {
    width: 90%;
}
.com-table02 td {
    border: none;
    padding: 20px 0 20px 0px;
}
.sec-pol {
    width: 90%;
}
    
}