@charset "utf-8";
/*
Theme Name: Lightning Child
Template: lightning
Tags:
Version: 0.1.2
*/

/* 共通-------------------------*/
/* header  glmenu */
header a#menuBtn {
  display: none;
}

ul.gMenu >li {
  border-left: 1px solid #efefef;
}
.gMenu>li .gMenu_name {
  font-weight: 300;
}

.breadcrumb br {display: none;}

a[target|="_blank"]::after {
  display: inline-block;
  content: "\f2d2";
  width: 14px;
  height: 14px;
  margin: 0 0.2em;
  font-family: 'Font Awesome 5 Free';
}

    /*～ 一部リンクは対象外 ～*/
    /* CTA */
    .veu_cta a[target|="_blank"]::after {
      content: "";
    }

.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textindent { text-indent: 1em; }

.aligncenter {margin: 0 auto;}


/* header_custom_areaウィジェット用
----------------------------------*/
.header_custom_area {
  margin-top: 0.5em;
}
.header_custom_area p {
  margin-bottom: 0;
  font-size: 1em;
}
.header_custom_area .btn {
  padding-left: .3em;
  background-color: #5d6062 !important;
  border: 1px solid #f5f5f5;
  letter-spacing: .1em;
  font-size: 1.1em;
  font-weight: 500;
  color: #ffffff;
}
.header_custom_area .btn:hover {
  background-color: #212529 !important;
  text-shadow: none;
  transition: .2s ease;
}
.header_scrolled .header_custom_area .btn {
  border-radius: 0;
  border: none;
}

/*トップページロゴ左にSDGsロゴ掲載CSS*/
/* .navbar-header { */
.container.siteHeadContainer {
  position: relative;
}
#logo_sdgs_partner {
  float: left;
  display: inline-block;
  height: auto;
  padding: 5px 10px 5px 0;
  margin: 0;
  line-height: 1.5em;
  white-space: inherit;
}

@media (min-width: 992px) {
  #logo_sdgs_partner img{
    max-height: 50px;
  }
}
@media (max-width: 1199.98px) {
  #logo_sdgs_partner {
    position: absolute;
    padding: 0;
    right: 0;
  }
  #logo_sdgs_partner img{
    max-height: 40px;
  }
}
@media (max-width: 580px) {
  #logo_sdgs_partner {}
}


/* glmenu
----------------------------------------*/
.gMenu li li {
	/* background-color: #afd342; */
  background-color: #ffffff;
  border-bottom: 1px solid #afd342;
}
.gMenu li li a {
  color: #333;
}
.gMenu > li:before, .gMenu > li.menu-item-has-children::after {
	border-bottom-color: #afd342;
}
.gMenu .sub-menu li:hover {
  background-color: #efefde;
}
.gMenu .sub-menu li a {
	display: block;
	font-size: 1.1em;
}
.gMenu .sub-menu li:hover a {
	color: #222;
	background-color: #efefde;
}

/* contents
----------------------------------------*/
.mainSection-title, h2 {
	padding: 5px 10px;
	border: none;
	font-size: 20px;
  background-color: #f5f5f5;
}

.tablepress tfoot th, .tablepress thead th {
	background: #cee290;
}
.tablepress tfoot th:hover, .tablepress thead th:hover, .tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
	background: #afd342;
}

.clearfix::after{
	content: "";
	display: block;
	clear: both;
}

.menu_contact { /*glmenu内お問合せメニューは、PCサイズではいったん非表示*/
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
	line-height: 0;
}

.entry-body a {
	color: #337ab7;
}
.entry-body p {
	line-height: 2.3;
}

/* footer */
footer .copySection {
	border: none;
}
footer .copySection p:last-of-type {
	display: none;
}
footer .footerMenu {
	border-bottom: none;
}
footer .container:nth-last-of-type(2) {
	display: none;
}

/*----------------------------------------
device class
----------------------------------------*/
/*pc*/
@media screen and (min-width: 992px) {
  .sp {display:none!important;}
}
@media screen and (min-width: 600px) {
  .sp2 {display:none!important;}
}

