@media all and (min-width:769px) , print {

.sp {
  display: none!important;
}

/*----------共通----------*/

body{
 font-family: '小塚ゴシック Pro L','Kozuka Gothic Pro Light',sans-serif;
}



.all-wrap{
  width: 100%;
  position: relative;
}



/*----------共通----------*/



/*----------header----------*/

header{
  width: 100%;
  background-color: #000;
  /* height: 104px; */
  height: 50px;
}

header .header-inner{
  width: 100%;
  max-width: 970px;
  height: 100%;
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 5px;
  box-sizing: border-box;
}

header .header-inner h1{
  width: 245px;
}

h1 > a{
  display: block;
  /* max-width: 510px; */
  /* max-width: 250px; */
  /* max-width: 50%; */
}

h1 > a > img{
  width: 100%;
}

.header-right{
  padding-top: 5px;
}

.header-right ul{
  display: flex;
  font-size: 16px;
}

.header-right ul li{
  display: flex;
  align-items: center;
  margin-left: 16px;
  /* padding-right: 10px; */
  height: 17px;
}

/* .header-right ul li:nth-of-type(1), .header-right ul li:nth-of-type(2){
  border-right: 2px solid #fff;
} */

.header-right ul li.search-box, .header-right ul li.menu{
  border-left: none;
  color: #fff;
  font-weight: 600;
}
.header-right ul li.search-box:hover, .header-right ul li.menu:hover{
  color: #00ADB7;
}

.header-right ul li.search-box{
  max-width: 180px;
}

.header-right ul li.menu:hover{
  cursor: pointer;
}

.header-right ul li a{
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.header-right ul li a:hover{
  color: #00ADB7;
}

.header-right ul li:nth-of-type(1) a, .header-right ul li:nth-of-type(2) a, .header-right ul li:nth-of-type(3) a{
  border-right: 2px solid #fff;
  padding-right: 10px;
  height: 17px;
  line-height: 18px;
}

/*----------header----------*/



/*----------main-vis----------*/

.main-vis{
  width: 100%;
  position: relative;
  /* height: calc(100vh - 50px); */
  height: 530px;
  z-index: 1;
}

.main-vis .main-vis-bg{
  height: 100%;
  position: relative;
}

.main-vis .main-vis-bg{
  background-image: url("../images/color_dia_02.png");
  background-repeat: repeat-y;
  background-size: 100%;
  opacity: 0;
}

.main-vis .main-vis-bg-01,.main-vis .main-vis-bg-02{
  width: 100%;
  /* height: 100%; */
  height: 0;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.main-vis .main-vis-bg-01{
  background-image: url("../images/bg-02_13_04.png");
  background-size: 32px;
  background-repeat: repeat;
  top: 0;
}

.main-vis .main-vis-bg-02{
  background-image: url("../images/bg-02_13_03.png");
  background-size: 32px;
  background-repeat: repeat;
  bottom: 0;
}


.main-vis .main-vis-text-01{
  width: 100%;
  height: 50%;
  position: absolute;
  top: 25%;
  overflow: hidden;
}

.main-vis .main-vis-text-01 .main-vis-cont-text-01{
  width: 763px;
  display: block;
  opacity: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 25%;
  left: -50%;
}

.main-vis .main-vis-text-02{
  width: 100%;
  /* height: 50%; */
  height: 0;
  position: absolute;
  /* top: 25%; */
  top: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-vis .main-vis-text-02 p{
  width: 763px;
  height: 0;
}

.main-vis .main-vis-text-02 p.main-vis-cont-text-02{
  display: none;
}

.main-vis .main-vis-text-02 p.main-vis-cont-text-03{
  display: none;
  opacity: 0;
}

.main-vis .main-vis-text p img{
  width: 100%;
}



.main-vis .main-vis-bth{
  width: 100%;
  /* height: 50%; */
  height: 0;
  position: absolute;
  top: 19%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;

}

.main-vis .main-vis-bth > div{
  /* width: 160px;
  height: 160px; */
  width: 140px;
  height: 140px;
  z-index: 100;
  display: block;
  opacity: 0;
  transition: all 1s 0s ease;
  position: relative;
  transform:rotate(405deg);
  transform:
    rotate(405deg)
    skew(
        calc((90deg - 85deg) / 2),
        calc((90deg - 85deg) / 2)
      ); /* calc((90deg - 欲しい角度) / 2) */;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .main-vis .main-vis-bth > div {
    transform:
      rotate(405deg);
    }
  }

.main-vis .main-vis-bth > div.active{
  /* transform: rotate(405deg); */
  opacity: 1;
}


.main-vis .main-vis-bth > div.main-vis-bth-01{
  border: 1px solid #55B9FF;
  /* background-image: url("../images/main-vis-bth-01-img.png"); */
}
.main-vis .main-vis-bth > div.main-vis-bth-02{
  border: 1px solid #64E641;
  margin-left: 6vw;
  margin-right: 6vw;
  /* background-image: url("../images/main-vis-bth-02-img.png"); */
}
.main-vis .main-vis-bth > div.main-vis-bth-03{
  border: 1px solid #FFB200;
  /* background-image: url("../images/main-vis-bth-03-img.png"); */
}

.main-vis .main-vis-bth > div.main-vis-bth-01:hover{
  background-color: #55B9FF;
}
.main-vis .main-vis-bth > div.main-vis-bth-02:hover{
  background-color: #64E641;
}
.main-vis .main-vis-bth > div.main-vis-bth-03:hover{
  background-color: #FFB200;
}



.main-vis .main-vis-bth > div a{
  display: block;
  /* width: 104%;
  height: 104%; */
  width: auto;
  height: 100%;
  transform: rotate(-45deg);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  transform:
    rotate(-405deg)
    skew(
        calc((90deg - 90deg) / 2),
        calc((90deg - 90deg) / 2)
      ); /* calc((90deg - 欲しい角度) / 2) */;
  position: relative;
  /* top: 3px;
  left: 3px; */
  /* top: 8px;
  left: 8px; */
  top: 6px;
  left: 5px;
}

/* .main-vis .main-vis-bth > div a.active{
  top: 0;
  right: 0;
  opacity: 1;
} */


.main-vis .main-vis-bth > div.main-vis-bth-01 a{
  background-image: url("../images/bth-text-img-01.png");
  background-size: 141px 52px;
  /* background-size: 136px; */
}
.main-vis .main-vis-bth > div.main-vis-bth-02 a{
  background-image: url("../images/bth-text-img-02.png");
  background-size: 141px 52px;
  /* background-size: 136px; */
}
.main-vis .main-vis-bth > div.main-vis-bth-03 a{
  background-image: url("../images/bth-text-img-03.png");
  background-size: 141px 52px;
  /* background-size: 136px; */
}

.main-vis .main-vis-bth > div.main-vis-bth-01 a:hover{
  background-image: url("../images/bth-text-img-01_on.png");
}
.main-vis .main-vis-bth > div.main-vis-bth-02 a:hover{
  background-image: url("../images/bth-text-img-02_on.png");
}
.main-vis .main-vis-bth > div.main-vis-bth-03 a:hover{
  background-image: url("../images/bth-text-img-03_on.png");
}

.main-vis .fade-text{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 35px;
  display: none;
  opacity: 0;
}
.main-vis .fade-text img{
  width: 50%;
  max-width: 592px;
}

.main-vis .skip-bth{
  position: absolute;
  bottom: 33%;
  right: 5%;
  width: 68px;
}

.main-vis .skip-bth:hover{
  cursor: pointer;
}

.main-vis .skip-bth img{
  width: 100%;
}



.main-vis-02{
  width: 100%;
  position: relative;
  height: 530px;
  z-index: 1;
  display: none;
}

.main-vis-02 .main-vis-bg{
  height: 100%;
  position: relative;
  background-image: url("../images/color_dia_02.png");
  background-repeat: repeat-y;
  background-size: 100%;
  opacity: 1;
}

.main-vis-02 .main-vis-bth{
  width: 100%;
  height: 50%;
  position: absolute;
  top: 19%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;

}

.main-vis-02 .main-vis-bth > div{
  /* width: 160px;
  height: 160px; */
  width: 140px;
  height: 140px;
  z-index: 100;
  display: block;
  opacity: 1;
  position: relative;
  transform:rotate(405deg);
  transform:
    rotate(405deg)
    skew(
        calc((90deg - 85deg) / 2),
        calc((90deg - 85deg) / 2)
      ); /* calc((90deg - 欲しい角度) / 2) */;
  transition: all 1s 0s ease;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .main-vis-02 .main-vis-bth > div {
    transform:
      rotate(405deg);
    }
  }


.main-vis-02 .main-vis-bth > div.main-vis-bth-01{
  border: 1px solid #55B9FF;
}
.main-vis-02 .main-vis-bth > div.main-vis-bth-02{
  border: 1px solid #64E641;
  margin-left: 6vw;
  margin-right: 6vw;
}
.main-vis-02 .main-vis-bth > div.main-vis-bth-03{
  border: 1px solid #FFB200;
}

.main-vis-02 .main-vis-bth > div.main-vis-bth-01:hover{
  background-color: #55B9FF;
}
.main-vis-02 .main-vis-bth > div.main-vis-bth-02:hover{
  background-color: #64E641;
}
.main-vis-02 .main-vis-bth > div.main-vis-bth-03:hover{
  background-color: #FFB200;
}



.main-vis-02 .main-vis-bth > div a{
  display: block;
  width: auto;
  height: 100%;
  transform:rotate(-405deg);
  transform:
    rotate(-405deg)
    skew(
        calc((90deg - 90deg) / 2),
        calc((90deg - 90deg) / 2)
      ); /* calc((90deg - 欲しい角度) / 2) */;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  position: relative;
  /* top: 8px;
  left: 8px; */
  top: 6px;
  left: 5px;
}

/* .main-vis .main-vis-bth > div a.active{
  top: 0;
  right: 0;
  opacity: 1;
} */


.main-vis-02 .main-vis-bth > div.main-vis-bth-01 a{
  background-image: url("../images/bth-text-img-01.png");
  background-size: 141px 52px;
  /* background-size: 136px; */
}
.main-vis-02 .main-vis-bth > div.main-vis-bth-02 a{
  background-image: url("../images/bth-text-img-02.png");
  background-size: 141px 52px;
  /* background-size: 136px; */
}
.main-vis-02 .main-vis-bth > div.main-vis-bth-03 a{
  background-image: url("../images/bth-text-img-03.png");
  background-size: 141px 52px;
  /* background-size: 136px; */
}

.main-vis-02 .main-vis-bth > div.main-vis-bth-01 a:hover{
  background-image: url("../images/bth-text-img-01_on.png");
}
.main-vis-02 .main-vis-bth > div.main-vis-bth-02 a:hover{
  background-image: url("../images/bth-text-img-02_on.png");
}
.main-vis-02 .main-vis-bth > div.main-vis-bth-03 a:hover{
  background-image: url("../images/bth-text-img-03_on.png");
}

.main-vis-02 .fade-text{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 35px;
  display: block;
  opacity: 1;
}

.main-vis-02 .fade-text img{
  width: 50%;
  max-width: 592px;
}

/*----------main-vis----------*/



/*----------message-area----------*/
.message-area {
  box-sizing: border-box;
  margin: 10px auto 20px;
  /* border: 1px solid #626262; */
  padding: 10px;
  width: 560px;
  font-size: 14px;
  font-family: serif;
}

.message-area p a{
  color: #009944;
  text-decoration: none;
  outline: none;
}

.message-area .message-area-nm{
  float: right;
}

/*----------message-area----------*/



/*----------bottom-cont----------*/

.bottom-cont{
  width: 100%;
  background-image: url("../images/bottom-cont-bg.png");
  background-repeat: repeat-y;
  background-size: 100%;
}

.bottom-cont-inner{
  width: 100%;
  max-width: 970px;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.bottom-cont-inner .info-area{
  width: 55%;
  margin-top: 30px;
}

.info-area .info-title{
  background: none;
}

.info-area .info-title p{
  font-size: 20px;
  font-weight: 900;
  color: #00ADB7;
  padding: 0;
}

.info-area #infoBnr{
  display: none;
}

.info-area .innUnit dl{
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  color: #000;
  font-size: 12px;
}

.info-area .innUnit dl dt{
  /* margin-right: 15px; */
  font-weight: 600;
  width: 15%;
  margin-bottom: 5px;
}

.info-area .innUnit dl dd{
  width: 80%;
  margin-bottom: 5px;
}

.info-area .innUnit dl dd a{
  font-weight: 600;
  color: #000;

}

.info-area .innUnit #infoTtl{
  display: flex;
  margin-top: 20px;
}

.info-area .innUnit #infoTtl .infoRss{
  margin-right: 30px;
}

.info-area .innUnit #infoTtl p a{
  font-size: 15px;
  color: #00ADB7;
  font-weight: 600;
}






.bottom-cont-inner .facebook-area{
  margin-top: 15px;
}
*::-ms-backdrop, .bottom-cont-inner .facebook-area{
  position: relative;
  top: 25px;
}
_::-webkit-full-page-media, _:future, :root .bottom-cont-inner .facebook-area {
    margin-top: 25px;
}

/*----------bottom-cont----------*/





/*----------footer----------*/

footer{
  width: 100%;
}

footer .footer-inner{
  width: 100%;
  max-width:970px;
  display: flex;
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}


footer .footer-left .footer-list ul{
  display: flex;
}

footer .footer-left .footer-list ul li:not(:first-child){
  margin-left: 15px;
  /* padding-left: 15px;
  border-left: 1px solid #000; */
}

footer .footer-left .footer-list ul li.menu{
  font-size: 15px;
  font-weight: 600;
}
footer .footer-left .footer-list ul li.menu:hover{
  cursor: pointer;
}

footer .footer-left .footer-list ul li a{
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

footer .footer-left .footer-list ul li:not(:first-child) a{
  padding-left: 15px;
  border-left: 1px solid #000;
}

footer .footer-left .copy{
  margin-top: 10px;
}

footer .footer-left .copy p{
  font-size: 10px;
  font-weight: 600;
  color: #000;
  padding: 0;
}



footer .footer-right{
  display: flex;
  align-items: center;
}

footer .footer-right .logo-01{
  width: 140px;
  margin-right: 30px;
}
footer .footer-right .logo-02{
  width: 55px;
}

footer .footer-right div img{
  width: 100%;
}

/*----------footer----------*/



.page-top-bth{
  width: 60px;
  position: fixed;
  bottom: 10%;
  right: 3%;
  display: none;
  z-index: 1000;
}

.page-top-bth img{
  width: 100%;
}

.page-top-bth :hover{
  cursor: pointer;
}



/*----------menu----------*/

.open-menu{
  width: 50%;
  max-width: 600px;
  padding-left: 5%;
  padding-right: 1%;
  padding-top: 10px;
  z-index: 6000;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.open-menu .menu-close-bth{
  width: 25px;
  text-align: right;
  margin-left: auto;
}
.open-menu .menu-close-bth:hover{
  cursor: pointer;
}
.open-menu .menu-close-bth img{
  width: 100%;
}

.open-menu .menu-title{
  width: 50%;
  max-width: 185px;
  text-align: left;
  margin-right: auto;
}

.open-menu .menu-title img{
  width: 100%;
}

.open-menu .menu-list{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
}

.open-menu .menu-list .menu-list-left{
  width: 45%;
}

.open-menu .menu-list .menu-list-right{
  width: 45%;
}

.open-menu .menu-list dl{
  margin-bottom: 30px;
}

/* .open-menu .menu-list dl dt{
  margin-bottom: 5px;
}

.open-menu .menu-list dl dd{
  margin-bottom: 5px;
} */

.open-menu .menu-list dl dd.list-style-01{
  margin-left: 15px;
}

.open-menu .menu-list dl dd.list-style-02{
  margin-left: 30px;
}

.open-menu .menu-list dl a{
  font-size: 13px;
  color: #000;
  font-weight: 600;

}

.open-menu .menu-list dl dd.underline-none a{
  text-decoration: none;
}

.menu-back {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5000;
  display: none;

}

/*----------menu----------*/



/*----------searchbox-style----------*/
.gsc-search-box-tools .gsc-search-box .gsc-input{
  padding-right: 0px !important;
  height: 20px !important;
  margin-left: 0 !important;
  display: inline-block;
}

.gsc-input-box{
  width: 160px;
  height: 22px;
}

.gsc-input-box table{
  height: 22px !important;
  display: inline-block;
}

.gsib_a{
  width: 22px;
  padding: 0 !important;
  padding-left: 5px !important;
  width: 135px !important;
}

.gsib_b{
  width: 15px !important;
}

.gsib_b #gs_st50{
  position: relative;
  left: -15px;
  top: 2px;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2{
  height: 24px;
  padding: 6px 10px !important;
  margin-left: -13px !important;
  border-radius: 0 !important;
  border-color: #00ADB7 !important;
  background-image: linear-gradient(top,#00ADB7,#00ADB7) !important;
  background-image: -webkit-linear-gradient(top,#00ADB7,#00ADB7) !important;
  background-image: -moz-linear-gradient(top,#00ADB7,#00ADB7) !important;
  background-image: -ms-linear-gradient(top,#00ADB7,#00ADB7) !important;
  position: relative;
}

.gsc-input-box table *{
  display: inline-block;
  height: 22px;
  padding-top: 0.5px;
}



/*----------searchbox-style----------*/



/*----------------------------------------
--------------------news--------------------
----------------------------------------*/

.info-content-wrap{
  width: 100%;
}

.info-title{
  width: 100%;
  background-image: url("../../news/images/info-title-bg-img.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.info-title .info-title-img{
  max-width: 970px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.info-title .info-title-img img:nth-of-type(1){
  width: 48%;
  margin-top: 50px;
}

.info-title .info-title-img img:nth-of-type(2){
  width: 20%;
  margin-top: 30px;
}

.info-title .info-list-head{
  width: 100%;
  background-color: rgba(130, 255, 230, 0.5);
  margin-top: 45px;
}

.info-title .info-list-head .info-list-head-inner{
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 32px;
  box-sizing: border-box;
}

.info-title .info-list-head .font-lage{
  font-size: 30px;
  color: #000;
  font-weight: 900;
  padding-right: 25px;
  font-family: 'arial black';
  letter-spacing: -1px;
}

.info-title .info-list-head .font-small{
  font-size: 13px;
  color: #000;
  font-weight: 600;
}



.info-list-wrap{
  width: 100%;
}

.info-list-wrap .info-list{
  max-width: 970px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.newsUnit{
  border-bottom: 2px solid #8affe8;
  box-sizing: border-box;
}

.newsUnit dl{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.newsUnit dl dt{
  width: 15%;
  margin-right: 30px;
  font-size: 13px;
  font-weight: 600;
}

.newsUnit dl dd{
  width: 80%;
  font-size: 16px;
}

.newsUnit dl dd a{
  color: #231815;
  font-weight: 600;

}



#archivesPager{
  width: 100%;
  height: 100px;
  background-image: url("../../news/images/info-title-bg-img.png");
  background-repeat: no-repeat;
  background-size: cover;
}

#archivesPager .innUnit{
  width: 100%;
  max-width: 970px;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

#archivesPager .innUnit div{
  width: 100px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}

#archivesPager .innUnit div.prevBtn{
  background-image: url("../../news/images/prev_img.png");
  background-repeat: no-repeat;
  margin-right: auto;

}

#archivesPager .innUnit div.nextBtn{
  background-image: url("../../news/images/next_img.png");
  background-repeat: no-repeat;
  margin-left: auto;
}

#archivesPager .innUnit div.prevBtn:hover{
  background-image: url("../../news/images/prev_img_on.png");
  background-repeat: no-repeat;
  cursor: pointer;
}

#archivesPager .innUnit div.nextBtn:hover{
  background-image: url("../../news/images/next_img_on.png");
  background-repeat: no-repeat;
  cursor: pointer;
}

#archivesPager .innUnit div.prevBtn a{
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

#archivesPager .innUnit div.nextBtn a{
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}


/*----------------------------------------
--------------------news--------------------
----------------------------------------*/





/*----------------------------------------
--------------------news-detail--------------------
----------------------------------------*/


.info-detail-wrap{
  width: 100%;
}

.info-detail-wrap .info-detail{
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.info-title .info-detail-head{
  width: 100%;
  background-color: rgba(130, 255, 230, 0.5);
  margin-top: 25px;
}

.info-title .info-detail-head .info-list-head-inner{
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 35px;
  box-sizing: border-box;
}

.info-title .info-detail-head .font-lage{
  font-size: 22px;
  color: #000;
  font-weight: 900;
  padding-right: 25px;
  font-family: 'arial black';
  letter-spacing: -1px;
}

.info-title .info-detail-head .font-small{
  font-size: 15px;
  color: #000;
  font-weight: 600;
  display: inline-block;
  margin-top: 20px;
}

/*----------------------------------------
--------------------news-detail--------------------
----------------------------------------*/







/*----------------------------------------
--------------------service--------------------
----------------------------------------*/


.service-content-wrap{
  width: 100%;
  background-image: url("../../service/images/service_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
}



.service-head{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.service-head .service-title{
  padding-top: 50px;
}

.service-head .service-title img{
  width: 30%;
}

.service-head .service-detail{
  margin-top: 25px;
}

.service-head .service-detail .font-lage{
  max-width: 400px;
  margin-right: 25px;
  display: inline-block;
}

.service-head .service-detail .font-small{
  max-width: 470px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.service-head .service-detail .font-lage img{
  width: 90%;
}
.service-head .service-detail .font-small img{
  width: 100%;
}


.service-main {
  /* max-width: 970px; */
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-top: 50px;
}

.service-main .service-main-item{
  margin-bottom: 15px;
}

.service-main .main-item-img{
  width: 100%;
  background-color: rgba(85, 185, 255, 0.5);
}

.service-main .main-item-img img{
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: inherit;
}

.service-main .main-item-text{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  padding-top: 25px;
  padding-bottom: 25px;
}

.service-main .main-item-text .main-item-text-inner{
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.service-main .main-item-text .main-item-text-inner .main-item-text-title p{
  height: 18px;
  display: inline-block;
}
.service-main .main-item-text .main-item-text-inner .main-item-text-title p img{
  height: 100%;
}

.service-main .main-item-text .main-item-text-inner .main-item-text-title span{
  width: 90px;
  display: inline-block;
  margin-left: 10px;
}
.service-main .main-item-text .main-item-text-inner .main-item-text-title span img{
  width: 100%;
}

.service-main .main-item-text .main-item-text-inner .main-item-text-detail span{
  font-size: 17px;
  color: #55B9FF;
  font-weight: 600;
}

.service-main .main-item-text .main-item-text-inner .main-item-text-detail a{
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  margin-left: 15px;
}

.service-main .main-item-text .main-item-text-inner .main-item-text-detail a:hover{
  cursor: pointer;
}




.service-bottom-cont{
  width: 100%;
}

.service-bottom-cont .service-bottom-cont-inner{
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.service-bottom-cont .service-bottom-cont-inner p{
  font-size: 12px;
  font-weight:600;
  padding: 0;
  margin-bottom: 5px;
}



.service-qr-modal{
  width: 453px;
  height: 403px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: absolute;
  z-index: 6000;
  background-color: #fff;

}

.service-qr-modal .service-qr-modal-close-bth{
  width: 20px;
  padding-right: 12px;
  padding-top: 12px;
  margin-left: auto;
}
.service-qr-modal .service-qr-modal-close-bth:hover{
  cursor: pointer;
}
.service-qr-modal .service-qr-modal-close-bth img{
  width: 100%;
}

.service-qr-modal .service-qr-modal-close-bth{
  text-align: right;
}

.service-qr-modal .service-qr-modal-title{
  text-align: center;
  width: 98px;
  margin: 0 auto;
}
.service-qr-modal .service-qr-modal-title img{
  width: 100%;
}

.service-qr-modal .service-qr-modal-qr{
  text-align: center;
  width: 198px;
  margin: 0 auto;
}
.service-qr-modal .service-qr-modal-qr img{
  width: 100%;
}


/*----------------------------------------
--------------------service--------------------
----------------------------------------*/






/*----------------------------------------
--------------------company--------------------
----------------------------------------*/

.company-content-wrap{
  width: 100%;
  background-image: url("../../company/images/company_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
}

.company-head{
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.company-head .company-title{
  padding-top: 50px;
}

.company-head .company-title img{
  width: 37%;
}

.company-head .company-detail{
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.company-head .company-detail .font-lage{
  max-width: 400px;
  margin-right: 25px;
  display: inline-block;
}

.company-head .company-detail .font-small{
  max-width: 470px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.company-head .company-detail img{
  width: 100%;
}

.company-head .company-detail .company-anchor-area{
  display: flex;
  justify-content: space-between;
}

.company-head .company-detail .company-anchor-area div{
  width: 105px;
  height: 36px;
  border: 2px solid #000;
  box-sizing: border-box;
  text-align: center;
  margin-right: 10px;
  background-color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.company-head .company-detail .company-anchor-area div:hover{
  background-color: #64E641;
}

.company-head .company-detail .company-anchor-area div a{
  text-decoration: none;
  display: block;
  padding-top: 6px;
  color: #000;
}
*::-ms-backdrop, .company-head .company-detail .company-anchor-area div a{
  padding-top: 8px;
}



.company-main-item:first-child{
  margin-top: 45px;

}
.company-main-item:not(:first-child){
  margin-top: 25px;
}

.company-main-item .company-main-item-title{
  width: 100%;
  background-color: rgba(100, 230, 65, 0.7);
  padding-top: 25px;
  padding-bottom: 25px;
}

.company-main-item .company-main-item-title .company-main-item-title-inner{
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
}

.company-main-item .company-main-item-title .font-lage{
  height: 30px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.company-main-item .company-main-item-title .font-lage img{
  height: 100%;
}

.company-main-item .company-main-item-title .font-small{
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  margin-top: 20px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  color: #000;
}

.company-main-item .company-main-item-title .font-small.last{
  margin-top: 0;
}


.company-main-item .company-main-item-cont{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  /* background-image: url('../../company/images/road-to-2020-bg.png');
  background-position: center;
  background-size: 35%;
  background-repeat: no-repeat; */
}

.company-main-item .company-main-item-cont .company-main-item-cont-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  color: #fff;
}

.company-main-item .company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-obi{
  width: 347px;
  position: absolute;
  right: 0;
  top: -20px;
}

.company-main-item .company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-obi img{
  width: 100%;
}

.company-main-item .company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-img{
  width: 100%;
}
.company-main-item .company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-img img{
  width: 100%;
}



.company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-line{
  width: 100%;
  display: flex;
  color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 12px;
  border-bottom: 1px solid #64e641;
}
.company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-line:last-child{
  border-bottom: none;
}

.company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-line div p{
  padding: 0;
  line-height: 23px;
}

.company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-line .inner-line-title{
  width: 10%;
  font-size: 15px;
  font-weight:600;
}

.company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-line .inner-line-detail{
  width: 90%;
  font-size: 12px;
  font-weight:600;
  letter-spacing: 1px;
}

  
.company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-line .inner-line-detail a{
  color: #64e641;
}

.company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-line .inner-line-detail .pdf a{
  color: #FFF;
}
.company-main-item-cont .company-main-item-cont-inner .company-main-item-cont-inner-line .inner-line-detail .pdf img{
  width: 15px;
  padding-top: 3px;
  padding-right: 5px;
}



.company-main-item-cont .company-main-item-cont-inner.access{
  padding-top: 30px;
  padding-bottom:30px;
}

.company-main-item-cont .company-main-item-cont-inner .access-img-box{
  width: 100%;
}
.company-main-item-cont .company-main-item-cont-inner .access-img-box img{
  width: 100%;
}

.company-main-item-cont .company-main-item-cont-inner .access-text-area{
  margin-top: 25px;
}
.company-main-item-cont .company-main-item-cont-inner .access-text-area p{
  padding: 0;
  margin-bottom: 10px;
}


.company-main-item-cont .company-main-item-cont-inner .access-text-area p a{
  color: #64e641;
  display: inline-block;
  margin-left: 15px;
}


/*----------------------------------------
--------------------company--------------------
----------------------------------------*/





/*----------------------------------------
--------------------recruit--------------------
----------------------------------------*/

.recruit-content-wrap{
  width: 100%;
  background-image: url("../../recruit/images/recruit_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
}

.recruit-head{
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.recruit-head .recruit-title{
  padding-top: 50px;
}

.recruit-head .recruit-title img{
  width: 50%;
}

.recruit-head .recruit-detail{
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.recruit-head .recruit-detail .font-lage{
  max-width: 400px;
  margin-right: 25px;
  display: inline-block;
}

.recruit-head .recruit-detail .font-small{
  max-width: 470px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.recruit-head .recruit-detail img{
  width: 100%;
}



.recruit-main-item:first-child{
  margin-top: 45px;

}
.recruit-main-item:not(:first-child){
  margin-top: 25px;
}

.recruit-main-item .recruit-main-item-title{
  width: 100%;
  background-color: rgba(255, 209, 102, 0.7);
  padding-top: 25px;
  padding-bottom: 25px;
}

.recruit-main-item .recruit-main-item-title .recruit-main-item-title-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.recruit-main-item .recruit-main-item-title .font-lage{
  height: 30px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.recruit-main-item .recruit-main-item-title .font-lage img{
  height: 100%;
}

.recruit-main-item .recruit-main-item-title .font-small{
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.recruit-main-item .recruit-main-item-title .font-small.last{
  margin-top: 0;
}


.recruit-main-item .recruit-main-item-cont{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  /* background-image: url('../../company/images/road-to-2020-bg.png');
  background-position: center;
  background-size: 35%;
  background-repeat: no-repeat; */
}



.recruit-link-area {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  padding-top: 65px;
  padding-bottom: 65px;
}

.recruit-link-area .recruit-link-area-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.recruit-link-area .recruit-link-area-inner .recruit-link-item{
  border-top: 1px solid #FFB200;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
}
.recruit-link-area .recruit-link-area-inner .recruit-link-item:last-child{
  border-bottom: 1px solid #FFB200;
}

.recruit-link-area .recruit-link-area-inner .recruit-link-item .recruit-link-item-title{
  font-size: 34px;
  font-weight: 600;
  color: #fff;
  margin-right: 70px;
}

.recruit-link-area .recruit-link-area-inner .recruit-link-item .recruit-link-item-link{
  display: flex;
  align-items: center;
}

.recruit-link-area .recruit-link-area-inner .recruit-link-item .recruit-link-item-link p{
  font-size: 17px;
  margin-right: 45px;
}

.recruit-link-area .recruit-link-area-inner .recruit-link-item .recruit-link-item-link p a{
  font-weight: 600;
  color: #fff;

}



.recruit-main-item .recruit-main-item-cont .recruit-main-item-cont-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  color: #fff;
}

.recruit-main-item-cont .recruit-main-item-cont-inner .recruit-main-item-cont-inner-line{
  width: 100%;
  display: flex;
  color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 12px;
  border-bottom: 1px solid #ffb200;
}

.recruit-main-item-cont .recruit-main-item-cont-inner .recruit-main-item-cont-inner-line:last-child{
  border-bottom: none;
}

.recruit-main-item-cont .recruit-main-item-cont-inner .recruit-main-item-cont-inner-line div p{
  padding: 0;
}

.recruit-main-item-cont .recruit-main-item-cont-inner .recruit-main-item-cont-inner-line .inner-line-title{
  width: 20%;
  font-size: 15px;
  font-weight:600;
}
.recruit-main-item-cont .recruit-main-item-cont-inner .recruit-main-item-cont-inner-line .inner-line-detail{
  width: 80%;
  font-size: 12px;
  font-weight:600;
  letter-spacing: 1px;
}

/*----------------------------------------
--------------------recruit--------------------
----------------------------------------*/





/*----------------------------------------
--------------------career--------------------
----------------------------------------*/

.career-content-wrap{
  width: 100%;
  background-image: url("../../recruit/career/images/career_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
  padding-bottom: 20px;
}

.career-head{
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.career-head .career-title{
  padding-top: 50px;
}

.career-head .career-title img{
  width: 28%;
}

.career-head .career-detail{
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.career-head .career-detail .font-lage{
  max-width: 400px;
  margin-right: 25px;
  display: inline-block;
}

.career-head .career-detail .font-small{
  max-width: 470px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.career-head .career-detail img{
  width: 75%;
}

.career-head .career-detail .career-anchor-area{
  display: flex;
  justify-content: space-between;
  /* display: none; */
}

.career-head .career-detail .career-anchor-area div{
  width: 190px;
  height: 36px;
  border: 2px solid #000;
  box-sizing: border-box;
  text-align: center;
  margin-right: 10px;
  background-color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.career-head .career-detail .career-anchor-area div:hover{
  background-color: #ffb200;
}

.career-head .career-detail .career-anchor-area div a{
  text-decoration: none;
  display: block;
  padding-top: 6px;
}



.career-main-item:first-child{
  margin-top: 45px;

}
.career-main-item:not(:first-child){
  margin-top: 25px;
}
.career-main-item.middle{
  display: none;
}

.career-main-item .career-main-item-title{
  width: 100%;
  background-color: rgba(255, 209, 102, 0.7);
  padding-top: 25px;
  padding-bottom: 25px;
}

.career-main-item .career-main-item-title .career-main-item-title-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.career-main-item .career-main-item-title .font-lage{
  height: 30px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.career-main-item .career-main-item-title .font-lage img{
  height: 100%;
}

.career-main-item .career-main-item-title .font-small{
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  margin-top: 20px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.career-main-item .career-main-item-title .font-small.last{
  margin-top: 0;
}


.career-main-item .career-main-item-cont{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  /* background-image: url('../../company/images/road-to-2020-bg.png');
  background-position: center;
  background-size: 35%;
  background-repeat: no-repeat; */
}



.job_category-wrap{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
}

.job_category-wrap .job_category-wrap-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
}

.job_category-wrap-inner .job_category-title{
  font-size: 17px;
  font-weight: 600;
}
.job_category-wrap-inner .job_category-title p{
  padding: 0;
}

.job_category-wrap-inner .job_category-item{
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #FFB200;
  margin-top: 15px;
  padding-top: 20px;
}

.job_category-wrap-inner .job_category-item .job_category-item-title{
  width: 20%;
  font-size: 15px;
  color: #FFB200;
  font-weight: 600;
}

.job_category-wrap-inner .job_category-item .job_category-item-detail{
  width: 80%;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}

.job_category-wrap-inner .job_category-item .job_category-item-detail ul{
  margin-bottom: 35px;
}
.job_category-wrap-inner .job_category-item .job_category-item-detail .job_category-item-detail-wrap{
  margin-bottom: 1em;
}
.job_category-wrap-inner .job_category-item .job_category-item-detail .job_category-item-detail-wrap:last-of-type{
  margin-bottom: 35px;
}
.job_category-wrap-inner .job_category-item .job_category-item-detail .job_category-item-detail-wrap p{
  padding: 0;
}

.job_category-wrap-inner .job_category-item .job_category-link{
  margin-left: auto;
  width: 268px;
  text-align: center;
  margin-bottom: 25px;
}

.job_category-wrap-inner .job_category-item .job_category-link a{
  color: #fff;
  font-size: 18px;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 600;
  background-color: #FFB200;
}
.job_category-wrap-inner .job_category-item .job_category-link a:hover{
  color: #FFB200;
  background-color: #fff;
}



.career-interview-wrap{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
}

.career-interview-wrap .career-interview-wrap-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 55px;
}

.career-interview-wrap .career-interview-wrap-inner .career-interview-title{
  border-top: 2px solid #FFB200;
  border-bottom: 2px solid #FFB200;
  padding: 15px 0;
  font-size: 17px;
  font-weight: 600;
  color: #fff;
}
.career-interview-wrap .career-interview-wrap-inner .career-interview-title span{
  color: #FFB200;
}

.career-interview-wrap .career-interview-wrap-inner .career-interview-detail{
  margin-top: 15px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

.career-interview-wrap .career-interview-wrap-inner .career-interview-detail .interview-detail-inner{
  margin-bottom: 35px;
}
.career-interview-wrap .career-interview-wrap-inner .career-interview-detail .interview-detail-inner:last-child{
  margin-bottom: 0;
}

.career-interview-wrap .career-interview-wrap-inner .career-interview-detail .interview-detail-inner p{
  padding: 0;
}

.career-interview-wrap .career-interview-wrap-inner .career-interview-detail .interview-detail-inner .interview-detail-q{
  color: #FFB200;
}

/*----------------------------------------
--------------------career--------------------
----------------------------------------*/






/*----------------------------------------
--------------------new--------------------
----------------------------------------*/


.new-content-wrap{
  width: 100%;
  background-image: url("../../recruit/new/images/new_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
  padding-bottom: 20px;
}

.new-head{
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.new-head .new-title{
  padding-top: 50px;
}

.new-head .new-title img{
  width: 60%;
}

.new-head .new-detail{
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.new-head .new-detail .font-lage{
  max-width: 400px;
  margin-right: 25px;
  display: inline-block;
}

.new-head .new-detail .font-small{
  max-width: 470px;
  display: inline-block;
  position: relative;
  top: 5px;
}

.new-head .new-detail img{
  width: 77%;
}

.new-head .new-detail .new-anchor-area{
  display: flex;
  justify-content: space-between;
}

.new-head .new-detail .new-anchor-area div{
  width: 190px;
  height: 36px;
  border: 2px solid #000;
  box-sizing: border-box;
  text-align: center;
  margin-right: 10px;
  background-color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.new-head .new-detail .new-anchor-area div:hover{
  background-color: #ffb200;
}

.new-head .new-detail .new-anchor-area div a{
  text-decoration: none;
  display: block;
  padding-top: 6px;
}



.new_category-wrap{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding-bottom: 55px;
  padding-top: 20px;
}

.new_category-wrap .new_category-wrap-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #ffb200;
  border-bottom: 1px solid #ffb200;
  padding-top: 20px;
}

.new_category-wrap .new_category-wrap-inner .new_category-item{
  margin-bottom: 30px;
}

.new_category-wrap .new_category-wrap-inner .new_category-item p{
  padding: 0;
  font-size: 12px;
  margin-bottom: 8px;
  font-weight: 600;
}

.new_category-wrap .new_category-wrap-inner .new_category-item p.new_category-item-title{
  color: #ffb200;
}


.new_category-wrap .new_category-wrap-inner .new_category-link{
  width: 270px;
  text-align: center;
  margin-left: auto;
  margin-bottom: 25px;
}

/* .new_category-wrap .new_category-wrap-inner .new_category-link a{
  padding: 10px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background-color: #FFB200;
  text-decoration: none;
}
.new_category-wrap .new_category-wrap-inner .new_category-link a:hover{
  color: #FFB200;
  background-color: #fff;
} */



.new-q_a-wrap{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  color: #fff;
}

.new-q_a-wrap .new-q_a-wrap-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 55px;
  padding-bottom: 55px;
}

.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item{
  width: 100%;
  border-top: 1px solid #FFB200;
  border-bottom: 1px solid #FFB200;
  padding-top: 18px;
  padding-bottom: 18px;
}

.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-top .new-q_a-item-q{
  display: flex;
  align-items: center;
  font-size: 18px;
  display: inline-block;
}

.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-top .new-q_a-item-q .q-number{
  color: #fff;
  font-weight: 600;
}
.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-top .new-q_a-item-q .q-detail{
  color: #FFB200;
  font-weight: 600;
}

.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-top .new-q_a-accordion{
  display:inline-block;
}
.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-top .new-q_a-accordion:hover{
  cursor: pointer;
}

.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-top .new-q_a-accordion span{
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  padding-right: 5px;
}

.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-top .new-q_a-accordion img{
  width: 30px;
  position: relative;
  top: -5px;
  transition: all 500ms 0s ease;
}
.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-top .new-q_a-accordion img.active{
  transform: rotate(-90deg);
}

.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-a{
  width: 100%;
  box-sizing: border-box;
  /* padding: 17px 10px; */
  font-size: 12px;
  background-color: #fff;
  color:#000;
  height: 0;
  opacity: 0;
  transition: all 500ms 0s ease;
}
.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-a.active{
  height: 52px;
  opacity: 1;
}
.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-a.q_4.active{
  height: 70px;
  opacity: 1;
}
.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-a.q_8.active{
  height: 88px;
  opacity: 1;
}

.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-a .a{
  padding-right: 25px;
  font-weight: 600;
  display: inline-block;
  height: auto;
  vertical-align: top;
  margin-top:17px;
  margin-left:17px;
}
.new-q_a-wrap .new-q_a-wrap-inner .new-q_a-item .new-q_a-item-a .a-detail{
  font-weight: 600;
  display: inline-block;
  width: 80%;
  margin-top:17px;
  margin-bottom:17px;
}

/*----------------------------------------
--------------------new--------------------
----------------------------------------*/






/*----------------------------------------
--------------------entry--------------------
----------------------------------------*/

.entry-content-wrap{
  width: 100%;
  background-image: url("../../recruit/entry/images/entry_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
}

.entry-head{
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-bottom:25px;
}

.entry-head .entry-title{
  padding-top: 50px;
}

.entry-head .entry-title img{
  width: 22%;
}

.entry-head .entry-detail{
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
}

.entry-head .entry-detail .font-lage{
  max-width: 400px;
  margin-right: 25px;
  display: inline-block;
}

.entry-head .entry-detail img{
  width: 60%;
}



.entry-main-item .entry-main-item-title{
  width: 100%;
  background-color: rgba(255, 209, 102, 0.7);
  padding-top: 25px;
  padding-bottom: 25px;
  margin-top: 47px;
}

.entry-main-item .entry-main-item-title .entry-main-item-title-inner{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.entry-main-item .entry-main-item-title .font-lage{
  height: 30px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
.entry-main-item .entry-main-item-title .font-lage img{
  height: 100%;
}

.entry-main-item .entry-main-item-title .font-small{
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}





.entry-form-wrap{
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  padding-top: 32px;
}


#careerEntry {
	width: 100%;
  max-width:970px;
	position: relative;
	padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
#careerEntry h2 {
	text-align: center;
	padding-top: 80px;
}
#careerEntry p{
  padding: 0;
  color: #fff;
}
#careerEntry p a{
  color: #fff;
}
#careerEntry p.notes {
	width: 100%;
	text-align: left;
	margin:0 auto;
	color: #FF1815;
}
#careerEntry table {
	width: 100%;
	margin: 30px auto 0;
	background-color: #ffffff;
}
#careerEntry table th,
#careerEntry table td {
	vertical-align: top;
}
#careerEntry table th {
	text-align: right;
	font-weight: normal;
	padding: 20px 30px 18px 0;
	width: 200px;
}
#careerEntry table th sup.note {
	color: #eb5b4c;
	vertical-align: top;

}
#careerEntry table td {
	padding: 10px 30px;
	width: 600px;
	vertical-align: middle;
}
#careerEntry table td p {
	padding: 0;
	margin-bottom:0;
	vertical-align: middle;
  color: #000;
}

#careerEntry table td textarea,
#careerEntry table td select,
#careerEntry table td input {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 2px #ddd inset;
	-moz-box-shadow: 0 1px 2px #ddd inset;
	-webkit-box-shadow: 0 1px 2px #ddd inset;
	behavior: url(/common/css/PIE.htc);
	padding: 9px 15px;
	border: 1px solid #ddd;
	margin: 0;
	position: relative;
}
#careerEntry table td input.radio {
	border-radius: 0;
	box-shadow: 0 0 0 #fff inset;
	-moz-box-shadow: 0 0 0 #fff inset;
	-webkit-box-shadow: 0 0 0 #fff inset;
	padding: 0;
	border: none;
	margin-right: 9px;
	vertical-align: middle;
}
#careerEntry table td select {
	padding-right: 5px;
/*
	color: #aaa;
*/
}

#careerEntry table td option {
	color: #333;
}
#careerEntry table td #fileUpload {
	display: none;
}
#careerEntry table td label.fileMask span {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	color: #fff;
	text-decoration: none;
	background: #6f6f6f;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	padding: 0 18px;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 2px 0 #434343;
	-moz-box-shadow: 0 2px 0 #434343;
	-webkit-box-shadow: 0 2px 0 #434343;
	behavior: url(/common/css/PIE.htc);
	position: relative;
}
#careerEntry table td label.fileMask span:hover {
	background-color: #333;
}
#careerEntry .formBtn {
	/* margin-top: 78px; */
	text-align: center;
}
/* #careerEntry .formBtn a.submit,
#careerEntry .formBtn input {
	width: 640px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	background: #237551;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	padding: 0 18px;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 3px 0 #0f3f2a;
	-moz-box-shadow: 0 3px 0 #0f3f2a;
	-webkit-box-shadow: 0 3px 0 #0f3f2a;
	behavior: url(/common/css/PIE.htc);
	position: relative;
} */
/* #careerEntry .formBtn a.submit:hover,
#careerEntry .formBtn input:hover {
	background: #0f3f2a;
} */


#careerEntry .btnAreaSec {
	display: flex;
}

#careerEntry .backBtn a.submit,
#careerEntry .backBtn input {
	/* float: left;
	width: 313px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	background: #6f6f6f;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	padding: 0 18px;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 3px 0 #434343;
	-moz-box-shadow: 0 3px 0 #434343;
	-webkit-box-shadow: 0 3px 0 #434343;
	behavior: url(/common/css/PIE.htc);
	position: relative; */
  width: 120px;
  padding: 8px 0;
  text-align: center;
  background-color: #fff;
  color: #FFB200;
  font-size: 12px;
  border: none;
  margin-top: 25px;
  font-weight: 600;
  margin-right: 10px;
}
#careerEntry .backBtn a.submit:hover,
#careerEntry .backBtn input:hover {
	/* background: #434343; */
  cursor: pointer;
}

#careerEntry .sendBtn a.submit,
#careerEntry .sendBtn input {
  width: 120px;
  padding: 8px 0;
  text-align: center;
  background-color: #fff;
  color: #FFB200;
  font-size: 12px;
  border: none;
  margin-top: 25px;
  font-weight: 600;
}
#careerEntry .sendBtn a.submit:hover,
#careerEntry .sendBtn input:hover {
  cursor: pointer;
}


.wd75 { width: 75px !important; }
.wd100 { width: 100px !important; }
.wd220 { width: 220px !important; }
.wd250 { width: 250px !important; }
.wd268 { width: 268px !important; }
.wd298 { width: 298px !important; }
.wd418 { width: 418px !important; }
.wd467 { width: 467px !important; }
.wd560 { width: 560px !important; }
.wd592 { width: 592px !important; }

#careerEntry #errorBlock {
	/* width: 870px; */
  width: 100%;
	margin: 30px auto 0;
	padding: 20px 0;
	text-align: center;
	font-size: 1.4em;
	color: #eb5b4c;
	border: 5px solid #eb5b4c;
	background-color: #ffffff;
}
#careerEntry .attention {
	font-size: 10px;
	color: #eb5b4c;
	display: none;
}
#careerEntry .attention p {
	display: inline-block;
	vertical-align: top;
  color: #eb5b4c;
}
#careerEntry table td textarea.error,
#careerEntry table td select.error,
#careerEntry table td input.error {
	background: #f9e4e2;
	border: 1px solid #f8b7b1;
	box-shadow: 0 1px 2px #f9d1ce inset;
	-moz-box-shadow: 0 1px 2px #f9d1ce inset;
	-webkit-box-shadow: 0 1px 2px #f9d1ce inset;
}
#careerEntry table td .confirm {
	padding-top: 10px;
  color: #000;
}
#careerEntry div.finishTxtArea {
	width: 640px;
	margin: 40px auto 0;
}
#careerEntry div.finishTxtArea h3 {
	text-align: center;
	font-size: 1.4em;
	font-weight: normal;
	color: #eb5b4c;
}
#careerEntry div.finishTxtArea p {
	border-top: 5px solid #333;
	margin-top: 40px;
	padding: 40px 25px 0;
}
#careerEntry .innTxt h3 {
	margin-bottom: 20px;
	background: #f2c230;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
}
#careerEntry .innTxt p {
	margin-top: 0px;
	padding: 40px 25px;
	background-color: #ffffff;
	border: none;
  color: #000;
}
#careerEntry .formBtn a.submit {
	display: inline-block;
	text-decoration: none;
  color: #fff;
}
#careerEntry .formBtn a.submit span {
	font-weight: normal;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background: url(/recruit/images/icn_back.png) no-repeat left center;
	padding-left: 32px;
	margin: 0 atuo;
}

