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

body{margin:0;padding:0;
    color:#2F2F2F;}

body ul{margin:0;padding:0;}

.wrap {
	overflow: hidden;
}


/* Windows 用 Medium 指定の游ゴシック */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

/* ゴシック体指定 */
html{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.5em;}

#slideshow ul li{padding:0;
margin:0;}
#slideshow{margin:0 0 10px 0;
z-index: 10;}

/* ヘッダー */
a {
  text-decoration:none;
}

#header{width:100%;
       margin:0 auto;
    text-align:center;
    }

#headernavi{width:100%;
text-align:left;
    margin:0px auto 0 auto;
    height:100px;
}

#headernavi img{width:75%;
margin:10px auto 10px 0;
}

.h-navi{display:none;}

.h-navi a{color:#000000;
}

.h-entry{display:none;
 }

.h-entry a{color:#FFFFFF;
}

/* ヘッダーここまで */

/* インデックス */

#toppage{width:100%;
    text-align:center;
 
}

.newsindex{width:90%;
    margin:0 auto 30px auto;
    text-align:left;
    font-size:90%;
    color:#000000;
}

.newsindex a{color:#000000;
}

ul.newsindex {
	width:100%;
    margin-bottom: 30px;
    padding:0 0 0 20px;
    
}
ul.newsindex li {width:90%;
border-bottom: 1px dotted #999;
}

.tokusyu{width:100%;
    margin:0 auto;
    text-align:center;
}

#contents{margin:30px auto;
width:100%;
text-align:center;}

#contents img{width:45%;
margin:0 2px;
border:solid 1px #000;
}

/* インッデックスここまで */

/* フッター */

#footer{background-color: #F1F1F1;
width:100%;
margin:0 auto;
text-align:center;}

#footercontents{width:100%;
    margin:0 auto;
padding:10px 0;}

.fc1{margin-top:20px;}

.fc2{text-align:left;}

.fc2 a {
display: block;
position: relative;
padding: 10px 25px 10px 10px;
border-bottom: 1px solid #D9D9D6;
background: #FFF;
color:#000000;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

.fc2 a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px red;
border-right: solid 2px red;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

/* フッターここまで */

/* インターンシップ */

#internship{font-weight: 600;font-size:110%;
 background-color: #F1F1F1;  
    border:solid 1px #000;
    text-align:center;
    margin:40px 10px;
    padding:30px 10px;
}

#internship img{width:45%;
margin:0 5px 5px 0;
border:solid 1px #000;
box-shadow: 5px 10px 20px rgba(0,0,0,0.25);}


/* インターンシップここまで */

/* 数字で見る */

#suuji{margin:50px auto;
    width:95%;
    text-align:center;
}

/* 数字で見るここまで */

/* 募集要項 */

.bosyu1{text-align:center;
    font-size:110%;
    font-weight: 600;
    background-color: #F1F1F1;
    width:90%;
    margin:0 auto;
border:solid 1px #231815;
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
padding:1em 0;}

.bosyu2{text-align:left;
width:90%;
    margin:0 auto;
padding:2em 0 3em 0;

}

.bosyu3{text-align:center;
    font-size:110%;
    font-weight: 600;
    background-color: #F1F1F1;
    width:90%;
    margin:0 auto;
border:solid 1px #231815;
display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
padding:1em 0;}

.bosyu4{text-align:left;
width:90%;
    margin:0 auto;
padding:2em 0 3em 0;

}

/* 募集要項ここまで */

/* はたらく環境 */

#kankyou{margin:0 auto;
    width:100%;
    text-align:center;
}

.k-title1{margin:0 auto 50px auto;
    width:100%;
    text-align:center;
    background-color:#930000;
    color:#FFFFFF;
    padding:20px 0;
    font-weight: 550;
    font-size:170%;
  
}

.k-text1{margin:20px auto 30px auto;
    width:90%;
    text-align:left;
    font-weight: 600;
    font-size:100%;
}

#k-titlegray{margin:0 auto 50px auto;
    width:100%;
    text-align:center;
    background-color:#f7f8f8;
    padding:20px 0;
  }

.k-title3{padding:20px 0;
    margin:0 auto 0px auto;
    text-align:center;
   
}

.k-title4{font-weight: 550;
    font-size:150%;
  border-bottom: solid 4px red;
}

#kyouiku{width:100%;
text-align:center;
margin:0 auto 50px auto;}


.k-kyouiku1{width:90%;
    border-bottom: solid 1px gray;
    padding:30px 0;
    margin:0 auto 0px auto;
 }

