@charset "UTF-8";
/* =======================================
 reset補完
======================================= */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, dl, dt, dd, ul, ol, li {
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

ul, ol, li {
  list-style: none;
}

/* =======================================
 style
======================================= */

body {
  color: #333;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 18px;
  margin: auto;
  width: 100%;
  min-width: 1200px;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover img {
  opacity: 0.8;
}

img {
  -webkit-backface-visibility: hidden;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}

.wrapper {
  overflow-x: hidden;
  width: 100%;
}

.container {
  margin: auto;
  position: relative;
  width: 1000px;
}

.fv {
  background: url("../img/fv_bg.jpg") no-repeat 50% 0;
}

.offer {
  background: url("../img/offer_bg_01.png") no-repeat 50% 0, url("../img/offer_bg_02.jpg") repeat-x 50% 100%;
  padding: 150px 0 60px;
}

.offer-hl {
  margin: 0 auto 26px;
  text-align: center;
}

.offer-wrap {
  margin: auto;
  position: relative;
  width: 940px;
}

.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/offer_btn.png") transparent no-repeat 0 0;
  border: 0;
  cursor: pointer;
  height: 78px;
  outline: none;
  text-indent: -9999px;
  width: 514px;
  position: absolute;
  bottom: 100px;
  left: 48px;
}

.btn:hover {
  opacity: 0.8;
}

.media {
  background: url("../img/media_bg.jpg") repeat-x 50% 0;
  height: 1593px;
}

.about {
  background: url("../img/about_bg.jpg") no-repeat 50% 100%;
  padding-bottom: 152px;
}

.about .container {
  padding-tpo: 82px;
}

.about-hl {
  position: relative;
  top: -110px;
  left: 300px;
}

.about02 {
  margin-bottom: 260px;
}

.about03 {
  margin-bottom: 150px;
}

.about04 {
  margin-bottom: 150px;
}

.movie-wrap {
  margin: auto;
  width: 86.67%;
}

.trouble {
  background: url("../img/trouble_bg.png") no-repeat 50% 0;
  height: 1944px;
  margin-top: -90px;
  padding-top: 90px;
}

.trouble01 {
  margin-bottom: 40px;
}

.trouble-list {
  display: -ms-flex;
  -ms-flex-wrap: wrap;
  -ms-justify-content: center;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 14px;
}

.trouble-list li {
  margin: 0 26px;
}

.trouble08 {
  margin: -10px 0 86px;
}

.movie-wrap {
  margin: auto;
  width: 678px;
}

.movie {
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}

.movie-video {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.point {
  background: url("../img/point_bg_01.jpg") no-repeat 50% 0, #F3F3F3 url("../img/point_bg_04.jpg") no-repeat 50% 100%;
  margin-bottom: 24px;
}

.point-hl {
  margin-bottom: 58px;
}

.role {
  padding-top: 54px;
}

.point01-should {
  background: #00B5B8;
  box-shadow: 5px 5px 4px rgba(0,0,0,0.2);
  margin-bottom: 40px;
}

.lg100-hl {
  margin-bottom: 36px;
}

.lg100-01 {
  margin-bottom: 46px;
}

.lg100-02 {
  margin-bottom: 50px;
}

.point-movie {
  background: url("../img/point_bg_05.png") no-repeat 50% 100%;
  height: 642px;
}

.point-movie h4 {
  margin-bottom: 38px;
}

.point02 {
  background: url("../img/point_bg_02.jpg") no-repeat 50% 0;
}

.point03 {
  background: url("../img/point_bg_03.jpg") no-repeat 50% 0;
  padding-bottom: 30px;
}

.voice {
  background: url("../img/voice_bg.jpg") no-repeat 50% 0;
  height: 1520px;
  padding-top: 50px;
}

.voice-hl {
  margin-bottom: 26px;
}

.voice01 {
  margin-bottom: 30px;
}

.voice02 {
  margin-bottom: 30px;
}

.voice04 {
  margin: auto;
  width: 940px;
}

.interview {
  background: url("../img/interview_bg_01.jpg") no-repeat 50% 0;
  min-height: 1240px;
}

.interview .container {
  padding-top: 485px;
}

.interview-hl {
  position: absolute;
  top: -122px;
  left: 50px;
}

.quality {
  background: url("../img/quality_bg_01.jpg") no-repeat 50% 0, url("../img/quality_bg_02.jpg") no-repeat 50% 100%;
  height: 1320px;
  padding-top: 60px;
}

.quality-hl {
  margin-bottom: 47px;
}

.quality-list {
  display: -ms-flex;
  -ms-justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
  margin: 0 auto 63px;
  width: 820px;
}

.quality-list li {
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

.howto {
  background: url("../img/howto_bg.png") no-repeat 50% 100%;
  height: 640px;
}

.howto h4 {
  margin: 0 auto 44px;
}

.faq {
  background: url("../img/faq_bg_01.jpg") no-repeat 50% 0;
  padding-top: 347px;
}

.faq-hl {
  margin-bottom: 32px;
}

.faq-list {
  background: url("../img/faq_bg_02.jpg") repeat 50% 0;
  padding: 80px 0 130px;
}

.faq-list div {
  margin-bottom: 20px;
}

.faq .offer {
  margin-top: -103px;
  position: relative;
  z-index: 1;
}

.footer {
  background: #e7e6e1;
  padding: 70px 0 60px;
}

.footer .container {
  display: -ms-flex;
  -ms-justify-content: space-between;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  display: flex;
  justify-content: space-between;
}

.footer-hl {
  border-bottom: 1px solid #333;
  font-size: 24px;
  margin-bottom: 1em;
  padding-bottom: .3125em;
}

.footer-sec {
  width: 480px;
}

 .footer-txt {
  margin-bottom: 60px;
}

.footer-txt li {
  background: url("../img/icon_dot.png") no-repeat 0 .4em;
  line-height: 1.67;
  margin-bottom: 1.5em;
  padding-left: 18px;
}

.footer-txt dt {
  font-weight: bold;
  line-height: 1.67;
}

.footer-txt dd {
  line-height: 1.67;
}

.link-list {
  border-top: 1px dotted #333;
  margin: auto;
  padding-top: 26px;
  text-align: center;
  width: 1000px;
}

.link-list li {
  border-right: 1px solid #333;
  display: inline-block;
}

.link-list li:nth-of-type(1) {
  border-left: 1px solid #333;
}

.link-list li a {
  display: block;
  padding: 0 32px;
}

.link-list li a:hover {
  opacity: 0.8;
  text-decoration: underline;
}