html, body {
    padding: 0;
    margin: 0;
    /*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3';*/
    font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 500;
    background-color: #fff;
    line-height: 1.8em;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.q_button {
  position: relative;
  display: inline-block;
  font-weight: 400;
  padding: 0.5rem 1rem;
  text-decoration: none;
  color: #fff;
  background: #02428c;
  transition: .4s;
	margin: 10px;
	font-size: 1.1rem;
}
.q_button.sz_l {
  padding: 0.75rem 4rem;
}
.q_button.sz_s {
  padding: 0.2rem 1rem;
	font-size: .8rem;
}
.q_button.chara_4 {
		width: 10rem;
		padding: 0.5rem 0;
}
.q_button.sz_s.chara_4 {
		width: 10rem;
		padding: 0.2rem 0rem;
}
.q_button.sz_l.chara_4 {
		width: 12rem;
		padding: 0.75rem 0rem;
}

.q_button:hover {
  background: #00bcd4;
  color: #fff;
	text-decoration: none;
}
.q_button_preview:before {
	content: '< ';
	font-size: .9rem;
}
.q_button_next:after {
	content: ' >';
	font-size: .9rem;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.h-100 {
  height: 100% !important;
}

a{text-decoration: none !important}
a {
    color: #428bca;
    text-decoration: none;
}