@charset "UTF-8";
/* size
 ------------------------------------------------------------------------ */
/* font
 ------------------------------------------------------------------------ */
/* color
 ------------------------------------------------------------------------ */
#wrapper {
  /* main visual
   ----------------------------------------------------------------------------------------------------- */
  /* conversion
   ----------------------------------------------------------------------------------------------------- */
  /* concept
   ----------------------------------------------------------------------------------------------------- */
  /* management
   ----------------------------------------------------------------------------------------------------- */
  /* security
   ----------------------------------------------------------------------------------------------------- */
  /* marketing
   ----------------------------------------------------------------------------------------------------- */
  /* marketing
   ----------------------------------------------------------------------------------------------------- */
}
#wrapper #mv {
  background: #111;
  height: 425px;
  overflow: hidden;
  padding: 5px 0 0 0;
  width: 100%;
}
#wrapper #mv ul.banner li {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 420px;
  left: 50%;
  margin: auto;
  position: absolute;
  top: 50%;
  width: 980px;
}
#wrapper #mv ul.banner li .container {
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
}
#wrapper #mv ul.banner li.center {
  background: transparent url("../../images/mv-01.jpg") no-repeat;
  background-position: 0 0;
  background-size: cover;
}
#wrapper #mv ul.banner li.center .container .title {
  color: #fff;
  font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 36px;
  font-weight: 400;
  margin: 70px 0;
  position: absolute;
  text-align: center;
  text-shadow: 3px 3px 7px #333;
  width: 100%;
}
#wrapper #mv ul.banner li.center .container .description {
  color: #fff;
  font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.95;
  margin: 155px 0;
  position: absolute;
  text-shadow: 3px 3px 7px #333;
  text-align: center;
  width: 100%;
}
#wrapper #mv ul.banner li.left {
  background: transparent url("../../images/mv-04.jpg") no-repeat;
  background-position: 0 0;
  background-size: cover;
  margin-left: -985px;
}
#wrapper #mv ul.banner li.right {
  background: transparent url("../../images/mv-03.jpg") no-repeat;
  background-position: 0 0;
  background-size: cover;
  margin-left: 985px;
}
#wrapper .conversion {
  background: #DA1709;
  text-align: center;
  width: 100%;
}
#wrapper .conversion .container {
  margin: 0 auto;
  overflow: hidden;
  padding: 22px 0 20px 0;
  width: 980px;
}
#wrapper .conversion .container .catch {
  color: #fff;
  display: block;
  float: left;
  font-family: "Meiryo", "メイリオ", "Yu Gothic", YuGothic, "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 28px;
  font-weight: 400;
  margin: 0 0 0 150px;
}
#wrapper .conversion .container a.button {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #DABF62;
  display: block;
  color: #fff;
  cursor: pointer;
  font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
  font-weight: 900;
  float: left;
  height: auto;
  margin: -1.5px 0 0 38px;
  padding: 13px 0 10px 0;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 0px 10px #777;
  width: 180px;
}
#wrapper .conversion .container a.button:hover {
  opacity: 0.95;
}
#wrapper .concept {
  width: 100%;
}
#wrapper .concept .container {
  background: transparent url("../../images/bg-concept.jpg") no-repeat;
  background-size: cover;
  background-position: -190px -50px;
  height: 445px;
  margin: 0 auto;
  padding: 65px 0 0 0;
  width: 980px;
}
#wrapper .concept .container .description {
  background: transparent url("../../images/bg-concept-balloon.png") no-repeat;
  background-size: cover;
  display: block;
  height: 277px;
  margin: 0 0 0 310px;
  padding: 35px 35px;
  width: 573px;
}
#wrapper .concept .container .description .inner {
  color: #444;
  background: transparent;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: underline;
}
#wrapper .concept .container .conversion .phone {
  background: transparent url("../../images/header-phone.png") no-repeat;
  background-size: cover;
  display: block;
  float: left;
  height: 47px;
  margin: 30px 0 0 395px;
  overflow: hidden;
  text-indent: -300%;
  width: 350px;
}
#wrapper .concept .container .conversion .button {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #DA1709;
  display: block;
  color: #fff;
  cursor: pointer;
  font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
  font-weight: 900;
  float: left;
  height: auto;
  margin: 30px 0 0 26px;
  padding: 16px 0 15px 0;
  text-align: center;
  text-decoration: none;
  width: 180px;
}
#wrapper .concept .container .conversion .button:hover {
  opacity: 0.95;
}
#wrapper .management {
  background: #2A5D42 url("../../images/bg-management.png") center bottom no-repeat;
  height: 606px;
  width: 100%;
}
#wrapper .management .container {
  margin: 0 auto;
  overflow: hidden;
  padding: 50px 0 30px 0;
  width: 980px;
}
#wrapper .management .container .title {
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  margin: 0 0 40px 0;
  text-align: center;
}
#wrapper .management .container .image {
  display: block;
  float: left;
  height: 423px;
  width: 572px;
}
#wrapper .management .container .description {
  color: #fff;
  display: block;
  float: left;
  height: auto;
  margin: 0 0 0 25px;
  width: 357px;
}
#wrapper .management .container .description .text {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}
#wrapper .management .container .description .button {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #DABF62;
  display: block;
  clear: both;
  color: #fff;
  cursor: pointer;
  font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
  font-weight: 900;
  float: left;
  height: auto;
  margin: 40px 0 0 88px;
  padding: 16px 0 15px 0;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px 0px 10px #777;
  width: 180px;
}
#wrapper .management .container .description .button:hover {
  opacity: 0.95;
}
#wrapper .security {
  background: #fff url("../../images/bg-security.png") center bottom no-repeat;
  height: 606px;
  width: 100%;
}
#wrapper .security .container {
  margin: 0 auto;
  overflow: hidden;
  padding: 50px 0 30px 0;
  width: 980px;
}
#wrapper .security .container .title {
  color: #333;
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 40px 0;
  text-align: center;
}
#wrapper .security .container .image {
  display: block;
  float: left;
  height: 423px;
  width: 572px;
}
#wrapper .security .container .description {
  color: #333;
  display: block;
  float: left;
  height: auto;
  margin: 0 25px 0 0;
  width: 357px;
}
#wrapper .security .container .description .text {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.7;
}
#wrapper .security .container .description .button {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #DA1709;
  display: block;
  clear: both;
  color: #fff;
  cursor: pointer;
  font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 16px;
  font-weight: 900;
  float: left;
  height: auto;
  margin: 40px 0 0 88px;
  padding: 16px 0 15px 0;
  text-align: center;
  text-decoration: none;
  width: 180px;
}
#wrapper .security .container .description .button:hover {
  opacity: 0.95;
}
#wrapper .marketing {
  background: #fff url("../../images/bg-marketing.jpg") center bottom no-repeat;
  background-size: cover;
  height: 450px;
  overflow: hidden;
  width: 100%;
}
#wrapper .marketing .container {
  background: rgba(0, 0, 0, 0.5);
  height: 450px;
  text-align: center;
  width: 100%;
}
#wrapper .marketing .container .title {
  color: #fff;
  font-family: "Meiryo", "メイリオ", "Yu Gothic", YuGothic, "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 33px;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding: 60px 0 50px 0;
  text-shadow: 3px 3px 7px #333;
}
#wrapper .marketing .container .text {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.9;
  margin: 0 auto;
  text-align: center;
  text-shadow: 3px 3px 7px #333;
  width: 960px;
}
#wrapper .marketing .container .button {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: transparent;
  border: #fff 3px solid;
  display: block;
  clear: both;
  color: #fff;
  cursor: pointer;
  font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.1em;
  height: auto;
  margin: 40px auto 0 auto;
  padding: 16px 0 15px 0;
  text-align: center;
  text-decoration: none;
  text-shadow: 3px 3px 7px #333;
  font-weight: 400;
  width: 200px;
}
#wrapper .marketing .container .button:hover {
  border: #DA1709 3px solid;
  color: #DA1709;
}
#wrapper .effectiveUse {
  background: #fff url("../../images/bg-effective-use.jpg") center bottom no-repeat;
  background-size: cover;
  height: 485px;
  overflow: hidden;
  width: 100%;
}
#wrapper .effectiveUse .container {
  background: rgba(0, 0, 0, 0.5);
  height: 485px;
  text-align: center;
  width: 100%;
}
#wrapper .effectiveUse .container .title {
  color: #fff;
  font-family: "Meiryo", "メイリオ", "Yu Gothic", YuGothic, "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 33px;
  font-weight: 400;
  letter-spacing: 0.1em;
  padding: 60px 0 50px 0;
  text-shadow: 3px 3px 7px #333;
}
#wrapper .effectiveUse .container .text {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.9;
  margin: 0 auto;
  text-align: center;
  text-shadow: 3px 3px 7px #333;
  width: 960px;
}
#wrapper .effectiveUse .container .button {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: transparent;
  border: #fff 3px solid;
  display: block;
  clear: both;
  color: #fff;
  cursor: pointer;
  font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: 0.1em;
  height: auto;
  margin: 40px auto 0 auto;
  padding: 16px 0 15px 0;
  text-align: center;
  text-decoration: none;
  text-shadow: 3px 3px 7px #333;
  font-weight: 400;
  width: 200px;
}
#wrapper .effectiveUse .container .button:hover {
  border: #DA1709 3px solid;
  color: #DA1709;
}