sup {
  font-size: 67%;
  vertical-align: text-top
}
#page {
  min-width: 320px
}
.tec-main {
  background: #fff;
  color: #0b0b0b;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  line-height: 1.75;
  overflow: hidden;
  padding-bottom: 5.20833%;
  position: relative
}
.tec-main * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.tec-font-en {
  /*/*font-family: IBM Plex Sans JP, sans-serif;*/*/
  font-style: normal;
  font-weight: 700
}
.tec-inner {
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 10%;
  position: relative
}
.tec-hero{
  background: #F3F3F3;
  background-image: url(../img/bg-mv.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.tec-hero-inner{
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 8% 6vw;
  position: relative
}
.tec-hero h1{
  width: 64%;
  padding: 12.0vw 0 4.8vw 0;
}
.tec-hero img {
  height: auto;
  width: 100%
}



.tec-section {
  background: #fff;
  /*padding-bottom: 6.25vw;
  padding-top: 5.72917vw*/
  padding: 10em 0;
}
.tec-numberClm {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5.20833vw;
  margin-top: 5.20833vw
}
.tec-numberClm__l {
  line-height: 1;
  width: 50%
}
.tec-numberClm__r {
  position: relative;
  width: 50%
}
.tec-numberClm__r figure {
  display: block;
  height: auto;
  margin-left: 10%;
  margin-top: 10%;
  position: relative;
  width: 90%
}
.tec-numberClm__r img {
  height: auto;
  width: 100%
}
.tec-numBlock {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.tec-numBlock + .tec-numBlock {
  margin-top: 5.20833vw
}
.tec-numBlock__l {
  font-family: IBM Plex Sans Condensed, sans-serif;
  font-size: min(8.85417vw, 170px);
  font-style: italic;
  font-weight: 700
}
.tec-numBlock__l.type-blue {
  color: #0effff
}
.tec-numBlock__l.type-yellow {
  color: #ffff6a
}
.tec-numBlock__l.type-pink {
  color: #ff0dff
}
.tec-numBlock__r {
  font-size: min(1.3625vw, 30px);/*16px*/
/*font-size: max(16px);*/
  padding-left: 1.5em
}
.tec-numBlock__title {
  color: #000;
  /*/*font-family: IBM Plex Sans JP, sans-serif;*/*/
  font-size: min(2.08333vw, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.333
}
.tec-numBlock__subtitle {
  color: #000;
  font-size: min(1.66667vw, 32px);
  font-weight: 700;
  margin-top: .4em
}
.tec-numBlock__text {
  font-size: min(1.3625vw, 30px);/*16px*/
/*font-size: max(16px);*/
  line-height: 1.75;
  margin-top: 1em
}
.tec-flexclm2 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}
.tec-flexclm2__li {
  width: 62%
}
.tec-flexclm2__li img {
  height: auto;
  width: 100%
}
.tec-flexclm2__li + .tec-flexclm2__li {
  width: 33%;
}
.mb30{margin-bottom: 1.0em;}
.mb10vw{margin-bottom: 2em;}
.img-president figure{
  /*position: absolute;
    bottom: .6vw;
    right: 10%;
    width: 18vw;
    max-width: 345px;*/
}
.tec-president {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.04167vw, 20px);
  /*margin-top: 4.16667vw;*/
  margin-top: 1em;
  align-items: flex-end;
  justify-content: flex-end;
}
.tec-president__l {
  padding-right: 1em
}
.tec-president__r{width: 22%;}
.tec-president__r img {
  height: auto;
  width: 100%
}

.tec-circleBlock {
  background: hsla(0, 0%, 96%, .8);
  border-radius: 12px;
  position: relative
}
.tec-circleBlock + .tec-circleBlock {
  margin-top: 5.20833vw
}
.tec-circleBlock__c {
  font-size: min(2.08333vw, 40px);
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 1em;
  width: 100%
}
.tec-circleBlock__l {
  font-weight: 700;
  width: 21.42857%
}
.tec-circleBlock__l img, .tec-circleBlock__l + .tec-circleBlock__r img, .tec-circleBlock__r img {
  height: auto;
  width: 100%
}
.tec-circleBlock__title {
  font-size: min(1.875vw, 36px);
  font-weight: 700;
  line-height: 1.5
}
.tec-circleBlock__title--01 {
  background: -webkit-gradient(linear, left bottom, left top, from(#0effff), color-stop(25%, #0effff), color-stop(25%, rgba(14, 255, 255, 0)), to(rgba(14, 255, 255, 0)));
  background: linear-gradient(0deg, #0effff, #0effff 25%, rgba(14, 255, 255, 0) 0, rgba(14, 255, 255, 0));
  display: inline-block
}
.tec-circleBlock__title--02 {
  background: -webkit-gradient(linear, left bottom, left top, from(#ffff6a), color-stop(25%, #ffff6a), color-stop(25%, rgba(255, 255, 106, 0)), to(rgba(255, 255, 106, 0)));
  background: linear-gradient(0deg, #ffff6a, #ffff6a 25%, rgba(255, 255, 106, 0) 0, rgba(255, 255, 106, 0));
  display: inline-block
}
.tec-circleBlock__text {
  /*font-size: min(1.19792vw, 23px)*/
  font-size: min(1.3625vw, 30px);/*16px*/
/*font-size: max(16px);*/
}
.tec-circleBlock__text .tec-textlink {
  display: inline-block;
  margin-top: .5em
}
.tec-circleBlock__bnr + .tec-circleBlock__text {
  margin-top: 2em
}
.tec-circleBlock__bnr {
  font-size: min(1.04167vw, 20px);
  margin-top: 2em;
  text-align: center
}
.tec-circleBlock__bnr .tec-bnr {
  display: block;
  margin: 0 auto;
  max-width: 322px
}
.tec-circleBlock__bnr img {
  height: auto;
  max-width: 100%
}
.tec-circleBlock-clm {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}
.tec-circleBlock-clm__l {
  width: 55%
}
.tec-circleBlock-clm__r {
  padding-top: .5em;
  width: 40%
}
.tec-clm3 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 2.08333vw;
  padding: 0 3.125%
}
.tec-clm3__li {
  width: 32%
}
.tec-platformBlock {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: hsla(0, 0%, 96%, .8);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 6.25% 8.33333%;
  position: relative
}
.tec-platformBlock__title {
  font-size: min(2.03125vw, 39px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center
}
.tec-platformBlock__title small {
  display: inline-block;
  font-size: 60%;
  margin-right: 1em
}
.tec-platformBlock__text {
  margin-top: 1em
}
.tec-platformBlock__link, .tec-platformBlock__text {
  font-size: min(1.04167vw, 20px);
  line-height: 1.5;
  margin-bottom: 1em
}
.tec-platformBlock__thumb {
  font-size: min(1.04167vw, 20px);
  margin-top: auto
}
.tec-platformBlock__thumb img {
  height: auto;
  width: 100%
}
.tec-orcthumb {
  margin: 0 auto;
  width: 61.375%
}
.tec-orcthumb img {
  height: auto;
  width: 100%
}
.tec-clm2 {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-top: 2.08333vw;
  padding: 0 6.25%
}
.tec-clm2__li {
  width: 27.8125%
}
.tec-partnerBlock {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none
}
.tec-partnerBlock__thumb {
  font-size: min(1.04167vw, 20px);
  margin-bottom: 1em
}
.tec-partnerBlock__thumb img {
  height: auto;
  width: 100%
}
.tec-partnerBlock__title {
  font-size: min(1.3625vw, 30px);
  /*font-size: max(16px);*/
  font-weight: 500;
  line-height: 1.2;
  text-align: center
}
.tec-partnerBlock__title > span {
  display: inline-block;
  padding-right: 1.2em;
  position: relative
}
.tec-partnerBlock__title > span:before {
  background: url(/extlib/common/img/icon_blank_blu.png) no-repeat;
  background-position: 50%;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 1em;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1em;
  z-index: 1
}
.tec-partnerBlock__text {
  font-size: min(1.3625vw, 30px);/*16px*/
/*font-size: max(16px);*/
  font-weight: 500;
  line-height: 1.5;
  margin-top: .75em
}
.tec-btnwrap {
  margin-top: 30px
}
/*202408*/
.linkTxt {
  display: inline-block;
  position: relative;
  line-height: 1.4;
  
}

.linkTxt::after {
  content: '\FF1E';
  display: inline-block;
  /*position: absolute;
  top: 0;
  right: 0;*/
  transform: scale(.6, 1);
  margin-left: .5em;
}

.linkBlank::after {
  content: '';
  transform: scale(1.5, 1.5);
  background: url(/extlib/common/img/icon_blank_blu.png) no-repeat;
  width: .6em;
  height: .6em;
  background-size: 100% auto;
  display: inline-block;
  margin-left: .5em;
}
.wrapNews{
  width: 100%;
  background: #fff;
  padding:1.8181818181818181vw 3%;
  border-radius: 6px;
  font-size: min(1.2625vw, 26px);/*14px*/
/*font-size: max(14px);*/
}
.boxNews > ul > li{display: flex; justify-content: flex-start; }
.boxNews > ul{    margin: 0 auto 1.2vw;}
.boxNews > ul > li{
  font-size: min(1.2625vw, 26px);/*14px*/
/*font-size: max(14px);*/
}
.boxNews > ul > li:not(:last-child){margin: 0 auto 0.6vw;}
.boxNews > ul > li .dateNews{
  width: 8vw;
  min-width: 100px;
}
.boxNews > ul > li p{  width: calc(100% - 8vw);}
.wrapNews h2{
  font-size: min(1.3625vw, 30px);
  /*font-size: max(1.3625vw, 16px);*/
    font-weight: 700;
    line-height: 1;
    color: #0300BE;
    margin: 0 auto 1vw;
}
span.dot-sq{
  font-size:40%;
  margin: 0 .5vw 0.2vw 0;
  display: inline-block;
  vertical-align: middle;
}
.wrapNews .linkListNews{text-align: right;}

.boxFeature{
  background: #F3F3F3;
  margin: 0 auto;
    max-width: 1920px;
    
    position: relative;
}
#wrapPresident .tec-subtitle{color:#0E0D6A ; text-align: center;margin-bottom: 1.6em;font-size: min(3.125vw, 50px);/*38px*/    letter-spacing: 0.2em;}
#wrapPresident .tec-subtitle span{font-size:70% ;}
#wrapPresident .tec-president__l.tec-text--l{/*font-size:87.5% ;*/ font-weight: 600;}
#wrapPresident .tec-president__r.tec-text--l{font-weight: 600;}
#wrapFeature{    padding: 0 0 10em;}
.innerFeature{
  margin: 0 auto 10em;
    max-width: 1920px;
    
    padding: 0 5%;
    position: relative;
}
.innerFeature > ul{}
.innerFeature > ul > li:nth-child(odd){}
.innerFeature > ul > li:nth-child(even){}

.boxFeature{
  background: #F3F3F3;
  border-radius: 8px;
  position: relative;
  padding: 0 0 8vw 0;
}

.innerFeature > ul > li:not(:last-child){margin: 0 auto 6vw;}
.innerFeature > ul > li:nth-child(odd) .innerBoxFeature{
  margin-left: 5%;
  padding: 10vw 6% 2.8vw 28vw;
}
.innerFeature > ul > li:nth-child(even) .innerBoxFeature{
  margin-right: 5%;
  padding: 10vw 28vw 2.8vw 6%;
}
.innerFeature > ul > li .boxFeature .img{
  position: absolute;
  top: 6vw;
  width: 36.8vw;
  max-width: 700px;
  z-index: 2;
  overflow: hidden;
  box-shadow: 0px 18px 40px -1px #c2c2c2;
}
.innerFeature > ul > li:nth-child(odd) .boxFeature .img{    left: -11%; border-radius: 0 20px 20px 0; ;}
.innerFeature > ul > li:nth-child(even) .boxFeature .img{    right: -11%; border-radius: 20px 0 0 20px;}

.boxFeature .img img{width: 100%; height: auto;}

.boxFeature .tec-title {
  display: block;
  /*/*font-family: IBM Plex Sans JP, sans-serif;*/*/
  font-size: min(3.125vw, 50px);
  /*font-size: max(38px);*/
  font-style: normal;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative;
  padding: 0 0 4% 0;
  text-align: center;
  letter-spacing: 0.2em;
}
.boxFeature .tec-title:before {
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: -5.8vw;
    position: absolute;
    width: 121.8%;
    z-index: 1;
}
.innerFeature > ul > li:nth-child(odd) .innerBoxFeature .tec-title:before{
  background: url(../img/bg-h2-feature-odd.png);
  background-size: 100%;
}
.innerFeature > ul > li:nth-child(even) .innerBoxFeature .tec-title:before{
  background: url(../img/bg-h2-feature-even.png);
  background-size: 100%;
  right: -5.8vw;
  left: auto;
}
.innerFeature > ul > li:nth-child(3) .innerBoxFeature .tec-title:before{
  background: url(../img/bg-h2-feature-03.png);
  background-size: 100%;
}
.boxFeature .lead{
  font-size: min(1.68333vw, 40px);
  /*font-size: max(20px);*/
  font-weight: 600;
  text-align: center;
  margin: 0 auto 1.6em;
  line-height: 1.4;
}
.boxFeature .tec-subtitle,.boxDetail h3{
  font-size: min(1.68333vw, 40px);
  /*font-size: max(20px);*/
  font-weight: 500;
  text-align: center;
  margin: 0 auto 0.8em;
  color: #0000BE;
}

.btn{
  display: block;
  border: solid 1px #0D0D6A;
  border-radius: 50px;
  background: #fff;
  color:#0D0D6A ;
  margin: 0 auto;
}

.boxFeature .btn{
  width: 45.45%;
  min-height: 50px;
  padding: 1em 0 ;
  font-size: min(1.2625vw, 26px);/*14px*/
  /*font-size: max(14px);*/
  text-align: center;
}

.boxDetail{
  background: #fff;
  padding: 3vw;
  margin: 0 6% 2.8vw;
}
.boxDetail .ulBoxDetail{
 /* display: flex;
  justify-content: space-between;*/
}
/*.boxDetail .ulBoxDetail.col2 > li{width:48%}
.boxDetail .ulBoxDetail.col3 > li{width:30%}*/
.boxDetail .ulBoxDetail.col3 > li:not(:last-child) {
  margin: 0 auto 2em;
  padding: 0 0 2em 0;
  border-bottom: solid 1px #E6E6E6;
}
.boxDetail .ulBoxDetail > li h4{
  font-size: min(1.3625vw, 30px);/*16px*/
  color: #0E0D6A;
  font-weight: 500;
  margin: 0 auto 1em;
}
/*.boxDetail .ulBoxDetail > li h4 span.dot-sq {
  font-size: min(0.8vw, 14px);
  margin: 0 .5vw 0.2vw 0;
  display: inline-block;
  vertical-align: middle;
}*/
.boxFeature .ulBnr{width: 40%; margin: 0 auto;}
.ulBnr > li:not(:last-child){margin: 0 auto .8em;}
.ulBnr > li .bnr{display: block; margin: 0 auto;  color: #0E0D6A;}
.ulBnr > li .bnr img{display: block; margin: 0 auto .3em; width: 100%; height: auto;box-shadow: 0px 2px 0px 0px #c5c5c5;
border-radius: 8px;
position: relative;
}
.ulBnr > li .bnr figcaption{
  font-size: min(1.2625vw, 26px);/*14px*/
  color: #0E0D6A;
  font-weight: 400;
}
.ulBnr > li .bnr figcaption span.dot-sq{
  margin: 0 .5em 0.06vw 0;
}

#wrapPartner{background:  #0D0D6A;}
#wrapPartner .wrapH2 {text-align: center; margin: 0 auto 4em;}
#wrapPartner .wrapH2 h2.tec-title {
  color: #fff;
  display: block;
  /*/*font-family: IBM Plex Sans JP, sans-serif;*/*/
  font-size: min(3.125vw, 50px);/*38px*/
  font-style: normal;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative;
}
#wrapPartner h2.tec-title:before {
  background: none;
  content: "";
  display:none;
  height: auto;
  position: relative;
  width: auto;
}
#wrapPartner .wrapH2 .lead{
  font-size: min(1.5vw, 35px);/*18px*/
  color: #fff;
}
#wrapPartner .ulPartner{width: 90%; margin: 0 auto; display: flex; justify-content: space-between;}
.ulPartner > li{
  width: 48%;
  font-size: min(1.2625vw, 26px);/*14px*/
  background: #fff;
  padding: 2em;
  position: relative;
}
.ulPartner > li .boxPrtner{padding-bottom: 2.5em;}
.ulPartner > li .boxPrtner .img{ margin: 0 auto 2em;}
.ulPartner > li .boxPrtner .img img{ width: 100% ; height: auto;} 
.ulPartner > li .boxPrtner .wrapH3{
  text-align: center;
  color: #0E0D6A;
  margin: 0 auto 1em;
}
.ulPartner > li .boxPrtner .wrapH3 h3{
  font-size: min(1.5vw, 35px);/*18px*/
  font-weight: 700;
  margin: 0 auto .3em;
}
.ulPartner > li .boxPrtner .wrapH3 .lead{font-size: min(1.2625vw, 26px);/*14px*/}
.ulPartner > li .ulLink{margin:0 auto 0; position: absolute; bottom: 2em; right: 2em;}
.ulPartner > li .ulLink > li{text-align: right;}
.ulPartner > li .ulLink > li:not(:last-child){margin: 0 auto .3em;}
/**/
#wrapDevStory{
  background:#fff url(../img/bg-devstory.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
}
#wrapDevStory .wrapH2 {text-align: center; margin: 0 auto 4em;}
#wrapDevStory .wrapH2 h2.tec-title {
  display: block;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-size: min(3.125vw, 50px);/*38px*/
  font-style: normal;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative;
}
#wrapDevStory h2.tec-title:before {
  background: none;
  content: "";
  display:none;
  height: auto;
  position: relative;
  width: auto;
}
#wrapDevStory .wrapH2 .lead{
  font-size: min(1.5vw, 35px);/*18px*/
}
#wrapDevStory .boxDevStory{
background: #F3F3F3;
}

#wrapDevStory .boxDevStory#devBackground{
  margin: 0 auto 1em;
}
.innerBoxDevStory{
  margin: 0 auto;
  max-width: 1920px;
  padding: 4em 10% 5em;
  position: relative;
}
.innerBoxDevStory > h3{
  font-size: min(1.68333vw, 40px);/*20px*/
  font-weight: 500;
  margin: 0 auto 1.5em;
  text-align: center;
  color: #0E0D6A;
}
#wrapGroup{     padding: 5em 10% 0 10%;  margin: 0 auto;}
#wrapGroupList{ 
  background: #0E0D6A;
  border-radius: 8px;
  padding: 4em 3% 5em;
}
#wrapGroupList .wrapH2 {text-align: center; margin: 0 auto 4em;}
#wrapGroupList .wrapH2 h2.tec-title {
  display: block;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-size: min(1.68333vw, 40px);/*20px*/
  font-style: normal;
  font-weight: 700;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative;
  color: #fff;
}
#wrapGroupList h2.tec-title:before {
  background: none;
  content: "";
  display:none;
  height: auto;
  position: relative;
  width: auto;
}
#wrapGroupList .wrapH2 .lead{
  font-size: min(1.3625vw, 30px);/*16px*/
  color: #fff;
}
.innerGroupList{
  background: #fff;
  padding:3% ;
}
.ulGroupList{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ulGroupList > li{  width: 48%;}
.ulGroupList > li:nth-child(1),.ulGroupList > li:nth-child(2){margin-bottom:4em ;}

.ulGroupList > li h3{
  font-size: min(1.3625vw, 30px);
    color: #0E0D6A;
    font-weight: 500;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-style: normal;
  line-height: 1.33;
  margin-bottom: 1em;
  position: relative;
  padding: 0 0 .4em 0;
}
.ulGroupList > li h3:before {
  background: #0D0D6A;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ulGroupList > li .iconQ{
  display: inline-block; 
  width: 1.4em;
  height: auto;
  margin: 0 0 0 .2em;
}
.ulGroupList > li .iconQ img{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 -0.36em 0;
}

#wrapGroupList .ulGroup01{display: flex; flex-wrap: wrap;}
#wrapGroupList .ulGroup02{display: flex; flex-wrap: wrap;    padding: 1.2em 0 0 1.2em}

#wrapGroupList .ulGroup01 > li,#wrapGroupList .ulGroup02 > li{
  display: inline-block;
margin: 0 1.4em 0.5em 0;
line-height: 1.8;
} 
#wrapGroupList button{color: #0E5B9C; text-align: left;}
#wrapGroupList button:hover{opacity: .8;}

