@charset "UTF-8";

header,main,footer,section{
  text-align:center;
}
p{
  padding:30px 0 0;
}
header{
  padding:100px 0 0;
}
header h1{
  background:no-repeat center top url(../img/logo_sumaho-ocr.png);
  height:436px;
  font-size:0;
}
main section{
  padding:100px 0 0;
}
main h2{
  font-size:40px;
  font-weight:700;
}
main h3{
  padding:30px 0 0;
  font-weight:700;
}
main p a{
  display:inline-block;
  padding:16px 50px;
  background-color:#305EFF;
  color:#ffffff;
  font-weight:700;
  border-radius:999px;
  text-decoration:none;
  line-height:1;
}
main ul{
  font-size:0;
  overflow-x:auto;
  white-space:nowrap;
}
main ul::-webkit-scrollbar{
  background:#f1f1f1;
  scrollbar-width:thin;
}
main ul::-webkit-scrollbar-thumb{
  background-color:#c1c1c1;
  border:2px solid #f1f1f1;
  border-radius:999px;
}
main ul li{
  display:inline-block;
  font-size:24px;
  font-weight:700;
  line-height:1.5;
}
main ul li:not(:last-child){
  margin:0 50px 0 0;
}
main ul li figure{
  padding:24px 0 0;
}
main section#contact,main section#thanks{
  max-width:1120px;
  margin:auto;
}
main section#contact h2,main section#thanks h2{
  font-size:24px;
  color:#305EFF;
  padding:0 0 30px;
  margin-bottom:30px;
  border-bottom:solid 2px #305EFF;
}
main section#thanks h2{
  margin-bottom:0;
}
main section#rakuraku-b2b{
  padding-top:83px;
}
main section#rakuraku-b2b h2{
  font-size:0;
  height:154px;
  background:no-repeat center bottom url(../img/logo_rakuraku-b2b.png);
}
main section#rakuraku-b2b h2 span{
  font-size:24px;
}
main section#rakuraku-b2b p a{
  background-color:#00a73c;
}
footer{
  background-color:#305EFF;
  margin:100px 0 0;
  padding:50px 0;
}
footer p{
  color:#ffffff;
  font-size:12px;
}
footer p a{
  color:#ffffff;
}

@media screen and (max-width:1120px){
  main section#contact{
    width:calc(100% - 60px);
  }
  main ul li:first-child{
    padding-left:30px;
  }
  main ul li:last-child{
    padding-right:30px;
  }
}

@media screen and (max-width:767px){
  header h1{
    width:50vw;
    background-size:contain;
    min-width:200px;
    height:63vw;
    margin:auto;
  }
  main ul li{
    width:60vw;
  }
  main h2,main section#rakuraku-b2b h2 span{
    line-height:1.5;
  }
  main section#rakuraku-b2b h2{
    height:190px;
  }
}