@charset "utf-8";

/*//////////// 基本サイズ16px  ////////////
表示サイズ　指定する値
10px　63%
11px　69%
12px　75%
13px　82%
14px　88%
15px　94%			29px　181%
16px　100%		30px　187%
17px　107%		31px　193%
18px　113%		32px　200%
19px　119%		33px　206%
20px　125%		34px　212%
21px　132%		35px　218%
22px　138%		36px　224%
23px　144%		37px　230%
24px　150%		38px　236%
25px　157%		39px　242%
26px　163%		40px　248%
27px　169%		41px　254%
28px　175%		42px　260%
//////////////////////////////*/

/*************************************************"
			default
*************************************************/
body {margin: 0px;padding: 0px;font-size:16.5px;color:#000;position: relative;height: 100%;background-color:#fff;letter-spacing:0.04em;
			text-size-adjust: none;
			-webkit-text-size-adjust: none;/*iphoneの文字サイズの自動調整解除*/
			-webkit-font-smoothing: antialiased;	/*OSXでのフォントのレンダリング方法を調整*/
			/*Macでは普通の游ゴシックが適用され、Windowsでは「 游ゴシック Medium」になる--- "游ゴシック Medium", "Yu Gothic Medium", */
			font-family: Roboto, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3" , "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
			-webkit-font-feature-settings: 'palt' 1;	/*fontの自動カーニング*/
			font-feature-settings: 'palt' 1;}}

@media all and (-ms-high-contrast:none) {
body{font-family: "メイリオ", Meiryo, sans-serif !important;}		/*IE11でline-heightがずれるための処置*/
}


/*Google Fonts をWeb Font Loadeスクリプトで非同期で読み込む
---Noto Serif JPの、light300、Regular400、Medium 500
----M PLUS 1pのExtra-bold 800
font-family:'M PLUS 1p';font-weight:800;
*/

/*Google Fonts をWeb Font Loadeスクリプトで非同期で読み込む--Open SansのExtra-bold 800*/
/*font-family:'Open Sans';font-weight:800;*/

/*'Noto+Serif+JP:400','Fira+Sans:500'*/
/*font-family:'Noto Serif JP', serif;font-weight:400か500;*/
/*font-family:'Fira Sans';font-weight:500;*/
/*
@font-face {
	font-display:swap;	フォントが利用可能となるまでの間、そのフォントが適用されているテキストには代替フォントが適用
	font-family: "centurygothic";
	src: url("../webfont/centurygothic.woff") format('woff');
}
*/




