.campany-name {
  font-size: 1.8rem;
  line-height: 18px;
  font-weight: bold
}

.SDGs-text {
  padding-top: 50px;
  margin-left: 35px;
  font-size: 1.9rem;
  line-height: 18px;
  font-weight: bold
}

.block-main-wrap {
  padding-bottom: 80px;
  background: url(/recruit/img/common/bg_work.png) no-repeat center top;
  background-size: 100% auto
}

.l-guideline .block-main-wrap {
  background: url(/company/img/bg_guideline.png) no-repeat center -48px;
  background-size: 100% auto
}

.l-hidtory .block-main-wrap {
  background: url(/company/img/bg_history.png) no-repeat center top;
  background-size: 100% auto
}

.sec-1clm-wrap .sec-con-inner {
  background: #fff;
  padding-top: 48px;
  padding-bottom: 60px
}

.sec-1clm-wrap .sec-con-inner::after {
  z-index: -1
}

.sec-1clm-wrap .sec-con-inner .mod-flex-list li.is-current .mod-btn-01 a {
  transition: initial;
  background: #fff;
  color: #00147d;
  border: 1px solid #00147d
}

.sec-1clm-wrap .sec-con-inner .mod-flex-list li.is-current .mod-btn-01 a>* {
  transition: initial
}

.sec-1clm-wrap .sec-con-inner .mod-flex-list li.is-current .mod-btn-01 a::before {
  transition: initial;
  left: 0px
}

