@charset "UTF-8";
/*
  reset + utility
*/

@import url(./ress.min.css);

html {
  font-size: 62.5%;
  /* font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; */
  font-family: sans-serif;
  color: #585858;
  line-height: normal;
  vertical-align: baseline;
  /* scroll-behavior: smooth; */
}
body { font-size: 1.6rem;}

a { color: #2293ff; text-decoration: none;}
/* a:not([class]):hover, a:not([class]):active { text-decoration: underline;} */

img { max-width: 100%; vertical-align: bottom;}
ul { list-style: none;}
fieldset { border: none;}
select, label { cursor: pointer;}
address { font-style: normal;}
table {  border-collapse: collapse; border-spacing: 0;}
em { font-weight: bold; font-style: normal;}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE only */
  /* input { line-height: 1;} */
}

/* ===========================================
  utilities
===========================================*/

@media screen and ( max-width: 767px ){
  .show-pc { display: none !important;}
}
@media screen and ( min-width: 768px ){
  .show-sp { display: none !important;}
}

.d-none     { display: none !important;}
.d-inline-block { display: inline-block !important;}
.d-block    { display: block !important;}

.wbba { word-break: break-all;}

.text-left   { text-align: left !important;}
.text-center { text-align: center !important;}
.text-right  { text-align: right !important;}

.font-weight-bold { font-weight: bold !important;}

*{
  -webkit-transform: rotate(0.02deg);
  transform: rotate(0.02deg);
}

/* .font-size-10 { font-size: 10px !important; } */

/* .m-0 { margin: 0px !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }

.mt-0 { margin-top: 0 !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }

.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-20 { margin-left: 20px !important; }

.mr-0 { margin-right: 0 !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-20 { margin-right: 20px !important; } */