/*  #mission
================================================ */
/* #top_message #about_sp */
#about { background-image: url(../img/recruit/top_message/pic02_sp.png); background-size: contain; background-repeat: no-repeat; }

#about .inner { padding-top: 44px; }

#about .txtArea .titWrap .titSmall { font-size: 1.2rem; vertical-align: middle; text-align: center; letter-spacing: 1em; }

#about .txtArea .mod_tit_page { padding: 30px 0; }

#about .txtArea .mod_tit_page .copy { font-size: 1.6rem; margin-top: 20px; text-align: center; font-weight: 600; letter-spacing: .08em; }

#about .box01 { margin: 22px -20px 0; }

#about .box01 .img { padding-bottom: 10px; }

#about .box01 .txtArea .subtit { line-height: 1.5; text-align: left; }

#about .box01 .txtArea .txt { margin-top: 12px; }

#about .box01 .txtArea .mod_tit_page_copy:before { position: absolute; left: 0; bottom: 50px; height: 0; width: 20px; content: ""; border-bottom: 1px solid #888888; }

#about .box01 .txtArea .mod_tit_page_copy:after { position: absolute; right: 0; bottom: 50px; height: 0; width: 20px; content: ""; border-bottom: 1px solid #888888; }

#about .box02 { margin: 27px -20px 0; }

#about .box02 .txtArea .copy { font-size: 2rem; font-weight: 600; margin-left: 2px; }

#about .box02 .txtArea .txt { font-size: 1.4rem; line-height: 1.8; margin: 10px 0; }

#about .box02 .txtArea .txt:before { border: solid 1px #ddd; }

#about .box02 .txtArea .item + .item { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d0d0d0; }

#about .box03 { margin: 27px -20px 0; }

#about .box03 .txtArea .subtit { line-height: 1.5; text-align: left; }

#about .box03 .txtArea .txt { margin-top: 11px; }

#about .box03 .txtArea .copySmall { font-weight: 600; font-size: 1.4rem; }

