section > .inner { padding: 0 15px; position: relative; }

@media screen and (min-width: 600px) { section > .inner { padding: 0; margin: 0 auto; } }

#requirementContents .inner { padding: 26px 0; }

#requirementContents .inner .list { border-bottom: 1px solid #dcdcdc; }

#requirementContents .inner .list li:first-child .td .icon01, #requirementContents .inner .list li:first-child .td .icon02 { margin-right: 5px; }

#requirementContents .inner .list li .tit { font-size: 1.4rem; background: #fef6e2; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 9px 15px 10px; }

#requirementContents .inner .list li .td { padding: 9px 15px; }

#requirementContents .inner .list li .td .icon { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #fff; text-align: center; padding: 3px 8px; font-size: 1.2rem; display: inline-block; margin-bottom: 3px; }

#requirementContents .inner .list li .td .icon01 { background: #f08300; }

#requirementContents .inner .list li .td .icon02 { background: #8ec21f; }

#requirementContents .inner .list li .td .top { padding-bottom: 10px; }

#requirementContents .inner .list li .td .sub { font-size: 1.2rem; color: #686868; padding: 4px 0 13px; }

@media screen and (min-width: 600px) { #requirementContents .inner { padding: 13px 0 56px; }
  #requirementContents .inner .list { border-bottom: 1px solid #dcdcdc; }
  #requirementContents .inner .list li { display: table; width: 100%; border-top: 1px solid #dcdcdc; }
  #requirementContents .inner .list li:first-child .td .icon01, #requirementContents .inner .list li:first-child .td .icon02 { margin-right: 3px; }
  #requirementContents .inner .list li .tit { font-size: 1.5rem; background: #fef6e2; border: none; padding: 12px 0 10px 25px; display: table-cell; width: 23%; vertical-align: top; text-align: left; }
  #requirementContents .inner .list li .td { padding: 13px 0 11px 26px; vertical-align: top; text-align: left; display: table-cell; font-size: 1.5rem; }
  #requirementContents .inner .list li .td .icon { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #fff; text-align: center; padding: 0px 8px; font-size: 1.4rem; display: inline-block; margin-bottom: 3px; }
  #requirementContents .inner .list li .td .icon01 { background: #f08300; }
  #requirementContents .inner .list li .td .icon02 { background: #8ec21f; }
  #requirementContents .inner .list li .td .top { padding-bottom: 10px; }
  #requirementContents .inner .list li .td .sub { font-size: 1.4rem; color: #686868; padding: 4px 0 13px; } }

#requirementFlow .inner { padding: 0 15px 59px; }

#requirementFlow .inner h2 { margin-bottom: 11px; }

#requirementFlow .inner > .txt { padding-bottom: 19px; }

#requirementFlow .inner .wrap { width: 290px; margin: 0 auto; }

#requirementFlow .inner .wrap .left { width: 34%; padding: 19px 9px; float: left; }

#requirementFlow .inner .wrap .left .list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#requirementFlow .inner .wrap .left .list::after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; height: 100%; width: 4px; background: #ffdc9e; z-index: 2; }

#requirementFlow .inner .wrap .left .list li { position: relative; z-index: 3; /*margin-bottom: 7.3vh;*/ margin-bottom: 147%; }

#requirementFlow .inner .wrap .left .list li:last-child { margin: -14px -14px 0; }

#requirementFlow .inner .wrap .right { float: right; width: 62%; }

#requirementFlow .inner .wrap .right .list li { background: url(../img/common/bg04_sp.png) repeat center top; background-size: 9px; padding: 14px 14px 16px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; margin-bottom: 15px; }

#requirementFlow .inner .wrap .right .list li::after { content: ""; position: absolute; left: -10px; top: 45%; width: 10px; height: 31px; background: url(../img/common/bg03_sp.png) no-repeat center top; background-size: contain; }

#requirementFlow .inner .wrap .right .list li .tit { text-align: center; color: #f08300; font-size: 1.5rem; }

#requirementFlow .inner .wrap .right .list li .img { padding: 4px 36px 11px; }

#requirementFlow .inner .wrap .right .list li .txt { letter-spacing: .05rem; line-height: 1.39; }

@media screen and (min-width: 600px) { #requirementFlow .inner { padding: 0 0 43px; }
  #requirementFlow .inner h2 { margin-bottom: 22px; }
  #requirementFlow .inner > .txt { padding-bottom: 31px; font-size: 1.5rem; }
  #requirementFlow .inner .wrap { width: 100%; margin: 0 auto; }
  #requirementFlow .inner .wrap .left { width: 100%; padding: 0; float: none; }
  #requirementFlow .inner .wrap .left .list { position: relative; padding: 0 0 25px; }
  #requirementFlow .inner .wrap .left .list::after { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; top: 80px; width: 80%; height: 8px; background: #ffdc9e; z-index: 2; }
  #requirementFlow .inner .wrap .left .list li { position: relative; z-index: 3; margin-bottom: 0; display: inline-block; margin-left: 56px; vertical-align: middle; }
  #requirementFlow .inner .wrap .left .list li:first-child { margin-left: 0; }
  #requirementFlow .inner .wrap .left .list li:last-child { margin: 0 0 0 64px; }
  #requirementFlow .inner .wrap .right { float: none; width: 100%; }
  #requirementFlow .inner .wrap .right .list { padding-bottom: 46px; }
  #requirementFlow .inner .wrap .right .list li { background: url(../img/common/bg04_pc.png) repeat center top; background-size: 12px; padding: 22px 22px 16px 30px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; position: relative; margin-bottom: 15px; float: left; width: 48.5%; min-height: 256px; }
  #requirementFlow .inner .wrap .right .list li:last-child { float: right; width: 49.5%; }
  #requirementFlow .inner .wrap .right .list li:last-child::after { right: 20px; }
  #requirementFlow .inner .wrap .right .list li::after { content: ""; position: absolute; left: 0; right: 30px; margin: 0 auto; top: -10px; width: 30px; height: 10px; background: url(../img/common/bg03_pc.png) no-repeat center top; background-size: contain; }
  #requirementFlow .inner .wrap .right .list li .tit { text-align: left; color: #f08300; font-size: 1.6rem; margin-bottom: 3px; display: inline-block; }
  #requirementFlow .inner .wrap .right .list li .img { padding: 7px 0 0 20px; position: relative; left: auto; top: auto; float: right; }
  #requirementFlow .inner .wrap .right .list li .txt { letter-spacing: .05rem; line-height: 1.54; font-size: 1.4rem; } }