@charset "UTF-8";

@media screen and (min-width: 951px) {
  .secondImg + .breadArea {
    margin: 15px 0 20px 0;
    display: flex;
    justify-content: center;
    width: auto;
  }
}
@media screen and (min-width: 951px) {
  .secondImg + .breadArea > ul {
    width: 950px;
  }
}

.breadArea li:not(:last-child)::after {
  content: ">";
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  margin: 0 7px 0 10px;
  color: #000;
  line-height: 1;
}


h1 {
  border-left: 4px solid #83c362;
  color: #83c362;
  font-size: 1.66rem;
  margin-bottom: 40px;
  padding: 15px 0 15px 20px;
  line-height: 1.2;
  font-weight: 800;
}

h2 {
  border-bottom: 2px solid #83c362;
  color: #83c362;
  font-size: 1.4rem;
  margin: 2em 0 1em 0;
    margin-top: 2em;
  padding-bottom: 0.5em;
  line-height: 1.6;
  font-weight: 600;
}


h3 {
  color: #1a365d;
  font-size: 1.2rem;
  margin: 1.5em 0 .5em 0;
    margin-top: 1.5em;
  line-height: 1.6;
  font-weight: 600;
}


table.column_diagram {
    border-collapse: collapse;
    width: 100%;
    max-width: 900px;
    margin: 20px 0 40px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    background-color: #ffffff;
  }

  .column_diagram caption {
    caption-side: top;
    font-weight: bold;
    font-size: 1.1em;
    color: #1a365d;
    margin-bottom: 10px;
    text-align: left;
  }

  .column_diagram th, td {
    border: 1px solid #cbd5e0;
    padding: 12px 16px;
    text-align: left;
    vertical-align: middle;
    font-size: 0.95em;
  }

  .column_diagram th {
    background-color: #2b6cb0;
    color: #ffffff;
    font-weight: 600;
    white-space: nowrap;
  }

  .column_diagram tbody tr:nth-child(even) {
    background-color: #edf2f7;
  }

  .column_diagram tbody tr:hover {
    background-color: #e2e8f0;
  }

  .column_diagram td.category {
    font-weight: 600;
    background-color: #ebf8ff;
    color: #1a365d;
  }

.column_step-sec{
border:1px solid #2b6cb0;
padding: 10px;
}

.column_step-title{
color:#2b6cb0;
font-weight: bold;
}

   .dm_img{
    width: 1000%;
    max-width: 950px;
    height: 400px; 
    overflow-y: hidden;}

   .dm_img img{
    width: 100%;}

@media screen and (max-width: 767px) {
   .dm_img{
    width: 100%;
    height: 300px; 
    overflow: hidden};
   }

ul, ol {
  list-style:initial !important;
}

ul.dm-column_list {
  list-style:decimal !important;
  margin: initial !important;
}

.l-gnav-btn ul li{
list-style:none !important;
}

a.btnStyle01.blue{
  background-color:#2b6cb0;
}

a.btnStyle01.orangepink{
  background-color:#FF7043;
}

.txtR{text-align: right;}

.mt10{margin-top: 15px !important;}