@charset "utf-8";

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

* {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
  height: 100%;
}

body {
	color: #1a1a1a;/*#111*/
	background-color: #F2F6F7;
	font-family:Arial, Verdana, Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	word-wrap: break-word;
	height: 100%;
	line-height: 2.2;
}

.font_mincho {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

section,
article {
	display: block;
}

img {
	vertical-align: top;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover img {
	filter: brightness(120%);
}

li {
	list-style-type: none;
}

a {
	color: #0099CC;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover {
	color: #00CCCC;
	text-decoration: none;
}

table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}

.clfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	position: fixed;
	z-index: 300;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	background-color: #111;/*20230216*/
	background-color: rgba(242,246,247,0.9);/*20230216*/
}

header.fixed {
	background-color: #111;
	background-color: rgba(242,246,247,0.9);
}


header h1 a img {
	display: block;
	position: absolute;
}
header h1 span {/*20240520*/
	display: block;
	position: absolute;
}

#g_navi ul li a.ac_menu {
	cursor: pointer;
	overflow: hidden;
}

.pankuzu {
	background-color: #132d3d;/*#076EAA;/*#262626;/*#15394A;*/
	/*background-color: rgba(21,57,74,0.8);*/
	font-size: 14px;
	line-height: 30px;
	color: #EEE;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pankuzu ul {
	width: 96%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.pankuzu li {
	display: inline-block;
}

.pankuzu li a {
	text-decoration: none;
	color: #DDD;
}

.pankuzu li a::after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}

.pankuzu li a:hover {
	color: #FFF;
}

.pankuzu li i {
	padding-right: 5px;
}


/*
メインコンテンツ
-------------------------------------------*/
.content {
	width: 100%;
	background-color: #F2F6F7;
	color: #111;
	padding-top: 50px;
	padding-bottom: 50px;
}
.cont_wrap {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px !important;/*20240709*/
	/*padding-bottom: 50px !important;*/
	height: auto;/*202402011*/
}

#sub_top {
	/*background-color: #555;*/
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
	height: 650px;/*340px 600px 700px---20240712*/
	line-height: 30px;
	padding-top: 330px;/*180px 360px 画像中タイトル文字位置*/
	width: 100%;
	background-size: 100%;
	text-align: center;
	/*font-weight: bold;*/
	color: #FFF;
	font-size: 70px; /*70px　60px*/
	
	font-family: 'Comfortaa', cursive;
	font-family: 'Dosis', sans-serif;
	font-family: 'Jura', sans-serif;
	font-family: Arial, Verdana, Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;/*20230615*/
	letter-spacing: 0.1em;
	font-weight: 600;/*normal;/*20230615*/
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#sub_top span {/*20240710*/	
	font-size: 70%;
	color: #00A7E1;
}

#index_top {
	height: 100%;/*100% 20230621*/
	width: 100%;
	position: relative;
	overflow: hidden;
	/*font-size: 100px;/*20230222*/
	color: #363636;/*20230222*/
}


#index_top #top_catch {
	position: absolute;
	top: 0%;/*55% 65%　40%*/
	left: 0%;/*50 40%*/
	z-index: 10;
	width: 100%;/*560px 800px 1000px*/
	height: 250px;/*500 250*/
	/*margin-top: -250px !important;
	/*margin-left: -280px;*/
	/*padding-bottom: 0px !important;*/
	color: #FFF;
	/*background-color: #1BD;*/
	/*background-color: rgba(19,45,61,0.9);/*34,176,206,0.9*/
	/*background-color: rgba(113,187,232,0.50);*/
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: column;
	flex-flow: column;
	/*border-radius: 10px;/*角丸*/
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;*/
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);/*20230317テキスト影*/
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#index_top #top_catch h2 {
	font-size: 90px;/*45px 50px 100px 70px 95px*/
	letter-spacing: 1px;
	
	/*font-family: 'Comfortaa', cursive;
	font-family: 'Dosis', sans-serif;*/
	font-family: 'Jura', sans-serif;
	font-weight: normal;
	line-height: 1.5;/*1.5*/
	margin-bottom: 20px;/*20px*/
	padding-bottom: 0px !important;/*20230316*/
	text-align: center;
}
/*#index_top #top_catch p {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 2.4;/*2.4*/
/*}*/

/*スライド　テキスト（title）用　20230222*/
.sm-slider li div h3 {
font-family:  "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, 'Arial Narrow', 'BebasNeueRegular', Arial, sans-serif;
font-size: 80px;/*160px*/
padding: 0 30px 80px 30px;/*0 30px*/
line-height: 90px;/*90px*/
color: rgba(255, 255, 255, 0.8);/*rgba(255, 255, 255, 0.8),rgba(46,44,44,0.92)*/
margin: 0;/*0*//*-25% 0 0 0*/
margin-bottom: 3.3em;/*.3em*/
/*top: -100px;/*20240719*/
	/*animation: titleAnimation 36s linear infinite 0s;/*20240717*/
-moz-text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);/*20240717 17テキスト影 rgba(0, 0, 0, 0.5),rgba(255,255,255,0.97)*/
	-webkit-text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
}
/*-------------------------------*/

.content h2 {
	font-size: 28px;
	line-height: 2.2;
	margin-bottom: 5px;
	/*border-bottom-width: 1px;*/
	/*border-bottom-style: dotted;
	border-bottom-color: #15394A;*/
	font-weight: bold;
	letter-spacing: 1px;
	color: #132d3d;/*#111*/
	text-align: center;
	font-family: Arial, Verdana, Helvetica, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	clear: both;
}

.content h2 i {
	padding: 10px;
	color: #71F0BD;
}

.content h2 span {
	font-family: Arial, Verdana, Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 24px;
	color: #076eaa;/*#42CBE3 #00a7e1*/
	font-weight: normal;
	letter-spacing: 0.1em;
}

.content h2 span.small {
	font-size: 18px;
	font-weight: normal;
	color: #555;
}


/*h2その他タイトル横線デザイン用*/
.content h2.side_line {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
}
.content h2.side_line:before, .side_line:after {
  border-top: 1px solid;
  content: "";
  width: 3em; /* 線の長さ */
}
.content h2.side_line:before {
  margin-right: 1em; /* 文字の右隣 */
}
.content h2.side_line:after {
  margin-left: 1em; /* 文字の左隣 */
}

.content h2.under_line {/*下線20240603*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #15394A;
	margin-bottom: 30px;
}

.content h2.heading-25 {
    position: relative;
    padding-top: .75em;
    color: #132d3d;
}

.content h2.heading-25::before {
    position: absolute;
    bottom: 1.4em;/*.5em*/
    /*left: 0;*/
    z-index: -1;
    color: #A0C1CD;/*#e2eef3*/
    font-size: 1.5em;
    line-height: 1;
    content: attr(data-word);
    pointer-events: none;
}
/*h2下線デザイン　20240523*/
.content h2.heading-7 {
    display: inline-block;
    position: relative;
    color: #333;
}

.content h2.heading-7:before {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 4px;
    background-color: #2589d0;
}

/*------------------*/

.content h3 {
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 30px;
	position: relative;
	margin-top: 50px;/*30px*/
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;/*44px*/
	font-weight: normal;
	color: #132d3d;/*#2E94AD*/
	font-family: Arial, Verdana, Helvetica, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	clear: both;
	letter-spacing: 0.05em;
}

.content h3::after {
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 5px;/*20240222*/
	background-color: #076eaa;/*#82CCD5*/
	content: '';
}