.spAttention {
	display: none;
}

.careerInfoL {
	float: left;
	width: 35%;
	padding: 50px 0;
	background-color: #f2c230;
}
.careerInfoL ul {
	float: right;
	width: 240px;
}
.careerInfoL ul li {
	background: #f2c230 url(/recruit/career/images/bg_crinfo.png) no-repeat left center;
	border-top: 1px #f6d674 solid;
}
.careerInfoL ul li a {
	display: block;
	padding-left: 50px;
	text-decoration: none;
	line-height: 49px;
}
.careerInfoL ul li a.long{
	line-height: 1.5;
	padding: 13px 0 13px 50px;
}

.careerInfoL ul li.lines a {
	padding: 13px 13px 13px 49px;
	line-height: 20px;
}
.careerInfoL ul li.on,
.careerInfoL ul li:hover {
	background: #ffffff url(/recruit/career/images/bg_crinfo_on.png) no-repeat left center;
}
.careerInfoL ul li:first-child {
	border: none;
}
.careerInfoR {
	float: left;
	width: 65%;
	min-height: 500px;
	padding: 50px 0;
	background-color: #ffffff;
}
.careerUnitTab {
	width: 640px;
	margin: 0 40px;
}
.careerUnitTab table {
	width: 100%;
	border: 1px #fff solid;
}
.careerUnitTab table th {
	width: 148px;
	padding: 14px 20px;
	background-color: #e0ddc6;
}
.careerUnitTab table td {
	background-color: #ebe9dd;
}


