html {
  height: 100%;
  width: 100%; }

body {
  color: #222;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  /*Chrome,Safari*/
  -ms-text-size-adjust: 100%;
  /*EgdeMobile*/
  -moz-text-size-adjust: 100%;
  /*firefox*/
  line-height: 1.5;
  margin: 0;
  width: 100%;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: border-box; }

a {
  color: #0277bd;
  text-decoration: none; }

header {
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
  display: block;
  height: 60px;
  position: fixed;
  top: 0;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  -o-transition: 0.4s ease;
  transition: 0.4s ease;
  width: 100%;
  z-index: 1001; }

.pos_a {
  position: absolute; }

.top_16 {
  top: 16px; }

.lef_16 {
  left: 16px; }

.m_icon-s-logo {
  height: 35px;
  width: 160px; }

.fil_ora10 {
  fill: #fa6218; }

.flo_l {
  float: left; }

.pad-t_60 {
  padding-top: 60px; }

.pad-t_16 {
  padding-right: 16px; }

.pad-t_24 {
  padding-right: 24px; }

.pad-r_16 {
  padding-right: 16px; }

.pad-b_16 {
  padding-bottom: 16px; }

.pad-l_16 {
  padding-left: 16px; }

.wid_100p {
  width: 100%; }

.bac-c_bla02 {
  background-color: #F5F5F7; }

.m_list_none {
  list-style: none;
  margin: 0;
  padding: 0; }

.mar_0 {
  margin: 0; }

.dis_f {
  display: flex; }

.ali-i_c {
  align-items: center; }

.jus-c_s-b {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.col_bla10 {
  color: #222; }

.fil_bla08 {
  fill: #777778; }

.flo_r {
  float: right; }

.dis_i-b {
  display: inline-block; }

.pad_16 {
  padding: 16px; }

.dis_b {
  display: block; }

.wid_160 {
  width: 160px; }

.wid_22 {
  width: 22px; }

.wid_24 {
  width: 24px; }

.hei_22 {
  height: 22px; }

.hei_24 {
  height: 24px; }

.fon-s_12 {
  font-size: 12px; }

.fon-s_20 {
  font-size: 20px; }

.fon-w_700 {
  font-weight: 700; }

@media screen and (min-width: 781px) {
  body {
    background: #f5f5f7; }
  body a, body button, body select {
    cursor: pointer; }
  .pc_bg {
    width: 100%; }
  .pc_content {
    background-color: #fff;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    margin: 0 auto;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    width: 540px; }
  header {
    width: 540px !important; }
  ::-webkit-scrollbar:horizontal {
    display: inherit;
    height: 10px;
    width: 10px; }
  ::-webkit-scrollbar-thumb:horizontal {
    background: #e8e8e8;
    border-radius: 5px; } }