.content h3 span {
	font-size: 15px;
	color: #555;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}

/*20230302 グラデーション*/
.content h3.grad {
	font-size: 30px;/*24px*/
	line-height: 30px;/*30xp 0px*/
	margin-top: 10px ;/*30px*/
	margin-bottom: 60px;/*30px*/
	position: relative;
	/*margin-top: 30px;*/
	padding-top: 100px;/*15px 0/50px 20231110*/
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;/*44px*/
	font-weight: normal;
	/*font-style: italic;*/
	color: #132d3d;/*#2E94AD*/
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	clear: both;
	letter-spacing: 0.05em;
}
.content h3.grad:after {
  position: absolute;
  bottom: 0;
top:150px;/*20230613 100px20231110*/
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#132d3d), to(#fff));
  background-image: -webkit-linear-gradient(left, #132d3d 0%, #fff 100%);
  background-image: linear-gradient(to right, #132d3d 0%, #fff 100%);

}

/*先輩アンケート　部署タイトル*/
.content h3.heading-1 {
    padding: .5em .7em;
    /*border-left: 5px solid #076eaa;*/
    background-color: #076eaa;
    color: #ffffff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	margin-bottom: 50px;
	margin-top: 150px !important;/*20240314*/
}
.content h3.heading-2::after {/*.content h3の左縦線消去*/
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 5px;/*20240222*/
	background-color: #076eaa;/*#82CCD5*/
	content: '';
}
.content h3.heading-2 {
    padding: .5em .7em;
    /*border-left: 5px solid #076eaa;*/
    background-color: #1599CF;
    color: #ffffff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	margin-bottom: 50px;
	margin-top: 100px;
}
.content h3.heading-2::after {/*.content h3の左縦線消去*/
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 5px;/*20240222*/
	background-color: #1599CF;/*#82CCD5*/
	content: '';
}
.content h3.heading-3 {
    padding: .5em .7em;
    /*border-left: 5px solid #076eaa;*/
    background-color: #068398;/*#0B9B89*/
    color: #ffffff;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	margin-bottom: 50px;
	margin-top: 100px;
}
.content h3.heading-3::after {/*.content h3の左縦線消去*/
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 5px;/*20240222*/
	background-color: #068398;/*#82CCD5*/
	content: '';
}

/*------------------*/


.content h4 {
	font-size: 20px;
	color: #132d3d;/*#597E84*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ADC4C7;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.content p {
	font-size: 16px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
}

/*20230301*/
.content .center {
	font-size: 16px;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-right: 0px;/*30px 20230613*/
	margin-left: 0px;/*30px 20230613*/
	text-align: center;
}
/*----------------*/


.content .ul_news li {
	font-size: 16px;
}
.content .ul_news li a span.date {
	padding-right: 20px;
	color: #888;
}

.content .ul_news li span.i_con {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #F90;
	color: #FFF;
	margin-right: 5px;
}
.content .ul_news li span.i_con.cl2 {
	background-color: #36BEAD;
}

.content .ul_news li a {
	display: block;
	color: #333;
	line-height: 30px;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	text-decoration: none;
}

.content .ul_news li a:hover {
	color: #000;
	background-color: #FFF;
}


.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}


.img_center span {
	position: absolute;
	background-color: #1599CF;/*#333;*/
	/*background-color: rgba(0,0,0,0.8);*/
	color: #FFF;
	letter-spacing: 0.1em;
	padding: 10px;
	left: 0;
	top: 0;
	font-size: 19px;/*20240213*/
}
.img_center span.cl_1 {
	background-color: #076eaa;
}
.img_center span.cl_2 {
	background-color: #068398;/*#333333*/
}

.img_center span.cl_3 {
	background-color: #FF9900;
}
.img_center span.cl_5 {
	background: linear-gradient(115deg, #DD8500 0%, #DD8500 45%, #1599CF 45%, #1599CF 100%);
}
.img_center span.cl_7 {
	background-color: #333333;
}


.img_center div {
	position: absolute;
	/*background-color: #0066A7;/*333*/
	background-color: rgba(19,45,61,.8);/*rgba(0, 102, 167, .8)*/
	color: #FFF;
	letter-spacing: 0.1em;
	padding: 50px;
	right: 0;
	bottom: 0;
}

.img_center_p { /*2023530 Products用*/
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.iv_img { /*各アンケートページ画像内文字用*/
	font-size: 18px;
}
.img_left {
	float: left;
	padding-top: 20px;
	padding-right: 50px;
	padding-left: 30px;
	padding-bottom: 20px;
	max-width: 50%;
}
.img_right {
	float: right;
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 50px;
	padding-bottom: 20px;
	max-width: 50%;
}

.img_left img,
.img_right img,
.img_center img,
.img_center_p img { /*20230530 Produts用*/
	width: 100%;
}

.content .img_left p,
.content .img_right p {
	font-size: 14px;
	margin: 0px;
	text-align: center;
	letter-spacing: 0.1em;
	color: #455E65;
}

.content p.check {
	color: #FF3333;
}
.content p.p_st {
	font-size: 20px;
	color: #CA28B1;
}

.content .cont_wrap .txt_box {
	background-color: #E6EDEE;
	padding: 20px;
	margin: 20px;
}
.content .cont_wrap .txt_box h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6CACD;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	color: #333;
}
.content .cont_wrap .txt_box h3::after {
	display: none;
}


/*各製品ページ用*/
/*　20230223*/
.content .cont_wrap .txt_box_p {
	background-color: #E6EDEE;
	padding: 20px;
	margin: 50px 20px 20px 20px;
	display: inline-block !important;/*写真横並び用・写真幅小さいとboxも狭くなるため、width設定*/
	width: 92%;
}
.content .cont_wrap .txt_box_p h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	/*text-align: center;*/
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6CACD;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	color: #333;
	font-size: 24px;/*20230613*/
}
.content .cont_wrap .txt_box_p h3::after {
	display: none;
}

.content .cont_wrap .txt_box_p h5 {
	font-size: 16px;
	color: #597E84;
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ADC4C7;*/
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;	
}

/*.content .cont_wrap .txt_box_p img.image_left {
	/*float: left;*/
	/*padding-top: 20px;
	padding-right: 50px;
	padding-left: 30px;
	padding-bottom: 20px;
	max-width: 50%;
	/*clear: both;*/
	/*display: inline-block !important;
}
.content .cont_wrap .txt_box_p img.image_right {
	/*float: right;*/
	/*padding-top: 20px;*/
	/*padding-right: 30px;
	padding-left: 50px;
	padding-bottom: 20px;
	max-width: 50%;
	height: auto;
	/*display: inline-block;
	/*height: auto;
	clear: both;*/
/*}*/

/*.img_left img,
.img_right img,
.img_center img {
	width: 100%;
}



/*20230302*/
/*.content .cont_wrap ul {margin-left: 40px;} 
/*-----------------------------*/

/*Histotyページ*/
#history .content table.table_01 th {
	font-size: 25px;
	/*font-style: italic;*/
	color: #0066A7;
}
/*companyページ 20230620*/
#company .content table.table_01 th {
	font-size: 20px;
	/*font-style: italic;*/
	color: #0066A7;
}


/*---------------------------- */

/*redultsページ 20230311*/
.archive_wrap {
	height: 1000px;
}
/*-----------------------*/

/*productsページ 20230311*/
.products_wrap {
	height: 1000px;/*300px   20240212 */
}
/*-----------------------*/

/*staffページ 20240213 高さ指定しないとクリック出来ない？*/
.soumu_staff_wrap {
	height: 1750px;/*2000 */
}
.gijutsu_staff_wrap {
	height: 2950px;/*2000 */
}
.eigyou_staff_wrap {
	height: 1400px;/*2000 */
}

/*-----------------------*/


a.ap {
	padding-top: 50px;
	margin-top: -50px;
}

/*
コンテンツ大ボタン
-------------------------------------------*/
.btn_cnt a {
	font-size: 16px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 240px;
	background-color:#132d3d;/*#11BBDD*/
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	line-height: 30px;/*22px*/
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	font-weight: bold;
	border-color: aquamarine;/*20230214*/
	border-style: solid;/*20230214*/
	border: 1px;/*20230214*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.btn_cnt a i {
	padding-right: 10px;
}
.btn_cnt a:hover {
	color: #076eaa;/*#11BBDD*/
	background-color: #FFF;
}

.btn_cnt.rt a {
	float: right;
	max-width: 220px;
	margin-right: 10px;
}