.k-kyouiku2{width:90%;
    border-bottom: solid 1px gray;
    padding:30px 0;
    margin:0 auto 0px auto;
 }

.k-title5{font-weight:600;
    font-size:120%;
 }

.k-title6{font-weight: 600;
    font-size:150%;
  border-bottom: solid 4px blue;
}

.k-kensyu{margin:0 auto 50px auto;
    width:100%;
    text-align:center;
    background-color:#004178;
    color:#FFFFFF;
    padding:20px 0;
    font-weight: 550;
    font-size:170%;
  
}

#fukurikousei{width:100%;
text-align:center;
margin:0 auto 50px auto;}

.fukuri0{width:100%;
    margin:0 auto;
}

.fukuri1{text-align:center;
    margin:0 auto;
    width:90%;
        padding:20px 0;
    font-size:110%;
    font-weight: 600;
    background-color: #F1F1F1;
   border:solid 1px #231815;
}

.fukuri2{width:90%;
    text-align:left;
padding:10px 0px 30px 40px;
}

.fukurikouseisaigo{width:100%;
    margin:0 auto;
}


/* はたらく環境ここまで */

/* 吸収冷温水機?汎用ボイラのパイオニア */

.pionia{margin:0 auto 50px auto;
    width:95%;
    text-align:center;
    background-color:#e60012;
    color:#FFFFFF;
    padding:20px 10px;
    font-weight: 600;
    font-size:120%;
line-height: normal}

.whiteunder{
  border-bottom: solid 2px white;
}

#boiracontents{
    margin:0 auto;
    text-align:center;
    width:100%;
  }

#boiracontents .boiraimg{width:90%;
    margin:0 auto;
}

#boiracontents .boiratext{width:90%; margin:0 auto;}

.kyusyutitle{margin:0 auto 20px auto;
    width:100%;
    text-align:left;
    background-color:#ea5752;
    color:#FFFFFF;
    padding:20px 0px 20px 0px;
    font-weight: 400;
    font-size:110%;}

#boiracontents p{
   text-align:justify;
}

#boiracontents .subtitle{
   text-align:left;
   color:#ea5752; 
    font-size:120%;
    margin:30px 0;
}

 #boirahistoryback{background-color: #F1F1F1;
 margin:50px auto;
    text-align:center;
    width:100%;
padding:50px 0;
}

#boirahistory{
    margin:0 auto;
    text-align:center;
    width:90%;
         }

#boirahistory .boiraimg{width:100%;
    margin:20px auto;
    text-align:center;
}

#boirahistory .boiratext{width:100%;
margin:20px auto;}

#boirahistory .subtitle{
   text-align:left;
   color:#ea5752; 
    font-size:120%;
    font-weight:500;
    margin-bottom:1em;
}

#boirahistory p{
   text-align:justify;
}

#boirahistory a{
  color:#001ECE
}


#boiracontents2{
    margin:0 auto;
    text-align:center;
    width:100%;
 }

#boiracontents2 .boiraimg{width:90%;
margin:30px auto;
}

#boiracontents2 .boiratext{width:90%;
margin:30px auto;
}

.boiratitle{margin:50px auto 50px auto;
    width:100%;
    text-align:left;
    background-color:#5a0f1c;
    color:#FFFFFF;
    padding:20px 0px 20px 0px;
    font-weight: 400;
    font-size:120%;}

#boiracontents2 p{
   text-align:justify;
}

#boiracontents2 .subtitle{
   text-align:left;
   color:#5a0f1c; 
    font-size:120%;
    font-weight:500;
    margin:30px 0 1em 0;
    
}

#boirahistory2{
    margin:0 auto;
    text-align:center;
    width:100%;
       }

#boirahistory2 .boiraimg{width:90%;
margin:0 auto;
}

#boirahistory2 .boiratext{width:90%;
    margin:50px auto;
}

#boirahistory2 .subtitle{
   text-align:left;
   color:#5a0f1c; 
    font-size:120%;
    font-weight:500;
    margin:1em auto ;
}

#boirahistory2 p{
   text-align:justify;
}

#boirahistory2 a{
  color:#001ECE
}

/* 吸収冷温水機?汎用ボイラのパイオニアここまで */

/* どんな想いでつくるのか */

#omoi{margin:0 auto;
    width:100%;
    text-align:center;
}

#omoi .title{font-weight: 600;
    font-size:120%;
    line-height: normal;
    margin:0 auto;
    width:90%;
 }



