/* color */
.bg-shadow {
  background: #1cafae;
}
.bc_white {
  background-color: #fff;
}
.site_color {
  color: #1cafae;
}
.bc_site_color {
  background-color: #1cafae;
}
.bc_alerts {
  background-color: #fdf3d9;
}
.bc_red {
  background-color: #da0000;
}
.c_white {
  color: #fff;
}
.c_gray {
  color: #a0adba;
}
.c_gray {
  color: #6f6f6f;
}
.br_gray {
  border: 1px solid #dae0e6;
}
.b-top_gray {
  border-top: 1px solid #dae0e6;
}
.red_text {
  color: #da0000;
  margin-top: 20px;
  margin-left: 10px;
}

.error {
  color: #da0000;
  font-size: 12px;
  line-height: 1;
  display: block;
  margin-top: 5px;
  margin-left: 5px;
}
.err {
  font-size: 13px;
  display: block;
  margin-top: 8px;
  margin-left: 8px;
  line-height: 1;
  color: #cc0000;
  margin-bottom: 15px;
}

/* 表示切り替えレスポンス */
.on1280,
.on1024,
.on768,
.on480 {
  display: none;
}

@media (max-width:1280px) {
  .on1280 {
    display: block;
  }

  .off1280 {
    display: none;
  }
}

@media (max-width:1024px) {
  .on1024 {
    display: block;
  }

  .off1024 {
    display: none;
  }
}

@media (max-width:768px) {
  .on768 {
    display: block;
  }

  .off768 {
    display: none;
  }
}

@media (max-width:480px) {
  .on480 {
    display: block;
  }

  .off480 {
    display: none;
  }
}


/* base items */
.block {
  display: block
}

.flex_box,
.flex {
  display: flex
}

.flex_wrap,
.flex-wrap {
  flex-wrap: wrap
}

.justify {
  justify-content: center
}

.ju-sb {
  justify-content: space-between
}

.ju_right {
  justify-content: right;
}

.alc {
  align-items: center;
}
.br_5 {
  border-radius: 5px;
}
.br_10 {
  border-radius: 10px;
}

/* btn */
.btn {
  transition: .3s;
  cursor: pointer;
}

.btn:hover {
  opacity: .7;
}

/* margin style */
.mt20 {
  margin-top:20px;
}
.mr20 {
  margin-right: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.ml20 {
  margin-left: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml10 {
  margin-left: 10px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml0 {
  margin-left: 0;
}
.ml5 {
  margin-left: 5px;
}

.m-auto {
  margin: auto;
}
.ml-auto {
  margin-left: auto;
}

.m5 {
  margin: 5px 0;
}
/* padding style */
.pt20 {
  padding-top:20px;
}
.pl20 {
  padding-left: 20px;
}
.pl8 {
  padding-left: 8px;
}
.pl5 {
  padding-left: 5px;
}
.pb20 {
  padding-bottom: 20px;
}
.pr20 {
  padding-right: 20px;
}
.pa12 {
  padding:12px;
}
.pa20 {
  padding: 20px;
}
.ptb20 {
  padding: 20px 0;
}
.plr20 {
  padding: 0 20px;
}
/* width style */
.w100 {
  width: 100%;
}
.w92 {
  width: 92%;
}
.w90 {
  width: 90%;
}

.w80 {
  width: 80%;
}

.w70 {
  width: 70%;
}

.w60 {
  width: 60%;
}

.w50 {
  width: 50%;
}

.w40 {
  width: 40%;
}
.w33 {
  width: 33%;
}
.w30 {
  width: 30%;
}
.w25 {
  width: 25%;
}

.w20 {
  width: 20%;
}

.w15 {
  width: 15%;
}

.w10 {
  width: 10%;
}

.w8 {
  width: 8%;
}

.w7 {
  width: 7%;
}

.w-40 {
  width: 40px;
}

.mw150 {
  max-width: 150px;
}
.mw200 {
  max-width: 200px;
}
.mw250 {
  max-width: 250px;
}
.mw400 {
  max-width: 400px;
}


/* ---------------------------
base
-----------------------------*/
body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  color: #001C2B;
  background-color: #F5F8FA;
}

body * {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
  /* font-size:0px; */
  -webkit-text-size-adjust: none;
}

*:focus {
  outline: none;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  outline: none !important;
}

html {
  overflow-y: scroll;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-size: 100%;
  font-weight: normal;
  line-height: 1;
}

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

fieldset,
img {
  border: 0;
}

img {
  max-width: 100%;
  vertical-align: bottom;
  height: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.pointer {
  cursor: pointer;
}
caption,
th {
  text-align: left;
}

a {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
}

a:hover {
  opacity: 0.6;
}

a:focus {
  outline: none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}

::placeholder {
  color: #7A8E99;
}

/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #7A8E99;
}

/* IE対応 */
:-ms-input-placeholder {
  color: #7A8E99;
}

select.searchNumBox {
  border-radius: 4px;
}