/*
トップへ戻るボタン
-------------------------------------------*/
.to_top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 800;
}
.to_top a {
	text-decoration: none;
	text-align: center;
	display: block;
	width: 60px;
	height: 60px;
	background-color: #DFDFDF;/*#D0EAF9*//*#DCE7E9*/
	color: #076EAA;/*#333*/
	text-align: center;
	font-size: 32px;
	line-height: 60px
}
.to_top a:hover {
	background-color: #076EAA;/*#00a7e1/*#1BD*/
	color: #FFF;
}

/*
フッター
-------------------------------------------*/

footer {
	background-color: #132d3d;/*#CCCCCC;/*#A6A6A6;/*#808080;/*#262626;/*#132d3d;/*#DCE7E9*/
	color: #fff;/*#262626;/*345*/
	clear: both;
	width: 100%;
	display: block;
	padding-top: 20px;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color:  #132d3d;/*#D2E1E3*/
}

footer .cont_wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

footer .cont_wrap .f_box {
	width: 20%;
	padding: 10px;
}

footer .cont_wrap .f_box.lg {
	width: 60%;
}
footer .cont_wrap .f_box.lg img {/*QR 20240722*/
	width: 15%;
	margin-top: 30px;
	margin-left: 0px;	
}

footer .cont_wrap p {
	font-size: 15px;
}

footer .cont_wrap p caption {
	text-align: center;
}


footer .cont_wrap ul {
	padding: 20px;
}

footer .cont_wrap ul li a {
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: #fff;/*#555*/
}

footer .cont_wrap ul li.contact a {
	text-align: center;
	color: #FFF;
	background-color: #00a7e1;/*#1BD*/
	font-size: 14px;
	padding: 4px;/*2px*/
	margin-top: 8px;/*5px*/
}

footer .cont_wrap ul li.contact a:hover {
	color: #00a7e1;/*#1BD*/
	background-color: #fff;/*20230215*/
}
footer .cont_wrap ul li.contact a::before {
	display: none;
}

footer .cont_wrap ul li a::before {
	/*content: "・ ";*/
	color: #999;
}

footer .cont_wrap ul li a:hover {
	color: #00a7e1;/*#111*/
	background-color: #132d3d;/*#DAF5FF #fff*/
	padding-left: 5px;/*20230305*/
}

address {
	clear: both;
	font-size: 12px;
	font-style: normal;
	padding: 20px;
	text-align: center;
	letter-spacing: 1px;
}

footer .box_pr {
	clear: both;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 12px;/*10px*/
	color: #fff;/*#55838A;*/
	letter-spacing: 1px;
	background-color: #132d3d;/*#262626;/*#D2ECFA;/*#D2E1E3*/
	padding-top: 18px;
	line-height: 22px;
}

.box_pr ul li {
	display: inline;
	padding: 5px;
}

.box_pr ul li a {
	color: #55838A;
}


/*
各種テーブル
-------------------------------------------*/
.content table.table_01 {
	width: 96%;
	margin-top: 45px;/*20px*/
	margin-right: auto;
	margin-bottom: 100px;/*30px*/
	margin-left: auto;
}
.content table.table_01 th,
.content table.table_01 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	padding: 20px;
}
.content table.table_01 th {
	font-size: 17px;/*16px*/
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
	background-color:#E1F3FF;/*#132D3D #E1F3FF #C8E6F7 #E0F3FF 20240709*/
	color: #132D3D;/*20240709*/
	font-weight: 500;/*20240709*/
}
.content table.table_01 td {
	font-size: 15px;
	line-height: 30px;
	background-color: #FFF;
}

.small {
	font-size: smaller;
	color: #666;
}
.chui {
	color: #F03600;
}

.table_01 caption {
	font-size: 14px;
	line-height: 30px;
	background-color: #E5E5E5;
	color: #111;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #FFF;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;
}
.table_01 th span {
	font-size: 12px;
	color: #CCC;
}


/*
トップ下部ピックアップ
-------------------------------------------*/
.pick_up {
	width: 100%;
}


