@charset"utf-8";


/*====================
 コンテンツ共通スタイル
  ====================*/



div.contents-box-white{
    background-color: #fff;
    padding: 60px 0;
    }

div.contents-box-lightgray{
    background-color: #f4f4f4;
    padding: 60px 0;
    }


div.contents-box-white-bottomend{
    background-color: #fff;
    padding: 60px 0 0 0;
    }

div.contents-box-lightgreen{
    background-color: #fcfcee;
    padding: 60px 0;
    }






.contents-main-image {
  display: flex;
  justify-content: space-between;
}




div.descriptionBox01{
    margin: 0 0 1em 0;
    xfont-size: 120%;
    }

div.descriptionBox02{
    xwidth: 100%;
    margin: 0 0 2em 0;
    }

div.descriptionBox03{
    margin: 0 0 3em 0;
    }

div.descriptionBox120{
    margin: 0 0 120px 0;
    }


.title-style01{

    text-align: center;
    font-size: 160%;

    color: #fff;
    background-color: #59bf3f;

    margin: 0 0 1em 0;
    padding: 30px 10px;

    }


.title-style02{

    text-align: center;
    font-size: 110%;

    color: #fff;
    background-color: #76475b;

    margin: 0 0 1em 0;
    padding: 15px 10px;


}


.title-style03{
    text-align: center;
    font-size: 100%;

    color: #fff;
    background-color: #83292d;

    margin: 0 0 1em 0;
    padding: 10px;

    }

.title-style03-option{
    padding: 0 0 20px 0;


    background-image: url("../../images/bg_icon01.png");
    background-repeat: no-repeat;
    background-position: bottom;

    }


.breadcrumbsArea {
  position: absolute;
  top: 70px;
  xpadding: 20px 0;
}


.breadcrumbs {
    font-size: 80%;
    letter-spacing: -.4em;
}


.breadcrumbs li{
  display:inline;
  list-style: none;
  letter-spacing: normal;
}

.breadcrumbs li.breadcrumbs-home::before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f015";

}


.breadcrumbs li::after{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
}


.breadcrumbs li:last-child::after{
  content: "";
}

.breadcrumbs li > span{
  margin: 0 1em;
}

.breadcrumbs li.breadcrumbs-home > span{
  margin: 0 1em 0 5px;
}



dl.dList-style01 dt{
    color: #fff;
    background-color: #3f3c3c;
    position: absolute;
    padding: 10px;
}

dl.dList-style01 dd{
    text-align: left;
    padding: 10px 0 10px 120px;
    margin: 0 0 15px 0;
}

.numberList-Area {
    position: relative;
    margin: 2em 0 0 0;
}

.numberList-Area > h3{
    position: absolute;

    line-height: 100%;

    color: #ff6700;
    font-size: 300%;
    font-weight: bold;

    padding-left: 15px;

}


dl.numberList-number-list{
    padding: 0 0 0 90px;

}


dl.numberList-number-list > dt{
    font-size: 170%;
    border-color: #ccc;
    border-style: solid;
    border-width: 0 0 1px 0;
    padding: 0 0 5px 0;
    margin: 0 0 0.75em 0 ;
}

dl.numberList-number-list > dd{
    font-size: 90%;
}


#pagenavi-area {
    text-align: center;
    background-color: #f6f4f2;
    margin: 0 auto;
    padding: 20px 0;
}


.hide {
  display: none;
}



/*====================
 コンテンツスタイル（共通ページ）
 ====================*/



#contentspage #container {

  xbackground-image: url('../../images/bg_img03.png');
  xbackground-repeat: no-repeat;
  xbackground-size: 100% auto;

  xbackground-position: top center ;
}



#contentspage #contentsArea {
    xwidth: 1000px ;
    width: 100%;
    margin: 0 auto ;

}


#contentspage #page-header {

    xwidth: 100%;
    xmargin: 9% 0 2em 43%;

    width: 1100px;
    color: #001a59;
    margin: 120px auto 2em auto;
    padding: 0 0 0 420px;


    color: #001a59;
}

#contentspage #page-header > p {
  font-size: 120%;
  xfont-weight: bold;
  margin: 0 0 5px 0;
  line-height: 1;
}


.page-title{
    width: 100%;
    text-align: left;
    margin: 0 0 1em 0;
    position: relative;
}

.page-title h2{
  font-size: 340%;
  line-height: 1;
  letter-spacing: -2px;

  font-family: 'Lato', sans-serif;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;


  border-style: solid;
  border-width: 0 0 1px 0;
}

.page-title h2 > span{
  font-size: 50%;
  letter-spacing: 0;
  margin: 0 0 0 1em;
}

.page-subtitle{
    width: 100%;
    text-align: left;
    margin: 0 auto 2em auto;
    position: relative;
}

.page-subtitle h2{
  font-size: 200%;
  line-height: 90%;
  letter-spacing: -2px;

  font-family: 'Lato', sans-serif;
  margin: 0 0 1em 0;
}


.page-subtitle > p{
  font-size: 90%;
  margin: 0 0 10px 0;
}



.contentsArea-title h2::before{
    xleft: 0;
}

