@charset "utf-8";

.pc_con {display:block!important;}
.sp_con {display:none!important;}


@media screen and (min-width: 769px) {
 /*=============================
 全体
=============================*/



.m100 { margin-bottom:100px!important;}

#footer_top_inner.nowidget {
    width: 1200px;
}
.nowidget #footer_menu_widget_area {
    float: right;
    width: 700px;
}
#footer_menu {
    margin: 0;
    float: left;
    width: 700px;
    font-size: 0;
}
#footer_menu.footer_menu_num4 .footer_menu {
    margin: 0 33px 0 0;
    width: 150px;
}
#footer_menu.footer_menu_num4 .footer_menu:last-child {
    margin: 0;
}

}




#c01,
#c02,
#c03,
#c04 {
    margin-top:-120px!important;
	padding-top: 120px!important;
}

.pc #logo_image img {
width:250px!important;
}



#index_news {

    padding: 0 25px 0;

}
#index_project {

    padding: 0 25px 80px;

}

.project_cath {
position:absolute;
bottom:20px;
left: 0;
right: 0;
margin: auto;
color:#fff;
text-align:center;
font-weight:500;
z-index:1;
width:80%;
background:#07375d;
padding:10px 0;
}



.bg { background:#f5f5f5; padding:30px 20px;}
.bg2 { background:#fff; padding:40px 50px; width:100%; box-sizing:border-box;}
.inner { max-width:1200px; width:100%; margin:0 auto;}
.inner2 { width:100%; max-width:1000px; margin:0 auto 0 auto;}


 /*
 top_bn
---------------------------------------------------------------------- */
.footbn { text-align:center;}
.footbn3 {
 text-align:left;
padding:30px 20px;
height:250px;
width:30%;
margin-bottom:50px;
 box-sizing:border-box;
}
.footbn2 {
 text-align:left;
padding:30px 20px;
height:250px;
width:48%;

 box-sizing:border-box;
 margin-bottom:50px;
}
.footbn2.left { background:url(img/haikei1.jpg) 50%; background-size:cover; float:left;}
.footbn2.right { background:url(img/haikei2.jpg) 50%; background-size:cover; float:right; margin-right:0;}

.footbn3.left { background:url(img/haikei3.jpg) 50%; background-size:cover; float:left; margin-right:5%;}
.footbn3.center { background:url(img/haikei4.jpg) 50%; background-size:cover; float:left; margin-left:}
.footbn3.right { background:url(img/haikei5.jpg) 50%; background-size:cover; float:right; margin-right:0;}

.footbn a { color:#fff; text-decoration:none; font-weight:800; font-size:120%; letter-spacing:3px;}

p.top-p { line-height:1.8; text-align:center; margin:0 0 30px 0;} 
 
  /*
 footerinfo
---------------------------------------------------------------------- */
div.footinfo {
    padding: 40px 0px;
    width: 100%;
    text-align: left;
    background: #f5f5f5;
    position: relative;
}
div.footinfo p { margin:0;}
div.footinfo .linkset {
    width: 25%;
    text-align: center;
    border: #15365c solid 1px;
    box-sizing: border-box;
    position: absolute;
    top: 50px;
}
div.footinfo .linkset.tel {
    right: 32%;
}
div.footinfo .linkset.form {
    right: 50px;
}
div.footinfo .linkset i {
color:#333;
    height: 40px;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    line-height: 40px;
}
div.footinfo .linkset p {
    height: 70px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 70px;
    background: #15365c;
	margin:0px;
}
div.footinfo .ttl {
    margin-left: 50px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
}
div.footinfo .ttl span {
    display: block;
    color: #c6a144;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 5px;
}
div.footinfo .lead {
    margin-left: 50px;
    padding-top: 20px;
    font-size: 12px;
    line-height: 1.8;
}

div.footinfo a { color:#fff; text-decoration:none;}




 /*
 list
---------------------------------------------------------------------- */
ul,li {
	list-style-type: none; margin:0; padding:0; box-sizing:border-box;
}

ul.list3 { width:100%;}
ul.list3 li { float:left; width:31.3333333333%; margin:0 1% 1% 1%;}
ul.list3 li img { width:100%;}
ul.list3_off { width:100%;}
ul.list3_off li { float:left; width:31.3333333333%; margin:0 1% 1% 1%; box-sizing:border-box; text-align:center;}
ul.list3_off li img { width:100%;}
ul.list3_off li span {  font-size:80%; color:#ff0000;}

ul.list2 { width:100%;}
ul.list2 li { float:left; width:46%; margin:0 2% 2% 2%;}
ul.list2 li img { width:100%;}

ul.list4 { width:100%;}
ul.list4 li { float:left; width:23%; margin:0 1% 2% 1%;}
ul.list4 li img { width:100%;}


 /*
 ボタン
---------------------------------------------------------------------- */
.btn_d2,
.btn_d a {
    display: block;
    padding: 20px 5px 20px 5px;
    text-align: center;
    color: #fff;
    background: #12303f;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	text-align:center!important;
	color:#fff!important;
}
.btn_d_detail { width:50%; margin:0 auto;}
.btn_d2 ::before,
.btn_d a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 7px solid #fff;
}




.btn_job a {
    display: block;
    padding: 7px 5px 7px 5px;
	border:1px solid #15365c;
    text-align: center;
    color: #444;
    position: relative;
    cursor: pointer;
    text-decoration: none;
	text-align:center!important;
	width:80%;
	margin:0 10% 0 10%;
	font-size:80%;
}
.btn_job a:hover {
background:#15365c;
	color:#fff;
	text-decoration: none;
	
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	
	
}





.btn_d a:hover {
	color:#fff;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	
	
}



 /*
 画像
---------------------------------------------------------------------- */
.img_r470 { width:55%; max-width:470px; margin:0 0 0 20px; float:right;}
.img_c { width:100%; margin:0;}
.img_c432 { width:100%; max-width:432px; margin:0 auto; padding:0;}
.img_c540 { width:100%; max-width:540px; margin:0 auto; padding:0;}
.img_c393 { width:100%; max-width:393px; margin:0 auto; padding:0;}
.img_c740 { width:100%; max-width:740px; margin:0 auto; padding:0;}
.img_c730 { width:100%; max-width:730px; margin:0 auto; padding:0;}
.img_c700 { width:100%; max-width:700px; margin:0 auto; padding:0;}
.img_c600 { width:100%; max-width:600px; margin:0 auto; padding:0;}
.img_c800 { width:100%; max-width:800px; margin:0 auto; padding:0;}
.img_c640 { width:100%; max-width:640px; margin:0 auto; padding:0;}
.img_c558 { width:100%; max-width:558px; margin:0 auto 20px auto; padding:0;}
img.line { border:1px solid #eee;}

.img_c640 img,
.img_c432 img,
.img_c558 img,
.img_c800 img,
.img_c600 img,
.img_c700 img,
.img_c730 img,
.img_c740 img,
.img_c393 img,
.img_r470 img,
.img_c540 img,
.img_c img
 {width:100%!important;}
 



/* =====================================
 6. 汎用プロパティ
===================================== */

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

.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb80 { margin-bottom: 80px !important;}
.mb90 { margin-bottom: 90px !important;}
.mb100 { margin-bottom: 100px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

.tal { text-align:left;}
.tac { text-align:center;}
.tar { text-align:right;}

/* テキストサイズ */
.t50 { font-size:50%!important;}
.t60 { font-size:60%!important;}
.t70 { font-size:70%!important;}
.t80 { font-size:80%!important;}
.t90 { font-size:90%!important;}
.t100 { font-size:100%!important;}
.t110 { font-size:110%!important;}
.t120 { font-size:120%!important;}
.t130 { font-size:130%!important;}
.t140 { font-size:140%!important;}
.t150 { font-size:150%!important;}
.t160 { font-size:160%!important;}


	a:hover img {
		filter: alpha(opacity=70);
	    /* Safari Opera */
	    opacity:0.70;
	    /* Firefox Netscape */
	    -moz-opacity:0.70;
	}

a:hover img {
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	}

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}



/*----------------------------------------------------------------------上書き----------------------------------------------------------------------*/
#header {

    height: 90px;

}

#header_inner {
    height: 90px;

}
.pc #global_menu > ul {
    height: 90px;
}
.pc #global_menu > ul > li > a {

    height: 90px;
    line-height: 90px;

}
.pc #global_menu ul ul {

    top: 90px;

}

