@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(51,51,51,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
 /*　==============================　ネガティブマージン　==============================　*/
.contents-main{
position: relative;
margin-top: -4rem!important;
}
.flow_n_margin{
position: relative;
margin-top: -2rem!important;
}
.about_n_margin{
position: relative;
margin-top: -6rem!important;
}
.products_des{
position: relative;
margin-top: -1.5rem!important;
}
@media screen and (max-width: 480px){
.flow_n_margin{
margin-top: 0rem!important;
}
.about_n_margin{
position: relative;
margin-top: -8.5rem!important;
}
.rec_interview_n_margin{
position: relative;
margin-top: -6rem!important;
}
}
 /*　==============================　中谷製作所について　==============================　*/
.btn_about_guide .fs_btn {
background-color: rgba(0,0,0,0.65);
padding: 6rem 0.5rem 5.5em 1.5rem;
line-height: 1.9rem;
letter-spacing: 0.1rem;
}
.btn_about_guide .fs_btn:hover ,
.btn_rgba02 .fs_btn:hover {
background-color: rgba(0,0,0,0.15);
}
.btn_about_guide .fs_btn_text_main{
font-size: 1.35rem!important;
}
.btn_about_guide .fs_btn_text_sub{
font-size: 1rem!important;
}
@media screen and (max-width: 480px){
.btn_about_guide .fs_btn {
padding: 2.6rem 0.5rem 2.5em 0.5rem;
}
}
 /*　==============================　業務品質体制　==============================　*/
.flow_img_space{
padding: 10rem 0rem 10rem 0rem;
margin: 0rem 2rem;
}
@media screen and (max-width: 480px){
.flow_img_space{
padding: 8rem 0rem 8rem 0rem;
margin: 0rem 0rem;
}
}
/*----------------------- 工程フローテーブル -----------------------*/
.flowtable_wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: stretch;
width: 100%;
}
.flowtable_wrapper li{
width: calc(25% + 20px);
}
.flowtable_wrapper li:last-child{
width: calc(25% - 20.1px);
}
.flowcontents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: stretch;
letter-spacing: 0.1rem;
width: 100%;
}
.flowcontents_sec {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: stretch;
letter-spacing: 0.1rem;
width: 100%;
}
.flowcontents dt{
color: #ffffff;
padding: 1.2rem 0.5rem 1.2rem 0.5rem;
background-color: #004499;
width: calc(100% - 60px);
}
.flowcontents_sec dt{
line-height: 1.2rem;
color: #ffffff;
padding: 0.9rem 0.5rem 0.7rem 0.5rem;
background-color: #004499;
width: calc(100% - 60px);
}
.flowtable_wrapper li:last-child .flowcontents dt{
width: 100%;
}
.flowcontents dd{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: 60px;
}
.flowcontents_sec dd{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: 60px;
}
.flow_sankaku{
width: 0;
height: 0;
border: 1rem solid transparent;
border-left: 1.5rem solid #004499;
margin: auto 0rem auto 1rem;
}
@media screen and (max-width: 768px){
.flowtable_wrapper {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 1.5rem;
}
.flowtable_wrapper li{
width: 100%;
}
.flowtable_wrapper li:last-child{
width: 100%;
}
.flowcontents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.flowcontents_sec {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.flowcontents dt{
font-size: 1.2rem;
padding: 1.1rem 0rem 1.1rem 0rem;
width: 100%;
}
.flowcontents_sec dt{
font-size: 1.2rem;
padding: 1.1rem 0rem 1.1rem 0rem;
width: 100%;
}
.flowcontents dd{
margin-top: 0.8rem;
width: 100%;
}
.flowcontents_sec dd{
margin-top: 0.8rem;
width: 100%;
}
.flow_sankaku{
width: 0;
height: 0;
border: 1.5rem solid transparent;
border-top: 1.5rem solid #004499;
margin: auto;
}
}
 /*　==============================　製品紹介　==============================　*/
.products_des a{
background: linear-gradient(-45deg, rgba(0,0,0,0.7), rgba(0,0,0,0.3));
}
/*----------------------- 素材テーブル -----------------------*/
.pro_table_wrapper li:last-child{
padding: 1.5rem 0rem;
}
.pro_table_list{
border-bottom: 1px solid #ccc;
padding-bottom: 0.5rem;
}
.pro_table_list:last-child{
padding-bottom:0.5rem;
}
.pro_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 1rem 0rem 0.5rem 0rem;
}
.pro_contents dt{
padding: 0rem 1rem 0rem 0rem;
width: 240px;
     font-weight: bold;
}
.pro_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 240px);
}
@media screen and (max-width: 768px){
.pro_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.pro_contents dt{
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.pro_contents dd{
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}
@media screen and (max-width: 768px){
.pro_table_wrapper{
padding-top: 1rem;
}
}
 /*　==============================　設備一覧　==============================　*/
.btn_facility_rgba .fs_btn {
background-color: rgba(0,68,153,0.55);
padding: 12rem 0.5rem 0.8em 1.5rem;
line-height: 1.4rem;
}
.btn_facility_rgba_f .fs_btn:hover ,
.btn_rgba02 .fs_btn:hover {
background-color: rgba(0,68,153,0.15);
}
@media screen and (max-width: 480px){
.btn_facility_rgba .fs_btn {
padding: 2.6rem 0.5rem 2.5em 0.5rem;
}
.btn_facility_rgba .fs_btn_text{
text-align: center;
}
}

.facility-solar-item-list{padding:0rem 2rem 3rem 2rem;}
.facility-solar-item-list ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between;}
.facility-solar-item-list li{width: 32.33%; margin-bottom:1%; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; justify-content: center; align-items: center; background-color: #004499; color:#ffffff;}
.facility-solar-item-list li div{text-align: center; width: 100%; padding: 2.1rem 1rem 1.6rem 1rem;}
.facility-solar-item-list span{font-size: 1.75rem;}
@media screen and (max-width: 498px) {
    .facility-solar-item-list ul{flex-flow: column wrap;}
    .facility-solar-item-list ul li{width:100%;}
}

/*----------------------- フロアマップテーブル -----------------------*/
.facility-floormap-img img{
max-width: 920px;
margin: 1rem auto 0 auto;
}

.floormap_table_wrapper{
max-width: 100%;
}
.floormap_table_wrapper li:last-child{
border-bottom: 1px solid #cfcfcf;
}
.floormap_table_list{
padding: 0.6rem 1rem;
border-top: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
}
.floormap_table_list dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.floormap_item01{
align-self: stretch;
text-align: center;
padding-left:1rem;
padding-right:1rem;
background-color: #004499;
color: #ffffff;
width: 15%;
}
.floormap_item01-2{
align-self: stretch;
text-align: center;
padding-left:1rem;
padding-right:1rem;
background-color: #333333;
color: #ffffff;
width: 15%;
}
.floormap_item02{
align-self: stretch;
text-align: left;
padding: 0rem 1rem 0rem 1rem;
width: 85%;
}
@media screen and (max-width: 480px){
.floormap_table_wrapper-f{

}
.floormap_table_list{
padding: 0.5rem 0.5rem;
}
.floormap_item01{
padding: 0rem 1rem 0rem 1rem;
}
.floormap_item02{
padding-right:0rem;
}
}
/*----------------------- その他生産設備テーブル -----------------------*/
.productionB_table_wrapper{
max-width: 100%;
}
.productionB_table_wrapper li:last-child{
border-bottom: 1px solid #c8c9ca;
}
.productionB_table_listH{
background-color: #d1d1d1;
padding: 0.6rem 1rem;
}
.productionB_table_listH dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.productionB_Hitem01{
text-align: center;
padding: 0rem 1rem 0rem 1rem;
width: 85%;
}
.productionB_Hitem02{
text-align: center;
padding-right:1rem;
padding-left:1rem;
border-left: 1px solid #ffffff;
width: 15%;
}
.productionB_table_list{
padding: 0.6rem 1rem;
}
.productionB_table_list:nth-child(even){
background-color: #eaeaea;
}
.productionB_table_list dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.productionB_item01{
align-self: stretch;
text-align: left;
padding: 0rem 1rem 0rem 1rem;
width: 85%;
}
.productionB_item02{
align-self: stretch;
text-align: center;
padding-left:1rem;
padding-right:1rem;
border-left: 1px solid #c8c9ca;
width: 15%;
}
@media screen and (max-width: 480px){
.productionB_table_wrapper li{
padding: 1.3rem 1rem;
}
.productionB_Hitem01{
text-align: left;
padding: 0rem 1rem 0rem 0rem;
}
.productionB_Hitem02{
padding-right:0rem;
}
.productionB_table_list{
padding: 0.9rem 1rem;
}
.productionB_item01{
padding: 0rem 1rem 0rem 0rem;
}
.productionB_item02{
padding-right:0rem;
}
}
/*----------------------- 成形機テーブル -----------------------*/
.productionA_table_wrapper{
max-width: 100%;
}
.productionA_table_wrapper li:last-child{
border-bottom: 1px solid #c8c9ca;
}
.productionA_table_listH{
background-color: #d1d1d1;
padding: 0.6rem 1rem;
}
.productionA_table_listH dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.productionA_Hitem01{
text-align: center;
padding: 0rem 1rem 0rem 0rem;
width: 100px;
}
.productionA_Hitem02{
text-align: center;
padding-right:1rem;
padding-left:1rem;
border-left: 1px solid #ffffff;
width: calc(40% - 100px);
}
.productionA_Hitem03{
text-align: center;
padding-left:1rem;
border-left: 1px solid #ffffff;
width: 60%;
}
.productionA_table_list{
padding: 0.6rem 1rem;
}
.productionA_table_list:nth-child(even){
background-color: #eaeaea;
}
.productionA_table_list dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.productionA_item01{
order: 0;
align-self: stretch;
text-align: center;
padding: 0rem 1rem 0rem 0rem;
width: 100px;
}
.productionA_item02{
order: 1;
align-self: stretch;
text-align: center;
padding-left:1rem;
padding-right:1rem;
border-left: 1px solid #c8c9ca;
width: calc(40% - 100px);
}
.productionA_item03{
order: 2;
align-self: stretch;
padding-left:1rem;
border-left: 1px solid #c8c9ca;
width: 60%;
}
@media screen and (max-width: 480px){
.productionA_table_wrapper li{
padding: 1.3rem 1rem;
}
.productionA_table_listH{
display: none;
}
.productionA_table_list{
padding: 0.9rem 1rem;
}
.productionA_table_list dl {
flex-flow: row wrap;
}
.productionA_item01{
order: 1;
text-align: left;
padding: 0rem;
width: 70px;
}
.productionA_item01:before{
content: "型締力：";
}
.productionA_item01 span{
display: inline-block;
color: #ffffff;
padding: 0.5rem 1rem;
background-color: #005cd4;
}
.productionA_item02{
order: 2;
text-align: left;
padding-right: 0rem;
border: none;
width: calc(100% - 70px - 1rem);
}
.productionA_item03{
order: 0;
font-size: 1.3rem;
border-bottom: 1px solid #c8c9ca;
border-left: 0px solid #c8c9ca;
padding-bottom: 0.5rem;
padding-left: 0rem;
margin-bottom: 0.8rem;
width: 100%;
}
}
/*----------------------- 成形機テーブルC -----------------------*/
.productionC_table_wrapper{
max-width: 100%;
}
.productionC_table_wrapper li:last-child{
border-bottom: 1px solid #c8c9ca;
}
.productionC_table_listH{
background-color: #d1d1d1;
padding: 0.6rem 1rem;
}
.productionC_table_listH dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.productionC_Hitem01{
text-align: center;
padding: 0rem 1rem 0rem 0rem;
width: 100px;
}
.productionC_Hitem02{
text-align: center;
padding-right:1rem;
padding-left:1rem;
border-left: 1px solid #ffffff;
width: calc(40% - 150px);
}
.productionC_Hitem03{
text-align: center;
padding-right:1rem;
padding-left:1rem;
border-left: 1px solid #ffffff;
width: 60%;
}
.productionC_Hitem04{
text-align: center;
padding-left:1rem;
border-left: 1px solid #ffffff;
width: 50px;
}
.productionC_table_list{
padding: 0.6rem 1rem;
}
.productionC_table_list:nth-child(even){
background-color: #eaeaea;
}
.productionC_table_list dl {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.productionC_item01{
order: 0;
align-self: stretch;
text-align: center;
padding: 0rem 1rem 0rem 0rem;
width: 100px;
}
.productionC_item02{
order: 1;
align-self: stretch;
text-align: center;
padding-left:1rem;
padding-right:1rem;
border-left: 1px solid #c8c9ca;
width: calc(40% - 150px);
}
.productionC_item03{
order: 2;
align-self: stretch;
padding-left:1rem;
padding-right:1rem;
border-left: 1px solid #c8c9ca;
width: 60%;
}
.productionC_item04{
order: 3;
text-align: center;
align-self: stretch;
padding-left:1rem;
border-left: 1px solid #c8c9ca;
width: 50px;
}
@media screen and (max-width: 480px){
.productionC_table_wrapper li{
padding: 1.3rem 1rem;
}
.productionC_table_listH{
display: none;
}
.productionC_table_list{
padding: 0.9rem 1rem;
}
.productionC_table_list dl {
flex-flow: row wrap;
}
.productionC_item01{
order: 1;
text-align: left;
padding: 0rem;
width: 70px;
}
.productionC_item01:before{
content: "型締力：";
}
.productionC_item01 span{
display: inline-block;
color: #ffffff;
padding: 0.5rem 1rem;
background-color: #005cd4;
}
.productionC_item02{
order: 2;
text-align: left;
padding-right: 0rem;
border: none;
width: 75px;
}
.productionC_item03{
order: 0;
font-size: 1.3rem;
border-bottom: 1px solid #c8c9ca;
border-left: 0px solid #c8c9ca;
padding-bottom: 0.5rem;
padding-left: 0rem;
margin-bottom: 0.8rem;
width: 100%;
}
.productionC_item04{
order: 3;
text-align: left;
padding: 0rem;
border-left: 0px solid #c8c9ca;
width: 70px;
}
.productionC_item04:before{
content: "台数：";
}
.productionC_item04 span{
display: inline-block;
color: #ffffff;
padding: 0.5rem 1rem;
background-color: #005cd4;
}
}
/*　==============================　採用情報　==============================　*/
/*----------------------- 採用3Kテーブル -----------------------*/
.recruit_tp_table_wrapper{
padding-top: 1rem!important;
}
.recruit_tp_table_list{
border-bottom: 1px solid #ccc;
}
.recruit_tp_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 1.5rem 0rem 1.5rem 0rem;
}
.recruit_tp_contents dt{
padding: 0rem 1rem 0rem 0rem;
width: 220px;
font-size: 1.1rem;
font-weight: bold;
}
.recruit_tp_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 220px);
}
@media screen and (max-width: 768px){
.recruit_tp_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.recruit_tp_contents dt{
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.recruit_tp_contents dd{
padding: 0rem 0rem 0rem 0.7rem;
width: 100%;
}
}
@media screen and (max-width: 480px){
.recruit_tp_table_wrapper{
border: 1px solid #004499;
padding-top: 0rem!important;
}
.recruit_tp_contents {
padding: 1rem 0rem;
}
.recruit_tp_contents dt{
text-align: center;
}
.recruit_tp_contents dd{
text-align: center;
padding: 0rem;
}
}

.recruit-me-img{padding-top:24rem; margin:0rem 1rem 0rem 1rem;}
@media screen and (max-width: 480px){
    .recruit-me-img{padding-top:24rem; margin:0rem 1rem 0rem 1rem;}
}

/*----------------------- インタビュー -----------------------*/
.interview-ttl-main{
padding: 2rem 0rem 0rem 0rem;
margin-top: -2rem!important;
position: relative;
}
@media screen and (max-width: 480px){
.interview-ttl-main{
padding: 0.8rem 0rem 0rem 0rem;
}
}
/*----------------------- インタビューガイド -----------------------*/
.interviews-guide{
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);
}
.interviews-guide a{
padding: 2.5rem 0.5rem 1.5rem 0.5rem;
}
.interviews-guide i{
font-size: 1.5rem;
}
.interviews-guide .fs_btn_text{
line-height: 2.5rem;
}
.interviews-guide .fs_btn_text_main{
font-size: 1rem;
}
.interviews-guide .fs_btn_text_sub{
font-size: 1.3rem;
}
@media screen and (max-width: 480px){
.interviews-guide a{
padding: 1.7rem 0.5rem 0.8rem 0.5rem;
}
.interviews-guide i{
font-size: 1.5rem;
}
.interviews-guide .fs_btn_text{
line-height: 2rem;
}
.interviews-guide .fs_btn_text_main{
font-size: 1rem;
}
.interviews-guide .fs_btn_text_sub{
font-size: 1.4rem;
}
}
/*----------------------- 募集要項テーブル -----------------------*/
.guidelines_ttl_box{
position: relative;
}
.guidelines_table_list{
border-bottom: 1px solid #c8c9ca;
padding-bottom: 0.4rem;
}
.guidelines_table_list:last-child{
border: none;
padding-bottom:0rem;
}
.guidelines_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.guidelines_contents dt{
color: #004499;
padding: 0rem 1rem 0rem 0rem;
width: 120px;
}
.guidelines_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 120px);
}
@media screen and (max-width: 768px){
.guidelines_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.guidelines_contents dt{
font-size: 95%;
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.guidelines_contents dd{
font-size: 105%;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}
/*　==============================　企業情報　==============================　*/
/*----------------------- googleアイフレーム -----------------------*/
.company_map{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
}
.company_message_img{
padding: 16rem 0rem;
}
@media screen and (max-width: 480px){
.company_message_img{
padding: 9rem 0rem;
}
}
/*----------------------- 企業理念テーブル -----------------------*/
.idea_table_wrapper{
width: 100%;
}
.idea_table_list{
border-bottom: 1px solid #022649;
margin-bottom: 1.5rem;
}
.idea_table_list:last-child{
margin-bottom:0rem;
}
.idea_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.idea_contents dt{
padding: 0rem 1.5rem 0rem 0rem;
width: 130px;
}
.idea_contents dt span{
display: inline-block;
color: #ffffff;
text-align: center;
padding: 1rem 0rem 1rem 1rem;
width: 100px;
background-color: #022649;
}
.idea_contents dd{
text-align: justify;
line-height: 1.5rem;
font-size: 1.2rem;
width: calc(100% - 130px);
align-self: center;
}
@media screen and (max-width: 768px){
.idea_contents dt{
font-size: 1.1rem;
align-self: stretch;
display: inline-flex;
width: 60px;
}
.idea_contents dt span{
text-align: left;
width: 100px;
padding: 0.6rem 0rem 0.4rem 1.8rem;
}
.idea_contents dd{
font-size: 105%;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 60px);
}
}
/*----------------------- 企業情報テーブル -----------------------*/
.outline_table_wrapper{
max-width: 835px;
}
.outline_table_list{
border-bottom: 1px solid #c8c9ca;
padding-bottom: 0.5rem;
}
.outline_table_list:last-child{
border-bottom: 0px solid #c8c9ca;
padding-bottom:0rem;
}
.outline_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 1rem 0rem 0.3rem 0rem;
}
.outline_contents dt{
padding: 0rem 1rem 0rem 0rem;
width: 130px;
}
.outline_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 130px);
}
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;
}
.outline_contents dt{
font-size: 95%;
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.outline_contents dd{
font-size: 105%;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}
/*　==============================　トップページ　==============================　*/
.top-main-catch{
font-size: 3.5rem;
line-height: 4.5rem;
}
.top-line-cross-r{
border-left: 1px solid #004499!important;
}
.top-line-cross-l{
border-right: 1px solid #004499!important;
}
.img_btn .fs_btn_text_main {
font-size:1.5rem;
color: #ffffff;
}
.img_btn .fs_btn_text_sub {
font-size:0.9rem;
}
.img_btn .fs_btn {
line-height: 1.7rem;
}
.btn_rgba .fs_btn {
background-color: rgba(0,68,153,0.55);
padding: 15rem 0.5rem 0.8em 1.5rem;
line-height: 1.4rem;
}
.btn_rgba .fs_btn:hover ,
.btn_rgba02 .fs_btn:hover {
background-color: rgba(0,68,153,0.15);
}
.top-company-bg{
padding-top:37rem;
}
@media screen and (max-width: 498px) { 
.top-main-catch{
font-size: 2.9rem;
line-height: 4rem;
}
top-about-catch-m{
margin-right: 2rem;
}
.top-company-bg{
padding-top:0rem;
}
}
/* ---------------------Slickスライドショーに関する設定------------------------------ */
.slick-prev:before, .slick-next:before{
color: #ffffff;
}
/* ---------------------bxスライドショーに関する設定------------------------------ */
.bx-wrapper .bx-viewport { 
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow: none; 
border: none; 
left: 0; 
background: none; 
-webkit-transform: translatez(0); 
-moz-transform: translatez(0); 
-ms-transform: translatez(0); 
-o-transform: translatez(0); 
transform: translatez(0); 
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #e95734;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #cccccc;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 5px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*　==============================　header　==============================　*/
#header-2Parent{
padding-right: 2rem;
padding-left: 2rem;
}
/*----------------------- パンくず設定（黒文字） -----------------------*/
.breadcrumbs-line{
color: #333333;
font-size: 0.8rem;
letter-spacing: 0.1rem;
padding: 0.5rem 2rem 0rem 0rem;
}
.breadcrumbs-line a{
color: #333333!important;
}
@media screen and (max-width: 480px) { 
.breadcrumbs-line{
font-size: 0.8rem;
letter-spacing: 0.1rem;
padding: 1rem 2rem 0rem 0rem;
}
}
/*----------------------- ヘッダーロゴに関する設定 -----------------------*/
@media screen and (min-width: 769px) {
.logo_co .fs_btn{padding-top: 45px!important;}}
@media screen and (min-width: 769px) {
.logo_co {margin: 0rem 0rem 0.1rem 0rem; }}
@media screen and (max-width: 768px) {
.logo_co .fs_btn{padding-top: 30px!important;}}
@media screen and (max-width: 768px) {
.logo_co {margin: 1.2rem 0rem 0.4rem 0rem;}}
@media screen and (max-width: 480px) {
.logo_co .fs_btn{padding-top: 25px!important;}}
@media screen and (max-width: 480px) {
.logo_co {margin: 0.8rem 0rem 0.8rem 0rem;}}
/*　--------------------　オートナビに関する設定　--------------------　*/
/*ホバー時のアンダーラインetc*/
.fsNavMenuList li a {
position: relative;
display: inline-block;
padding: 1rem 0.6rem!important;
text-decoration: none;
}
.fsNavMenuList li a:hover{
opacity:0.6;
transition:0.6s;
/*color: #24c5ff!important;*/
}
.fsNavMenuList .active_page > a {
border-bottom:2px solid #004499;  
}
.fsNavMenuList li a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #004499;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.fsNavMenuList li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
/*ホバー時の文字色etc*/
.fsNavMenuList li a{
box-sizing: border-box!important;
}
/*ホバー時のサブリスト背景色*/
.sub_list{
background-color: rgba(194,183,170,0.9);
margin-top: 0rem!important;
padding-top: 1rem!important;
padding-bottom: 1rem!important;
left:0;
height:auto!important;
}
/*IE*/
@supports (-ms-ime-align:auto) {
.sub_list {
margin-top: 2.5rem!important;
}
}
/*IE10*/
@media all and (-ms-high-contrast:none) {
.sub_list {
margin-top: 2.5rem!important;
}
}
/*IE11*/
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, .sub_list {
margin-top: 2.5rem!important;
}
}
/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.5rem 0 1.5rem 2rem;
font-size: 1.2rem;
border-bottom: 1px solid #969696;
}
.fat-nav{
background: rgba(26, 26, 26, 0.9);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #ffffff;
}

