@charset "UTF-8";

body {
	color: #777;
	font-family: 'Noto Sans JP', sans-serif;
}

main {
  padding-bottom: 30%;
}

a {
  color: #000
}

footer .box {
  /*background-image: url({{ asset('img/img_footter_back.png') }});*/
  background-image: url(/img/img_footter_back.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  /*background-color: #FFF;*/
  position: relative;
}
footer .box p {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.3em;
}

.btn{
  border-radius: 0;
}
.btn-link {
  color: #000;
}
.btn-mp-primary {
  padding: 0.6em 0;
  background: #CCC;
  font-size: 0.9em;
  color: #000;
  border-color: #CCC;
  font-weight: bold;
}
.btn-outline-secondary {
  padding: 0.6em 0;
  border-color: #999;
  font-size: 0.9em;
  color: #000;
  font-weight: bold;
}

.required_icon {
  font-size: 70%;
  font-weight: bold;
  /*background-color: #F12559;*/
  /*padding: 0.5em;*/
  margin-left: 0.5em;
  /*color: #fff;*/
}

.small {
	font-size: 0.8em;
}
.small-small {
	font-size: 0.7em;
}

.subsc-area {
    background-image: url(/img/img_subsc_back.png?a);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-color: #FFF;
    position: relative;
}