@charset "utf-8";

nav[role='breadcrumb']
{
  margin-bottom: 0;
  padding-bottom: 1.5em;
}

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

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

nav[role='breadcrumb'] + h2 + p span
{
  font-family: "Times New Roman", Georgia, serif;
  font-size: 17px;
  line-height: 1.588;
}

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

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

main > section h3 span
{
  font-size: 20px;
  line-height: 1.25;
}

main p span
{
  font-family: "Times New Roman", Georgia, serif;
  font-size: 17px;
  line-height: 1.588;
}

main > section h3 + p
{
  margin-bottom: 3em;
}

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

main div.cols_01 > div,
main div.cols_01 > dl
{
  width: 46em;
}

main div.cols_01 > div:nth-of-type(1),
main div.cols_01 > dl:nth-of-type(1)
{
  float: left;
}

main div.cols_01 > div:nth-of-type(2),
main div.cols_01 > dl:nth-of-type(2)
{
  float: right;
}

main div.cols_01 > div p span,
main div.cols_01 > dl dd p span
{
  font-size: 15px;
  line-height: 1.466;
}


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

  #care

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


#section_01
{
  margin-bottom: 7.5em;
}

#section_01 ul
{
  margin-bottom: 5em;
}

#section_01 ul li
{
  display: inline-block;
  width: 31em;
  min-height: 29.5em;
  padding: 0 3em;
  border-left: 2px solid #000;
  vertical-align: top;
}

#section_01 ul li:nth-of-type(1)
{
  padding-left: 0;
  border-left: 0;
}

#section_01 ul li:nth-of-type(2)
{
  width: 34em;
}

#section_01 ul li:nth-of-type(3)
{
  padding-right: 0;
}

#section_01 ul li dl dt
{
  margin-bottom: 1em;
}

#section_01 ul li dl dt span
{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.388;
}

#section_01 ul li dl dd span
{
  font-family: "Times New Roman", Georgia, serif;
  font-size: 17px;
  line-height: 1.588;
}

#section_01 div.cols_01 > div
{
  width: 46em;
  padding: 0 2em 2em 2em;
  border-radius: 10px;
  background-color: #F0F0F0;
}

#section_01 div.cols_01 > div h4
{
  position: relative;
  height: 4em;
  margin-bottom: 1em;
  padding-left: 8em;
  border-bottom: 2px solid #000;
}

#section_01 div.cols_01 > div h4:after
{
  content: "";
  display: inline-block;
  height: 4em;
  vertical-align: middle;
}

#section_01 div.cols_01 > div img
{
  position: absolute;
  bottom: 0;
  left: .6em;
}

#section_01 div.cols_01 > div h4 span
{
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.562;
  vertical-align: middle;
}


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


#section_02
{
    margin-bottom: 10em;
}

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

#section_02 > section
{
    margin-bottom: 8em;
}

#section_02 > section:last-child
{
    margin-bottom: 0;
}

#section_02 > section h4
{
  position: relative;
  height: 4.2em;
  margin-bottom: 3em;
  padding: 0 0 .1em 8em;
  border-bottom: 1px solid #000;
}

#section_02 > section:nth-of-type(1) h4 img
{
  position: absolute;
  bottom: 0;
  left: .6em;
}

#section_02 > section:nth-of-type(2) h4 img
{
  position: absolute;
  bottom: 0;
  left: 0;
}

#section_02 > section:nth-of-type(3) h4 img
{
  position: absolute;
  bottom: -.1em;
  left: .6em;
}

#section_02 > section:nth-of-type(4) h4 img
{
  position: absolute;
  bottom: 0;
  left: .1em;
}

#section_02 > section:nth-of-type(5) h4 img
{
  position: absolute;
  bottom: 0;
  left: .1em;
}

#section_02 > section h4 > span
{
  display: inline-block;
  font-size: 22px;
  line-height: 1.136;
  line-height: 1.590;
}

#section_02 > section h4 > small
{
  display: inline-block;
  height: 3.5em;
  margin-left: 2em;
  padding-left: 2.4em;
  background-image: url(/store/techo/pc/en/2017/care/images/bg_dot_01.png);
  background-position: left top;
  background-repeat: no-repeat;
}

#section_02 > section h4 > small span
{
  font-size: 17px;
  line-height: 1.470;
  line-height: 2.058;
}

#section_02 div.cols_01 > div:nth-of-type(2) h5
{
  margin-bottom: 1em;
}

#section_02 div.cols_01 > div:nth-of-type(2) h5 span
{
  font-size: 17px;
  line-height: 1.470;
}

#section_02 div.cols_01 > div:nth-of-type(2) ul
{
  margin-bottom: 1em;
}