.careerInfoR .formBtn {
	margin-top: 40px;
	text-align: center;
}
.careerInfoR .formBtn a.submit,
.careerInfoR .formBtn input {
	width: 640px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	background: #237551;
	-webkit-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 3px 0 #0f3f2a;
	-moz-box-shadow: 0 3px 0 #0f3f2a;
	-webkit-box-shadow: 0 3px 0 #0f3f2a;
	behavior: url(/common/css/PIE.htc);
	position: relative;
}
.careerInfoR .formBtn a.submit:hover,
.careerInfoR .formBtn input:hover {
	background: #0f3f2a;
}

.careerInfoR .formBtn a.submit {
	display: inline-block;
	text-decoration: none;
}
.careerInfoR .formBtn a.submit span {
	font-weight: normal;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	background: url(/recruit/images/icn_back.png) no-repeat left center;
	padding-left: 32px;
	margin: 0 atuo;
}
.careerInfoR .careerUnitTab {
	display: none;
}

#columnArea .columnR {
	float: left;
	height: 400px;
	margin: 0 35px;
	width: 260px;
}
#columnArea .columnR h3 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 16px;
}
#columnArea .columnR p {
	padding: 0;
	font-size: 12px;
}

#careerEntry table td input.compareInp {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 0 #fff inset;
	-moz-box-shadow: 0 0 0 #fff inset;
	-webkit-box-shadow: 0 0 0 #fff inset;
	behavior: url(/common/css/PIE.htc);
	padding: 3px;
	border: 1px solid #ddd;
	margin: 0;
	position: relative;
	height: 1.8em;
	vertical-align: middle;
}
#careerEntry table td label {
	vertical-align: middle;
  color: #000;
}