@media screen and (min-width: 600px) { #about { background-color: #f7f7f7; }
  #about .inner { padding-top: 124px; }
  #about .mod_section01_area_txt { margin: 0; }
  #about .txtArea .mod_tit_page { padding: 45px 0; }
  #about .txtArea .titWrap .titSmall { font-size: 1.5rem; }
  #about .txtArea .mod_tit_page { padding: 30px 0; }
  #about .txtArea .mod_tit_page .copy { font-size: 2.8rem; }
  #about .tit { font-size: 8.5rem; padding-left: 15px; }
  #about .bg_gray { background-color: #f7f7f7; margin: 386px -320px -240px; }
  #about .bg_gray .sectionBox { position: relative; top: -304px; }
  #about .bg_gray .sectionBox .box01 { margin: 80px 321px 0; }
  #about .bg_gray .sectionBox .box01 .img { padding-bottom: 60px; }
  #about .bg_gray .sectionBox .box01 .txtArea { width: 1400px; margin-top: -270px; padding: 80px 140px; }
  #about .bg_gray .sectionBox .box01 .txtArea .txt { margin-top: 22px; }
  #about .bg_gray .sectionBox .box01 .txtArea .mod_tit_page_copy:before { position: absolute; left: 0; bottom: 80px; height: 0; width: 140px; content: ""; border-bottom: 1px solid #888888; }
  #about .bg_gray .sectionBox .box01 .txtArea .mod_tit_page_copy:after { position: absolute; right: 0; bottom: 80px; height: 0; width: 140px; content: ""; border-bottom: 1px solid #888888; }
  #about .bg_gray .sectionBox .box02 { margin: 60px 321px 0; }
  #about .bg_gray .sectionBox .box02 .img { padding-bottom: 58px; }
  #about .bg_gray .sectionBox .box02 .img02 { float: left; margin: 100px 0 0 50px; }
  #about .bg_gray .sectionBox .box02 .movie { float: left; }
  #about .bg_gray .sectionBox .box02 .boximg { margin: 100px 0 0 200px; }
  #about .bg_gray .sectionBox .box02 .txtArea { width: 1600px; margin: -270px 0 0 -30px; padding: 80px 210px 80px 145px; }
  #about .bg_gray .sectionBox .box02 .txtArea .txt { margin-top: 10px; }
  #about .bg_gray .sectionBox .box02 .txtArea .item + .item { padding: 20px 0 15px; }
  #about .bg_gray .sectionBox .box03 { margin: 60px 321px 0; }
  #about .bg_gray .sectionBox .box03 .img { padding-bottom: 58px; }
  #about .bg_gray .sectionBox .box03 .txtArea { width: 1340px; margin-top: -270px; padding: 72px 58px 85px; }
  #about .bg_gray .sectionBox .box03 .txtArea .subtit { line-height: 1.5; text-align: left; }
  #about .bg_gray .sectionBox .box03 .txtArea .txt { margin-top: 24px; }
  #about .bg_gray .sectionBox .box03 .txtArea .copySmall { font-size: 2rem; } }

#contents .inner { margin: 50px 0; padding: 0 20px; }

#contents .inner .animeLineParent { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background-color: transparent; }

#contents .inner .animeLineParent .contents { padding: 0 25px 47px; box-shadow: 0 0 0 7px #f0f0f0; }

#contents .inner .animeLineParent .contents .titWrap .copy:before { width: 28px; }

#contents .inner .animeLineParent .contents .titWrap .copy:after { width: 28px; }

#contents .inner .animeLineParent .contents .mod_txt01 { margin-top: 10px; line-height: 2; }

#contents .inner .animeLineParent .contents .img { margin-top: 20px; }

#contents .inner .animeLineParent .contents .list { margin-top: 25px; background-color: #f7f7f7; padding: 28px 23px 25px; }

#contents .inner .animeLineParent .contents .list .item .txtArea { letter-spacing: .08em; line-height: 1; }

#contents .inner .animeLineParent .contents .list .item .txtArea .copy { font-size: 2rem; font-weight: 600; margin-left: 2px; }

#contents .inner .animeLineParent .contents .list .item .txtArea .lead { font-size: 1.5rem; font-weight: bold; line-height: 1.7; margin-top: 14px; color: #173b77; }

#contents .inner .animeLineParent .contents .list .item .txtArea .txt { font-size: 1.4rem; line-height: 1.8; margin-top: 18px; }

#contents .inner .animeLineParent .contents .list .item + .item { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d0d0d0; }

@media all and (max-width: 340px) { #contents .inner .animeLineParent .contents .titWrap .copy:before { left: -10px; width: 12px; }
  #contents .inner .animeLineParent .contents .titWrap .copy:after { right: -10px; width: 12px; }
  #contents .inner .animeLineParent .contents .list .item .txtArea .name { font-size: 3.8rem; bottom: -8px; } }

@media screen and (min-width: 600px) { #contents .inner { max-width: 1920px; width: 100%; margin: 30px auto 140px; padding: 0 55px; }
  #contents .inner .animeLineParent .contents { padding: 0 0px 72px; margin: 0 auto; }
  #contents .inner .animeLineParent .contents .titWrap { max-width: 1280px; margin: 0 auto; }
  #contents .inner .animeLineParent .contents .titWrap .copy:before { left: 0px; width: 280px; }
  #contents .inner .animeLineParent .contents .titWrap .copy:after { right: 0px; width: 280px; }
  #contents .inner .animeLineParent .contents .mod_txt01 { max-width: 1280px; margin: 0 auto; margin-top: 28px; }
  #contents .inner .animeLineParent .contents .img { width: 700px; margin: 70px auto 0; }
  #contents .inner .animeLineParent .contents .list { width: 1280px; margin: 60px auto; padding: 50px 60px 60px; }
  #contents .inner .animeLineParent .contents .list .item { overflow: hidden; }
  #contents .inner .animeLineParent .contents .list .item .txtArea .copy { font-size: 2.4rem; font-weight: bold; }
  #contents .inner .animeLineParent .contents .list .item .txtArea .lead { font-size: 2.0rem; line-height: 1.7; margin-top: 20px; }
  #contents .inner .animeLineParent .contents .list .item .txtArea .txt { font-size: 1.5rem; line-height: 1.8; margin-top: 20px; }
  #contents .inner .animeLineParent .contents .list .item .txtArea .name { right: -7px; bottom: -21px; font-size: 8.5rem; }
  #contents .inner .animeLineParent .contents .list .item + .item { margin-top: 30px; padding-top: 30px; } }