@charset "utf-8";
/*===========================
add
===========================*/

/*-----------
   色変更
-----------*/

/* table  */

table.table2 th {
  background-color: #f79a86;
  /* color: #fff; */
}

table.table3 th {
  background-color: #e5faff;
  /* color: #fff; */
  color: #444;
}

.tdColor1 {
  background-color: #fef8ef !important;
}

.tdColor2 {
  background-color: #feeee0 !important;
}

/* buttons */

.txtBnr2 a {
  background-color: #ea8e1e;
  color: #fff;
}

/*.txtIcon  */

.txtIcon {
  background-color: #ea8e1e;
  color: #fff;
}

.txtIconBlock {
  background-color: #ea8e1e;
  color: #fff;
}

.txtIconPoint {
  background-color: #abc853;
}

/* catchiphrase */

.catch1 {
  color: #eea011;
}

.catch2 {
  color: #eea011;
}

.catch3 {
  color: #eea011;
}

/*circle-number*/

.circle-big {
  color: #0098b9;
  font-size: 1.375rem;
}

/* list */

ul.liCircle li::before,
ul.liInline li::before,
ul.liInline2Div li::before,
ul.liInline3Div li::before,
ul.liInline4Div li::before {
  background: #f3ac56;
}

/* faq */

dl.faq dt::before {
  color: #fff;
  background: #ee7e3c;
}

dl.faq dd::before {
  color: #fff;
  background: #64a6d7;
}

/* 枠  */

.boxFrame {
  border: 3px solid #f1c03f;
}

.boxFrameDouble {
  border: 3px double #f1c03f;
}

.boxDot {
  border: 2px dotted #f1c03f;
  background: #fefde9;
}

.boxFablic {
  border: 3px solid #f1c03f;
  background: #fefde9;
  box-shadow: 0px 0px 0px 10px #fefde9;
  border: dotted 2px #e3aa24;
}

/*強調文字（太文字）*/
.font_0 {
  font-weight: bold;
}
/*強調文字（大文字）*/
.font_1 {
  font-weight: bold;
  font-size: 1.5rem !important;
}
/*強調文字（色）*/
.font_2 {
  color: #ff773e !important;
  font-weight: bold;
}
/*強調文字（色+大文字）*/
.font_3 {
  color: #ff773e !important;
  font-weight: bold;
  font-size: 1.5rem !important;
  line-height: 1.5;
}
/*画像枠*/
.bd {
  border: 1px #ddd solid;
}
/*画像サイズ*/
.wd80 {
  width: 80% !important;
}
.wd60 {
  width: 60% !important;
}
.sp-br {
  display: none;
}
.text-wrap {
  width: 60%;
  margin: 0 auto;
}
/*インデント */
.txt-indent {
  padding-left: 1em;
  text-indent: -1em;
}
/*背景色タイトル */
.bg-color {
  background: #e5faff;
  padding: 0 0.5em;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bg-color::after {
  display: none;
}
.tx-right {
  text-align: right !important;
}
.tx-flex {
  text-align: center !important;
}
.flow-img {
  width: 15% !important;
}
h3.small {
  font-size: 1.4em;
}
.longurl {
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .sp-br {
    display: block;
  }
  .wd80 {
    width: 100% !important;
  }
  .wd60 {
    width: 100% !important;
  }
  .font_3 {
    font-size: 1.1rem !important;
  }
  .text-wrap {
    width: 100%;
  }
  .tx-flex {
    text-align: left !important;
  }
  .circle-big {
    font-size: 1.125rem;
  }
  .bg-color {
    font-size: 1.125rem;
    line-height: 1.5;
  }
  h3 {
    font-size: 1.25rem;
  }
  h3.small {
    font-size: 1.2em;
  }
}

ol.num_order {
 padding-left:20px;
}
ol.num_order li {
    padding: 5px 0 4px 0;
    list-style-type: decimal;
	font-weight:800;
}
.tx-small {
	font-size:90%;
	font-weight:100;
}
ul.circle {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle > li {
    padding: 0 0 0.2em 1.2em;
    margin-bottom: 0.2em;
    border-bottom: 1px dashed #CCC;
    width:90%;
    margin-right:2%;
    position: relative;
}
ul.circle > li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}



ul.circle-2col {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-2col > li {
    padding: 0 0 0.5em 1.2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #CCC;
    width:40%;
    margin-right:2%;
    position: relative;
}
ul.circle-2col > li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}

ul.circle-3col {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;	
}
ul.circle-3col > li {
    padding: 0 0 0.5em 1.2em;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #CCC;
    width:31%;
    margin-right:2%;
    position: relative;
}
ul.circle-3col > li:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    background-color: #222;
    border-radius: 50%;
    left: 0.5em;
    margin-top: 0.6em;
}


@media only screen and (max-width: 768px) {
  ul.circle-2col > li,ul.circle-3col > li {
    width:90%;
}
}
.pc-disp {
    display:block;
}
.sp-disp {
    display:none; 
}
@media only screen and (max-width: 768px) {
.pc-disp {
    display:none;
}
.sp-disp {
    display:block; 
}
}