@charset "utf-8";
/* CSS Document */
/* hiragino_kaku_w3
@font-face {
	font-family: "hiragino_kaku_w3";
	src: url("fonts/hiragino_kaku_w3.eot?") format('eot'),
		 url("fonts/hiragino_kaku_w3.woff") format('woff'),
		 url("fonts/hiragino_kaku_w3.OTF")  format('opentype');
}
*/
/* hiragino_kaku_w6
@font-face {
	font-family: "hiragino_kaku_w6";
	src: url("fonts/hiragino_kaku_w6.eot?") format('eot'),
		 url("fonts/hiragino_kaku_w6.woff") format('woff'),
		 url("fonts/hiragino_kaku_w6.OTF")  format('opentype');
}
*/

body {
    font-family: "hiragino_kaku_w3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif;
    word-wrap:break-word;
}
body,html{
   margin:0;
   padding:0;
}

h1,h2,h3,h4,h5,p { margin:0;}
img{ border:0; vertical-align:bottom; }
ul { margin:0;padding:0; }
li { list-style:none; }
a { text-decoration:none; outline:none; }


.fl { float:left; }
.fr { float:right; }

.clear { clear:both; }

.image_back_size {
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
}


/* 共通 inner */
.lp-inner {
   width:950px;
   margin:auto;
   position:relative;
}

.lp-contents {
   width:100%;   
   padding-top: 70px;
}


/* header */
#lp-header {
   width: 100%;
   }

   #lp-header .inner-head {
      width:100%;
      height: 70px;
      background: rgba(0,0,0,0.2);
      position:fixed;
      z-index:200;
   }
    #lp-header .inner-head h1 { 
         position:absolute;
         top: 12px; left:0;

}
    #lp-header .inner-head h1 a {
         display:block;
         width:250px;
         height: 0;
         padding-top:47px;
         overflow:hidden;
         background:url(./images/logo_250.png) no-repeat;
    }


    #lp-header #lp-to-contact {
        position:absolute;
        color:#fff;    
        left: 360px;
        top: 16px;
        font-size: 13px;
        height: 38px;
        line-height: 38px;
        letter-spacing:1px;
        padding: 0 20px;
        border:solid 1px #fff;;
        background: rgba(255,255,255,0.2);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
 }
    #lp-header .lp-tel {
         width:360px;
         position:absolute;
         top: 16px;  right: 0;
    }
        #lp-header .lp-tel p { color:#fff; }

    #lp-header .lp-tel .lp-tel-text { 
         background:url(./images/lp/back03.png) no-repeat;
         font-size:12px;
         width:80px;
         height:38px;
         padding:2px 0 0 10px;
         float:left;
    }

    #lp-header .lp-tel .lp-tel-num {
        font-size: 28px;
        letter-spacing:2px;
        width: 250px;
        float: right;
        margin-top: -9px;
     }
    #lp-header .lp-tel .lp-tel-time {
        font-size: 13px;
        display:block;
        margin-top:-10px;
     }
    #lp-header .inner-contents {
         width:100%;
         position:relative;
         text-align:center;
    }
    #lp-header .inner-contents h1,
    #lp-header .inner-contents p {
         position:absolute;
         color:#fff;
         width:100%;
        z-index:20;
    }
    #lp-header .inner-contents h1 {
         position:absolute;
         font-size:40px;
         top:40%;
     }
    #lp-header .inner-contents p { 
       top:50%;
       font-size:16px;
       letter-spacing:3px;
    }
#top-overlay {
   position:absolute;
   top:0;left:0;
   background:url(./images/lp/back.png);
   width:100%;
   height:100%;
   z-index:100;
}

#lp-header-movie {
         width: 100%;
        height: 100%;
 }


/* container */
#container .to-contact {
   margin: 50px auto;
   width:330px;
   height:65px;
   line-height: 65px;
   text-align:center;
   font-size:16px;
   color:#fff;
   cursor:pointer;
   background:#FF3388;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}






#main-nav-area { 
     position:fixed;
     width:100%;
     height:50px;
     background: #00AAEE;
     left:0; bottom:0;
     z-index:300;
}
   #main-nav-area li {
       float:left;
       color:#fff;
       font-size:16px;
       padding-right:10px;
       height:50px;
       line-height:50px;
       cursor:pointer;
       -webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
   }
   #main-nav-area li:before {
       content: '/';
       margin-right:15px;
   }
    #main-nav-area li:first-child:before {
       content: '';
   }
   #main-nav-area li:hover { 
         color:#222;
   }