/**/
#wrapExperience{padding: 10em 0 0;}
#wrapExperience .wrapH2 {text-align: center; margin: 0 auto 4em;}
#wrapExperience .wrapH2 h2.tec-title {
  display: block;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-size: min(3.125vw, 50px);/*38px*/
  font-style: normal;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative;
}
#wrapExperience h2.tec-title:before {
  background: none;
  content: "";
  display:none;
  height: auto;
  position: relative;
  width: auto;
}
#wrapExperience .wrapH2 .lead{
  font-size: min(1.5vw, 35px);/*18px*/
}
.innerExperience > h3{
  font-size: min(1.7vw, 45px);/*24px*/
  font-weight: 600;
  text-align: center;
  margin: 0 auto 2em;
}
.ulExperience{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ulExperience#eventEX{margin: 0 auto 5em;}
.ulExperience > li{width: 46%;}

.ulExperience > li .boxExperience .img{margin: 0 auto 1em;}
.ulExperience > li .boxExperience .img a{
  display: block;
  border-radius: 8px;
  border: solid 1px #C6C6C6;
  overflow: hidden;
}
.ulExperience > li .boxExperience .img a img{width: 100%; height: auto;}
.ulExperience > li .boxExperience h4{
  font-size: min(1.3625vw, 30px);/*16px*/
  font-weight: 700;
  color: #0E0D6A;
  margin: 0 auto .4em;

}
.ulExperience > li .boxExperience h4 a:link,.ulExperience > li .boxExperience h4 a:hover,.ulExperience > li .boxExperience h4 a:active,.ulExperience > li .boxExperience h4 a:visited{color: #0E0D6A;}


/*slickSlide*/
.wrapSlide{ margin: 0 auto; position: relative;}
.wrapSlide .slider div.boxStep{
  background: #fff;
  padding: 1em;
  margin: 0 .5em;
  position: relative;
}
.wrapSlide .slider div.boxStep a:link,.wrapSlide .slider div.boxStep a:active,.wrapSlide .slider div.boxStep a:hover,.wrapSlide .slider div.boxStep a:visited { color: #333;}

.slick-slide img{width: 100%; border: 1px #E1E1E1 solid;}
.wrapSlide .slider div.boxStep img{width: 100%; height: auto;}

.wrapSlide .slider div.boxStep .date{font-size: min(1.1vw, 24px);/*12px*/ margin: 1em auto 1.5em; width: 90%; }
    .wrapSlide .slider div.boxStep .txt {
      font-size: min(1.3625vw, 30px);/*16px*/
        font-weight: 500;
        padding-bottom: 1em;
        margin: 0 auto;
        width: 90%;
    }
.wrapSlide .slider div.boxStep .tag{
  font-size: min(1.0vw, 20px);  
  line-height: 1.2;
position: absolute;
bottom: 2.5em;
right: 2em;
left: 2em;
}

.wrapSlide .slick-dots {
  letter-spacing: -0.4em;
  text-align: center;
  line-height: 1.5rem;
  bottom: auto;
  padding-top: 2em;
}
.wrapSlide .slick-dots li button:before { font-size: 1rem;}
.wrapSlide .slick-dots li.slick-active button:before { font-size: 1.2rem; color: #0E0D6A;}
.wrapSlide .slick-dots > li{margin: 0 .2em;}
.wrapSlide .slick-dots li.slick-active{margin: 0 .4em;}
.wrapSlide .slick-dots > li button:before{color: #767778;}

.wrapSlide .arrowBox {
  position: absolute;
  /* bottom: -2.4em; */
  width: 100%;
  top: 50%;
}
.wrapSlide .arrowBox .slick-mb-prev,.wrapSlide .arrowBox .slick-mb-next{
   position: absolute;
    content: "";
    height: 22px;
    width: 14px;
    font-size: 0;
}
.wrapSlide .arrowBox .slick-mb-prev{
    /*left: calc(50% - 80px);
    top: 50%;*/
    left: -50px;
    background: url(../img/btn-prev.png) no-repeat;
    z-index: 5;
    background-size: 100% 100%;
}
.wrapSlide .arrowBox .slick-mb-next{
  /*right: calc(50% - 80px);
    top: 50%;*/
    right: -50px;
	background: url(../img/btn-next.png) no-repeat;
	z-index: 5;
    background-size: 100% 100%;
}
/*モーダルPsim*/

#modalContent{ width: 500px; position: absolute;    left: calc(50% - 250px - 45px); top: 90px; z-index: -1; opacity: 0; text-align: center; }
#modalBg { background: rgba(0,0,0,.7); height: 100vh; width: 100%; position: fixed; z-index: -1; top: 0; left: 0; opacity: 0; }

.modalContentInner {
 
  /*width: 100%;*/
  margin: 0 auto;
  padding: 60px 20%;

  position: relative;
  /* border-radius: 10px; */
  background: #fff;
  
  text-align: left;
  font-size: 16px;
  max-height: 60vh;
  overflow: auto;
}
.boxModal .imgLogo{width: 63.33333333333333%; max-width: 190px; margin: 0 auto 20px;}
.boxModal .imgLogo img{width: 100%;}
.boxModal h4{font-size: 16px; font-weight: bold; color: #0E0D6A; margin: 0 auto 20px; text-align: center;}
.boxModal h4 a:link,.boxModal h4 a:hover,.boxModal h4 a:active,.boxModal h4 a:visited,
.btnCloseBtm:link,.btnCloseBtm:active,.btnCloseBtm:hover,.btnCloseBtm:visited { color: #0E0D6A;}
.boxModal .txt{text-align: left;}
.boxModal button:hover{opacity: .6;}
.btnCloseBtm{
  margin: 40px auto 0;
  width: 76% ;
  height: 30px;
  line-height: 28px;
  border-radius: 50px;
  border:solid 1px #0D0D6A !important;
  display: block;
  font-size: 14px;
  text-align: center;
  color:#0E0D6A;
}

.btnCloseR {
  position: absolute;
  top: -55px;
  right: 0;
  width: 6%;
  max-width: 40px;
  height: auto;
  z-index: 2;
}
.btnCloseR img{width: 100%;}

/*modal accessible*/
.modal {
  padding: 0;
  border: none;
  left: calc(50% - 250px - 45px);
  top: 90px;
  width: 600px;
  overflow: visible;
}
.modal::backdrop {
  background: rgba(0, 0, 0, 0.75);
}


/**/
/*
.tec-slickwrap {
  margin-bottom: 50px;
  margin-top: 2.08333vw;
  padding: 0 8.75%
}
.tec-slick__li {
  padding: 0 10px
}
.slick-dots li button:before {
  font-size: 10px
}
.slick-dots li.slick-active button:before {
  color: #0068b5
}
.slick-next, .slick-prev {
  display: block;
  font-size: min(1.09375vw, 21px);
  height: 2em;
  width: 2em
}
.slick-next:before, .slick-prev:before {
  background: #fff url(/extlib/top_renew/img/icon_arrow-b.png) no-repeat;
  background-position: 50%;
  background-size: contain;
  content: "";
  display: block;
  font-family: serif;
  height: 100%;
  width: 100%
}
.slick-prev {
  left: -2em;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.slick-next {
  right: -2em
}
.tec-slickBlock, a.tec-slickBlock {
  color: #0068b5;
  -webkit-text-decoration: none;
  text-decoration: none;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}
.tec-slickBlock:hover, a.tec-slickBlock:hover {
  opacity: .8;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}
.tec-slickBlock__thumb, a.tec-slickBlock__thumb {
  aspect-ratio: 633/357;
  border-radius: 4px;
  font-size: min(1.04167vw, 20px);
  margin-bottom: .5em;
  overflow: hidden;
  position: relative
}
.tec-slickBlock__thumb img, a.tec-slickBlock__thumb img {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}
.tec-slickBlock__title, a.tec-slickBlock__title {
  color: #0b0b0b;
  font-size: min(.83333vw, 16px);
  font-weight: 500;
  line-height: 1.2
}
.tec-slickBlock__text, a.tec-slickBlock__text {
  font-size: min(1.25vw, 24px);
  font-weight: 500;
  line-height: 1.5;
  margin-top: .25em
}
.tec-slickBlock__label, a.tec-slickBlock__label {
  color: #0b0b0b;
  font-size: min(.83333vw, 16px);
  margin-top: .5em
}
.tec-slickBlock__label > span, a.tec-slickBlock__label > span {
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: .25em .5em
}
*/
.tec-bg01 {
  background: #fff url(../img/bg01.png) no-repeat;
  background-size: 100% auto
}
.tec-bg02 {
  background: #fff url(../img/bg02.png) no-repeat;
  background-position: 0 17%;
  background-size: 100% auto
}
.tec-bg03 {
  background: #fff url(../img/bg03.png) no-repeat;
  background-position: 0 17%;
  background-size: 100% auto
}
.tec-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-size: min(3.125vw, 50px);
  /*font-size: max(38px);*/
  font-style: normal;
  font-weight: 700;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative
}
.tec-title small {
  display: inline-block;
  font-size: 33%;
  font-weight: 400;
  padding-left: 1em
}
.tec-title:before {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 120%;
  z-index: 1
}
.tec-bg01 .tec-title:before {
  background: -webkit-gradient(linear, left top, right top, from(#12fffe), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(90deg, #12fffe, hsla(0, 0%, 100%, 0))
}
.tec-bg02 .tec-title:before {
  background: -webkit-gradient(linear, left top, right top, from(#ffff6a), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(90deg, #ffff6a, hsla(0, 0%, 100%, 0))
}
.tec-bg03 .tec-title:before {
  background: -webkit-gradient(linear, left top, right top, from(#ff0cff), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(90deg, #ff0cff, hsla(0, 0%, 100%, 0))
}
.tec-title.typeNobdr:before {
  content: none
}
.tec-title.typeBdr:before {
  background: -webkit-gradient(linear, left top, right top, from(#0e0d6b), to(hsla(0, 0%, 100%, 0)));
  background: linear-gradient(90deg, #0e0d6b, hsla(0, 0%, 100%, 0))
}
.tec-subtitle {
  line-height: 1.5;
  margin-bottom: .5em
}
.tec-subtitle, .tec-subtitle--s {
  font-size: min(2.28333vw, 40px);
  font-weight: 700
}
.tec-subtitle--s {
  margin-bottom: .25em
}
.tec-label {
  font-size: min(1.04167vw, 20px);
  font-weight: 700;
  margin-bottom: .75em;
  margin-top: 2em
}
.tec-label > span {
  border: 1px solid #000;
  border-radius: 6em;
  display: inline-block;
  padding: .2em 1em
}
.tec-text--l {
  font-size: min(1.3625vw, 30px);
  /*font-size: max(16px);*/
}
.tec-text, a.tec-btn {
  /*font-size: min(1.19792vw, 23px);*/
  font-size: min(1.3625vw, 30px);/*16px*/
/*font-size: max(16px);*/
}
a.tec-btn {
  border: 1px solid #0b0b0b;
  border-radius: 6em;
  color: #0b0b0b;
  display: inline-block;
  margin: 0 auto;
  min-width: 424px;
  padding: .5em 1em;
  position: relative;
  text-align: center
}
a.tec-btn:before {
  background: #fff url(/extlib/top_renew/img/icon_arrow-b.png) no-repeat;
  background-position: 50%;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 1em;
  margin: auto;
  position: absolute;
  right: 20px;
  top: 0;
  width: 1em;
  z-index: 1
}
a.tec-btn[target=_blank]:before {
  background: #fff url(/extlib/common/img/icon_blank_blu.png) no-repeat;
  background-position: 50%;
  background-size: contain
}
a.tec-bnr {
  display: inline-block
}
a.tec-bnr, a.tec-bnr:hover {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}
a.tec-bnr:hover {
  opacity: .8
}
a.tec-textlink[target=_blank] {
  display: inline-block;
  padding-right: 1.6em;
  position: relative
}
a.tec-textlink[target=_blank]:before {
  background: url(/extlib/common/img/icon_blank_blu.png) no-repeat;
  background-position: 50%;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  height: 1em;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1em;
  z-index: 1
}
.tec-main a:hover,.modalContentInner a:hover{opacity: .6;}
/*
a.tec-textlink[target=_blank]:visited {
  color: #06a
}
a.tec-textlink[target=_blank]:visited:hover {
  color: #1d9bff
}*/
.tec-thumb img {
  height: auto;
  width: 100%
}
.tec-alignC, .tec-alignC-L {
  text-align: center
}
.tec-hr {
  background: transparent;
  border: none;
  height: 0;
  margin: 3.125vw 0 0;
  padding: 0
}
.js-scrollfade {
  opacity: 0;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: opacity .6s ease, -webkit-transform .8s ease-out;
  transition: opacity .6s ease, -webkit-transform .8s ease-out;
  transition: opacity .6s ease, transform .8s ease-out;
  transition: opacity .6s ease, transform .8s ease-out, -webkit-transform .8s ease-out
}
.js-scrollfade.is-scrollin {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .5s ease, -webkit-transform .8s ease-out;
  transition: opacity .5s ease, -webkit-transform .8s ease-out;
  transition: opacity .5s ease, transform .8s ease-out;
  transition: opacity .5s ease, transform .8s ease-out, -webkit-transform .8s ease-out
}




.view-pc{display: block;}
.view-sp{display: none;}
@media (min-width:768px) {
  .tec-inner {
    padding: 0 10%;
  }
  #wrapPresident .tec-inner {
    padding: 0 8%;
  }
}
/*----- PC -----*/
@media (min-width:769px) {
  
  .tec-circleBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 3.125vw 6.25% 0;
    padding: 3% 4.4%
  }
  .tec-circleBlock__l {
    margin-left: -10%
  }
  .tec-circleBlock__l + .tec-circleBlock__r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 4em
  }
  .tec-circleBlock__r {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0
  }
  .tec-clm3__li:nth-child(3n+2) {
    margin: 0 2%
  }
  .tec-clm3__li:nth-child(n+4) {
    margin-top: 2.08333vw
  }
  .tec-hidden-pc {
    display: none
  }
  .view-pc{display: block;}
  .view-sp{display: none;}
}

@media (min-width:1920px) {
  .tec-text--l {
    font-size:26px;
}

  .boxFeature{padding: 0 0 10% 0;}
  .boxFeature .img {
    top: 8%;
  }

  .innerFeature > ul > li:nth-child(odd) .innerBoxFeature {
    margin-left: 5%;
    padding: 10% 6% 5% 26%;
  }
  .innerFeature > ul > li:nth-child(even) .innerBoxFeature {
    margin-right: 5%;
    padding: 10% 26% 5% 6%;
  }
  .innerFeature > ul > li .boxFeature .img{border-radius: 20px !important;}
  .innerFeature > ul > li:nth-child(odd) .boxFeature .img {    left: -18%;}
  .innerFeature > ul > li:nth-child(even) .boxFeature .img {    right: -18%;}
  .boxFeature .tec-title:before {    left: -12.4%;}
  .innerFeature > ul > li:nth-child(even) .innerBoxFeature .tec-title:before{    right: -12.4%;  }

}
@media (min-width:2500px) {
  #wrapPresident .tec-inner {
    padding: 0px 6%;
}
.tec-hero-inner {
  padding: 0 6% 6vw;
  
}
}
@media (min-width:3600px) {
  #wrapPresident .tec-inner {
    padding: 0px 5%;
}
.tec-hero-inner {
  padding: 0 5% 6vw;
  
}
}
@media (max-width:1200px) {
  .boxNews > ul > li .dateNews{    width: 100px;  }
  .boxNews > ul > li p{  width: calc(100% - 100px);}
  .boxFeature .btn {
    width: 45.45%;
    min-height:auto;
    height: 4.4em;
    line-height: calc(4.4em - 2px);
    padding: 0;
    font-size: min(1.2625vw, 26px);
    text-align: center;
}
  
}
/*----- SP -----*/
@media (max-width:768px) {
  .tec-main {
    padding-bottom: 13.03781%;
  font-size:3.8vw;
}
  .tec-hero{
    background: #F3F3F3;
    background-image: url(../img/bg-mv-sp.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
  }
  .tec-hero-inner{
    margin: 0 auto;
    max-width:none;
    padding: 35vw 5vw 12vw;
    position: relative
  }
  .tec-hero h1{
    width: 100%;
        padding: 0;
        margin: 0 0 16vw 0;
  }
  .tec-hero img {
    height: auto;
    width: 100%
  }
  .tec-section {
    /*padding-bottom: 10.43025vw;
    padding-top: 9.12647vw*/
    padding: 15vw 0;
  }
  .tec-numberClm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10.43025vw;
    margin-top: 10.43025vw
  }
  .tec-numberClm__l {
    width: 100%
  }
  .tec-numberClm__r {
    margin-top: 6.5189vw;
    width: 100%
  }
  .tec-numberClm__r figure {
    margin: 0;
    width: 100%
  }
  .tec-numBlock + .tec-numBlock {
    width: 100%
  }
  .tec-numBlock__l {
    font-size: min(20.07823vw, 154px)
  }
  .tec-numBlock__r {
    font-size: min(2.60756vw, 20px);
    padding-left: 0
  }
  .tec-numBlock__title {
    font-size: min(4.43286vw, 34px)
  }
  .tec-numBlock__subtitle {
    font-size: min(4.1721vw, 32px)
  }
  .tec-numBlock__text {
    font-size: min(2.9987vw, 23px)
  }
  .tec-flexclm2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .tec-flexclm2__li {
    width: 100%
  }
  .tec-flexclm2__li + .tec-flexclm2__li {
    margin-top: 10px;
    width: 100%
  }
  .tec-president {
    font-size: min(2.60756vw, 20px)
  }
  .tec-president__r {
    width: 55%;
    margin: 0 ;
  }
  .tec-circleBlock {
    padding: 3.91134vw 5.21512vw 5.21512vw
  }
  .tec-circleBlock, .tec-circleBlock + .tec-circleBlock {
    margin-top: 7.82269vw
  }
  .tec-circleBlock__c {
    font-size: min(5.21512vw, 40px)
  }
  .tec-circleBlock__l {
    margin: 0 auto;
    width: 50%
  }
  .tec-circleBlock__title {
    font-size: min(4.69361vw, 36px);
    font-weight: 700;
    line-height: 1.5;
    margin-top: .5em
  }
  .tec-circleBlock__text {
    font-size: min(2.9987vw, 23px);
    line-height: 1.75;
    margin-top: 1em
  }
  .tec-circleBlock__bnr {
    font-size: min(2.60756vw, 20px);
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    width: 75%
  }
  .tec-circleBlock-clm {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .tec-circleBlock-clm__l {
    width: 100%
  }
  .tec-circleBlock-clm__r {
    margin-top: 10px;
    width: 100%
  }
  .tec-clm3 {
    padding: 0
  }
  .tec-clm3__li {
    margin-top: 5.21512vw;
    width: 100%
  }
  .tec-platformBlock {
    padding: 3.91134vw 5.21512vw 5.21512vw
  }
  .tec-platformBlock__title {
    font-size: min(5.08475vw, 39px)
  }
  .tec-platformBlock__text {
    line-height: 1.75
  }
  .tec-platformBlock__link, .tec-platformBlock__text {
    font-size: min(2.9987vw, 23px)
  }
  .tec-platformBlock__thumb {
    font-size: min(2.60756vw, 20px)
  }
  .tec-orcthumb {
    width: 100%
  }
  .tec-clm2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    padding: 0
  }
  .tec-clm2__li {
    width: 100%
  }
  .tec-clm2__li, .tec-partnerBlock {
    margin-top: 7.82269vw
  }
  .tec-partnerBlock__thumb {
    font-size: min(2.60756vw, 20px)
  }
  .tec-partnerBlock__title {
    font-size: min(3.91134vw, 30px)
  }
  .tec-partnerBlock__text {
    /*font-size: min(2.9987vw, 23px);*/
    font-size:3.8vw;
    margin: 1em auto 0;
    width: 70%
  }
  .tec-btnwrap {
    margin-top: 3.91134vw
  }
  
  /*
  .tec-slickwrap {
    margin-top: 5.21512vw;
    padding: 0
  }
  .slick-next, .slick-prev {
    font-size: min(2.73794vw, 21px)
  }
  .tec-slickBlock__title, a.tec-slickBlock__title {
    font-size: min(3.12907vw, 24px)
  }
  .tec-slickBlock__text, a.tec-slickBlock__text {
    font-size: min(3.91134vw, 30px)
  }
  .tec-slickBlock__label, a.tec-slickBlock__label {
    font-size: min(2.34681vw, 18px)
  }
  */
  .tec-title {
    font-size: min(6.25815vw, 48px)
  }
  .tec-title small {
    display: block;
    margin: 0 0 .5em;
    padding: 0;
    width: 100%
  }
  .tec-subtitle {
    /*font-size: min(4.69361vw, 36px)*/
    font-size:4.4vw;
  }
  .tec-subtitle--s {
    /*font-size: min(5.21512vw, 40px)*/
    font-size:6vw;
  }
  .tec-label {
    font-size: min(2.9987vw, 23px)
  }
  .tec-text--l {
    /*font-size: min(3.91134vw, 30px)*/
    font-size:3.8vw;
  }
  .tec-text {
    /*font-size: min(2.9987vw, 23px);*/
    /*line-height: 1.75*/
    font-size:3.8vw;
  }
  a.tec-btn {
    font-size: min(3.65059vw, 28px);
    min-width: 90%
  }
  .tec-alignC-L {
    text-align: left
  }
  .tec-hr {
    margin-top: 7.82269vw
  }
/*202408*/
.linkTxt {
  display: inline-block;
  position: relative;
  line-height: 1.4;
  
}

.linkTxt::after {
  content: '\FF1E';
  display: inline-block;
  /*position: absolute;
  top: 0;
  right: 0;*/
  transform: scale(.6, 1);
  margin-left: .2em;
}

.linkBlank::after {
  content: '';
  transform: scale(1.5, 1.5);
  background: url(/extlib/common/img/icon_blank_blu.png) no-repeat;
  width: .6em;
  height: .6em;
  background-size: 100% auto;
  display: inline-block;
  margin-left: .5em;
}
.mb30{margin-bottom: 5vw;}
.mb10vw{margin-bottom: 10vw;}
.tec-inner {
  margin: 0 auto;
  max-width: none;
  padding: 0 7vw;
  position: relative;
}
.wrapNews{
  width: 100%;
  background: #fff;
  padding:5vw;
  border-radius: 2vw;
  font-size:3.4vw;
/*font-size: max(14px);*/
}
.boxNews > ul > li{display: flex; justify-content: flex-start; }
.boxNews > ul{    margin: 0 auto 5%;}
.boxNews > ul > li{  font-size:3.4vw;/*font-size: max(14px);*/line-height: 1.4;}
.boxNews > ul > li:not(:last-child){margin: 0 auto 5%;}
.boxNews > ul > li .dateNews{
  width: 18vw;
        min-width: auto;
        display: block;
        margin: 0 4vw 0 0;
        
}

.wrapNews h2{
  font-size:4vw;
  /*font-size: max(1.3625vw, 16px);*/
    font-weight: 700;
    line-height: 1;
    color: #0300BE;
    margin: 0 auto 5%;
}
span.dot-sq{
  font-size:40%;
  margin: 0 .5vw 0.2vw 0;
  display: inline-block;
  vertical-align: middle;
}
.wrapNews .linkListNews{text-align: right;}

.boxFeature{
  background: #F3F3F3;
  margin: 0 auto;
    max-width:none;
    position: relative;
}
#wrapPresident{padding: 10vw 0 15vw;}
#wrapPresident .tec-subtitle{font-size:7vw; margin-bottom: 5vw; letter-spacing: 0.1em;}
#wrapPresident .tec-subtitle span{font-size: 75%;  line-height: 1.8;  display: block;}

#wrapPresident .tec-president__l.tec-text--l{font-size:125% ;   line-height: 1.4; font-weight:400; text-align: left; width: 45%; padding: 0;}
#wrapPresident .tec-president__r.tec-text--l{ font-size:125% ; line-height: 1.2; font-weight:400;}



.img-president figure{
  position:relative;
    bottom:auto;
    right: auto;
    width: 70%;
    max-width:none;
    margin: 0 auto;
}
.tec-president {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display:flex;
  font-size:3.4vw;
  margin: 5vw auto;
  align-items: end;
  text-align: center;
  justify-content: flex-start;
}



#wrapFeature{    padding: 0;}



.innerFeature{
  margin: 0 auto;
  max-width:none;
    padding: 0 0;
    position: relative;
}
.innerFeature > ul{}
.innerFeature > ul > li:nth-child(odd){}
.innerFeature > ul > li:nth-child(even){}

.boxFeature{
  background: #F3F3F3;
  border-radius: 0;
  position: relative;
  padding: 0 0 15vw 0;
}

.innerFeature > ul > li{padding: 45vw 0 0 0;}
.innerFeature > ul > li:not(:last-child){margin: 0 auto 6vw;}
.innerFeature > ul > li:nth-child(odd) .innerBoxFeature{
  margin: 0 7vw;
  padding: 50vw 0 10vw 0;
}
.innerFeature > ul > li:nth-child(even) .innerBoxFeature{
  margin: 0 7vw;
  padding: 50vw 0 10vw 0;
}
.innerFeature > ul > li:last-child .innerBoxFeature{padding: 50vw 0 0 0;}
.innerFeature > ul > li .boxFeature .img{
  position: absolute;
  top: -15vw;
  width:90vw;
  max-width: 700px;
  z-index: 2;
  overflow: hidden;
  box-shadow: 0px 18px 40px -1px #c2c2c2;
}
.innerFeature > ul > li:nth-child(odd) .boxFeature .img {  left: 0;  top: -34vw;  border-radius: 0 4vw 4vw 0;}
.innerFeature > ul > li:nth-child(even) .boxFeature .img {  right: 0;  top: -34vw;  border-radius: 4vw 0 0 4vw;}

.boxFeature .img img{width: 100%; height: auto;}

.boxFeature .tec-title {
  display: block;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-size:7vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 4vw;
  position: relative;
  padding: 0 0 4% 0;
  text-align: center;
  letter-spacing: 0.2em;
}
.boxFeature .tec-title:before {
  bottom: 0;
  content: "";
  display: block;
  height: .4vw;
  left: -7vw;
  position: absolute;
  width: 90vw;
  z-index: 1;
}
.innerFeature > ul > li:nth-child(odd) .innerBoxFeature .tec-title:before{
  background: url(../img/bg-h2-feature-odd.png);
  background-size: 100%;
}
.innerFeature > ul > li:nth-child(even) .innerBoxFeature .tec-title:before{
  background: url(../img/bg-h2-feature-even.png);
  background-size: 100%;
  right: -7vw;
  left:auto;
}
.innerFeature > ul > li:nth-child(3) .innerBoxFeature .tec-title:before{
  background: url(../img/bg-h2-feature-03.png);
  background-size: 100%;
}
.boxFeature .lead{
  font-size:4.4vw;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 7vw;
  line-height: 1.8;
}
.boxFeature .tec-subtitle,.boxDetail h3{
  font-size:4.4vw;
        /* font-size: max(20px); */
        font-weight: 500;
        text-align: center;
        margin: 0 auto 3vw;
        color: #0000BE;
}

.btn{
  display: block;
  border: solid 1px #0D0D6A;
  border-radius: 50px;
  background: #fff;
  color:#0D0D6A ;
  margin: 0 auto;
}

.boxFeature .btn {
  width: 80vw;
  min-height: auto;
  height: 14vw;
  line-height: calc(14vw - 2px);
  padding: 0;
  font-size: 3.8vw;
  /* font-size: max(14px); */
  text-align: center;
}
.boxDetail {
  background: #fff;
  padding: 8vw 7vw;
  margin: 0 7vw 10vw;
}
.boxDetail .ulBoxDetail{
  display: block;
}
.boxDetail .ulBoxDetail.col2 > li{width:auto}
.boxDetail .ulBoxDetail.col3 > li{width:auto;}
.boxDetail .ulBoxDetail.col3 > li:not(:last-child) {margin: 0 auto 5vw; padding: 0 0 5vw 0; border-bottom: solid .2vw #C6C6C6;}
.boxDetail .ulBoxDetail > li h4{  font-size:3.8vw;/*16px*/margin: 0 auto 3%;}
.boxFeature .ulBnr {
  width: 80%;
  margin: 10vw auto 0;
}
.ulBnr > li:not(:last-child){margin: 0 auto .8em;}
.ulBnr > li .bnr{display: block; margin: 0 auto;  color: #0E0D6A;}
.ulBnr > li .bnr img{display: block; margin: 0 auto .3em; width: 100%; height: auto;box-shadow: 0px 2px 0px 0px #c5c5c5;
border-radius: 8px;
position: relative;
}
.ulBnr > li .bnr figcaption{
  font-size:3.4vw;
  color: #0E0D6A;
  font-weight: 400;
}
.ulBnr > li .bnr figcaption span.dot-sq{
  margin: 0 .5em 0.06vw 0;
}

#wrapPartner{background:  #0D0D6A;}
#wrapPartner .wrapH2 {text-align: center; margin: 0 auto 4em;}
#wrapPartner .wrapH2 h2.tec-title {
  color: #fff;
  display: block;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-size:7vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative;
}
#wrapPartner h2.tec-title:before {
  background: none;
  content: "";
  display:none;
  height: auto;
  position: relative;
  width: auto;
}
#wrapPartner .wrapH2 .lead{
  font-size:3.8vw;
  color: #fff;
}
#wrapPartner .ulPartner{width: 100%; display:block;}
.ulPartner > li{
  width: 100%;
  font-size:3.4vw;
  background: #fff;
  padding: 1.5em;
}
.ulPartner > li:not(:last-child){margin: 0 auto 5vw;}
.ulPartner > li .boxPrtner{margin: 0 auto 3vw; padding: 0;}
.ulPartner > li .boxPrtner .img{ margin: 0 auto 2em;}
.ulPartner > li .boxPrtner .img img{ width: 100% ; height: auto;} 
.ulPartner > li .boxPrtner .wrapH3{
  text-align: center;
  color: #0E0D6A;
  margin: 0 auto 1em;
}
.ulPartner > li .boxPrtner .wrapH3 h3{
  font-size: 4.2vw;
  font-weight: 700;
  margin: 0 auto .3em;
}
.ulPartner > li .boxPrtner .wrapH3 .lead{font-size:3.4vw;}
.ulPartner > li .ulLink{margin: 0 auto 0; position: relative; bottom: auto; right: auto;}
.ulPartner > li .ulLink > li{text-align: right;}
.ulPartner > li .ulLink > li:not(:last-child){margin: 0 auto .3em;}

#wrapDevStory{
  background:#fff url(../img/bg-devstory-sp.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
}
#wrapDevStory .wrapH2 {text-align: center; margin: 0 auto 4em;}
#wrapDevStory .wrapH2 h2.tec-title {
  display: block;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-size:7vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative;
}
#wrapDevStory h2.tec-title:before {
  background: none;
  content: "";
  display:none;
  height: auto;
  position: relative;
  width: auto;
}
#wrapDevStory .wrapH2 .lead{
  font-size: 3.8vw;
}
#wrapDevStory .boxDevStory{
background: #F3F3F3;
}

#wrapDevStory .boxDevStory#devBackground{
  margin: 0 auto 1em;
}
.innerBoxDevStory{
  margin: 0 auto;
  max-width: none;
  padding:10vw 0 12vw;
  position: relative;
}
.innerBoxDevStory > h3{
  font-size:4.4vw;
  font-weight: 500;
  margin: 0 auto 1.5em;
  text-align: center;
  color: #0E0D6A;
}
#wrapGroup {
  padding: 10vw 0 0 0;
  margin: 0 auto;
}
#wrapGroupList {
  background: #0E0D6A;
  border-radius: 0;
  padding: 10vw 5vw;
}
#wrapGroupList .wrapH2 {text-align: center; margin: 0 auto 8%;}
#wrapGroupList .wrapH2 h2.tec-title {
  display: block;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-size:4.4vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative;
  color: #fff;
}
#wrapGroupList h2.tec-title:before {
  background: none;
  content: "";
  display:none;
  height: auto;
  position: relative;
  width: auto;
}
#wrapGroupList .wrapH2 .lead{
  font-size:3.8vw;
  color: #fff;
}
.innerGroupList{
  background: #fff;
  padding:5vw ;
}
.ulGroupList{  display:block;}
.ulGroupList > li{  width: 100%;}
.ulGroupList > li:not(:last-child){margin-bottom:5vw ;}