.contentsArea-title h2::after{
    xright: 0;
}


.contentsArea-title h2::before,
.contentsArea-title h2::after
 {
    xcontent: '';
    xposition: absolute;
    xtop: 50%;
    xdisplay: inline-block;
    xwidth: 390px;
    xheight: 1px;
    xbackground-color: #4f6228;
}






#contentsArea .contents-body{
  width: 100%;
  position: relative;
  xletter-spacing: -.4em;

  margin: 80px 0;
}


#contentsArea .contents-navi{
  width: 100%;
  margin: 0 auto 60px auto;
  padding: 15px 0;
  text-align: center;

  background-color: #f2f2f2;
}

#contentsArea .contents-navi > ul{
  letter-spacing: -.4em;
}

#contentsArea .contents-navi > ul li{
  display: inline-block;
  letter-spacing: normal;

  font-size: 90%;

  padding: 0 20px;

  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: #ccc;
}

#contentsArea .contents-navi > ul li:last-child{
  border-width: 0 1px;

}

.contents-title {
    width: 100%;
    margin: 0 auto 15px auto;
    padding: 10px 0 15px 0;


    color: #001a59;
    line-height: 1;

    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #ccc;

}


.contents-title > h3 {
  font-size: 170%;
  font-weight: bold;
  font-feature-settings : "palt" 1;
}

/* safari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .contents-title > h3 {
    font-feature-settings : "pkna" 1;
  }
}
_::-webkit-full-page-media, _:future, :root .contents-title > h3 {
  font-feature-settings : "pkna" 1;
}



.contents-title > p {
  width: 30%;
  margin: 0 0 10px 0;
  color: #5e75ab;
}


div.contents-box{

    width: 1100px;
    margin: 0 auto 60px auto;
    padding: 0 0 0 30px ;
    xborder-style: solid;
    xborder-width: 0 0 0 10px;
    xborder-color: #f2f2f2;
    }


div.contents-box-left{
    float: left;


    width: 360px;
    letter-spacing: normal;
    vertical-align: top;
    }



div.contents-box-right{
    float: right;

    width: 680px;
    letter-spacing: normal;
    vertical-align: top;
    }


/*====================
 コンテンツスタイル（topページ）
  ====================*/


#header {
    xwidth: 100%;
    xheight: 80px
    xposition: relative;
    xbackground-color: #4f6228;

    xmargin: 0 0 30px 0;
}


#toppage #contentsArea {
    width: 100%;
    margin: 0 auto;

}


#toppage #container {

  xbackground-image: url('../../images/bg_img02.png');
  xbackground-repeat: no-repeat;
  xbackground-size: 100% auto;

  xbackground-position: top center ;
}






/*==== メインイメージ ====*/

#toppage #mainimgArea {
  position: relative;
  width: 100%;

  background-color: #000;

  xpadding: 40px 0;

}

#toppage #mainimgArea .mainimg-filter {

  background-color: #000;
}


#mainimgArea .box_bg_photo{
  width: 100%;
  height: 550px;
  xpadding-top: 50%;

}



#toppage #mainimgArea .catchcopy{
    xfont-size: 0.1em;
    width: 100%;
    position: absolute;

    text-align: right;
    bottom: 50px;
    xright: 10px;
    xleft: 0;
  xtransform: translateY(-70%) translateX(-50%);
  -webkit- xtransform: translateY(-70%) translateX(-50%);
  padding: 0 10% 0 0;
    }

#toppage #mainimgArea .catchcopy > img{
  width: 620px;
  height: auto;
  color: #fff;

filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.9));
    }






/*==== バナーエリア ====*/

#bannerArea {
  xposition: relative;

  width: 100%;

  xbackground-color: #000;

  background-image: linear-gradient(
    -45deg,
    #282828 25%,
    #141414 25%, #141414 50%,
    #282828 50%, #282828 75%,
    #141414 75%, #141414
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 8px 8px;


  padding: 20px 0


  z-index: 0;
}

#bannerArea .bannerArea-box{


  xposition: relative;
  width: 1100px;
  height: 150px;
  margin: 0 auto;

  z-index: 1;
}

#bannerArea ul{
  position: absolute;

  top: 600px;
  xbottom: -110px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 2;

  display: flex;
  justify-content: center;

}

#bannerArea li{
  width: 650px;
  height: auto;

  padding: 0 15px;

}



#bannerArea li > a img{
  xwidth: 800px;
  width: 100%;
  height: auto;


}


/*==== メッセージエリア ====*/


#messageArea {
  width: 100%;
  height: 500px;

  margin: 30px 0;
  padding: 0 0;

    background-image: url("../../images/bg_topimg01.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

#messageArea .contents-box {
  width: 1100px ;


  margin: 0 auto;
  padding: 0 0;


}


#messageArea .contents-box > .messageArea-contents {

  display: table;
  sheight: 450px;

}

#messageArea .contents-box > div .messageArea-item {
  width: 50%;
  height: 450px;
  display: table-cell;
  vertical-align: bottom;
}

#messageArea .contents-box > div .messageArea-item h2{
  font-size: 90%;
  font-weight: normal;

  padding: 0 0 5px 0;
  margin: 0 0 30px 0;

  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;


    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

