body {
  background-color: #f5f2ec; }

#head {
  text-align: center; }
  #head .descript {
    font-size: 1.3125em;
    line-height: 1.5333333333;
    letter-spacing: 0.020em; }
  @media screen and (max-width: 781px) {
    #head .descript {
      font-size: 0.9375em; } }

#single {
  line-height: 1.75; }
  #single .footerArea {
    text-align: center; }
    #single .footerArea .btn._type3 {
      font-size: 1.3125em; }
  @media screen and (max-width: 781px) {
    #single .footerArea .btn._type3 {
      font-size: 0.9375em; } }

.cd_wrapper:not(:last-child)._with_border::after {
  content: "";
  display: block;
  border-bottom: 1px solid #888;
  margin: 3.125em 0; }
.cd_wrapper .imgContent .imgBase {
  display: flex; }
.cd_wrapper .imgContent._v_center .imgBase {
  align-items: center; }
.cd_wrapper .imgContent._h_center .imgBase {
  justify-content: center; }
.cd_wrapper .imgContent._wbox_matgin_top_cancel {
  margin-top: -1.875em; }
  @media screen and (max-width: 781px) {
    .cd_wrapper .imgContent._wbox_matgin_top_cancel {
      margin-top: -0.625em; } }
.cd_wrapper article._border {
  border: 2px solid #35200c;
  padding: 2em 1.75em; }
.cd_wrapper .cols > .col {
  display: flex;
  flex-direction: column; }
  .cd_wrapper .cols > .col .cd_wrapper._fitHeight {
    min-height: 100%; }
    .cd_wrapper .cols > .col .cd_wrapper._fitHeight article {
      min-height: 100%; }
@media print, screen and (min-width: 782px) {
  .cd_wrapper .cols._sp_reverse .col:nth-child(1) {
    order: 2; }
  .cd_wrapper .cols._sp_reverse .col:nth-child(2) {
    order: 1; } }
@media screen and (max-width: 781px) {
  .cd_wrapper article._border {
    padding: 1.375em 1.125em; }
  .cd_wrapper .cols {
    display: block; }
    .cd_wrapper .cols .col:not(:last-child) {
      margin-bottom: 1.25em; }
  .cd_wrapper:not(:last-child)._with_border::after {
    margin: 1.5625em 0; } }

.midashiContent {
  display: flex;
  min-height: 9.375em; }
  .midashiContent > .midashi {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 11.25em; }
    .midashiContent > .midashi > .txt {
      font-size: 1.125em;
      line-height: 1.75;
      font-weight: bold;
      margin: 1em; }
  .midashiContent > .content {
    width: 0;
    flex-grow: 1;
    padding: 1.25em 1.875em; }
    .midashiContent > .content > article {
      font-size: 1em;
      line-height: 1.875em;
      min-height: 100%; }
  .midashiContent._colorType_blue {
    background-color: #dcf0ff; }
    .midashiContent._colorType_blue > .midashi {
      background-color: #6496d2;
      color: #FFF; }
  .midashiContent._colorType_green {
    background-color: #d6f0e1; }
    .midashiContent._colorType_green > .midashi {
      background-color: #45c0a2;
      color: #FFF; }
  @media screen and (max-width: 781px) {
    .midashiContent {
      flex-direction: column;
      min-height: 0; }
      .midashiContent > .midashi {
        width: 100%; }
        .midashiContent > .midashi > .txt {
          font-size: 0.9375em; }
      .midashiContent > .content {
        display: block;
        width: 100%;
        flex-grow: initial;
        padding: 0.5em 0.625em; }
        .midashiContent > .content > article {
          font-size: 0.875em;
          line-height: 1.5em; } }

.steps._type1 > .step {
  position: relative;
  background-color: rgba(251, 196, 0, 0.4);
  padding: 1.5625em 1.875em; }
  .steps._type1 > .step:not(:last-child) {
    margin-bottom: 3.125em; }
    .steps._type1 > .step:not(:last-child)::after {
      content: "";
      width: 1.5625em;
      height: 1.5625em;
      border-right: 5px solid #35200c;
      border-bottom: 5px solid #35200c;
      position: absolute;
      left: 50%;
      bottom: -1.5625em;
      transform: translate(-50%, 20%) rotate(45deg); }
@media screen and (max-width: 781px) {
  .steps._type1 > .step {
    padding: 0.9375em; }
    .steps._type1 > .step:not(:last-child) {
      margin-bottom: 1.5625em; }
      .steps._type1 > .step:not(:last-child)::after {
        width: 1.0625em;
        height: 1.0625em;
        bottom: -0.78125em; } }