.ulGroupList > li h3{
  font-size:3.8vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-style: normal;
  color: #0E0D6A;
    font-weight: 500;
  line-height: 1.33;
  margin-bottom: 3vw;
  position: relative;
  padding: 0 0 3% 0;
}
.ulGroupList > li h3:before {
  background: #0D0D6A;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ulGroupList > li .iconQ{
  display: inline-block; 
  width: 4vw;
  height: auto;
}
.ulGroupList > li .iconQ img{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 -0.7vw 0;
}

#wrapGroupList .ulGroup01{display: flex; flex-wrap: wrap;}
#wrapGroupList .ulGroup02{display: flex; flex-wrap: wrap;    padding: 3vw 0 0 3vw}

#wrapGroupList .ulGroup01 > li,#wrapGroupList .ulGroup02 > li{
  display: inline-block;
margin: 0 3vw 0 0;
line-height: 1.8;
} 
#wrapGroupList button{color: #0E5B9C; text-align: left;}
#wrapGroupList button:hover{opacity: .8;}
#wrapExperience{padding: 15vw 0;}
#wrapExperience .wrapH2 {text-align: center; margin: 0 auto 4em;}
#wrapExperience .wrapH2 h2.tec-title {
  display: block;
  /*font-family: IBM Plex Sans JP, sans-serif;*/
  font-size:7vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: .5em;
  position: relative;
}
#wrapExperience h2.tec-title:before {
  background: none;
  content: "";
  display:none;
  height: auto;
  position: relative;
  width: auto;
}
#wrapExperience .wrapH2 .lead{
  font-size:3.8vw;
}
.innerExperience > h3{
  font-size:4.4vw;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 5vw;
}
.ulExperience{
  display: block;
}
.ulExperience#eventEX{margin: 0 auto 10vw;}
.ulExperience > li{width: 100%;}
.ulExperience > li:not(:last-child){margin: 0 auto 10vw;}