.pick_up ul {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px; /*20231228*/
	width: 100%;
	max-width: 1400px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.pick_up ul li {
	width: 32%;
	position: relative;
}
.pick_up ul li a {
	display: block;
	overflow: hidden;
	position: relative;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.pick_up ul li a img {
	width: auto;
	max-width: 100%;
	z-index: 0;
}
.pick_up ul li a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.pick_up ul li a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(92,189,202,0.2);
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

.pick_up ul li a:hover::before {
	background-color: rgba(19,45,61,0.7);/*54,190,173,0.9*/
}


.pick_up ul li a div {
	color: #FFF;
	font-size: 32px;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 80%;
	margin-top: -20px;
	margin-left: -40%;
	position: absolute;
	left: 50%;
	top: 47%;
	font-weight: bold;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	z-index: 10;
}
.pick_up ul li a div span {
	font-size: 16px;
	letter-spacing: 2px;
}
.pick_up ul li h5 {/*20230213*/
	line-height:2;
	font-family: Arial, Verdana, Helvetica,;
	font-size: 18px;
	font-weight: normal;
	color: #132d3d;
}
.pick_up ul li {/*20230213*/
	line-height:1.5;
	font-family: Arial, Verdana, Helvetica,;
}

/*
マイナビリンク(トップページ)20240725
-------------------------------------------*/
.block_w01{
	background-color: #fff;/*#fff*/
	padding-top: 60px;
	padding-bottom: 50px;/*20240720*/
}

.block_w01 h2 {
	/*font-size: 36px !important;*/
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.block_w01 h2.side_line {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
}
.block_w01 h2.side_line:before, .side_line:after {
  border-top: 1px solid;
  content: "";
  width: 3em; /* 線の長さ */
}
.block_w01 h2.side_line:before {
  margin-right: 1em; /* 文字の右隣 */
}
.block_w01 h2.side_line:after {
  margin-left: 1em; /* 文字の左隣 */
}

/*
マンガでみる日鉄セメント(トップページ)20240720
-------------------------------------------*/
.block_w02{
	background-color: #F2F6F7;/*#fff*/
	padding-top: 60px;
	padding-bottom: 50px;/*20240720*/
}

.block_w02 h2 {
	/*font-size: 36px !important;*/
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.block_w02 h2.side_line {
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
}
.block_w02 h2.side_line:before, .side_line:after {
  border-top: 1px solid;
  content: "";
  width: 3em; /* 線の長さ */
}
.block_w02 h2.side_line:before {
  margin-right: 1em; /* 文字の右隣 */
}
.block_w02 h2.side_line:after {
  margin-left: 1em; /* 文字の左隣 */
}

/*マンガ枠内　20240514*/
/*-------------------------------------------*/
.manga_sec {
	width: 100%;
}

.manga_sec ul {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px; /*20231228*/
	width: 100%;
	max-width: 1400px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.manga_sec ul li {
	width: 45%;/*20240514*/
	position: relative;
}
.manga_sec ul li a {
	display: block;
	overflow: hidden;
	position: relative;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.manga_sec ul li a img {
	width: auto;
	max-width: 100%;
	z-index: 0;
}
.manga_sec ul li a:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.manga_sec ul li a::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(92,189,202,0.2);
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

.manga_sec ul li a:hover::before {
	background-color: rgba(19,45,61,0.7);/*54,190,173,0.9*/
}


.manga_sec ul li a div {
	color: #fff;
	font-size: 28px;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 80%;
	margin-top: -20px;
	margin-left: -40%;
	position: absolute;
	left: 50%;
	top: 47%;
	font-weight: bold;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	z-index: 10;
}
.manga_sec ul li a div span {
	font-size: 16px;
	letter-spacing: 2px;
}
.manga_sec ul li h5 {/*20230213*/
	line-height:2;
	font-family: Arial, Verdana, Helvetica,;
	font-size: 18px;
	font-weight: bold;/*normal 20240514*/
	color: #132d3d;
}
.manga_sec ul li {/*20230213*/
	line-height:1.5;
	font-family: Arial, Verdana, Helvetica,;
}
/*まんがスペース*/
.manga_waku_l {
	padding-left: 10px;
	width: 48%;/*45%*/
}
.manga_waku_r {
	padding-right: 10px;
	width: 100%;/*600px*/
}
.manga_waku_r video {
	/*padding-right: 10px;*/
	width: 100%;/*600px*/
}




/*
コンテンツボックス
-------------------------------------------*/

.box_cont {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.box_cont .box_c_in {
	width: 48%;
	min-height: 200px;
	padding: 10px;
	border: 1px solid #CFDEE0;
	margin-bottom: 30px;
}

.box_cont .box_c_in:hover {
	background-color: #FFF;
	border-top-color: #1BD;
	border-right-color: #1BD;
	border-bottom-color: #1BD;
	border-left-color: #1BD;
}

.box_cont .box_c_in img {
	max-width: 100%;
	padding: 20px;
}

.content .box_cont .box_c_in h2 {
	padding-bottom: 10px;
	font-size: 24px;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	padding-top: 10px;
}

/*
コンテンツボックス-2(枠線無し) 2023/03/01 
-------------------------------------------*/
/*.box_cont_2 {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}*/

.box_cont .box_c_in_2 {
	width: 48%;
	min-height: 200px;
	padding: 10px;
	border: 1px solid #CFDEE0;
	margin-bottom: 30px;
	text-align: center;
}

/*.box_cont .box_c_in_2:hover {
	background-color: #FFF;
	border-top-color: #1BD;
	border-right-color: #1BD;
	border-bottom-color: #1BD;
	border-left-color: #1BD;
}*/

.box_cont .box_c_in_2 img {
	max-width: 100%;
	padding: 20px;
}

.box_cont .box_c_in_2 .img_s {/*カタログダウンロードに使用　20230319*/
	max-width: 70% !important;
	padding: 20px;
}

#products .content .box_cont .box_c_in_2 h2 {
	color: #132d3d !important;/*20230312*/
	padding-bottom: 0px;
	font-size: 24px;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	padding-top: 10px;
}

/*
コンテンツボックス (採用情報・働き方データで使用)20240509
-------------------------------------------*/

/*.box_cont {
	width: 100%;
	max-width: 1200px;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}*/

#recruit-yoko .box_cont .box_c_in_recnum {
	width: 48%;
	min-height: 100px;/*200px*/
	padding: 10px;
	border: 1px solid #CFDEE0;
	margin-bottom: 30px;
	text-align: center;/*20240509*/
	background-color: #FFF;/*20240513*/
}

/*#recruit-yoko .box_cont .box_c_in_recnum:hover {
	background-color: #FFF;
	border-top-color: #1BD;
	border-right-color: #1BD;
	border-bottom-color: #1BD;
	border-left-color: #1BD;
}*/

#recruit-yoko .box_cont .box_c_in_recnum img {
	max-width: 110%;
	padding: 10px;
}

#recruit-yoko .content .box_cont .box_c_in_recnum h2 {
	padding-bottom: 10px;
	font-size: 22px;
	border-bottom-width: 1px;
	border-bottom-color: #777777;/*#CCC*/
	padding-top: 10px;
}



/*
背景入り帯
-------------------------------------------*/

.obi_001 {
	background-image: url(../img/obi_001.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 15%;
	padding-right: 20px;
	padding-bottom: 15%;
	padding-left: 20px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center bottom;
	color: #FFF;
	margin-top: 100px;/*50px*/
	margin-bottom: 100px !important;/*50px*/
}

.content .obi_001 h2 {
	color: #FFF;
	border-bottom: none;
	padding-bottom: 0px;
	font-size: 36px;
}
.obi_001 p {
	line-height: 2.4;
}

/*お問い合わせスペース帯（下層ページ）*/

.obi_002 {
	width: 100%;
	height: auto;/*auto*/
	/*background-image: url(../img/obi_002.jpg);
	background-repeat: no-repeat;*/
	background-size: cover;
	background-color: #B0DAF9;/*20240603*/
	padding: 0 0 35%;/*0 0 50%*/
	position: relative;
	/*margin-top: 100px;/*20230620追記*/
	/*margin-bottom: 50px;/*20230525*/
}

.obi_002 .box_in {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: column;
	flex-flow: column;
	position: absolute;
	color: #1a1a1a;
	/*background-color: rgba(7,110,170,0.3);/*54,190,173,0.8*/
}

.obi_002 h2 {
	font-size: 35px ;/*35px*/
}
.obi_002 p {
	line-height: 2;
	/*font-weight: bold;*/
	text-align: center;/*20230609*/
}

/*ondex お問い合わせスペース帯（TOPページ） 20240720*/

/*.content .obi_002 {
	/*width: 100%;
	height: auto;/*auto*/
	/*background-image: url(../img/obi_002.jpg);
	background-repeat: no-repeat;*/
/*	background-size: cover;
	background-color: #B0DAF9;/*20240603*/
/*	padding: 0 0 20%;/*0 0 50%*/
/*	position: relative;
	/*margin-top: 100px;/*20230620追記*/
	/*padding-bottom:50px;/*20240720*/ 
/*}

.content .obi_002 .box_in {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: column;
	flex-flow: column;
	position: absolute;
	color: #1a1a1a;
	/*background-color: rgba(7,110,170,0.3);/*54,190,173,0.8*/
/*	padding-bottom: 100px;
	padding-top: 80px;
}

.content .obi_002 h2 {
	font-size: 36px !important;/*35px*/
/*	margin-bottom: -20px !important;/**/
/*	font-family:Arial, Verdana, Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
.content .obi_002 p {
	line-height: 0;
	/*font-weight: bold;*/
/*	text-align: center;/*20230609*/
/*	font-family:Arial, Verdana, Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
*/



/*-------テキストナビ(採用情報リンク・トップページ削除済み)----------------------20231212*/

* html .topNavi0 {
    height:1em;
    overflow:visible;
}

.topNavi0 {
	overflow:hidden;
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
	margin-left: 20%;
/*	height: 90px;*/
}

.topNavi0_Column {
	display:inline;
	width:25%;
	float:left;
	margin-right:0.2%;
	margin-left:0%;
	height: 120px;
	background-color:#00406F;
	color:#FFFFFF;
	border:1px solid;
	border-color:#CCCCCC;
	padding: 0px;
}

.topNavi0_Con {
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	padding:10px;
	text-decoration:none;
	color:#373737;
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
	/*background-color: rgba(255,255,255,0.2);*/
	/*border:2px solid #f1f1f1;*/
/*	border-radius:4px;　角丸削除　*/
}

/*.topNavi0_Con:hover {
	color:#333333;
	background:#fff none repeat scroll 0 0;
/*	border:2px solid #B9D0E8;*/
/*	transition:background 0s ease 0s, border 0.5s ease-out 0s;
	text-decoration:none;
}*/
.topNavi0_Con h2 {
	font-size:18px;
	font-weight:bold;
	color:#fff;/*#005c9d*/
	border:none;
/*	background-image: url(../common/images/contents/button_bg.png);
	background-repeat: no-repeat;
	background-position: 90%;*/
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 25px;
	padding-bottom: 25px;
	text-align:center;
	

}

.car{/*キャリア採用ボタン　テキスト位置調整*/
	padding-top: 38px!important;
}

.topNavi0_Con:hover {
background-color: rgba(0, 76, 153, 0.8);


	text-decoration:none;
	opacity:0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	

}
/*.topNavi0_Con:hover h2 {
	color:#2996BE;
}*/


/*
コンテンツ大ボタン　→　採用情報リンク　20240527
-------------------------------------------*/
.btn_cnt_02 {
	overflow:hidden;
	position:relative;
	display: inline-block;
	margin: 0 10px;
}

.btn_cnt_02 a {
	font-size: 20px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	position:relative;/**/
	display: block;
	width: 500px;
	background-color:#132d3d;/*#11BBDD*/
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	line-height: 30px;/*22px*/
	padding-top: 30px;
	padding-bottom: 30px;
	/*clear: both;*/
	font-weight: 500;
	border-color: aquamarine;/*20230214*/
	border-style: solid;/*20230214*/
	border: 1px;/*20230214*/
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.btn_cnt_02 a i {
	padding-right: 20px;
}
.btn_cnt_02 a:hover {
	color: #fff;/*#11BBDD #076eaa*/
	background-color: #11BBDD;
}

.btn_cnt_02.rt a {
	float: right;
	max-width: 350px;
	margin-right: 10px;
}
.btn_cnt_02.lt a {
	float: left;
	max-width: 350px;
	margin-right: 10px;
}







div .more {
	color: #FFFFFF;
	text-align: center;
}


/*-----------------------------------------------------------*/


@media screen and (min-width:960px){
body {
	font-size: 16px;
}

/*
ヘッダー
-------------------------------------------*/
header {
	height: 90px;
}


header h1 a img {
	top: 23px;
	left: 10px;
	height: 20px;/*44px*/
}
header h1 span {/*20240520*/
	top: 50px;
	left: 20px;
	font-size: 12px;
	/*height: 20px;/*44px*/
}

	
.menu_btn,
.btn_close {
	display: none;
}

/*
PCグローバルナビ
-------------------------------------------*/
#g_navi {
	position: absolute;
	right: 10px;
	top: 30px;/*20px*/
	width: auto;
	margin-left: 200px;
	display: block !important;
	z-index: 1000;
}

#g_navi ul li{
	display: inline;
}

#g_navi li a {
	width: auto;
	padding: 10px;
	line-height: 20px;/*30px*/
	display: block;
	color: #111;
	text-decoration: none;
	text-align: center;
	position: relative;
	float: left;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
}

#g_navi li a::before {
	display: block;
	height: 2px;
	position: absolute;
	top: 2px;
	width: 70%;
	left: 15%;
	background-color: rgba(7,110,170, 0);/*17,187,221,0*/
	content: '';
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi li a:hover::before {
	background-color: rgba(7,110,170, 1);/*17,187,221, 1*/
	top:0px;
	width: 80%;
	left: 10%;
}

#g_navi li a:hover {
	color: #076eaa !important;/*#1BD*/
}

#g_navi.txt_w li a {
	color: #FFF;
}

header.fixed #g_navi.txt_w li a {
	color: #111;
}

