@charset "utf-8";


.doctor_span{ color:#009A7A; font-size:1.0rem; display: block; font-weight: bold;}

/*---------------------------------------------
 ** 個別指定 for PC
---------------------------------------------*/
@media screen and (min-width: 741px) {

}

/*---------------------------------------------
 ** 個別指定 for PC
---------------------------------------------*/
@media screen and (min-width: 741px) {

/* コンテンツ全体 */
#top #main{margin: 0 auto 40px; padding:0;}
#main{margin: 0 auto 40px; padding:90px 0 0 0;}

/* float */
.float_L{ float: left !important;}
.float_R{ float: right !important; }



.w1100 { width: 1100px !important; }
.w1080 { width: 1080px !important; }
.w800 { width: 800px !important; margin: 0 auto; }

.inner_padding_50 > .clounm_1{ padding-left: 50px; padding-right: 50px; }

/* 見出し h */
/*---------------------------------------------
 ** h2
---------------------------------------------*/
.h2_wrapper{width: 288px;height: 218px;text-align: center;padding-top: 62px;}
.h2_wrapper a{  padding:6px 30%;}

/*---------------------------------------------
 ** h3
---------------------------------------------*/
h3{line-height:150%;color:#212121; text-align: left; padding: 0 0 0px;margin: 28px 0 13px;font-weight: bold; font-size:24px;font-weight:bold; text-align:center; }


/*---------------------------------------------
 **  h4
---------------------------------------------*/
h4 {font-size:22px;color:#006CB7;text-align:center;font-weight:bold;margin: 0 0 1px;}


/*---------------------------------------------
 **  ナビゲーション
---------------------------------------------*/
.nav-toggle{ display:none !important;}

#nav       {border-bottom:5px solid #535362; }

#nav ul      {width: 1200px;height: 70px;margin:0 auto;margin: 0 auto;position:relative;}
#nav ul li   {width: calc((240px - 1px));display: block;text-align:center;padding: 0 0;float:left;z-index:1;bottom:0;border-right:1px solid #EEEEEE;}
#nav ul li:last-of-type{ border:none;}
#nav ul li a{ font-family: メイリオ, Meiryo, "ＭＳ ゴシック","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;}
#nav ul li a { width:100%; height:100%; padding:10px 0;position:relative;color:#525260; font-size:18px;text-decoration:none;display:  inline-block;}
#nav ul li a:hover { color:#5C6FBC; background:#D3D9ED }

#nav ul li a:before{display:block; font-size:10px; color:#5572BE;   }

#nav ul li#nav01 a:before{content: 'ABOUT US'; }
#nav ul li#nav02 a:before{content: 'SERVICE'; }
#nav ul li#nav03 a:before{content: 'WORKS'; }
#nav ul li#nav04 a:before{content: 'RECRUIT'; }
#nav ul li#nav05 a:before{content: 'CONTACT US'; }



/*=================================================================================================================================*/
/**  共通部分	*/
/*=================================================================================================================================*/



/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
/* ヘッダー */

/* ロゴ */
#logo {width: 374px;height:63px;margin: 20px auto 0;display:  block;}

/* ヘッダー */
.header_inner {height: 116px;}

/* TEL */
.tel {width: 351px;height:55px;float:right;background:url( ../img/common/tel.jpg) 0 0 no-repeat;text-indent:100%;white-space:nowrap;overflow:hidden;margin: 28px 0 0 0;}


/* フッター */
.footer_inner{width: 1100px; padding:0 50px;}
.footer_inner_R {width: 583px;text-align:center;padding: 5px 0 5px 0;float: right;font-size:20px;margin: 5px 80px  0 0;}
.footer_contact_bt img {width: 666px;height: 106px;padding: 49px 0 0 0;float:left;}
#footer #nav       {border-bottom:1px solid #EEEEEE; }


/* フッター下 */
.footer_inner_bottom {width:100%;float:left;margin: 0px 0 0 0;}
.footer_inner_bottom:after{width: 192px;height: 249px;position: absolute;top: -30px;right: 0px;background: url(../img/common/osaka_map.png) no-repeat;content: '';z-index: -1;}

.tel_R {width: 387px;float: right;margin: 17px 0px 0 0px;}
#footer h3{text-align:left;font-size:20px;font-weight:normal;margin:0;display:  block;}

/* フッターTEL */
#footer .tel { width:378px ; height: 37px; float:left; margin:10px 0 0 0; background:url( ../img/common/footer_tel.png) 0 0 no-repeat; }


.footer_inner{height: 230px;}

/* メインイメージ */
#top .main_img {height: 500px;}
.main_img {height: 300px; text-align:center; position:relative;}
.main_img:after{width: 296px; height: 65px; position: absolute; top: 0px; left: 0px; background: url(../img/main_img/img_common_bg.png) no-repeat; content: ''; }



/*---------------------------------------------
 ** TOPコンテンツ
---------------------------------------------*/
/* サービスメニュー */
.service_menu >div:nth-of-type(1) { width:calc((50% - 50px));padding: 30px 35px 30px 50px; background: #535362;position: absolute;bottom: 0;}
.service_menu >div:nth-of-type(1) a{width:70%;margin:0 auto;display:block;margin: 15px auto 0;}

/* 施工実績 */
.top_works_2clounm>div:nth-of-type(1){ width: 288px; float:right;  }
.top_works_2clounm>div:nth-of-type(2){ width: 880px; float:left; padding:35px 0 0 0; }

.top_work_list {display:flex;flex-wrap:wrap;justify-content: space-between;}
.top_work_list dl {width: 49%;}

/* 会社概要 */
.top_about_item{height: 630px;}
.top_about_item div{ width: calc((600px - 10%)); position: absolute;}
.top_about_item div:nth-of-type(1){top: -53px;right: 0;}
.top_about_item div:nth-of-type(2){bottom: -80px;left: 0;z-index: 999;}


/* お知らせ */

.news_item{width: 440px;float: right;margin:20px 0 0 0;position: relative;}
.news_item:before{width: 80px;height: 80px;position: absolute;top: 12px;left: -110px;background: url( ../img/top/img_news_icon.jpg) no-repeat;content: '';}
.news_item dl dt{ width:85px;}
.news_item dl dt{ float:left;}
.news_container{height: 134px;}


/*---------------------------------------------
 **  会社概要ページ
---------------------------------------------*/

.about_item_bg{height: 1273px;}
.about_item{ width: calc((600px - 10%)); position: absolute;}
.about_item_01{top: 180px;left: 0;}
.about_item_02{top: 470px;right: 0;}
.about_item_03{top: 750px;left: 0;}



/*---------------------------------------------
 **  事業案内
---------------------------------------------*/
.h2_service{width: 144px;margin: 0 auto 30px;}
.h2_service_daikibo{width: 245px;}

.img_box{float:left;width: 30%;}
.other_box{float:right;width: 66%;}

.service_detail_container{padding: 2.9% 3.4% 1.9%;}


/*---------------------------------------------
 **  お問い合わせ
---------------------------------------------*/
.contact_tel {margin: 20px auto 20px;width: 70%;padding: 3.2% 3.4% 2.4%;}
.contact_tel .tel{width:100%;float:none;margin: 0px auto 21px;text-align:center;background-position:  top center;}
.contact_tel .footer_inner_R{float:none;margin: 15px auto 18px;}

/*---------------------------------------------
 **  採用情報
---------------------------------------------*/
.recruit_wrapper {width: 100%;background: url( ../img/recruit/bg.jpg) 0 -9px no-repeat;padding: 0 0 0px;}
.recruit_wrapper>.inner {width: 1200px;height: 384px;margin: 0 auto;position: relative;}
.img_recruit_L {width: 282px;height: 384px;background: url( ../img/recruit/hito_1.png) 0 0 no-repeat;position:absolute;top:0;left: 20px;}
.img_recruit_C {width: 562px;height: 136px;background: url( ../img/recruit/moji.jpg) 0 0 no-repeat; background-size:100%; position:absolute;top: 79px;left:0;right:0;margin:0 auto;}
.img_recruit_R {width: 288px;height: 323px;background: url( ../img/recruit/hito_2.png) 0 0 no-repeat;position:absolute;top: 61px;right: 50px;}

.bg_recruit_01 {height: 200px;background: url( ../img/recruit/bg_01.jpg) 0 0 no-repeat;}
.bg_recruit_02 {height: 200px;background: url( ../img/recruit/bg_02.jpg) 0 0 no-repeat;}
.bg_recruit_03 { height:200px; background: url( ../img/recruit/bg_03.jpg) 0 0 no-repeat;}

.recruit_point_wrapper h3 { font-size: 40px; color:#000; }
.recruit_point_wrapper div {padding: 80px 0 10px;}
.recruit_point_wrapper div p { text-align:center; margin:0 40px 0 50px; font-weight:bold; color:#000; font-size:16px; }

.h2_recruit_title {margin: 70px auto 30px !important;text-align:center;}



/* アクセスマップ */
.map{ height: 450px;}

}