/* ベーシックCSSテンプレート */
/* リセットCSS */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.container {
 line-height: 0;
 }
.container img{
 display: block;
 margin: 0;
 padding: 0;
}
.mainlogo{
 width:100%;
 height:400px;
    background-image: url("img/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top:30px;

}
.mainlogo h1 img{
 width: 600px;
  display: block;
  margin: 60px auto 0;
  margin-top:60px;
}
.about{
width;100%;
background:#f5e1e3;
}
.about img{
width:1280px;
display:block;
margin:0 auto;
}
.skills{
width;100%;
background:#fbcdd7;
}
.skills img{
width:1280px;
display:block;
margin:0 auto;
}
.works{
width;100%;
background:#f5e1e3;
}
.works img{
width:1280px;
display:block;
margin:0 auto;
}

.contact-section {
    position: relative;
    width;100%;
    background:#fbcdd7;
}

.contact {
   background-image: url("img/Contact.jpg");
   position: relative;
   width:1280px;
   display:block;
   margin:0 auto;
}

.contact-section img.line-button {
    position: absolute;
    left: 750px;
    top: 40%;
    height: auto;
    margin:0;
}

/* スマホ表示用 */
.sp{
  display: none;
}

@media screen and (max-width: 500px) {
  .sp{
    display: block;
  }

  .pc{
  	display: none;
  }
  
.top img{
width:100%;
height:auto;
}

.about img{
width:100%;
height:auto;
}

.skills img{
width:100%;
margin:0 auto;
}

.works img{
width:100%;
margin:0 auto;
}


.contact {
   _background-image: url("img/Contact.jpg");
   position: relative;
   width:100%;
   display:block;
   margin:0 auto;
}


.contact img{
width:100%;
margin:0 auto;
}

.line{
 background-image: url("img/sp/bg.jpg");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 height: auto;
}

.line-button{
width:100%;
}

.line-button a img{
width:200px;
display:block;
margin:0 auto;
padding: 20px 0 20px 0;
}


.thanks img{
width:100%;
margin:0 auto;
}



}
/* スマホ表示用ここまで */