@charset "utf-8";
/* CSS Document */

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 Reset CSS
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{	margin:0; padding:0;}
table{	border-collapse:collapse;	border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{	font-style:normal;	font-weight:normal;	}
ul,ol,li{list-style:none;}
caption,th{	text-align:left;}
h1,h2,h3,h4,h5,h6{	font-size:100%;	font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {	border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
hr {display:none;}
img{vertical-align: bottom;}



/* clearfix
-------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/* Androidでpタグの横幅が狭まるバグ対策 */
p {background-image:url(image);}



a {
	color:#2d2d2d2; 
	text-decoration:  none;
}
a:hover {
	color:#f28d14;
	text-decoration: none;
}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* フルードイメージ */
img{	
	max-width:100%;
	height:auto;
}
.ie8 img{width:auto;}

	#main-visual {
		height: 300px;
	}

/*　画像の影　*/
.shadow{
	-webkit-box-shadow: 0px 0px 5px 2px #dfdfdf;
	-moz-box-shadow: 0px 0px 5px 2px #dfdfdf;
	box-shadow: 0px 0px 5px 2px #dfdfdf;
	background:#fff;
	position:relative;
	text-align:left;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 全般設定
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
body {
	padding : 0 0 0 0;
	font-family : "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic","MS P Gothic",sans-serif, Arial,Helvetica;
	font-size:18px;
	line-height: 1.7em;
	color:#2d2d2d2;
	-webkit-text-size-adjust: 100%;
}
.wrapper{
	width : 100%;
	overflow:hidden;
	position:relative;
}


/* ヘッダー
------------------------------------------*/
#header{
	width:100%;
	padding-bottom:10px;
	background-color:#fbfbfb;
	-webkit-box-shadow: 0px 0px 5px 2px #dfdfdf;
	-moz-box-shadow: 0px 0px 5px 2px #dfdfdf;
	box-shadow: 0px 0px 5px 2px #dfdfdf;
	border-top:solid 3px #b6d350;
}
#header .inner{
	width:100%;
	height:115px; /* 帝国セーフシール枠の高さを考慮 */
	max-width:1100px;
	margin:auto;
	padding-top:10px;
/*	text-align:center; */
	position:relative;
}
.wakuTel{
	position:absolute;
	top:0;
	right:0;
	background:url(../img/common/back_tel_s.png) center bottom no-repeat;
	width:217px;
	text-align:center;
	color:#ffffff; 
	font-size:12px;
	line-height:1.2em;
	padding:10px 0 15px;
}
.wakuTel_c{
	float:right;
	margin-right:170px;
	width:460px;
	background-color:#b6d350;
	-moz-border-radius:15px 15px;
	-webkit-border-radius:15px 15px;
	border-radius:15px 15px;
	padding:14px 0 10px;
	text-align:center;
	color:#ffffff; 
	font-size:14px;
	line-height:1.2em;
}
.h_tel{
	font-size:21px;
	line-height:1.1em;
	color:#000000;
	font-style:italic;
	margin-bottom:5px;
}
.h_tel span{
	font-size:80%;
}

h1{
	font-size:12px;
	line-height:1.2em;
	margin-bottom:18px;
}
.sp_h_tel li{
	font-size:13.5px;
	line-height:1em;
	display:inline-block;
	margin:0;
}


/* ロゴ  */
#header .logo{
	float:left;
}


/*  帝国セーフシール枠　ヘッダー */
.wakuTdb{
	position:absolute;
	top:2px;
	right:0;
	width:160px;
	height:150px;
/*	background-color:#e3e3e3; */
}
/*　帝国セーフシール枠　フッター　*/
.f_Tdb{
	width:160px;
	height:150px;
	margin:auto;
/*	background-color:#e3e3e3; */
}






/*  ページトップへ */
#pageTop{
	position:fixed;
	bottom:80px;
	right:20px;
}