/*sp*/
@media screen and (max-width: 991px) {
  .pc {display:none!important;}
}
@media screen and (max-width: 599px) {
  .pc2 {display:none!important;}
}

/*----------------------------------------
共通部品
----------------------------------------*/
/* h1 */
.page-header_pageTitle, h1.page-header_pageTitle:first-child {
  text-align: left;
  font-weight: 700;
  text-shadow: 0 0 10px #333;
}

/* h2, h3見出し */
.accent1 {
	background-color: #f5f5f5;
	border: none;
	padding: 5px 10px;
}
.accent1:after {
	border: none;
}
.accent2 {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 0 1px 2px rgba(255,255,255,.9);
	box-shadow: 0 1px 2px rgba(255,255,255,.9);
	padding: 0 0 8px 0;
	position: relative;
}

.accent2:after {
	content: ".";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 30%;
	background-color: #fff;
  border-bottom: 1px solid #afd342;
}

h3.accent1 { font-size: 1.5rem; }
h2.accent2 { font-size: 1.8rem; }

/* CTA */
.veu_cta .cta_body {}
.veu_cta .cta_body h2 {
  background-color: inherit;
  font-weight: 700;
  padding: 0;
  margin: 0;
  font-size: 18px;
}
.veu_cta .cta_body_link {
  max-width: 400px;
  width: 100%;
}
.veu_cta .cta_body_link .fa-envelope {
  font-weight: 400;
}
.veu_cta .tel {
	font-size: 1.2em;
  text-decoration: none;
  cursor: default;
  pointer-events: none;
  color: #444;
}
	@media screen and (max-width: 768px) {
		.veu_cta .tel {
	    pointer-events: auto;
	    font-size: 1.0em;
		}
	}

