@charset "utf-8";

@import 'reset.css';
@import 'lib.css';


html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

#wrap{
  overflow: hidden;
}

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

strong{
 font-weight:normal;
}
/*span {color:#ff8695;font-weight:bold;} */

ul, ol {
 list-style: none;
}

img {
 width :100%;
 height:auto;
 vertical-align:bottom;
}

a {margin:0px;}
p {padding:0 0 15px 0; text-align:left;font-size:110%;line-height:180%;}

.f120{font-size:120%;}
.f150{font-size:150%;}
.f180{font-size:180%;}

.center{text-align:center;}

h1{margin:0px; text-decoration:none;}

body {
 background-repeat:repeat;
 font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 font-size: 14px;
 line-height: 1.6;
 color:#666666;
}

a:hover { color:#e4347a }

.text-left{text-align:left;}

.f125{ font-size:125%; }
.comment{ font-size:80%;}
.bold { font-weight:bold; }
.brown { color:#663300; }
.red { color:#ff0000; }
.og { margin-bottom:0; padding-bottom:0; color:#ff6600; font-size:150%;}
.komemark { color:#ff0000; }
.text-center { text-align:center; }
.text-right{text-align:right;}

.sp-none{ display:none; }

.img-center{
 display:block;
 margin-left:auto;
 margin-right:auto;
}

.img-resize {
  width:92%;
  height: auto;
}

.link{ padding:0 0 0 20px; font-size:90%; background:url(../images/arrow_link.png) 0 4px no-repeat; }
.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }



div#content {
  padding-top: 30pt;
  padding-bottom: 20pt;
}


/* ============================================================== */
/*header*/
/* ============================================================== */

header {
  width: 100%;
  margin:0;
  padding:0;
  /*position: absolute;*/
  position: fixed;
  z-index:1;
  background:#fff;
}
header:after {
 content: '';
 display: block;
 clear: both;
}

header div {
  width: 100%;
  margin: 0px auto;
  position: relative;
}

header #logo {
 width:68%;
 height:auto;
 margin-left:10px;
 padding-top:5px;
 padding-bottom:8px;
 float:left;
}
header ul#header-menu {
 display:none;
}
header #head-contact {
 display:none;
}
header #head-contact-sp {
 position:absolute;top:0; right:0;width:62px;height:auto;
}

/* ============================================================== */
/*navi*/
/* ============================================================== */

.gnavi {
 display:none;
}

.spnaviOpen {
 display:block;
 position:absolute;
 top:0px;
 right:0px;
 width:60px;
 height:60px;
 background: url(../images/btn_spmenu_bg.png) center top no-repeat;
 background-size: 60px 60px;
 text-indent:-9999px;
}
.spnavi ul.drop-menu {
 display:none;
 position:absolute;
 top:60px;
 left:0px;
 width:100%;
 z-index:1000;
}
.spnavi ul.drop-menu li {
 max-width:100%;
}
.spnavi ul.drop-menu li a{
 display: block;
 /*width:100%; */
 height:45px;
 background: url(../images/bg_gnavi01.gif) left top no-repeat;
 background-size: 100% 45px;
 text-align:left;
 text-decoration:none;
 color:#333;
}
.spnavi ul.drop-menu li span{
 display: block;
 padding:12px 15px 20px 15px;
 font-size:13px;
 font-weight:bold;
}
.spnavi ul.drop-menu li a:hover{
 color:#ff9600;
 text-decoration:none;
}
.spnavi ul.drop-menu li.navi08 a{
 background-image: url(../images/bg_gnavi02.gif);
}

/* ============================================================== */
/*home*/
/* ============================================================== */

.main-contents {display:none;}

.main-contents-sp {
 display: block;
 margin: 0 auto;
 text-align:center;
 position: relative;
 overflow: hidden;
}

.main-image {
 height:auto;
 margin:0 auto;
 padding-top:60px;
 text-align:center;
}


/* ============================================================== */
/* box */
/* ============================================================== */