/* フッター
------------------------------------------*/
#footer {
	width:100%;
	text-align:center;
}
.f_info {
	width:100%;
	padding:25px 0 0;
	background-color:#fbfbfb;
	-webkit-box-shadow: 0px 0px 5px 2px #dfdfdf;
	-moz-box-shadow: 0px 0px 5px 2px #dfdfdf;
	box-shadow: 0px 0px 5px 2px #dfdfdf;
	margin-top:30px;
}
.f_navi li{
	display:inline-block; 
	margin-right:1em;
	font-size:85%;
}
.f_navi li:last-child{
	margin-right:0;
}
.f_tel{
	font-size:23px;
	color:#000000;
	font-style:italic;
}
.f_tel span{
	font-size:80%;
}
.copy{
	border-top:solid 3px #b6d350;
	padding:15px;
	font-size:11px;
	line-height:1em;
	margin-top:15px;
}



/* コンテンツ
------------------------------------------*/
.contents{
	width:1150px;
	margin:30px auto 50px;
}



/* トップページ
------------------------------------------*/

/* トップスライダーの枠 */
.bg_top{
	z-index:0;
	width:100%;
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:40px;
}
#slides{
      display:none;
	  max-width:1280px;
	  margin:auto;
	  text-align:center;
}

/*  スライダーのナビボタン　　ここから */
    .slidesjs-pagination {
		width:240px;
      margin: 6px auto 0;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }
    .slidesjs-pagination li a {
      display: block;
      width: 12px;
      height: 0;
      padding-top: 6px;
      background-image: url(../img/top/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
	  margin:0 8px;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -12px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -12px
    }
/* 　ここまで　　 スライダーのナビボタン */


/* ------------------------------
  ループスライダー loopSlider
------------------------------ */
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 210px;
    overflow: hidden;
    position: absolute;
}
 
