@charset "UTF-8";
.lpWrap html, .lpWrap body, .lpWrap div, .lpWrap span, .lpWrap applet, .lpWrap object, .lpWrap iframe,
.lpWrap h1, .lpWrap h2, .lpWrap h3, .lpWrap h4, .lpWrap h5, .lpWrap h6, .lpWrap p, .lpWrap blockquote, .lpWrap pre,
.lpWrap a, .lpWrap abbr, .lpWrap acronym, .lpWrap address, .lpWrap big, .lpWrap cite, .lpWrap code,
.lpWrap del, .lpWrap dfn, .lpWrap em, .lpWrap img, .lpWrap ins, .lpWrap kbd, .lpWrap q, .lpWrap s, .lpWrap samp,
.lpWrap small, .lpWrap strike, .lpWrap strong, .lpWrap sub, .lpWrap sup, .lpWrap tt, .lpWrap var,
.lpWrap b, .lpWrap u, .lpWrap i, .lpWrap center,
.lpWrap dl, .lpWrap dt, .lpWrap dd, .lpWrap ol, .lpWrap ul, .lpWrap li,
.lpWrap fieldset, .lpWrap form, .lpWrap label, .lpWrap legend,
.lpWrap table, .lpWrap caption, .lpWrap tbody, .lpWrap tfoot, .lpWrap thead, .lpWrap tr, .lpWrap th, .lpWrap td,
.lpWrap article, .lpWrap aside, .lpWrap canvas, .lpWrap details, .lpWrap embed,
.lpWrap figure, .lpWrap figcaption, .lpWrap footer, .lpWrap header, .lpWrap hgroup,
.lpWrap menu, .lpWrap nav, .lpWrap output, .lpWrap ruby, .lpWrap section, .lpWrap summary,
.lpWrap time, .lpWrap mark, .lpWrap audio, .lpWrap video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

.lpWrap ol, .lpWrap ul {
  list-style: none; }

.lpWrap table {
  border-collapse: collapse;
  border-spacing: 0; }

.lpWrap caption, .lpWrap th, .lpWrap td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

.lpWrap q, .lpWrap blockquote {
  quotes: none; }
  .lpWrap q:before, .lpWrap q:after, .lpWrap blockquote:before, .lpWrap blockquote:after {
    content: "";
    content: none; }

.lpWrap a img {
  border: none; }

.lpWrap article, .lpWrap aside, .lpWrap details, .lpWrap figcaption, .lpWrap figure, .lpWrap footer, .lpWrap header, .lpWrap hgroup, .lpWrap menu, .lpWrap nav, .lpWrap section, .lpWrap summary {
  display: block; }

.lpWrap {
  font-size: 90%;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height: 1.5; }

.lpWrap h1, .lpWrap h2, .lpWrap ul, .lpWrap p {
  margin-bottom: 30px; }

.lpWrap strong {
  font-weight: bold; }

.lpWrap #wrapper {
  width: 100%;
  text-align: left;
  margin: 0 auto;
  font-size: 1em; }

.lpWrap .box01, .lpWrap .box02, .lpWrap .btnBox {
  width: 100%;
  clear: both;
  overflow: hidden;
  *zoom: 1; }
  .lpWrap .box01 .container, .lpWrap .box02 .container, .lpWrap .btnBox .container {
    width: 100%;
    margin: 0 auto; }