.sec-1clm-wrap .sec-con-inner .mod-flex-list li.is-current .mod-btn-01 a:hover {
  cursor: default;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.sec-1clm-wrap .sec-con-inner .mod-flex-list li.is-current .mod-btn-01 a:hover>* {
  transition: initial
}

.sec-1clm-wrap .sec-con-inner .mod-flex-list li.is-current .mod-btn-01 a:hover::before {
  transition: initial
}

.sec-1clm-wrap .sec-con-inner .mod-flex-list li.is-current .mod-btn-01 a::after {
  display: none
}

.l-message .clip-path {
  position: absolute;
  top: -15px;
  left: 0px
}

.l-message .sec-con-w928 .mod-sec-title {
  margin: 75px 0 95px;
  font-size: 5.9rem;
  line-height: 72px;
  padding: 40px 40px 40px 50px
}

.l-message .sec-con-w928 .txt {
  font-size: 1.9rem;
  line-height: 43px;
  font-weight: bold;
  letter-spacing: .02em;
  margin-bottom: 32px;
  opacity: 0;
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
  transition: opacity 0.8s cubic-bezier(0.39, 0.11, 0.25, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.39, 0.11, 0.25, 1) 0.2s;
  transition: transform 0.8s cubic-bezier(0.39, 0.11, 0.25, 1) 0.2s, opacity 0.8s cubic-bezier(0.39, 0.11, 0.25, 1) 0.2s;
  transition: transform 0.8s cubic-bezier(0.39, 0.11, 0.25, 1) 0.2s, opacity 0.8s cubic-bezier(0.39, 0.11, 0.25, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.39, 0.11, 0.25, 1) 0.2s
}

.l-message .sec-con-w928 .txt.is-anim {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.l-message .sec-con-w928 .txt-credit {
  margin-top: 12px;
  text-align: right
}

.l-message .sec-con-w928 .txt-credit strong {
  font-size: 1.8rem;
  line-height: 32px
}

.block-column {
  position: relative;
  text-align: left
}

.block-column>div {
  width: 576px
}

.block-column>div>div {
  position: relative
}

.block-column>div>div::before {
  content: '';
  width: 107px;
  height: 169px;
  position: absolute;
  z-index: -1
}

.block-column>div .title-detail {
  font-size: 1.4rem;
  line-height: 14px;
  font-weight: bold;
  margin-bottom: 12px
}

.block-column>div h1 {
  font-size: 4.8rem;
  line-height: 64px;
  letter-spacing: 0;
  font-weight: bold;
  margin-bottom: 40px;
  opacity: 0;
  -webkit-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  transform: translate(0, -30px);
  transition: opacity .6s ease-out 1s, -webkit-transform .6s ease-out 1s;
  transition: opacity .6s ease-out 1s, transform .6s ease-out 1s;
  transition: opacity .6s ease-out 1s, transform .6s ease-out 1s, -webkit-transform .6s ease-out 1s
}

.block-column>div .txt {
  font-size: 1.4rem;
  line-height: 28px;
  opacity: 0;
  -webkit-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  transform: translate(0, -30px);
  transition: opacity .6s ease-out 1.3s, -webkit-transform .6s ease-out 1.3s;
  transition: opacity .6s ease-out 1.3s, transform .6s ease-out 1.3s;
  transition: opacity .6s ease-out 1.3s, transform .6s ease-out 1.3s, -webkit-transform .6s ease-out 1.3s
}

.block-column .block-01, .block-column .block-03, .block-column .block-05 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2
}

.block-column .block-01>div, .block-column .block-03>div, .block-column .block-05>div {
  padding: 105px 0 58px 60px
}

.block-column .block-01>div::before, .block-column .block-03>div::before, .block-column .block-05>div::before {
  left: 32px;
  top: 64px
}

.block-column .block-02, .block-column .block-04, .block-column .block-06 {
  transition: -webkit-transform .6s ease-out .4s;
  transition: transform .6s ease-out .4s;
  transition: transform .6s ease-out .4s, -webkit-transform .6s ease-out .4s;
  z-index: 1;
  margin-left: auto
}

.block-column .block-02>div, .block-column .block-04>div, .block-column .block-06>div {
  padding: 125px 0 58px 96px
}

.block-column .block-02>div::before, .block-column .block-04>div::before, .block-column .block-06>div::before {
  left: 62px;
  top: 82px
}

.block-column .block-01>div::before {
  background: url(/recruit/img/important/bg_txt_01.png) no-repeat left top;
  background-size: 100% auto
}

.block-column .block-02>div::before {
  background: url(/recruit/img/important/bg_txt_02.png) no-repeat left top;
  background-size: 100% auto
}

.block-column .block-03>div::before {
  background: url(/recruit/img/important/bg_txt_03.png) no-repeat left top;
  background-size: 100% auto
}

.block-column .block-04>div::before {
  background: url(/recruit/img/important/bg_txt_04.png) no-repeat left top;
  background-size: 100% auto
}

.block-column .block-05>div::before {
  background: url(/recruit/img/important/bg_txt_05.png) no-repeat left top;
  background-size: 100% auto
}

.block-column .block-06>div::before {
  background: url(/recruit/img/important/bg_txt_06.png) no-repeat left top;
  background-size: 100% auto
}

.is-anim .block-column>div h1, .is-anim .block-column>div .txt {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.is-anim .block-02, .is-anim .block-04, .is-anim .block-06 {
  -webkit-transform: translate(0, 65px);
  -ms-transform: translate(0, 65px);
  transform: translate(0, 65px)
}

.l-guideline .clip-path {
  position: absolute;
  top: -15px;
  left: 0px
}

.l-guideline .sec-con-w928 h3 {
  font-size: 1.4rem;
  line-height: 28px;
  font-weight: bold;
  letter-spacing: 0;
  margin-top: 70px;
  margin-bottom: 42px
}

.l-guideline .sec-con-w928 h2 {
  font-size: 1.6rem;
  line-height: 16px;
  margin-bottom: 12px
}

.l-guideline .sec-con-w928 .mod-sec-title {
  margin-bottom: 45px;
  font-size: 5.9rem;
  line-height: 72px;
  padding: 40px 40px 40px 50px
}

.l-guideline .sec-01 {
  margin: 0 auto 84px
}

.l-guideline .sec-02, .l-guideline .sec-03 {
  margin: 0 auto 56px
}

.l-guideline .sec-02 .sec-con-inner {
  text-align: center
}

.l-guideline .sec-02 .sec-con-inner .mod-sec-title {
  width: 464px;
  font-size: 4.3rem;
  line-height: 120px;
  padding: 0;
  margin-bottom: 65px
}

.l-guideline .sec-02 .sec-con-inner .mod-sec-title::before {
  border: 6px solid #00147d
}

.l-guideline .sec-02 .sec-con-inner .mod-sec-title p {
  text-align: center
}

.l-guideline .sec-04 {
  margin: 0 auto 92px
}

.l-index .sec-1clm-wrap .clip-path {
  position: absolute;
  top: -15px;
  left: 0px
}

.l-index .sec-1clm-wrap .clip-path .path {
  fill: #fafafc
}

.l-index .sec-1clm-wrap .sec-con-inner {
  background: #fafafc
}

.l-index .sec-1clm-wrap .sec-con-inner .mod-table-01:first-child {
  margin: 70px 0px 8px 0px
}

.l-history .sec-1clm-wrap .clip-path {
  position: absolute;
  top: -15px;
  left: 0px
}

.l-history .sec-1clm-wrap .clip-path .path {
  fill: #fafafc
}

.l-history .sec-1clm-wrap .sec-con-inner {
  background: #fafafc;
  padding-bottom: 0
}

.l-history .sec-1clm-wrap .sec-con-inner>section {
  position: relative
}

.l-history .sec-1clm-wrap .sec-con-inner>section::before {
  content: '';
  width: 1px;
  height: 100%;
  background: #afb5d6;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto
}

.l-history .sec-1clm-wrap .sec-con-inner>.mod-flex-list {
  margin-bottom: 70px
}

.l-history .sec-con-w928 {
  text-align: center
}

.l-history .sec-con-w928 .l-sub-fixed {
  background: #fafafc;
  padding: 50px 30px 20px 30px
}

.l-history .sec-con-w928 .l-sub-fixed .txt-static {
  text-align: center
}

.l-history .sec-con-w928 .l-sub-fixed .txt-static span {
  display: block;
  font-size: 1.4rem;
  line-height: 32px
}

.block-history {
  width: 392px;
  position: absolute;
  opacity: 0;
  transition: opacity .4s ease .2s, -webkit-transform .4s ease .2s;
  transition: transform .4s ease .2s, opacity .4s ease .2s;
  transition: transform .4s ease .2s, opacity .4s ease .2s, -webkit-transform .4s ease .2s
}

.block-history.pos-left {
  left: 0;
  -webkit-transform: translate(-50px, 0);
  -ms-transform: translate(-50px, 0);
  transform: translate(-50px, 0)
}

.block-history.pos-left.is-anim {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.block-history.pos-left .skew-left-wt.txt-detail-wrap {
  padding-top: 0
}

.block-history.pos-left::after {
  content: '';
  width: 64px;
  height: 1px;
  background: #afb5d6;
  position: absolute;
  right: -72px;
  top: 10px;
  display: block
}

.block-history.pos-left h1 {
  text-align: right
}

.block-history.pos-right {
  right: 0;
  -webkit-transform: translate(50px, 0);
  -ms-transform: translate(50px, 0);
  transform: translate(50px, 0)
}

.block-history.pos-right.is-anim {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0)
}

.block-history.pos-right .skew-right-wt.txt-detail-wrap {
  padding-top: 0
}

.block-history.pos-right::before {
  content: '';
  width: 64px;
  height: 1px;
  background: #afb5d6;
  position: absolute;
  left: -72px;
  top: 10px;
  display: block
}

.block-history.pos-right h1 {
  text-align: left;
  padding-left: 5px
}

.block-history h1 {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 18px;
  margin-bottom: 8px
}

.block-history h1 span {
  font-size: 1.2rem;
  line-height: 18px
}

.block-history figure {
  margin-bottom: -12px
}

.block-history figure+.txt-detail-wrap {
  background: #fff
}

.block-history .txt-detail-wrap {
  text-align: left;
  letter-spacing: 0;
  padding-top: 6px
}

.block-history .txt-detail-wrap div {
  border-bottom: 1px solid #f2f3f8;
  padding: 24px 0 20px 20px
}

.block-history .txt-detail-wrap:last-child {
  border-bottom: none
}

.block-history .txt-detail-wrap .indent-02 p {
  padding-left: 2.7em
}

.block-history .txt-detail-wrap .indent-02 p:first-child {
  text-indent: -2.7em
}

.block-history .txt-detail-wrap p {
  font-size: 1.4rem;
  line-height: 20px
}

.block-history .txt-detail-wrap p+p {
  margin-top: 8px
}

.sec-his-01 {
  background: #fafafc url(/img/bg_logo.png) no-repeat center 178px;
  background-size: 482px auto;
  height: 2712px
}

.sec-his-01 .mod-sec-title {
  min-width: 416px
}

.sec-his-01 .block-01 {
  top: 215px
}

.sec-his-01 .block-02 {
  top: 292px
}

.sec-his-01 .block-03 {
  top: 390px
}

.sec-his-01 .block-04 {
  top: 470px
}

/*.sec-his-01 .block-05 {
  top: 822px
}*/

.sec-his-01 .block-06 {
  top: 822px
}

.sec-his-01 .block-07 {
  top: 917px
}

.sec-his-01 .block-08 {
  top: 1030px
}

.sec-his-01 .block-09 {
  top: 1258px
}

.sec-his-01 .block-10 {
  top: 1414px
}

.sec-his-01 .block-11 {
  top: 1511px
}

.sec-his-01 .block-12 {
  top: 1607px
}

.sec-his-01 .block-13 {
  top: 1704px
}

.sec-his-01 .block-14 {
  top: 1825px
}

.sec-his-01 .block-15 {
  top: 1920px
}

.sec-his-01 .block-16 {
  top: 2017px
}

.sec-his-02 {
  height: 1736px
}

.sec-his-02 .mod-sec-title {
  min-width: 288px
}

.sec-his-02 .block-01 {
  top: 250px
}

.sec-his-02 .block-02 {
  top: 306px
}

.sec-his-02 .block-03 {
  top: 466px
}

.sec-his-02 .block-04 {
  top: 858px
}

.sec-his-02 .block-05 {
  top: 1042px
}

.sec-his-02 .block-06 {
  top: 1138px
}

.sec-his-02 .block-07 {
  top: 1282px
}

.sec-his-03 {
  height: 8380px
}

.sec-his-03 .mod-sec-title {
  min-width: 418px
}

.sec-his-03 .block-01 {
  top: 217px
}

.sec-his-03 .block-02 {
  top: 250px
}

.sec-his-03 .block-03 {
  top: 786px
}

.sec-his-03 .block-04 {
  top: 816px
}

.sec-his-03 .block-05 {
  top: 1235px
}

.sec-his-03 .block-06 {
  top: 1265px
}

.sec-his-03 .block-07 {
  top: 1746px
}

.sec-his-03 .block-08 {
  top: 1985px
}

.sec-his-03 .block-09 {
  top: 2450px
}

.sec-his-03 .block-10 {
  top: 2922px
}

.sec-his-03 .block-11 {
  top: 3514px
}

.sec-his-03 .block-12 {
  top: 3610px
}

.sec-his-03 .block-13 {
  top: 4105px
}

.sec-his-03 .block-14 {
  top: 4403px
}

.sec-his-03 .block-15 {
  top: 4842px
}

.sec-his-03 .block-16 {
  top: 4938px
}

.sec-his-03 .block-17 {
  top: 5354px
}

.sec-his-03 .block-18 {
  top: 5899px
}

.sec-his-03 .block-19 {
  top: 5999px
}

.sec-his-03 .block-20 {
  top: 6450px
}

.sec-his-03 .block-21 {
  top: 6550px
}

.sec-his-03 .block-22 {
  top: 6950px
}

.sec-his-03 .block-23 {
  top: 7050px
}

.sec-his-03 .block-24 {
  top: 7250px
}

.sec-his-03 .block-25 {
  top: 7550px
}

.sec-his-03 .block-26 {
  top: 7750px
}

.sec-his-03 .block-27 {
  top: 7950px
}

.SDGsimg{
    /*max-width:100%;
    max-height:100%;*/
    height:147px;
    width:456px;
    margin:0;
}

.SDGs01{
    font-size:17px;
    margin:0 0 0 10px;
}

.SDGs02{
    font-size:17px;
    margin:0 0 0 28px;
}

.SDGs03{
    font-size:10px;
    margin:-10px 10px 0 28px;
}