.loopSlider {
    margin: 0 auto;
    width: 100%;
    height: 210px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.loopSlider ul {
    height: 210px;
    float: left;
    overflow: hidden;
}
 
.loopSlider ul li {
    width: 287px;
    height: 210px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: none;
}
/* ----------------------------- */


.ttl_1{
	width:100%;
	text-align:center;
	font-size:25px;
	line-height:1em;
	padding:21px 0;
	color:#ffffff;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:bold;
}
.ttlbg_G{
	background:url(../img/common/back_ttl_g.jpg) top repeat-x;
}
.ttlbg_O{
	background:url(../img/common/back_ttl_o.jpg) top repeat-x;
}
ul.naviService{
	width:95%;
	max-width:1150px;
	margin:auto;
}
ul.naviService li{
	float:left;
	width:33.3333%;

}
ul.naviContents{
	width:95%;
	max-width:1150px;
	margin:auto;
}
ul.naviContents li{
	float:left;
	width:50%;

}
ul.naviContents2{
	width:95%;
	max-width:1150px;
	margin:auto;
}
ul.naviContents2 li{

}

.wakuChigai{
	width:95%;
	max-width:1150px;
	height:337px;
	margin: auto;
	background:url(../img/top/back_difference.jpg)  left top no-repeat;
}
.txtChigai{
	float:right;
	margin-top:30px;
	font-size:24px;
	line-height:1.6em;
	text-shadow: 2px 2px 2px #fff,
    -2px 2px 2px #fff,
    2px -2px 2px #fff,
    -2px -2px 2px #fff;
}
.txtChigai span {color:#b6d350;}
.txtChigai p{margin-bottom:10px;}
.wakuSeo{
	width:95%;
	max-width:1100px;
	margin:40px auto;
	font-size:15px;
	line-height:1.5em;
}
.wakuSeo img {
	margin: 5em auto;
}


.news_text {
	width: 50%;
	margin: 40px auto;
	text-align: center;
	padding: 20px;
	border: solid #000000 1px;
	
}
.news_text.left {
	text-align: left;
}

.news_text p{
	font-weight: bold;
	color: #000000;
}



/* ページ上部のタイトル
------------------------------------------*/
.boxTitle{
	width:100%;
}
.boxTitle .inner{
	width:95%;
	max-width:1150px;
	height:700px;
	margin:auto;
	padding-top:40px;
}
.boxTitle .inner_sd{
	width:95%;
	max-width:1369px;
	height:799px;
	margin:auto;
	padding-top:40px;
}




.bg_service{background:url(../img/service/back_service.jpg) center top no-repeat;}
.bg_factory{background:url(../img/factory/back_factory.jpg) center top no-repeat;}
.bg_archive{background:url(../img/archive/back_archive.jpg) center top no-repeat;}
.bg_offer{background:url(../img/offer/back_offer.jpg) center top no-repeat;}
.bg_company{background:url(../img/company/back_company.jpg) center top no-repeat;}
.bg_contact{background:url(../img/company/back_contact.jpg) center top no-repeat;}
.bg_sdgs{background:url("../img/sdgs/back_sdgs.jpg") center top no-repeat;}

.ttl_menu{
	margin-bottom:60px;
}
.ttl_menu_sd{
	text-align: center;
	margin-bottom: 60px;
	margin-top: 3.8em;
}


.ttl_2{
	background-color:#f9d3b7;
	border-bottom:solid 3px #f28d14;
	text-align:center;
	font-size:24px;
	line-height:1em;
	padding:6px 0;
	margin-bottom:20px;
}
.ttl_3{
	background-color:#e4eac5;
	border-bottom:solid 3px #b6d350;
	text-align:center;
	font-size:24px;
	line-height:1em;
	padding:6px 0;
	margin-bottom:20px;
}




/* お問合せ
------------------------------------------*/

table.formMail{
	width:90%;
	margin:30px auto;
}
table.formMail th,
table.formMail td{
	border-top: solid 1px #666666;
	border-bottom:solid 1px #666666;
	padding:10px 20px;
	vertical-align:top;
}
table.formMail th{
	background-color:#e4eac5;
	width:220px;
	font-weight:bold;
}
table.formMail th span{
	color:#c01920;
	font-size:90%;
	font-weight:normal;
}
.length_l{
	padding:5px 10px;
	width:90%; 
}
.length_m{
	padding:5px 10px;
	width:50%; 
}
.naiyou{
	padding:5px 10px;
	width:90%;
	height:150px;
}

.btn{
	background: url(../img/company/btn_sousin.jpg) center top no-repeat;
	width:95%;
	max-width:296px;
	height:70px;
	border:0px solid;
	cursor:pointer;
}
.btn:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* 会社概要
------------------------------------------*/
.imgGaikan{float:left;}
.txtAisatsu{
	float:right;
	width:560px;
	font-size:20px;
	line-height:1.8em;
}
ul.gallery{
	text-align:center;
	margin:25px 0;
}
ul.gallery li{
	max-width:360px;
	display:inline-block;
	margin:0 8px 20px;
	font-size:90%;
	text-align:left;
}
table.gaiyou{
	width:100%;
	margin:30px 0;
}
table.gaiyou th,
table.gaiyou td{
	border:solid 1px #666666;
	padding:10px 20px;
	vertical-align:top;
}
table.gaiyou th{
	background-color:#f9d3b7;
	width:240px;
}

#gmap{
	position:relative;
}
.place{
	position:absolute;
	top:0;
	left:0;
	z-index:
}
.navimark{
	background:url(../img/company/icon_map.png) center left no-repeat;
	padding:9px 0 9px 35px;
}



/* 業務案内
------------------------------------------*/
ul.bring li{
	width:33%;
	float:left;
}


/* 施設紹介
------------------------------------------*/

.wakuDetail{
	width:100%;
	border-radius:10px;
	border:solid 3px #b6d350;
}

table.shokai{
	width:100%;
}
table.shokai td{
	padding:5px 10px ;
}

table.shokai th {
	width:210px;
	background-color:#e4eac5;
	-moz-border-radius:10px 0 0 10px;
	-ms-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
	text-align:center;
	font-size:25px;
	line-height:1.2em;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}



table.facility{
	width:100%;
}
table.facility th,
table.facility td{
	width:25%;
	border:solid 1px #666666;
	text-align:center;
	padding:5px 0;
}
table.facility th{
	background-color:#f9d3b7;	
}


/* 実績紹介
------------------------------------------*/
table.kobetsu{
	width:100%;
	margin:15px 0;
}
table.kobetsu th,
table.kobetsu td{
	border: solid 1px #666666;
	padding:5px;
	line-height:1.3em;
}
table.kobetsu th{
	width:3em;
	text-align:center;
	background-color:#e4eac5;
}

/* 求人情報
------------------------------------------*/
ul.selectBtn li{
}

ul.koeNiyou{
/*	margin-top:20px; */
}

ul.koeNiyou li{
	width:50%;
	float:left;
}
.txtNaiyou{
	padding:0 20px;
}
.ttl_job{
	font-weight:bold;
	border-bottom: solid 1px #b6d350;
	margin-bottom:20px;
}

.boxVoice{
	padding:20px;
	background:url(../img/offer/senpai_back1.png) center top  repeat-y;
}
.bgw{
	background:url(../img/offer/senpai_back2.png);
	padding:13px 10px;
}


/* SDGsへの取り組み
------------------------------------------*/
.inner_sd .ttl_text {
	max-width: 1010px;
	font-size: 21px;
	margin: auto;
	margin-bottom: 5em;
}

.bg_sdgs02{
	background:url("../img/sdgs/back_sdgs02.jpg") center top no-repeat;
}

.bg_sdgs02 .inner_sd{
	height:800px;
	margin:auto;
	font-size: 21px;
	max-width: 1038px;
}

.bg_sdgs02 .sd_text {
	padding-top: 80px;
}
.bg_sdgs02 .sd_img {
	margin: 140px auto 0;
	text-align: center;
}

.bg_sdgs02 .sd_img p {
	font-size: 27px;
	color: #006837;
	margin-bottom: 2.4em;
}


.bg_sdgs03{
	background:url("../img/sdgs/back_sdgs03.jpg") center top no-repeat;
}
.bg_sdgs03 .inner_sd{
	height:835px;
	margin:auto;
	font-size: 21px;
	max-width: 1038px;
}

.bg_sdgs03 .sd_text {
	padding-top: 80px;
}
.bg_sdgs03 .sd_img {
	margin: 90px auto 0;
	text-align: center;
}

.bg_sdgs03 .sd_img p {
	font-size: 27px;
	color: #006837;
	margin-bottom: 2.4em;
}

.bg_sdgs04{
	background:url("../img/sdgs/back_sdgs04.jpg") center top no-repeat;
}
.bg_sdgs04 .inner_sd{
	height:920px;
	margin:auto;
	font-size: 21px;
	max-width: 1038px;
}

.bg_sdgs04 .sd_text {
	padding-top: 80px;
}
.bg_sdgs04 .sd_img {
	margin: 90px auto 0;
	text-align: center;
}

.bg_sdgs04 .sd_img p {
	font-size: 27px;
	color: #006837;
	margin-bottom: 2.4em;
}


.bg_sdgs05 {
	text-align: center;
	margin: 100px auto;
}
.sdgs_line {
	max-width: 342px;
	margin: auto;
  border-top: solid 6px #b6d350;
  padding: 25px;
  font-size: 11px;
  line-height: 1em;
  
}
.bg_sdgs05 p {
	margin-bottom: 30px;
}























.pc{}
.sp,
.sp68{display:none;}



@media only screen and (max-width:995px){	

/* ヘッダー電話番号 */
.wakuTel_c{	width:400px;}
.h_tel{
	font-size:18px;
}
}


/*  PC用 */
@media only screen and (min-width:960px){	

/* ナビメニュー  */	
.menubar{
	width:100%;
}
.menubar_inner{
	width:1100px;
	margin:auto;
}
.menubar_inner02{
	width:1280px;
	margin:auto;
}	
	
	
	
nav div.panel{
  display:block !important;
/*  float:right;*/
  }

  a#menu{display:none;}

  nav#mainNav ul{
/*  float:right;*/
  overflow:hidden;
  background:url(../img/common/slash.jpg) center left no-repeat;
  }

  * html nav#mainNav ul{height:1%;}

  nav#mainNav ul li{
	  width:14%; /* 7項目のとき */
/*	  width:16.5%; */  /* 6項目のとき */
  float:left;
  margin:0;
  text-align:center;
  background:url(../img/common/slash.jpg) center right no-repeat;
  }

  nav#mainNav ul a{
  font-size:18px;
  line-height:1em;
  display:block;
  padding:16px 0;
  color:#000000;
  }

  nav#mainNav ul li.active a,nav#mainNav ul a:hover{ color:#f28d14;}
  








}