#g_navi li.contact a {
	background-color: #00a7e1; /*#076eaa/*#1BD*/
	color: #FFF !important;
	padding-left: 10px;/*20px*/
	padding-right: 10px;/*20px*/
	margin-left: 10px;/*10px*/
	border-radius: 3px;/*4px*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	float: left;/*20230216
	/*border: 2px #076eaa solid;*/
	font-size: 14px;
}
#g_navi li.contact a:hover {
	background-color: #076eaa;/*#FFF*/
	color: #fff !important; /*#1BD*//*#00a7e1*//*#D0EAF9シンボル水色*/
	/*border: 2px #076eaa solid;*/
}
#g_navi li.contact a::before {
	display: none;
}
/*JP・EN切り替えボタン　20230309*/
#g_navi li.jp a {
	background-color: #fff;/*#1BD*/
	color: #076eaa !important;
	padding-left: 10px;/*20px*/
	padding-right: 10px;/*20px*/
	margin-left: 20px;/*40px*/
	border-radius: 4px;/*4px*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float: left;/*20230216*/
	/*height: 40px !important;
	padding-top: 10x !important;*/
}
#g_navi li.jp a:hover {
	background-color: #076eaa;
	color: #fff !important;/*#1BD*/
}
#g_navi li.jp a::before {
	display: none;
}
	
#g_navi li.en a {
	background-color: #076eaa;/*#076eaa;/*#1BD*//*footerと同色#132d3d*/
	color: #FFF !important;
	padding-left: 10px;/*20px*/
	padding-right: 10px;/*20px*/
	margin-left: 10px;/*10px*/
	border-radius: 4px;/*4px*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float: left;/*20230216*/
}
#g_navi li.en a:hover {
	background-color: #076eaa;/*#076eaa;/*#fff*/
	color: #fff !important;/*#1BD*/
}
#g_navi li.en a::before {
	display: none;
}
	
/*----------------------------*/	
	
	

/*
ヘッダー（施工実績ぺーはresults/css/style.cssにて指定）
-------------------------------------------*/

/*#index_top {/*20230620
	min-height: 850px;
}
*/
#sub_top.message {
	background-image: url(../img/sub_top_company.jpg);
}

#sub_top.interview {
	background-image: url(../img/sub_top_interview.jpg);
}	
#sub_top.soumu {
	background-image: url(../img/sub_top_soumu.jpg);
}	
#sub_top.gijutsu {
	background-image: url(../img/sub_top_gijutsu.jpg);
}
#sub_top.eigyou {
	background-image: url(../img/sub_top_eigyou.jpg);
}	
	
#sub_top.photos {
	background-image: url(../img/sub_top_photos.jpg);
}
#sub_top.office_photos {
	background-image: url(../img/sub_top_office_photos.jpg);
}
#sub_top.factory_photos {
	background-image: url(../img/sub_top_factory_photos.jpg);
}
#sub_top.event_photos {
	background-image: url(../img/sub_top_event_photos.jpg);
}

#sub_top.about {
	background-image: url(../img/sub_top_about.jpg);
}
#sub_top.university {
	background-image: url(../img/sub_top_university.jpg);
}
#sub_top.highschool {
	background-image: url(../img/sub_top_highschool.png);
}
#sub_top.career {
	background-image: url(../img/sub_top_career.jpg);
}
	
#sub_top.results {
	background-image: url(../img/sub_top_results.jpg);/*各施工実績ぺージはresults/css/style.cssにて指定）*/
}
	
#sub_top.contact {
	background-image: url(../img/sub_top_company.jpg);
}	
	

#sub_top.works {
	background-image: url(../img/sub_top_works.jpg);
}

	
/*PCでは表示しない設定 utility.cssでも設定あり*/	
.no_pc {
	display: none !important;
}

	
}

/*-- /960px～ --------------------------------------------------*/

@media screen and (min-width:1200px){

header h1 a img {
	left: 50%;
	margin-left: -590px;
}
header h1 span {/*20240520*/
	left: 50%;
	margin-left: -520px;
	font-size: 12px;
}	

header #g_navi {
	right: 50%;
	margin-right: -590px;
}
.obi_002 {	
	padding: 0 0 20%;
}

}

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

body {
	font-size: 16px;
}

body.fixed {
	overflow: hidden;
}

img {
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	margin-left:auto;
	margin-right:auto;
}

.content h4 {
	margin-right: 10px;
	margin-left: 10px;
}

#sub_top {  /*--20230531*/
	height: 500px !important;/*180px 300px 20230619*/
	padding-top: 100px;
}
#index_top #top_catch h2 {
	font-size: 50px;/*20230622*/
}

/*スライド　テキスト（title）用　20240725*/
.sm-slider li div h3 {
	font-size: 60px;
}
	
/*
メニューボタン
-------------------------------------------*/

.menu_btn {
	display: block;
	height: 40px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 5000;
	top: 5px;
	right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}
.menu_btn:hover {
	cursor: pointer;
}

.menu_btn span {
	width: 28px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14px;
	background-color: #076eaa;/*#1BD*/
}
.menu_btn span {
    transition: all 0.3s;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);    
  }
.menu_btn span.top {
    transform: translateY(-8px);
	-webkit-transform: translateY(-8px);  
    -moz-transform: translateY(-8px);    
  }
.menu_btn span.bottom {
    transform: translateY(8px);
	-webkit-transform: translateY(8px);  
    -moz-transform: translateY(8px);    
}


.menu_btn:hover span.top {
    transform: translateY(-10px);
	-webkit-transform: translateY(-10px);  
    -moz-transform: translateY(-10px);    
}
.menu_btn:hover span.bottom {
    transform: translateY(10px);
	-webkit-transform: translateY(10px);  
    -moz-transform: translateY(10px);    
}

.menu_btn.opened span {
	background-color: #7BC;
}