#container h2 { 
   text-align:center;
   color: #00AAEE;
   font-size:40px;
}
   #container .sub-title { 
           font-size:16px;
           text-align:center;
           margin-bottom:70px;
   }



/* works */
#lp-works {
   width:100%;
}
#lp-works .lp-inner-wrap {
   width:100%;
   margin:auto;
   background: #eee;
   padding:50px 0;
}
#lp-works ul {
  width: 975px;
  overflow: hidden;
  margin-left: -25px;
}
#lp-works ul li {
  margin:0 0 25px 25px;
  position:relative;
  width:300px;
  height:280px;
  padding-bottom:10px;
  background:#fff;
  float:left;
  cursor:pointer;
  
 /*opacity:0;*/
}
#lp-works li h3 { margin-top:10px; }
#lp-works li h3,
#lp-works li p { font-size: 11px; padding: 0 10px}

#lp-works li .lp-arrow {
   position:absolute;
   top:0; left:0;
   width:290px;
   height:190px;
   display:block;
   opacity:0;
   z-index:10;
   border:solid 5px #00aaee;
   background:url(./images/lp/arrow_2.png) center no-repeat;
-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#lp-works li:hover .lp-arrow  {
   opacity:1;
}

#lp-works li .movie-title {}
#lp-works li .movie-value {}
#lp-works li .lp-url { display:none;}


#lp-overlay {
   background: rgba(0,0,0,0.8);
   width:100%;
   height:100%;
   position:fixed;
   top:0;let:0;
   z-index:300;
   display:none;
}

#lp-overlay div {
   width:600px;
   margin:200px auto 0;
   position:relative;
}
#lp-close {
   position:absolute;
   right:0; 
   top: -50px;
   color:#fff;
   font-size: 32px;
   cursor:pointer;
}

.hover-false {
   cursor:default !important;
}




/* whyef */
#lp-whyef ul {
  width: 1000px;
  height:350px;
  padding-top:50px;
  margin: 0 0 0 -50px;
  overflow: hidden;
}
#lp-whyef li {
  width: 200px;
  float: left;
  margin: 350px 0 0 50px;
  opacity:0;
  text-align: center;
}
#lp-whyef li .circle {
  width:190px;
  height:190px;
  border:solid 5px #00AAEE;
    -moz-border-radius: 100px;
   -webkit-border-radius: 100px;
   border-radius: 100px;
}

#whyef_1 { background: url(./images/lp/icon01.png) center no-repeat; }
#whyef_2 { background: url(./images/lp/icon02.png) center no-repeat; }
#whyef_3 { background: url(./images/lp/icon03.png) center no-repeat; }
#whyef_4 { background: url(./images/lp/icon04.png) center no-repeat; }

#lp-whyef li h3 { 
   font-size:20px;
   padding-top: 10px;
   color:#00AAEE;
}

#lp-whyef li p { font-size: 14px; }


#movie-image {
   text-align:center;
   margin:100px auto 50px;
}


/* customer satisfaction */
#lp-cs ul {
   margin-top: 100px;
}

#lp-cs li {
   width:100%;
   height:330px;
}
#lp-cs li h3 { 
   font-size: 24px;
   padding-top:100px;
   margin-bottom:20px;
   color:#fff;
   display:none;
}
#lp-cs li p {
  font-size:14px;
  line-hegiht:1.3;
  color:#fff;
   display:none;
}

#lp-cs li .lp-inner { height:330px; }

#cs_1 { background: #009ED2; }
#cs_2 { background: #50B9DC; }
#cs_3 { background: #37B7B2; }

#cs_1 .lp-inner { background: url(./images/lp/lp-point01.png) no-repeat right bottom; }
#cs_2 .lp-inner {
    width: 430px;
    padding-left: 520px;
    background: url(./images/lp/lp-point02.png) no-repeat left bottom;
}
#cs_3 .lp-inner { background: url(./images/lp/lp-point03.png) no-repeat right bottom; }

#lp-cs .cation { font-size: 13px; }



/* price */
#lp-price table {
   width:950px;
   margin:auto;
   border:solid 3px #00AAEE;
   table-layout:fixed;
}

