@charset 'utf-8';
/* ------------------------------------------------------------

  main#index

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

main#index a {
  color: #000;
}

main#index header {
  border-bottom: .1em solid #CCC;
}

main#index header h2 {
  margin-bottom: .625em;
}

main#index header p {
  font-size: 18px;
  line-height: 1.3333;
  text-align: center;
}

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

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

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

main#index .section_01 {}

main#index .section_01 > ul {
  width: 96em;
  margin: 0 auto 3em auto;
}

main#index .section_01 > ul:after {
  content: "";
  display: block;
  clear: both;
}

main#index .section_01 > ul li {
  float: left;
  width: 22.5em;
  margin-right: 2em;
}

main#index .section_01 > ul li:last-child {
  margin-right: 0;
}

main#index .section_01 > ul li a {
  display: block;
}

main#index .section_01 > ul li a h4 {
  /*margin-bottom: .5555em;*/
  margin-bottom: .2778em;
  font-size: 3.6em;
  line-height: 1;
}

main#index .section_01 > ul li:nth-of-type(1) a h4 {
  color: #4678A5;
}

main#index .section_01 > ul li:nth-of-type(2) a h4 {
  color: #645A91;
}

main#index .section_01 > ul li:nth-of-type(3) a h4 {
  color: #BE5A5A;
}

main#index .section_01 > ul li:nth-of-type(4) a h4 {
  color: #339999;
}

main#index .section_01 > ul li a h4 small {
  display: block;
  font-size: .5em;
  line-height: 1;
}

main#index .section_01 > ul li a p {
  font-size: 1.3em;
  line-height: 1.3846;
  height: 4.6923em;
}

main#index .section_01 > ul li a img {
  display: block;
  width: 100%;
  margin-bottom: 2.5em;
}

main#index .section_01 > ul li a dl {
  margin-bottom: 2.5em;
  border-top: 1px solid #CCC;
}

main#index .section_01 > ul li a dl:after {
  content: "";
  display: block;
  clear: both;
}

main#index .section_01 > ul li a dl dt,
main#index .section_01 > ul li a dl dd {
  font-size: 1.3em;
  line-height: 2;
}

main#index .section_01 > ul li a dl dt {
  position: absolute;
  font-weight: 700;
}

main#index .section_01 > ul li a dl dd {
  padding-left: 5em;
  border-bottom: 1px solid #CCC;
}

main#index .section_01 > ul li a dl dd span {
  display: block;
  border-bottom: 1px solid #CCC;
}

main#index .section_01 > ul li a dl dd span:last-child {
  border-bottom: 0;
  height: 4em;
  display: block;
  position: relative;
}

main#index .section_01 > ul li a dl dd span:last-child:before{
  content: "";
  border-bottom: 1px solid #CCC;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
}

main#index .section_01 > ul li a div {
  height: 3em;
  border-radius: 3px;
  text-align: center;
}

main#index .section_01 > ul li a div:after {
  content: "";
  display: inline-block;
  height: 2.9em;
  vertical-align: middle;
}

main#index .section_01 > ul li:nth-of-type(1) a div {
  background-color: #4678A5;
}

main#index .section_01 > ul li:nth-of-type(2) a div {
  background-color: #645A91;
}

main#index .section_01 > ul li:nth-of-type(3) a div {
  background-color: #BE5A5A;
}

main#index .section_01 > ul li:nth-of-type(4) a div {
  background-color: #339999;
}

main#index .section_01 > ul li a div span {
  color: #FFF;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2307;
  vertical-align: middle;
}

main#index .section_01 .box_01 {
  position: relative;
  width: 96em;
  margin: 0 auto;
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 10px;
  text-align: center;
}

main#index .section_01 .box_01:after {
  content: "";
  display: block;
  position: absolute;
  top: -2em;
  left: 38em;
  width: 20em;
  height: 2em;
  background-image: url(/store/techo/en/2018/pc/all_about/images/edge.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

main#index .section_01 .box_01 img,
main#index .section_01 .box_01 div {
  display: inline-block;
  vertical-align: top;
}

main#index .section_01 .box_01 img {
  margin-right: 4em;
  width: 156px;
}

main#index .section_01 .box_01 div {
  text-align: left;
}

main#index .section_01 .box_01 h5 {
  margin-bottom: .5555em;
  padding-top: .8333em;
  font-size: 1.8em;
  line-height: 1;
}

main#index .section_01 .box_01 h5 span:nth-of-type(1) {
  color: #645A91;
}

main#index .section_01 .box_01 h5 span:nth-of-type(2) {
  color: #BE5A5A;
}

main#index .section_01 .box_01 h5 small {
  font-size: 0.7222em;
  line-height: 1.3;
}

main#index .section_01 .box_01 p {
  font-size: 1.3em;
  line-height: 1.3846;
}

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

main#index .section_02 {}

main#index .section_02 h3 {
  margin-bottom: 1.4583em;
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

main#index .section_02 > table {
  width: 96em;
  margin: 0 auto;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}

main#index .section_02 > table tr th,
main#index .section_02 > table tr td {
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
}