.menu_btn.opened span.middle {
    background: rgba(255, 255, 255, 0);
	 transform: translateX(30px);
	 -webkit-transform: translateX(30px);  
    -moz-transform: translateX(30px);    
}
.menu_btn.opened span.top {
    transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);  
    -moz-transform: rotate(-45deg) translateY(0px);    
}
.menu_btn.opened span.bottom {
    transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px);  
    -moz-transform: rotate(45deg) translateY(0px);    
}

/*
グローバルナビ
-------------------------------------------*/
#g_navi {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	overflow: auto;
	z-index: 3000;
	background-color: #F2F6F7;
	background-color: rgba(242,246,247,0.85);
	display: none;
	padding-left: 10%;
}
#g_navi ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 100%;
}


#g_navi ul li a {
	color: #111;
	text-decoration: none;
	display: block;
	padding: 10px;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
#g_navi ul li a:hover {
	color: #1BD;
}

#g_navi ul li.contact a {
	text-align: center;
	background-color: #1BD;
	color: #FFF;
	width: 90%;
}

#g_navi ul li.contact a:hover {
	background-color: #FFF;
	color: #1BD;
}


/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}


/*
ヘッダー
-------------------------------------------*/

header {
	height: 52px;
}

header h1 a img {
	top: 10px;
	left: 10px;
	width: 300px;/*20230703*/
	height: auto;/*36px*/
}
header h1 span {/*20240520*/
	top: 25px;
	left: 45px;
	width: 300px;/*20230703*/
	height: auto;/*36px*/
	font-size: 12px;
}

	
header .h_menu {
	display: none;
}

header #info {
	display: none;
}


/*ページトップ画像　（max-width:960px）----------------------*/
#sub_top.message {
	background-image: url(../img/sub_top_company.jpg);
}

#sub_top.interview {
	background-image: url(../img/sub_top_interview.jpg);
}	
#sub_top.soumu {
	background-image: url(../img/sub_top_soumu.jpg);
}	
#sub_top.gijutsu {
	background-image: url(../img/sub_top_gijutsu.jpg);
}
#sub_top.eigyou {
	background-image: url(../img/sub_top_eigyou.jpg);
}	
	
#sub_top.photos {
	background-image: url(../img/sub_top_photos.jpg);
}
#sub_top.office_photos {
	background-image: url(../img/sub_top_office_photos.jpg);
}
#sub_top.factory_photos {
	background-image: url(../img/sub_top_factory_photos.jpg);
}
#sub_top.event_photos {
	background-image: url(../img/sub_top_event_photos.jpg);
}

#sub_top.about {
	background-image: url(../img/sub_top_about.jpg);
}
#sub_top.university {
	background-image: url(../img/sub_top_university.jpg);
}
#sub_top.highschool {
	background-image: url(../img/sub_top_highschool.png);
}
#sub_top.career {
	background-image: url(../img/sub_top_career.jpg);
}
	
#sub_top.results {
	background-image: url(../img/sub_top_results.jpg);/*各施工実績ぺージはresults/css/style.cssにて指定）*/
}
	
#sub_top.contact {
	background-image: url(../img/sub_top_company.jpg);
}	

	
#sub_top.works {
	background-image: url(../img/sub_top_works_sp.jpg);
}



/*
フッター
-------------------------------------------*/
footer {
	border-bottom-width: 60px;
}

footer .cont_wrap .f_box {
	width: 50%;
	text-align: center;
}
footer .cont_wrap .f_box.lg {
	width: 100%;
}

.manga_sec ul li {
	width: 98%;/*20240727*/
	margin-left: 1%;
}
	
.no_sp {/*スマホは非表示 utility.cssにも設定有り */
	display: none;
}

	
	
	
}
/*-- /～960px --*/



/*
無限ループ
-------------------------------------------*/
.loop_wrap_base {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #F2F6F7;
	padding-top: 30px;
	padding-bottom: 30px;
}


.loop_wrap_base h2 {
	font-weight: normal;
	color: #111;
	text-align: center;
	line-height: 1.2;
	padding: 10px;
	font-size: 24px;
}
.loop_wrap_base h2 span {
	letter-spacing: 0.2em;
	font-size: 14px;
	color: #555;
}

.loop_wrap {
  display: flex;
  width: 220%;/*220%*/
  height: auto;
}

.loop_wrap ul {
  width: 100%;
  height: auto;
  display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.loop_wrap ul li {
	width: 14.285%;/*20% ←ul内のli数が5個の場合*//*100％÷7(ul内のli数)＝14.285％*/
}

.loop_wrap ul li a {
	display: block;
	text-decoration: none;
	color: #555;
	text-align: center;
	line-height: 1.6;
	font-size: 14px;
	position: relative;
}
.loop_wrap ul li a img {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}

.loop_wrap ul li a span {
	display: inline-block;
	background-color: #1599CF;/*#36BEAD*/
	color: #FFF;
	font-size: 12px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;
	letter-spacing: 1px;
	z-index: 10;
}

.loop_wrap ul li a span.cl_2 {
	background-color: #333;
}

.loop_wrap ul li a span.cl_3 {
	background-color: #FF9900;
}

.loop_wrap ul li a span.cl_5 {
	background: linear-gradient(115deg, #DD8500 0%, #DD8500 45%, #1599CF 45%, #1599CF 100%);
}


@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);/*-200%*/
  }
}

.loop_wrap ul:first-child {
  animation: loop 50s -25s linear infinite;
}

.loop_wrap ul:last-child {
  animation: loop2 50s linear infinite;
}

.loop_wrap:hover ul {
  animation-play-state: paused;
}


/*
無限ループ Products List用　20230220
-------------------------------------------*/
.loop_wrap_base_s {
	width: 100%;/*100px*/
	height: auto;
	overflow: hidden;
	background-color: #F2F6F7;
	padding-top: 30px;
	padding-bottom: 30px;
}


.loop_wrap_base_s h2 {
	font-weight: normal;
	color: #111;
	text-align: center;
	line-height: 1.2;
	padding: 10px;
	font-size: 24px;
}
.loop_wrap_base_s h2 span {
	letter-spacing: 0.2em;
	font-size: 14px;
	color: #555;
}


.loop_wrap_s {
  display: flex;
  width: 320%;/*220%*/
  height: auto;
}

.loop_wrap_s ul {
  width: 100%;/*100%*/
  height: auto;/*auto*/
  display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.loop_wrap_s ul li {
	width: 20%;/*20%*//*画像数が減った時は、数値を増（例：画像4個　25%）。画像数増えた時は、数値小さく*/
}

.loop_wrap_s ul li a {
	display: block;
	text-decoration: none;
	color: #555;
	text-align: center;
	line-height: 1.6;
	font-size: 14px;
	position: relative;
}
.loop_wrap_s ul li a img {
	width: 100%;
	display: block;
	margin-bottom: 5px;
}

.loop_wrap_s ul li a span {
	display:  block;/*inline-block*/
	background-color: #36BEAD;
	color: #FFF;
	font-size: 24px;
	position: absolute;
	/*top: 0;
	left: 0;*/
	padding: 5px;
	letter-spacing: 1px;
	z-index: 10;
}

.loop_wrap_s ul li a span.cl_2 {
	background-color: #333;
}

.loop_wrap_s ul li a span.cl_3 {
	background-color: #FF9900;
}

@keyframes loop_s {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2_s {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);/*-200%*/
  }
}

.loop_wrap_s ul:first-child {/*ul:first-child*/
  animation: loop_s 50s -25s linear infinite;/*50s -25s*/
}
.loop_wrap_s ul:last-child {/*ul:first-child*/
  animation: loop2_s 50s linear infinite;/*50s*/
}

.loop_wrap_s:hover ul {
  animation-play-state: paused;
}



/*
SNSボタン-1(マイナビエントリー)
-------------------------------------------*/