.box{ width:100%; margin:0 auto; padding:40px 0 40px 0; overflow:hidden;}
.box-contact{ width:100%; margin:0 auto; padding:0; overflow:hidden;background:#26b7f6;}
.box-contact-in{ width:90%; margin:0 auto; padding:20px 0; }

.box-ttl-drone{ width:100%; margin:0 auto; padding:0; overflow:hidden;background:#222;}
.box-ttl-drone-in{ width:90%; margin:0 auto; padding:20px 0; }
.box-drone{ 
 position: relative;
 overflow: hidden;
 display:block;
}
.box-drone-in{ width:94%; margin:0 auto; padding:20px 0 30px 0; }
.box-drone-in:after{  content: ''; display: block; clear: both; }
.box-drone-in li{width:100%; float:none; margin:0 auto; margin-bottom:30px;}
.box-drone-in li:last-child{width:100%; float:none; margin:0 auto; margin-bottom:30px;}
.box-drone-in li img{width:60%; float:none; margin:0 auto; }

.box-drone-in .d-ttl{font-size:20pt; font-weight:bold; text-align:center;color:#26b7f6;}
.box-drone{ width:100%; margin:0 auto; padding:0; overflow:hidden; background:url(../images/case_bg.jpg) repeat;}

.box-ttl-makasete{ width:100%; margin:0 auto; padding:0; overflow:hidden; background:url(../images/title_yobucrew_bg.jpg) repeat-x;}
.box-ttl-makasete-in{ width:90%; margin:0 auto; padding:0; }
/*
.box-makasete{ 
 position: relative;
 overflow: hidden;
 display:block;
 width:1430px;
 height:564px;
 margin:0 auto;
 margin-left:auto;
 margin-right:auto;
 margin-top:0;
 margin-bottom:0;
 margin-left:-715px;
 left:50%;
 background:url(../images/yobucrew_bg.jpg) center no-repeat;
}
*/
.box-makasete{ 
 position: relative;
 overflow: hidden;
 display:block;
 width:100%;
 height:auto;
 margin:0 auto;
 margin-left:auto;
 margin-right:auto;
 margin-top:0;
 margin-bottom:0;
 background:url(../images/yobucrew_sp_bg.jpg) top center;
}
.box-makasete-in{ width:94%; margin:0 auto; padding:40px 0 40px 0; }


.box-case{ width:100%; margin:0 auto; padding:0; overflow:hidden; background:url(../images/case_bg.jpg) repeat;}
.box-case ul{ width:94%; margin:0 auto; padding:30px 0; overflow:hidden;}
.box-case li{ width:100%;  margin:0 auto; margin-bottom:20px;float:none;}
.box-case li:last-child{ width:100%;  margin:0 auto; float:none;}


.box00{ max-width:100%; margin:0 auto; padding:0; overflow:hidden;}
.box-in{ width:94%; margin:0 auto; padding:30px 0; overflow:hidden;}

.ttl-est{width:100%;margin-top:20px;border-bottom:8px solid #26b7f6;}

.box-est{width:100%; margin:0 auto; }
.box-est:after{ content: ''; display: block; clear: both;}
.box-est-left{width:100%; margin:0 auto; float:none; }
.box-est-right{width:100%; margin:0 auto; float:none; }

.est-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #01479d; 
 border-left:1px solid #01479d; 
}
.est-table th{
 width:60%;
 margin:0; 
 padding:24px 0 21px 5px; 
 font-size:100%;
 font-weight:normal;
 text-align:left;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
} 
.est-table td{ 
 padding:24px 5px 21px 5px;
 font-size:100%;
 line-height:160%;
 text-align:left;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d;
 background:#fff; 
}
.est-table td.bordernone{
 border:none; 
}

#foot{width:100%; margin:0 auto; margin-top:30px;}
#foot:after{ content: ''; display: block; clear: both;}
.company-name{width:40%;margin:0 auto;text-align:center;float:none;}
.address{width:90%;margin:0 auto;margin-top:15px;padding:0;font-size:90%;float:none;}
.address p{font-size:90%;line-height:120% !important;text-align:center;}
.btm-tel{width:60%;height:auto;margin:0 auto;padding:0;font-size:90%;float:none;text-align:center;}
.btm-tel p{font-size:90%;line-height:120% !important;text-align:center;}

#copyright{margin-top:10px;padding-top:10px;border-top:1px solid #ccc;}
#copyright p{font-size:70%;text-align:center;}


/* ============================================================== */
/*float box*/
/* ============================================================== */

.float-box{
 max-width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-box span{
 font-size:24pt;
}
.float-left {
 float:none;
 margin:0 auto;
 margin-bottom:20px;
 text-align:center;
}
.float-right {
 float:none;
 margin:0 auto;
 text-align:left;
}