main#index .section_02 > table tr td {
  text-align: center;
}

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

main#index .section_02 > table thead tr th {
  width: 25%;
  height: 5.3em;
}

main#index .section_02 > table thead tr th:nth-of-type(2),
main#index .section_02 > table thead tr th:nth-of-type(3),
main#index .section_02 > table thead tr th:nth-of-type(4),
main#index .section_02 > table thead tr th:nth-of-type(5) {
  width: 12.5%;
}

main#index .section_02 > table thead tr th:nth-of-type(1) {
  background-color: #4678A5;
}

main#index .section_02 > table thead tr th:nth-of-type(2),
main#index .section_02 > table thead tr th:nth-of-type(3) {
  background-color: #645A91;
}

main#index .section_02 > table thead tr th:nth-of-type(4),
main#index .section_02 > table thead tr th:nth-of-type(5) {
  background-color: #BE5A5A;
}

main#index .section_02 > table thead tr th:nth-of-type(6) {
  background-color: #339999;
}

main#index .section_02 > table thead tr th span {
  color: #FFF;
  font-size: 1.8em;
  line-height: 1;
}

main#index .section_02 > table thead tr th span small {
    font-size: 0.7222em;
    line-height: 1.3;
    display: block;
}

main#index .section_02 > table thead tr td {
  padding: 2.5em 0;
}

main#index .section_02 > table thead tr td:nth-of-type(2),
main#index .section_02 > table thead tr td:nth-of-type(3),
main#index .section_02 > table thead tr td:nth-of-type(6) {
  background-color: #F5F5F5;
}

main#index .section_02 > table thead tr td div {
  display: block;
  position: relative;
  width: 9.6em;
  height: 10.8em;
  margin: 0 auto;
}

main#index .section_02 > table thead tr td div img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

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

main#index .section_02 > table tbody tr th {
  height: 3.9em;
}

main#index .section_02 > table tbody tr th span {
  font-weight: 700;
}

main#index .section_02 > table tbody tr td {
  padding: 2.5em 0;
}

main#index .section_02 > table tbody tr td strong {
  font-weight: 700;
}

main#index .section_02 > table tbody tr th span,
main#index .section_02 > table tbody tr td span,
main#index .section_02 > table tbody tr td th,
main#index .section_02 > table tbody tr td td,
main#index .section_02 > table tbody tr td li {
  font-size: 1.3em;
  line-height: 1.3846;
}

main#index .section_02 > table tbody tr td:nth-of-type(2n),
main#index .section_02 > table tbody tr:nth-of-type(6) td:nth-of-type(3),
main#index .section_02 > table tbody tr:nth-of-type(8) td:nth-of-type(3),
main#index .section_02 > table tbody tr:nth-of-type(10) td:nth-of-type(3) {
  background-color: #F5F5F5;
}

main#index .section_02 > table tbody tr:nth-of-type(6) td:nth-of-type(4),
main#index .section_02 > table tbody tr:nth-of-type(8) td:nth-of-type(4),
main#index .section_02 > table tbody tr:nth-of-type(10) td:nth-of-type(4) {
  background-color: transparent;
}

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

main#index .section_02 > table > tbody > tr:nth-of-type(2) > td {
  height: 3.9em;
  padding: 0;
}

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

main#index .section_02 > table tr:nth-of-type(4) td {
  padding: 0;
}

main#index .section_02 > table tr:nth-of-type(4) td table {
  width: 100%;
  border-top: 0;
  border-left: 0;
}

main#index .section_02 > table tr:nth-of-type(4) td table tr:last-child th,
main#index .section_02 > table tr:nth-of-type(4) td table tr:last-child td {
  border-bottom: 0;
}

main#index .section_02 > table tr:nth-of-type(4) td table tr th:last-child,
main#index .section_02 > table tr:nth-of-type(4) td table tr td:last-child {
  border-right: 0;
}

main#index .section_02 > table tr:nth-of-type(4) td table tr th {
  height: 3em;
  padding: 0;
  font-weight: 400;
}

main#index .section_02 > table tr:nth-of-type(4) td table tr th:nth-of-type(1) {
  width: 15%;
}

main#index .section_02 > table tr:nth-of-type(4) td table tr td {
  background-color: transparent
}

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

main#index .section_02 > table tr:nth-of-type(8) td span {
  display: block;
  margin-bottom: .7692em;
}

main#index .section_02 > table tr:nth-of-type(8) td span + span {
  display: block;
  padding-top: .38em;
  margin-top: .38em;
}

main#index .section_02 > table tr:nth-of-type(8) td:nth-child(2) span + span,
main#index .section_02 > table tr:nth-of-type(8) td:nth-child(4) span + span {
  border-top: 1px solid #CCC;
}

main#index .section_02 > table tr:nth-of-type(8) td span:last-child {
  margin-bottom: 0;
}

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

main#index .section_02 > table tr:nth-of-type(12) td,
main#index .section_02 > table tr:nth-of-type(14) td,
main#index .section_02 > table tr:nth-of-type(16) td,
main#index .section_02 > table tr:nth-of-type(18) td {
  padding: 0;
}