/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	max-width: 959px  モニター幅1159px以下
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

@media only screen and (max-width:959px){
.pc{display: none;}
.sp{display: block;}


/* ヘッダー
------------------------------------------*/
header{
	text-align:center;
}
.h_tel{padding:5px 5px 0;}

/* ロゴ  */
#header .logo{
	float: none;
}


/* ナビメニュー  */	
	*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	
	
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #666666), color-stop(0.00, #3f3f3f));
	background: -webkit-linear-gradient(top, #666666 0%, #3f3f3f 100%);
	background: -moz-linear-gradient(top, #666666 0%, #3f3f3f 100%);
	background: -o-linear-gradient(top, #666666 0%, #3f3f3f 100%);
	background: -ms-linear-gradient(top, #666666 0%, #3f3f3f 100%);
	background: linear-gradient(top, #666666 0%, #3f3f3f 100%);
	}

	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	color:#fff;
	}

	nav#mainNav a#menu span{padding-left:10px;}
	nav#mainNav a.menu span:before{content: "＝ ";}
	nav#mainNav a.menuOpen span:before{content: "× ";}

	nav#mainNav a#menu:hover{cursor:pointer;}

	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #fff;
	color:#fff;
	background:#777777;
	}
	
	nav#mainNav ul li:first-child a{border-top:1px dashed #fff;}
	nav#mainNav ul li.active a,nav#mainNav ul li a:hover{background:#666666;}
	nav div.panel{float:none;}
	




h1{
	margin-bottom:0;
}

/* コンテンツ
------------------------------------------*/
.contents{
	width:95%;
}

/* 会社概要
------------------------------------------*/
.imgGaikan{
	float:none;
	text-align:center;
	margin-bottom:15px;
}
.txtAisatsu{
	float: none;
	width:95%;
	font-size:95%;
	line-height:1.8em;
}

/* 業務案内
------------------------------------------*/
ul.bring li{
	font-size:95%;
	line-height:1.8em;
}


.news_text {
	width: 80%;
	margin: 30px auto;
	text-align: center;
	padding: 20px;
	border: solid #000000 1px;
	
}





















}




/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	max-width: 640px  スマートフォン 横(ランドスケープ)
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

@media screen and (max-width: 640px) {

.pc68{display:none;}
.sp68{display: block;}

body {
	font-size:16px;
	line-height: 1.5em;
}

/*  ページトップへ */
#pageTop{
	right:0px;
	bottom:50px;
}



/* トップページ  */

/*　画像ループ　ここから　*/
.loopSliderWrap {height: 140px;}
.loopSlider {height: 140px;}
.loopSlider ul {height: 140px;}
.loopSlider ul li {
    width: 191px;
    height: 140px;
}
/*  ここまで　----- */

.wakuChigai{
	background: none;
	border-bottom:solid 3px #b6d350;
}
.wakuChigai{
	height: auto;
}
.txtChigai{
	float: none;
	margin-top:20px;
	font-size:110%;
	line-height:1.4em;
}

/* ページ上部のタイトル
------------------------------------------*/
.boxTitle .inner{
	height: auto;
	padding-bottom:30px;
}
.boxTitle .inner_sd{
	height: auto;
	padding-bottom:30px;
}	
.ttl_menu{
	margin-bottom:30px;
}


/* お問合せ
------------------------------------------*/
table.formMail th,
table.formMail td{
	display:inline-block;
	border-bottom: none;
	padding:5px 10px;
	width:100%;
}
table.formMail td{
	border-top:none;
	padding:0 0 20px;
}
.length_l,
.length_m,
.naiyou{
	width:100%;
}

/* 会社概要
------------------------------------------*/

table.gaiyou{
	margin:20px 0;
}
table.gaiyou th,
table.gaiyou td{
	padding:10px 10px;
	font-size:90%;
	line-height:1.3em;
}
table.gaiyou th{
	background-color:#f9d3b7;
	width: auto;
}

/* 業務案内
------------------------------------------*/
ul.bring li{
	width:100%;
	float: none;
}

/* 施設紹介
------------------------------------------*/
table.shokai th,
table.shokai td{
	display:inline-block;
}
table.shokai th{
	width:100%;
	padding:10px 0;
	border-radius:10px 10px 0 0;
	font-size:20px;
	line-height:1em;
}

/* 求人情報
------------------------------------------*/
ul.selectBtn li{
	width:48%;
	padding:0 1%;
	text-align:center;
	float:left;
}

ul.koeNiyou li{
	width:100%;
	float: none;
	text-align:center;
	margin-bottom:10px;
}
.txtNaiyou{
	padding:0 10px;
	text-align:left;
	font-size:90%;
	line-height:1.5em;
}


.news_text {
	width: 95%;
	margin: 20px auto;
	text-align: center;
	padding: 15px;
	font-size: 90%;

}

/* SDGsへの取り組み
------------------------------------------*/
.inner_sd {
	height: auto;
	padding-bottom:30px;
}			

.ttl_menu_sd {
  margin-bottom: 30px;
  margin-top: 30px;
}
.inner_sd .ttl_text {
  font-size: 18px;
  margin-bottom: 2em;
}

.bg_sdgs02 .sd_text {
  padding-top: 30px;
}
.bg_sdgs02 .inner_sd {
  font-size: 95%;
}
.bg_sdgs02 .inner_sd {
  height: auto;
	}

.bg_sdgs02 .sd_img {
  margin: 60px auto 0;
	width: 70%;
}
.bg_sdgs02 .sd_img p {
  font-size: 18px;
  margin-bottom: 1.4em;
}
.bg_sdgs03 .inner_sd {
  height: auto;
	}
	
.bg_sdgs03 .sd_text {
  padding-top: 30px;
}
.bg_sdgs03 .inner_sd {
  font-size: 95%;
}

.bg_sdgs03 .sd_img {
  margin: 60px auto 0;
  width: 70%;
}
	
.bg_sdgs03 .sd_img p {
  font-size: 18px;
  margin-bottom: 1.4em;
}	
	
.bg_sdgs04 .inner_sd {
  height: auto;
	}
	
.bg_sdgs04 .sd_text {
  padding-top: 30px;
}
.bg_sdgs04 .inner_sd {
  font-size: 95%;
}

.bg_sdgs04 .sd_img {
  margin: 60px auto 0;
  width: 90%;
}
	
.bg_sdgs04 .sd_img p {
  font-size: 18px;
  margin-bottom: 1.4em;
}	
	
.bg_sdgs05 {
  margin: 40px auto;
	font-size: 95%;
}	
.sdgs_line {
  width: 70%;
	border-top: solid 4px #b6d350;
	padding: 8px;
	}
	.bg_sdgs05 .sp_text {
		text-align: left;
		width: 90%;
		margin: 10px auto 20px;
	}	
	

}



