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

/*  #flow
================================================ */
#flow { padding-top: 50px; background: #333; }

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

#flow .leadTxt .tit { width: 247px; margin: auto; }

#flow .leadTxt .txt { padding-top: 20px; }

#flow .secWrap .secTit { position: relative; z-index: 1; }

@media screen and (min-width: 600px) { #flow { padding-top: 90px; padding-bottom: 120px; }
  #flow .leadTxt .tit { width: 360px; }
  #flow .leadTxt .txt { padding-top: 42px; }
  #flow .lNav { margin-top: 70px; }
  #flow .lNav a { min-height: 210px; padding-top: 45px; }
  #flow .lNav .navTit_en { font-size: 4rem; }
  #flow .lNav .navTxt { padding: 26px 0; }
  #flow .secWrap { margin-top: 120px; }
  #flow .secWrap .areaTxt { padding-top: 85px; }
  #flow .secWrap .en { font-size: 8rem; }
  #flow #work, #flow #support { margin-top: 100px; } }

/*  .plan
================================================== */
.plan-img { padding: 0 20px 20px; margin-bottom: 29px; background: #f5f5f5; color: #222; }

.plan-img-list__item + .plan-img-list__item { margin-top: 15px; }

.plan-img-list__head { font-size: 1.7rem; font-weight: bold; text-align: center; }

.plan-img-list__img { margin-top: 10px; }

.plan-img-list__txt { margin-top: 5px; word-break: break-all; }

@media screen and (min-width: 600px) { .plan-img { position: relative; padding: 100px 0 100px; margin-bottom: 29px; background: #fff; color: #222; }
  .plan-img:before { position: absolute; top: -300px; left: 0; width: 100%; height: 300px; content: ""; background: #fff; }
  .plan-img-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .plan-img-list__item { width: 48%; }
  .plan-img-list__item + .plan-img-list__item { margin-top: 0; }
  .plan-img-list__item:nth-child(n+3) { margin-top: 55px; }
  .plan-img-list__head { font-size: 2.5rem; }
  .plan-img-list__img { margin-top: 20px; }
  .plan-img-list__txt { margin-top: 15px; } }

#modal-default { width: 90%; }

#modal-default .close { position: absolute; top: -27px; right: 0; }

#modal-default .close a { text-decoration: none; }

#modal-default .iziModal { background: transparent; }

#modal-default .modal-default__img { margin: auto; }

#modal-default .modal-default__img iframe { width: 100%; height: 100%; min-height: 200px; }

@media screen and (min-width: 600px) { #modal-default { width: 90%; max-width: 800px !important; }
  #modal-default .close { position: absolute; top: -27px; right: 0; }
  #modal-default .close a { text-decoration: none; }
  #modal-default .iziModal { background: transparent; }
  #modal-default .modal-default__img { margin: auto; }
  #modal-default .modal-default__img iframe { width: 100%; height: 100%; min-height: 400px; max-height: 500px; } }

/*  #remove
================================================ */
#remove .inner { padding-top: 50px; padding-bottom: 50px; }

#remove .lead { padding-top: 15px; }

#remove .removeSec { margin-top: 20px; color: #222; }

#remove .removeSec .txtWrap { padding: 20px 25px; background: #fff; }

#remove .removeSec .leadTxt { padding-top: 7px; line-height: 1.6; font-size: 1.7rem; font-weight: 700; }

#remove .removeSec .txt { padding-top: 3px; }

@media screen and (min-width: 600px) { #remove .inner { padding-top: 80px; padding-bottom: 100px; }
  #remove .lead { padding-top: 40px; text-align: center; }
  #remove .secWrap { padding-top: 40px; }
  #remove .removeSec { overflow: hidden; margin-top: 10px; }
  #remove .removeSec .img { float: left; width: 600px; }
  #remove .removeSec .txtWrap { float: right; display: table; box-sizing: border-box; width: 600px; height: 402px; padding: 30px 80px; }
  #remove .removeSec .txtIn { display: table-cell; vertical-align: middle; }
  #remove .removeSec .leadTxt { padding-top: 25px; font-size: 2.5rem; }
  #remove .removeSec .txt { padding-top: 20px; } }

/*  #contact
================================================ */
#contact { background: url("../img/work/bg_contact01_sp.jpg") no-repeat center; background-size: cover; }

#contact .inner { padding-top: 45px; padding-bottom: 72px; }

#contact .list { margin-top: 24px; padding: 4px 23px 0; border-top: 1px solid #434343; }

#contact .list li { padding-top: 20px; }

#contact .list .tit { position: relative; padding-left: 25px; font-size: 1.8rem; font-weight: 700; }

#contact .list .tit:before { position: absolute; top: 9px; left: 0; box-sizing: border-box; content: ""; display: block; width: 15px; height: 15px; border-radius: 50%; border: 2px solid #fff; }

#contact .list .btn { margin-top: 12px; }

@media screen and (min-width: 600px) { #contact { background-image: url("../img/work/bg_contact01_pc.jpg"); }
  #contact .inner { padding: 90px 0 100px; }
  #contact .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 42px; padding: 24px 0 0; }
  #contact .list li { width: calc(50% - 20px); }
  #contact .list li + li { margin-left: 40px; }
  #contact .list .tit { padding-left: 28px; }
  #contact .list .tit:before { top: 9px; width: 18px; height: 18px; }
  #contact .list .btn { margin-top: 12px; } }