#messageArea .contents-box > div .messageArea-item h2::first-letter{
  color: #ff8700;
}

#messageArea .contents-box > div .messageArea-item h2 span{
  font-size: 300%;
  xfont-weight: bold;

  margin: 0 0.5em 0 0;
}

#messageArea .contents-box > div .messageArea-item p.catchcopy{
  font-size: 200%;
  xfont-weight: bold;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

  font-feature-settings : "palt" 1;

  line-height: 130%;
}

/* safari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #messageArea .contents-box > div .messageArea-item p.catchcopy {
    font-feature-settings : "pkna" 1;
  }
}
_::-webkit-full-page-media, _:future, :root #messageArea .contents-box > div .messageArea-item p.catchcopy {
  font-feature-settings : "pkna" 1;
}


#messageArea .contents-box > div .messageArea-item i{
  color: #ffb600;
}


/*==== インタビューエリア ====*/



#interviewArea {
  width: 100%;
  height: auto;

  margin:  0;
  padding: 30px 0;

  background-color: #f3f3f3;
}

#interviewArea .contents-box {
  width: 1100px ;


  margin: 0 auto;
  padding: 0 0;

  text-align: center;
}


#interviewArea .contents-box > h2{
  font-size: 90%;
  font-weight: normal;

  padding: 0 0 5px 0;
  margin: 0 0 30px 0;

  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;


    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

#interviewArea .contents-box > h2::first-letter{
  color: #ff8700;
}

#interviewArea .contents-box > h2 span{
  font-size: 300%;
  xfont-weight: bold;

  margin: 0 0.5em 0 0;
}


#interviewArea .contents-box .member-list{
  letter-spacing: -1em;
  text-align: center;
}

#interviewArea .contents-box .member-list > li{
  display: inline-block;
  letter-spacing: normal;

  width: 30%;

  margin: 0 10px;
  vertical-align: top;

  background-color: #fff;
}

#interviewArea .contents-box .member-list > li a{
  display: block;

}

#interviewArea .contents-box .member-list > li a:link,
#interviewArea .contents-box .member-list > li a:visited{
  color: #020202;
}

#interviewArea .member-list > li .member-list-photoimg{
  padding: 0;
  margin: 0;
  line-height: 0;

  background-color: #000;
}


#interviewArea .member-list > li .member-list-photoimg img{
  width: 100%;
  height: auto;


}

#interviewArea .member-list > li .member-list-contents p:nth-child(1){
  color: #fff;
  background-color: #505050;

  font-size: 90%;
  xfont-weight: bold;

  padding: 10px 0;
}

#interviewArea .member-list > li .member-list-contents p:nth-child(2){
  font-size: 90%;
  margin: 0 0 5px 0;
}

#interviewArea .member-list > li .member-list-contents p:nth-child(3){
  font-size: 80%;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  margin: 0 0 10px 0;
}

#interviewArea .member-list > li .member-list-contents p:nth-child(3) > span{
  font-size: 180%;

}

#interviewArea .member-list > li .member-list-contents p:nth-child(4){
  color: #fff;
  background-color: #000;
  font-size: 80%;

  padding: 15px 0;
  margin: 0;
}

#interviewArea .member-list > li .member-list-contents p:nth-child(4) i{
  color: #ffb600;
}

#interviewArea .contents-box .member-list > li a:hover{
  filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;

}


/*==== 面白い取り組みこ紹介エリア ====*/


#specialrulesArea {
  width: 100%;
  height: 520px;

  margin: 30px 0;
  xpadding: 30px 0;

  background-color: #fff;

    background-image: url("../../images/bg_topimg02.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

#specialrulesArea .contents-box {
  width: 1100px ;


  margin: 0 auto;
  padding: 0 0;

  xtext-align: center;
}


#specialrulesArea .contents-box > .specialrules-contents {

  display: table;
  height: 450px;

}

#specialrulesArea .contents-box > div .specialrules-item {
  width: 50%;
  xheight: 450px;
  display: table-cell;
  vertical-align: bottom;
}

#specialrulesArea .contents-box > div .specialrules-item h2{
  font-size: 90%;
  font-weight: normal;

  padding: 0 0 5px 0;
  margin: 0 0 30px 0;

  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;


    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

#specialrulesArea .contents-box > div .specialrules-item h2::first-letter{
  color: #ff8700;
}

#specialrulesArea .contents-box > div .specialrules-item h2 span{
  font-size: 300%;
  xfont-weight: bold;

  margin: 0 0.5em 0 0;
}

#specialrulesArea .contents-box > div .specialrules-item p.catchcopy{
  font-size: 200%;
  xfont-weight: bold;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

  font-feature-settings : "palt" 1;

  line-height: 130%;
}

/* safari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #messageArea .contents-box > div .specialrules-item p.catchcopy {
    font-feature-settings : "pkna" 1;
  }
}
_::-webkit-full-page-media, _:future, :root #messageArea .contents-box > div .specialrules-item p.catchcopy {
  font-feature-settings : "pkna" 1;
}


#specialrulesArea .contents-box > div .specialrules-item i{
  color: #ffb600;
}





/*==== 工場見学エリア ====*/


