@charset "UTF-8";

/* 初期状態 */
#contentsmain .inBox [id^="mmicon"] {
  opacity: 0;
  transform: scale(0.5);
  transform-origin: center bottom;
  position: absolute;
  transition: none;
}

/* アニメーション本体 */
@keyframes bounceIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes dropBounce {
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  60% {
    transform: translateY(20px);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

/* 1フェーズ */
.bounce-in {
  animation: bounceIn 0.6s ease forwards;
}

/* 2フェーズ */
.drop-bounce {
  animation: dropBounce 0.6s ease forwards;
}

/* 点滅：3回を1セット */
.blink {
  animation: blinkOn 0.3s ease-in-out 3 forwards;
}

/* 点滅用keyframes */
@keyframes blinkOn {
  0%   { opacity: 1; }
  50%  { opacity: 0; }
  100% { opacity: 1; }
}




@media screen and (min-width: 768px),print {
header{z-index: 2;}

#corporations .onecol-contents{width: 100%;max-width: 100%;padding: 0;}

#contentsmain {margin: 0 auto;position: relative;padding: 0 3rem 263px;background: url('../images/corporations/contents01-back01.jpg')no-repeat bottom center;background-size: 100% auto;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 1570px;padding: 47px 52px 0px 0;}
#contentsmain .inner-Box h2{font-size: 5rem;font-weight: bold;letter-spacing: 0.15rem;margin-left: 0px;position: absolute;top: 107px;left: 0;z-index: 4;}
#contentsmain .inner-Box h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 4px;}
#contentsmain .inner-Box h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}

#contentsmain .inner-Box p.subtext {font-size: 1.6rem;line-height: 2.4;font-weight: 400;letter-spacing: 0.16rem;margin-bottom: 3rem;position: absolute;top: 249px;left: 0;z-index: 5;}
#contentsmain .inBox {position: relative;margin-left: auto;margin-bottom: 18px;z-index: 4;max-width: 1246px;}

/* main-anime */
#contentsmain .inBox figure.img {position: relative;text-align: center;max-width: 1246px;}
#contentsmain .inBox img{width: 100%; height: auto;}

#contentsmain .inBox span,#contentsmain .inBox p{position: absolute;z-index: 3;top: 204px;left: 635px;width: 211px;}

#contentsmain .inBox #mmicon01 {top: 29px;left: 455px;width: 378px;}
#contentsmain .inBox #mmicon02 {top: 265px;left: 100px;width: 473px;}
#contentsmain .inBox #mmicon03 {top: 171px;left: 813px;z-index: 3;width: 300px;}
#contentsmain .inBox #mmicon04 {top: 339px;left: 518px;z-index: 4;width: 380px;}
#contentsmain .inBox #mmicon05 {top: -31px;left: 727px;}
#contentsmain .inBox #mmicon06 {top: 319px;left: 550px;width: 176px;}
#contentsmain .inBox #mmicon07 {top: -31px;left: 727px;}
#contentsmain .inBox #mmicon08 {top: 209px;left: 740px;width: 176px;}

#contentsmain .inBox #mmicon-den .on{ opacity: 0;position: absolute; top: 0; left: 0; }


#contentsmain .inner-Box p.text {font-size: 1.3rem;line-height: 1.8;font-weight: 400;letter-spacing: 0.0rem;margin-bottom: 3rem;position: relative;display: block;max-width: 1260px;margin: 0 auto;padding: 74px 3rem 0 3rem;z-index: 3;}
#contentsmain .inner-Box p.text a { color: #0057AA; text-decoration: underline;}
#contentsmain .inner-Box p.text span {transform: rotate(270deg);transform-origin: center;display: inline-block;position: relative;left: -11px;margin: 0 6px;}
#contentsmain span.icon01 {display: block;line-height: 1;position: absolute;bottom: 8vw;left: 0;width: 14.49vw;max-width: 276px;z-index: 0;}
#contentsmain span.icon01 img {width: 100%;}
#contentsmain span.icon02 {display: block;line-height: 1;position: absolute;bottom: -0.7vw;width: 7.1vw;right: 0;max-width: 141px;z-index: 0;}
#contentsmain span.icon02 img {width: 100%;}

#contents01 {margin: 0 auto 47px;position: relative;background: #F3F5FA;padding-top: 86px;padding-bottom: 130px;}
#contents01 .flowen{margin: 0 auto;position: relative;background: url('../images/corporations/contents01-back02.svg')repeat-x top center;animation: flow-right-to-left 30s linear infinite;padding-top: 30px;}
/* 背景が右から左に流れる */
@keyframes flow-right-to-left {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 100% 0;
    }
  }
#contents01 .inner-Box {margin: 0 auto;position: relative;padding: 0 3rem;max-width: 1788px;}
#contents01 .inner-Box h2 {font-size: 3.4rem;line-height: 1.33;font-weight: 700;letter-spacing: 0.102rem;margin-bottom: 100px;position: relative;text-align: center;}
#contents01 .inner-Box span.imm {display: block;line-height: 1;position: absolute;top: 0;left: 0;}
#contents01 .inner-Box span.imm img {  }
#contents01 .inner-Box ul{display: flex;flex-wrap: wrap;align-items: flex-start; /* ← これを指定！高さ揃えない */margin-bottom: 60px;margin-bottom: 60px;position: relative;}
#contents01 .inner-Box ul li {position: relative;border: 1px solid #D2D2D2;border-radius: 24px;background: #fff;width: 23.6%;margin-right: 1.8%;padding: 28px 30px 24px 30px;}
#contents01 .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#contents01 .inner-Box ul li:nth-child(1){ top: 99px;}
#contents01 .inner-Box ul li:nth-child(2){top: -1px;}
#contents01 .inner-Box ul li:nth-child(3){top: 49px;}
#contents01 .inner-Box ul li:nth-child(4){top: 209px;}
#contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 auto 11px;width: 110px;}
#contents01 .inner-Box figure.img img{width: 110px;}
#contents01 .inner-Box h3 {font-size: 2.2rem;line-height: 1.33;font-weight: 700;letter-spacing: 0rem;margin-bottom: 22px;position: relative;color: #0057AA;text-align: center;}
#contents01 .inner-Box h3 span.f-en {font-size: 1.2rem;display: block;letter-spacing: 0.12rem;margin-top: 9px;}
#contents01 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 1px;left: -33px;background: none!important;}
#contents01 .inner-Box span.ch img {  }
#contents01 .inner-Box p.ltext {font-size: 1.6rem;line-height: 1.6;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 1.3rem;position: relative;margin-left: 34px;}
#contents01 .inner-Box p.ltext span {background: linear-gradient(transparent 60%, #FFE5AC 60%);font-weight: bold;}
#contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: -35px;right: 40px;width: 56px;}
#contents01 .inner-Box ul li:nth-child(2) .arr {left: 45%;}
#contents01 .inner-Box ul li:nth-child(3) .arr {transform: scale(-1, 1);left: 50%;}
#contents01 .inner-Box ul li:nth-child(4) .arr {left: 85px;transform: scale(-1, 1);}
#contents01 .inner-Box span.arr img {  }
#contents01 .inner-Box span.icon02 {display: block;line-height: 1;text-align: center;position: relative;top: 30px;left: -92px;}
#contents01 .inner-Box span.icon02 img {width: 1016px;}


#products-section {position: relative;overflow: hidden;margin-bottom: 112px;z-index: 0;}      
#products-section .inner-Box {max-width: 1271px;padding: 89px 30px 54px 30px;margin: 0 auto;position: relative;z-index: 2;}      

#products-section .inner-Box h2{font-size: 3.4rem;font-weight: bold;letter-spacing: 0.102rem;margin-left: 6px;margin-bottom: -39px;}
#products-section .inner-Box h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#products-section .inner-Box h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}

#products-section .subtext{margin-left: 184px;margin-bottom: 73px;font-size: 1.6rem;}
#products-section .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;margin: 0 5px;flex-wrap: wrap;}
#products-section .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 52px;}
#products-section .inner-Box .system-list li{width: 30.2%;margin-right: 3.1%;}
#products-section .inner-Box .system-list li:nth-child(3n){ }
#products-section .inner-Box .system-list li .img{position: relative;overflow: hidden;border-radius: 19px;margin-bottom: 14px;max-height: 250px;text-align: center;}
#products-section .inner-Box .system-list li .img img{max-width: 100%;height: 100%;width: auto;max-height: 250px;}
#products-section .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 2.2rem;font-weight: bold;letter-spacing: 0.11rem;margin-bottom: 14px;}
#products-section .inner-Box .system-list .systext{font-size: 1.6rem;line-height: 1.8;}
#products-section .inner-Box .system-list a.link-arr .post-arrow{ top: auto; bottom: 2px; right: 0; }


#works-section {position: relative;overflow: hidden;margin-bottom: 46px;background: #F3F5FA;z-index: 0;}      
#works-section .inner-Box {max-width: 1271px;padding: 139px 30px 54px 30px;margin: 0 auto;position: relative;z-index: 2;}      

#works-section .inner-Box h2{font-size: 3.4rem;font-weight: bold;letter-spacing: 0.102rem;margin-left: 6px;margin-bottom: -39px;}
#works-section .inner-Box h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#works-section .inner-Box h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}

#works-section .subtext{margin-left: 184px;margin-bottom: 73px;font-size: 1.6rem;}
#works-section .inner-Box .system-list{margin: 0 5px;}
#works-section .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 52px;}
#works-section .inner-Box .system-list li{ border-bottom: #D2D2D2 1px solid; padding: 0 0 40px; margin-bottom: 56px; }
#works-section .inner-Box .system-list li:nth-child(3n){ }
#works-section .inner-Box .system-list li:last-child{ border-bottom: none; }
#works-section .inner-Box .system-list li .img{position: relative;overflow: hidden;border-radius: 19px;margin-bottom: 14px;width: 31.7%;float: left;margin-right: 5.3%;}
#works-section .inner-Box .system-list li .img img{width: 100%;height: auto;}
#works-section .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 2.8rem;font-weight: bold;letter-spacing: 0.14rem;margin-bottom: 18px;}
#works-section .inner-Box .system-list .systext{font-size: 1.6rem;line-height: 1.8;margin-bottom: 28px;}
#works-section .inner-Box .system-list a.link-arr .post-arrow{ top: auto; bottom: 2px; right: 0; }

#works-section .inner-Box .system-list li .textbox{width: 62.9%;float: left;}
#works-section .inner-Box .system-list li .textbox .mibox{border: 1px solid #D2D2D2;border-radius: 16px;background: #fff;padding: 24px 24px 19px 45px;}
#works-section .inner-Box .system-list li .textbox .mibox .mtext{font-size: 1.6rem;letter-spacing: 0.08rem;margin-bottom: 3px;position: relative;padding-left: 89px;}
#works-section .inner-Box .system-list li .textbox .mibox .mtext span{position: absolute;top: 0;left: 0;font-weight: bold;}
#works-section .inner-Box .system-list li .textbox .mibox .mtext span::before{content: "";display: block;width: 7px;height: 7px;background: #0057AA;border-radius: 50%;position: absolute;top: 10px;left: -14px;}

#works-section .inner-Box .morebtn{position: absolute;top: 172px;right: 36px;}
#works-section .inner-Box .morebtn a{padding-left: 40px;}



#topics-section {position: relative;overflow: hidden;margin-bottom: 16px;z-index: 0;}      
#topics-section .topics-inner {max-width: 1271px;padding: 89px 30px 54px 30px;margin: 0 auto;position: relative;z-index: 2;}      
#topics-section .bg-right {position: absolute;top: 0;right: 0; /* 右端基準で貼る */height: 100%;z-index: 1;background: #F3F5FA; /* 好きな色に */border-radius: 30px 0 0 30px;width: calc(160px + (100vw + 1200px) / 2);}

#topics-section .topics-inner h2{font-size: 3.4rem;font-weight: bold;letter-spacing: 0.102rem;margin-left: 6px;margin-bottom: 62px;}
#topics-section .topics-inner h2 .f-en{font-size: 1.4rem;font-weight: bold;color: #0057AA;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#topics-section .topics-inner h2 .f-en img{display: inline-block;margin: 0 15px 0 0;position: relative;top: -4px;left: 5px;}
#topics-section .topics-inner .morebtn{position: absolute;top: 122px;right: 36px;}
#topics-section .topics-inner .morebtn a{padding-left: 55px;}

#topics .system-list{padding: 1px;margin-bottom: 50px;}
#topics .system-list li{/* overflow: hidden; */line-height: 1.4;margin-bottom: 35px;border-bottom: #D2D2D2 1px solid;}
#topics .system-list li a{display: block;width: 100%;text-align: left;padding-bottom: 33px;}
#topics .system-list li a:hover{ text-decoration: none;}
#topics .system-list li .text-box {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 0;}
#topics .system-list li .system-date {width: 330px!important;flex-shrink: 0;position: relative;padding: 0 0 0 136px;}
#topics .system-list li .system-date .dayt{font-size: 1.4rem;font-weight: 500;position: absolute;top: 8px;left: 13px;}
#topics .system-list li .system-date .cate{font-size: 1.2rem;border: 1px solid #D2D2D2;border-radius: 30px;display: inline-block;background: #fff;padding: 6px 34px;margin-bottom: 5px;}
#topics .system-list li .system-ttl-01 {flex: 1;padding: 6px 6px;display: inline-block;}
#topics .system-list li a.link-arr .post-arrow{right: 14px;}

@keyframes bottom-left-to-right {
  from {
    background-position: 0 bottom;
  }
  to {
    background-position: -100% bottom;
  }
}
@keyframes bottom-right-to-left {
  from {
    background-position: 0 bottom;
  }
  to {
    background-position: 100% bottom;
  }
}

#contents04 {margin: 0 auto;position: relative;background: url('../images/corporations/contents04-back02.png')repeat-x bottom center #0057AA;color: #fff;background-size: auto 208px;padding: 93px 0 0;animation: bottom-left-to-right 170s linear infinite;}
#contents04 .back-Box{margin: 0 auto;position: relative;background: url('../images/corporations/contents04-back01.png')repeat-x bottom;color: #fff;background-size: auto 172px;padding: 93px 0 0;animation: bottom-right-to-left 140s linear infinite;}
#contents04 .inner-Box {margin: 0 auto;position: relative;max-width: 1260px;padding: 0 685px 236px 2.5rem;}
#contents04 .inner-Box h2{font-size: 3.4rem;font-weight: bold;letter-spacing: 0.102rem;margin-left: 6px;margin-bottom: 28px;}
#contents04 .inner-Box h2 .f-en{font-size: 1.4rem;font-weight: bold;display: block;margin-bottom: 13px;position: relative;right: 6px;}
#contents04 .inner-Box h2 .f-en img{display: inline-block;margin: 0 11px 0 0;position: relative;top: -4px;left: 5px;}

#contents04 .inBox {position: absolute;right: 128px;width: 528px;top: 65px;}
#contents04 .inBox p.text {font-size: 1.6rem;line-height: 1.9;font-weight: 400;letter-spacing: 0.08rem;margin-bottom: 3.8rem;position: relative;}
#contents04 p.text2 {font-size: 1.4rem;line-height: 1.7;font-weight: 400;letter-spacing: 0.07rem;margin-bottom: 3rem;position: relative;left: 5px;}
#contents04 .morebtn{position: relative;left: 1px;}
#contents04 .morebtn a{padding-left: 49px;width: 320px;height: 55px;font-size: 1.6rem;}


}
@media screen and (min-width:768px) and ( max-width:1650px) {

}
@media screen and (min-width:768px) and ( max-width:1360px) {
  #contentsmain .inner-Box{ padding-top: 20vw;}
  #contentsmain .inBox figure.img {position: relative;text-align: center;max-width: 1246px;}
  #contentsmain .inBox img{width: 100%; height: auto;}
  
  #contentsmain .inBox span,#contentsmain .inBox p{position: absolute;z-index: 3;top: 204px;left: 635px;}
  
  #contentsmain .inBox #mmicon01 {
    top: 2.13vw;     /* 29px ÷ 13.6 */
    left: 33.46vw;   /* 455px ÷ 13.6 */
    width: 27.79vw;
  }
  #contentsmain .inBox #mmicon02 {
    top: 19.49vw;    /* 265px */
    left: 7.35vw;    /* 100px */
    width: 34.78vw;
  }
  #contentsmain .inBox #mmicon03 {
    top: 12.57vw;    /* 171px */
    left: 59.78vw;   /* 813px */
    width: 22.06vw;
  }
  #contentsmain .inBox #mmicon04 {
    top: 24.93vw;    /* 339px */
    left: 38.09vw;   /* 518px */
    width: 27.94vw;
  }
  #contentsmain .inBox #mmicon06 {
    top: 23.46vw;    /* 319px */
    left: 40.44vw;   /* 550px */
    width: 12.94vw;
  }
  #contentsmain .inBox #mmicon-den {
    top: 15.32vw;
    left: 46.75vw;
    width: 15.51vw;
  }
  #contentsmain .inBox #mmicon08 {
    top: 15.37vw;    /* 209px */
    left: 54.41vw;   /* 740px */
    width: 12.94vw;
  }
  
  


}
@media screen and (min-width:768px) and ( max-width:1000px) {
    #contents04 .inner-Box {padding: 0 2.5rem 236px 2.5rem;}
    #contents04 .inBox {position: relative;right: 0;width: 528px;top: 0; margin-bottom: 30px;}

    #contentsmain .inner-Box{ padding-top: 30vw;}

}