#section_02 div.cols_01 > div:nth-of-type(2) ul li
{
  padding-left: 1.5em;
  text-indent: -1.5em;
}

#section_02 div.cols_01 > div:nth-of-type(2) ul li span
{
  font-family: "Times New Roman", Georgia, serif;
  font-size: 15px;
  line-height: 1.466;
}

#section_02 div.cols_01 > div:nth-of-type(2) ul + p span
{
  font-size: 13px;
  line-height: 1.307;
}


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


#section_02_01 div.cols_01 > div:nth-of-type(1) p
{
  margin-bottom: 3.5em;
}

#section_02_01 div.cols_01 > div:nth-of-type(1) a
{
  position: relative;
  display: block;
  height: 9.5em;
  padding: 1.5em 16em 0 1.5em;
  border: 1px dotted #000;
  border-radius: 10px;
  color: #000;
}

#section_02_01 div.cols_01 > div:nth-of-type(1) a span
{
  font-family: "Times New Roman", Georgia, serif;
  font-size: 15px;
  line-height: 1.466;
}

#section_02_01 div.cols_01 > div:nth-of-type(1) a img
{
  position: absolute;
  top: -1.6em;
  right: 1.4em;
}


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


#section_02_02 div.cols_01 > div:nth-of-type(1) h5
{
  margin-bottom: .5em;
}

#section_02_02 div.cols_01 > div:nth-of-type(1) h5 span
{
  font-size: 15px;
  line-height: 1.666;
}

#section_02_02 div.cols_01 > div:nth-of-type(1) p
{
  margin-bottom: 1em;
  padding-bottom: 1.6em;
  border-bottom: 1px dotted #000;
}

#section_02_02 div.cols_01 > div:nth-of-type(1) p:nth-last-of-type(2)
{
  padding-bottom: 0;
  border-bottom: 0;
}

#section_02_02 div.cols_01 > div:nth-of-type(1) p:nth-last-of-type(1)
{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

#section_02_02 div.cols_01 > div:nth-of-type(1) p:nth-last-of-type(1) span
{
  font-size: 13px;
  line-height: 1.307;
}


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


#section_02_03 div.cols_01:nth-of-type(1)
{
  margin-bottom: 5em;
}

#section_02_03 dl.ui-accordion_01 dt a
{
  display: block;
  position: relative;
  height: 4.6em;
  padding-left: 4.8em;
  border-radius: 10px;
  background-color: #7ED4D4;
  color: #FFF;
}

#section_02_03 dl.ui-accordion_01 dt a:before
{
  display: block;
  position: absolute;
  top: 10px;
  left: 12px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #FFF;
  color: #7ED4D4;
  font-size: 21px;
  line-height: 1.333;
  text-align: center;

  -webkit-transform-origin: 13px 13px;
  -moz-transform-origin: 13px 13px;
  -ms-transform-origin: 13px 13px;
  -o-transform-origin: 13px 13px;
  transform-origin: 13px 13px;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);

  -webkit-transition: -webkit-transform .3s ease 0s;
  -moz-transition: -moz-transform .3s ease 0s;
  -ms-transition: -ms-transform .3s ease 0s;
  -o-transition: -o-transform .3s ease 0s;
  transition: transform .3s ease 0s;
}

#section_02_03 dl.ui-accordion_01.state-open dt a:before
{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#section_02_03 dl.ui-accordion_01 dt a:after
{
  content: "";
  display: inline-block;
  height: 46px;
  vertical-align: middle;
}

#section_02_03 dl.ui-accordion_01 dt a span
{
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.470;
  vertical-align: middle;
}

#section_02_03 dl.ui-accordion_01 dt a img
{
  position: absolute;
  bottom: 0;
  right: 1em;
}

#section_02_03 dl.ui-accordion_01 dd
{
  overflow: hidden;
  height: 0;

  -webkit-transition: height .5s ease 0s;
  -moz-transition: height .5s ease 0s;
  -ms-transition: height .5s ease 0s;
  -o-transition: height .5s ease 0s;
  transition: height .5s ease 0s;
}

#section_02_03 dl.ui-accordion_01 dd div
{
  padding-top: 1em;
}

#section_02_03 dl.ui-accordion_01 dd div img
{
  float: left;
  margin: 0 1em 0 1em;
}

#section_02_03 dl.ui-accordion_01 dd div h5
{
  margin: 3.5em 0 1.5em 0;
}

#section_02_03 dl.ui-accordion_01 dd div h5 span
{
  font-size: 15px;
  line-height: 1.666;
}

#section_02_03 dl.ui-accordion_01 dd div p
{
  clear: both;
}