/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	max-width: 480px  スマートフォン 縦(ポートレート)
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

@media screen and (max-width: 480px) {

.pc48{display:none;}


h1{
	font-size:9px;
	line-height:1.1em;
	margin-bottom:0px;
}



/* トップページ  */
ul.naviService{
	max-width:383px;
	margin:auto;
}
ul.naviService li{
	float: none;
	width:100%;
	height:120px;
	overflow:hidden;
	position:relative;

}
ul.naviService li img{
	position: absolute;
	left: 0;
	bottom:0;

}
ul.naviContents{
	max-width:383px;
	margin:auto;
}
ul.naviContents li{
	float: none;
	width:100%;
}
ul.naviContents2{
}
ul.naviContents2 li{
	height:120px;
	width:100%;
	overflow:hidden;
	position:relative;
}
ul.naviContents2 li img{
	height:176px;
	width:auto;
	position: absolute;
	bottom:0;
	right:0;
	object-fit:cover;
	
}


/* 会社概要
------------------------------------------*/
ul.gallery li{
	width:90%;
}


/* 施設紹介
------------------------------------------*/
table.facility{
	font-size:80%;
	line-height:1.2em;
}





}


.index_sdgs {
  width: 100%;
  margin: 60px auto 30px;
	max-width: 1050px;
}

.com_sdgs {
  width: 100%;
  margin: 0 auto 30px;
	max-width: 1050px;
}


/*PCの場合*/
.pc_sdgs	{ display:inline!important; }
.sp_sdgs	{ display:none!important; }
@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.pc_sdgs	{ display:none!important; }
.sp_sdgs { display:inline!important; }
	
.index_sdgs {
  width: 95%;
  margin: 30px auto 30px;
}	
	
.com_sdgs {
  width: 95%;
}	
	
}



.wrap-video{
 position:relative;
}
.wrap-video video{
 width: 100%;
 height:100%;
 height:700px;
}
.wrap-video .text{
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%); /*上下左右中央寄せ*/
 text-align:center;
}
.wrap-video .text p{
 font-size:16px;
 font-weight:bold;
 color:white;
}
.wrap-video .text .headline{
 font-size:20px;
}