#photogalleryArea {
  position: relative;
  width: 100%;
  height: 450px;

  margin:  0;
  padding: 30px 0;

  background-color: #000;

  background-image: url("../../images/bg_topimg03.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;

}

#photogalleryArea .contents-box {
  position: absolute;
  width: 550px;

  color: #fff;

  text-align: center;
  overflow: hidden;

  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

#photogalleryArea .contents-box > h2{
  font-size: 280%;
  font-weight: normal;

  padding: 0 0 5px 0;
  margin: 0 0 0 0;

    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

  filter: drop-shadow(0 0 4px rgba(0,0,0,0.9));
}

#photogalleryArea .contents-box > h2::first-letter{
  color: #ff8700;
}

#photogalleryArea .contents-box .name {
  font-size: 80%;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

  margin: 0 0 30px 0;

  letter-spacing: 1px;

  filter: drop-shadow(0 0 4px rgba(0,0,0,0.9));
}

#photogalleryArea .contents-box i{
  color: #ffb600;
}







/*==== リクルートコンテンツエリア ====*/


#recruitcontentsArea {
  width: 100%;
  height: auto;

  margin:  0;
  padding: 60px 0;

  background-color: #f3f3f3;
}

#recruitcontentsArea .contents-box {
  width: 1100px ;


  margin: 0 auto;
  padding: 0 0;

  text-align: center;
}



#recruitcontentsArea .contents-box > .recruitcontentsArea-contents {

  width: 100%;
  letter-spacing: -1em;
}

#recruitcontentsArea .contents-box > div .recruitcontentsArea-item {
  width: 50%;
  display: inline-block;
  letter-spacing: normal;

  padding: 0 30px;
  vertical-align: bottom;

}

#recruitcontentsArea .contents-box > div .recruitcontentsArea-item > dl dt {
  color: #fff;
  background-color: #1e3463;

  padding: 15px 0;
  margin: 0 0 20px 0;
  font-weight: bold;
}

#recruitcontentsArea .contents-box > div .recruitcontentsArea-item > dl dd {
  font-size: 90%;

}

#recruitcontentsArea .contents-box > div .recruitcontentsArea-item > dl dd p:last-child {
  margin: 0;

}

#recruitcontentsArea .contents-box > div .recruitcontentsArea-item:nth-child(1) > dl dd i {
  color: #2eb8ff;

}


#recruitcontentsArea .contents-box > div .recruitcontentsArea-item:nth-child(2) > dl dd i {
  color: #ffb600;

}



/*====================
社長メッセージスタイル
 ====================*/


#messageArea.message {
  width: 100%;
  height: auto;
  margin: 30px 0;
  padding: 0 0;

  xbackground-color: #f2f2f2;

    background-image: url("../../images/message_img01.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;


}

#messageArea.message .messageArea-item > .name{
  margin: 30px 0;
}

#messageArea.message .contents-box > div .messageArea-item p.catchcopy {
    font-size: 180%;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    font-feature-settings: "palt" 1;
    line-height: 130%;
}




#messageArea-companyinfo.message {
  width: 100%;
  height: auto;

  margin:  0;
  padding: 30px 0;
  xcolor: #fff;
  background-color: #fff;
}

#messageArea-companyinfo.message .contents-box {
  width: 1100px ;


  margin: 0 auto;
  padding: 0 0;

  text-align: center;
}


#messageArea-companyinfo.message .contents-box > h2{
  font-size: 90%;
  font-weight: normal;

  padding: 0 0 5px 0;
  margin: 0 0 30px 0;

  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;


    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

#messageArea-companyinfo.message .contents-box > h2::first-letter{
  color: #ff8700;
}

#messageArea-companyinfo.message .contents-box > h2 span{
  font-size: 300%;
  xfont-weight: bold;

  margin: 0 0.5em 0 0;
}


#messageArea-companyinfo.message .contents-box > dl {
  text-align: left;
}

#messageArea-companyinfo.message .contents-box > dl dt{
  font-size: 130%;
  xmargin: 0 0 10px 0;

  font-weight: bold;
  color: #222866;
}


#messageArea-companyinfo.message .contents-box > dl dd{
  padding: 0 0 15px 0;
  margin: 30px 0;

  border-style: dashed;
  border-width: 0 0 1px 0;
  border-color: #ccc;
}


#messageArea-companyinfo.message .contents-box > dl dd p:last-child{
  margin: 0;
}





#interviewArea.message .contents-box > .interviewArea-contents {

  sdisplay: table;
  text-align: left ;
  position: relative;
  z-index: 1;

  width: 100%;
  height: 100%;

  margin: 0 0 50px 0;
}

#interviewArea.message .contents-box > .interviewArea-contents::before{
   xcontent: "";
    xdisplay: block;
    xpadding: 50% 0;
}

#interviewArea.message .contents-box > div .interviewArea-item {
  width: 50%;
  height: auto;
  xdisplay: table-cell;
  vertical-align: top;

  text-align: left;

  position: absolute;
  top: 0;
  left:  0;
  xright: 20px;
  z-index: 1;

  height: 100%;
}

