@charset "utf-8";




/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 320px) {
.header_inner #logo {position:relative;width: 167px !important;height: 45px !important;margin: 24px auto 9px !important;}
}

/*---------------------------------------------
 ** 個別指定 for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 740px) {

/*---------------------------------------------
	body
  ---------------------------------------------*/
html { scroll-behavior: smooth; }
html {font-size: 62.5%;} /* 10px */
body { font-size: 15px;  font-family: sans-serif;} /* 16px */
p    {font-size: 15px;} /* 16px */


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

/* ボタン */
a.bt_01 {max-width: 550px !important;margin: 15px auto;}

/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
.main_img {width:100%;height: 130px;position:relative;background-size: cover; text-align:center;}
.header_inner  { width:100% !important; margin:0 !important;}

.main_h1{text-align:center;font-size:20px;padding:50px 0 0 0;}

/* うにょうにょ */
.main_h1:after{width: 148px;height: 32.5px;background-size:100%;bottom: -20px;}
#top .main_img {background-size:cover;}
/*---------------------------------------------
 **  ナビゲーション
---------------------------------------------*/
.nav_all nav ul li i{ display:none;}
/* フッター */
#footer-nav			{ float:left;_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box; background-color:#D6EEDF;  border-top:1px solid #D6EEDF;}
#footer-nav li			{padding: 12px 0 12px 0;margin:0 0 1px 0;float:left;font-size: 0.9rem;width:50%;position: relative;display:inline-block;background-color:#FFF;box-sizing:border-box;list-style:inside;}
#footer-nav li a		{ color:#543B2E; display:block; padding-left:6px; text-decoration:none; text-align: center;}
#footer-nav li:nth-of-type(odd)	{ border-right:1px solid #D6EEDF;}

