@charset "shift_jis";
/* CSS Document */ :root {
  --image-color-01: #3D00BF;
}
/*--------------------------------------------------------------------------------見出し*/ :root {
  --h1-text-color: #000000;
  --h1-bg-color: #F5F5F5;
  --h1-point-color: #FFC600;
  --h3-text-color: #FF5F00;
  --h3-border-color: #FFDD00;
  --h3-back01-color: #FFF4B2;
}
h1 {
  margin: 0 0 1em 0;
  padding: 0.5em 0 0.5em 1em;
  font-size: 1.8em;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: var(--h1-text-color);
  background: var(--h1-bg-color);
  border-left: solid 30px var(--h1-point-color);
  border-bottom: solid 3px #d7d7d7; /*下線*/
}
h2.title00 {
  font-size: 2.1em;
  line-height: 2em;
  padding: 3.5rem 0 2rem 3rem;
  text-shadow:
    2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff; /* 文字の影 */
  background-image: url("../img/bk_00.jpg");
  background-repeat: no-repeat;
  color: var(--image-color-01);
}
h3.merit{
    position: relative;
    width: 100%;
    color: #ffffff;
    border-radius: 25px;
    background: rgba(217,60,0,1.00);
    padding: 0.5em 0.5em 0.5em 1em;
    margin: 0.5em auto;
}
h3.merit:before {
    position: absolute;
    bottom: -19px;
    left: 40px;
    content: '';
    border-width: 20px 15px 0 15px;
    border-style: solid;
    border-color: rgba(217,60,0,1.00) transparent transparent transparent;
}
.bg_merit{
  background: #FBFFDC;
}
h3.merit{
    position: relative;
    width: 100%;
    color: #ffffff;
    border-radius: 25px;
    background: rgba(119,162,5,1.00);
    padding: 0.5em 0.5em 0.5em 1em;
    margin: 0.5em auto;
}
h3.merit:before {
    position: absolute;
    bottom: -19px;
    left: 40px;
    content: '';
    border-width: 20px 15px 0 15px;
    border-style: solid;
    border-color: rgba(119,162,5,1.00) transparent transparent transparent;
}
.bg_merit{
  background: #FBFFDC;
}
h3.demerit{
    position: relative;
    width: 100%;
    color: #ffffff;
    border-radius: 25px;
    background: rgba(56,0,217,1.00);
    padding: 0.5em 0.5em 0.5em 1em;
    margin: 0.5em auto;
}
h3.demerit:before {
    position: absolute;
    bottom: -19px;
    left: 40px;
    content: '';
    border-width: 20px 15px 0 15px;
    border-style: solid;
    border-color: rgba(56,0,217,1.00) transparent transparent transparent;
}
.bg_demerit{
  background: #E1F8FF;
}
h3.item {
  width: 95%;
  line-height: 1.6em;
  color: var(--h3-text-color);
  padding: 1rem 2rem 0.5rem;
  border-bottom: 3px solid var(--h3-text-color);
  background: var(--h3-back01-color);
}
/* --------------------------まとめ-------------------------- */ :root {
  --matome-h2-text-color: #FFFFFF;
  --matome-h2-bg-color: #0F7E6E;
}
#matome h2 {
  position: relative;
  padding: 0.6em;
  background: var(--matome-h2-bg-color);
  color: var(--matome-h2-text-color);
}
#matome h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid var(--matome-h2-bg-color);
  width: 0;
  height: 0;
}
#matome p {
}
/* --------------------------文字 アンダーライン-------------------------- */
.text_m_Pyellow {
  background: linear-gradient(transparent 60%, #ffffa8 0%);
}
.text_m_Pgreen {
  background: linear-gradient(transparent 60%, #BEFFA8 0%);
}
.text_m_Porange {
  background: linear-gradient(transparent 60%, #FFD272 0%);
}
.text_m_Pblue {
  background: linear-gradient(transparent 60%, #ccffff 0%);
}
.text_m_Pred {
  background: linear-gradient(transparent 60%, #ffcccc 0%);
}
.text_c_yellow {
  color:yellow;
}
.con_shadow {
  margin-top: 5em;
  padding: 0 0 1em 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.title_none {
  display: none;
}
.kakomi-p2em-solid2Gray {
  padding: 2em 0;
  border: solid 2px #939393;
}
.m_b4em {
  margin-bottom: 4em;
}
.m_t3em {
  margin-top: 3em;
}
.p_tb4em {
  padding-top: 4em;
  padding-bottom: 4em;
}
.m_t4em {
  padding-top: 4em;
}
.m_tb4em {
  margin-top: 4em;
  margin-bottom: 4em;
}
.p_t4em {
  padding-top: 4em;
}
.p_b2em {
  padding-bottom: 2em;
}
.p_b4em {
  padding-bottom: 4em;
}
.bk_br-d30_white{
background: #FFFFFF;

}
.title-color_CF4B4D{
  background: #D58B00;
  color: #FFFFFF;
}

:root {
    --midashi-color: #FF9C01;
}
.edge_midashi{
  border: solid 2px  var(--midashi-color);
      border-radius: 0 0 30px 30px;
}
.s_midashi{
background:  var(--midashi-color);
color:#FFFFFF;
text-align: center;
font-size: 1.6em;
font-weight: bold;
padding: 0.3em;
}
.title-color_midashi{
  background:  var(--midashi-color);
  border-radius: 0 0 30px 30px;
  color: #FFFFFF;
}
/* --------------------------カテゴリ kinds-------------------------- */ :root {
  --kinds-color: #FD8700;
}
.edge_kinds{
  border: solid 4px  var(--kinds-color);
    border-radius: 30px;
}
.s_midashi_kinds{
background:  var(--kinds-color);
color:#FFFFFF;
text-align: center;
font-size: 1.8em;
font-weight: bold;
margin-top: 2em;
}
.title-color_kinds{
  background:  var(--kinds-color);
  border-radius: 0 0 30px 30px;
  color: #FFFFFF;
}


/* ol デザイン */
/* 初期設定 */
ol {
  position: relative;
  margin: 0;
  padding: 0 30px 0 0;
  list-style: none;
  font-weight: bold;
}
ol li {
  position: relative;
  margin: 12px 1em;
  padding:  0 0 0 2em;
  line-height: 1.5;
}

ol {
  counter-reset: li;
}
ol > li:before {
font-size:1.4em;
  position: absolute;
  font-weight: bold;
  counter-increment: li;
  content: counter(li) "";
  left: -34px;
  top: -5px;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100%;
  box-sizing: border-box;
  line-height: 1;
  background: #ffc33c;
  padding: 0.4em 0;
}