@charset "utf-8";

nav[role='breadcrumb']
{
  margin-bottom: 2em;
}

nav[role='breadcrumb'] + h2
{
  width: 96em;
  margin: 0 auto 3.5em auto;
  border: 0;
}

nav[role='breadcrumb'] + h2 small span
{
  margin: 0;
  font-size: 21px;
  line-height: 1;
}

nav[role='breadcrumb'] + h2 span
{
  width: auto;
  font-size: 36px;
  line-height: 1.416;
}

main
{

}

main h3
{
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 2px solid #000;
}

main h3 span
{
  font-size: 20px;
  line-height: 1;
}

main img.ico-minus,
main img.ico-plus,
main img.ico-equal
{
  width: 2em;
  height: auto;
}


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

  #shipping

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


#section_01
{
  width: 96em;
  margin: 0 auto 4em auto;
}

#section_01 ul li
{
  display: inline-block;
  width: 30em;
  height: 12.8em;
  margin-right: 3em;
  border-radius: 10px;
  background-color: #333;
  text-align: center;
  vertical-align: top;
}

#section_01 ul li:after
{
  content: "";
  display: inline-block;
  height: 12.8em;
  vertical-align: middle;
}

#section_01 ul li:last-child
{
  margin-right: 0;
}

#section_01 ul li span
{
  display: inline-block;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: middle;
}

#section_01 ul li div
{
  display: inline-block;
  vertical-align: middle;
}

#section_01 ul li div img
{
  display: inline-block;
  width: auto;
  height: 3em;
  margin-top: .5em;
}


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


#section_02
{
  width: 96em;
  margin: 0 auto 6.5em auto;
}

#section_02 h3 + p
{
  margin-bottom: 1.5em;
}

#section_02 h3 + p span
{
  font-size: 18px;
  line-height: 1.333;
}

#section_02 > div
{
  margin-bottom: 1em;
}

#section_02 > div > div
{
  box-sizing: border-box;
  display: inline-block;
  width: 16em;
  height: 12.8em;
  text-align: center;
  vertical-align: middle;
}

#section_02 > div > div:after
{
  content: "";
  display: inline-block;
  height: 12.8em;
  vertical-align: middle;
}

#section_02 > div > div:nth-of-type(1)
{
  background-color: #F26444;
}

#section_02 > div > div:nth-of-type(2)
{
  background-color: #BFBFBF;
}

#section_02 > div > div:nth-of-type(3)
{
  background-color: #79C0ED;
}

#section_02 > div > div:nth-of-type(4)
{
  background-color: #F2BA49;
}

#section_02 > div > div:nth-of-type(5)
{
  border: 2px solid #000;
  background-color: #FFF;
}

#section_02 > div > div > div
{
  display: inline-block;
  color: #FFF;
  font-weight: bold;
  vertical-align: middle;
}

#section_02 > div > div:nth-of-type(5) > div
{
  color: #000;
}

#section_02 > div > div > div span
{
  font-size: 18px;
  line-height: 1.333;
}

#section_02 > div > div > div small span
{
  font-size: 13px;
  line-height: 1.692;
}

#section_02 > div img
{
  display: inline-block;
  margin: 0 1em;
  vertical-align: middle;
}

#section_02 > div + p
{
  margin-bottom: 2.75em;
}

#section_02 > div + p span
{
  font-size: 18px;
  line-height: 1.333;
}

#section_02 ul
{
  margin-bottom: 1.25em;
}

#section_02 ul li
{
  margin-bottom: 1em;
}

#section_02 ul li a
{
  display: block;
  position: relative;
  width: 36em;
  height: 3.5em;
  border-radius: 5px;
  background-color: #3799DC;
  color: #FFF;
  text-align: center;
}

#section_02 ul li a:before
{
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -.5em;
  font-size: 16px;
  line-height: 1;
}

#section_02 ul li a:after
{
  content: "";
  display: inline-block;
  height: 3.5em;
  vertical-align: middle;
}

#section_02 ul li span
{
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  vertical-align: middle;
}

