@charset "utf-8";

/*//////////// 基本サイズ16px  ////////////
10px 	63%					26px 	163%
11px 	69%					27px 	169%
12px 	75%					28px 	175%
13px 	82%					29px 	182%
14px 	88%					30px 	194%
15px 	94%					31px 	200%
16px 	100%				32px 	207%
17px 	107%				33px 	213%
18px 	113%				34px 	219%
19px 	119%				35px 	225%
20px 	125%				36px 	232%
21px 	132%				37px 	238%
22px 	138%				38px 	244%
23px 	144%				39px 	250%
24px 	150%				40px 	257%
25px 	157%
//////////////////////////////*/


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


/*
游ゴシック体 Light						font-weight: 200;
游ゴシック体 Regular/Medium		font-weight: normal;
游ゴシック体 Bold							font-weight: bold;
游明朝体 Light								font-weight: 200;
游明朝体 Regular/Medium				font-weight: normal;
游明朝体 Demibold							font-weight: bold;
*/

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

.minfont{font-family:"游明朝 Medium", "Yu Mincho Medium", "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

/*
.minfont{font-family:'Noto Serif JP', serif;font-weight:300;}
.minfont500{font-family:'Noto Serif JP', serif;font-weight:500;}
*/


/*Google Fonts をWeb Font Loadeスクリプトで非同期で読み込む--M PLUS Rounded 1cの、Medium 500、Bold 700、Black 900*/
/*font-family:'Noto Serif JP', serif;font-weight:500;*/
/*font-family:'Noto Serif JP', serif;font-weight:300;*/
/*font-family:'M PLUS Rounded 1c';font-weight:500;*/
/*font-family:'M PLUS Rounded 1c';font-weight:700;*/
/*font-family:'M PLUS Rounded 1c';font-weight:900;*/

a         {color: #0099ff;text-decoration:none;transition: 0.6s;}/*hover ゆっくり変わる*/
a:link    {color: #0099ff;text-decoration:none;}
a:visited {color: #5C93AD;text-decoration:none;}
a:active  {color: #0099ff;text-decoration: underline;}
a:hover   {color: #f80358;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.6;-webkit-transition: 0.3s ease-in-out;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(../images/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;}



/*----トップローディング ---------------------*/
#loader {position: fixed;z-index:900;top: 0;text-align: center;width: 100%;height: 100%;background:#ffe4d9;}
#load-text {position: absolute;font-size:11px;color:#704a1d;text-align: center;width: 100%;top:40%;padding-top:180px;display: block;
						background:url(../js/loading.png) no-repeat center center,url(../js/loading.svg) no-repeat center top;}
/*横に伸びるバー
#bar {width: 100%;height: 1px;font-size: 2px;position: absolute;top: 50%;}
#bar span {display: block;width: 0px;height: 1px;background: #c3bbb5;}*/



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


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


/*全ページ共通のテーブル構造　-------------------*/
#wrapper{position: relative;z-index:1;width:100%;background:#fff;font-size:108%;/*overflow: hidden;*/}
.container{position: relative;width:1250px;margin:0 auto;padding:0;font-size:108%;line-height:1.9;}



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

/*スマホ時のheader内*/
.sp-header-inner{display:none;}



/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のheader
///////////////////////////////////////////////////////////////////////////////*/
#header{position:relative;top: 0;z-index:50;width:100%;text-align: center;background:url(../img/index_head.png) no-repeat center top 113px;height:871px;}

.rogo-box{position: absolute;top:12px;margin:0 auto;right:0;left:0;text-align:center;width:460px;}
.rogo-box .rogo{position:relative;margin-top: -28px;}
.rogo-box .rogomark img{width:200px;height:auto;}
.rogo-box .rogo img{width:100%;height:auto;}

.zip-left{position: absolute;top:5px;line-height: 1.4;text-align: left;}
.zip-left-zip{font-size: 97%;}
.zip-left-zip span{display:block;}
.tel-toi{margin-top: 4px;}
.tel-toi a{background:url(../img/tel_toi.png) no-repeat 0 center;background-size:85px;padding-left:90px;text-decoration:none;color:#000;line-height:1.2;font-size:138%;}
.tel-toi a:hover{text-decoration:underline;color:#f80358;}


.yoyaku-right{position: absolute;right:0;top:12px;line-height: 1.4;text-align: left;}
.btn-yoyaku{}
.btn-yoyaku a{background:#f878b5 url(../img/arrow_white9-13.png) no-repeat left 20px center;text-decoration:none;color:#fff;line-height:46px;height:44px;font-size: 122%;font-weight:bold;text-align:center;border-radius:1em;display: block;letter-spacing: 0.1em;}
.btn-yoyaku a:hover{background:#f80358 url(../img/arrow_white9-13.png) no-repeat left 25px center;padding-left:7px;}
.tel-yoyaku{margin-top: 7px;}
.tel-yoyaku a{background:url(../img/tel_yoyaku.png) no-repeat 0 center;background-size:85px;padding-left:90px;text-decoration:none;color:#000;line-height:1.2;font-size:138%;}
.tel-yoyaku a:hover{text-decoration:underline;color:#f80358;}

.index-bigimg-text-pc{display:inline-block;}
.index-bigimg-text-sp{display:none;}



/*index上部の切り替わる背景画像-----------------------*/
#headerimgs{position: absolute;right: 0;left: 0;top: 447px;}
.sp-slides-container .sp-mask{border-radius: 100px;overflow: hidden;border: 10px solid #fff;}
#headerimgs img{max-width:100%;}

.sp-buttons {position: absolute;padding-top: 0;bottom: -35px;z-index: 46;}
.sp-button {border: none;background-color: #ddbacc;width: 13px;height: 13px;}
.sp-selected-button {background-color:#f878b4;}

/*左右の矢印ボタン*/
.sp-arrow { width: 50px; height:94px; }
.sp-vertical .sp-arrow { -webkit-transform: none; -ms-transform: none; transform: none; }
.sp-horizontal .sp-arrows {margin-top: -44px;left: 0;}
.sp-horizontal .sp-previous-arrow{background: #f878b5 url(../img/index_bx_arrow_left.png) no-repeat center center;border-radius: 50%;left: -20px;transition: 0.6s;}
.sp-horizontal .sp-next-arrow {background: #f878b5 url(../img/index_bx_arrow_left.png) no-repeat center center;border-radius: 50%;right: -20px;transition: 0.6s;}
.sp-horizontal .sp-previous-arrow:hover{background-color:#eb0052;left: -23px;}
.sp-horizontal .sp-next-arrow:hover{background-color:#eb0052;right: -23px;}
.sp-previous-arrow:before, .sp-previous-arrow:after, .sp-next-arrow:before, .sp-next-arrow:after { content: inherit;}


ul.headerimgs-text{position: absolute;margin:0 auto;right:0;left:0;top:35%;z-index: 45;text-align: center;}
ul.headerimgs-text li{}

.index-head-child-left{max-width:1470px;margin: 0 auto;position: absolute;width: 100%;right: 0;left: 0;text-align: left;top: 340px;}
.index-head-child-left p{position:absolute;}

.index-head-child-right{max-width:1470px;margin: 0 auto;position: absolute;width: 100%;right: 0;left: 0;text-align: right;top: 340px;overflow: hidden;height: 330px;}
.index-head-child-right p{position:absolute;right: 0;}

.index-head-child-left p.child-left1,
.index-head-child-right p.child-right1{animation: childcircle1 20s linear infinite;}
@keyframes childcircle1 {
  100%  {transform: rotate(360deg);}
  0%  {transform: rotate(0);}
}

.index-head-child-left p.child-left2,
.index-head-child-right p.child-right2{animation: childcircle2 20s linear infinite;}
@keyframes childcircle2 {
  0%  {transform: rotate(360deg);}
  100%  {transform: rotate(0);}
}




/* ==================== 全ページ共通の横メニュー ==================== */
/* ===== wp_nav_menuは使わず、wp_list_pagesで作った ======= */
.yokomenu-bg{width:1150px;position:absolute;z-index: 10;margin: 0 auto;right: 0;left: 0;top: 103px;}
.menu-yokomenu-container{}


ul#yoko-menu {list-style-type: none;padding: 0;width:100%;text-align:center;}

ul#yoko-menu li{position:relative;display:inline-block;margin: 0 3% 0 0;padding: 0;transition: 0.6s;}
ul#yoko-menu li:last-child{margin:0;}
ul#yoko-menu li a{position:relative;width:114px;height:114px;border-radius:50%;text-indent:-8989px;display:block;overflow:hidden;}

ul#yoko-menu li.yokomenu1 a{background:#fff url(../img/yokomenu1.png) no-repeat;}
ul#yoko-menu li.yokomenu2 a{background:#fff url(../img/yokomenu2.png) no-repeat;}
ul#yoko-menu li.yokomenu3 a{background:#fff url(../img/yokomenu3.png) no-repeat;}
ul#yoko-menu li.yokomenu4 a{background:#fff url(../img/yokomenu4.png) no-repeat;}
ul#yoko-menu li.yokomenu5 a{background:#fff url(../img/yokomenu5.png) no-repeat;}
ul#yoko-menu li.yokomenu6 a{background:#fff url(../img/yokomenu6.png) no-repeat;}
ul#yoko-menu li.yokomenu7 a{background:#fff url(../img/yokomenu7.png) no-repeat;}

ul#yoko-menu li:after{position: absolute;z-index:-1;content: "";top:0;width:114px;height:114px;border-radius:50%;box-shadow:0 9px 0 0 #ffb9aa,4px 9px 0 4px #ffb9aa,-4px 9px 0 4px #ffb9aa;left: 0;}

ul#yoko-menu li.yokomenu1 {}
ul#yoko-menu li.yokomenu2 {top:13px;}
ul#yoko-menu li.yokomenu3 {top:38px;}
ul#yoko-menu li.yokomenu4 {top:47px;}
ul#yoko-menu li.yokomenu5 {top:38px;}
ul#yoko-menu li.yokomenu6 {top:13px;}
ul#yoko-menu li.yokomenu7 {}


ul#yoko-menu li:hover a{background-color:#fff9cc;}

ul#yoko-menu li.yokomenu1:hover {top:-3px;}
ul#yoko-menu li.yokomenu2:hover {top:10px;}
ul#yoko-menu li.yokomenu3:hover {top:35px;}
ul#yoko-menu li.yokomenu4:hover {top:44px;}
ul#yoko-menu li.yokomenu5:hover {top:35px;}
ul#yoko-menu li.yokomenu6:hover {top:10px;}
ul#yoko-menu li.yokomenu7:hover {top:-3px;}



/*カレント表示用----------------*/
body#company ul#yoko-menu li.yokomenu2 > a,			/*会社案内*/
body#business ul#yoko-menu li.yokomenu3 > a,			/*業務案内*/
body#sekou ul#yoko-menu li.yokomenu4 > a,		/*施工事例*/
body#recruit ul#yoko-menu li.yokomenu5 > a,				/*求人情報*/
body#toiawase ul#yoko-menu li.yokomenu6 > a{color:#fff;background-color:#18345c !important;}	/*お問合せ*/






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





/*///////////////////////////////////////////////////////////////////////////////
 全ページ共通のフッター
///////////////////////////////////////////////////////////////////////////////*/
#footer{width:100%;background-color:#77d7ff;position:relative;margin-top:150px;z-index: 1;}
#footer:after{position: absolute;top:-10px;width: 100%;height:10px;content: '';background: url(../img/footer_nami.png) repeat-x center top;}
#footer:before{position: absolute;top:-170px;width: 100%;height:170px;content: '';background: url(../img/footer_circle.png) no-repeat center top;}

.footer-wrap{position: relative;top: -70px;z-index: 2;}
.footer-wrap .rogo-box{position: relative;top: 0;margin: 0 0 0 65px;width: 380px;}
.footer-wrap .rogo-box .rogo {margin-top: -25px;}
		
.footer-left{float:left;width:41%;margin-bottom: -30px;}
.footer-right{float:right;width:53%;margin-bottom: -30px;}


.footer-left table.access-zip-table{margin:20px 0 0 0;background:url(../img/dotline_white.png) repeat-x 0 top;}
.footer-left table.access-zip-table th{background:url(../img/dotline_white.png) repeat-x 0 bottom;padding: 14px 0 15px 0;}
.footer-left table.access-zip-table td{background:url(../img/dotline_white.png) repeat-x 0 bottom;padding: 14px 5px 15px 5px;}
.foot-chuui{font-size:86%;line-height:1.2;margin-top:7px;}

.footer-left .btn-yoyaku{width:315px;margin: 20px auto 0 auto;position: relative;}
.footer-left .btn-yoyaku a{height: 57px;border-radius: 2em;line-height: 57px;background: #f878b5 url(../img/arrow_white9-13.png) no-repeat left 25px center;}
.footer-left .btn-yoyaku a:hover{background:#f80358 url(../img/arrow_white9-13.png) no-repeat left 30px center;padding-left:7px;}



.footermenu{}
.footermenu ul#yoko-menu{}
.footermenu ul#yoko-menu li{margin: 0 4% 0 0;}
.footermenu ul#yoko-menu li a{width:92px;height:92px;background-size: contain;}

.footermenu ul#yoko-menu li:after{width:92px;height:92px;box-shadow:0 8px 0 0 #43b4e4,4px 8px 0 4px #43b4e4,-4px 8px 0 4px #43b4e4;}

.footermenu ul#yoko-menu li.yokomenu1,
.footermenu ul#yoko-menu li.yokomenu2,
.footermenu ul#yoko-menu li.yokomenu3,
.footermenu ul#yoko-menu li.yokomenu4,
.footermenu ul#yoko-menu li.yokomenu5{top:0;}

.footermenu ul#yoko-menu li.yokomenu1:hover,
.footermenu ul#yoko-menu li.yokomenu2:hover,
.footermenu ul#yoko-menu li.yokomenu3:hover,
.footermenu ul#yoko-menu li.yokomenu4:hover,
.footermenu ul#yoko-menu li.yokomenu5:hover{top:-3px;}


.footer-hanashi{margin-top:35px;text-align:center;}
.btn-daiji	{position:relative;display:inline-block;margin-right:70px;}
.btn-naisho	{position:relative;display:inline-block;}

.footer-hanashi a{}
.footer-hanashi a:hover{}

.footer-hanashi a .mark{position:absolute;border-radius: 50%;top: -10px;left: -48px;}
.footer-hanashi .btn-daiji a .mark{background-color:#ff8484;}
.footer-hanashi .btn-naisho a .mark{background-color:#86d048;}

.footer-hanashi a .mark img{width:87px;height:auto;}
.footer-hanashi a:hover .mark{}

.footer-hanashi a .text{border-radius: 7px;display: table-cell;height: 67px;vertical-align: middle;width: 200px;padding-left: 12px;}
.footer-hanashi .btn-daiji a .text{border: 2px solid #ff8484;background: #fff4f4 url(../img/arrow_red27-45.png) no-repeat right 10px center;background-size: 13px;}
.footer-hanashi .btn-naisho a .text{border: 2px solid #86d048;background: #edf8e4 url(../img/arrow_green27-45.png) no-repeat right 10px center;background-size: 13px;}

.footer-hanashi a .text img{width:122px;height:auto;}
.footer-hanashi a:hover .text{}

#footer .copyright{font-size:72%;text-align:center;margin-top:45px;line-height:1;color: #555;}



/*印刷しない--------------------*/
@media print {
#pagetop,
#pagetop a{display:none;}
#header{position: absolute;}
#hero{height:900px !important;}
}