@charset "UTF-8";
@import url(reset.css);
@import url(lib.css);
html > body {
  font-family: "Hiragino Kaku Gothic ProN", 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  color: #000000;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  padding-top: 80px;
}
html > body a {
  color: #cccccc;
}
html > body img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media all and (-ms-high-contrast: none) {
  html > body {
    font-family: "Hiragino Kaku Gothic ProN", 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  }
}
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

.container {
  width: 1000px;
  margin: 0 auto;
}

.header_wrap {
  position: fixed;
  width: 100%;
  margin-left: -50%;
  left: 50%;
  background: #fff;
  top: 0;
  z-index: 5;
}
.header_wrap h1.logo {
  width: 471px;
  float: left;
}
.header_wrap ul {
  float: right;
}
.header_wrap ul li {
  float: left;
}
.header_wrap ul li:first-of-type {
  width: 264px;
}
.header_wrap ul li:nth-of-type(2) {
  width: 256px;
}

.fv_wrap .bg01 {
  background: url(../img/fv_bg01.jpg) center top no-repeat;
}
.fv_wrap .bg02 {
  background: url(../img/offer_bg01.jpg) center top no-repeat;
}

.sec01 .bg01 {
  background: url(../img/sec01_bg01.jpg) center top no-repeat;
}
.sec01 .bg01 h2 {
  text-align: center;
  padding-top: 47px;
}
.sec01 .bg02 {
  background: url(../img/sec01_bg02.png) center top no-repeat, url(../img/sec01_bg04.png) center top repeat-y, #f3efe6;
}
.sec01 .bg03 {
  background: url(../img/sec01_bg03.png) center top no-repeat, url(../img/sec01_bg04.png) center top repeat-y, #f3efe6;
}

.sec02 .bg01 {
  background: url(../img/sec02_bg01.jpg) center top no-repeat;
}
.sec02 .bg02 {
  background: url(../img/sec02_bg02.jpg) center top no-repeat;
}

.sec03 {
  background: url(../img/sec03_bg01.jpg) center top no-repeat;
}
.sec03 .price_wrap {
  background: url(../img/sec01_bg05.png) center top no-repeat;
}

.price_wrap {
  background: url(../img/sec01_bg05.png) center top no-repeat, url(../img/sec01_bg04.png) center top repeat-y, #f3efe6;
}

.cv_wrap {
  padding: 30px 2px 30px 0;
}

.cv_wrap ul {
  float: left;
}

.cv_wrap li {
  margin-bottom: 8px;
}

.cv_btn {
  background: url("../img/sec01_btn_bg01.png") no-repeat;
  height: 89px;
  margin-left: -5px;
  position: relative;
  width: 513px;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-name: button;
  animation-timing-function: ease;
  transform: scale(1);
  transform-origin: center bottom 0;
}

.cv_btn_start {
    animation-duration: 3.5s;
    animation-iteration-count: infinite;
    animation-name: start;
    animation-timing-function: ease;
    display: block;
    height: auto;
    position: absolute;
    left: 20px;
    top: 12px;
    width: 480px;
}
 
@keyframes start {
    0%, 100%, 20%, 8% {opacity: 1;transform: scale(1);}
    12% {opacity: 1;transform: scale(1.2);}
    16% {opacity: 1;transform: scale(0.9);}
}
 
@keyframes button {
    28%, 48% {transform: skew(0deg);}
    32% {transform: skew(10deg);}
    36% {transform: skew(-10deg);}
    40% {transform: skew(5deg);}
    44% {transform: skew(-5deg);}
}

.cv_wrap p {
  float: right;
}

body.bg_gn {
  background: #f4fcc8;
  padding-top: 0;
}