.h_sns {
	padding: 3px;
	position: fixed;
	top: 130px;
	right: 0px;
	background-color: rgba(54,190,173,0.8);/*←rgba(7,110,170,0.8)20240219/（＝#666666）元17,187,221　→ 7,110,170日鉄カラー*//*(102,102,102,0.8)*/
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	 /*writing-mode: vertical-rl;/*20240219*/
  /*text-orientation: mixed;/*20240219*/
}
.h_sns li a {
	display: block;
	padding: 5px;
	color: #FFF;
	line-height: 30px;
	width: 180px;/*50px*/
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.h_sns li a:hover {
	background-color: #00a7e1;/*#076eaa,#42CBE3*/
	color: #fff;/*#1BD*/
}

.h_sns li a img {/*20240729*/
	width: 22px;
}

/*重複
.h_sns {
	padding: 3px;
	position: fixed;
	top: 130px;
	right: 0px;
	background-color: rgba(54,190,173,0.8);/*←rgba(7,110,170,0.8)20240219/（＝#666666）元17,187,221　→ 7,110,170日鉄カラー*//*(102,102,102,0.8)*/
/*	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	 /*writing-mode: vertical-rl;/*20240219*/
  /*text-orientation: mixed;/*20240219*/
/*}
.h_sns li a {
	display: block;
	padding: 5px;
	color: #FFF;
	line-height: 30px;
	width: 180px;/*50px*/
/*	text-align: center;
	text-decoration: none;
	font-size: 18px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.h_sns li a:hover {
	background-color: #00a7e1;/*#076eaa,#42CBE3*/
/*	color: #fff;/*#1BD*/
/*}


/*
SNSボタン-2(お問い合わせボタン)/*20240718
-------------------------------------------*/
.h_sns_2 {
	padding: 3px;
	position: fixed;
	top: 230px;
	right: 0px;
	background-color: rgba(0,167,225,0.8);/*←rgba(7,110,170,0.8)20240219/（＝#666666）元17,187,221　→ 7,110,170日鉄カラー*//*(102,102,102,0.8)*/
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	 /*writing-mode: vertical-rl;/*20240219*/
  /*text-orientation: mixed;/*20240219*/
}
.h_sns_2 li a {
	display: block;
	padding: 5px;
	color: #FFF;
	line-height: 30px;
	width: 50px;/*50px*/
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.h_sns_2 li a:hover {
	background-color: #00a7e1;/*#076eaa,#42CBE3,#00a7e1*/
	color: #fff;/*#1BD*/
}

.h_sns_2 {
	padding: 3px;
	position: fixed;
	top: 230px;
	right: 0px;
	background-color: rgba(0,167,225,0.8);/*←rgba(7,110,170,0.8)20240219/（＝#666666）元17,187,221　→ 7,110,170日鉄カラー*//*(102,102,102,0.8)*/
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	 /*writing-mode: vertical-rl;/*20240219*/
  /*text-orientation: mixed;/*20240219*/
}
.h_sns_2 li a {
	display: block;
	padding: 5px;
	color: #FFF;
	line-height: 30px;
	width: 50px;/*50px*/
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.h_sns_2 li a:hover {
	background-color: rgba(54,190,173,0.8);/*#076eaa,#42CBE3*/
	color: #fff;/*#1BD*/
}

/*-------------------------*/


@media screen and (max-width:640px){
.h_sns {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	top: auto;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	padding-right: 60px;
}

.h_sns li {
	width: 100%;/*25％*/
}
.h_sns li a {
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.h_sns li a img {/*20240729*/
	width: 22px;
}

	#index_top #top_catch {/*20230614*/
	top: 15%;/*25% 202230622*/
	/*left: 5%;*/
	/*width: 100%;
	height: 100%;/**/
	/*margin-top: -200px;/*0px -250px 20230614*/
	/*margin-left: -280px;/*0px 20230614*/
	/*font-size: 40px !important;/*20230614*/
}
#index_top #top_catch h2 {/*下段にあるため？効かない。下段に記載*/
	font-size: 40px;/*35px 20230620*/
}
#index_top #top_catch p {
	font-size: 12px;
}

/*スライド　テキスト（title）用　20240725*/
.sm-slider li div h3 {
	font-size: 30px;
}	
	
#sub_top {
	height: 260px !important;/*180px  --20230531 250px 230px*/
	padding-top: 100px;
}

.content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.content p {
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.img_left,
.img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	max-width: 100%;
}

.pick_up ul li {
	width: 96%;/*100% 20230609*/
	margin-left: 2%;/*20230609*/
	margin-bottom: 10px;/*20230609*/
}

.content .ul_news li span.date {
	padding-right: 0px;
	display: block;
}

	
	
.obi_001 {
	background-image: url(../../recruit2024/img/obi_001_sp.jpg);
	padding: 0 0 100%;
	height: 100px;/*20230703*/
	width: 100%;/*20230703*/
	
	background-size: auto ;/*cover*/
	background-attachment: inherit;/* fixed*/
	background-position: center bottom;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

/*iphoneで動作しないための対処案　20230703
.obi_001:before {
  content:"";
  display:block;
  position:fixed;
  /*top:0;*/
  /*left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(../img/obi_001_sp.jpg) center no-repeat;
  background-size:cover;
}	
/*----------------------*/
	
.obi_001 p {
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 14px;
}

.obi_002 {
	/*background-image: url(../img/obi_002_sp.jpg);*/
	padding: 0 0 70%;
}

.loop_wrap {
  width: 400%;
}

.box_cont {
	padding-right: 10px;
	padding-left: 10px;
}

.box_cont .box_c_in {
	width: 100%;
	padding: 5px;
}
.box_cont .box_c_in_2 {/*20230612 カタログダウンロード*/
	width: 100%;
	padding: 5px;
}

.content .cont_wrap .txt_box {
	margin-left: 0px;
	margin-right: 0px;
}
	
/*20230613 h3グラデーション スマホ設定*/
.content h3.grad {
	font-size: 30px;/*24px*/
	line-height: 30px;/*30xp 0px*/
	margin-top: 30px ;/*30px*/
	margin-bottom: 30px;
	position: relative;
	padding-top: 105px;/*15px 0 30px　文字位置に影響/55px 20231110 */
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 15px;/*44px*/
	clear: both;
}
.content h3.grad:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-gradient(linear, left top, right top, from(#132d3d), to(#fff));
  background-image: -webkit-linear-gradient(left, #132d3d 0%, #fff 100%);
  background-image: linear-gradient(to right, #132d3d 0%, #fff 100%);

}	
.content h3 span {
	font-size: 15px;
	padding-left: 15px;
	margin-top: 100px;
}
	
}

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

input,
textarea {
	max-width: 300px !important;
}

.content table.table_01 th,
.content table.table_01 td {
	width: 100% !important;
	display: block;
}

.content table.table_01 th {
	background-color: #F6F6F6;
}


#index_top #top_catch {/*20230614*/
	top: 30% ;
	/*left: 5%;*/
	width: 100%;
	height: 100%;/*50% 20230622*/
	margin-top: -150px;/*0px -250px 20230614/*
	/*margin-left: -280px;/*0px 20230614*/
}
	
/*#index_top {
	height: 100%;/*100% 横長の画像20230621*/
/*	width: 100%;/*100% 455px 横長の画像20230621*/
/*}*/
#index_top #top_catch h2 {
	font-size: 30px;
}

/*スライド　テキスト（title）用　20240725*/
.sm-slider li div h3 {
	font-size: 30px;
}	
	
/*#sub_top {
	font-size: 24px !important;
}*/

.content h2 {
	font-size: 24px;
}

.content .obi_001 h2 {
	font-size: 24px;
}
.content .cont_wrap .txt_box_p h3 {/*20230613*/
	font-size: 20px;
}
.obi_002 h2 {/*20230613*/
	font-size: 28px !important;/*24px*/
}

.h_sns li a img {/*20240729*/
	width: 22px;
}	

/*ループ スマホ設定 20240731*/	

.loop_wrap ul li a {
	font-size: 12px;
	}
	.loop_wrap ul li a span {
	padding: 2px;
	font-size: 10px;
}

/*マンガでわかる　スママホ設定 20240731*/		

.block_w02 h2.side_line {
		font-size: 17px !important;
}

/*staffページ 20240820 高さ指定しないとクリック出来ない。スマホ設定*/
.soumu_staff_wrap {
	height: 2500px;
}
.gijutsu_staff_wrap {
	height: 3800px;
}
.eigyou_staff_wrap {
	height: 2000px;
}
	
	
	
}
/*------　～end（max-width:460px）-------------------*



/
/*
エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);  
    -moz-transform: translateY(20px); 
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
}
.effect.d_02 {
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);  
    -moz-transform: translateY(0px);    
}


/*------------------------------*/

 
.obi_002 .box_in p a.tel {
	font-size: 22px;
	color: #FFF;
	text-decoration: none;
	line-height: 1.2;
}
.obi_002 .box_in p a.tel strong {
	padding-left: 10px;
	font-size: 150%;
}



.content .box_att {
	margin-top: 30px;
}

.content .box_att h2 {
	font-weight: normal;
	font-size: 24px;
	color: #3EADBD;
	padding: 15px;
	border-bottom-color: #8ED1DB;
}
.content .box_att p {
	font-size: 14px;
	margin: 0px;
	color: #328B98;
}


/*
FAQ
-------------------------------------------*/
dl.faq {
	display: block;
	margin: auto;
	width: 90%;
}

dl.faq dt {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 20px;
	color: #FFF;
	background-color: #278498;
	display: block;
	position: relative;
	width: 80%;
	margin-left: 20%;
	margin-bottom: 20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
}

dl.faq dt::before{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 24px;
	content: "Q.";
	position: absolute;
	left: 20px;
	top: 13px;
}
dl.faq dt::after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(39, 132, 152, 0);
    border-top-width:16px;
    border-bottom-width:16px;
    border-left-width:8px;
    border-right-width:8px;
    border-bottom-color:#278498;
    bottom:100%;
    right:30px;
}
dl.faq dd {
	font-size: 16px;
	background-color: #FFF;
	display: block;
	position: relative;
	width: 80%;
	padding: 20px;
	margin-bottom: 50px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 5px 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
}
dl.faq dd::after{
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-color: rgba(255,255,255,0.0);
	border-top-width: 16px;
	border-bottom-width: 16px;
	border-left-width: 8px;
	border-right-width: 8px;
	border-bottom-color: #FFFFFF;
	bottom: 100%;
	left: 30px;
}