.leadTxt {
	width: 100%;
	margin: 0 auto;
  color: #fff;
}
.tblTxt {
	width: 100%;
	margin: 0 auto;
  color: #fff;
}

.formClearBtn,.formBtn{
  display: inline-block;
}

.formClearBtn input.clearBtn, .formBtn input.submit{
  width: 120px;
  padding: 8px 0;
  text-align: center;
  background-color: #fff;
  color: #FFB200;
  font-size: 12px;
  border: none;
  margin-top: 25px;
  font-weight: 600;
}

.formClearBtn input.clearBtn{
  margin-right: 6px;
}
.formClearBtn input.clearBtn:hover{
  cursor: pointer;
}

#careerEntry p.note02{
  vertical-align: top;
  color: #000;
  font-size: 10px;
}

/*----------------------------------------
--------------------entry--------------------
----------------------------------------*/






/*----------------------------------------
--------------------privacy--------------------
----------------------------------------*/

.privacy-content-wrap{
  width: 100%;
  background-image: url("../../privacypolicy/images/privacypolicy_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
}

.privacy-head{
  width: 100%;
  background-color: rgba(0, 129, 204, 0.8);
}

.privacy-head .privacy-title{
  padding-top: 25px;
  padding-bottom: 25px;
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.privacy-head .privacy-title img{
  width: 32%;
}



.privacy-main-title{
  max-width: 970px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  margin-left:auto;
  margin-right: auto;
}

.privacy-main-title img{
  width: 50%;
}



.privacy-main-cont{
  width: 100%;
  background-color: #fff;
  padding-top: 15px;
}

.privacy-main-cont p{
  padding: 0;
}

.privacy-main-cont .privacy-main-cont-inner{
  max-width: 970px;
  padding-bottom: 15px;
  margin-left:auto;
  margin-right: auto;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  display: flex;
}

.privacy-main-cont .privacy-main-cont-inner .privacy-main-cont-number{
  width: 5%;
  font-size: 14px;
}
.privacy-main-cont .privacy-main-cont-inner .privacy-main-cont-number p{
  font-weight: 600;
}

.privacy-main-cont .privacy-main-cont-inner .privacy-main-cont-text{
  width: 80%;
}

.privacy-main-cont .privacy-main-cont-inner .privacy-main-cont-text .privacy-main-cont-text-01{
  font-size: 15px;
  font-weight: 600;
}

.privacy-main-cont .privacy-main-cont-inner .privacy-main-cont-text .privacy-main-cont-text-02{
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
  line-height: 26px;
}
.privacy-main-cont .privacy-main-cont-inner .privacy-main-cont-text .privacy-main-cont-text-02 .negative-margin-left{
  margin-left: -7px;
  display: inline-block;
}

.privacy-main-cont .privacy-main-cont-inner .privacy-main-cont-text ul{
  margin-top: 35px;
}

.privacy-main-cont .privacy-main-cont-inner.04 .privacy-main-cont-text .privacy-main-cont-text-02{
  margin-top: 35px;
}



/*----------------------------------------
--------------------privacy--------------------
----------------------------------------*/






/*----------------------------------------
--------------------personal--------------------
----------------------------------------*/

.personal-content-wrap{
  width: 100%;
  background-image: url("../../privacypolicy/images/privacypolicy_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
}

.personal-head{
  width: 100%;
  background-color: rgba(0, 129, 204, 0.8);
}

.personal-head .personal-title{
  padding-top: 25px;
  padding-bottom: 25px;
  max-width: 947px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.personal-head .personal-title img{
  width: 40%;
}



.personal-main-title{
  max-width: 970px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  margin-left:auto;
  margin-right: auto;
}

.personal-main-title img{
  width: 40%;
}



.personal-main-cont{
  width: 100%;
  background-color: #fff;
  padding-top: 15px;
}

.personal-main-cont p{
  padding: 0;
}

.privacy-main-cont .privacy-main-cont-top{
  max-width: 970px;
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: right;
  margin-left:auto;
  margin-right: auto;
  font-size: 15px;
  font-weight: 600;
}



.privacy-main-cont .privacy-main-cont-bottom{
  max-width: 970px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
  margin-left:auto;
  margin-right: auto;
  font-size: 15px;
  border-top: 1px solid #000;
}

.privacy-main-cont .privacy-main-cont-bottom p{
  line-height: 25px;
  margin-bottom: 25px;
  font-weight: 600;

}

.privacy-main-cont .privacy-main-cont-bottom p:last-child{
  margin-bottom: 0;
}

/*----------------------------------------
--------------------personal--------------------
----------------------------------------*/






/*----------------------------------------
--------------------contact--------------------
----------------------------------------*/

.contact-content-wrap{
  width: 100%;
  background-image: url("../../contact/images/contact_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
}

.contact-title{
  width: 100%;
}

.contact-title .contact-title-img{
  max-width: 970px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.contact-title .contact-title-img img:nth-of-type(1){
  width: 35%;
  margin-top: 50px;
}

.contact-title .contact-title-img img:nth-of-type(2){
  width: 10%;
  margin-top: 30px;
}



.contact-head{
  width: 100%;
  background-color: rgba(130, 255, 230, 0.5);
  margin-top: 45px;
}

.contact-head .contact-head-inner{
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 35px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.contact-head .font-lage{
  margin-right: 20px;
}

.contact-head .font-small{
  margin-top: 10px;
}

.contact-head span.font-small{
  margin-top: 12px;
  font-size: 13px;
  font-weight: 900;
  color: #000;
  letter-spacing: -0.5px;
}



.contact-inner-item{
  width: 100%;
}

.contact-inner-item p{
  padding: 0;
}

.contact-inner-item .contact-inner-item-title{
  width: 100%;
  background-color: #dceecd;
  padding-top: 12px;
  padding-bottom: 12px;
}

.contact-inner-item .contact-inner-item-title p{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  font-size: 25px;
  font-weight: 600;
}

.contact-inner-item .contact-inner-item-detail{
  width: 100%;
  background-color: #fff;
  padding-top: 15px;
  padding-bottom: 20px;
}

.contact-inner-item .contact-inner-item-detail .contact-inner-item-detail-top{
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
}

.contact-inner-item .contact-inner-item-detail .contact-inner-item-detail-top .detail-top-img{
  margin-right: 25px;
}

.contact-inner-item .contact-inner-item-detail .contact-inner-item-detail-top .detail-top-text{
  font-size: 19px;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.contact-inner-item .contact-inner-item-detail .contact-inner-item-detail-top .detail-top-text p{
  padding: 0;
  width: 100%;
  word-wrap: break-word;
}

.contact-inner-item .contact-inner-item-detail .contact-inner-item-detail-bottom{
  margin-top: 10px;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.contact-inner-item-detail .contact-inner-item-detail-bottom .detail-bottom-inner p{
  font-weight: 600;
  font-size: 14px;
  padding-bottom: 5px;
}

.contact-inner-item-detail .contact-inner-item-detail-bottom .detail-bottom-inner .detail-bottom-inner-title{
  margin-right: 5px;
  display: inline-block;
  width: 12%;
}



/*----------form----------*/

#inquiry04 {
  padding: 20px 0;
  background: #fff;
}

#inquiry04 p{
  padding: 0;
}

#inquiry04 .innUnit {
  margin-bottom: 50px;
  max-width: 970px;
  padding: 0 40px;
  margin: 0 auto;
}

#inquiry04 p a:hover{
  text-decoration: underline;
}

#inquiry04 p.inquiry04-title{
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
}

#inquiry04 p.inquiry04-detail{
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 22px;
}

#inquiry04 p.label-text{
  font-size: 14px;
  font-weight: 600;
}

#inquiry04 table {
	width: 100%;
	margin: 0 auto;
  border-bottom: 1px solid #EDEDED;
}
section table tr:nth-child(2n) {
	background: none;
}
#inquiry04 table th,
#inquiry04 table td {
	padding: 10px;
	vertical-align: top;
	background: #fff;
}
#inquiry04 table th {
	font-weight: normal;
	width: 169px;
	padding: 15px 40px;
}
#inquiry04 table td {
	padding: 15px 30px;
}
#inquiry04 table td textarea,
#inquiry04 table td select,
#inquiry04 table td input {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(/common/css/PIE.htc);
	box-shadow: 0 1px 2px #ddd inset;
	-moz-box-shadow: 0 1px 2px #ddd inset;
	-webkit-box-shadow: 0 1px 2px #ddd inset;
	padding: 9px 15px;
	border: 1px solid #ddd;
	margin: 0;
	position: relative;
}
#inquiry04 table td textarea,
#inquiry04 table td input {
	width: 500px;
}
#inquiry04 #errorBlock {
	width: 300px;
	margin: 30px auto 0;
	padding: 20px 0;
	text-align: center;
	font-size: 1.4em;
	color: #eb5b4c;
	border: 5px solid #eb5b4c;
}
#inquiry04 .attention {
	font-size: 10px;
	color: #eb5b4c;
	display: none;
}
#inquiry04 .attention p {
	display: inline-block;
	vertical-align: top;
}
#inquiry04 table td textarea.error,
#inquiry04 table td select.error,
#inquiry04 table td input.error {
	background: #f9e4e2;
	border: 1px solid #f8b7b1;
	box-shadow: 0 1px 2px #f9d1ce inset;
	-moz-box-shadow: 0 1px 2px #f9d1ce inset;
	-webkit-box-shadow: 0 1px 2px #f9d1ce inset;
}
#inquiry04 .formBtn {
	margin-top: 40px;
	text-align: center;
  margin-top: 40px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#inquiry04 .formBtn input {
	vertical-align: middle;
}
#inquiry04 .formBtn input.backBtn,
#inquiry04 .formBtn input.clearBtn {
	width: 120px;
	height: 35px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background: #fff;
	cursor: pointer;
	border: 2px solid #000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url(/common/css/PIE.htc);
	position: relative;
  font-weight: 600;
  color: #000;
}
#inquiry04 .formBtn input.backBtn:hover,
#inquiry04 .formBtn input.clearBtn:hover {
	background: #82FFE6;
}
#inquiry04 .formBtn a.returnBtn,
#inquiry04 .formBtn input.finishBtn,
#inquiry04 .formBtn input.confirmationBtn {
	display: inline-block;
	line-height: 32px;
	width: 120px;
	height: 35px;
  margin-left: 10px;
  padding-left: 3px;
	text-align: center;
	color: #fff;
	background-color: #fff;
	background-image: url(/common/images/icn_link.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	cursor: pointer;
	border: 2px solid #000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	behavior: url(/common/css/PIE.htc);
	position: relative;
  font-weight: 600;
  color: #000;
  letter-spacing: -1px;
}
#inquiry04 .formBtn a.returnBtn:hover,
#inquiry04 .formBtn input.finishBtn:hover,
#inquiry04 .formBtn input.confirmationBtn:hover {
	background-color: #82FFE6;
}
#inquiry04 .formBtn a.returnBtn {
	width: 240px;
	text-decoration: none;
}
#inquiry04 .finishTxtArea {
	width: 800px;
	margin: 0 auto;
	padding: 40px 80px;
	background: #fff;
}

