@charset "utf-8";

.container{
	max-width:960px;
}

@media screen and (max-width:960px){
	.nav-item{
		font-size:0.7em;
		margin:0 3px;
	}
	.navbar-brand img {
		width:auto;
		height:42px;
	}

	.service-img img {
	    height: 150px;
	    width: 150px;
	}
	/*ここから問い合わせ*/
	.contact-form .row{
		width:90%;
	}
}

/*PC→タブレット*/
@media screen and (max-width:760px){
	.br-on {
		display:block;
	}
	.language a {
	    font-size: 1em;
	    padding:2px 7px;
		margin:0;
	}
	.navbar-brand img {
		height:35px;
	}
	.nav-link {
		text-align:center;
		padding:5px!important;
		display:inline-block;
		letter-spacing:1px;
	}
	.nav-item{
		font-size:0.3em;
		margin:0 1px;
	}
	#nav-contact {
		padding-right:7px!important;
		padding-left:7px!important;
	}
	/*ここからニュース*/
	.articles {
		padding:0;
	}
	.article-img {
		height:150px;
	}
	/*ここからサービス*/
	.service-img img {
	    height: 120px;
	    width: 120px;
	}

	/*ここから会社情報*/
	.td-left {
	    padding-left: 30px;
	}
	.td-right{
		padding-right:30px;
	}
	/*ここから問い合わせ*/
	.contact-form .row{
		width:100%;
	}
}

/*タブレット→スマホ*/
@media screen and (max-width:570px){
	body {
		font-size:0.9em;
	}
	#about,#news,#company,#contact {
		padding:30px 0;
	}
	#service{
		padding-bottom:0;
	}
	.container{
		padding:0 15px;
		position:relative;
	}
	.language {
		margin-right:0px;
	}
	.navbar {
		padding:0;
	}
	.navbar-nav {
		margin-top:10px;
	}
	.nav-item{
		background-color: rgba(255,255,255,0.95);
	    text-align: center;
	    z-index: 100;
	    font-size:0.9em;
	}
	#nav-contact {
		width:100%;
	}
	.top h2{
		top:35%;
		bottom:auto;
		width:90%;
		font-size:30px;
	}
	.language {
		position:absolute;
		right:80px;
		top:15px;
		margin-top:0;
	}
	.language span {
		margin:10px 0;
		padding:0 6px;
	}
	#language-language {
		padding:0;
		display:none;
	}


	/*ここからAbout*/
	.section-title h2, .section-title-2 h2 {
		margin-bottom:5px;
		font-size:1.2em;
	}
	h3 {
		margin: 20px 0;
	}
	#about {
		background-image:url('../uploads/Logo_bg.png');
		background-size:80%;
		background-position:top left;
		background-repeat:no-repeat;
	}
	.about-sentence p {
		margin-bottom:20px;
	}
	/*ここからNEWS*/
	.articles {
		display:block;
		padding-top:20px;
	}
	.articles a {
		max-width:none!important;

	}
	.article{
		width:100%;
		margin-bottom:30px;
	}
	.article h3 {
		margin:10px 0;
		font-size:14px;
	}
	#readmore {
		display:block;
		float:none;
		width:100%;
	}

	/*ここからサービス*/
	.service h3 {
		margin:15px 0;
	}
	.services {
		margin-bottom:0;
	}
	.service {
		padding:0 10px;
	}

	/*ここから会社情報*/
	#company table {
		width:100%;
	}
	#company td {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.td-left{
		padding-left:20px;
	}
	.td-right{
		padding:10px 20px;
	}
	.service-img img {
	    height: 200px;
	    width: 200px;
	}
	#map {
		width:100%;
	}

	/*ここから問い合わせ*/
	.contact-form .row{
		width:100%;
	}
	.contact-form .row div {
		padding:0;
	}
	.contact-form .row div p{
		margin:20px 0 5px 0;
	}
	.wpcf7-submit {
		width:100%;
	}
   .submit-button svg{
    right: 20%;
    }
	/*ここからフッター*/
	.footer-logo{
		float:none;
		width:50%;
		margin:0 auto;
		display:block;
	}
	.footer-info {
		text-align:center;
		float:none;
		margin-top:30px;
		margin-left:0;
	}
	.footer-info li {
		float:none;
		padding:7px 0;
		border-top:1px solid #F1F2F3;
	}
	#footer-border-bottom{
		border-bottom:1px solid #F1F2F3;
	}
	.copyright{
		float:none;
		margin-top:30px;
		font-size:0.6em;
		text-align:center;
	}

}