@media screen and (max-width: 767px) {

header{ position: absolute;z-index: 2; width: 100%;}
.seo_bread_list{ border: none;}
#contentsmain {position: relative;background: url('../images/corporations/sp-contents01-back01.jpg')no-repeat bottom center;background-size: 100% auto;padding-bottom: 24.7vw;}
#contentsmain .inner-Box {margin: 0 2.7vw;position: relative;padding: 66.83vw 0 0;}
#contentsmain .inner-Box h2{font-size: 6.40vw;font-weight: bold;letter-spacing: 0.19vw;margin-left: 0.0vw;position: absolute;top: 26.53vw;left: 3.5vw;z-index: 4;}
#contentsmain .inner-Box h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.17vw;position: relative;right: 1.07vw;}
#contentsmain .inner-Box h2 .f-en img{display: inline-block;margin: 0 3.4vw 0 0;position: relative;top: -1.3vw;left: 1.33vw;width: 2.7vw;}

#contentsmain .inner-Box p.subtext {font-size: 3.73vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 3rem;position: absolute;top: 48.3vw;left: 3.8vw;z-index: 4;margin-right: 1vw;}
#contentsmain .inBox {position: relative;margin-bottom: 4vw;z-index: 4;}

#contentsmain .inBox figure.img {position: relative;text-align: center;margin: 0 5.6vw 0 0.2vw;}
#contentsmain .inBox img{width: 100%; height: auto;}

#contentsmain .inBox span,#contentsmain .inBox p{position: absolute;z-index: 3;top: 14.4vw;left: 45.6vw;width: 15vw;}

#contentsmain .inBox #mmicon01 {top: 2.13vw;left: 33.1vw;width: 26vw;}
#contentsmain .inBox #mmicon02 {top: 18.97vw;left: 7.37vw;width: 33.7vw;}
#contentsmain .inBox #mmicon03 {top: 12.3vw;right: 15vw;left: auto;z-index: 3;width: 21.4vw;}
#contentsmain .inBox #mmicon04 {top: 24.2vw;left: 37.2vw;z-index: 4;width: 26.9vw;}
#contentsmain .inBox #mmicon05 {top: 0vw;left: 0vw;}
#contentsmain .inBox #mmicon06 {top: 22.67vw;left: 39.3vw;width: 12.8vw;}
#contentsmain .inBox #mmicon07 {top: 0vw;left: 0vw;}
#contentsmain .inBox #mmicon08 {top: 14.83vw;left: 53vw;width: 12.6vw;}

#contentsmain .inBox #mmicon-den .on{ opacity: 0;position: absolute; top: 0; left: 0; }


#contentsmain .inner-Box p.text {font-size: 3.47vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3rem;position: relative;display: block;margin: 0 4vw;z-index: 3;padding-top: 1.9vw;}
#contentsmain .inner-Box p.text a { color: #0057AA; text-decoration: underline;}
#contentsmain .inner-Box p.text span {transform: rotate(270deg);transform-origin: center;display: inline-block;position: relative;left: 0vw;margin: 0 1.6vw;}
#contentsmain span.icon01 {display: block;line-height: 1;position: absolute;top: 64.5vw;left: 0;width: 29.09vw;z-index: 0;}
#contentsmain span.icon01 img {width: 100%;}
#contentsmain span.icon02 {display: block;line-height: 1;position: absolute;bottom: -11.8vw;width: 15.1vw;right: 0;z-index: 1;}
#contentsmain span.icon02 img {width: 100%;}

#contents01 {margin: 0 auto 12.53vw;position: relative;background: #F3F5FA;padding-top: 10.93vw;padding-bottom: 20.67vw;}
#contents01 .flowen{position: relative;background: url('../images/corporations/contents01-back02.svg')repeat-x top center;animation: flow-right-to-left 80s linear infinite;padding-top: 1.3vw;background-size: auto 13.5vw;}
/* 背景が右から左に流れる */
@keyframes flow-right-to-left {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 100% 0;
    }
  }