.inquiryLG {
	padding: 40px 0;
	/* background: #f2f2f2; */
	background: #fff;

}
.inquiryLG h2 {
	margin-bottom: 50px;
	padding-left: 40px;
	font-size: 1.8em;
	line-height: 1.8em;
	font-weight: normal;
}
.inquiryLG .innUnit {
	width: 920px;
	padding: 0 40px;
}
.inquiryLG p {
	padding: 10px 20px 0;
}
#inquiry04 .innUnit p.notes {
	width: 100%;
	text-align: left;
	margin:0 auto;
	color: #FF1815;
}
#inquiry04 .innUnit p label sup.note,
#inquiry04 .innUnit table th sup.note {
	color: #eb5b4c;
	vertical-align: top;

}



/*----------form----------*/

/*----------------------------------------
--------------------contact--------------------
----------------------------------------*/





/*----------------------------------------
--------------------search--------------------
----------------------------------------*/


.search-wrap{
  width: 100%;
  background-image: url("../../search/images/search_bg_img.png");
  background-repeat: repeat-y;
  background-size: contain;
}

.search-title{
  width: 100%;
}

.search-title .search-title-text{
  max-width: 970px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  padding-bottom: 30px;
  color:#000;
}

.search-title .search-title-text span:nth-of-type(1){
  font-size: 60px;
  font-weight: 600;
}