#omoi .kodawari{font-weight: 200;
  margin:30px auto;
  width:90%;
    text-align: justify;
 }

#omoi .kodawari br {
    display: none;
  }
#omoi .kodawari p {
  margin-bottom:1em;
  }

#grayback{margin:0 auto;
    text-align:center;
    width:100%;
background-color:#f7f8f8; 
padding:50px 0;}

#taidansyoukai{
    margin:0 auto;
    text-align:center;
    width:90%;
        
}

#taidansyoukai .syoukai{
  width:100%;
    margin-bottom:30px;
    
}

#taidansyoukai .name{
 font-weight: 550;
    font-size:170%;
}

#taidansyoukai .yakusyoku{
 font-weight: 550;
    font-size:120%;
}

#eficio{
    text-align:center;
    width:90%;
    border:solid 1px ;
    padding:30px 30px 30px 30px;
    margin:50px auto;
}

#eficio .left{
   width:100%; 
}

#eficio .right{
    text-align:left;
   width:100%; 
}

#eficio .title{
 font-weight: 600;
    font-size:140%;
}

#eficio .syou{
 font-weight: 600;
    font-size:100%;
}

#eficio .syou li{
 font-weight: 600;
    font-size:100%;
    list-style: circle;
}

.kaihatutitle{font-weight: 600;
    font-size:120%;
  border-bottom: solid 1px;
    padding-bottom:3px;
    line-height: normal
 }

.kaihatutitlecenter{text-align:center !important; }

#taidan{width:90%;
    margin:0 auto;
   padding:50px 0;}

#taidan .textleft{width:100%;
    margin-right:50px;
    text-align:left;
   }

#taidan .photoright{width:100%;
   }

#taidan ul{list-style:  none;      /* デフォルトのアイコンを消す */
    margin:  0;             /* デフォルト指定上書き */
    padding-left:0;             /* デフォルト指定上書き */
    
   }

#taidan .yamamoto::before {
    content:"山本";
    margin-right:1.1em;
color:#0068b7;
font-weight:600;}

#taidan .nofuku::before {
    content:"野副";
    margin-right:1.1em;
color:#e60012;
font-weight:600;}

#taidan .yoshioka::before {
    content:"吉岡"; 
    margin-right:1.1em;
color:#009944;
font-weight:600;}

#taidan li{
   padding-left:3em;
text-indent:-3em;
    text-align: justify;
  }

#taidan .syoukai{
    width:100%;
    margin:0 auto;
    padding:30px 1em;
background:#f4f4f4;
    text-align:left;
    font-weight:600;
  }

#taidan .syoukai a{
   color:#000186;
    font-size:150%;
  font-weight:600;
text-align:center;
margin:0 auto;}

/* どんな想いでつくるのか ここまで*/

/* Q&A */

#faq{width:100%;
    margin:0 auto;
    text-align:center;
 padding:50px 0;}

#faq .title{
 font-weight: 600;
    font-size:150%;
}

#category{width:95%;
     display: flex;
  flex-wrap: wrap;
margin:50px auto;
text-align:center !important;}

#category .categories{width:48%;
    padding:1em 0;
    background:#0068b7;
color:#ffffff;
    margin:3px;
}

#category .categories a{
color:#ffffff;}

#qa{width:100%;
  margin:50px auto;
text-align:left;}

#qa .left{width:100%;
    margin:0 auto;
font-size:130%;
padding:15px;
text-align:center;
}

#qa .right{width:100%;
margin:0 auto;
}

#qa ul{list-style:none;      /* デフォルトのアイコンを消す */
    margin:0 auto 50px auto;             /* デフォルト指定上書き */
    padding-left:0;             /* デフォルト指定上書き */
    border-bottom:solid 1px #c1c2c2;
    width:100%;
    text-indent:-5em;
   }

#qa li::before{color:#fff;
font-weight:600;
    font-size:1em;
    border-radius:50%;
    margin:1em;
    padding:1em;
    content:"";
 }

#qa li{text-align:left;
    padding:1em 1em 1em 5em;
  }

#qa .q1::before {content:"Q1"; 
background-color:#0068b7;
 }

#qa .q2::before {content:"Q2"; 
background-color:#0068b7;
 }

#qa .q3::before {content:"Q3"; 
background-color:#0068b7;
 }

#qa .q4::before {content:"Q4"; 
background-color:#0068b7;
 }

#qa .q5::before {content:"Q5"; 
background-color:#0068b7;
 }

