@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;
 text-align:center;
}

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

strong{
 font-weight:normal;
}

ul, ol {
 list-style: none;
}
/*img {
 max-width : 100%;
 height:auto;
 vertical-align:bottom;
}
*/
a {margin:0px;}
p {padding:0 0 15px 0; color:#444;}

.pc-none {display:none;}

body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 margin:0;
 padding:0;
 color:#333333;
 text-align:center;
}

#wrap {
 position:relative;
 width:100%;
 margin:0 auto;
 padding:0;
}

img {
 border:none;
}

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

a:hover { color: #e4347a;}

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

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

.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }

/* ============================================================== */
/*title*/
/* ============================================================== */

h2 {
 font-weight: bold;
 font-size: 18pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h2 span{
 font-weight: bold;
 font-size: 9pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 font-family: arial;
}

h2.h2-left {
 font-weight: normal;
 font-size: 28pt;
 margin-bottom:30px;
 padding: 10pt 0 0 0;
 text-align: left;
 position: relative;
 letter-spacing:2px;
 font-family: arial;
 vertical-align:bottom;
}
h2.h2-left span{
 font-weight: normal;
 font-size: 12pt;
 margin-left:20px;
 padding:0 0 0 20px;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:1px;
 border-left:1px solid #ccc;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

h2.bt-line {
 font-weight: normal;
 font-size: 24pt;
 margin-bottom:30px;
 padding: 10pt 0 20pt 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 font-family: arial;
 vertical-align:bottom;
 border-bottom:5px double #fedfea;
}

h3 {
  font-weight: normal;
  font-size: 22pt;
  padding: 10pt 0 20pt 0;
  position: relative;
  text-align:center;
  color:#eb5d97;
  line-height:180%;
  /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
h3 span{
  font-weight: normal;
  font-size: 20pt;
  text-align:center;
  color:#666;
  /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


h3.title {
  clear:both;
  position: relative;
  display: block;
  margin:0 auto;
  margin-top:50px;
  margin-bottom:30px;
  padding: 0 65px;
  color:#eb5d97;
  text-align:center !important;
  /*font-family: "ＭＳ Ｐ明朝";*/
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 20pt;
}
h3.title:before, h3.title:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  margin:0 auto;
  width: 42px;
  height: 1px;
  background-color: #eb5d97;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  text-align:center !important;
}

h3.title:before {
  /*left:0;*/
  margin-left:-90px;
}
h3.title:after {
  /*right: 0;*/ 
  margin-left:50px;
}

h3.title02 {
  color: #ea5d96;/*文字色*/
  margin-top:50px;
  margin-bottom:10px;
  padding: 0.3em 0;/*上下の余白*/
  font-size:160%;
  text-align:left;
  border-top: solid 1px #ea5d96;/*上線*/
}


/* ============================================================== */
/*list*/
/* ============================================================== */

.base-list{
 margin:10px 0 20px 0;
}
.base-list li{
 margin-top:6px;
 padding:10px  0 15px 32px;
 background:url(../images/check_red.jpg) 0 7px no-repeat;
}




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

header { width:100%; margin:0 auto; text-align:left; position: relarive; background:#fff; }
header:after { content: ''; display: block; clear: both;}
header div { width: 1000px; margin: 0px auto; position: relative;}
header #logo { width:303px; margin-top:22px; margin-bottom:16px;padding-bottom:0;float:left;}
header #logo img { position: relative;}
header #head-contact{ width:432px; margin-top:16px; margin-right:0; margin-bottom:0;float:right;}
header #head-contact-sp{ display:none;}


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

.spnaviOpen{
  display:none;
}
ul.drop-menu{
  display:none;
}


/* ============================================================== */
/*main img*/
/* ============================================================== */

.main-contents {
 position: relative;
 overflow: hidden;
 display:block;
 width:1230px;
 height:520px;
 margin:0 auto;
 margin-left:auto;
 margin-right:auto;
 margin-top:0;
 margin-bottom:0;
 margin-left:-615px;
 left:50%;
}

.main-image {
 margin-bottom:0;
}


/*
.main-contents {
 display: block;
 position:relative;
 margin: 0 auto;
 max-width: 1434px;
}

.main-image {
 margin: 0 auto;
 text-align:center;
 max-width: 1434px;
 overflow-x: visible;
}
*/

.main-contents-sp{display:none;}

.main-contents02 {
 display: block;
 position:relative;
 z-index: -1;
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
}
.main-image02 {
 margin: 0 auto;
 padding-top:90px;
 text-align:center;
 max-width: 1200px;
 overflow-x: visible;
}



/* ============================================================== */
/*main*/
/* ============================================================== */

div#wrap section {
  /*margin-top: 700px;*/
  background-color: #fff;
  position: relative;
  z-index: 2;
}


p{
 margin:0;
 padding:0 0 15px 0;
 font-size:100%;
 line-height:180%;
}

/* ============================================================== */
/*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:left;
 margin-right:50px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:50px;
}

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

.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:904px; margin:0 auto; padding:60px 0; }

.box-ttl-drone{ width:100%; margin:0 auto; padding:0; overflow:hidden;background:#222;}
.box-ttl-drone-in{ width:914px; margin:0 auto; padding:60px 0; }

.box-drone-in{ width:980px; margin:0 auto; padding:60px 0; }
.box-drone-in:after{  content: ''; display: block; clear: both; }
.box-drone-in li{width:310px; float:left; margin-right:20px;}
.box-drone-in li:last-child{width:310px; float:left; margin-right:0;}

.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-case{ width:100%; margin:0 auto; padding:0; overflow:hidden; background:url(../images/case_bg.jpg) repeat;}
.box-case ul{ width:1010px; margin:0 auto; padding:60px 0; overflow:hidden;}
.box-case li{ width:481px; margin-right:40px;float:left;}
.box-case li:last-child{ width:481px; margin-right:0;float:left;}


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

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

.box-est{width:1000px; margin:0 auto; }
.box-est:after{ content: ''; display: block; clear: both;}
.box-est-left{width:480px; margin-right:10px;float:left; }
.box-est-right{width:480px; margin-right:0;float:right; }

.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:65%;
 margin:0; 
 padding:24px 0 21px 24px; 
 font-size:120%;
 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 20px;
 font-size:120%;
 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:910px; margin:0 auto; margin-top:30px;}
#foot:after{ content: ''; display: block; clear: both;}
.company-name{width:150px;margin-top:14px;margin-right:50px;text-align:left;float:left;}
.address{width:430px;margin-top:15px;margin-right:40px;font-size:13px;text-align:left;float:left;}
.btm-tel{width:220px;margin-top:15px;margin-right:0;font-size:13px;text-align:left;float:left;}

#copyright{margin-top:20px;padding-top:15px;border-top:1px solid #ccc;}
#copyright p{font-size:11px;text-align:center;}