main#index .section_02 > table tr:nth-of-type(20) td {
  /*padding-top: 0;*/
  vertical-align: top;
}

main#index .section_02 > table tr:nth-of-type(12) td a.mdi-plus,
main#index .section_02 > table tr:nth-of-type(14) td a.mdi-plus,
main#index .section_02 > table tr:nth-of-type(16) td a.mdi-plus,
main#index .section_02 > table tr:nth-of-type(18) td a.mdi-plus,
main#index .section_02 > table tr:nth-of-type(20) td a.mdi-plus {
  display: block;
  position: relative;
  padding: 1em 0;
}

main#index .section_02 > table tr:nth-of-type(20) td a.mdi-plus {
  margin-bottom: 1em;
}

main#index .section_02 > table tr:nth-of-type(12) td a.mdi-plus:before,
main#index .section_02 > table tr:nth-of-type(14) td a.mdi-plus:before,
main#index .section_02 > table tr:nth-of-type(16) td a.mdi-plus:before,
main#index .section_02 > table tr:nth-of-type(18) td a.mdi-plus:before,
main#index .section_02 > table tr:nth-of-type(20) td a.mdi-plus:before {
  display: inline-block;
  position: absolute;
  bottom: .4545em;
  right: .4545em;
  width: 1.0909em;
  height: 1.0909em;
  border-radius: 50%;
  background-color: #FA960A;
  color: #FFF;
  font-size: 1.1em;
  line-height: 1.1;
  text-align: center;
}

main#index .section_02 > table tr:nth-of-type(12) td a img,
main#index .section_02 > table tr:nth-of-type(14) td a img,
main#index .section_02 > table tr:nth-of-type(16) td a img,
main#index .section_02 > table tr:nth-of-type(18) td a img,
main#index .section_02 > table tr:nth-of-type(20) td a img {
  width: 154px;
}

main#index .section_02 > table tr:nth-of-type(20) td ul {
  padding: 0 1em;
  text-align: left;
}

main#index .section_02 > table tr:nth-of-type(20) td ul li {
  padding-left: 1em;
}

main#index .section_02 > table tr:nth-of-type(20) td ul li:before {
  content: "-";
  display: inline-block;
  text-indent: -.6em;
}


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

main#index .section_02 > table tr:nth-of-type(22) td {
  padding: 1em 0;
}

main#index .section_02 > table tr:nth-of-type(22) td div {
  display: block;
  position: relative;
  width: 13.1em;
  height: 10.5em;
  margin: 0 auto;
}

main#index .section_02 > table tr:nth-of-type(22) td div img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

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

main#index .section_02 > table tr:nth-of-type(24) td a {
  display: inline-block;
  width: 22.5em;
  height: 3em;
  border-radius: .3em;
  background-color: #CCC;
}

main#index .section_02 > table tr:nth-of-type(24) td a:after {
  content: "";
  display: inline-block;
  height: 3em;
  vertical-align: middle;
}

main#index .section_02 > table tr:nth-of-type(24) td a:nth-child(1) {
  margin-bottom: 1em;
  background-color: #FA960A;
}

main#index .section_02 > table tr:nth-of-type(24) td a:nth-child(1):before {
  display: inline-block;
  color: #FFF;
  vertical-align: middle;
}

main#index .section_02 > table tr:nth-of-type(24) td a:nth-child(2) {
  background-color: #666;
}

main#index .section_02 > table tr:nth-of-type(24) td a span {
  display: inline-block;
  color: #FFF;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2307;
  vertical-align: middle;
}

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

main#index .section_02 > table tr:nth-of-type(26) td {
  position: relative;
  padding: 2.5em 0 6.5em 0;
}

main#index .section_02 > table tr:nth-of-type(26) td:nth-child(1) {
  border-right: 0;
}

main#index .section_02 > table tr:nth-of-type(26) td div {
  display: block;
  position: relative;
  width: 100%;
  height: 9.9em;
  margin: 0 auto;
  overflow: hidden;
}

main#index .section_02 > table tr:nth-of-type(26) td div img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

main#index .section_02 > table tr:nth-of-type(26) td a {
  display: inline-block;
  position: absolute;
  bottom: 2.5em;
  left: .7em;
  width: 22.5em;
  height: 3em;
  border-radius: .3em;
}

main#index .section_02 > table tr:nth-of-type(26) td:nth-child(1) a {
  width: 46.5em;
  background-color: #4678A5;
  z-index: 100;
}

main#index .section_02 > table tr:nth-of-type(26) td:nth-child(2) a {
  display: none;
}

main#index .section_02 > table tr:nth-of-type(26) td:nth-child(3) a {
  background-color: #BE5A5A;
}

main#index .section_02 > table tr:nth-of-type(26) td:nth-child(4) a {
  background-color: #339999;
}

main#index .section_02 > table tr:nth-of-type(26) td a:after {
  content: "";
  display: inline-block;
  height: 3em;
  vertical-align: middle;
}

main#index .section_02 > table tr:nth-of-type(26) td a span {
  display: inline-block;
  color: #FFF;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2307;
  vertical-align: middle;
}