/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
#header{width: 100%;/* border-bottom: 4px solid #535362; */padding: 0 0 0px 0;margin:0 0 0;}
.header_wrapper{  border-bottom: 4px solid #535362;}
/*---------------------------------------------
 **  ロゴ
---------------------------------------------*/
#logo {position:relative;width: 174px;height: 47px;bottom:0;left: 3%;right:0;margin: 17px auto 13px;}
.sp_tel {width: 51px;height: 51px;position:absolute;top: 14px;right: 76px;}


/*---------------------------------------------
 **  タイトル
---------------------------------------------*/

h2 {font-size: 2.2rem;margin-bottom: 1.7rem;}



#top .tel_nbr {display: none;}

/*---------------------------------------------
 **  TOP
---------------------------------------------*/
.service_menu>div{padding: 10px 5% 0 !important;}

.service_menu_list {padding:0 0; _zoom: 1; overflow: hidden; display:flex;flex-wrap:wrap;justify-content: space-between;}
.service_menu_list li { width: 25%;   padding:0 10px 0 0; margin:0 0 0 8px;  }

 .service_menu {padding-bottom:25px !important; }


.h2_wrapper {text-align:center;padding:20px 5% 10px;position:  relative;}


/*　会社概要*/
.top_about_bg {background-size:cover;}

.top_about_item>div{background-color:rgb(86,115,190,0.9);}
.top_about_item>div+div{ padding-top:0;  }

/* お知らせ */

.news_item{margin:20px 0 0 0;position: relative;}
.news_item dl { font-size:14px;}
.news_item dl dt{ width:85px;}
.news_item dl dt{ float:left;}

/* フッター */
#footer #logo {position:relative;width: 100%;height: 58px;bottom:0;margin: 17px auto 13px;}
.footer_wrapper{
	width:90%;
	padding: 0;
	margin:0 auto;
	border-bottom:none;
}


#footer nav{ display:none;}
#copyright {font-size:10px!important;}

.footer_inner_L {width: 100%;float: none;padding: 0 1% 0 0;}

.footer_inner_R {text-align:center;margin: 0 0 30px;}
.add{ padding:0 0 15px; }

.tel_R{margin: 24px 0 30px;float:none;}

/* フッターTEL */
#footer .tel { width:280px ; height: 37px; margin:20px 0 0px 0; background:url( ../img/common/footer_tel.png) 0 0 no-repeat; background-size:100%; }
#footer .tel { display:none;}

/*---------------------------------------------
 **  コマコーポレーションとは
---------------------------------------------*/
.about_h2_numver_01,
.about_h2_numver_02,
.about_h2_numver_03{ text-align:center;}

.about_h2_numver_01:before,
.about_h2_numver_02:before,
.about_h2_numver_03:before{ float:  none; margin:0 auto 30px;}


.about_item{ padding:50px 8%; }


/* 会社概要 table*/
.about_table_01{ }
.about_table_01 tr:nth-of-type(odd){ background:#F1F5F8;}

.about_table_01 th,
.about_table_01 td{padding: 15px 5% 10px;}

.about_table_01 th{width: 90%; float:left;font-weight: normal;color:#5572BE;text-align:  center;position:relative;vertical-align: top;}
.about_table_01 th:after{width: 20px;height: 5px;position: absolute;top: 43px;right: 0px; left:0; margin:0 auto; border:none; border-bottom:5px solid #5673BE;content: '';}
.about_table_01 td  {width: 90%; float:left;}
.about_table_01 td dl {margin:0 5% 1.5rem;}
.about_table_01 td dl dd {padding:0 0 0 0;}


/*---------------------------------------------
 **  事業案内
---------------------------------------------*/

#service h3{ font-size:16px; font-weight:bold;}
.h2_service_daikibo{ width:200px; }
.service_info {display:block;}
.service_info dt{ width:94%; text-align:center; margin:0 0 5px; }
.service_info dd{ width:94%; }

.service_kouhou dl{ width:100%; margin:0 0% 20px; font-size:12px; }
.service_kouhou dl:last-of-type{margin:0; }
.service_kouhou dt h4{ font-size:14px; font-weight:bold; }
.service_kouhou dd p{font-size: 14px; }

.service_detail_container{margin: 0 0 2rem;}
.service_kouhou{margin-bottom:2em;}


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


/*---------------------------------------------
 **  お問い合わせ
---------------------------------------------*/
/* 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;}
.header_inner .tel{ display:none;}
.contact_tel {margin: 20px auto 20px;width: 89%; padding: 25px 5% 20px; }
.contact_tel .tel{width: 210px;height: 38px;float:none;margin: 0px auto 0px;text-align:center;background-position:  top center;background-size: 100%;}
.contact_tel .footer_inner_R{float:none;margin: 10px auto 10px;}
.contact_tel .add{ padding:5px 0 ; }

#recruit .contact_tel {width: 87%; background-size:100%; }
#recruit .tel {background-size:100%; }

/*---------------------------------------------
 **  採用情報
---------------------------------------------*/
.recruit_wrapper {width: 100%;background: url( ../img/recruit/bg.jpg) 0 -209px no-repeat;background-size: cover;padding: 0 0 0px;}
.recruit_wrapper>.inner {width: 100%;height: 216px;margin: 0 auto;position: relative;}
.img_recruit_L {width: 82px;height: auto;position:absolute;top: 104px;left: 16px;z-index: 1;}
.img_recruit_C {width: 260px;height: auto;background: url( ../img/recruit/moji.jpg) 0 0 no-repeat;background-size:100%;position:absolute;top: 39px;left:0;right:0;margin:0 auto;}
.img_recruit_R {width: 94px;height: auto;position:absolute;top: 111px;right: 20px;}

.bg_recruit_01 {background: url( ../img/recruit/bg_01.jpg) 0 0 no-repeat;text-align:center;}
.bg_recruit_02 {background: url( ../img/recruit/bg_02.jpg) 0 0 no-repeat;text-align:center;}
.bg_recruit_03 {  background: url( ../img/recruit/bg_03.jpg) 0 0 no-repeat; text-align:center;}

.recruit_point_wrapper h3 { font-size: 30px; color:#000; }
.recruit_point_wrapper div {padding: 29px 0 30px;margin:0 0 10px;}
.recruit_point_wrapper div p {text-align:center;margin: 0 30px 0 30px;color:#000;font-size:16px;} 

.recruit_point_wrapper { z-index:22; }

.h2_recruit_title {text-align: center;margin: 50px 0 20px !important;}
}