#interviewArea.message .contents-box > div .interviewArea-item.text {
  padding: 30px 40px;
  background-color: rgba(255,255,255,0.9);

  position: relative;

  top: 30px;
  left: 48%;
  right: 0;
  z-index: 2;

  height: 100%;

}

#interviewArea.message .contents-box > div .interviewArea-item02 {

  vertical-align: top;

  text-align: left;

  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  z-index: 1;

  height: 100%;
}

#interviewArea.message .contents-box > div .interviewArea-item02.text {
  width: 50%;
  height: auto;

  padding: 30px 50px;
  background-color: rgba(255,255,255,0.9);

  position: relative;

  top: 30px;
  right: 0;
  left: 2%;
  z-index: 2;



}




#interviewArea.message .contents-box > .interviewArea-contents dt {
  font-weight: bold;
  margin: 0 0 1em 0;
}

#interviewArea.message .contents-box > .interviewArea-contents dd {
  margin: 0 0 2em 0;
}


#interviewArea.message .contents-box > .interviewArea-contents img {
  width: 100%;
}


#contentsArea.message #interviewArea .contents-box > .interviewArea-contents p:last-child,
#interviewArea.message .contents-box > .interviewArea-contents dd:last-child {
  xmargin: 0;
}


/*====================
先輩社員インタビュースタイル
 ====================*/


#interviewArea.interview {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 30px 0;


}

#interviewArea.interview .contents-box {
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
    text-align: center;
}


#interviewArea.interview .contents-box > .interviewArea-title-area.c01{

  background-image: url("../../images/interview_img01_01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;

}




#interviewArea.interview .contents-box > .interviewArea-title-area.c02{

  background-image: url("../../images/interview_img02_01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;

}

#interviewArea.interview .contents-box > .interviewArea-title-area.c03{

  background-image: url("../../images/interview_img03_01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;

}



#interviewArea.interview .contents-box > .interviewArea-title-area .interviewArea-title{

  display: table;

  width: 1100px;
  height: 400px;

  margin: 0 auto 50px auto;

}


 #interviewArea.interview .contents-box > .interviewArea-title-area .interviewArea-title-item{

  display: table-cell;

  width: 50%;
  height: 100%;

  vertical-align: bottom;

  padding: 0 0 20px 0;
}

 #interviewArea.interview .contents-box > .interviewArea-title-area .interviewArea-title-item > h2{
  font-size: 90%;
  font-weight: normal;

  padding: 0 0 5px 0;
  margin: 0 0 20px 0;

  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;


    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

 #interviewArea.interview .contents-box > .interviewArea-title-area .interviewArea-title-item > h2::first-letter{
  color: #ff8700;
}

 #interviewArea.interview .contents-box > .interviewArea-title-area .interviewArea-title-item > h2 span{
  font-size: 300%;
  xfont-weight: bold;

  margin: 0 0.5em 0 0;
}


 #interviewArea.interview .contents-box > .interviewArea-title-area .interviewArea-title-item > p:nth-child(2){
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 20px 0;
    background: #272626;
    padding: 10px 0;
    color: #fff;

}


 #interviewArea.interview .contents-box > .interviewArea-title-area .interviewArea-title-item > p:nth-child(3){
    font-size: 90%;
    margin: 0 0 15px 0;

    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

 #interviewArea.interview .contents-box > .interviewArea-title-area .interviewArea-title-item > p:nth-child(4){
    font-size: 90%;

    line-height: 180%;


    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

 #interviewArea.interview .contents-box > .interviewArea-title-area .interviewArea-title-item > p:nth-child(4) > span{
     font-size: 260%;
    xfont-weight: bold;
}





#interviewArea.interview .contents-box > .interviewArea-contents {
  width: 1100px;
  text-align: left ;
  position: relative;
  z-index: 1;

  xwidth: 100%;
  height: 100%;

  margin: 0 auto 50px auto;
}



#interviewArea.interview .contents-box > div.interviewArea-contents .interviewArea-item {
  width: 50%;
  height: auto;
  vertical-align: top;

  text-align: left;

  position: absolute;
  top: 0;
  left:  0;
  z-index: 1;

  height: 100%;
}

#interviewArea.interview .contents-box > div.interviewArea-contents .interviewArea-item.text {
  padding: 30px 40px;
  background-color: rgba(255,255,255,0.9);

  position: relative;

  top: 30px;
  left: 48%;
  right: 0;
  z-index: 2;

  height: 100%;

}

#interviewArea.interview .contents-box > div.interviewArea-contents .interviewArea-item02 {

  vertical-align: top;

  text-align: left;

  position: absolute;
  top: 0;
  right: 0;
  left: 50%;
  z-index: 1;

  height: 100%;
}

#interviewArea.interview .contents-box > div .interviewArea-item02.text {
  width: 50%;
  height: auto;

  padding: 30px 50px;
  background-color: rgba(255,255,255,0.9);

  position: relative;

  top: 30px;
  right: 0;
  left: 2%;
  z-index: 2;



}


#interviewArea.interview .contents-box > .interviewArea-contents dt {
  font-weight: bold;
  margin: 0 0 1em 0;
  color: #125a99;
}