/* 強調 */
	/* 固定ページ時 */
	.strong {
		font-size: 1.2em;
		font-weight: 700;
		color: #31708f;
	}
	.strong2 {
		background-image: linear-gradient(transparent 50%, #edfbc2 0%);
		margin: 0 .2em;
		padding: 0 .3em;
		font-size: 1.2em;
	}

	/* 投稿タイプ時 */
	body.single .strong {
    text-align: center;
	}
	body.single .strong2 {
		margin: 0 .2em 0 0;
		padding: 0;
	}
	body.single .strong3 {
		background-image: linear-gradient(transparent 50%, #edfbc2 0%);
		margin: 0 .2em;
		padding: 0 .3em;
		font-size: 1.2em;
	}

span.comment {
  background-color: #edfbc2;
  border-radius: 5px;
  padding: 3px 10px;
}

/*ボタンリンク、ボタンパーツのカラー再定義*/
.btn:hover {
  text-shadow: 0 0 5px #333;
}
a.btn-primary, .btn-primary {
  color: #fff;
	border-color: #eee;
}
a:hover.btn-primary, .btn-primary:focus, .btn-primary:hover {
  color: #333;
}
.btn-primary:focus, .btn-primary:hover {
  background-color: #5b750c !important;
  color: #fff !important;
}
.btn-primary:active {
  background-color: #afd342 !important;
}

/* newマーク */
span.newMark {
	font-size: .75em;
	background: #d72b2b;
	color: #fff;
	border-radius: 2px;
	padding: 0 .2em;
	margin-left: .5em;
}

/* メインエリアのリンク設定追加 */
.mainSection a {
  transition: .4s ease all;
}
.mainSection a:hover {
  opacity: 0.8;
}

/*3column start-------------------------*/
.wrap_3column {
	clear: both;
	width: 1140px;
	margin: 0px auto;
}

.leftnavi_3column {
	float: left;
	width: 340px;
	margin: 10px 10px 10px 0px;
}

.rightnavi_3column {
	float: left;
	width: 340px;
	margin: 10px 0px 10px 10px;
}

.contents_3column {
	float: left;
	width: 340px;
	margin: 10px 0px 10px 0px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/*-------------------------3column end*/

/*2column start-------------------------*/
.wrap_2column {
	clear: both;
	width: 680px;
	margin: 0px auto;
}
.left_2column {
	float: left;
	width: 320px;
	margin: 10px 10px 10px 0px;
}

.right_2column {
	float: left;
	width: 320px;
	margin: 10px 0px 10px 10px;
}
/*-------------------------2column end*/

/*アンカー設定時の位置ずれ解消用class {*/
.internallink:before {
	content: "";
	height: 100px;
	margin-top: -100px;
	display: block;
	visibility: hidden;
}

.breadcrumb { /*アンカー用リンクを設置したらパンくずにかぶってしまったのでその調整*/
	position: relative;
	z-index: 300;
}
/* } アンカー設定時の位置ずれ解消用class*/

/* 画像用枠
----------------------------------------*/
.img_line_ccc img {
  border: 1px solid #ccc;
  padding: 10px;
}

/* ボックス
----------------------------------------*/
.box_line {
  background-color: #f5f5f5;
  border: 5px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}

/*----------------------------------------
TOP
----------------------------------------*/
/* slider */
.carousel-indicators li {
  width: 20px;
  height: 20px;
  margin-right: 15px;
  margin-left: 15px;
  border-radius: 50%;
  border-top: unset;
  border-bottom: unset;
  line-height: 1;
  padding: 0;
}

.carousel-indicators .active {
  box-shadow: 0 0 10px #343a40;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 60px;
  height: 60px;
}

/* slider text */
.slide-text-title {
  font-weight: 700;
}
.mini-content-container-2 {
  text-shadow: 1px 1px 4px #ffffff80, -1px 1px 4px #ffffff80, 1px -1px 4px #ffffff80, -1px -1px 4px #ffffff80;
}
.mini-content-container-2 .btn:hover {
  color: #fff;
  background-color: #afd342;
  border-color: #afd342;
  box-shadow: 0 0 4px #222;
}

.mini-content-container-1,
.mini-content-container-3 {
  text-shadow: 0 0 10px #333;
}

.mini-content-container-1 .btn:hover,
.mini-content-container-2 .btn:hover,
.mini-content-container-3 .btn:hover,
.mini-content-container-4 .btn:hover {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #fff !important;
  box-shadow: none;
  text-shadow: none;
}

.carousel-item.item.item-4 .slide-text-set {
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.mini-content-container-4 {}
.mini-content-container-4 .slide-text-caption {
  position: absolute;
  top: 145px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 100%;
  margin: 0;
  padding: .8em 0 .6em;
  background: rgb(38 38 38 / 50%);
}
.mini-content-container-4 a.btn {
  margin: 0;
  font-size: 2.5em;
}
/* .mini-content-container-4 a.btn:hover {
  background-color: rgb(255 255 255 / 30%);
  border-color: #fff;
} */


/* 最新記事 */
.mainSection .veu_postList.pt_0 .postList.postList_miniThumb {
	display: flex;
	justify-content: space-around;
}
.home .veu_postList .postList_miniThumb .postList_item {
	width: 30%;
	margin-right: 30px;
}
.home .veu_postList .postList_miniThumb .postList_item:last-child {
  margin-right: 0;
}
.home .veu_postList .postList_title a {
  font-size: 1.1rem;
  font-weight: 700;
}

	/* for tablet and mobile */
	@media screen and (max-width: 768px) {
		.home .mainSection .veu_postList.pt_0 .postList.postList_miniThumb {
			display: block;
		}
		.home .veu_postList .postList_miniThumb .postList_item {
			width: 100%;
			margin-right: 0;
		}
	}

/* top 3点ボックスのリンク css修正 */
.home .veu_3prArea .prArea {
  position: relative;
}
.home .veu_3prArea .linkurl {
  position: absolute;
  top: 0;
  right: 14px;
}
.home .veu_3prArea .linkurl a {
  border: none;
  background: #7c972a;
  color: #fff;
  border-radius: 0;
}

.home .veu_3prArea .linkurl a::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0 29px 33px;
  border-color: transparent transparent #7c972a transparent;
  position: absolute;
  right: 86px;
  top: 1px;
}
  @media screen and (max-width: 768px) {
    .home .veu_3prArea .linkurl {
      top: 4px;
    }
    .home .veu_3prArea .linkurl a {
    }
    .home .veu_3prArea .linkurl a::before {
      border-width: 0px 0 25px 33px;
      right: 100px;
    }
  }

  @media screen and (max-width: 575px) {
    .home .veu_3prArea .linkurl {
      /* margin-top: 3em; */
      top: 5px;
    }
    .home .veu_3prArea .linkurl a::before {
      border-width: 0px 0 25px 33px;
      top: 0px;
      right: 100px;
    }
  }

/*----------------------------------------
 投稿タイプ (お知らせ news)
----------------------------------------*/

/* 投稿者名はいったん非表示 */
span.entry-meta_items_author {
  display: none;
}
.media a.media-body_excerpt {
  margin-bottom: 1em;
}

.flow {
  padding: 3rem;
  margin: 20px auto;
  border: 3px solid #ccc;
}
.flow span {
  margin: 0 10px 10px;
  font-weight: 700;
  font-size: 1.2em;
  color: #337ab7;
}
.flow span:first-child {
    margin-left: 0;
}
.flow i {
  color: #ccc;
}

/* navigation card */
.card-img-use-bg,
.vk_post_imgOuter_img {
  left: unset;
  position: absolute;
}

/* newマーク for top */
.postList_body span.newMark {
	margin-left: 0;
}

/* 関連情報 */
aside.news-aside {
  margin: 2em 0 3em;
  border: 1px solid #e5e5e5;
}

aside.news-aside h2 {
  padding: .7em .5em .6em;
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}


/*----------------------------------------
製品情報
----------------------------------------*/

.product_h_box {
	margin: 30px 0;
}
.product_h_txt {
	float: right;
	width: 70%;
}

h2.product_htxt {
	background: none;
	border: none;
	padding-left: 0;
	padding-right: 0;
  line-height: 1.6;
}

.product_detail {
	margin-bottom: 20px;
}

.product_detail dt {
	clear: both;
	float: left;
	width: 200px;
	padding: 5px 10px;
	background: #F9F9F9;
	box-sizing: border-box;
}

.product_detail dd {
	padding: 5px 10px;
	margin-left: 200px;
}

.product_h_img {
	position: relative;
	float: left;
	width: 28%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #afd342;
	text-align: center;
	padding: 20px 10px 10px 10px;
	box-sizing: border-box;
}

.product_h_txt2 {
	float: left;
	width: 70%;
}

.product_h_img2 {
	position: relative;
	float: right;
	width: 28%;
	height: 100%;
	overflow: hidden;
	border: 1px solid #afd342;
	text-align: center;
	padding: 20px 10px 10px 10px;
	box-sizing: border-box;
}

.product_h_img a, .product_h_img2 a {
	display: block;
}

.product_h_img a::after, .product_h_img2 a::after {
	content: url("https://rc-f.co.jp/wp-content/uploads/2018/05/img_efb.png");
	position: absolute;
	top: 10px;
	right: 10px;
}

.product_h_img div.product_h_gallery {
	width: 99%;
}

/* 製品画像リンクのエリアを拡張 */
a.link_img {
	display: inline-block;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 10px;
	transition: 0.4s;
  position: relative;
}
a.link_img img {margin-top: 10px;}
a:hover.link_img {
	background-color: #afd3420d;
	border: 1px solid #afd342;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

a.link_img > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  padding: 2rem 8rem;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: .2s all ease;
}

a:hover.link_img > span {
  opacity: 1;
  background: #000000e6;
}

a.link_img > i.fas {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #ccc;
}

a:hover.link_img > i.fas {
  display: none;
}

/*コンソールで使用*/
ul.ul_compact {
	margin-top: 0;
	margin-bottom: 0;
}

/* [plugin] Download Manager
ダウンロードマネージャー
----------------------------------------*/
.w3eden .media {
	border: none;
	padding: .8em 0;
}
.w3eden .ml-3 {}

.media>div {}

/* PDFダウンロード アクセサリ詳細 */
.accessories .product_h_box .w3eden {
	display: table-cell;
}
.accessories .product_h_box .w3eden > div { width: 100%;}
.accessories .product_h_box .w3eden .media {width: 100%;}

.accessories .product_h_box .w3eden .media:first-child {
	border-top: none;
}
.accessories .product_h_box .w3eden .media .media-body {
	width: 260px;
}


/* 会社概要-------------------------*/
.company_info a {}
.company_info dt {
	float: left;
	width: 150px;
	padding: 5px 10px;
	background: #F9F9F9;
  box-sizing: border-box;
}
.company_info dd {
	padding: 5px 10px;
	margin-left: 150px;
	margin-bottom: 20px;
	border: none;
}
.company_info dd ul {
margin-top: 10px;
margin-bottom: 15px;
}
.company_info dd ul li {
  margin-bottom: 0;
}

#access_honsya {
  margin-bottom: 4em;
}
/*----------------------------------------
経営理念
----------------------------------------*/
.philosophy,
.company_greeting,
.company_info {
	margin-bottom: 60px;
}
.philosophy {
	text-align: center;
	font-size: 1.2em;
}
.philosophy h2 {
	text-align: left;
}
.philosophy h3 {
  font-size: 1.75rem;
  padding: .5em 0 .3em;
}

/* 経営理念*/
.philosophy .management-philosophy {
  margin: 0 auto;
  text-align: center;
  font-size: 1.3em;
}
.philosophy .management-philosophy p {
  display: inline-block;
  text-align: left;
}

/* 企業目的 */
.philosophy .corporate-purpose {
  margin: 0 auto;
  text-align: center;
}
.philosophy .corporate-purpose p {
  display: inline-block;
  text-align: left;
  width: 400px;
}

/* 事業目的 */
.philosophy .business-purpose {
  /* margin: 0 auto;
  text-align: center; */
  text-align: left;
  width: 400px;
  margin-left: 29%;
}
.philosophy .business-purpose p {
}

/* 社風づくり */
.philosophy .corporate-culture {
	text-align: left;
}
.philosophy .corporate-culture ul {
	width: 400px;
	margin: 0 auto;
}

/* 環境方針 */
.philosophy .environmental-policy {
}
.philosophy .environmental-policy p {
}


.philosophy span {
	display: inline-block;
}
.philosophy span.indent2em {
	text-indent: 2em;
}
.philosophy span.indent3em {
	text-indent: 3em;
}
.philosophy span.indent4em {
	text-indent: 4em;
}
.philosophy span.indent5em {
	text-indent: 5em;
}
.philosophy_main h3{
	font-size: 1.3em;
	/* padding-bottom: 0; */
}
.notice_small {
	font-size: 0.8em;
}

/*----------------------------------------
代表ご挨拶
----------------------------------------*/
.company_greeting storng {
  font-size: 1.2em;
}

/*----------------------------------------
アクセス
----------------------------------------*/
.company_access dl dd {
	border: none;
	text-indent: 1em;
}


/* 納入事例-------------------------*/
/*コンテンツ上部横並びメニュー*/
.contents_navi {
  overflow: hidden;
	text-align: center;
}

.contents_navi_inbox {
	width: 100%;
	margin: 0 auto;
	background-color: #F5F5F5;
}
.contents_navi_inbox ul {
	margin-top: 0;
	margin: 0;
	padding: 0;
  list-style: none;
}
.contents_navi_inbox ul li {
  width: 100%;
  max-width: 350px;
  float: left;
	line-height: 2em;
	margin-bottom: 0;
}

.contents_navi_inbox ul li a {
	display: inline-block;
	width: 100%;
	padding: 3px;
	margin: 0 1px 1px;
	border: 1px solid #fff;
  text-decoration: none;
  color: #333333;
	background-color: #F5F5F5;
	box-sizing: border-box;
}

.contents_navi_inbox ul li a:hover {
  /* text-decoration: underline; */
  color: #fff;
	background-color: #495057;
}

/*納入事例　本文*/
.case_box {
	margin: 20px 0 0;
}
.case_box h2 {
  font-weight: 600;
}
.case_box_txt {
	float: right;
	width: 70%;
}
.case_detail {
	margin-top: 0.4em;
	margin-bottom: 20px;
}
.case_detail dt {
	clear: both;
	float: left;
	width: 200px;
	padding: 5px 10px;
	background: #F9F9F9;
	box-sizing: border-box;
}
.case_detail dt:first-child {
  font-size: 1.2em;
}
.case_detail dd {
	padding: 5px 10px;
	margin-left: 200px;
}
.case_detail dd:nth-child(2) {
    /* background: #afd34259; */
    font-weight: 700;
}
  @media not all and (min-width: 376px) {
     .case_detail dd:nth-child(2) {
         /* text-align: center; */
     }
  }
.case_detail dd span {
  font-size: 1.2em;
  font-weight: 600;
}
.case_detail dd ul {
	margin: 0;
}
.case_box_img {
	position: relative;
	float: left;
	width: 28%;
	height: 100%;
	overflow: hidden;
}
/*注釈*/
.notice_link {
	color: #23527c;
}

.notice_area {
  padding: 10px 20px;
	margin: 0 auto;
	text-align: center;
	border-radius: 10px;
	border: 5px solid #f2f2f2;
	box-sizing: border-box;
}

.notice_area p {
    margin-bottom: 0;
}

.notice_area_inbox {
	text-align: left;
	padding: 20px;
}
.notice_area_inbox h3.notice_title {
	border: none;
	font-size: 1.2em;
	box-shadow: none;
}
.notice_area_inbox h3.notice_title::after {
	border: none;
	display: none;
}
.notice_area_inbox p {
	font-size: 0.9em;
}

/* form 内BOX */
form .notice_area {
	width: 50%;
	max-width: 420px;
}

/* カスタム事例
　※一部CSSは納入事例をベースにしています
-------------------------*/
.custom_case .contents_navi_inbox ul li {
	max-width: 170px;
}
  @media not all and (min-width: 376px) {
     .custom_case .contents_navi_inbox ul li {
         max-width: 100%;
     }
  }


/* お問合せ-------------------------*/
.form_input {
  margin: 0;
  padding: 0;
}
.form_input .form_notice{
	color: #ff0000;
}
.form_input dl {
	clear: both;
	margin: 0;
}
.form_input dt {
	clear: both;
	float: left;
	width: 200px;
	padding: 5px 10px;
	background: #F9F9F9;
  box-sizing: border-box;
}
.form_input dt span {
	color: #ff0000;
}
.form_input dd {
	padding: 5px 10px;
	margin-left: 200px;
	margin-bottom: 5px;
	border: none;
	color: #3c763d;
}
#form_name, #form_company, #form_mail {
	width: 400px;
}
.form_input .form_button	{
	clear: both;
	margin: 0 auto;
	text-align: center;
}
.form_input .form_button div{
	display: inline-block;
	margin: 0 auto;
}
.form_input .form_button .btn {
	box-sizing: border-box;
	padding: 10px 20px;
	margin: 10px;
	width: 200px;
	letter-spacing: .2em;
	font-size: 1.1em;
}


/* 採用情報
----------------------------------------*/
.main-visual {
  margin-bottom: 20px;
}

p.lead-text {
  font-size: 1.6rem;
  text-align: center;
}

.table-recruit {
	width:100%;
}
.table.table-recruit tr:first-child td {
  border-top: 1px solid rgba(222, 226, 230, 0.9) !important;
}
.table-recruit th {
	background-color: #f2f2f2;
}

.recurit-address-box {
	padding: 20px;
	border-radius: 10px;
	background-color: #F2F2F3;
	width: 50%;
	text-align: center;
	margin: 0 auto 20px;
}

.recurit-address-box address {
	text-align: center;
	margin: 0;
}

.recurit-address-box a.tel {
	font-size: 2em;
	text-decoration: none;
	cursor: default;
	pointer-events: none;
	color: #444;
}

.recurit-address-box a.mail {
  width: 80%;
  max-width: 400px;
  margin: 20px auto 0;
  padding: .6em 0 .6em;
  font-size: 1.5rem;
}

.recurit-address-box i {
  margin-right: 0.5rem;
	/* font-size: 2.2rem; */
  font-size: 1.5rem;
}

@media screen and (max-width: 991px) {
	.product_detail dt, .company_info dt, .form_input dt {
		float: none;
		width: 100%;
	}
	.product_detail dd, .company_info dd, .form_input dd {
		margin: 0;
		width: 100%;
		border: none;
	}
	.company_info dd { margin-bottom: 20px;}
	.company_info, .ggmap {
		float: none;
		width: 100%;
	}
	.ggmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#form_name, #form_company, #form_mail {
		width: 100%;
	}
	.header_custom_area {}
	.menu_contact { /*メニューの「お問合せ」をモバイル用に再度表示させる*/
		display: block;
		visibility: visible;
		width: 100%;
	}

	.gMenu_outer {  /* ヘッダの位置調整をデフォルトに戻す*/
	  position: static;
	}

	/*2column start-------------------------*/
	.wrap_2column, .left_2column, .right_2column{
	clear:both;
	width:100%;
	}

	.wrap_2column { margin:0px auto; }
	.left_2column { margin:10px 10px 10px 0px; }
	.right_2column { margin:10px 0px 10px 10px; }

	/*-------------------------2column end*/

	/*納入事例*/
	.case_box_txt, .case_box_img {
		clear: both;
		width: 100%;
		position: static;
	}

  /* 経営指針 */
  .philosophy .corporate-purpose {
    margin-left: 21%;
  }
}