#contents01 .inner-Box {margin: 0 6.3vw;position: relative;}
#contents01 .inner-Box h2 {font-size: 5.87vw;line-height: 1.63;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 5.57vw;position: relative;text-align: center;}
#contents01 .inner-Box span.imm {display: block;line-height: 1;position: absolute;top: 158vw;left: -6vw;z-index: 3;width: 21.7vw;}
#contents01 .inner-Box span.imm img {  }
#contents01 .inner-Box ul{ /* ← これを指定！高さ揃えない */margin-bottom: -9vw;}
#contents01 .inner-Box ul li {position: relative;border: 0.27vw solid #D2D2D2;border-radius: 4.4vw;background: #fff;width: 100%;padding: 5.67vw 7vw 6.4vw;margin-bottom: 9.33vw;}
#contents01 .inner-Box ul li:nth-child(4n) { margin-right: 0.0vw; }
#contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 27.5vw 2.93vw;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box h3 {font-size: 5.33vw;line-height: 1.33;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 3.57vw;position: relative;color: #0057AA;text-align: center;}
#contents01 .inner-Box h3 span.f-en {font-size: 3.2vw;display: block;letter-spacing: 0.32vw;margin-top: 2.4vw;}
#contents01 .inner-Box span.ch {display: block;line-height: 1;position: absolute;top: 1.27vw;left: -7.1vw;background: none!important;width: 5.5vw;}
#contents01 .inner-Box span.ch img {  }
#contents01 .inner-Box p.ltext {font-size: 3.73vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 2.7vw;position: relative;margin-left: 6.27vw;margin-right: -1vw;}
#contents01 .inner-Box p.ltext span {background: linear-gradient(transparent 60%, #FFE5AC 60%);font-weight: bold;}
#contents01 .inner-Box span.arr {display: block;line-height: 1;position: absolute;bottom: -5.3vw;right: 18.87vw;width: 9.93vw;}
#contents01 .inner-Box ul li:nth-child(2) .arr {left: 45%;}
#contents01 .inner-Box ul li:nth-child(3) .arr {transform: scale(-1, 1);left: 50%;margin-left: 6vw;}
#contents01 .inner-Box ul li:nth-child(4) .arr {left: 57.67vw;transform: scale(-1, 1);}
#contents01 .inner-Box span.arr img {  }
#contents01 .inner-Box span.icon02 {display: block;line-height: 1;text-align: center;position: relative;top: 8.0vw;left: 0vw;margin: 0 -6.8vw;}
#contents01 .inner-Box span.icon02 img {  }


