@charset "UTF-8";
/* #mainImg 下層ページ
================================================ */
/*  #delivery
================================================ */
/* mainimg */
body:before { position: fixed; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #262626 url(../img/operation/mainimg01_sp.png) no-repeat; background-size: 100% auto; content: ''; }

@media screen and (min-width: 600px) { body:before { z-index: -1; background-image: url(../img/operation/mainimg01_pc.png); background-size: 1920px; background-position: top center; min-width: 1520px; } }

/* mask sp */
@media screen and (max-width: 599px) { #bg, #gFooter { position: relative; z-index: 2; }
  #contents { position: relative; z-index: 0; }
  #contents:before { position: absolute; content: ''; top: -109px; left: 0; width: 100%; height: 100%; background: url(../img/common/bg_contents01_sp.png) no-repeat top right; background-size: 100% auto; z-index: 0; }
  #contents:after { position: absolute; content: ''; top: 400px; left: 0; width: 100%; height: 100%; background: #262626; background-size: contain; z-index: 0; } }

/* mask pc */
@media screen and (min-width: 600px) { #bg { position: relative; background: #262626; }
  #bg:before { content: ""; position: absolute; top: -253px; height: 675px; width: 1920px; display: block; left: 50%; padding: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(../img/common/bg_contents01_pc.png) no-repeat top center; background-size: cover; z-index: 0; } }

#intro .inner { padding-top: 40px; padding-bottom: 50px; }

#intro .head .tit { position: relative; color: #fff; font-size: 3rem; font-weight: bold; line-height: 1.5; margin-bottom: 20px; }

#intro .sub, #intro .txt { position: relative; color: #fff; }

#intro .sub { position: relative; font-size: 1.8rem; font-weight: bold; margin-bottom: 25px; }

#intro .btn { width: 300px; margin: 0 auto; margin-top: 30px; }

#intro .btn a { font-weight: 700; }

@media screen and (min-width: 600px) { #intro .inner { padding-top: 0; padding-bottom: 120px; }
  #intro .head .tit { font-size: 3.4rem; margin-bottom: 28px; text-align: center; }
  #intro .sub { font-size: 2.5rem; text-align: center; margin-bottom: 20px; }
  #intro .txt { text-align: center; }
  #intro .btn { width: 450px; margin: 50px auto 0; }
  #intro .btn a { width: 100%; font-size: 1.8rem; } }

#info { position: relative; z-index: 1; background: #1b1b1b; }

#info .inner { padding-top: 40px; padding-bottom: 40px; }

#info .head { margin-bottom: 30px; }

#info .item { padding: 20px; background: #fff; }

#info .item + .item { margin-top: 15px; }

#info .name { position: relative; font-size: 1.8rem; font-weight: bold; margin-bottom: 15px; }

#info .sub { position: relative; margin-bottom: 10px; }

#info .box { position: relative; margin-top: 10px; }

#info .box .img { text-align: center; }

#info .box .txtArea { margin-top: 10px; }

#info .box .txtArea table { table-layout: fixed; }

#info .box .txtArea table th, #info .box .txtArea table td { padding: 8px 0; font-size: 1.4rem; line-height: 1.5; }

#info .box .txtArea table th { width: 100px; font-weight: 700; }

#info .box .txtArea table td { padding-left: 15px; }

@media screen and (min-width: 600px) { #info .inner { padding-top: 100px; padding-bottom: 100px; }
  #info .head { margin-bottom: 50px; }
  #info .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: 0 -10px; }
  #info .item { box-sizing: border-box; width: calc(50% - 20px); margin: 0 10px; padding: 35px 50px 50px; }
  #info .item + .item { margin-top: 0; }
  #info .item:nth-child(n+3) { margin-top: 20px; }
  #info .name { font-size: 2.3rem; margin-bottom: 20px; }
  #info .sub { margin-bottom: 20px; }
  #info .box .img { width: 310px; margin: 0 auto; }
  #info .box .txtArea { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 20px; }
  #info .box .txtArea table { table-layout: fixed; }
  #info .box .txtArea table th { width: 120px; }
  #info .box .txtArea table th, #info .box .txtArea table td { padding: 5px 0; }
  #info .box .txtArea table td { padding-left: 15px; } }