@charset "utf-8";

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

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

main
{
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", HGS明朝E, "ＭＳ Ｐ明朝", serif;
  letter-spacing: 0.05em;
}

main section[id^="section_"]
{
  width: 68em;
  margin: 0 auto 7em auto;
}

main section[id^="section_"] h3
{
  margin-bottom: 3em;
  padding-bottom: .2em;
  border-bottom: 1px solid #000;
}

main section[id^="section_"] h3 div
{
  padding-bottom: 2em;
  border-bottom: 1px solid #000;
}

main section[id^="section_"] h3 div > span
{
  font-size: 26px;
  line-height: 1.384;
}

main section[id^="section_"] h3 div > small span
{
  font-size: 20px;
  line-height: 1.8;
}

main section[id^="section_"] div.cols_01,
main section[id^="section_"] div.cols_02
{
  margin-bottom: 3em;
}

main section[id^="section_"] div.cols_01:after,
main section[id^="section_"] div.cols_02:after
{
  content: "";
  display: block;
  clear: both;
}

main section[id^="section_"] div.cols_01 > img,
main section[id^="section_"] div.cols_02 > div
{
  float: left;
}

main section[id^="section_"] div.cols_01 > div,
main section[id^="section_"] div.cols_02 > img
{
  float: right;
}

main section[id^="section_"] p
{
  margin-bottom: 3em;
}

main section[id^="section_"] p:last-child
{
  margin-bottom: 0;
}

main section[id^="section_"] p span
{
  font-size: 14px;
  line-height: 1.857;
}

main section[id^="section_"] div.btn_01
{
  text-align: right;
}

main section[id^="section_"] div.btn_01 a
{
  display: inline-block;
  height: 3em;
  padding: 0 2em;
  border: 1px solid #509BE5;
  border-radius: 15px;
  text-align: center;
}

main section[id^="section_"] div.btn_01 a:after
{
  content: "";
  display: inline-block;
  height: 2.8em;
  vertical-align: middle;
}

main section[id^="section_"] div.btn_01 a span
{
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}


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

  #planner

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


#section_01 > a
{
  display: block;
  position: relative;
  height: 10.2em;
  margin-bottom: 0;
  padding-left: 3em;
  border: 1px solid #CCC;
  color: #000;
}

#section_01 > a:after
{
  content: "";
  display: inline-block;
  height: 10em;
  vertical-align: middle;
}