#products-section {position: relative;overflow: hidden;margin-bottom: 4.87vw;z-index: 0;}      
#products-section .inner-Box {margin: 0 6.2vw;position: relative;z-index: 2;}      

#products-section .inner-Box h2{font-size: 6.40vw;font-weight: bold;letter-spacing: 0.27vw;margin-bottom: 2.93vw;}
#products-section .inner-Box h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#products-section .inner-Box h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}

#products-section .subtext{margin-bottom: 7.47vw;font-size: 3.73vw;letter-spacing: 0.19vw;}
#products-section .inner-Box .system-list{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
#products-section .inner-Box .system-list li a{width: auto;text-align: left;padding-bottom: 13.87vw;margin: 0;position: relative;}
#products-section .inner-Box .system-list li{width: 100%;margin-bottom: 8.53vw;}
#products-section .inner-Box .system-list li:nth-child(3n){ }
#products-section .inner-Box .system-list li .img{position: relative;overflow: hidden;border-radius: 2.07vw;margin-bottom: 3.73vw;}
#products-section .inner-Box .system-list li .img img{width: 100%;height: auto;}
#products-section .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 4.80vw;font-weight: bold;letter-spacing: 0.29vw;margin-bottom: 2.73vw;}
#products-section .inner-Box .system-list .systext{font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.19vw;}
#products-section .inner-Box .system-list a.link-arr .post-arrow{top: auto;bottom: 7.53vw;right: -1.7vw;display: block;width: 6.93vw;}


