@charset "UTF-8";
/* CSS Document */
/*ここはすべてがtada追記のレスポンシブ対応用cssです。*/
/* SP向けの設定 */
@media screen and (max-width: 600px) {
	header.masthead {
  background-image: url("../assets/img/header-bg_sh.jpg"); 
}
.bg-light {
	background-color:#5D80C8;
  background-image: url("../assets/img/service/service_back_sh.png"); /*tada追記*/
}
  .masthead-subheading img{
   width:90%;
  }
 .sh {display:block;}
.pc {display:none;}

.kazari{
font-size:3.5em;
left:10%;
top:-28%;
color:rgba(206,208,243,0.2);/*元5067a9*/
}
.kazari2{
display:none;
}
.kazari3{
font-size:3.5em;
}
.kazari4{
font-size:3.5em;
left:0%;
top:-42%;
}
.kazari5{
font-size:3em;
left:3%;
top:-15%;
}

.page-section h2.section-heading, .page-section .section-heading.h2 {
	
  margin-top: -2em;

}

.text-muted {
  margin-bottom:0em;
  line-height:1.5em;
  font-size:1.1em;
  width:90%;/*tada追記*/
}

.text-muted span/*tada追記*/ {
  font-size:1.2em; 
   line-height:1em;
  
}




	
}
.page-section #works{
	background-color:#ccc;
}

  /*#mainNav .navbar-brand img {
    height:1.5rem;tadaロゴサイズ変更
    transition: height 0.3s ease-in-out;
  }*/
  
  #recruit img{
	  width:100%;
  }
  
  .DPY-item .DPY-link img{
	  padding-bottom:2em;
	  
  }
  
  @media (max-width: 601px){
#mainNav .navbar-brand img {
    height: 1.5rem;
    transition: height 0.3s ease-in-out;
}
  }


/* SP向けの設定 */
@media screen and (max-width: 370px) {
	
	.text-muted .sh/*tada追記*/{
	position:absolute;
	top:-30%;
	width:45%;
	
}
	
}

@media screen and (min-width: 601px) {
	 .sh {display:none;}
.pc {display:block;}

#ourservice .btn{
	margin-top:4em;
	}
}

@media screen and (max-width: 769px) {
.kazari2/*tada追記service*/{
	 position:absolute;
	 left:15%;
	 top:70%;
}


}

@media screen and (min-width: 1024px) {
.kazari/*tada追記message*/{
	    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	 font-size:5em;
	 color:rgba(206,208,243,0.2);/*元5067a9*/
	 text-align:right;
	 position:absolute;
	 left:-10%;
	 top:-70%;
	 display: block;
	 
}


}