@charset 'utf-8';

/* ------------------------------------------------------------

  main

------------------------------------------------------------ */

main section {
  width: 100%;
  padding: 6em 0;
  border-bottom: .1em solid #CCC;
}

main section:last-child {
  border-bottom: 0;
}

main > section > div,
main > section > section {
  width: 96em;
  margin: 0 auto;
}

main section h3 {
  margin-bottom: .8333em;
  font-size: 2.4em;
  line-height: 1.2;
  text-align: center;
}

main section p {
  margin-bottom: 1.1111em;
  font-size: 1.8em;
  line-height: 1.5;
}

/*main a[target="_blank"]:after {
  content: "" !important;
}*/

/* ------------------------------------------------------------

  main .section_01

------------------------------------------------------------ */

main .section_01 {
 padding: 0;
 border-bottom: 0;
}

main .section_01 div dl:after {
  content: "";
  display: block;
  clear: both;
}

main .section_01 div dl dd {
  float: left;
  width: 30.6em;
  height: 9em;
  margin-right: 2.1em;
  border: .1em solid #CCC;
  text-align: center;
}

main .section_01 div dl dd:last-child {
  margin-right: 0;
}

main .section_01 div dl dd:after {
  content: "";
  display: inline-block;
  height: 9em;
  vertical-align: middle;
}

main .section_01 div dl dd span {
  display: inline-block;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.3333;
  vertical-align: middle;
}

main .section_01 div dl dd:nth-of-type(3) span {
  line-height: 1.5;
}

main .section_01 div dl dd:nth-of-type(3) span img {
  width: 8.3333em;
}

/* ------------------------------------------------------------

  main .section_02

------------------------------------------------------------ */

main .section_02 {}

main .section_02 div dl:after {
  margin-bottom: 3em;
}

main .section_02 div dl:after {
  content: "";
  display: block;
  clear: both;
}

main .section_02 div dl dd {
  float: left;
  height: 10em;
  text-align: center;
}

main .section_02 div dl dt:after,
main .section_02 div dl dd:after {
  content: "";
  display: inline-block;
  height: 10em;
  vertical-align: middle;
}

main .section_02 div dl dd span {
  display: inline-block;
  color: #FFF;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.1111;
  vertical-align: middle;
}

main .section_02 div dl dd span small {
  font-size: .7222em;
  font-weight: 400;
}

main .section_02 div > dl > dd:nth-of-type(2),
main .section_02 div > dl > dd:nth-of-type(4) {
  width: 4em;
  padding-left: .2em;
}

main .section_02 div > dl > dd:nth-of-type(2) span,
main .section_02 div > dl > dd:nth-of-type(4) span {
  color: #000;
  font-size: 4em;
  font-weight: 400;
}

main .section_02 div > dl > dd:nth-of-type(1) {
  width: 33.7em;
  background-color: #666;
}

main .section_02 div > dl > dd:nth-of-type(3) {
  width: 33.7em;
}

main .section_02 div > dl > dd:nth-of-type(3) dl dt {
  width: 100%;
  height: 2.5em;
  border: .2em solid #AAA;
}

main .section_02 div > dl > dd:nth-of-type(3) dl dt:after {
  height: 2.1em;
}

main .section_02 div > dl > dd:nth-of-type(3) dl dt span {
  color: #AAA;
  font-size: 1.3em;
  font-weight: 400;
}

main .section_02 div > dl > dd:nth-of-type(3) dl dd {
  float: left;
  width: 50%;
  height: 7.5em;
  background-color: #AAA;
}

main .section_02 div > dl > dd:nth-of-type(3) dl dd:after {
  height: 7.5em;
}

main .section_02 div > dl > dd:nth-of-type(3) dl dd span {
  width: 98%;
  padding: .4444em 0;
}

main .section_02 div > dl > dd:nth-of-type(3) dl dd:nth-of-type(1) span {
  border-right: 1px solid #FFF;
}

main .section_02 div > dl > dd:nth-of-type(5) {
  width: 20.6em;
  background-color: #666;
}

main .section_02 div ul {
  text-align: center;
}

main .section_02 div ul li {
  display: inline-block;
  margin-right: 1.8em;
}

main .section_02 div ul li:last-child {
  margin-right: 0;
}

main .section_02 div ul li a {
  display: block;
  width: 22.5em;
  height: 3em;
  border-radius: 3px;
  background-color: #FA960A;
  color: #FFF;
}

main .section_02 div ul li a:before {
  content: "" !important;
  display: inline-block;
  height: 3.2em;
  vertical-align: middle;
}

main .section_02 div ul li a span {
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2307;
}

/* ------------------------------------------------------------

  main .section_03

------------------------------------------------------------ */

main .section_03 {}

main .section_03 div {
  text-align: center;
}