#interviewArea.interview .contents-box > .interviewArea-contents dd {
  margin: 0 0 2em 0;
}


#interviewArea.interview .contents-box > .interviewArea-contents img {
  width: 100%;
}


.member-list-area {

  width: 100%;
  background-color: #ccc;

  margin: 30px 0;

}

.member-list-area > .member-list-box {
  width: 1100px;
  margin: 0 auto;
}




/*====================
面白い取り組みスタイル
 ====================*/


#sprulesArea.sprules {
  width: 100%;
  height: auto;
  margin: 0 0 30px 0;
  padding: 30px 0;

}

#sprulesArea.sprules .contents-box {
    width: 100%;
    margin: 0 auto;
    padding: 0 0;
    text-align: center;
}


#sprulesArea.sprules .contents-box > .sprulesArea-title-area{

  background-image: url("../../images/sprules_img01.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;

}


#sprulesArea.sprules .contents-box > .sprulesArea-title-area .sprulesArea-title{

  display: table;

  width: 1100px;
  height: 500px;

  margin: 0 auto 50px auto;

}


#sprulesArea.sprules .contents-box > .sprulesArea-title-area .sprulesArea-title-item{

  display: table-cell;

  width: 50%;
  height: 100%;

  vertical-align: bottom;

  padding: 0 0 20px 0;
}

 #sprulesArea.sprules .contents-box > .sprulesArea-title-area .sprulesArea-title-item > h2{
  font-size: 90%;
  font-weight: normal;

  padding: 0 0 5px 0;
  margin: 0 0 20px 0;

  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;


    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

#sprulesArea.sprules .contents-box > .sprulesArea-title-area .sprulesArea-title-item > h2::first-letter{
  color: #ff8700;
}

#sprulesArea.sprules .contents-box > .sprulesArea-title-area .sprulesArea-title-item > h2 span{
  font-size: 300%;
  xfont-weight: bold;

  margin: 0 0.5em 0 0;
}


 #sprulesArea.sprules .contents-box > .sprulesArea-title-area .sprulesArea-title-item > p{
    xfont-size: 90%;
}


 #sprulesArea.sprules .contents-box > div .sprulesArea-contents{
    display: table;

    width: 1100px;


    border-style: dashed;
    border-width: 0 0 1px 0;
    border-color: #ccc;

    padding: 0 0 20px 0;
    margin: 0 auto 20px auto;
}

 #sprulesArea.sprules .contents-box > div .sprulesArea-contents:last-child{

    border-style: none;

    padding: 0;
    margin: 0 auto 20px auto;
}

 #sprulesArea.sprules .contents-box > div .sprulesArea-contents .sprulesArea-item{
    display: table-cell;
    xvertical-align: bottom;
    vertical-align: middle;
    text-align: left;



}

 #sprulesArea.sprules .contents-box > div .sprulesArea-contents .sprulesArea-item:nth-child(1){
    width: 25%;
}

 #sprulesArea.sprules .contents-box > div .sprulesArea-contents .sprulesArea-item:nth-child(2){
    width: 50%;
}

.sprulesArea-contents .sprulesArea-item > dl dt{
  font-size: 120%;
  font-weight: bold;

  padding: 0 0 10px 0;
  margin: 0 0 15px 0;

  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;

}

.sprulesArea-contents .sprulesArea-item > dl dd{
  font-size: 100%;
}

.sprulesArea-contents .sprulesArea-item > dl dd p:last-child{
  margin: 0;
}

.sprulesArea-contents .sprulesArea-item > .sprulesArea-item-img img{

  position: relative;

  width: 250px;

  border-radius: 125px;
  border-color: #222;
  border-style: solid;
  border-width: 15px;
}


.sprulesArea-contents .sprulesArea-item > .sprulesArea-item-img{

  position: relative;
  display: inline-block;


}

.sprulesArea-contents .sprulesArea-item > .sprulesArea-item-img::before {
 content: "";
  position: absolute;
  top: 50%;
  right: -90px;
  margin-top: 0;
  border: 35px solid transparent;
  border-left: 35px solid #222;
  z-index: 0;


-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}


.sprulesArea-contents .sprulesArea-item > .sprulesArea-item-img p:last-child{

  margin: 0;
  line-height: 0;

}


.sprulesArea-contents .sprulesArea-item .photo-list{
  display: flex;
}

.sprulesArea-contents .sprulesArea-item .photo-list > li{
  padding: 5px;
}

.sprulesArea-contents .sprulesArea-item .photo-list > li img{
  width: 100%;
  height: auto;
  border-radius: 20px;
}


/*====================
工場見学スタイル
 ====================*/


#photogalleryArea.photogallery {
  position: relative;
  width: 100%;
  height: auto;

  margin:  0;
  padding: 30px 0;

  background-color: #fff;

  background-image: none;
  xbackground-repeat: no-repeat;
  xbackground-position: top center;
  xbackground-size: 100%;

}

#photogalleryArea.photogallery .contents-box {
  position: relative;
  width: 1100px;
  height: auto;

  margin: 0 auto;

  color: #292929;

  text-align: center;
  overflow: hidden;

  top: auto;
  left: auto;
  transform: translateY(0) translateX(0);
  -webkit- transform: translateY(0) translateX(0);
}