#section_01 > a p
{
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

#section_01 > a p span strong
{
  color: #509BE5;
}

#section_01 > a img
{
  position: absolute;
  top: -1px;
  right: -1px;
}


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


#section_02 p span
{
  white-space: nowrap;
}

#section_02 div.cols_01:nth-of-type(1),
#section_02 div.cols_02:nth-of-type(2)
{
  margin: 0;
}

#section_02 div.cols_01:nth-of-type(3)
{
  margin: -8.5em 0 3em 0;
}

#section_02 div.cols_01:nth-of-type(1) > div
{
  width: 36em;
}

#section_02 div.cols_02:nth-of-type(2) > div
{
  width: 32em;
}

#section_02 div.cols_01:nth-of-type(3) > div
{
  width: 41em;
}

#section_02 div.cols_01:nth-of-type(3) > div:after
{
  content: "";
  display: inline-block;
  height: 22.7em;
  height: 14.2em;
  vertical-align: bottom;
}

#section_02 div.cols_01:nth-of-type(1) > div p
{
  margin-left: 2.5em;
}

#section_02 div.cols_02:nth-of-type(2) > div p
{
  margin-top: 6em;
}

#section_02 div.cols_01:nth-of-type(3) > div p
{
  display: inline-block;
  margin-left: 2.5em;
  vertical-align: bottom;
}


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


#section_03 div.cols_01 > div
{
  width: 33.3em;
}

#section_03 div.cols_01 > div p
{
  margin-left: 2.5em;
}

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


#section_04 div.cols_01 > div
{
  width: 33.3em;
}

#section_04 div.cols_01 > div h4
{
  margin-left: 2.5em;
}

#section_04 div.cols_01 > div h4 span
{
  font-size: 20px;
  line-height: 1.5;
}

#section_04 div.cols_01 > div p
{
  margin-left: 2.5em;
  white-space: nowrap;
}


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


#section_05 div.cols_01 > div
{
  width: 33.3em;
}

#section_05 div.cols_01 > div p
{
  margin-left: 2.5em;
  white-space: nowrap;
}

#section_05 div.cols_01 > div p:nth-of-type(2)
{
  color: #ED2200;
}

#section_05 div.btn_01
{
  margin-top: -6em;
}


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


#section_06 div.cols_01:nth-of-type(2)
{
  margin-bottom: 2em;
}

#section_06 div.cols_01 > div
{
  width: 33.3em;
}

#section_06 div.cols_01 > div p
{
  margin-left: 2.5em;
}

#section_06 div.cols_02
{
  margin-bottom: 5em;
}

#section_06 div.cols_02 > div
{
  width: 30em;
}

#section_06 > p span
{
  color: #ED2200;
}

#section_06 div.btn_01
{
  margin-top: -6em;
}


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


#section_07 div.cols_03
{
  margin-bottom: 7em;
}

#section_07 div.cols_03:after
{
  content: "";
  display: block;
  clear: both;
}

#section_07 div.cols_03 > div
{
  float: right;
  width: 50.5em;
}

#section_07 div.cols_03 > div p:nth-of-type(3)
{
  color: #ED2200;
}

#section_07 div.cols_03 ul.list_01
{
  float: left;
  margin-bottom: 0;
}

#section_07 ul.list_01:nth-of-type(1)
{
  margin-bottom: 6em;
}

#section_07 ul.list_01:nth-of-type(2)
{
  margin-bottom: 2.5em;
}

#section_07 ul.list_01 li
{
  display: inline-block;
  width: 15.5em;
  margin-right: 2em;
  text-align: center;
  vertical-align: top;
}

#section_07 ul.list_01 li a
{
  display: block;
  color: #000;
}

#section_07 ul.list_01 li div.img_01
{
  height: 15.5em;
}

#section_07 ul.list_01 li dl
{
  margin-bottom: .5em;
}

#section_07 ul.list_01 li dl dt > small span
{
  font-size: 10px;
  line-height: 1.8;
}

#section_07 ul.list_01 li dl dt > span
{
  font-size: 12px;
  line-height: 1.666;
}

#section_07 ul.list_01 li dl dd > small span
{
  font-size: 10px;
  line-height: 2;
}

#section_07 ul.list_01 li dl dd > span
{
  font-size: 12px;
  line-height: 1.666;
}

#section_07 ul.list_01 li div.btn_01
{
  height: 2.4em;
  border: 1px solid #509BE5;
  border-radius: 12px;
  text-align: center;
}

#section_07 ul.list_01 li div.btn_01:after
{
  content: "";
  display: inline-block;
  height: 2.2em;
  vertical-align: middle;
}

#section_07 ul.list_01 li div.btn_01 span
{
  display: inline-block;
  color: #509BE5;
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}

#section_07 h4
{
  width: 50.5em;
  margin-bottom: 4em;
  padding-bottom: 1em;
  border-bottom: 1px solid #CCC;
}

#section_07 h4 span
{
  font-size: 20px;
  line-height: 1;
}

#section_07 div.btn_02
{
  width: 50.5em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

#section_07 div.btn_02 a
{
  display: block;
  padding: 1.3em 0 .9em 0;
  text-align: center;
}

#section_07 div.btn_02 a span
{
  font-size: 16px;
  line-height: 1;
}


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


#section_08 > a
{
  display: inline-block;
  margin-bottom: 3em;
}

#section_08 > a span
{
  font-size: 14px;
  line-height: 1;
}

#section_08 h4 span
{
  font-size: 20px;
  line-height: 1.8;
}

#section_08 div.cols_02 > div
{
  width: 41.7em;
}

#section_08 div.cols_02 > img
{
  margin-top: 2.3em;
}


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


#section_09
{
  margin-bottom: 14em;
}

#section_09 div.cols_02 > div
{
  width: 30em;
}