@charset "utf-8";

/* bg image */
#factory::after {
  background-image: url(/sp/images/bg/bg-factory.jpg);
}

/* factory */
.factory .head {
  font-size: 4.66vw;
  color: #7b0002;
  line-height: 1.3;
  letter-spacing: -0.03em;
  text-align: center;
}
.factory .text {
  margin: 5.33vw 0;
  font-size: 3.73vw;
  line-height: 1.6;
}

/* image */
.image {
  text-align: right;
}
.image img {
  display: block;
  margin-bottom: 2.4vw;
}
.subimage {
  display: inline-block;
  padding-right: 4vw;
}
.subimage img {
  float: left;
  width: 42.65vw;
}
.subimage img:first-child {
  margin-right: 2.13vw;
}
.subimage .head {
  margin-top: 5.33vw;
  font-size: 3.73vw;
  font-weight: bold;
  line-height: 1.4;
  text-align: right;
}
.subimage .head span {
  display: block;
  margin-right: -.2em;
}
.logoimage {
  margin-top: 14.66vw;
}
.logoimage img {
  margin: 0 auto;
}

/* description */
.description {
  margin-top: 6vw;
}
.description .body {
  margin-bottom: 8vw;
  padding: 0 4vw;
  background: #eee;
}
.description .head {
  padding: 4.66vw 0 4vw;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
}
.description .text {
  padding: 4.66vw 1.33vw 6.66vw;
  font-size: 3.73vw;
  line-height: 1.6;
}

/* fee */
.fee {
  padding-bottom: 6.66vw;
}
.fee .head {
  padding-top: 3.33vw;
  font-size: 4.8vw;
  font-weight: bold;
  color: #444;
  text-align: center;
}
.fee .english {
  margin-right: 0.33vw;
  font-size: 5.06vw;
  font-weight: bold;
  color: #9d0013;
}
.fee .tablename {
  margin: 6vw 0 3.33vw;
  font-size: 3.73vw;
  font-weight: bold;
  color: #444;
  text-align: center;
}
.fee ul {
  margin-top: 3.33vw;
  font-size: 2.66vw;
  color: #444;
  border: 1px solid #9c9c9c;
}
.fee .table1 ul:first-child,
.fee .table2 ul:first-child,
.fee .table3 ul:first-child,
.fee .table4 ul:first-child {
  margin: 0;
}
.fee li {
  border-top: 1px solid #9c9c9c;
}
.fee li:first-child {
  border: none;
}
.fee li:nth-child(odd) {
  background: #dcdcdc
}
.fee .text {
  margin-top: 3.33vw;
  font-size: 2.53vw;
  color: #444;
  text-align: left;
}
/* table1 */
.fee .table1 dt {
  width: 32vw;
  padding-left: 1.73vw;
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #9c9c9c;
}
.fee .table1 dt.tabletop {
  text-align: center;
}
.fee .table1 dd {
  width: 54vw;
  padding: 1.33vw 0 1.06vw;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* table2 */
.fee .table2 dt {
  width: 22.3vw;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #9c9c9c;
}
.fee .table2 .tablehead dd {
  width: 32vw;
}
.fee .table2 dd {
  width: 16vw;
  padding: 1.33vw 0 1.06vw;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #9c9c9c;
}
.fee .table2 dl dd:last-child {
  border: none;
}
/* table3 */
.fee .table3 dt {
  width: 22.4vw;
  min-width: 70px;
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #9c9c9c;
  text-align: center;
}
.fee .table3 dt.tabletop {
  text-align: center;
}
.fee .table3 dd {
  width: 22.3vw;
  min-width: 68px;
  padding: 1.33vw 0 1.06vw;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #9c9c9c;
}
.fee .table3 dd.col {
  width: 22.3vw;
}
.fee .table3 dd.col2 {
  width: 44.8vw;
}
.fee .table3 dl dd:last-child {
  border: none;
}
/* table4 */
.fee .table4 {
  font-size: 0;
}
.fee .table4_inner {
  position: relative;
  border: 1px solid #9c9c9c;
}
.fee .table4 dl {
  display: table-cell;
  width: 32vw;
  font-size: 2.66vw;
  color: #444;
  border-right: 1px solid #9c9c9c;
}
.fee .table4 dl:first-child {
  width: 54.36vw;
}
.fee .table4 dl:last-child {
  position: absolute;
  top: 0px;
  right: -1px;
}
.fee .table4 dt {
  padding: 1.33vw 0 1.06vw;
  text-align: center;
  background: #dcdcdc;
}
.fee .table4 dd {
  padding: 1.33vw 0 1.06vw;
  text-align: center;
  border-top: 1px solid #9c9c9c;
}
.fee .table4 dd.col2 {
  padding: 4.53vw 0 4.25vw;
}
.fee .table4 .bg-color {
  background: #dcdcdc;
}