a         {color: #26B1BD;text-decoration:underline;transition: 0.8s;}/*hover ゆっくり変わる*/
a:link    {color: #26B1BD;text-decoration:underline;}
a:visited {color: #65ACB1;text-decoration:underline;}
a:active  {color: #26B1BD;text-decoration: underline;}
a:hover   {color: #FF9900;text-decoration: underline;}

h1,h2,h3,h4,h5,p,ol,ul,li,span,dl,dt,dd {margin:0;padding:0;font-weight:normal;}
	
img {border:none;margin:0;padding:0;vertical-align:middle;}
a:hover img {opacity: 0.7;transition: 0.3s ease-in-out;}

ul {margin:0px;padding:0px;list-style:none none outside;}
ol{margin:0;padding:0;}

p.clear		{clear:both;line-height:0px;display:block;}
div.clear {clear:both;}

hr{ border:none;border-top:1px solid #ccc;height:1px;}
/*hr{background:url(../img/hr_bg.png) repeat-x 0 0;height:10px;border: 0;}*/

.dotline{border-top: 1px dotted #aaa;line-height: 1px;height: 1px;}
.solidline{border-top: 1px solid #bbb;line-height: 1px;height: 1px;}

.strong{font-weight:bold;}

table{border-collapse: collapse;}


/*padding や border-width がwidth内に収まる*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}



/*clearfix--------------------*/
.cf:before,
.cf:after {content: " ";display: table;} 
.cf:after {clear: both;} 
.cf{*zoom: 1;}


/*---電話番号用---768px以上の解像度だけpointer-eventsを無効にして、PCのときはTELクリックの反応なし---*/
@media screen and (min-width: 768px) {	
	a[href^="tel:"] {pointer-events: none;}
}


/*----トップローディング ---------------------*/
/* Loading背景画面設定　*/
#splash {position: fixed;z-index:900;top: 0;text-align: center;width: 100%;height: 100%;background:#e5f5fc;}
#splash svg {position: absolute;top: 45%;height: 90px;right: 0;left: 0;margin:-45px auto 0 auto;}

/*=============== SVGアニメーション内の指定 =================*/
#mask path {
		fill-opacity: 0;/*最初は透過0で見えない状態*/
		transition: fill-opacity 0.2s;}	/*カラーがつく際のアニメーション0.5秒で変化*/
		
#mask.done path{	/*アニメーション後に.doneというクラス名がで付与された時の指定*/
	  fill-opacity: 1;/*透過1で見える状態*/
	  stroke: none;/*線の色なし*/}

/*TOPのrogoのSVGアニメ*/
.done path.path_black,
.done polygon.path_black{fill: #000;fill-opacity: 1;}
.done path.path_blue{fill: #1893D2;fill-opacity: 1;}
.done path.path_green{fill: #62B632;fill-opacity: 1;}



/* ページの各セクション-------------------*/
.section{padding:90px 0 90px 0;}
.section-end{padding:70px 0 0 0;}



/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:10;width:100%;min-width: 1300px;}
#main{overflow:hidden;}
.container {width:1200px;margin:0 auto;padding:0;line-height:1.8;}



/*ページ上部右の出てくるナビmenu---*/
#menubtn{display:none;}
#navi_sp{display:none;}


/*lozad.jsによるアニメーション------*/
.fadein-			{opacity: 0;transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-left	{opacity: 0;transform: translate3d(-300px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-right	{opacity: 0;transform: translate3d(300px, 0, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
.fadein-up		{opacity: 0;transform: translate3d(0, 100px, 0);transition: opacity 0.5s linear,transform 1s ease-out;}
/*big画像用*/
.transition-delay{transition-delay: 0.3s;}
.transition-delay2{transition-delay: 0.6s;}
.transition-delay3{transition-delay: 0.9s;}
.transition-delay4{transition-delay: 1.2s;}
*[data-loaded="true"]{opacity: 1;transform: none;}




/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
#header{position:fixed;top: 0;z-index:50;width:100%;transition: 0.5s;height: 95px;padding-top: 18px;background-color: #fff;}
/* 縮小時のheader*/
#header.smaller{height: 70px;padding-top:7px;background-color:rgba(255,255,255,0.95);border-bottom:1px solid #ddd;}
#header.smaller .header-rogo{transform: scale(0.9);}


#header-box{position: relative;}

.header-rogo{float:left;width: 300px;margin-top: 2px;transition: 0.5s;}
.header-rogo a{text-decoration:none;}
.header-rogo a:hover{opacity:0.6;}
.header-rogo a .rogomark{float:left;margin-right:5px;width: 52px;}
.header-rogo a .rogo-cap{font-size:11px;line-height:1;margin:3px 0;color:#555;white-space: nowrap;text-align: left;}
.header-rogo a .rogo{float:left;width: 235px;}


/* ==================== 全ページ共通の横メニュー ==================== */
#header-right{float:right;width:790px;}

ul#yoko-menu{width:100%;}
ul#yoko-menu li{position:relative;float:left;margin: 0;padding: 0;text-align: center;}
ul#yoko-menu li.yokomenu1{width:7.5%;}
ul#yoko-menu li.yokomenu2{width:14%;padding-left: 1%;}
ul#yoko-menu li.yokomenu3{width:24%;}
ul#yoko-menu li.yokomenu4{width:14%;}
ul#yoko-menu li.yokomenu5{width:14%;}
ul#yoko-menu li.yokomenu6{width:13%;}
ul#yoko-menu li.yokomenu7{width:13%;}


ul#yoko-menu li a{font-size:16.3px;line-height: 1;color:#008ecc;height: 58px;line-height:1;text-decoration:none;display: table-cell;vertical-align: middle;font-family:'Noto Serif JP', serif;font-weight:400;width: inherit;}
ul#yoko-menu li.yokomenu1 a{color: #009de4;font-size: 2px;background:url(../img/home.png) no-repeat center center;background-size:15px;}


ul#yoko-menu > li > a:hover{background-color: #d4eefa;color: #16b;}



/*カレント表示用----------------*/
body.home ul#yoko-menu li.yokomenu1 a{color:#fff;background:#009de4 url(../img/home_white.png) no-repeat center center;background-size:15px;}	/*ホーム*/
body.company ul#yoko-menu li.yokomenu2 a,				/*会社案内*/
body.business.survey ul#yoko-menu li.yokomenu3 a,		/*測量、UAV空撮*/
body.business.ground ul#yoko-menu li.yokomenu4 a,		/*設計・地盤調査*/
body.business.application ul#yoko-menu li.yokomenu5 a,	/*開発設計*/
body.recruit ul#yoko-menu li.yokomenu6 a,			/*採用情報*/
body.toiawase ul#yoko-menu li.yokomenu7 a{color:#fff;background-color:#009de4;}	/*お問合せ*/

/*カレント表示hover----------------*/
body.home ul#yoko-menu li.yokomenu1 a:hover,
body.company ul#yoko-menu li.yokomenu2 a:hover,
body.business.survey ul#yoko-menu li.yokomenu3 a:hover,
body.business.ground ul#yoko-menu li.yokomenu4 a:hover,
body.business.application ul#yoko-menu li.yokomenu5 a:hover,
body.recruit ul#yoko-menu li.yokomenu6 a:hover,
body.toiawase ul#yoko-menu li.yokomenu7 a:hover{color:#fff;background-color:#009de4;}




/*///////////////////////////////////////////////////////////////////////////////
 main
///////////////////////////////////////////////////////////////////////////////*/

/*色*/
.color1{color:#038fdc;}/*基本色 ブルー*/
.color-red{color:#ff0000;}
.color2{color:#cc3333;}/*注意色*/


/*動画-----------*/
/*サーバー内埋め込み*/
#index-movie-box{max-width:780px;margin:0 auto 50px auto;}
.index-movie{position: relative;width:100%;height: 0;padding-bottom:56.3%;}/*padding-bottom:56.3%;padding-bottom:48.2%;*/
.index-movie video {position: absolute;top: 0;left: 0;width: 100% !important;height: auto !important;}

/*facebook動画のiframe埋め込み*/
.video-container{position: relative;text-align: center;max-width:780px;margin:0 auto 50px auto;}



/*先方担当者がUPするyoutubeなどの動画レスポンシブ*/
.responsive-video{position:relative;width: 100%;max-width: 1000px;margin: 50px auto 60px auto;} 
.responsive-video::before {content: "";display: block;width: 100%;padding-top: 56.25%;}
.responsive-video video, 
.responsive-video iframe, 
.responsive-video object, 
.responsive-video embed { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%;}
.responsive-video .mce-preview-object{position: unset;}




/*全ページ共通のSNSボタン----------------このサイトでは未使用
#sns-box{margin-top:10px;text-align:center;}
#sns-box ul{margin:0 !important;padding:0;}
#sns-box ul li{display:inline-block;margin: 0 4px;width: 25px;height: 25px;padding:0 !important;}
#sns-box ul li a img{width:100%;height:100%;}
#sns-box ul li a:hover,
#sns-box ul li a:active{opacity:0.6;}
*/




/*全ページ共通のページ下部の上部へ戻る */
#pagetop {position:relative;width:100%;margin:0 auto;z-index:500;}
#pagetop a {position: fixed;bottom:20px;right:20px;display: block;background:url(../img/pagetop.png) no-repeat 0px top;background-size:contain;width:75px;height:75px;text-indent:-8989px;display:block;overflow:hidden;opacity:0.7;}
#pagetop a:hover {opacity:1;}



/*このボタンは、中ページ全ページで使用*/
.naka-kuwashii{text-align:center;line-height:1.1;display:table;height: 55px;margin: 25px auto 0 auto;}
.naka-kuwashii a{color: #fff;line-height:1.2;text-align: center;text-decoration: none;display:table-cell;vertical-align:middle;padding:0 10px 0 0;	background:#009de4 url(../img/arrow_white15-19.png) no-repeat right 15px center;background-size:10px;border:1px solid #009de4;position: relative;z-index: 2;min-width:260px;}
.naka-kuwashii a::before,
.naka-kuwashii a::after {position: absolute;z-index: -1;display: block;content: '';}
.naka-kuwashii,
.naka-kuwashii a::before,
.naka-kuwashii a::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.naka-kuwashii a:hover{	background-color:#174777;border-color:#174777;color:#fff;padding:0 5px 0 0;background-position:right 10px center;}
.naka-kuwashii a::before,
.naka-kuwashii a::after {top: 0;width: 50%;height: 100%;}
.naka-kuwashii a::before {right: 0;}
.naka-kuwashii a::after {left: 0;}
.naka-kuwashii a:hover::before,
.naka-kuwashii a:focus::before,
.naka-kuwashii a:hover::after,
.naka-kuwashii a:focus::after {width: 0;background-color:#009de4;}




/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;text-align:center;background-color:#f5f5f5;margin-top:30px;}

ul.footer-menu-ul{text-align: center;margin: 20px 0 0 0;border-bottom:1px solid #fff;padding-bottom: 15px;}
ul.footer-menu-ul li{margin: 0 30px 0 20px;color:#008ecc;line-height:1;display: inline-block;padding-bottom: 10px;}
ul.footer-menu-ul li a{color:#008ecc;text-decoration: none;}
ul.footer-menu-ul li a:hover{color:#65ACB1;text-decoration: underline;}

dl.footer-dl{text-align:center;margin:30px 0;}
dl.footer-dl dt{display:inline-block;vertical-align: middle;margin-right:8%;}
dl.footer-dl dd{display:inline-block;vertical-align: middle;}


dl.footer-dl dt .header-rogo{float:none;}
dl.footer-dl dt .header-rogo a .rogomark{}
dl.footer-dl dt .header-rogo a .rogo-cap{}
dl.footer-dl dt .header-rogo a .rogo{}
dl.footer-dl dt .rogo-touroku{font-size:82%;line-height:1;text-align:center;margin-top: 8px;}

.footer-zip{text-align:center;font-size: 93%;line-height: 1.6;}
.footer-zip span{}

.footer-tel-cap{font-size:79%;text-align:right;letter-spacing: 1.2em;line-height: 1;}
.footer-tel{}
.footer-tel a{background:url(../img/tel_white.png) no-repeat left center;padding-left:41px;background-size:36px;text-decoration:none;color:#fff;font-family:'M PLUS 1p';font-weight:800;font-size: 48px;letter-spacing: -0.02em;line-height: 1;}
.footer-tel a:hover{}


dl.footer-dl dd .naka-kuwashii{margin-top: 8px;height:40px;}
dl.footer-dl dd .naka-kuwashii a {min-width: 300px;}
		
.copyright{font-size:68%;line-height:1;text-align:center;padding:15px 0 20px 0;border-top:1px solid #ccc;}



/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}
.yokomenu-bg,
#header{position: absolute !important;}

.fadein-,
.fadein-left,
.fadein-right,
.fadein-up{opacity: 1;transform: none !important;}
}