#contact {
  background: #f4fcc8;
  padding-bottom: 57px;
  box-shadow: 0px 7px 14px -3px rgba(49, 49, 49, 0.1) inset;
  -webkit-box-shadow: 0px 7px 14px -3px rgba(49, 49, 49, 0.1) inset;
  -moz-box-shadow: 0px 7px 14px -3px rgba(49, 49, 49, 0.1) inset;
}
#contact.thankspage {
  text-align: center;
  box-shadow: none;
}
#contact.thankspage .contect-inner {
  padding: 51px 0 35px;
  font-size: 18px;
  line-height: 30px;
  color: #1A1A1A;
}
#contact.thankspage .contect-inner p.txt {
  margin-bottom: 35px;
}
#contact.confirmpage {
  text-align: center;
  box-shadow: none;
}
#contact.confirmpage .contect-inner {
  padding: 58px 0 43px;
  font-size: 18px;
  line-height: 30px;
  color: #1A1A1A;
}
#contact.confirmpage .contect-inner p.txt {
  margin-bottom: 35px;
}
#contact .contect-inner {
  width: 940px;
  background: #fff;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0 2px 0 0 #c3caa0;
}
#contact .contect-inner table {
  width: 730px;
  margin: 0 auto;
}
#contact .contect-inner tr:not(:last-child) {
  border-bottom: 1px dotted #babbbb;
}
#contact .contect-inner td {
  padding: 15px 10px;
  font-size: 14px;
  text-align: left;
}
#contact .contect-inner th {
  padding: 15px 10px;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  width: 180px;
  vertical-align: top;
}
#contact .contect-inner th span img {
  vertical-align: middle;
}
#contact .contect-inner input[type="text"] {
  width: 290px;
  font-size: 14px;
  border: 1px solid #babbbb;
  border-radius: 5px;
  padding: 5px 8px;
}
#contact .contect-inner input[type="email"] {
  width: 390px;
  font-size: 14px;
  border: 1px solid #babbbb;
  border-radius: 5px;
  padding: 5px 8px;
}
#contact .contect-inner .tel_td input[type="text"] {
  width: 390px;
  font-size: 14px;
  border: 1px solid #babbbb;
  border-radius: 5px;
  padding: 5px 8px;
}
#contact .contect-inner textarea {
  width: 500px;
  height: 160px;
  font-size: 14px;
  border: 1px solid #babbbb;
  border-radius: 5px;
  padding: 5px 8px;
}

.footer_wrap ul {
  margin-bottom: 40px;
}
.footer_wrap ul a {
  color: #000;
  text-decoration: none;
}
.footer_wrap ul a:hover {
  color: #666;
  text-decoration: underline;
}
.footer_wrap li:first-of-type {
  width: 380px;
  float: left;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.56px;
}
.footer_wrap li:first-of-type img {
  display: block;
  margin-bottom: 4px;
}
.footer_wrap li:nth-of-type(2) {
  width: 403px;
  float: right;
  padding-top: 0;
}
.footer_wrap p.txt01{
  text-align: center;
  font-size: 16px;
  padding: 26px 0 43px;
  letter-spacing : 1.28px;
}
.footer_wrap li span{
display: block;
  font-size: 28px;
  padding: 4px 0 15px;
  font-weight: bold;
  letter-spacing : -2.04px;
}
.footer_wrap p.copy {
  margin-bottom: 25px;
  text-align: center;
  font-size: 12px;
  color: #1a1a1a;
}

.contact-btnarea {
  text-align: center;
  padding-bottom: 27px;
  padding-top: 20px;
}
.contact-btnarea.checkpage {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 905px;
  margin: 0 auto;
  padding-top: 50px;
  justify-content: space-around;
}
.contact-btnarea .contact-btn {
  width: 442px;
  height: 86px;
  text-indent: -9999px;
  border: none;
  vertical-align: top;
}
.contact-btnarea .contact-btn:hover {
  cursor: pointer;
}
.contact-btnarea .btn-check {
  background: url(../img/contact_btn01.png) center top no-repeat;
}
.contact-btnarea .btn-back {
  background: url(../img/contact_btn02.png) center top no-repeat;
}
.contact-btnarea .btn-send {
  background: url(../img/contact_btn03.png) center top no-repeat;
}

/* モーダル設定 */
#msk {
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 90;
}

#msk #mskInner {
  width: 635px;
  height: 515px;
  margin: 0 auto;
  text-align: center;
}
#msk #mskInner #return {
  position: absolute;
  right: 0;
  top: -60px;
  cursor: pointer;
}

/* モーダル設定 */
#mskInner {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
}
#msk { display: none;}
#mskSwitch{
  width: 100vw;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}







/*# sourceMappingURL=style.css.map */