@charset "UTF-8";
/* CSS Document */
a:hover{
  filter: opacity(70%);
}
h1{
  text-align: center;
}
h1 img{
  max-width: 452px;
  padding: 3rem 1rem 2rem;
}
p{
  padding: 3rem 0;
}

img{
  width: 100%;
  height: auto;
}
.cnt{
  margin: 2rem auto;
}
.clm{
  width: 90%;
    max-width: 960px;
    padding: 2rem 1rem;
}
.clm ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.clm li{
  width: 50%;
    padding: 0 1rem 2rem;
}
.clm li.base{
      padding: 0 4% 2rem;
}
.btn{
  text-align: center;
}
.btn img{
  width: 80%;
  height: auto;
}
.footer {
    background: #F5F5F5;
    clear: both;
    width: 100%;
    font-size: 80%;
    text-align: center;
    margin: 0px auto 0px auto;
}
.footer ul{
  margin: 0 auto;
  width: 30%;
  display: flex;
  padding: 2rem 0;
  flex-wrap: wrap;
}
.footer li{
    display: inline-block;
  width: 33.333%;
  padding: 1rem;
}
.footer li img{
    max-width: 50px;
}
#copyright {
    font-size: 10px;
    line-height: 110%;
    color: #999;
    text-align: center;
    position: relative;
    margin: 0;
    padding: 10px;
    background: #444;
}
a {
    color: #45AAB8;
    text-decoration: none;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}
/* SP//////////////////////////////////////////////
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width:768px) {
h1 img {
    width: 70%;
}
.pcbr {
  display: none !important;
}
  
.spbr {
  display: block !important;
}
.clm li{
  width: 100%;
}
.footer ul {
    width: 80%;
}
  #copyright {
    font-size: 1.2rem;
}
} /*//max-width:768px//