@charset "UTF-8";

/*common*/
*{
  box-sizing: border-box;
}
html{
    font-size:62.5%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body{
  width: 100%;
  font-family: "roboto","Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  color: #0A233E;
  font-size: 1.6rem;
}
.container{
  max-width: 100%;
}
.m-auto{
  margin: auto;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-15{
  margin-bottom: 15px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-40{
  margin-bottom: 40px;
}
.mb-50{
  margin-bottom: 50px;
}

.pt-10{
  padding-top: 10px;
}
.pt-15{
  padding-top: 15px;
}
.pt-20{
  padding-top: 20px;
}
.pt-30{
  padding-top: 30px;
}
.pt-40{
  padding-top: 40px;
}
.pt-50{
  padding-top: 50px;
}

.pb-10{
  padding-bottom: 10px;
}
.pb-15{
  padding-bottom: 15px;
}
.pb-20{
  padding-bottom: 20px;
}
.pb-30{
  padding-bottom: 30px;
}
.pb-40{
  padding-bottom: 40px;
}
.pb-50{
  padding-bottom: 50px;
}

.pl-10{
  padding-left: 10px;
}
.pl-15{
  padding-left: 15px;
}
.pl-20{
  padding-left: 20px;
}
.pl-30{
  padding-left: 30px;
}
.pl-40{
  padding-left: 40px;
}
.pl-50{
  padding-left: 50px;
}


img{
  width: 100%;
}
.red{
  color:#E6283D;
}
.bold{
  font-weight: bold;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}

.flex{
  display: flex;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-justify-content-between{
  justify-content: space-between;
}
.flex-justify-content-center{
  justify-content: center;
}
.flex-align-items-center{
  align-items: center;
}
/* @media (prefers-color-scheme: dark) {
  body{
    background-color: #000;
    color: #fff;
  }
} */
img,
a{
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}