@charset "UTF-8";

@media screen and (max-width:1100px) {
	
.footer_area .footer_area_inner{
	width: 550px;
}
	
.contact-footer_btn_area{
	width: 550px;
}
	
.line-btn_2{
	width: 250px;
}
	
.form-btn_2{
	width: 250px;
}
	
}

@media screen and (max-width:897px) {
    header {
        min-height: 50vh;
        background-size:cover;
    }
    
    
    header nav p img{
        width: 100%;
        padding:10px;
    }
    
    
    header .btns {
        display: flex;
        align-items: center;
        width:28%;
        position: relative;
        
    }
    
    header .btns button {
        width: 100%;
        height: 50px;
    }
    
    header .btns .mail-btn {
        width: 40%;
        top:15%;
        right:40%;
    }

    header .btns .line-btn {
        width: 38%;
        top:18%;
        left:60%;
    }

    .issues{
        margin-bottom:100px;
        width:90%;
     }
    
    .issues h2{
       font-size:20px;
     }
    
    .issues h2 span{
       font-size:32px;
    }
    
    .issue-1{
        width:100%;
    }
    
    .arrow-1{
        width:12%;
        padding-top:10px;
    }
    
    .issue-dog{
        width:65%;

    }
    
    .issues .content {
        margin: 30px 20px;
    }
    
    .issues .content p {
        font-size: 14px;
    }
    

    .voice-content{
        width:65%;
    }

    .strongs h2{
        font-size:24px;
    }

    .areas p{
        font-size:18px;
        padding-bottom:30px;
    }

    .way-content{
        width:65%;
    }
    
    .way-content2{
        width:65%;
    }

    .please-content{
        width:65%;
    }

    .messeage-content{
        width:65%;
      }

      .to-top a img{
        width:40%;
    }

    footer p {
        font-size:18px;
    }

    footer small {
        padding-top:15px;
        display: flex;
        justify-content: center;
        text-align: center;
        font-size:14px;
		padding-bottom: 100px;
    }
    
}

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

.contact-footer_btn_area{
	display: block;
	width: 300px;
}
	
.line-btn_2{
	margin-right: 0;
}
	
.footer_area .footer_area_inner{
	width: 300px;
}
	
.contact-footer_sub_text{
	font-size: 1.0rem;
}
	
.form-btn_2{
	display: none;
}
	
.line-btn_2{
	width: 300px;
}

}

@media screen and (max-width:480px) {
    
    
    header nav p {
        max-width:20%;
        margin: 0
    }
    
    header nav p img{
        width: 120%;
        padding:10px;
    }
    
    header .btns button {
        width: 100%;
        height: 50px;
        
    }
    
    header .btns .mail-btn {
        width: 60%;
        top:15%;
        right:80%;
    }
    
    
    header .btns .line-btn {
        width: 60%;
        top:20%;
        left:30%;
    }
    
    
    .header-logo-center{
        width:80%;
    }
    
    .header-contact-center{
        width:50%;
    }

	.instagram-ctr{
		width: 50px;
	}
	
	.line-ctr{
		width: 50px;
	}
	
	.twitter-ctr{
		width: 50px;
	}

        .recruitment-ctr{
		width: 50px;
	}
    
    .issues{
        margin-bottom:50px;
     }
    
    .issues h2{
        padding:15px 0;
        font-weight: bold;
     }
    
    .issues h2 span{
       font-size:28px;
    }
    
    .arrow-1{
        width:20%;
        padding-top:10px;
        padding-bottom:20px;
    }
    
    .issue-dog{
        width:80%;
    }
    
    .issues .content {
        width: 90%;
        margin: 30px 5px;
        text-align: center;
        display: inline-block;
    }
    
    .issues p {
        text-align: center;
        width: 75%;
        margin:0 auto;
    }

    .flex {
        display:inline-block;
        text-align: center;
    }
    
    .issues .content p {
        font-size: 14px;
        text-align: left;
       
    }

    .issue-1{
        width:80%;
        margin:0 auto;
        display:block;
    }
    
    .strongs{
      text-align: center;
    }

    .strongs p{
        font-size:16px;
      }
    
    .strong-title{
      width:100%;
    }
    
    .strong-content{
        width:95%; 
    }
    
    .strong-content1{
        width:100%;
        display: block;
        padding-bottom:20px;
    }
    
    .strong-content2{
        width:95%;
        float:none;
        padding-bottom:20px;
    }
    
    .strong-content3{
        width:70%;
    }
    
    .strong-comparison{
        width:80%;
        padding-top:20px;
        padding-bottom:30px;
    }
    
    .strong-bird{
        width:75%;
        padding-bottom:30px;
    
    }
    
    .voices{
        padding-bottom:50px;
    }
    
    .voice-title{
        width:75%;
      }
    
    .voice-content{
        width:80%;
    }
    
    .areas{
        padding-bottom:50px;
    }
    
    .areas p{
        font-size:14px;
        padding-bottom:20px;
        width:80%;
    }
    
    .area-title{
        width:60%;
      }
    
    .area-content{
        width:50%;
    }
    
    .ways{
        padding-bottom:50px;
    }
    
    .way-title{
        width:60%;
      }
    
    .way-content{
        width:80%;
    }
    
    .way-content2{
        width:80%;
    }
    
    .pleases{
        padding-bottom:50px;
    }
    
    .please-title{
        width:75%;
      }
    
    .please-content{
        width:80%;
    }
    
    .questions{
        text-align: center;
        padding-bottom:50px;
    }
    
    .question-title{
        width:50%;
      }
    
    .question-content{
        width:90%;
    }
    
    .messeages{
        text-align: center;
        padding-bottom:50px;
    }
    
    .messeage-title{
        width:60%;
      }
    
      .messeage-content{
        width:80%;
      }
    
    
    .to-top{
        padding-bottom:50px;
    }
    
    .to-top a img{
        width:50%;
    }

    footer {
        padding: 30px 0 100px 0;
    }
    
    footer img {
        width:60%;
        display: block;
        margin: 0 auto;
        padding-bottom:20px;
    }
    
    footer p {
        font-size:12px;
    }
    
    footer small {
        width:80%;
        margin: 0 auto;
    }

    .follow {
        height: 80px;
        margin-bottom:20px; 
    }
    
    .follow-inner {
        padding: 10px 10px;
    }
    
    .follow-mail-btn {
        width: 80px;
        height: 80px;
        border-radius:20px;
        margin-right:20px;
    }
    
    .follow-line-btn {
        width: 80px;
        height: 80px;
        border-radius: 20px;
        margin-right:20px;
    }
    
    .follow-mail-btn img{
        width:70%;
    }
    
    .follow-line-btn img{
        padding-top:5px;
        width:60%;
    }
    
    .follow-mail-btn p{
        font-size:16px;
    }
    
    .follow-line-btn p{
        font-size:16px;
    }


}