/*　Fatnaviフィックス　*/
#topfixA {
position: absolute;
z-index: 50;
top: 0;
right: 0;
}
#topfixB {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}
@media screen and (max-width: 768px) { 
/*　Fatnaviフィックス　*/
#topfixC {
position: absolute;
z-index: 50;
top: 0;
right: 0;
margin: 1.65rem 6rem 0rem 0rem;
}
}
/*　==============================　footer　==============================　*/
.footer_font a:hover{
transition:0.6s;
color: #2996cd!important;
}
.banner-bottom{
padding: 0rem 1.5rem 0rem 1.5rem;
}
.banner-bottom img{
background-color: #ffffff;
}
/*　サイトマップ　*/
.footer-s-map{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
width:100%;
margin: 0rem;
}
.footer-s-map li{
margin-bottom: 1.5rem;
}
.footer-s-map li p a:hover{
transition:0.6s;
color: #2996cd!important;
}
.fam-about{
order: 0;
align-self: stretch;
width: 170px;
}
.fam-products{
order: 2;
align-self: stretch;
width: 170px;
}
.fam-business{
order: 1;
align-self: stretch;
width: 170px;
}
.fam-facility{
order: 3;
align-self: stretch;
width: calc(100% - 510px);
}
.fam-company{
order: 4;
align-self: stretch;
width: 170px;
}
.fam-news{
order: 5;
align-self: stretch;
width: 170px;
}
.fam-recruit{
order: 6;
align-self: stretch;
width: calc(100% - 340px);
}
.s-map-main{
letter-spacing: 0.1rem;
font-size:1rem;
padding: 0rem 0rem 0.4rem 0rem;
vertical-align: bottom;
}
.s-map-sub{
vertical-align: top;
font-size: 0.8rem;
padding: 0rem 0rem 0.1rem 0.5rem;
}
@media screen and (max-width: 900px) {
.fam-about{
width: 130px;
}
.fam-products{
width: 130px;
}
.fam-business{
width: 130px;
}
.fam-facility{
width: calc(100% - 390px);
}
.fam-company{
width: 130px;
}
.fam-news{
width: 130px;
}
.fam-recruit{
width: calc(100% - 260px);
}
}
@media screen and (max-width: 720px) {
.fam-about{
width: 145px;
}
.fam-products{
width: 145px;
}
.fam-business{
width: calc(100% - 145px);
}
.fam-facility{
width: calc(100% - 145px);
}
.fam-company{
width: 145px;
}
.fam-news{
width: calc(100% - 145px);
}
.fam-recruit{
width: 145px;
}
.s-map-main{
letter-spacing: 0.1rem;
font-size:1.2rem;
padding: 0rem 0rem 0.3rem 0rem;
vertical-align: bottom;
}
.s-map-sub{
vertical-align: top;
font-size: 0.9rem;
padding: 0rem 0rem 0.6rem 0.5rem;
}
}
/*　コンタクトボタン　*/
.f-contact .fs_btn_text {
line-height:1.1rem;
}
.f-contact .fs_btn_text_sub{
font-size: 0.7rem;
}
.f-contact .fs_btn_text_main{
font-size: 0.9rem;
}
/*　ページトップボタン　*/
.btn_pagetop{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.btn_pagetop .fs_btn_text{
line-height: 1.6;
}
/*　==============================　■■デフォルト■■　==============================　*/
/*　==============================　コンポーザーに関する設定　==============================　*/
.information_ttl{
max-width: 540px;
margin: 0 auto;
padding: 2rem 1rem 2rem 1rem;
}
@media screen and (max-width: 650px) {
.information_ttl{
max-width: 100%;
margin: 0rem 2rem;
}
}
/*　==============================　contact　==============================　*/
.cf .formBlockSurveyTable dl dt {
color: #777777;
text-align: left;
width:100%;
margin-right: 0%!important;
}
.cf .formBlockSurveyTable dl dd {
width: 100%;
}
.cf .formBlockSurveyTable dl {
padding: 1% 0;
}
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 2%;
}
.cf .formBlockSubmitButton {
width:100%!important;
text-align:center!important;
background-color: #d1d1d1!important;
color:#4d4d4d;
}
.cf .formBlockSubmitButton:hover {
background-color: #4d4d4d!important;
border: 1px solid #4d4d4d;
color:#ffffff;
transition:0.6s;
}
.cf .on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.cf .formBlockSurveyTable dl dd input,
.cf .formBlockSurveyTable dl dd textarea {
width: 100%;
}
}
/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.space{
letter-spacing: 0.2rem;
}
.space-1{
letter-spacing: 0.1rem;
}
.space-2{
letter-spacing: 0.4rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
.tx-shadow-b{
text-shadow: 2px 1px 2px #444444;
}
.tx-shadow-w{
text-shadow: 1px 1px 1px #ffffff;
}
.center_line{
width: 100%;
text-align: left;
}
.center_line_b{
width: 50%;
padding-top: 1rem;
box-sizing: border-box;
border-right: 1px solid #004499;
}
.center_line_b2{
width: 50%;
padding-top: 2rem;
box-sizing: border-box;
border-right: 1px solid #004499;
}
.center_line_w{
width: 50%;
padding-top: 1rem;
box-sizing: border-box;
border-right: 1px solid #ffffff;
}
.center_line_black{
width: 50%;
padding-top: 1rem;
box-sizing: border-box;
border-right: 1px solid #333333;
}
@media screen and (max-width: 480px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: left!important;
}
.tx-right{
text-align: right!important;
}
.border-center{
margin: 0 auto!important;
}
.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
.line-c{
margin: 0 auto!important;
}
}
/* ---------------------左右ライン------------------------------ */
.lines-on-sides {
display: flex;
align-items: center;
}
.lines-on-sides:before, .lines-on-sides:after {
content: "";
flex-grow: 1;
height: 1px;
background: #333333;
display: block;
}
.lines-on-sides:before {
margin-right: 1.5em;
}
.lines-on-sides:after {
margin-left: 1.5em;
}
/*　==============================　背景に関する設定　==============================　*/
.contents_main_bgcolor{
background: linear-gradient(#ffffff 55%, #004499 55%, #004499);
}
.bottomleft_r{
-moz-border-radius: 0rem 0rem 0rem 1rem;
-webkit-border-radius: 0rem 0rem 0rem 1rem;
-o-border-radius: 0rem 0rem 0rem 1rem;
-ms-border-radius: 0rem 0rem 0rem 1rem;
}
@media screen and (max-width: 480px) {
.sp_bg_none{
background-image: none!important;
}
.contents_main_bgcolor{
background: linear-gradient(#ffffff 40%, #004499 40%, #004499);
}
.bottomleft_r{
-moz-border-radius: 0rem 0rem 0rem 0rem;
-webkit-border-radius: 0rem 0rem 0rem 0rem;
-o-border-radius: 0rem 0rem 0rem 0rem;
-ms-border-radius: 0rem 0rem 0rem 0rem;
}
}
/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.9);
}
.rgba-white-r{
background-color:rgba(255,255,255,0.6);
}
.rgba-black{
background-color:rgba(0,0,0,0.8);
}
.rgba-right-black{
background-color:rgba(0,0,0,0.6);
}
.rgba-rightblue-g{
background: linear-gradient(-45deg, #0a0ac8, #008ad4);
background-color:rgba(0,92,166,1);
}
.rgba-rightblue-g-transparent{
opacity: 0.8;
background: linear-gradient(-45deg, #0a0ac8, #008ad4);
background-color:rgba(0,92,166,1);
}
.rgba-right-b{
background-color:rgba(0,68,153,0.6);
}
.rgba-right-b-thick{
background-color:rgba(0,68,153,0.85);
}
.rgba-right-g{
background-color:rgba(247,247,247,1);
}
@media screen and (max-width: 480px){

}
/*　==============================　ページリストに関する設定　==============================　*/
/*　--------------------　トップ新着ページリスト　--------------------　*/
.top-news .ticker ul li span{
margin-right: 0.5rem!important;
}
.top-news .showlist{
margin-top: 0.1rem!important;
z-index: 48!important;
}
.top-news .tk_tags{
color: #ffffff!important;
background-color: #004499;
margin-top: -0.2rem;
padding: 0.4rem 0.6em 0.3rem 0.6em!important;
}
@media screen and (max-width: 480px) {
.top-news .ticker{
padding: 0.6rem 0.5rem;
}
.top-news-btn .fs_btn{
padding-top: 0.3rem!important;
padding-bottom: 0.3rem!important;
}
} 
/*　--------------------　ページリストタグ　--------------------　*/
.top-news .tk_tags_Tags_02{
background: #004499;
}
.top-news .tk_tags_Tags_03{
background: #333333;
}
.top-news .tk_tags_Tags_04{
background: #0080f4;
}
.top-news .tk_tags_Tags_05{
background: #d81c24;
}
.top_info .tk_tags_time, .top_info .tk_kiji{
font-size: 0.8rem!important;
}
.top_info .tk_title{
font-size: 1rem!important;
}
.fs_page_list .tk_flex{
padding: 1rem 0rem!important;
}
.fs_page_list .tk_flex:last-child{
border: none!important;
}
.tk_tags_Tags{
background-color: #f5f5ec;
}
.tk_tags{
font-size: 0.7rem;
color: #ffffff;
background: #004499;
padding: 0.15rem 0.5rem;
margin-right: 0.5rem;
text-align: center;
}
.tk_tags_Tags_02{
background: #004499;
}
.tk_tags_Tags_03{
background: #333333;
}
.tk_tags_Tags_04{
background: #0080f4;
}
.tk_tags_Tags_05{
background: #d81c24;
}
@media screen and (max-width: 480px) {
.fs_page_list .tk_flex{
flex-flow: column;
}
}
/*　--------------------　ページリスト　--------------------　*/
.tk_flex{
padding: 1.5rem 1rem!important;
}
.tk_title{
font-size: 1rem!important;
}
.slick-slide div.contentsslider_footer div.time_ymd{
display: none!important;
}
.slick-slide div.contentsslider_footer div.contentsslider_btn{
padding-bottom: 0.5rem!important;
}
/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{
margin-top: 1rem;
}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{
top: 0.5rem!important;
}
#pagination .currentPage  strong{
background-color: #004499!important;
color: #ffffff!important;
}
#pagination .numbers {
margin-right: 0.6rem;
}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color: #f1f1f1;
padding: 0.5rem 1rem;
display: inline-block;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
}
}
@media screen and (min-width: 480px) {
.tel_splink {
pointer-events: none;
}
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img:hover {
opacity:1;
transition:0.6s;
}
.hover-opacityBanner img{
opacity: 1;
transition:0.6s;
}
.hover-opacityBanner img:hover{
opacity: 0.8;
transition:0.6s;
}
/*　box-shadow　*/
.boxshadow_w_20{
box-shadow: 4px 4px 6px 0 rgba(89,69,0,.20);
}
.boxshadow_20 {
box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);
}
/*　--------------------　Google font　--------------------　*/
.googlefont {
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
}