.ulExperience > li .boxExperience .img{margin: 0 auto 5vw;}
.ulExperience > li .boxExperience .img a{
  display: block;
  border-radius: 2vw;
  border: solid .2vw #C6C6C6;
  overflow: hidden;
}
.ulExperience > li .boxExperience .img a img{width: 100%; height: auto;}
.ulExperience > li .boxExperience h4{
  font-size:3.8vw;
  font-weight: 700;
  color: #0E0D6A;
  margin: 0 auto .4em;

}
.ulExperience > li .boxExperience h4 a:link,.ulExperience > li .boxExperience h4 a:hover,.ulExperience > li .boxExperience h4 a:active,.ulExperience > li .boxExperience h4 a:visited{color: #0E0D6A;}


/**/




  .tec-hidden-sp {
    display: none
  }
  .view-pc{display: none;}
  .view-sp{display: block;}
}

@media (max-width:768px) {

  /*slickSlide*/
  .wrapSlide{ margin: 0 auto; position: relative;}
  .wrapSlide .slider div.boxStep{
    background: #fff;
    padding: 1em;
    margin: 0 .5em;
    position: relative;
  }
  .wrapSlide .slider div.boxStep a:link,.wrapSlide .slider div.boxStep a:active,.wrapSlide .slider div.boxStep a:hover,.wrapSlide .slider div.boxStep a:visited { color: #333;}
  .slick-slide img{width: 100%; border: 1px #E1E1E1 solid;}
  .wrapSlide .slider div.boxStep img{width: 100%; height: auto;}
  .wrapSlide .slider div.boxStep .date{font-size: 2.8vw;/*12px*/ margin: 3vw auto 3vw; width: 90%; }
  .wrapSlide .slider div.boxStep .txt{font-size:3.4vw;/*14px*/padding-bottom: 5vw; margin: 0 auto; width: 90%; }
  .wrapSlide .slider div.boxStep .tag{
    font-size:2.8vw;  
    line-height: 1.2;
  position: absolute;
  bottom: 5vw;
  right:9%;
  left: 9%;
  }
  .wrapSlide .slick-dots li button:before { font-size: 1rem;}
  .wrapSlide .slick-dots li.slick-active button:before { font-size: 1.2rem; color: #0E0D6A;}
  .wrapSlide .slick-dots {
    letter-spacing: -0.4em;
    text-align: center;
    line-height: 1.5rem;
    bottom: auto;
    padding-top: 3vw;
}
  .wrapSlide .slick-dots > li{margin: 0 .2em;}
  .wrapSlide .slick-dots li.slick-active{margin: 0 .4em;}
  .wrapSlide .slick-dots > li button:before{color: #767778;}

/**/
.wrapSlide .arrowBox {
  position: absolute;
  top: auto;
  bottom: -4.2vw;
  width: 100%;
}
.wrapSlide .arrowBox .slick-mb-prev {
  left: calc(50% - 30vw);
  top: auto;
  background: url(../img/btn-prev.png) no-repeat;
  z-index: 5;
  background-size: 100% 100%;
}
.wrapSlide .arrowBox .slick-mb-next {
  right: calc(50% - 30vw);
  top: auto;
  background: url(../img/btn-next.png) no-repeat;
  z-index: 5;
  background-size: 100% 100%;
}

/*
.arrowBox{    position: absolute;       top:calc( 50% + 3.3vw);    width: 100%;}
.arrowBox .slick-mb-prev,.arrowBox .slick-mb-next{
   position: absolute;
    content: "";
    height: 6.6vw;
    width: 4.35vw;
    color: #ea5404;
    font-weight: bold;
    font-size: 0;
}
.arrowBox .slick-mb-prev{
    left: -12%;

    background: url(../img/btn-prev.png) no-repeat;
    z-index: 5;
    background-size: 100% 100%;
}
.arrowBox .slick-mb-next{
    right: -12%;
    
  background: url(../img/btn-next.png) no-repeat;
  z-index: 5;
    background-size: 100% 100%;
}
.wrapSlide .arrowBox .slick-mb-prev {
  left: calc(50% - 20vw);
  top: 50%;
  background: url(../img/btn-prev.png) no-repeat;
  z-index: 5;
  background-size: 100% 100%;
}
  */

  


  /*modal*/
  #modalContent { 
    width: auto;
    position: relative;
    left: auto;
    top: auto;
    z-index: -1;
    opacity: 0; }
  #modalBg { background: rgba(0,0,0,.7); height: 100vh; width: 100%; position: fixed; z-index: -1; top: 0; left: 0; opacity: 0; }
  .modalContentInner {
    /* width: 100%; */
    position: relative;
    background: #fff;
    padding: 12vw 5%;
    text-align: left;
    font-size:3.8vw;
    max-height: 80vh;
    overflow: auto;
}

.boxModal .imgLogo{width: 50%; max-width: none; margin: 0 auto 5vw;}
.boxModal .imgLogo img{width: 100%;}
.boxModal h4 {
  font-size: 3.6vw;
  font-weight: bold;
  color: #0E0D6A;
  margin: 0 auto 5%;
  text-align: center;
}
.boxModal h4 a:focus{outline: none;}
.boxModal h4 a:link,.boxModal h4 a:hover,.boxModal h4 a:active,.boxModal h4 a:visited,
.btnCloseBtm:link,.btnCloseBtm:active,.btnCloseBtm:hover,.btnCloseBtm:visited { color: #0E0D6A;}
.boxModal .txt{text-align: left;}
.boxModal a{text-decoration: none !important; }
.boxModal a,.boxModal a:focus,.boxModal a:focus-within{border:none !important; text-decoration: none !important;}
.boxModal button:hover{opacity: .6;}

.btnCloseBtm{
  margin: 10vw auto 0;
  width: 80% ;
  height: 10vw;
  line-height: calc(10vw - 2px);
  border-radius: 6vw;
  border:solid 1px #0D0D6A ;
  display: block;
  font-size:3.4vw;
  font-weight: 500;
  text-align: center;
  color:#0E0D6A;
}

  .btnCloseR {
    position: absolute;
    top: -9vw;
    right: 0;
    width: 7vw;
    height:auto;
    z-index: 2;
  }

  .btnCloseR img{width: 100%;}
  
  /*modal accessible*/
  .modal {
    width: 90%; 
    left: 5%;    
    top: 12vw; 
    padding: 0;
    border: none;
    overflow:visible;
  }
  .modal::backdrop {
    background: rgba(0, 0, 0, 0.75);
    height: auto;
  }

  
  }
  
/*SlickSlide*/
.slick-track {
  display: flex !important;
}
.slick-slide {
  height: auto !important;
}
.wrapSlide .arrowBox .slick-mb-prev.slick-disabled,
.wrapSlide .arrowBox .slick-mb-next.slick-disabled{opacity: .2; cursor:default;}


.tec-main a:link,.tec-main a:active,.tec-main a:hover,.tec-main a:visited,
.modalContentInner a:link,.modalContentInner a:active,.modalContentInner a:hover,.modalContentInner a:visited{color:#0E5B9C ;/*color: #0E0D6A;*/}
.ulGroupList a:link,.ulGroupList a:hover,.ulGroupList a:active,.ulGroupList a:visited{color:#0E5B9C ;}
.boxNews .txtNews a:link,.boxNews .txtNews a:hover,.boxNews .txtNews a:active,.boxNews .txtNews a:visited{color: #333;}
.btn:link,.btn:active,.btn:hover,.btn:visited{color: #0D0D6A !important; font-weight: 500;}

.tec-main button:focus,#modalContent button:focus{}
.tec-main button,#modalContent button,dialog{
  background-color: transparent;
  border: none;
  cursor: pointer;
  /*outline: none;*/
  padding: 0;
  appearance: none;
  font-family: Noto Sans JP, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size   : 100%;
}

  /*modal*/
  #modalContent{ z-index: 102; opacity: 1; }
  .modalOn #modalBg { z-index: 102; opacity: 1; }
  .modalOn #modalContent{ z-index: 102; opacity: 1; }
  /*.modalContentInner {  display: none;}*/
  /*.modalContentInner{overflow: visible;}*/
  
  
  .view-pc { display: block!important; }
  .view-sp { display: none!important; }
  
  
  
  @media (max-width:768px) {
      .view-pc { display: none!important; }
      .view-sp { display: block!important; }
  }