#header_slider {
    width: 100%;
	margin-top:-90px;

}
/*
#header_slider .item {
    width: 100%;
    height: auto;
    min-width: 1600px;
}
*/
#header_slider .item .overlay span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#footer_top {
    margin-top: 60px;
}



@media screen and (max-width: 768px) {
#header_slider {
    width: 100%;
	margin-top:55px!important;

}
#header {

    height: 55px;

}

#header_inner {
    height: 55px;

}
.pc #global_menu > ul {
    height: 55px;
}
.pc #global_menu > ul > li > a {

    height: 55px;
    line-height: 55px;

}
.pc #global_menu ul ul {

    top: 55px;

}

#footer_top {
    margin-top: 30px;
}

#index_news .catchphrase {
    margin: 30px 0 22px 0;
}


}

 
/*----------------------------------------------------------------------//上書き----------------------------------------------------------------------*/




@media screen and (max-width: 768px) {
.pc_con {display:none!important;}
.sp_con {display:block!important;}


.bg { background:#f5f5f5; padding:30px 20px;}
.bg2 { background:#fff; padding:30px 0; width:94%; margin:auto 3%; box-sizing:border-box;}


.project_cath {
position:absolute;
bottom:10px;
left: 0;
right: 0;
margin: auto;
color:#fff;
text-align:center;
font-weight:300;
z-index:1;
width:94%;
background:#07375d;
padding:7px 0;
font-size:70%;
}



 /*
 top_bn
---------------------------------------------------------------------- */
.footbn { text-align:center;}
.footbn3 {
 text-align:left;
padding:30px 20px;
height:150px;
width:100%;
margin-bottom:30px;

 box-sizing:border-box;
}
.footbn2 {
 text-align:left;
padding:30px 20px;
height:150px;
width:100%;

 box-sizing:border-box;
 margin-bottom:30px;
}
.footbn2.left { background:url(img/haikei1.jpg) 50%; background-size:cover; float:none;}
.footbn2.right { background:url(img/haikei2.jpg) 50%; background-size:cover; float:none; margin-right:0;}

.footbn3.left { background:url(img/haikei3.jpg) 50%; background-size:cover; float:none; margin-right:0;}
.footbn3.center { background:url(img/haikei4.jpg) 50%; background-size:cover; float:none;}
.footbn3.right { background:url(img/haikei5.jpg) 50%; background-size:cover; float:none; margin-right:0;}

.footbn a { color:#fff; font-weight:800; font-size:120%;}

 /*
 footerinfo
---------------------------------------------------------------------- */
div.footinfo {
    padding: 30px 0px;
    text-align: center;
    z-index: 4;
}
div.footinfo .ttl {
    margin-left: 0px;
    font-size: 20px;
    font-weight: 500;
}
div.footinfo .ttl span {
    display: block;
    color: #c6a144;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 5px;
}
div.footinfo .lead {
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 12px;
    line-height: 1.8;
}
div.footinfo .linkset {
    margin: 0px 5px;
    width: 40%;
    display: inline-block;
    vertical-align: top;
    position: static;
}
div.footinfo .linkset i {
    height: 40px;
    font-size: 9px;
    line-height: 40px;
}
div.footinfo .linkset p {
    height: 60px;
    color: #ffffff;
    font-size: 12px;
    line-height: 60px;
}
div.footinfo .linkset.tel p, div.footinfo .linkset.tel a {
    font-size: 14px;
    line-height: 60px;
    letter-spacing: 3px;
}




 /*
 list
---------------------------------------------------------------------- */
ul.list3 { width:100%; margin-left:0!important;}
ul.list3 li { float:none; width:96%; margin:0 2% 2% 2%;}
ul.list3 li img { width:100%;}


ul.list3_off { width:100%;}
ul.list3_off li { float:left; width:31%; margin:0 1% 2% 1%; box-sizing:border-box!important;}
ul.list3_off li img { width:100%;}

ul.list2 { width:100%;}
ul.list2 li { float:none; width:90%; margin:0 5% 20px 5%;}
ul.list2 li img { width:100%;}
ul.list2 li.pt30 { padding-top:0px!important;}

ul.list4 li { width:48%; margin:0 1% 2% 1%;}



 /*
 ボタン
---------------------------------------------------------------------- */

.btn_d a {
    display: block;
    padding: 15px 5px 15px 5px;
    text-align: center;
    color: #fff;
    background: #12303f;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	font-size:90%;
	 box-sizing:border-box;
}
ul.list3_off li div.btn_d a {
    display: block;
    padding: 10px 5px 10px 3px;
    text-align: center;
    color: #fff!important;
    background: #12303f;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	font-size:60%!important;
	 box-sizing:border-box!important;
}


.btn_job { margin-bottom:50px;}



.btn_d_detail { width:90%; margin:0 auto;}
.btn_d a::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 7px solid #fff;
}
ul.list3_off li div.btn_d a::before {
    display: block;
    content: "";
    position: static;
    top: 50%;
    right: 5px;
    width: 0;
    height: 0;
    margin-top: 0;
    border: none!important;
    border-left: none!important;
}

.btn_d a:hover {
	color:#fff;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	
 *zoom: 1;
	cursor:pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
	
	
}





}