#photogalleryArea.photogallery .contents-box > h2{
  font-size: 90%;
  font-weight: normal;

    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

  padding: 0 0 5px 0;
  margin: 0 0 30px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;


  filter: none;
}

#photogalleryArea.photogallery .contents-box > h2 span{
  font-size: 300%;
  margin: 0 0.5em 0 0;
}


#photogalleryArea .contents-box > h2::first-letter{
  color: #ff8700;
}

#photogalleryArea .contents-box > .works-catchcopy-box {

  margin: 40px 0 0 0;
  text-align: left;
}

#photogalleryArea .contents-box > .works-catchcopy-box p.catchcopy{
  font-size: 180%;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

  font-feature-settings : "palt" 1;
  text-align: center;
  line-height: 130%;
}

/* safari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #photogalleryArea .contents-box > .works-catchcopy-box p.catchcopy {
    font-feature-settings : "pkna" 1;
  }
}
_::-webkit-full-page-media, _:future, :root #photogalleryArea .contents-box > .works-catchcopy-box p.catchcopy {
  font-feature-settings : "pkna" 1;
}

#photogalleryArea .contents-box > .works-catchcopy-box p:nth-child(3){
  text-align: left;
  xfont-size: 90%;
}



#photogalleryArea .photogallery-list {

  letter-spacing: -1em;
  text-align: left;
}

#photogalleryArea .photogallery-list li {
  xposition: relative;

  width: 23%;
  height: 174px;

  display: inline-block;
  letter-spacing: normal;

  margin: 10px 1%;

  background-color: #111;
  xbackground-image: url("../../images/search-solid.svg");
  xbackground-repeat: no-repeat;
  xbackground-position: center;
  xbackground-size: 20%;

  border-radius: 8px;
}


#photogalleryArea .photogallery-list li a{

  position: relative;
  display: block;

  width: 100%;
  height: 100%;

  overflow: hidden;
  z-index: 1;

  border-radius: 8px;

}

#photogalleryArea .photogallery-list li a:hover{

  opacity: 0.6;

}


#photogalleryArea .photogallery-list li img{

  width: 150%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);

}






div#photogalleryArea.photogallery #works-link  {
  width: 100%;

  margin: 30px auto;
  padding: 30px 0;
  text-align: center;

  border-style: solid;
  border-color: #ccc;
  border-width: 1px 0;
}

div#photogalleryArea.photogallery #works-link > .works-link-box  {
  width: 1100px;

  margin: 0 auto;
  text-align: center;


}




#works-link > .works-link-box > p.catchcopy{
  font-size: 180%;
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

  font-feature-settings : "palt" 1;
  text-align: center;
  line-height: 130%;

  margin: 0 0 0.5em 0;
}

/* safari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #works-link > .works-link-box p.catchcopy {
    font-feature-settings : "pkna" 1;
  }
}
_::-webkit-full-page-media, _:future, :root #works-link > .works-link-box p.catchcopy {
  font-feature-settings : "pkna" 1;
}



#works-link > .works-link-box > p:nth-child(2) {
  xfont-size: 90%;
  xmargin: 0 0 0.5em 0;
}

#works-link > .works-link-box > p:last-child{
  margin: 0 ;
}


#works-link > .works-link-box  a {
  display: block;
  padding: 20px 0;
  width: 100%;
  color: #000;
  background-color: #f2f2f2;
  border-radius: 8px;

  font-weight: bold;
  font-size: 90%;
}

#works-link > .works-link-box  a:hover {
  color: #fff;
  background-color: #930f0f;

}

#works-link > .works-link-box  i {
  color: #2eb8ff;
}

#works-link > .works-link-box a:hover i {
  xcolor: #fff;
}


/*====================
募集概要スタイル
 ====================*/


#requirementsArea.requirements {
  position: relative;
  width: 100%;
  height: auto;

  margin:  0;
  padding: 30px 0;

  background-color: #fff;

}

#requirementsArea.requirements .contents-box {
  position: relative;
  width: 1100px;
  height: auto;

  margin: 0 auto;

  color: #292929;

  text-align: center;


}

#requirementsArea.requirements .contents-box > h2{
  font-size: 90%;
  font-weight: normal;

    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

  padding: 0 0 5px 0;
  margin: 0 0 30px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;

}

#requirementsArea.requirements .contents-box > h2 span{
  font-size: 300%;
  margin: 0 0.5em 0 0;
}


#requirementsArea.requirements .contents-box > h2::first-letter{
  color: #ff8700;
}



#requirementsArea.requirements .contents-box > section .requirements-box{
  margin: 30px 0;
  padding: 15px 0;

  xfont-size: 90%;

  border-style: solid;
  border-color: #ccc;
  border-width: 0 0 1px 0;

}

.requirements-box > h3{
  font-size:130%;
  text-align: center;

  background-color: #000;
  color: #fff;

  padding: 15px 0;
  margin: 0 0 30px 0;

  border-style: solid;
  border-color: #ff9c08;
  border-width: 0 0 3px 0;
}