.search-title .search-title-text span:nth-of-type(2){
  font-size: 25px;
  font-weight: 600;
}



.search-list-wrap{
  width: 100%;
  background-color: #fff;
}

.search-list-wrap .search-list-inner{
  width: 100%;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.career-main-item{}



/*----------------------------------------
--------------------search--------------------
----------------------------------------*/
}


/*災害支援*/
.notice-area{
  box-sizing: border-box;
  margin: 30px auto 20px;
  border: 2px solid #e60012;
  padding: 15px 35px 15px;
  width: 960px;
  font-size: 13px;
  /* font-family: serif; */
  text-align: left;
  margin-bottom: 30px;
}
.notice-area .ttl {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.notice-area .ttl a {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #f00;
  text-decoration: underline;
}
.notice-area.type02{
  margin: 30px auto 10px;
  padding: 0 35px;
}
.notice-area.type02 + .notice-area.type02{
  margin-top: 0;
}
.notice-area.type02 .ttl {
  padding: 8px 0;
}
/*2020.01 当選者フォーム改修 #campaignPageで制御*/
#campaignPage .campaign-head{
  background-color: rgba(0, 0, 0, 0.9);
}
#campaignPage .campaign-head .inner{
  width: 970px;
  margin: 0 auto;
  padding: 40px 0;
}
#campaignPage.candf .entry-form-wrap{
  padding-top: 0;
}
#campaignPage .campaign-head .inner .logo{
  text-align: center;
  margin-bottom: 10px;
}
#campaignPage .campaign-head .inner .logo img{
  max-width:380px; 
}
#campaignPage .campaign-head .inner .logo a:hover{
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#campaignPage .campaign-head .inner .mainTitle{
  font-weight: bold;
  color: #FFF;
  margin-bottom: 10px;
  text-align: center;
  line-height: 1.2;
  padding: 0;
}
#campaignPage .campaign-head .inner .mainTitle img{
  max-height: 50px
}
#campaignPage .campaign-head .inner .subTitle{
  font-size: 28px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 0;
}
#campaignPage .entry-main-item .entry-main-item-title{
  margin-top: 0;
}
#campaignPage #careerEntry #errorBlock{
  margin-bottom: 15px;
}
#campaignPage #careerEntry p.notes{
  padding-bottom: 10px;
}
#campaignPage #careerEntry table tr th,
#campaignPage #careerEntry table tr td{
  vertical-align: middle;
}
#campaignPage #careerEntry table tr:first-of-type th,
#campaignPage #careerEntry table tr:first-of-type td{
  padding-top: 30px;
}
#campaignPage #careerEntry table tr:last-of-type th,
#campaignPage #careerEntry table tr:last-of-type td{
  padding-bottom: 30px;
}
#campaignPage #careerEntry table tr td .mR{
  margin-right: 10px;
}
#campaignPage #careerEntry table input[name="twitter_id"]{
  width: 13.2em;
}
#campaignPage #careerEntry table input[name="name"],
#campaignPage #careerEntry table input[name="zip_code"],
#campaignPage #careerEntry table input[name="tel_no"]{
  width: 15em;
}
#campaignPage #careerEntry table input[name="mail"]{
  width: 25em;
}
#campaignPage .formBtnArea{
  text-align: center;
  padding-bottom: 30px;
}
#campaignPage .formBtnArea .formBtn,
#campaignPage .formBtnArea .sendBtn{
  display: block;
  text-align: center;
  margin-top: 20px;
}
#campaignPage .formBtnArea .formBtn input.submit,
#campaignPage .formBtnArea .sendBtn input.submit{
  margin: 0;
  width: 200px;
  font-size: 14px;
  color: #333;
  background: #f2c230;
  padding: 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-appearance: none;
}
#campaignPage .formBtnArea .formClearBtn,
#campaignPage .formBtnArea .backBtn{
  display: block;
  text-align: center;
  margin-top: 15px;
}
#campaignPage .formBtnArea .formClearBtn input.clearBtn,
#campaignPage .formBtnArea .backBtn input.submit{
  margin: 0;
  color: #3B3B3B;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-appearance: none;
}
#campaignPage .alignCenter{
  text-align: center;
}
#campaignPage .formBtnArea .formBtn input.submit:hover,
#campaignPage .formBtnArea .formClearBtn input.clearBtn:hover,
#campaignPage .formBtnArea .sendBtn input.submit:hover,
#campaignPage .formBtnArea .backBtn input.submit:hover{
  cursor: pointer;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#campaignPage .footer-left .footer-list ul li.menu,