#section_02 ul + p
{
  font-size: 15px;
  line-height: 1.6;
}


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


#section_03
{
  width: 96em;
  margin: 0 auto 6.5em auto;
}

#section_03 table
{
  width: 96em;
}

#section_03 table thead tr th
{
  box-sizing: border-box;
  border: 1px solid #CCC;
}

#section_03 table thead tr th:nth-of-type(1)
{
  border: 0;
}

#section_03 table thead tr th:nth-of-type(2)
{
  padding: .7em 0;
  background-color: #333;
}

#section_03 table thead tr th:nth-of-type(2) span
{
  color: #FFF;
  font-size: 16px;
  line-height: 1;
}

#section_03 table thead tr td
{
  box-sizing: border-box;
  width: 21em;
  padding: 0 .5em .5em .5em;
  border: 1px solid #CCC;
  vertical-align: top;
}

#section_03 table thead tr td:nth-of-type(1)
{
  width: 12em;
  border-top: 0;
  border-left: 0;
}

#section_03 table thead tr td div
{
  height: 30em;
  text-align: center;
}

#section_03 table thead tr td div:after
{
  content: "";
  display: inline-block;
  height: 30em;
  vertical-align: middle;
}

#section_03 table thead tr td div img
{
  display: inline-block;
  vertical-align: middle;
}

#section_03 table thead tr td span
{
  font-size: 13px;
  line-height: 1.3;
}

#section_03 table tbody tr th
{
  box-sizing: border-box;
  padding: 1em 0;
  border: 1px solid #CCC;
  color: #FFF;
  text-align: left;
}

#section_03 table tbody tr:nth-of-type(1) th
{
  background-color: #F26444;
  text-align: center;
}

#section_03 table tbody tr:nth-of-type(2) th
{
  border: 0;
  padding: 3.5em 0 1em 0;
  color: #000;
}

#section_03 table tbody tr:nth-of-type(3) th,
#section_03 table tbody tr:nth-of-type(5) th
{
  padding-left: 1.3em;
  background-color: #41D4D1;
}

#section_03 table tbody tr:nth-of-type(4) th,
#section_03 table tbody tr:nth-of-type(6) th
{
  padding-left: 1.3em;
  background-color: #6DDEDC;
}

#section_03 table tbody tr th span
{
  font-size: 12px;
  line-height: 1.416;
}

#section_03 table tbody tr:nth-of-type(1) th span
{
  font-size: 15px;
  line-height: 1;
}

#section_03 table tbody tr:nth-of-type(2) th span
{
  font-size: 16px;
  line-height: 1;
}

#section_03 table tbody tr td
{
  box-sizing: border-box;
  padding: 2em 0;
  border: 1px solid #CCC;
  text-align: center;
}

#section_03 table tbody tr:nth-of-type(1) td
{
  background-color: #FDE8E3;
}

#section_03 table tbody tr:nth-of-type(3) td,
#section_03 table tbody tr:nth-of-type(5) td
{
  background-color: #D2F5F4;
}

#section_03 table tbody tr:nth-of-type(4) td,
#section_03 table tbody tr:nth-of-type(6) td
{
  background-color: #E9FAFA;
}

#section_03 table tbody tr td span
{
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

#section_03 table tbody tr td span small
{
  font-size: 14px;
  line-height: 1;
}


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


#section_04,
#section_05,
#section_06
{
  width: 96em;
  margin: 0 auto 6em auto;
}

#section_04 p,
#section_05 p,
#section_06 p
{
  margin-bottom: 2.5em;
}

#section_04 p:last-child,
#section_05 p:last-child,
#section_06 p:last-child
{
  margin-bottom: 0;
}

#section_04 p span,
#section_05 p span,
#section_06 p span
{
  font-size: 18px;
  line-height: 1.333;
}

#section_04 p + img
{
  margin-top: -1.5em;
}

#section_06 div
{
  margin: 4.5em 0 0 0;
  padding: 2em 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

#section_06 div a
{
  color: #000;
}