@charset "UTF-8";
/*--ベンダープレフィックスの自動付与設定-----------------------*/
/*--例-----------------------*/
@media screen and (min-width: 1024px) {
  /*PC*/
}
 
@media screen and (max-width: 980px) {
  /*SP*/
}
 
@media screen and (max-width: 1023px) and (min-width: 981px) {
  /*TB*/
}
 
@media screen and (max-width: 980px) {
  /*SP*/
  body {
    -webkit-text-size-adjust: 100%;
  }
}
 
/*幅設定------------------------------------------*/
/*コンテンツ幅*/
/*Font Awesome 5のmixin-----------------------------------------------*/
/*配色設定---------------------------------------*/
/*メインカラー*/
/*テキストカラー(メインコンテンツ内のテキスト)*/
/*サブカラー*/
/*テキストカラー(サブコンテンツ内のテキスト)*/
/*アクセントカラー*/
/*ボーダーカラー*/
/*コンテンツボックスのmixin-----------------------------------------------*/
/*# sourceMappingURL=test.css.map */
/*共通------------------------------------------*/
ul.img2, ul.img3, ul.img4 {
  padding-left: 0 !important;
}
 
ul.img2 li, ul.img3 li, ul.img4 li {
  float: left;
  margin: auto;
  background: none !important;
  padding: 5px !important;
  text-align: center;
  overflow: hidden;
  _zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
 
ul.img2 li:before, ul.img3 li:before, ul.img4 li:before {
  content: none !important;
}
 
@media screen and (max-width: 980px) {
  ul.img2 li, ul.img3 li, ul.img4 li {
    /*SP*/
    float: none;
    width: 100% !important;
    text-align: center;
  }
}
 
ul.img2 li {
  width: 50%;
}
 
ul.img3 li {
  width: 33.3%;
}
 
ul.img4 li {
  width: 25%;
}
 
.free dt {
  float: left;
  margin-right: 15px;
}
 
.free2 dt {
  float: right;
  margin-left: 15px;
}
 
.free dd, .free2 dd {
  overflow: hidden;
  _zoom: 1;
}
 
@media screen and (max-width: 980px) {
  .free, .free2 {
    /*SP*/
  }
  .free dt, .free2 dt {
    float: none;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }
}
 
.notice {
  color: red;
}
 
/*=============================================================================*/
/*ページ内コンテンツ===============================================================*/
/*=============================================================================*/
h2.title_h2 {
  background: #e52a19;
  color: #fff;
  padding: 10px;
  border-bottom: 3px solid #000000;
  margin-bottom: 20px;
  padding-left: 2.5em;
  text-indent: -1.6em;
}
 
h2.title_h2:before {
  margin-right: 5px;
  font-size: 1.3em;
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 600;
}
 
h3.title_h3 {
  border-left: 5px solid #3f3e3e;
  padding: 0.5rem 10px;
  font-size: 128%;
  color: #383838;
  margin-bottom: 1rem;
  background: #f5f5f5;
}
 
h4.title_h4 {
  font-size: 126%;
  font-weight: normal;
  margin-bottom: 0.5rem;
  padding: 0.3rem 1.3rem;
  border-bottom: 1px solid #909090;
  border-top: 1px solid #909090;
  position: relative;
}
 
h4.title_h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 600;
  margin-right: 5px;
  margin-left: 5px;
  color: #909090;
  font-size: 50%;
  position: absolute;
  top: 31%;
  left: 0;
}
 
table.data_tbl {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1rem;
}
 
table.data_tbl th, table.data_tbl td {
  width: 50%;
  padding: 10px;
  border: 1px solid #b5b5b5;
  vertical-align: middle;
}
 
table.data_tbl th {
  background-color: #eaeaea;
  text-align: center;
  font-size: 80%;
}
 
table.data_tbl td {
  background: #fff;
}
 
table.data_tbl td > *:last-child {
  margin-bottom: 0 !important;
}
 
ul.txt_list {
  margin-bottom: 1rem;
  padding-left: 5px;
}
 
ul.txt_list > li {
  margin-bottom: 5px;
  position: relative;
  padding-left: 1.2em;
}
 
ul.txt_list > li:before {
  font-size: 60%;
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 600;
  position: absolute;
  top: 20%;
  left: 0;
  margin-right: 3px;
  color: #e52a19;
}
 
ol.number_list {
  counter-reset: number;
  list-style-type: none !important;
  padding-left: 5px;
  margin-bottom: 1rem;
}
 
ol.number_list > li {
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 16px;
}
 
ol.number_list > li:before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  font-weight: bold;
  font-size: 140%;
  left: 0;
  top: -15%;
  color: #3f3e3e;
}
 
.note {
  margin: 0 2%;
  padding: 10px;
  border-radius: 10px;
  border: 2px solid #e86a55;
  background: #fff0db;
  margin-bottom: 1rem;
  font-size: 120%;
}
 
.note *:last-child {
  margin-bottom: 0;
}
 
/*# sourceMappingURL=page.css.map */