.lpWrap .box01 {
  background: url(/img/box-shadow.png) repeat-x bottom #f7f7f7; }

.lpWrap .box01 h1, .lpWrap .box02 h1 {
  padding: 30px 0;
  border-bottom: 4px solid #efefef;
  text-align: center; }

.btnBox {
  background: #cce198; }
  .lpWrap .btnBox .container h1 {
    text-align: center;
    padding: 30px 0 15px 0;
    margin: 0; }
  .lpWrap .btnBox .container ul {
    margin-bottom: 20px;
    height: 92px; }
    .lpWrap .btnBox .container ul li {
      float: left;
      margin: 0 10px; }

.lpWrap #mainBox .container {
  height: 458px;
  position: relative;
  background: url(/img/main-back.png) no-repeat -170px bottom; }
  .lpWrap #mainBox .container h1 {
    border: 0;
    margin-bottom: 0; }
  .lpWrap #mainBox .container h2 {
    margin-left: 70px; }
  .lpWrap #mainBox .container .img {
    position: absolute;
    left: 516px;
    top: 130px; }
  .lpWrap #mainBox .container .cloud {
    position: absolute; }
  .lpWrap #mainBox .container .cloud01 {
    left: 10px;
    top: 130px; }
  .lpWrap #mainBox .container .cloud02 {
    left: 220px;
    top: 200px; }
  .lpWrap #mainBox .container .cloud03 {
    left: 460px;
    top: 160px; }
  .lpWrap #mainBox .container .cloud04 {
    left: 630px;
    top: 260px; }

.lpWrap #aboutBox .img {
  text-align: center; }

.lpWrap #searchBox .f01, .lpWrap #searchBox .f02 {
  clear: both; padding: 0 3%; }
  .lpWrap #searchBox .f01 .txtBox, #searchBox .f02 .txtBox {
    width: 395px; }
.lpWrap #searchBox .f01 .img {
  margin-left: 20px; }
.lpWrap #searchBox .f01 .img {
  float: right; }
.lpWrap #searchBox .f01 .txtBox {
  float: left; }
.lpWrap #searchBox .f02 .img {
  margin-right: 20px; }
.lpWrap #searchBox .f02 .img {
  float: left; }
.lpWrap #searchBox .f02 .txtBox {
  float: right; }

.lpWrap #howtoBox .arrBox {
  width: 94%;
  margin: 0 auto;
  border-top: 4px solid #e9e9e9; }
  .lpWrap #howtoBox .arrBox:nth-child(2) {
    border: 0; }
  .lpWrap #howtoBox .arrBox .arrow {
    margin-top: -4px;
    margin-bottom: 10px; }

.lpWrap #voiceBox .box {
  width: 220px;
  float: left;
  font-size: 140%;
  margin: 0 25px; }
  .lpWrap #voiceBox .box h2 {
    margin-bottom: 0; }
  .lpWrap #voiceBox .box .img {
    float: right;
    margin: 0 0 10px 10px; }

.lpWrap #infoBox {
  padding-bottom: 30px; }
  .lpWrap #infoBox .container {
    padding-top: 30px;
    width: 530px;
    background: url(/img/infoBox-img.jpg) no-repeat left 30px;
    padding-left: 390px;
    overflow: hidden;
    *zoom: 1; }
    .lpWrap #infoBox .container h1, #infoBox .container p {
      margin: 0 0 10px 0;
      padding: 0;
      border: 0; }
    .lpWrap #infoBox .container #linkBox {
      border-bottom: 4px solid #e9e9e9;
      margin-bottom: 20px; }
    .lpWrap #infoBox #dlBox{
      padding:5px 10px 10px}
    .lpWrap #infoBox #dlBox:before, $infoBox #dlBox:after {
      content: "";
      display: table; }
    .lpWrap #infoBox #dlBox:after {
      clear: both; }
    .lpWrap #infoBox .container #dlBox p {
      float: left; }
    .lpWrap #infoBox #dlBox ul {
    float: right;
    padding-top: 5px;
    font-size: 0; }
    .lpWrap #infoBox #dlBox ul li {
      display: inline-block;
      margin-left: 10px; }
      .lpWrap #infoBox #dlBox ul li:first-child {
        margin-left: 0; }
      .lpWrap #infoBox #dlBox ul li img {
        vertical-align: top; }
.lpWrap .center {
  text-align: center; }

.lpWrap .toTop {
  text-align: right; }

