/*
  reset + utility
*/

@import url(./ress.min.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Noto+Serif+JP&display=swap');

html {
  font-size: 62.5%;
  font-family: 'Noto Sans JP', Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  color: #333;
  scroll-behavior: smooth;
}
body { font-size: 1.7rem; line-height: 1.75;}

a { color: #3867d6;}

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;}
}

/* ===========================================
  utility
===========================================*/

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

.db {display: block;}
.dib { display: inline-block !important;}
.dn { display: none;}

.mt10 { margin-top: 10px !important;}
.mr5 { margin-right: 5px !important;}
.mb10 { margin-bottom: 10px !important;}

.tac { text-align: center !important;}
.tar {text-align: right !important;}
.tal {text-align: left !important;}
.wbba { word-break: break-all;}
.whnr { white-space: nowrap;}

.fwb { font-weight: bold !important;}
.fz13 { font-size: 1.3rem !important;}
.fz14 { font-size: 1.4rem !important;}