@charset "utf-8";

/* グローバル */
body{background-color: #fff; font-size: 14px; margin: 0;}
img{width:100%;}
.container.v3{max-width: 1200px;}
.container.v2{max-width: 1000px;}
.container.vc{max-width: 800px;}
.container.vc2{max-width: 600px;}
.site-content{margin-top: 80px;}
a{cursor: pointer; text-decoration: none; color: #000;}
ul{list-style: none;}
main{margin: 0;}
div{line-height:0;}


/* header */
.head-box{display: flex;justify-content: space-between;}
.head-logo{margin-left: 5%;
    padding: 0px;
    width: 10%;
    padding-top: 1%;}
.head-logo img{object-fit: contain;}
.head-btn{width: 15%;}

/* main */
.meassege{padding: 100px 0 150px; width: 55%; margin: 0 0 0 21%;}
.present{width: 70%; margin: 0 auto;}
.pb{padding-bottom: 100px;}
.kansenn{padding: 100px 0; margin: 0 15%;}

/* footer */
footer{text-align: center; padding-top: 50px;}
footer img{width: 10%;}
.copy{background-color: #2896e6;}
.copy p{color: #fff; padding: 10px 0; margin-top: 50px;}








/*---PC---*/
@media (min-width: 768px){
  .pc-hidden{display: none;}
}

/*---スマホ---*/
@media only screen and (max-width: 767px) {
  .sm-hidden{display: none;}

  .head-btn{display: none;}
  .head-logo{margin: 0 auto;
    width: 40%;
    margin-top: 5%;
    padding: 5%;
    padding-top: 0px;}

  .pb{padding-bottom: 50px;}
  .meassege {padding: 50px 0 100px; width: 90%; margin-left: 3%;}
  .present{width: 90%;}
  .kansenn {padding: 50px 0; margin: 0 5%;}
  .copy p{margin-bottom: 0;}
  footer img {width: 30%;}
}