#campaignPage footer .footer-left .footer-list ul li:last-of-type{
  display: none;
}
#campaignPage .footer-left .footer-list ul li:nth-of-type(2){
  margin-left: 0;
}
#campaignPage .footer-left .footer-list ul li:nth-of-type(2) a{
  border-left: 0;
  padding-left: 0;
}
/*20200420フォーム追加*/
#campaignPage .campaign-head .inner .mainTitle.v02 img{
  max-height: auto;
  max-height:initial;
  max-height:none;
  width: 600px;
}

#campaignPage .attentionArea{
  background: rgba(255,255,255,1);
  padding: 20px 25px;
  margin: 30px 0;
}
#campaignPage .attentionArea ul li{
  font-size: 13px;
  margin-bottom: 5px;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
#campaignPage .attentionArea ul li::before{
  content: '・';
  font-size: 13px;
  margin: 0 0.5em 0 0;
}
#campaignPage .attentionArea ul li:last-of-type{
  margin-bottom: 0;
}

/*2020.02 採用ページ改修 */
.new_category-wrap .new_category-wrap-inner .new_category-item .career-recruit-flow{
  text-align: center;
  margin: 50px 0 30px 0;
  background: rgba(255,255,255,0.2);
  padding: 25px 20px;
}
.new_category-wrap .new_category-wrap-inner .new_category-item .career-recruit-flow .leText{
  margin-bottom: 20px;
  font-size: 14px;
}
.new_category-wrap .new_category-wrap-inner .new_category-item .career-recruit-flow .rec_banner{
  text-align: center;
}