.lpWrap #nav-spy {
  margin-top: -100px;
  top: 50%;
  position: fixed;
  z-index: 100;
  left: 38.5vw; }
  .lpWrap #nav-spy .nav li {
    margin: 0;
    padding: 0; }
    .lpWrap #nav-spy .nav li a {
      display: block;
      font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
      color: #428bca;
      text-decoration: none;
      text-align: center;
      padding: 0;
      width: 20px;
      height: 20px;
      line-height: 20px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
      background-clip: padding-box; }
    .lpWrap #nav-spy .nav li.active a {
      background-color: #aaaaaa;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.lpWrap .to-next {
  text-align: center;
  display: block;
  border: 1px solid;
  background-color: #555555;
  background-color: rgba(0, 0, 0, 0.3);
  width: 810px;
  height: auto;
  line-height: 36px;
  position: fixed;
  z-index: 1000;
  bottom: 28px;
  font-size: 160%;
  color: #fff;
  -webkit-box-shadow: inset 0 3px 30px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 3px 30px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 3px 30px rgba(255, 255, 255, 0.3); }
  .lpWrap .to-next:hover {
    background-color: #333333;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer; }
  .lpWrap .to-next:active {
    background-color: #000000; }


@import url('https://fonts.googleapis.com/css?family=EB+Garamond');

.lpWrap .font-serif {
  font-family: "EB Garamond", "Times New Roman", "Times", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.lpWrap #mainBox .font-serif {
  font-size: 40px;
  line-height: 52px;
}
.lpWrap #mainBox .font-serif span {
  color: #177ca8;
  font-size: 1.2em;
  vertical-align: bottom;
}
.lpWrap .btnBox h1.font-serif {
  font-size: 32px;
  color: #286f2e;
}
.lpWrap .btnBox .container {
  text-align: center;
}
.lpWrap .btnBox-cta img {
  padding-bottom: 20px;
  display: block;
  margin: 0 auto;
}
.lpWrap .btnBox-scroll {
  font-size: 16px;
  display: inline-block;
  padding-bottom: 20px;
  color: #286f2e;
}
.lpWrap .btnBox-scroll:hover {
  color: #f68500;
}
.lpWrap .section-title {
  font-size: 40px;
  line-height: 44px;
  color: #187ca8;
}
.lpWrap .section-title i {
  font-size: .6em;
  color: #7d7d7d;
}
.lpWrap .section-text {
  font-size: 22px;
  line-height: 1.6em;
  color: #444;
}
.lpWrap .searchBox-desc {
  font-size: 18px;
}
.lpWrap .searchBox-title {
  font-size: 28px;
  color: #187ca8;
  font-weight: bold;
}
.lpWrap .searchBox-title * {
  vertical-align: middle;
}
.lpWrap .howtoBox-title {
  font-size: 26px;
  color: #187ca8;
}
.lpWrap .howtoBox-title span {
  display: inline-block;
}
.lpWrap .howtoBox-title * {
  vertical-align: middle;
}
.lpWrap #howtoBox .arrBox .container {
  position: relative;
}
.lpWrap .howtoBox-help {
  position: absolute;
  font-size: 16px;
  color: #187ca8;
  bottom: -25px;
  right: 0;
}
.lpWrap .lastBox {
  padding-bottom: 0!important;
}
.lpWrap .lastBox_link {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 30px 0;
}
.lpWrap .lastBox_link h2 img,
.lpWrap .lastBox_link h2 span {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.lpWrap .lastBox_link h2 span {
  font-size: 24px;
  padding-left: 20px;
}
.lpWrap .lastBox_link ul {
  padding-top: 30px;
  text-align: center;
}
.lpWrap .lastBox_link ul li {
  display: inline-block;
  vertical-align: middle;
}
.lpWrap .lastBox_link ul li a {
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
}
.lpWrap .lastBox_link ul li a:hover {
  opacity: .75;
}
.lpWrap .lastBox_link ul li a img {
  width: 250px; height: auto;
  margin: 0 15px;
}
.lpWrap .lastBox_visual {
  text-align: center;
  background: #e1e2e4; 
}
.lpWrap .medline-notice {
  clear: both;
  display: block;
  padding: 10px 0 30px;
}
.lpWrap .medline-notice small {
  font-size: 12px;
  display: block;
  margin-left: 3%;
}