#qa .q6::before {content:"Q6"; 
background-color:#0068b7;
 }

#qa .q7::before {content:"Q7"; 
background-color:#0068b7;
 }

#qa .q8::before {content:"Q8"; 
background-color:#0068b7;
 }

#qa .q9::before {content:"Q9"; 
background-color:#0068b7;
 }

#qa .a1::before {content:"A1"; 
background-color:#e60012;

}

#qa .a2::before {content:"A2"; 
background-color:#e60012;
}

#qa .a3::before {content:"A3"; 
background-color:#e60012;
}

#qa .a4::before {content:"A4"; 
background-color:#e60012;
}

#qa .a5::before {content:"A5"; 
background-color:#e60012;
}

#qa .a6::before {content:"A6"; 
background-color:#e60012;
}

#qa .a7::before {content:"A7"; 
background-color:#e60012;
}

#qa .a8::before {content:"A8"; 
background-color:#e60012;
}

#qa .a9::before {content:"A9"; 
background-color:#e60012;
}

/* Q&Aここまで */

/* トップへスクロール */

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #231815;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
   content:"▲";
 font-size:1.5em;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/* トップへスクロールここまで */

/* はたらく社員の声 */

#voice{margin:0 auto;
    width:100%;
    text-align:center;
 }

#voicetop{width:100%;
  margin:20px auto 60px auto;
text-align:left;}

#voicetop .voiceitiran{width:90%;
  margin:50px auto;
text-align:left;}

#voicetop .name{
 font-weight: 550;
    font-size:170%;
}

#voicetop a{
 color:#010101;
}

#voicecontents{width:90%;
  margin:20px auto 60px auto;
text-align:justify;}

#voicecontents .lefttext{width:100%;
  text-align:justify;
margin:20px auto 60px auto;
}

#voicecontents .rightimg{width:100%;
  text-align:center;
margin:20px auto 60px auto;}

#voicecontents .righttext{width:100%;
  text-align:justify;
margin:20px auto 60px auto;}

#voicecontents .leftimg{width:100%;
  text-align:center;
margin:20px auto 60px auto;}

#voicecontents .titleblue{
 font-weight: 600;
    font-size:110%;
    color:#0068b7;
}

#voicecontents .titlered{
 font-weight: 600;
    font-size:110%;
    color:#e60012;
}

/* はたらく社員の声 ここまで*/

/* NEWS */

#news{margin:0 auto;
    width:90%;
    text-align:center;
 }

#news .title{font-weight: 600;
    font-size:170%;
    padding:30px 0;
  border-top: solid 3px red;
    border-bottom: solid 1px red;
    
}
#news .day{font-weight: 600;
    font-size:120%;
  text-align:right;
    margin:10px 0;
}

#news .text{text-align:justify;
margin:50px 0;
}

#news .text{text-align:left;
}

#news .modoru{border: solid 1px gray;
    font-weight: 600;
    padding:20px;
    margin:100px 0 50px 0;
}

#news .modoru a{color:#000000;
}

/* NEWS ここまで */



/* スマホナビ */

*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
.cp_cont { z-index: 900;

}
.cp_offcm01 { z-index: 900;
	position: absolute;
	top: 30px;
	right: 20px;
	display: inline-block;
}
/* menu */
.cp_offcm01 .cp_menu { z-index: 900;
	position: fixed;
	top: 0;
	right: -100vw;
	width: 300px;
	height: 120%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #000000;
	opacity: 0.8;
    text-align: left
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
}
.cp_offcm01 .cp_menu li {
	list-style: none;
}
.cp_offcm01 .cp_menu li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #696969;
}

.cp_offcm01 .cp_menu a:after {
    content: ">";
color: #ffffff;
    display: block;
position: absolute;
 /*top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;*/
    width: 6px;
    right: 10px;
    height: 6px;
    margin: -25px 0 0 0;
}


.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #333333;
}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-250px);
	        transform: translateX(-300px);
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	content: "MENU";
	font-size: 1em;
    
    
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content: "MENU";
    
}
/* contents */
.cp_contents {
	color: #333333;
	text-align: center;
}

/* スマホナビここまで */

/* 社員寮 */

#ryou{width:90%;
    margin:20px auto 60px auto;
text-align:center;}

#ryou .ryouimgtxt{width:100%;
  margin:50px 0;
    font-weight: 600;
    font-size:1.2em;
text-align:center;}

#ryou .ryouimgtxt img{margin-bottom: 1em}



/* 社員寮　ここまで */