/*汎用もたせるため追記*/
.career .career-bg-bl{
	width: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;  
}
.career .career-bg-bl .item_inner{
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0;
}
.career .career-bg-bl .doubleBox{
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0;
}
.career .career-bg-bl .doubleBox:first-of-type{
  padding-top: 0;
}
.career .career-bg-bl .doubleBox:last-of-type{
  padding-bottom: 0;
}
.career .career-bg-bl .doubleBox + .doubleBox{
  border-top: 1px solid #ffb200;
}
.career .career-bg-bl .doubleBox .leftBox{
  width: 20%;
  font-size: 15px;
  font-weight: 600;
}
.career .career-bg-bl .doubleBox .rightBox{
  width: 80%;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
.career .mB10{
  margin-bottom: 10px !important;
}
.career .mB20{
  margin-bottom: 20px !important;
}
.career .mB30{
  margin-bottom: 30px !important;
}
.career ul.roundList{
 padding-left: 2em; 
}
.career ul.roundList li{
  list-style: disc;
  list-style-position: outside;
}

/*2020.05 採用がない時 */
.job_category-wrap-inner.recnone{
  min-height: 50.5vh;
}
.job_category-wrap-inner.recnone p{
  text-align: center;
  padding-top: 8vw;
  font-size: 120%;
}