/* for tablet
----------------------------------------*/
@media screen and (max-width: 768px) {
  /* top */
  .mini-content-container-4 .slide-text-caption {
    top: 64px;
  }
  .mini-content-container-4 a.btn {
    font-size: 1.5em;
  }

  /* product */
  .product_detail dd, .company_info dd, .form_input dd {
    padding: 5px 0;
  }
	.recurit-address-box address a.tel {
    pointer-events: auto;
    font-size: 1.4em;
	}
}
@media screen and (max-width: 599px) {
	h1 span { font-size: 1em; }
	.product_h_txt, .product_h_img, .product_h_txt2, .product_h_img2 {
		float: none;
		width: 100%;
	}
	.slide-text-title, .slide-text-caption, .btn-ghost {
		font-size: 1em;
	}
	/*製品情報 アクセサリー詳細 PDFダウンロード*/
	.accessories .product_h_box .w3eden {
		display: block;
	}
	.accessories .product_h_box .w3eden .media .media-body {
		width: 100%;
	}
	/*納入事例*/
	.case_detail dt {
		clear: both;
		width: 100%;
	}
	.case_detail dd {
		margin-left: 0;
		border: none;
	}

	/*経営指針*/
  .philosophy .corporate-purpose p {
    width: auto;
  }
  .philosophy .corporate-purpose {
    margin-left: 0;
  }
  .philosophy .business-purpose {
    margin-left: 10%;
  }

	/*お問合せフォーム用ボックス*/
	.notice_area {
		margin-top: 20px;
		padding: 10px;
	}

	/*採用情報*/
	.recurit-address-box {
		width: 100%;
	}
	.recurit-address-box a.mail {
		width: 80%;
	}
}
.w3eden .wpdm_icon {width: 30px;}