#works-section {position: relative;overflow: hidden;margin-bottom: 0.27vw;background: #F3F5FA;z-index: 0;}      
#works-section .inner-Box {padding: 12.27vw 2.2vw 14.4vw;margin: 0 4vw;position: relative;z-index: 2;}      

#works-section .inner-Box h2{font-size: 6.40vw;font-weight: bold;letter-spacing: 0.27vw;margin-bottom: 2.93vw;}
#works-section .inner-Box h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#works-section .inner-Box h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}

#works-section .subtext{margin-bottom: 4.47vw;font-size: 4.27vw;}
#works-section .inner-Box .system-list{ margin-bottom: -8.7vw; }
#works-section .inner-Box .system-list li a{width: auto;text-align: left;margin: 0;}
#works-section .inner-Box .system-list li{border-bottom: #D2D2D2 0.27vw solid;padding: 0 0 8.67vw;margin-bottom: 8.43vw;}
#works-section .inner-Box .system-list li:nth-child(3n){ }
#works-section .inner-Box .system-list li:last-child{ border-bottom: none; }
#works-section .inner-Box .system-list li .img{position: relative;overflow: hidden;border-radius: 2.07vw;margin-bottom: 3.73vw;width: 100%;}
#works-section .inner-Box .system-list li .img img{width: 100%;height: auto;}
#works-section .inner-Box .system-list li h3{text-align: left;color: #0057AA;font-size: 4.80vw;font-weight: bold;letter-spacing: 0.24vw;margin-bottom: 3.8vw;}
#works-section .inner-Box .system-list .systext{font-size: 3.73vw;line-height: 1.7;letter-spacing: 0.19vw;margin-bottom: 5.87vw;}
#works-section .inner-Box .system-list a.link-arr .post-arrow{ top: auto; bottom: 0.53vw; right: 0; }

