* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-size: 100%; }

html {
  scroll-padding-top: 120px; }

ul, ol, li {
  list-style: none; }

em, i {
  font-style: normal; }

small {
  font-size: 0.8em; }

img, iframe, video {
  max-width: 100%; }

.txt-center {
  text-align: center; }

.txt-right {
  text-align: right; }

.txt-left {
  text-align: left; }

.fs07 {
  font-size: 0.7em; }

.fs08 {
  font-size: 0.7em; }

.fs09 {
  font-size: 0.7em; }

.fs11 {
  font-size: 1.1em; }

.fs12 {
  font-size: 1.2em; }

.fs13 {
  font-size: 1.3em; }

.fs14 {
  font-size: 1.4em; }

.fs15 {
  font-size: 1.5em; }

.fs16 {
  font-size: 1.6em; }

.mt1 {
  margin-top: 1em; }

.mt2 {
  margin-top: 2em; }

.mt3 {
  margin-top: 3em; }

.mt4 {
  margin-top: 4em; }

.mb1 {
  margin-bottom: 1em; }

.mb2 {
  margin-bottom: 2em; }

.mb3 {
  margin-bottom: 3em; }

.mb4 {
  margin-bottom: 4em; }

.pt1 {
  padding-top: 1em; }

.pt2 {
  padding-top: 2em; }

.pt3 {
  padding-top: 3em; }

.pt4 {
  padding-top: 4em; }

.pb1 {
  padding-bottom: 1em; }

.pb2 {
  padding-bottom: 2em; }

.pb3 {
  padding-bottom: 3em; }

.pb4 {
  padding-bottom: 4em; }

.d-flex,
.d-flex-lg {
  display: flex; }

.d-inline-block {
  display: inline-block; }

.flex-column {
  flex-direction: column; }

.flex-column-reverse {
  flex-direction: column-reverse; }

.flex-row-reverse {
  flex-direction: row-reverse; }

.justify-content-start {
  justify-content: flex-start; }

.justify-content-end {
  justify-content: flex-end; }

.justify-content-center {
  justify-content: center; }

.justify-content-between {
  justify-content: space-between; }

.justify-content-around {
  justify-content: space-around; }

.align-items-centrer {
  align-items: center; }

.align-items-end {
  align-items: flex-end; }

.w100 {
  width: 100%; }

.wAuto {
  width: auto; }

.container {
  width: 1240px;
  max-width: 92%;
  margin-left: auto;
  margin-right: auto; }

.container_s {
  width: 1080px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.container_ss {
  width: 920px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.btn {
  display: inline-block;
  line-height: 1.1;
  transition-duration: 0.3s; }
  .btn em {
    background-repeat: no-repeat;
    background-size: contain;
    padding: 1em 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 300 / 104; }
  .btn img {
    width: auto;
    height: 20px; }
  .btn:hover {
    animation: btnhover 1s linear 0s infinite; }

.btn-red em {
  background-image: url("../images/common/btn-red.svg"); }

.btn-gray em {
  background-image: url("../images/common/btn-blue.svg"); }

.btn-gray-long em {
  background-image: url("../images/common/btn-blue.svg"); }

.btn-large em {
  background-size: cover;
  min-height: 90px; }
  .btn-large em img {
    height: 54px; }

@keyframes btnhover {
  0% {
    rotate: 0; }
  25% {
    rotate: 4deg; }
  75% {
    rotate: -4deg; }
  100% {
    rotate: 0; } }
@media screen and (max-width: 736px) {
  .d-flex-lg {
    display: block; } }

/*# sourceMappingURL=common.css.map */