.requirements-box:nth-child(1) > p{
  xfont-size:90%;

}

.requirements-box > .button-lgray a i{
  xfont-size: 90%;

}

.requirements-box > .button-lgray a img{
  color: #2eb8ff;
  width: 26px;
  vertical-align: bottom;
  margin: 0 10px;
}







.requirements-box > h4{
  font-size: 110%;
  text-align: center;

  background-color: #dce9f3;
  color: #000;

  padding: 15px 0;
  margin: 0 0 30px 0;
  }

.requirements-box > dl.requirements-list{
  font-size: 100%;
  text-align: left;
  xletter-spacing: -1em;

  xdisplay: table;

  margin: 0 0 30px 0;
  }

.requirements-box > dl.requirements-list dt,
.requirements-box > dl.requirements-list dd{

  xdisplay: inline-block;
  xletter-spacing: normal;

  xdisplay: table-cell;

  padding: 15px 10px ;



  vertical-align: top;
  }

.requirements-box > dl.requirements-list dt{

  position: absolute;
  font-weight: bold;
  width: 30%;
  margin: 0 0 0 1em;
  }


.requirements-box > dl.requirements-list dd{

  position: relative;
  width: 100%;

  padding: 15px 0 15px 30%;

  border-style: dotted;
  border-color: #ccc;
  border-width: 0 0 1px 0;
  }

.requirements-box > dl.requirements-list dd .com-tag{

  padding: 5px 15px;
  margin: 0 1em 0 0;

  font-size: 90%;
  xfont-weight: bold;
  letter-spacing: 2px;


  color: #fff;
  background-color: #2a4fa7;


  }



.requirements-box > dl.requirements-list dd p:last-child{

  margin: 0;
  }

#requirementsArea.requirements .contents-box > section .requirements-entry-box{
  margin: 30px 0 0 0;
  padding: 15px 0;

  text-align: left;
}

.requirements-entry-box > h3{
  font-size: 110%;
  text-align: center;

  background-color: #000;
  color: #fff;

  padding: 15px 0;
  margin: 0 0 30px 0;

  border-style: solid;
  border-color: #ff0808;
  border-width: 0 0 3px 0;
  }

  .requirements-entry-box > p{
  xfont-size: 90%;
  }


.requirements-entry-box .lineBox01{

  font-size: 90%;
  font-weight: bold;
  text-align: center;


  padding: 20px 0;
  }


.requirements-entry-box .lineBox01 > p:last-child{
  margin: 0;

  }





/*====================
エントリースタイル
 ====================*/



#entryArea.entry {
  position: relative;
  width: 100%;
  height: auto;

  margin:  0;
  padding: 30px 0 0 0;

  background-color: #fff;

}

#entryArea.entry .contents-box {
  position: relative;
  width: 100%;
  height: auto;

  margin: 0 auto;
  padding: 0;

  color: #292929;

  text-align: center;


}

#entryArea.entry .contents-box-header {
  position: relative;
  width: 1100px;
  height: auto;

  margin: 0 auto 30px auto;
  padding: 0;

  color: #292929;

  text-align: center;


}



#entryArea.entry .contents-box-header > h2{
  font-size: 90%;
  font-weight: normal;

    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;

  padding: 0 0 5px 0;
  margin: 0 0 30px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #ccc;

}

#entryArea.entry .contents-box-header > h2 span{
  font-size: 300%;
  margin: 0 0.5em 0 0;
}


#entryArea.entry .contents-box-header > h2::first-letter{
  color: #ff8700;
}

#entryArea.entry .contents-box-header > p{
  xfont-size: 90%;
}



#contactFormArea {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 30px 0 60px 0;
  background-color: #f3f3f3;
}


#contactFormArea .contactFormArea-box {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  padding: 30px;
  background-color: #fff;
}


.tel-contact {
    font-size: 200%;
}


.need-color {
  color: #ab0e35;
}


form > #privacy .box {
    overflow: auto;
    box-sizing: border-box;
    margin: 20px 40px;
    padding: 30px;
    height: 150px;
    border: 1px solid #B2B2B2;
    font-size: 0.8em;
}


form > #privacy .box .concluding {

  margin: 1em 0;
}

/*==　サンクスページ　==*/


.thanks-contents {
  text-align: center;
}

.thanks-contents > p {
  font-size: 90%;
}


.thanks-contents > p:nth-child(1) {
  font-size: 120%;
}

/*==　ボタントグル部分　==*/


#js_togglelist dt,
#js_togglelist dt.active{
  display:block;

  cursor:pointer;
  padding: 20px 10px; 
  }

#js_togglelist dt div{

  cursor:pointer;
  background-image: url('/images/bt_icon_downarrow.png');
  background-size: 18px 18px;
  background-position: center right;
  background-repeat: no-repeat;

    padding:  0 25px 0 0;
  }

#js_togglelist dt.active div{
  cursor:pointer;
  background-image: url('/images/bt_icon_uparrow.png');
  background-size: 18px 18px;
  background-position: center right;
  background-repeat: no-repeat;

    padding:  0 25px 0 0;

  }

#js_togglelist dd{
  display:none;
  }