#works-section .inner-Box .system-list li .textbox{}
#works-section .inner-Box .system-list li .textbox .mibox{border: 0.27vw solid #D2D2D2;border-radius: 3.27vw;background: #fff;padding: 6vw 8vw 4vw 6vw;}
#works-section .inner-Box .system-list li .textbox .mibox .mtext{font-size: 3.73vw;letter-spacing: 0.21vw;margin-bottom: 2.2vw;position: relative;}
#works-section .inner-Box .system-list li .textbox .mibox .mtext span{position: relative;top: 0;left: 0;font-weight: bold;display: block;padding-left: 4.1vw;}
#works-section .inner-Box .system-list li .textbox .mibox .mtext span::before{content: "";display: block;width: 1.87vw;height: 1.87vw;background: #0057AA;border-radius: 50%;position: absolute;top: 2.67vw;left: 0vw;}

#works-section .inner-Box .morebtn{}
#works-section .inner-Box .morebtn a{padding-left: 25.97vw;height: 15vw;font-size: 4.27vw;padding-top: 3.7vw;}
#works-section .inner-Box .morebtn a .arr{top: 5.8vw;right: 6.3vw;}

@keyframes bottom-left-to-right {
  from {
    background-position: 0 bottom;
  }
  to {
    background-position: 1024.00vw bottom;
  }
}
@keyframes bottom-right-to-left {
  from {
    background-position: 0 bottom;
  }
  to {
    background-position: -889.60vw bottom;
  }
}