#lp-price table th {
   font-size: 18px;
   padding:20px 0;
   color:#00AAEE;
   border-bottom:solid 1px #00AAEE; 
}
#lp-price table td {
   font-size: 18px;
   font-weight: normal;
   padding:20px 0;
   height:auto;
   text-align:center;
   color:#222;
   border-bottom:solid 1px #00AAEE; 
}
#lp-price table .back_1 {
    width:340px;
    padding:0 10px;
    vertical-align:middle;
    background: url(./images/lp/back01.png);
} 
#lp-price table .back_2 { 
    background: url(./images/lp/back02.png);
} 

#lp-price .cation {
  padding: 0 2%;
  font-size: 12px;
}


/* voice */
#lp-voice .lp-inner-wrap { background:#eee; }

#lp-voice ul{
   padding:50px 0 0;
   overflow:hidden;
}
#lp-voice li { 
   overflow:hidden;
   margin-bottom: 50px;
}

#lp-voice .fl {
   width: 300px;
   background: #fff;
   padding:0 2px;
   height:250px;
}

#lp-voice .fl h3 { margin-top:5px; }
#lp-voice .fl h3,
#lp-voice .fl p { font-size: 13px; padding:0 5px; }

#lp-voice .fr {
   width:500px;
   padding:30px 50px;
   height:190px;
   position:relative;
   background:#fff;
}
#lp-voice .fr:after {
   content: url(images/lp/fuki.png);
   position:absolute;
   top:50%;
   left:-30px;
   margin-top: -15px;
}
#lp-voice .fr h3 { font-size:13px; font-weight:normal; }
#lp-voice .fr h4 { font-size:16px; }
#lp-voice .fr p { margin-top:20px; font-size:13px; line-height:1.5; }

#lp-voice .fr h3,
#lp-voice .fr h4,
#lp-voice .fr p { /*display:none;*/ }



/* contact */
#lp-contact .lp-inner {
   width: 750px;
}
#lp-contact h3 {
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  text-indent:10px;
  margin-bottom:30px;
  color:#222;
  background:url(./images/lp/back01.png);
}

.lp-contact-info {
  position:relative;
  height: 70px;
  line-height:70px;
  border: solid 3px #ccc;
  margin-bottom: 30px;
}

.lp-contact-info p { position:absolute; font-weight:bold; }

#info_1 { font-size: 16px; left:40px; }
#info_2 {
    font-size:28px;
    left:280px; top: 3px; 
    color:#00aaee;
    padding-left: 40px;
    background: url(./images/lp/icon_tel.png) left 10px no-repeat;
}
#info_3 { 
    font-size:13px;
    right:40px;
    top: 20px;
    color:#00aaee;
    line-height:1.3;
}

#lp-contact table {
  width: 750px;
  margin: auto;
}
#lp-contact table th {
   width:150px;
   vertical-align:middle;
}
#lp-contact table tr:last-child th {
   vertical-align: top;
}

#lp-contact table th,
#lp-contact table td { 
   font-size:14px;
   text-align:left;
   padding:20px 0;
}

#lp-contact input,
#lp-contact table textarea {width:100%;  resize:none; }

#lp-contact input,
#lp-contact select { height:30px; }

#lp-send {
   display:block;
   font-family: "hiragino_kaku_w6";
   letter-spacing:1px;
   width:300px;
   margin:50px 225px !important;
   background: #00aaee !important;
   border:none;
}

.c-cation { color: #FF3388; text-indent:10px; }

.wpcf7-mail-sent-ok {
   background: rgba(0,0,0,0.8);
   width:100%;
   padding:20px 0;
   text-align:center;
   position:fixed;
   top:45%;
   left:0;
   color:#fff;
}

/* footer */
#lp-footer {
  padding: 20px 0 50px;
  width: 100%;
  background:#eee;
}
#footer-logo {
   width: 250px;
   height:47px;
   overflow:hidden;
   margin:20px 0;
}

#footer-logo img {
 
}

#lp-footer h2,
#lp-footer address,
#lp-footer p {
   font-size: 13px;
   font-style:normal;
   font-weight:normal;
   color:#222;
}

#lp-footer .lp-url a { color:#FE6816 !important;  }

#copyright { text-align:right; }