dl.faq dd::before{
	font-size: 24px;
	content: "A.";
	position: absolute;
	left: 20px;
	top: 13px;
}


/*
事例一覧＆ギャラリー
-------------------------------------------*/

/*4枠 施工実績一覧に使用*/

.works_list li {
	display: block;
	float: left;
	width: 25%;
	padding: 20px;
}

.works_list li a {
	display: block;
	text-decoration: none;
	width: 100%;
	padding: 10px;
	border: 1px solid #F2F6F7;
	position: relative;
}

.works_list li a:hover {
	background-color: #FFF;
	border: 1px solid #DDE7EA;
}

.works_list li a span {
	display: block;
	color: #FFF;
	font-size: 12px;
	background-color: #1599CF;/*#36BEAD*/
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 10;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.works_list li a span.cl_2 {
	background-color: #333333;
}

.works_list li a span.cl_3 {
	background-color: #DD8500;/*#D88200*/
}
.works_list li a span.cl_5 {
	background: linear-gradient(115deg, #DD8500 0%, #DD8500 45%, #1599CF 45%, #1599CF 100%);
}

.works_list li a img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

.works_list li a p {
	color: #111;
	text-align: center;
	margin: 0px;
}
.works_list li a p span {/*20230318*/
	/*color: #111;
	text-align: center;
	margin: 0px;*/
	font-size: 10px;
}

.g_list li {
	display: block;
	float: left;
	width: 20%;
	padding: 20px;
}

.g_list li a {
	display: block;
	width: 100%;
	height: 150px;
	overflow: hidden;
}

.g_list li a img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}

.g_list li a img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/*製品一覧　works_list（4枠） →　products_list（3枠）へ変更　20230312*/

.products_list li {
	display: block;
	float: left;
	width: 33.33%;  /*25%*/
	padding: 10px;  /*20px*/
	/*padding-top: 25px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;*/
}

.products_list li a {
	display: block;
	text-decoration: none;
	width: 100%;
	/*padding: 10px;*/
	padding-top: 45px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border: 1px solid #F2F6F7;
	position: relative;
}

.products_list li a:hover {
	background-color: #FFF;
	border: 1px solid #DDE7EA;
}
.products_list li h2 { /*20230313*/
display: block;
	width: 95%;
	color: #FFF;
	font-size: 17px;/*15px*/
	font-family: Arial, Verdana, Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;/*20240115*/
	background-color: #1599CF;/*#36BEAD*/
	position: absolute;
	margin: 0 auto;
	top: 5px;
	/*left: 5px;*/
	z-index: 10;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;

}

.products_list li h2 span {/*20230313*/
	display: inline-block;
	color: #333333;
	font-size: 13px;/*20230612*/
	background-color: none;
	position:fixed;/*absolute*/
	/*margin: 0 auto;*/
/*	top: 5px;
	/*left: 5px;*/
	z-index: 10;
	padding-top: 2px;
	padding-right: 0;/*8px*/
	padding-bottom: 2px;
	padding-left: 8px;
	margin-left: 10px;
}

.products_list li a span.cl_2 {
	background-color: #333333;
}

.products_list li a span.cl_3 {
	background-color: #FF9900;
}

.products_list li a img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

.products_list li a p {
	color: #111;
	text-align: center;
	margin: 0px;
	font-size: 14px;/*20240213*/
}

/*staff_listは、interview/css/style.cssに記載　20240726*/



/*
Facebook／お知らせ・新着情報
-------------------------------------------*/

.content .cont_wrap .box_left {
	width: 90%;/*50%*/
	float: left;
	padding: 10px;
	margin-left: 5%;/*20240708*/
}
.content .cont_wrap .box_right {
	width: 50%;
	float: right;
	text-align: center;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}




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

.content .cont_wrap .box_left {
	width: 100%;
	float: none;
}
.content .cont_wrap .box_right {
	width: 100%;
	float: none;
	overflow: hidden;
}

.content .cont_wrap .box_right .fb-page {
	width: 100% !important;
}

.works_list li {
	width: 33.33%;
}

.products_list li { /*20230312 製品一覧用*/
	width: 33.33%;
}

/*#index_top #top_catch h2 {/*20230614 max-width:960px上部では効かないため*/
/*	font-size: 40px;
}*/

#sub_top {/*20230614*/
	font-size: 30px;
}

	
.g_list li {
	width: 33.33%;
}

}

/*
ページャー
-------------------------------------------*/

.pager {
	padding-top: 50px;
	padding-bottom: 50px;
	clear: both;
}

.pager .pagination {
  text-align: center;
}

.pager .pagination li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	position: relative;
}


.pager .pagination li a{
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	display: table;
	color: #FFF;
	text-decoration: none;
	background-color: #333333;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
	color: #000;
	background-color: #F9F9F9;
}

@media only screen and (max-width: 767px){
.pager {
	padding-top: 20px;
	padding-bottom: 20px;
}
  .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 40px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
  }
  
.works_list li {
	width: 50%;
	padding: 10px;
}
.products_list li {/*20230312　製品一覧用*/
	width: 50%;
	padding: 10px;
}

.g_list li {
	width: 50%;
}

.img_center {/*20230612*/
		width: 90% !important;
}

.img_center span {
	font-size: 14px;
	padding: 5px;
}

.img_center div {
	font-size: 11px;/*12px 20230614*/
	padding: 10px;/*20px 20230614*/
	line-height: 1.3;/*20230614*/
}

dl.faq {
	width: 96%;
}

dl.faq dt {
	font-size: 18px;
	width: 90%;
	margin-left: 10%;
}

dl.faq dd {
	width: 90%;
}

/*redultsページ 20230311*/
.archive_wrap {
	height: 1600px;
}
/*-----------------------*/
.products_wrap {
	height: 1300px;	
}
	
}