#contents04 {position: relative;background: url('../images/corporations/contents04-back02.png')repeat-x bottom center #0057AA;color: #fff;background-size: auto 17vw;padding: 11.8vw 0 0;animation: bottom-left-to-right 520s linear infinite;}
#contents04 .back-Box{position: relative;background: url('../images/corporations/contents04-back01.png')repeat-x bottom center;background-size: auto 16.80vw;animation: bottom-right-to-left 400s linear infinite;}
#contents04 .inner-Box {margin: 0 6.5vw;position: relative;padding-bottom: 21vw;}
#contents04 .inner-Box h2{font-size: 6.40vw;font-weight: bold;letter-spacing: 0.27vw;margin-bottom: 5.03vw;}
#contents04 .inner-Box h2 .f-en{font-size: 3.20vw;font-weight: bold;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#contents04 .inner-Box h2 .f-en img{display: inline-block;margin: 0 2.4vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}

#contents04 .inBox {position: relative;}
#contents04 .inBox p.text {font-size: 3.73vw;line-height: 1.9;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 5.4vw;position: relative;}
#contents04 p.text2 {font-size: 3.47vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.17vw;margin-bottom: 3rem;position: relative;}
#contents04 .morebtn{position: relative;left: 0.27vw;margin-bottom: 8vw;}
#contents04 .morebtn a{padding-left: 14.07vw;height: 14.67vw;font-size: 4.27vw;padding-top: 3.6vw;}
#contents04 .morebtn a .arr{top: 5.8vw;right: 6vw;}

