/*  #mainImg
================================================ */
@media screen and (min-width: 600px) { #mainImg .img { background-image: url("../img/history/img_mainimg01-pc.jpg"); } }

#process { background: url(../img/history/bg_history_sp.jpg) no-repeat; background-position: center bottom; background-size: cover; }

#process .inner { padding-top: 50px; padding-bottom: 70px; }

#process .content { padding: 50px 20px; background: #fff; color: #222; }

#process .leadTxt { text-align: center; }

#process .leadTxt .tit { width: 198px; margin: auto; }

#process .leadTxt .txt { padding-top: 25px; }

#process .list { margin-top: 25px; }

#process .flow { margin-top: 45px; position: relative; }

#process .flow:before { content: ''; position: absolute; top: 0; left: 30px; box-sizing: border-box; width: 1px; height: 94%; margin-top: 120px; background: #222; }

#process .flow .tit { margin-top: 30px; padding-bottom: 10px; background: #fff; }

#process .flow .tit:before, #process .flow .tit:after { top: 8px; }

#process table { table-layout: fixed; }

#process table th, #process table td { padding-top: 10px; }

#process table th { position: relative; width: 60px; z-index: 2; }

#process table th .date { box-sizing: border-box; height: 60px; padding-top: 18px; background: #333; border-radius: 50%; text-align: center; font-size: 1.3rem; letter-spacing: 0.02em; color: #fff; }

#process table td { padding-left: 15px; vertical-align: middle; }

#process table td .pic { padding-top: 17px; }

@media screen and (min-width: 600px) { #process { background-image: url(../img/history/bg_history_pc.jpg); }
  #process .inner { padding-top: 100px; padding-bottom: 120px; }
  #process .content { padding: 100px 80px; }
  #process .leadTxt .tit { width: 438px; }
  #process .leadTxt .txt { padding-top: 43px; }
  #process .list { margin-top: 45px; }
  #process .flow { margin-top: 90px; }
  #process .flow:before { left: 55px; height: 95%; }
  #process .flow .tit { margin-top: 30px; padding-bottom: 10px; background: #fff; font-size: 2.5rem; line-height: 2; }
  #process .flow .tit:before, #process .flow .tit:after { top: 15px; }
  #process table th, #process table td { padding-top: 20px; }
  #process table th { width: 110px; }
  #process table th .date { height: 110px; padding-top: 35px; font-size: 2rem; }
  #process table td { box-sizing: border-box; position: relative; vertical-align: top; padding-top: 50px; padding-left: 30px; }
  #process table td.cel01 { height: 267px; padding-top: 40px; }
  #process table td.middle { vertical-align: middle; padding-top: 20px; }
  #process table td .pic { position: absolute; top: -55px; right: 0; width: 400px; padding-top: 0; z-index: 3; }
  #process table td .pic03 { top: -30px; }
  #process table td .pic04 { top: -55px; }
  #process table td .pic06 { top: 20px; }
  #process table td .pic08 { top: 20px; }
  #process .secHistory02 { padding-top: 35px; }
  #process .secHistory03 { padding-top: 20px; }
  #process .secHistory03 .secHistoryIn01 { margin-top: 70px; }
  #process .secHistory04 .secHistoryIn02 th { padding-top: 95px; }
  #process .secHistory04 .secHistoryIn02 td { padding-top: 95px; }
  #process .secHistory05 { padding-top: 35px; }
  #process .secHistory06 { padding-top: 75px; } }