main .section_03 div p {
  margin-bottom: 1.6666em;
}

main .section_03 div table {
  width: 100%;
  border-top: .1em solid #CCC;
  border-left: .1em solid #CCC;
}

main .section_03 div table th,
main .section_03 div table td {
  padding: 1em 0;
  border-bottom: .1em solid #CCC;
  border-right: .1em solid #CCC;
}

main .section_03 div table tr th span {
  color: #FFF;
  font-size: 1.3em;
  line-height: 1.3076;
}

main .section_03 div table tr th span small {
  font-weight: 400;
}

main .section_03 div table tr td {
  width: 25%;
}

main .section_03 div table tr td:nth-of-type(even) {
  background-color: #F5F5F5;
}

main .section_03 div table thead tr th {
  background-color: #666;
}

main .section_03 div table thead tr td span {
  font-size: 1.2em;
  line-height: 1.3333;
}

main .section_03 div table thead tr:nth-of-type(2) td {
  padding: 2.5em 0;
}

main .section_03 div table thead tr:nth-of-type(2) td:nth-of-type(1) img {
  width: 4.9em;
}

main .section_03 div table thead tr:nth-of-type(2) td:nth-of-type(2) img {
  width: 7.8em;
}

main .section_03 div table thead tr:nth-of-type(2) td:nth-of-type(3) img {
  width: 13.5em;
}

main .section_03 div table thead tr:nth-of-type(2) td:nth-of-type(4) img {
  width: 14.3em;
}

main .section_03 div table thead tr:nth-of-type(3) td span:nth-of-type(even) {
  color: #AAA;
}

main .section_03 div table tbody tr th {
  background-color: #AAA;
}

main .section_03 div table tbody tr:nth-of-type(3) th {
  background-color: transparent;
}

main .section_03 div table tbody tr:nth-of-type(3) th span {
  color: #000;
}

main .section_03 div table tbody tr td {
  position: relative;
}

main .section_03 div table tbody tr td span {
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2307;
}

main .section_03 div table tbody tr td span small {
  font-size: .7692em;
  font-weight: 400;
  line-height: 1.6;
}

main .section_03 div table tbody tr td .detail-button {
  position: absolute;
  top: 50%;
  right: 1em;
  width: 1.2em;
  height: 1.2em;
  /* min-height: initial; */
  min-height: 1.2em;
  border-radius: 50%;
  background-color: #FA960A;
  cursor: pointer;
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

main .section_03 div table tbody tr td .mdi-plus:before,
main .section_03 div table tbody tr td .mdi-minus:before {
  margin-top: -1px;
  color: #FFF;
  /* font-size: 1.1em; */
  font-size: 11px;
  line-height: 1;
}

main .section_03 div table tbody tr td .detail-window {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0 1em;
  background-color: #666;
  opacity: 0;
  z-index: 100;
  color: #FFF;
  -ms-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

main .section_03 div table tbody tr td .detail-window:after {
  content: "";
  display: block;
  position: absolute;
  top: -.7em;
  right: .95em;
  width: 1.4em;
  height: 1.4em;
  background-color: #666;

  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

main .section_03 div table tbody tr td .detail-window h4 {
  padding: 1.2em 0 1em 0;
}

main .section_03 div table tbody tr td .detail-window h4 span {
  font-size: 1.3em;
  line-height: 1.2307;
}

main .section_03 div table tbody tr td .detail-window dl dt,
main .section_03 div table tbody tr td .detail-window dl dd {
  padding: 1.1em 0;
}

main .section_03 div table tbody tr td .detail-window dl dt span,
main .section_03 div table tbody tr td .detail-window dl dd span {
  font-size: 1.3em;
  line-height: 1.2307;
}

main .section_03 div table tbody tr td .detail-window dl dt {
  position: absolute;
  text-align: left;
}

main .section_03 div table tbody tr td .detail-window dl dt span {
  font-weight: 700;
}

main .section_03 div table tbody tr td .detail-window dl dt span small {
  font-size: 1em;
  font-weight: 400;
}

main .section_03 div table tbody tr td .detail-window dl dd {
  border-top: .1em solid #CCC;
  text-align: right;
}

main .section_03 div table tbody tr td .detail-window dl dd span {
  font-weight: 400;
}


/* ------------------------------------------------------------

  main .section_04

------------------------------------------------------------ */

main .section_04 {}

main .section_04 section {
  padding: 2.5em 0;
}

main .section_04 section:first-child {
  padding-top: 0;
}

main .section_04 section:last-child {
  padding-bottom: 0;
}

main .section_04 section:nth-of-type(1) {
  text-align: center;
}

main .section_04 section:nth-of-type(1) p {
  margin-bottom: 1em;
}

main .section_04 section:nth-of-type(1) img {
  width: 38.3em;
}