#topics-section {position: relative;overflow: hidden;margin-bottom: 1vw;background: #fff;padding-bottom: 2.1vw;}      
#topics-section .topics-inner {padding: 12vw 1vw;margin: 0 4vw;position: relative;z-index: 2;}      
#topics-section .bg-right {position: absolute;top: 0;right: 0; /* 右端基準で貼る */height: 100%;z-index: 1;background: #F3F5FA; /* 好きな色に */border-radius: 8.0vw 0 0 8.0vw;width: calc(42.67vw + (100vw + 0vw) / 2);display: none;}

#topics-section .topics-inner h2{font-size: 6.40vw;font-weight: bold;letter-spacing: 0.27vw;margin-left: 1.6vw;margin-bottom: 7.93vw;}
#topics-section .topics-inner h2 .f-en{font-size: 3.20vw;font-weight: bold;color: #0057AA;display: block;margin-bottom: 1.47vw;position: relative;right: 1.6vw;}
#topics-section .topics-inner h2 .f-en img{display: inline-block;margin: 0 4.0vw 0 0;position: relative;top: -0.8vw;left: 1.33vw;width: 2.7vw;}
#topics-section .topics-inner .morebtn{position: relative;}
#topics-section .topics-inner .morebtn a{padding-left: 14.67vw;font-size: 4.27vw;text-align: center;padding: 3.7vw 0vw 0 0vw;height: 15vw;margin: 0 1.6vw;}
#topics-section .topics-inner .morebtn a .arr{top: 5.9vw;right: 6vw;}
#topics .system-list{padding: 0 1.67vw;margin-bottom: 10.23vw!important;}
#topics .system-list li{/* overflow: hidden; */line-height: 1.4;margin-bottom: 6.53vw;border-bottom: #D2D2D2 0.27vw solid;}
#topics .system-list li a{display: block;text-align: left;padding-bottom: 4.8vw;margin: 0;}
#topics .system-list li a:hover{ text-decoration: none;}
#topics .system-list li .text-box {display: flex;flex-wrap: wrap;align-items: flex-start;gap: 0;}
#topics .system-list li .system-date {position: relative;padding: 0 0 0 21.57vw;width: 100%;margin-bottom: 1.5vw;}
#topics .system-list li .system-date .dayt{font-size: 3.53vw;font-weight: 500;position: absolute;top: 1.43vw;left: 0.07vw;}
#topics .system-list li .system-date .cate{font-size: 3.2vw;border: 0.27vw solid #D2D2D2;border-radius: 8.0vw;display: inline-block;background: #fff!important;padding: 1.5vw 4.07vw;margin-bottom: 1.33vw;letter-spacing: -0.2vw;margin-right: 1vw;}
#topics .system-list li .system-ttl-01 {flex: 1;padding: 1.6vw 1.6vw;display: inline-block;}


}