@charset "utf-8";
/*--------------------------------------------

	 TOP - LOADING

--------------------------------------------*/
.top__loading{
	position: fixed;
	z-index:200;
	width: 100%;
	height: 100%;
	background: #fff;
	left:0;
	top:0;
	pointer-events: none;
}
.top__loading-inner{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top__loading-part{
	opacity:0;
	transition:opacity 2s .3s;
}
body.inview .top__loading-part{
	opacity:1;
}
.top__loading-logo{
	display:flex;
	align-items:center;
	flex-direction:column;
}
.top__loading-logo_mark{
	width:6vw;
}
.top__loading-type{
	padding-top: 1.2em;
	white-space: nowrap;
	text-align:center;
}
.top__loading-type_ja{
	font-size: 1.1vw;
}
.top__loading-type_en{
	font-size: 0.8vw;
	padding-top:0.2em;
}
/*--------------------------------------------

	 TOP - MV

--------------------------------------------*/
.top_kv{
  position: relative;
  padding-top: 5.2%;
}
.top_kv:after{
  content: "";
  display: block;
  width: 90.7%;
  height: 134%;
  position: absolute;
  left: 0;
  top: 140px;
  background: -webkit-linear-gradient(left, #64D092, #009566);
  background: -o-linear-gradient(left, #64D092, #009566);
  background: linear-gradient(to right, #64D092, #009566);
  z-index: -1;
}
.top_kv-bg{
  position: relative;
  width: 90%;
  margin-left: auto;
  padding-top: 44.7%;
}
.top_kv-movie{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.top_kv-movie video{
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  object-fit: cover;
}
.top_kv-ttlBox{
  position: absolute;
	bottom:6%;
	left: 6%;
}
.top_kv-inner{
  position: relative;
}
.top_kv-ttl-jpn{
	font-size:4.89166vw;
	font-weight:bold;
	letter-spacing:-0.1em;
	font-style:italic;
	color:#fff;
	line-height:1.5;
  position: relative;
  z-index: 5;
}
.top_kv-ttl-anime{
    opacity: 0;
	transition: .4s ease;
}
body.loaded .top_kv-ttl-anime{
	opacity:1;
}
.top_kv-ttl-anime:nth-child(1){transition-delay:0.1s;}
.top_kv-ttl-anime:nth-child(2){transition-delay:0.2s;}
.top_kv-ttl-anime:nth-child(3){transition-delay:0.3s;}
.top_kv-ttl-anime:nth-child(4){transition-delay:0.4s;}
.top_kv-ttl-anime:nth-child(5){transition-delay:0.5s;}
.top_kv-ttl-anime:nth-child(6){transition-delay:0.6s;}
.top_kv-ttl-anime:nth-child(7){transition-delay:0.7s;}
.top_kv-ttl-anime:nth-child(8){transition-delay:0.8s;}
.top_kv-ttl-anime:nth-child(9){transition-delay:0.9s;}
.top_kv-ttl-anime:nth-child(0){transition-delay:1s;}
.top_kv-ttl-anime:nth-child(10){transition-delay:1.1s;}
.top_kv-ttl-anime:nth-child(11){transition-delay:1.2s;}
.top_kv-ttl-anime:nth-child(12){transition-delay:1.3s;}
.top_kv-ttl-anime:nth-child(13){transition-delay:1.4s;}
.top_kv-ttl-anime:nth-child(14){transition-delay:1.5s;}
.top_kv-ttl-anime:nth-child(15){transition-delay:1.6s;}
.top_kv-ttl-anime:nth-child(16){transition-delay:1.7s;}
.top_kv-ttl-anime:nth-child(17){transition-delay:1.8s;}
.top_kv-ttl-anime:nth-child(18){transition-delay:1.9s;}
.top_kv-ttl-anime:nth-child(19){transition-delay:2s;}
.top_kv-ttl-anime:nth-child(20){transition-delay:2.1s;}

.top_kv-ttl-eng{
  position: absolute;
  right: -9%;
	bottom: 10%;
	opacity:0;
	transform:translateX(30px);
	transition: 1s ease;
	transition-delay:2.4s;
}
body.loaded .top_kv-ttl-eng{
	opacity:1;
	transform:translateX(0);
}
.top_kv-ttl-eng img{
	width: 18.9062vw;
}
.top_kv-scroll{
  position: absolute;
  left: 3.6em;
  bottom: 3.2em;
  font-size: 1.1rem;
}
.scrolldown{
  position: relative;
  writing-mode: tb-rl;
  color: #fff;
}
.scrolldown:before{
  content: "";
  display: block;
  width: 1px;
  height: 10.6em;
  position: absolute;
  top:-11.5em;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}
.top_kv-newsBox{
  width: 54px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.9375vw;
  letter-spacing: 0.18em;
	z-index:50;
  box-sizing: border-box;
}
.top_kv-newsBox.-blog {
  display: none;
}
@media screen and (max-width : 1707px){
	.top_kv-newsBox{
		font-size: 1.6rem;
	}
}
.top_kv-newsBox-inner{
  width: 100%;
  writing-mode: tb-rl;
  box-sizing: border-box;
}
.top_kv-newsBox-inner a{
  width: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 17.96875vw;
  border-radius: 7px 0 0 7px;
  padding: 0 1.23em;
  background: -moz-linear-gradient(top, #64D092, #009566);
  background: -webkit-linear-gradient(top, #64D092, #009566);
  background: linear-gradient(to bottom, #64D092, #009566);
  transition: opacity 0.7s;
  box-sizing: border-box;
}
@media screen and (max-width : 1336px){
	.top_kv-newsBox-inner a{
    height: 240px
	}
}
.top_kv-newsBox-inner a:hover{
  opacity: 0.7;
}
.top_kv-newsBox-eng{
  font-size: 0.72916vw;
}
@media screen and (max-width : 1646px){
	.top_kv-newsBox{
		font-size: 1.2rem;
	}
}

@media screen and (max-width : 1200px){
  .top_kv-newsBox {
    top: auto;
    bottom: 40px;
    transform: none;
  }
  .top_kv-newsBox-inner a {
    
    height: 200px;
    border-radius: 10px 0 0 0;
    line-height: 1.2;
  }
  .top_kv-newsBox.-blog {
    display: block;
    top: calc(100% - 40px);
    bottom: auto;
  }
  .top_kv-newsBox.-blog a {
     background: #F2EC9D;
     color: #34936B;
     border-radius: 0 0 0 10px;
  }
}
/*============================
#top__about
============================*/
#top__about{
  padding: 6% 0 5.78% 9.68%;
}
.top__about-secInner{
  max-width: 1420px;
  margin: 0 auto;
  padding: 4.3% 6.25% 0;
  background-color: #fff;
}
.top__about-head{
  align-items: center;
  justify-content: space-between;
}
.top__about-ttlBox{
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
  writing-mode: tb-rl;
}
.top__about-ttl-jpn{
  font-size: 2.08333vw;
  letter-spacing: 0.3em;
  line-height: 2;
  margin-right: 0.375em;
}

@media screen and (max-width : 1633px){
	.top__about-ttl-jpn{
		font-size: 3.4rem;
	}
}
.top__about-imgBox{
  width: 42.1875vw;
}
.top__about-bottom{
  width: 59.8%;
  font-size: 1.4rem;
}
@media screen and (max-width : 1633px){
	.top__about-bottom{
		width: 82%;
    margin-top: 1%;
	}
}
.top__about-plane{
  letter-spacing: 0.148em;
  line-height: 2.85;
}
.top__about-plane + .top__about-plane{
  margin-top: 1.1em;
}
/*============================
#top__works
============================*/
#top__works{
  padding: 5.78% 0 10%;
  background: #F5F4EF;
  background: -moz-linear-gradient(top, #fff, #F5F4EF 20%);
  background: -webkit-linear-gradient(top, #fff, #F5F4EF 20%);
  background: linear-gradient(to bottom, #fff, #F5F4EF 20%);
}
.top__works-head{
  width: 100%;
  position: relative;
}
.top__works-head img {
  width: 100%;
  height: 396px;		
  object-fit: cover;
}	
@media all and (max-width : 1300.9999px ){
.top__works-head img {
        width: 100%;
        height: 300px;
        object-fit: cover;
}	
}
.top__works-label{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 155px;
}
.top__works-label > img{
  width: 99vw;
  max-width: 99vw;
}
.top__works-infinite-slider02 .infinite-slider-img img{
  padding-left: 240px;
}
.top__works-secInner{
  max-width: 1300px;
  margin: 0 auto;
}
.top__works-ttlBox{
  text-align: center;
  margin-top: 4.6%;
}

.top__works-ttl{
  font-size: 3.8028vw;
  letter-spacing: 0.1em;
}
.top__works-ttl-figure{
  position: relative;
}
.top__works-ttl-figure:after{
  content: "";
  display: block;
  width: 8.54166vw;
  height: 1.666vw;
  position: absolute;
  right: -70px;
  bottom: -14px;
  background: url("../Image/top-flow-txt.svg") no-repeat center top;
  background-size: contain;
}
.top__works-lead{
  font-size: 1.4rem;
  margin-top: 2.85em;
  line-height: 2.5;
}
.top__works-flow{
  margin-top: 4.6%;
}
.top__works-flow-list{
  margin-top: 1.53%;
}
.top__works-flow-item{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  width: 19.2%;
  border: 2px solid #2F9C75;
  border-radius: 1.29em;
  /* padding: 3.8% 0 2.1%; */
  padding: 54px 0 2.1%;
}
.top__works-flow-item:not(:last-child):after{
  content: "";
  display: block;
  width:13px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: -28px;
  transform: translateY(-50%);
  background: url("../Image/flow-arrow-gr.svg") no-repeat center top;
  background-size: contain;
}
.top__works-flow-item-pro{
  flex: 1;
}
.top__works-flow-item:not(:last-child){
  margin-right: 3%;
}

.top__works-flow_listCol2Wrap {
  display: flex;
  max-width: 388px;
  margin: 0 auto;
}

.top__works-flow_listCol2Wrap > * {
  width: 50%;
}

.top__works-flow_listCol2Wrap .top__works-flow-label{
  width: 50%;
}


.top__works-flow_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.2rem 0;
  max-width: 202px;
  width: 90%;
  margin: 0 auto;
}

.top__works-flow_list ._cont{
  display: flex;
  align-items: center;
  gap: 0 24px;
  width: 100%;
  height: 67px;
  padding: 0 0 0 18px;
  border-radius: 8px;
  background: #4FB383;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}

.top__works-flow_list.-color2 ._cont{
  background: #3EA77C;
}
.top__works-flow_list.-color3 ._cont{
  background: #2F9C75;
}

.top__works-flow_list ._icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
}
.top__works-flow_list ._icon img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}


.top__works-flow-label{
  width: 100%;
  text-align: center;
  color: #2F9C75;
  font-weight: bold;
  letter-spacing: 0.18em;
  position: absolute;
  top: 1.6rem;
  left: 0;
}
.top__works-flow-label.-right {
  left: auto;
  right: 0;
}
.top__works-flow-textBox-bottom{
  justify-content: center;
}
.top__works-flow-iconBox{
  font-size: 1.2rem;
  margin-top: 0.8em;
}
.top__works-flow-iconBox:not(:first-child){
  margin-left: 1.25em;
}
.top__works-flow-field{
  color: #2F9C75;
  font-weight: bold;
  letter-spacing: 0.18em;
  margin-top: 0.5em;
  text-align: center;
}
.top__works-flow-figure img{
  width: 50px;
}
.top__works-flow-production{
}
.top__works-flow-production-inner{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.top__works-flow-production-inner:not(:last-child){
  margin-right: 1.29em;
}
.top__works-flow-last{
  background-color: #2F9C75;
  color: #fff;
}
.top__works-flow-market{
  position: relative;
  font-size: 1.1rem;
  letter-spacing: 0.2em;
  margin-bottom: 1.36em;
  padding: 0 1.87em;
}
.top__works-flow-market:before,.top__works-flow-market:after{
  content: "";
  display: block;
  width: 1px;
  height: 1.57em;
  position: absolute;
  bottom: 0;
  background-color: #fff;
}
.top__works-flow-market:before{
  left: 0;
  transform: skewX(24deg);
}
.top__works-flow-market:after{
  right: 0;
  transform: skewX(-24deg);
}
.top__works-flow-label-last{
  color: #fff;
  margin-top: 1.64em;
}
.top__works-more-btn{
  width: 170px;
  margin: 7% auto 0;
}
.top__works-more-btn a:hover .common__arrow:after{
  right: -0.5em;
}
/*============================
#top__interview
============================*/
#top__interview{
  position: relative;
  padding: 15.3% 0 29%;
  background: #F5FFFF;
}
#top__interview:after{
  content: "";
  display: block;
  width: 100%;
  height: 75%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../Image/top_staff-bg.jpg") no-repeat center top;
  background-size: cover;
}
.top__interview-bigtext{
  position: absolute;
  top: 8.1%;
  left: 3.75%;
  z-index: 10;
}
.top__interview-catch{
  font-size: 7.7083vw;
  letter-spacing: 0.148em;
  font-weight: bold;
  color: #DCF3F6;
  line-height: 1;
}
.top__interview-secInner{
  max-width: 1330px;
  margin: 0 auto;
  position: relative;
  z-index: 15;
}
.top__interview-staff-wrap{
	flex:1;
}
.top__interview-inner{
  justify-content: space-between;
}
.top__interview-staff-list{
width: 786px;	
  position: relative;
justify-content: space-between;
}
.top__interview-staff-item{
  width: 32%;
  cursor: pointer;
  position: relative;
}
.top__interview-staff-item a{
  transition: 0.6s;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 20;
}
.top__interview-staff-pic {
  position: relative;
  overflow: hidden;
}
.top__interview-staff_bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.top__interview-staff_bg-in{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: translateX(-101%);
  transition: transform .25s ease-out;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../Image/top-staff-bg01.jpg");
}
.top__interview-staff-list.onhover .top__interview-staff_bg-in{
  transform: translateX(0%);
}
.top__interview-staff-list.onhover1 .top__interview-staff_bg-in{
  background-image: url("../Image/top-staff-bg01.jpg");
}
.top__interview-staff-list.onhover2 .top__interview-staff_bg-in{
  background-image: url("../Image/top-staff-bg02.jpg");
}
.top__interview-staff-list.onhover3 .top__interview-staff_bg-in{
  background-image: url("../Image/top-staff-bg03.jpg");
}
.top__interview-staff-list.onhover4 .top__interview-staff_bg-in{
  background-image: url("../Image/top-staff-bg04.jpg");
}
.top__interview-staff-item01 .top__interview-staff_bg-in{
  background-position: left center;
  transition-delay: 0s;
}
.top__interview-staff-item02 .top__interview-staff_bg-in{
  background-position: 33.33% center;
  transition-delay: 0.05s;
}
.top__interview-staff-item03 .top__interview-staff_bg-in{
  background-position: 66.66% center;
  transition-delay: 0.1s;
}
.top__interview-staff-item04 .top__interview-staff_bg-in{
  background-position: right center;
  transition-delay: 0.15s;
}
.top__interview-staff-hover{
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
/*.staff-hover02{
	left:-105%;
}
.staff-hover03{
	left:-211%;
}
.staff-hover04{
	left:-316%;
}*/
.top__interview-staff-hover-inner{
}
.top__interview-staff-info{
	width: 120%;
	position: absolute;
	top: 50%;
	right: -245%;
	transform: translate(-60px,-50%);
	z-index: 11;
  display: none;
  opacity: 0;
	transition: opacity .3s,transform .3s;
  transition-delay: 1s;
  z-index: 2;
}
.staff-hover02 .top__interview-staff-info{
  right: -140%;
}
.staff-hover03 .top__interview-staff-info{
  right: -34%;
}
.staff-hover04 .top__interview-staff-info{
  right: 71%;
}
/*.top__interview-staff-item a.onhover + .top__interview-staff-hover .top__interview-staff-info{
		transform:translate(0px,-50%);
}*/
.top__interview-staff-item.onhover .top__interview-staff-info{
		transform:translate(0px,-50%);
    opacity: 1;
}
.top__interview-staff-post{
  font-size: 3.6rem;
	font-weight:600;
  letter-spacing: 0.11em;
  margin-top: 0.2em;
}
@media all and (max-width : 1280px ){
  .top__interview-staff-post{
    font-size: 2.8rem;
  }
}

.top__interview-staff-year{
  font-size: 1.4rem;
  letter-spacing: 0.11em;
	color:#8B8B8B;
}
.top__interview-staff-post-eng{
	font-size:1.4rem;
	letter-spacing:0.08em;
	color:#33B27C;
	margin-top: 0.5em;
}
.top__interview-arrow{
  position: absolute;
  top: 87%;
  right: -203%;
  transform: translate(-60px,-50%);
  z-index: 10;
  display: none;
  opacity: 0;
  transition:opacity .3s,transform .3s;
  z-index: 2;
}
.staff-hover02 .top__interview-arrow{
  right: -96%;
}
.staff-hover03 .top__interview-arrow{
  right: 10%;
}
.staff-hover04 .top__interview-arrow{
  right: 25%;
}
/*.top__interview-staff-item a.onhover + .top__interview-staff-hover .top__interview-arrow{
		transform:translate(0px,-50%);
}*/
.top__interview-staff-item.onhover .top__interview-arrow{
		transform:translate(0px,-50%);
    opacity: 1;
}
.top__interview-arrow img{
  width: 86px;
}
@media all and (max-width : 1280px ){
  .top__interview-arrow img{
    width: 60px;
  }
}

.top__interview-staff-bottom{
  position: absolute;
	left:28px;
	bottom:26px;
  z-index: 7;
  display: none;
	transform:translateY(60px);
  transition:opacity .3s,transform .3s;
  white-space: nowrap;
  z-index: 2;
  opacity: 0;

}
.top__interview-staff-bottom_inner{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.staff-hover02 .top__interview-staff-bottom{
  left: calc(28px - 105%);
}
.staff-hover03 .top__interview-staff-bottom{
  left: calc(28px - 211%);
}
.staff-hover04 .top__interview-staff-bottom{
  left: calc(28px - 316%);
}
.top__interview-staff-item.onhover .top__interview-staff-bottom{
  opacity: 1;
		transform:translateY(0px);
}
/*.top__interview-staff-item a.onhover + .top__interview-staff-hover .top__interview-staff-bottom{
		transform:translatey(0px);
}*/
.top__interview-staff-label{
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #fff;
  background: -webkit-linear-gradient(left, #1FC25D, #1DB48C);
  background: -o-linear-gradient(left, #1FC25D, #1DB48C);
  background: linear-gradient(to right, #1FC25D, #1DB48C);
  padding: 0.25em 0.625em 0.25em;
}
@media all and (max-width : 1280px ){
  .top__interview-staff-label{
    font-size: 1.8rem;
  }
}
.top__interview-staff-label:not(:last-child){
  margin-bottom: 0.33em;
}
.top__interview-ttlBox{
  writing-mode: tb-rl;
	width:23.5%;
	margin-left:2%;
}
.top__interview-bottom{
  position: relative;
  z-index: 11;
  width: 76.9%;
  font-size: 1.4rem;
  margin-top: 3.3em;
}
.top__interview-plane{
  flex: 1;
  line-height: 2;
  letter-spacing: 0.2em;
  margin-right: 9.6%;
}
.top__interview-plane span{
display:inline-block;
}
.top__interview-more-btn{
  width: 230px;
}
.top__interview-more-btn a:hover .common__arrow:after{
  right: -0.5em;
}
/*============================
#top__career
============================*/
#top__career{
  position: relative;
  padding: 5.7% 0 0;
  overflow: hidden;
}	
.top__career-infinite{
  position: absolute;
  right: 0;
  top: 0;

}
.top__career-infinite-txt{
  color: #29B379;
  writing-mode: tb-rl;
  font-size: 5.2083vw;
  font-weight: bold;
  letter-spacing: 0.11em;
  white-space: nowrap;
  animation: scrollAnime 14s linear infinite;
  display: block;
	margin:30px 0;
}
@keyframes scrollAnime{
	0% { transform: translateY(0)}
  100% { transform: translateY(-100%)}
}
.top__career-secInner{
  position: relative;
  padding: 0 13.24% 0 0;
  max-width: 1666px;
}
.top__career-inner{
  position: relative;
  padding: 3.48% 0 4.38%;
}
.top__career-inner:before{
  content: "";
  display: block;
  width: 468px;
  height: 468px;
  position: absolute;
  top: 5.2%;
  left: 9.9%;
  background: url("../Image/logo_wh.svg") no-repeat center left;
  background-size: contain;
}
.top__career-inner:after{
  content: "";
  display: block;
  width: 94%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F5F4EF;
  z-index: -1;
}
.top__career-ttlBox{
  padding-left: 8.6%;
  width: 28.4%;
  position: relative;
  z-index: 4;
  padding-top: 2.56%;
}
.top__career-ttl-jpn{
  position: relative;
}
.top__career-ttl-jpn:after{
  content: "";
  display: block;
  width: 5.208vw;
  height: 1px;
  position: absolute;
  left: -30.6%;
  top: 50%;
  background-color: #222222;
  z-index: 1;
}
.top__career-list{
  font-size: 1.6rem;
  flex: 1;
}
.top__career-item{
  width: 30%;
  overflow: hidden;
}
.top__career-item:not(:last-child){
  margin-right: 5%;
}
.top__career-item:nth-child(2){
  margin-top: 2.06em
}
.top__career-item:nth-child(3){
  margin-top: 4.12em;
}
.top__career-item a{
  position: relative;
  display: block;
  width: 100%;
  color: #fff;
  padding: 0.85em 0.85em 1.32em;
  box-sizing: border-box;
  transition: 0.6s;
  overflow: hidden;
}
.top__career-item a:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all .4s ease-out;
}
.top__career-item:first-child a:after{
  background-image: url("../Image/top_ceo.jpg");
}
.top__career-item:nth-child(2) a:after{
  background-image: url("../Image/top_faq.jpg");
}
.top__career-item:nth-child(3) a:after{
  background-image:url("../Image/top_info.jpg");
}
.top__career-item a:hover:after{
  transform: scale(1.1);
}
.top__career-item-head{
  position: relative;
  z-index: 5;
}
.top__career-label-eng{
  font-size: 3.125vw;
  font-weight: bold;
  letter-spacing: 0.11em;
  line-height: 0.7;
}
.top__career-label-jpn{
  letter-spacing: 0.2em;
  margin-top: 0.6em;
}
@media all and (max-width : 1440px ){
	.top__career-label-jpn{
		font-size:0.8em;
	}
}
.top__career-btn{
  position: relative;
  z-index: 5;
  font-size: 1rem;
  text-align: right;
  padding-top: 110.715%;
}
.top__career-btn .common__arrow:after{
  background-image: url("../Image/common__btn-arrow-wh.svg");
}

/*============================
#top__news
============================*/
#top__news{
	padding-top:6.7%;
}
.top__news-secInner{
  padding: 0;
}
.top__news-inner{
}
.top__news-movieBox{
  width: 50%;
  background: url("../Image/movie_bg.jpg") no-repeat center top;
  background-size: cover;
  padding: 5.5% 6.6%;
  box-sizing: border-box;
}
.top__news-movieBox-catch a{
  background: url("../Image/top-movie.jpg") no-repeat center top;
  background-size: cover;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  font-size: 4.5rem;
  display: block;
  transition: 0.6s;
}
.top__news-movieBox-label{
  position: relative;
  font-weight: bold;
  letter-spacing: 0.11em;
  line-height: 1.1;
  padding: 3.42em 0;
  cursor: pointer;
}
.top__news-movieBox-label:before{
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: url("../Image/movie-btn.svg") no-repeat center top;
  background-size: contain;
  transition: 0.6s;
}

.top__news-movieBox-catch a:hover .top__news-movieBox-label:before{
  opacity: 0.7;
}
.top__news-font-L{
  padding-top: 0.24em;
  display: block;
  font-size: 6.8rem;
}
.top__news-txtBox{
  flex: 1;
  background-color: #F2F2F2;
  padding: 5.7vw 7.4vw;
}
.top__news-ttl-jpn{
  font-size: 2.08333vw
}
@media screen and (max-width : 1537px){
	.top__news-ttl-jpn{
		font-size:3.2rem;
	}
}
.top__news-ttl-eng{
  margin-top: 1em;
}
.top__news-list{
  font-size: 1.6rem;
  margin-top: 3.25em;
}
.top__news-item{
  border-bottom: 1px solid #707070;
}
.top__news-item:first-child{
  border-top: 1px solid #707070;
}
.top__news-item a{
  display: flex;
  padding: 2.34em 0;
  transition: 0.6s;
}
.top__news-item a:hover{
  opacity: 0.6;
}
.top__news-date{
  font-size: 1.5rem;
  letter-spacing: 0.03em;
  padding-top: 0.18em;
  color:#746E4D;
}
.top__news-cts{
  font-weight: 500;
  letter-spacing: 0.2em;
  margin-left: 5em;
}
/*============================
#message
============================*/
#message{
  padding: 2.2% 0 8.9%;
}
.message__mv{
  max-width: 1608px;
  margin: 0 auto;
  padding: 0 5%;
}
.message__mv-bg{
  position: relative;
  padding-top: 52%;
  background: url("../Image/message01.jpg") no-repeat center top;
  background-size: cover;
}
.message__mv-bg:after{
  content: "";
  display: block;
  width: 37.7%;
  height: 60.5%;
  position: absolute;
  right: -11.4%;
  bottom: -22.9%;
  background-color: #F5F4EF;
  z-index: -1;
}
.message__mv-ttlBox{
  position: absolute;
  top: -3.2%;
  left: 5.6%;
  writing-mode: tb-rl;
}
.message__mv-label{
  font-size: 2.08333vw;
  letter-spacing: 0.2em;
  display: inline-block;
  color: #fff;
  background-color: #2DB07A;
  padding: 0.4em 0.2em;
  margin-left: 0.5em;
  line-height: 1.3;
}

@media screen and (max-width : 1441px){
	.message__mv-label{
		font-size: 3rem;
	}
}
.message-secInner{
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.message__textBox{
  /*width: 60.4%;*/
max-width: 920px;
  font-size: 1.4rem;
  margin-top: 5.28em;
}
.message__plane{
  line-height: 2.7;
  letter-spacing: 0.14em;
}
.message__plane + .message__plane{
margin-top: 1.1em;
}
.message__nameBox{
  align-items: flex-end;
  letter-spacing: 0;
  font-size: 2rem;
  margin-top: 7.65em;
}
.message__post{
  padding-bottom: 0.2em;
  margin-right: 1.2em;
}
.message__name{
  font-size: 3.1rem;
}
.message__to{
  font-size: 1.4rem;
  margin-top: 10.8em;
  padding:3.84% 10.7%;
  background-color: #F5F4EF;
  align-items: center;
}
.message__to-imgBox{
  width: 27.6%;
}
.message__to-textBox{
  margin-left: 4.5%;
  flex: 1;
}
.message__to-head{
  align-items: flex-end;
}
.message__to-head-jpn{
  font-size: 2.3rem;
  letter-spacing: 0.07em;
  margin-right: 1.21em;
}
.message__to-head-eng{
  font-size: 1.2rem;
  letter-spacing: 0;
  padding-bottom: 0.1em;
}
.message__to-plane{
  margin-top: 2.28em;
  line-height: 2.1;
  letter-spacing: 0.14em;
}
/*============================
#works__flow
============================*/
#works__flow{
  padding: 2% 0 9.58%;
}
.works__flow-secInner{
  max-width: 1183px;
  margin: 0 auto;
}
.works__flow-ttlBox{
  text-align: center;
  margin-bottom: 8.8%;
}
.works__flow-ttl{
  font-size: 4.9rem;
  letter-spacing: 0.2em;
}
.works__flow-ttl-figure{
  position: relative;
}
.works__flow-ttl-figure:after{
  content: "";
  display: block;
  width: 165px;
  height: 45px;
  position: absolute;
  right: -110px;
  bottom: -24px;
  background: url(../Image/top-flow-txt.svg) no-repeat center top;
  background-size: contain;
}
.works__flow-lead{
  font-size: 1.4rem;
  letter-spacing: 0.128em;
  margin-top: 1.35em;
  line-height: 2.5;
}
.works__flow-figureBox{
  position: relative;
}
.works__flow--item{
  position: absolute;
  width: 17.9%;
  height: 9.34%;
}
.works__flow-sales{
  top: 0;
  left: 26.4%;
}
.works__flow-kaihatsu01{
  width: 16.1%;
  top: 18.03%;
  left: 35.67%;
}
.works__flow-kaihatsu02{
  width: 16.1%;
  top: 28.12%;
  left: 18.85%;
}
.works__flow-kaigai{
  width: 16.1%;
  top: 28.12%;
  left: 35.67%;
}
.works__flow-kenkyu{
	width:15.72%;
  top: 18.03%;
  right: 25.69%;
}
.works__flow-gijyutsu{
	width:15.72%;
  top: 28.12%;
  right: 25.69%;
}
.works__flow-kanri{
	bottom: 31.45%;
  left: 36.9%;
}
.works__flow-hosyou{
  bottom: 31.45%;
  left: 15.89%;
}
.works__flow-seiyaku{
  width:15.72%;
  top: 35.05%;
  right: 4.226%;
}
.works__flow-setubi{
  width:15.72%;
  top: 47.4%;
  right: 4.226%;
}
.works__flow-sales02{
  bottom: 16.26%;
  left: 26.4%;
}
.works__flow-manufacturing{
  bottom: 45.3%;
  left: 26.45%;
}
.works__flow--item a{
  display: block;
  width: 100%;
  height: 100%;
}
.modaal-container{
  max-width: 1200px!important;
}
.works__flow--modal-inner{
  position: relative;
  padding: 36px 40px;
}
.works__flow--modal-big-txt{
  position: absolute;
  right:0;
  top: 0;
  color: #000;
  opacity: 0.03;
  writing-mode: tb-rl;
  font-size: 4.1666vw;
  font-weight: bold;
  line-height: 1;
  z-index: 1;
  letter-spacing: 0.08em;
}
.works__flow--modal-ttlBox{
  color: #2DB07A;
  align-items: flex-end;
}
.works__flow--modal-ttl-jpn{
  font-size: 4.2rem;
  letter-spacing: 0.08em;
}
.works__flow--modal-ttl-eng{
  font-size: 1.2rem;
  letter-spacing: 0.13em;
  padding-bottom: 0.8em;
  margin-left: 1.9em;
}
.works__flow--modal-lead{
  font-size: 1.6rem;
  letter-spacing: 0.14em;
  line-height: 2.25;
  margin: 3.125em 0 4.375em;
}
.works__flow--modal-interview a{
  display: flex;
  width: 100%;
  position: relative;
  z-index: 11;
  border: 5px solid #E6E6E6;
  font-size: 1.4rem;
  padding: 2.14em 2.85em;
  background-color: #fff;
  align-items: center;
}
.works__flow--modal-interview-label{
  width: 25.5%;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  padding-right: 2.8em;
  border-right: 2px solid #E6E6E6;
}
.works__flow--modal-interview-value{
  flex: 1;
  padding-left: 4.64em;
  align-items: center;
}
.works__flow--modal-interview-imgBox{
  width: 20%;
}
.works__flow--modal-interview-textBox{
  flex: 1;
  font-size: 1.4rem;
  margin-left: 1.42em;
}
.works__flow--modal-interview-catch{
  letter-spacing: 0.18em;
  font-weight: 600;
}
.works__flow--modal-interview-date{
  font-size: 1.2rem;
  letter-spacing: 0.11em;
  margin-top: 1.25em;
}
.works__flow--modal-interview-type{
  font-size: 1.8rem;
  letter-spacing: 0.11em;
  font-weight: 600;
  margin-top: 0.44em;
}
/*============================
#interview
============================*/
#interview{
  position: relative;
  padding: 2% 0 9.58%;
  background: url("../Image/interview-map.svg") no-repeat right 8% bottom -25%;
  background-size: 43.75%;
}
#interview:after{
  content: "";
  display: block;
  width: 100%;
  height: 95.8%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F5F4EF;
  z-index: -1;
}

.interview__secInner{
  max-width: 1360px;
  margin: 0 auto;
}
.interview__list{
  flex-wrap: wrap;
}
.interview__item{
  width: 30%;
}
.interview__item:not(:nth-child(3n)){
  margin-right: 5%;
}
.interview__item:nth-child(2){
  margin-top: 5.44%;
}
.interview__item:nth-child(3){
  margin-top: 10.44%;
}
.interview__item:nth-child(4),.interview__item:nth-child(7),.interview__item:nth-child(10){
  margin-top: -5.44%;
}
.interview__item:nth-child(6),.interview__item:nth-child(9){
  margin-top: 5.44%;
}
.interview__item-head{
  position: relative;
  overflow: hidden;
}
.interview__head-img{
  width: 100%;
  height: 100%;
  transition: all .4s ease-out;
}
.interview__item a:hover .interview__head-img{
  transform: scale(1.1);
}
.interview__head-number{
  position: absolute;
  top: 0;
  right: 0;
  background-color: #222;
  color: #fff;
  font-size: 1rem;
  width: 10.6em;
  padding: 0.5em 0;
  text-align: center;
  letter-spacing: 0.13em;
}
.interview__head-comment{
  position: absolute;
  left: 10px;
  bottom: 10px;
display:flex;
flex-direction:column;
align-items:flex-start;
white-space: nowrap;
}
.interview__head-gr{
  background: -moz-linear-gradient(left, #60CE90, #179B6B);
  background: -webkit-linear-gradient(left, #60CE90, #179B6B);
  background: linear-gradient(to right, #60CE90, #179B6B);
  font-size: 0.78125vw;
  letter-spacing: 0.18em;
  color: #fff;
  padding: 0.66em 0.86em;
  box-sizing: border-box;
  font-weight: 500;
}
@media screen and (max-width : 1665px){
	.interview__head-gr{
		font-size: 1.3rem;
	}
}
.interview__head-gr:not(:last-child){
  margin-bottom: 0.3em;
}
.interview__item-bottom{
  background-color: #fff;
  font-size: 1.2rem;
  padding: 3em 3.6em;
  box-sizing: border-box;
}
.interview__bottom-year{
  color: #8B8B8B;
  letter-spacing: 0.11em;
}
.interview__bottom-post{
  font-size: 1.3541vw;
  font-weight: 500;
  letter-spacing: 0.11em;
  margin-top: 0.43em;
}
@media screen and (max-width : 1477px){
	.interview__bottom-post{
		font-size: 2rem;
	}
}
.interview__bottom-post-eng{
  color: #33B27C;
  font-size: 1rem;
  letter-spacing: 0.08em;
  margin-top: 1.5em;
}
/*============================
#interview__single
============================*/
.interview__single-mv{
  position: relative;
  padding-top: 100px;
}
.interview__single-mv-bg{
  /*width: 83.3%;*/
  margin: 0 auto;
  padding-top: 37.25%;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.interview__single-kaihatsu01{
   background-image: url("../Image/staff-kaihatsu01-mv.jpg");
}
.interview__single-kaihatsu02{
   background-image: url("../Image/staff-kaihatsu02-mv.jpg");
}
.interview__single-gijyutsu{
   background-image: url("../Image/staff-gijyutsu-mv.jpg");
}
.interview__single-hosyo{
   background-image: url("../Image/staff-hosyo-mv.jpg");
}
.interview__single-kaigai{
   background-image: url("../Image/staff-kaigai-mv.jpg");
}
.interview__single-kanri{
   background-image: url("../Image/staff-kanri-mv.jpg");
}
.interview__single-kenkyu{
   background-image: url("../Image/staff-kenkyu-mv.jpg");
}
.interview__single-sales{
   background-image: url("../Image/staff-sales-mv.jpg");
}
.interview__single-seiyaku{
   background-image: url("../Image/staff-seiyaku-mv.jpg");
}
.interview__single-setsubi{
   background-image: url("../Image/staff-setsubi-mv.jpg");
}
.interview__single-mv-ttlBox{
  position: absolute;
  right: 0;
  bottom: 6.2%;
  width: 40.5%;
  background: -moz-linear-gradient(left, #62CF91, #019566);
  background: -webkit-linear-gradient(left, #62CF91, #019566);
  background: linear-gradient(to right, #62CF91, #019566);
  color: #fff;
  font-size: 1.7rem;
  padding: 3.125vw 7.0833vw ;
  box-sizing: border-box;
transform:translateX(101%);
opacity:0;
transition:.5s .5s;
}
body.inview .interview__single-mv-ttlBox{
	transform:translateX(0%);
opacity:1;
}
.interview__single-mv-ttl-eng{
  position: relative;
  font-size: 2.8125vw;
  font-weight: bold;
  letter-spacing: 0.06em;
  padding-bottom: 0.6em;
  margin-bottom: 0.6em;
}
.interview__single-mv-ttl-eng:after{
  content: "";
  display: block;
  width: 2.22em;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
}
.interview__single-mv-ttl-jpn{
  font-size: 1.6666vw;
}
.interview__single-mv-post{
  font-size: 0.88541vw;
  margin-top: 2.3em;
}

@media screen and (max-width : 1130px){
	.interview__single-mv-post{
		font-size: 1rem;
	}
}
/*============================
#interview__single
============================*/
#interview__single{
  padding: 12.6% 0 6.4%;
}
.interview__single-secInner{
}
.interview__single-top{

}
.interview__single-cts{
  max-width: 1700px;
	display:block;
}
.interview__single-cts:first-child{
  padding-right: 5%;
	margin-right:auto;
}
.interview__single-cts:last-child{
  padding-left: 5%;
  margin-top: 8.43%;
	margin-left:auto;
  flex-direction: row-reverse;
}
.interview__single-imgBox{
  width: 45.7%;
}
.interview__single-cts:first-child .interview__single-imgBox{
  margin-right: 3%;
  margin-bottom: 2%;
	float:left;
}
.interview__single-cts:last-child .interview__single-imgBox{
  margin-left: 3%;
  margin-bottom: 2%;
	float:right;
}
.interview__single-textBox{
}
.interview__single-textBox01{
  flex:1;
	padding-left:5%;
}
.interview__single-textBox02{
  flex:1;
	padding-right:5%;
}
.interview__single-text-head{
}
.interview__single-text-label-eng{
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #33B27C;
  opacity: 0.56;
}
.interview__single-text-label-jpn{
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 0.32em;
  color: #33B27C;
}
.interview__single-catch{
  font-size: 2.1rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 1.9em;
}
.interview__single-plane{
  font-size: 1.5rem;
  letter-spacing: 0.14em;
  line-height: 2.4;
  margin-top: 1.8em;
}
@media all and (max-width : 1440px ){
  .interview__single-plane {
  	font-size:1.4rem;
    letter-spacing: 0.08em;
  }
}
.interview__schedule{
  padding-top: 11.7%;
  color: #fff;
}
.interview__schedule-bg{
  padding: 4.58% 0 4%;
  background-color: #4CAE7F;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
.interview__seiyaku .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-syoyaku.jpg);
}
.interview__sales .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-sales.jpg);
}
.interview__kenkyu .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-kenkyu.jpg);
}
.interview__kaihatsu01 .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-kaihatsu01.jpg);
}
.interview__kaihatsu02 .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-kaihatsu02.jpg);
}
.interview__kaigai .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-kaigai.jpg);
}
.interview__gijyutsu .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-gijyutsu.jpg);
}
.interview__setsubi .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-setsubi.jpg);
}
.interview__kanri .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-kanri.jpg);
}
.interview__hosyo .interview__schedule-bg{
	background-image:url(../Image/schedule-bg-hosyo.jpg);
}
.interview__schedule-ttlBox{
  text-align: center;
}
.interview__schedule-ttl-eng{
  font-size: 6rem;
  font-weight: bold;
  letter-spacing: 0.06em;
}
.interview__schedule-ttl-jpn{
  font-size: 2.2rem;
  font-weight: bold;
}
.flex.interview__schedule-list{
  font-size: 1.7rem;
  max-width: 1000px;
  margin: 3.42em auto 0;
  justify-content: center;
}
.interview__schedule-item{
  flex-direction: column;
  align-items: center;
}
.interview__schedule-item:not(:last-child){
  margin-right: 1.71em;
}
.interview__schedule-time{
  width: 4.75em;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  background-color: #fff;
  color: #33B27C;
  margin-bottom: 1.5em;
  border-radius: 3.75em;
  text-align: center;
  padding: 0.2em 0;
}
.interview__schedule-figure{
  position: relative;
  height: 0.71em;
}
.interview__schedule-figure:before{
  content: "";
  display: block;
  width: 3.85em;
  height: 1px;
  position: absolute;
  left: -2.3em;
  top: 50%;
  transform: translateX(-50%);
  background-color: #fff;
}
.interview__schedule-item:last-child .interview__schedule-figure:after{
  content: "";
  display: block;
  width: 3.85em;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  right: -6.15em;
}
.interview__schedule-figure img{
  width: 0.71em;
}
.interview__schedule-field{
  writing-mode: tb-rl;
  letter-spacing: 0.06em;
  margin-top: 1em;
}
.interview__single-mid{
  padding: 8% 0 7%;
}
.interview__single-mid-inner{
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 5%;
}
.interview__single-mif-bg{
  width:100%;
}
.interview__single-bottom{
  position: relative;
  padding: 6.9% 0 0;
}
.interview__single-bottom:after{
  content: "";
  display: block;
  width: 45%;
  height: 64%;
  position: absolute;
  right: 0;
  top: 10%;
  background-color: #F5F4EF;
  z-index: -1;
}
.interview__single-bottom-inner{
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 5%;
}
.interview__single-btnBox{
  padding-top: 11.3%;
  justify-content: center;
}
.interview__single-btnBox-inner{
  font-size: 1.4rem;
  justify-content: center;
  letter-spacing: 0.2em;
}
.interview__single-btn{
  width: 29%;
  text-align: center;
}
.interview__single-btn a{
  color: #fff;
  display: block;
  padding: 2.5em 1em;
  box-sizing: border-box;
  border-radius: 0.5em;
}
.interview__single-btn-works{
  margin-right: 3.84%;
}
.interview__single-btn-works a{
  background: #46BC83;
}
.interview__single-btn-line{
}
.interview__single-btn-back a{
  background: #199C6C;
}
.interview__other{
  position: relative;
  padding: 6.3% 0 11.2%;
}
.interview__other:after{
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F5F4EF;
  z-index: -1;
}
.interview__other-secInner{
  max-width: 1300px;
  margin: 0 auto;
}
.interview__other-ttlBox{
  margin-bottom: 8.9%;
}
.interview__other-ttl-jpn{
  position: relative;
  font-size: 4.9rem;
  letter-spacing: 0.13em;
}
.interview__other-ttl-jpn:before{
  content: "";
  display: block;
  width: 7.68em;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -8.68em;
  background-color: #222;
}
.interview__other-item{
  width: 30%;
}
.interview__other-img{
}
.interview__other-slider .slick-slide{
  margin: 0 20px;
}
.interview__other-slider .slick-dots li {
  position: relative;
  display: inline-block;
  height: 3px;
  width: 100px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.interview__other-slider .slick-dots li button{
  background: #D8D8D8;
  display: block;
  height: 3px;
  width: 100px;
  padding: 0;
}
.interview__other-slider .slick-dots li button:before{
  content: "";
  width: 36px;
  height: 3px;
  background-color: #D8D8D8;
}
.interview__other-slider .slick-dots li.slick-active button:before{
  background-color: #33B27C;
  width: 100px;
  height: 3px;
}
.interview__other-slider .slick-prev,
.interview__other-slider .slick-next{
  width: 66px;
  height: 66px;
  z-index: 11;
}
.interview__other-slider .slick-next{
}
.interview__other-slider .slick-prev{
}
.interview__other-slider .slick-prev:before,
.interview__other-slider .slick-next:before{
  width: 66px;
  height: 66px;
  opacity: 1;
  display: block;
  content: "";
  background-repeat:no-repeat;
  background-size:contain;
  background-position: center top;
}
.interview__other-slider .slick-prev:before{
  background-image: url("../Image/prev.svg");
}
.interview__other-slider .slick-next:before{
  background-image: url("../Image/next.svg");
}
.interview__other-slider .slick-dots{
  bottom: -66px;
}
.interview__other-slider .interview__head-comment{
  left: 32px;
  bottom: 10px;
}
.interview__other-slider .interview__item-bottom{
}
/*============================
#info__flow
============================*/
.info__navi{
  padding: 1.4% 0 0;
}
.info__navi-list{
  max-width: 900px;
  margin: 0 auto;
  padding: 0 5%;
  justify-content: center;
}
.info__navi-item{
  font-size: 0.88541vw;
  font-weight: 500;
  letter-spacing: 0.09em;
  width: 19.6875vw;
  text-align: center;
}
@media screen and (max-width : 1582px){
	.info__navi-item{
		font-size: 1.4rem;
	}
}
.info__navi-item:first-child{
  margin-right: 3.1em;
}
.info__navi-item a{
  display: block;
  background-color: #46BC83;
  border: 1px solid #46BC83;
  color: #fff;
  transition: 0.7s;
  padding: 1.57em 0 2em;
  border-radius: 0.41em;
}
.info__navi-item a:hover{
  background-color: #fff;
  color: #46BC83;
}
.under__page__navi-arrow{
  position: relative;
}
.under__page__navi-arrow:after{
  content: "";
  display: block;
  width: 11px;
  height: 6px;
  position: absolute;
  bottom: -1em;
  left: 50%;
  transform: translateX(-50%);
  background: url("../Image/arrow-down-wh.svg") no-repeat center bottom;
  background-size: contain;
  transition: 0.6s;
}
.info__navi-item a:hover .under__page__navi-arrow:after{
  background-image: url("../Image/arrow-down-gr.svg");
}
/*============================
#info__flow
============================*/
#info__flow{
  padding: 6.7% 0 0;
}
.info-flow-bg{
  position: relative;
  padding-bottom: 7%;
}
.info-flow-bg:after{
  content: "";
  display: block;
  width: 93%;
  height: 96%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #F5F4EF;
  z-index: -1;
}
.info__flow-secInner{
  max-width: 1300px;
  margin: 0 auto;
}
.info__ttlBox{
  font-size: 2.916vw;
  position: relative;
  margin-bottom: 9.25%;
}
.info__ttlBox:after{
  content: "";
  display: block;
  width: 5.55em;
  height: 1px;
  position: absolute;
  top: 0.8em;
  background-color: #222;
}
.info__flow-ttlBox:after{
  left: -6em;
}
.info__ttl-jpn{
  letter-spacing: 0.2em;
}
.info__ttl-eng{
  font-size: 1.2rem;
  letter-spacing: 0.13em;
}
.info__flow-wrap{
  max-width: 820px;
  margin: 0 auto;
}
.info__flow-list{

}
.info__flow-item{
  position: relative;
  border: 1px solid #707070;
  background-color: #fff;
  font-size: 1.6rem;
  padding: 0.81em 1.62em;
  box-sizing: border-box;
  align-items: center;
}
.info__flow-item:not(:first-child){
  margin-top: 2.5em;
}
.info__flow-item:not(:last-child):after{
  content: "";
  display: block;
  width: 0.625em;
  height: 2.9em;
  position: absolute;
  left: 50%;
  bottom: -2.25em;
  transform: translateX(-50%);
  background: url("../Image/info-flow-arrow.svg") no-repeat center top;
  background-size: contain;
}
.info__flow-item-date{
  width: 17.8%;
  font-weight: bold;
  padding: 0.9em 0;
  border-right: 1px solid #707070;
}
.info__flow-item-label{
  flex: 1;
  padding: 0.9em 0 0.9em 2.5em;
}
/*============================
#info__requirement
============================*/
#info__requirement{
  padding: 7.7% 0 0%;
  margin-bottom: 10.7%;
}
.info__requirement-bg{
  position: relative;
  padding-bottom: 10.1%;
}
.info__requirement-bg:after{
  content: "";
  display: block;
  width: 93%;
  height: 98.6%;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #F5F4EF;
  z-index: -1;
}
.info__req-secInner{
  max-width: 1300px;
  margin: 0 auto;
}
.info__req-ttlBox{
  text-align: right;
}
.info__req-ttlBox:after{
  right: -6em;
}
.info__req-cts{
  position: relative;
  background-color: #fff;
  padding: 5.9% 5.5% 8.5%;
  box-sizing: border-box;
}
.info__req-cts:before{
  content: "";
  display: block;
  width: 27.5%;
  height: 3.5px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #3BB880;
}
.info__req-label{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #179969;
  font-size:3rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  margin-bottom: 1.53em;
}
.info__req-label__min {
  display: inline-block;
  font-size: 0.6em;
  letter-spacing: 0;
}
.info__req-label__notes {
  display: block;
  margin-left: auto;
  color: #222;
  font-size: 0.5em;
  letter-spacing: 0;
}
.info__req-list{
}
.info__req-item{
  border-right: 1px solid #D1D1D1;
}
.info__req-field{
  width: 17.6%;
  background-color: #62CF91;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 1.6em 1em 1.6em;
  box-sizing: border-box;
  line-height: 1.87;
}
.info__req-item:not(:last-child) .info__req-field{
  border-bottom: 1px solid #fff;
}
.info__req-value{
  flex: 1;
  font-size: 1.6rem;
  letter-spacing: 0.09em;
  border-bottom: 1px solid #D1D1D1;
  line-height: 1.87;
  padding: 2.12em 3.12em;
  box-sizing: border-box;
}
.info__req-item:first-child .info__req-value{
  border-top: 1px solid #D1D1D1;
}
.info__req-lead:not(:first-child){
  margin-top: 2.5em;
}
.info__req-lead.-red {
  color: red;
}
.info__req-bottom{
  margin-top: 5.6%;
}
/*============================
#faq__application
============================*/
.faq__navi{
  padding: 3.75% 5% 0;
}
.faq__navi-list{
  max-width: 1300px;
  margin: 0 auto;
  justify-content: center;
}
.faq__navi-item{
  font-size: 1.6rem;
  width: 380px;
  text-align: center;
}
.faq__navi-item:not(:last-child){
  margin-right: 4%;
}
.faq__navi-item a{
  display: block;
  background-color: #46BC83;
  border: 1px solid #46BC83;
  color: #fff;
  transition: 0.7s;
  padding: 22px 6px 32px;
  border-radius: 6px;
}
.faq__navi-item a:hover{
  background-color: #fff;
  color: #46BC83;
}
.faq__navi-item a:hover .under__page__navi-arrow:after{
  background-image: url("../Image/arrow-down-gr.svg");
}
/*============================
#faq__application
============================*/
#faq__application{
  padding: 8.9% 0 0;
}
.faq__application-secInner,.faq__careerpath-secInner{
  max-width: 1300px;
  margin: 0 auto;
}
.faq-cts{
  position: relative;
  padding-top: 5.5%;
  border-top: 2.5px solid #E8E8E8;
}
.faq-cts:before{
  content: "";
  display: block;
  width: 20%;
  height: 2.5px;
  position: absolute;
  left: 0;
  top: -3.5px;
  background-color: #3BB880;
}
.faq__ttlBox{
  width: 27%;
  margin-right: 1%;
}
.faq__ttl{
  font-size: 1.77083vw;
  letter-spacing: 0.06em;
}
@media screen and (max-width : 1469px){
	.faq__ttl{
		font-size: 2.6rem;
	}
}
.faq__list-wrap{
  flex: 1;
}
.faq__list{
}
.faq__item{
}
.faq__item:not(:first-child){
  margin-top: 3.1%;
}
.faq__question{
  position: relative;
  border: 1px solid #E8E8E8;
  align-items: center;
  font-size:0.9375VW;
  padding: 1.77em 2em;
  box-sizing: border-box;
  cursor: pointer;
}
@media screen and (max-width : 1601px){
	.faq__question{
		font-size: 1.5rem;
	}
}
.faq__question:after{
  content: "";
  display: block;
  width: 29px;
  height: 29px;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  background: url("../Image/open.svg") no-repeat center top;
  background-size: contain;
}
.faq__question.is_open:after{
  background-image: url("../Image/close.svg");
  height: 2px;
}
.faq__item-label{
  width: 1.2em;
  white-space: nowrap;
  font-size: 3.4rem;
  font-weight: bold;
  color: #179969;
  letter-spacing: 0.08em;
  margin-right: 0.58em;
}
.faq__question-field{
  flex: 1;
  font-weight: bold;
  color: #212121;
  letter-spacing: 0.07em;
}
.faq__answer{
  display: none;
  font-size: 0.8333vw;
  padding: 1.87em 2em;
  background-color: #FAFAFA;
  border: 1px solid #F5F5F5;
  border-top: 0;
}
@media screen and (max-width : 1681px){
	.faq__answer{
		font-size: 1.4rem;
	}
}
.faq__answer-field{
  flex: 1;
  line-height: 2.5;
  padding-top: 0.3em;
}
.faq__answer-field a{
  color: #179969;
  font-weight: 600;
  word-break: break-all;
}
/*============================
#faq__careerpath
============================*/
#faq__careerpath{
  padding: 6.6% 0 8%;
}
/*============================
#entry__navi
============================*/
#entry__navi{
  position: relative;
  z-index: 1;
  background-color: #F5F4EF;
  padding: 5.2% 0;
}
.entry__navi-secInner{
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  text-align: center;
}
.entry__navi-secInner:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../Image/entry.svg") no-repeat center top;
  background-size: contain;
  z-index: -1;
}
.entry__navi-ttl{
  font-size: 3.0rem;
  letter-spacing: 0;
  color: #2AB87C;
  margin-bottom: 0.89em;
}
/*============================
#contact
============================*/
#contact{
  padding:7.7% 0 9%;
}
.contact-secInner{
  max-width: 1300px;
  margin: 0 auto;
}
.contact__head{
  padding-bottom: 5%;
}
.contact-ttlBox{
  margin-bottom: 5.7%;
  text-align: center;
}
.contact-ttl-jpn{
  font-size: 2.55208vw;
  letter-spacing: 0.2em;
}
@media screen and (max-width : 1529px){
	.contact-ttl-jpn{
		font-size: 3.9rem;
	}
}
.entry__navi-bnr a{
  transition: 0.7s;
}
.entry__navi-bnr a:hover{
  opacity: 0.6;
}
.contact-figure{
  position: relative;
}
.contact-figure:after{
  content: "";
  display: block;
  width: 2.65em;
  height: 0.9em;
  position: absolute;
  bottom: -0.4em;
  right: -1em;
  background: url( "../Image/contact__form.svg") no-repeat center top;
  background-size: contain;
}
.contact-lead{
  font-size: 1.4rem;
  letter-spacing: 0.18em;
  margin-top: 3.2em;
}
.contact-btnBox{
  justify-content: center;
}
.contact-btn{
  width: 48.6%;
  height: 194px;
  text-align: center;
  border: 1px solid #BCBCBC;
  border-radius: 10px;
}
.contact-btn a{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: 0.7s;
}
.contact-btn a:hover{
  opacity: 0.6;
}
.contact-btn-tel{
  margin-right: 3.8%;
  }
.contact-btn-label{
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.09em;
}
.contact-btn-number{
  font-size: 1.97916vw;
  font-weight: bold;
  letter-spacing: 0.06em;
}
@media screen and (max-width : 1617px){
	.contact-ttl-jpn{
		font-size: 3.2rem;
	}
}
.contact-hour{
  font-size: 1.4rem;
  letter-spacing: 0.04em;
}
.contact-btn-mailaddress{
  font-size: 1.5626vw;
  font-weight: bold;
  letter-spacing: 0.045em;
}
@media screen and (max-width : 1664px){
	.contact-ttl-jpn{
		font-size: 2.6rem;
	}
}
.contact__form{
  border: 1px solid #BCBCBC;
  border-radius: 10px;
  padding: 7.9% 9.7% 9.6%;
}
.contact__step{
  margin-bottom: 7.69%;
}
.contact__step-list{
  position: relative;
  font-size: 1.6rem;
  max-width: 600px;
  margin: 0 auto;
  justify-content: center;
}
.contact__step-list:after{
  content: "";
  display: block;
  width: 85%;
  height: 1px;
  position: absolute;
  left: 2.875em;
  top: 2.2375em;
  background-color: #D5D5D5;
  z-index: 1;
}
.contact__step-item{
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 5;
}
.contact__step-item:not(:last-child){
  padding-right: 10.6em;
}
.contact__step-number{
  font-size: 1.7rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #D5D5D5;
  margin-bottom: 0.3em;
}
.contact__step-number01{
  color: #179969;
}
.confirmation__step-number02{
  color: #179969;
}
.thanks__step-number03{
   color: #179969;
}
.contact__step-dots{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #D5D5D5;
}
.contact__step-dots01{
  background-color: #179969;
}
.confirmationt__step-dots02{
  background-color: #179969;
}
.thanks__ste-dot03{
  background-color: #179969;
}
.contact__step-label{
  margin-top: 0.8em;
  font-weight: bold;
  letter-spacing: 0.08em;
  color: #D5D5D5;
}
.contact__step-label01{
  color: #222222;
}
.confirmation__step-label02{
  color: #222222;
}
.thanks__step-label03{
  color: #222222;
}
.contact__form-head{
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.08em;
  padding-bottom: 1em;
  border-bottom: 1px solid #BCBCBC;
  margin-bottom: 2.2em;
}
.contact__form-list{
}
.contact__form-item{
  font-size: 1.6rem;
  margin-bottom: 2.25em;
}
.contact__form-label{
  width: 28%;
  display: flex;
  align-items: center;
  padding-right: 2em;
  box-sizing: border-box;
}
.contact__form-label_name{
  flex:1;
}
.contact__form-label_must{
  background-color: #5ccb8e;
  color: #fff;
  font-size: 0.9em;
  padding: 0.2em 0.5em;
  border-radius: 0.5em;
  margin-left: 0.5em;
  box-sizing: border-box;
  width: 3.2em;
  text-align: center;
  margin-left: 0.5em;
  white-space: nowrap;
}
.contact__form-value{
  flex: 1;
}
.contact__form-value--birth{
  align-items: flex-end;
}
.contact__form-value-year{
  width:180px;
  margin-right: 3.46em;
}
.contact__form-value-month{
  width: 110px;
  margin-right: 3em;
}
.contact__form-value-date{
  width: 110px;
}
.contact__form-select-label{
  margin-left: 1em;
}
.contact__form-bottom{

  padding-top: 6.2%;
}
.contact__form-privacy{
  text-align: center;
}
.contact__form-privacy-label{
  font-size: 1.6rem;
  margin-bottom: 2.1em;
}
.contact__form-privacy-label a{
    color: #46BC83;
    text-decoration: underline;
}

/*============================
#praivacypolicy.checkbox-input
============================*/
#praivacypolicy.checkbox-input{
}
.contact__form-btnBox{
  margin-top: 4.7%;
}
.contact__form input[type="text"], .contact__form input[type="tel"], .contact__form input[type="email"], .contact__form textarea{
  width: 100% !important;
  background-color: #F5F5F5;
  color: #222;
  font-size: 1.6rem;
  box-sizing: border-box;
  padding: 0.98em 1.2em;
  line-height: 1.4;
  letter-spacing: 0.07em;
  font-family: "游ゴシック","YuGothic", "游ゴシック体","メイリオ", "Meiryo", "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border-radius: 0;
  border: 0;
  -webkit-appearance: none;
}
.contact__form input[name="your-zip"]{
  max-width: 20em;
}
.contact__form textarea{
  height: 180px;
}
.common-contact-selectBox{
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}
.contact__form select{
  background: url(../Image/form-select.svg) no-repeat center right 6px #F5F5F5;
  background-size: 12px;
  appearance: none;
  -webkit-appearance: none;
  flex: 1;
  height: 100%;
  border: none;
  border: 0;
  border-radius: 0;
  padding: 1em;
  font-size: 1.6rem;
  box-sizing: border-box;
}
select::-ms-expand {
  display: none;
}
.ccontact__form-privacy{
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 3.6em;
}
.checkbox-input{
  display: none;
}
.mwform-checkbox-field-text{
  padding-left: 32px;
  position:relative;
}
.mwform-checkbox-field-text::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #C9C9C9;
  border-radius: 4px;
}
.checkbox-input:checked + .mwform-checkbox-field-text{
  color: #808080;
}
.checkbox-input:checked + .mwform-checkbox-field-text::after{
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 7px;
  width: 4px;
  height: 8px;
  transform: rotate(40deg);
  border-bottom: 2px solid #222;
  border-right: 2px solid #222;
}
.contact__form-submit_btn{
  position: relative;
  text-align: center;
  width: 27em;
  margin: 0 auto;
  background:transparent;
  color: #fff;
  background-color: #46BC83;
  border: 1px solid #46BC83;
  border-radius: 0.5em;
  transition: 0.7s;
}
.contact__form-submit_btn:after{
  content: "";
  display:block;
  width: 2.1em;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  transition: 0.6s;
}
.contact__form-submit_btn:hover{
  background: #fff;
  color: #46BC83;
}
.contact__form-submit_btn:hover:after{
  background-color: #46BC83;
}
.contact__form input[type="submit"]{
  width: 100%;
  font-size:1.8rem;
  color: #fff;
   font-family: "游ゴシック","YuGothic", "游ゴシック体","メイリオ", "Meiryo", "Arial", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 1.2em 1em 1.3em 1em;
  text-align: center;
  box-sizing: border-box;
   -webkit-appearance: none;
  cursor: pointer;
  background: transparent;
  border: 0;
  transition: 0.7s;
}
.contact__form input[type="submit"]:hover{
  color: #46BC83;
}
.submit__btn-arrow{
  position: relative;
}
.contact__form-bottom-label{
  text-align: center;
  font-size: 1.5rem;
  margin-top: 2.93em;
}
/*--------------------------------------------

	CONTACT - ERROE / CONFIRM

-------------------------------------------*/
.mw_wp_form .error {
    color: #fd4242;
    margin-top: 0.6em;
}
.mw_wp_form_confirm .contact__form-item{
  margin-bottom: 0;
}
.mw_wp_form_confirm .contact__form-label{
  padding:1.2em 1.5em;
  box-sizing: border-box;
  background-color: #51b882;
  color: #fff;
  border: 1px solid #fff;
  width: 25%;
}
.mw_wp_form_confirm .contact__form-value{
  padding:1.5em 1.5em;
  box-sizing: border-box;
  background-color: #fcfcfc;
  border: 1px solid #fff;
}
.mw_wp_form_confirm .contact__form-label_must,
.mw_wp_form_confirm .contact__form-privacy{
  display: none;
}
.mw_wp_form_confirm .contact__form-value-year,
.mw_wp_form_confirm .contact__form-value-month,
.mw_wp_form_confirm .contact__form-value-date{
  width: auto;
  margin-right: 0;
}
.contact__form-select-label{
  margin-left: 0;
}
/*============================
#contact__thanks
============================*/
#contact__thanks{
  background: #F5F4EF;
  padding: 11.3% 0;
}
.contact__thanks-secInner{
  max-width: 1100px;
  margin: 0 auto;
}
.contact__thanks-bg{
  background-color: #fff;
  padding: 11% 18%;
  text-align: center;
}
.contact__thanks-ttl-jpn{
  font-size: 2.6rem;
  color: #179969;
  letter-spacing: 0.11em;
}
.contact__thanks-text{
  font-size: 1.6rem;
  margin-top: 2.75em;
  letter-spacing: 0.2em;
  line-height: 2.1;
}
.contact__thanks-btn{
  font-size: 1.4rem;
  width: 27em;
  margin: 6.2em auto 0;
  text-align: center;
}
.contact__thanks-btn a{
  display: block;
  position: relative;
  background-color: #46BC83;
  color: #fff;
  border: 1px solid #46BC83;
  transition: 0.7s;
  padding: 2.29em 0;
  border-radius: 0.5em;
}

/*============================
#news
============================*/
#news{
  padding: 7.8% 0 6.7%;
}
.news-secInner{
  max-width: 1300px;
  margin: 0 auto;
}
.new__wrap{
}
.news__cts{
  flex: 1;
}
.news__cts-head{
  border-bottom: 1px solid #DEE1E2;
  margin-bottom: 5.9%;
  padding-bottom: 5.9%;
}
.news__cts-ttl{
  font-size: 2.6rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  margin-bottom: 0.76em;
}
.news__cts-update{
  align-items: center;
}
.news__date{
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: 0.06em;
  color: #999999;
}
.news__cts-date{
  margin-right:1.33em;
}
.news__cat{
  background-color: #2DB07A;
  color: #fff;
  border-radius: 2.6em;
  font-size:1.3rem;
  letter-spacing: 0.14em;
  padding: 0.46em 0.9em;
  box-sizing: border-box;
}
.news__cts-main{
}
.news__cts-main p{
  font-size: 1.6rem;
  letter-spacing: 0.09em;
  line-height: 2.37;
}
.news__cts-main p img{
  height: auto;
  margin-top: 1.8em;
}
.news__cts-main p:not(:first-child){
  margin-top: 2.62em;
}
.news__side{
  width: 30%;
  margin-left: 6%;
}
.news__side-label{
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  margin-bottom: 1.3em;
}
.news__side-list{
}
.news__side-item{
  font-size: 1.6rem;
  border-bottom: 1px solid #DEE1E2;
}
.news__side-item:first-child{
  border-top: 1px solid #DEE1E2;
}
.news__side-item a{
  padding: 1.65em 1.25em;
  box-sizing: border-box;
  transition: 0.6s;
  display: block;
}
.news__side-item a:hover{
  opacity: 0.7;
}
.news__side-update{
  align-items: center;
}
.news__side-date{
  margin-left:1.06em;
}
.news__side-ttl{
  margin-top: 1em;
  line-height: 1.62;
}
/*--------------------------------------------
	ABOUT
--------------------------------------------*/
.common_under-navi{
  max-width: 1300px;
  margin: 0 auto 3.6%;
  padding: 1.4% 5% 0;
}
.common_under-navi-list{
  justify-content: center;
}
.common_under-navi-item{
  width: 19.687vw;
  font-size: 0.88541vw;
  position: relative;
}
@media screen and (max-width : 1356px){
	.common_under-navi-item{
		font-size: 1.2rem;
	}
}
.common_under-navi-item:after{
  content: "";
  display: block;
  display: inline-block;
  width: 0.58em;
  height: 0.58em;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg) translateX(-50%);
  position: absolute;
  left: 50%;
  bottom: 20px;
}
.common_under-navi-item:not(:last-child){
  margin-right: 4.2798vw;
}
.common_under-navi-item a{
  display: block;
  background-color: #46b980;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 1.4em 0.5em 2.5em;
  box-sizing: border-box;
  transition: 0.6s;
}
.common_under-navi-item a:hover{
  opacity: 0.6;
}
.common_under-navi-label-en{
  font-size: 1rem;
  letter-spacing: 0.079em;
}
.common_under-navi-label-jp{
  font-weight: bold;
  letter-spacing: 0.09em;
}
/*============================
#about__kyeword
============================*/
#about__kyeword{
  position: relative;
  background-color: #f2f1ec;
  padding: 5.7% 0 7.3%;
}
#about__kyeword::after{
  content: "";
  display: block;
  width: 17.5%;
  height: 27%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url("../Image/logo.svg") no-repeat bottom right;
  background-size: contain;
}
.common_b-text{
  position: absolute;
  z-index: 1;
  line-height: 1;
}
.about__kyeword-b-text{
  color: #fff;
  left: 0;
  top: 3.2%;
  font-size: 9.11vw;
  letter-spacing: 0.028em;
}
.about__kyeword-secInner{
  position: relative;
  z-index: 11;
  max-width: 1340px;
  margin: 0 auto;
}
.about__kyeword-ttlBox{
  text-align: center;
  font-size: 3.75vw;
  margin-bottom: 0.7em;
}
.about__kyeword-ttl{
  position: relative;
  line-height: 1.35;
  color: #333333;
}
.about__kyeword-ttl-lt{
  position: relative;
  letter-spacing: 0.165em;
}
.about__kyeword-ttl-lt:after{
  content: "";
  display: block;
  position: absolute;
  right: -1.34em;
  bottom: -0.3em;
  width: 3em;
  height: 1.13em;
  background: url("../Image/our-business.svg") no-repeat bottom right;
  background-size: contain;
}
.about__kyeword-main-photoBox{
  width: 50%;
  margin-right: 3.5%;
}
.about__kyeword-main_item{
	display: none;
}
.about__kyeword-main_item.is_active{
	display: block;
}
.about__kyeword-main-head{
  position: relative;
}
.about__kyeword-main-image-label{
  position: absolute;
  left: 0;
  top: 0;
  background-color: #333333;
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: 0.18em;
  padding: 1.23em 2.1em;
  box-sizing: border-box;
  pointer-events: none;
}
.about__kyeword-main-bottom{
  align-items: center;
  font-size: 1.4rem;
  margin-top: 4.45%;
  background-color: #5bb180;
  color: #fff;
  border-radius: 8px;
  padding: 14px 20px 14px;
  box-sizing: border-box;
	height: 180px;
}
@media screen and (max-width : 1291px){
.about__kyeword-main-bottom{
		font-size: 1.2rem;
	}
}
.about__kyeword-main-bottom-catch{
  width: 21%;
  text-align: center;
  margin-right: 0.7em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about-keyword01,.about-keyword03{
  width: 85%;
  margin: 0 auto;
}
.about-keyword01{
  padding-top: 10px;
}
.about__kyeword-main-bottom-textarea{
  flex: 1;
}
.about__kyeword-main-bottom-plane{
  line-height: 1.7;
  padding-left: 0.7em;
}
.about__kyeword-main-bottom-notes{
  font-size: 1rem;
  /* margin-top: 0.5em; */
	display: inline-block;
}
.about__kyeword-thumnailBox{
  width: 37%;
	display: flex;
  flex-wrap: wrap;
}
.about__kyeword-thumnail_item{
  position: relative;
  width: 47%!important;
  border-radius: 8px;
  transition: 0.6s;
  cursor: pointer;
}
.about__kyeword-thumnail_item:not(:nth-child(2n)){
  margin-right: 6%;
}
.about__kyeword-thumnail_item:nth-child(n + 3){
  margin-top: 6%;
}
.about__kyeword-thumnail_item:before{
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: url("../Image/glass-wh.svg") no-repeat center top;
  background-size: contain;
  z-index: 30;
  opacity: 1;
  transition: 0.6s;
}
.about__kyeword-thumnail_item:hover:before{
  opacity: 0;
}
.about__kyeword-thumnail_item:after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(91, 177, 128, 0.5);
  opacity: 0;
  transition: 0.6s;
  border-radius: 8px;
}
.about__kyeword-thumnail_item:hover:after{
  opacity: 1;
}
.about__kyeword-slide-notes{
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  color: #33af7c;
  border:1px solid #33af7c;
  box-sizing: border-box;
  text-align: center;
  letter-spacing: 0.12em;
  line-height: 1.7;
  font-size: 1.4rem;
  padding: 2em 0.5em 2em;
  width: 47%;
  margin-top: 6%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}
@media screen and (max-width : 1401px){
	.about__kyeword-slide-notes{
		font-size: 1.2rem;
	}
}
.about__kyeword-slide-notes::before{
  content: "";
  display: block;
  position: absolute;
  top: 2.4em;
  left: 50%;
  transform: translateX(-50%);
  width: 46px;
  height:	46px;
  background: url("../Image/glass-gr.svg")no-repeat center top;
  background-size: contain;
}
@media screen and (max-width : 1401px){
	.about__kyeword-slide-notes::before{
		width: 32px;
		height: 32px;
	}
}
.about__kyeword-slide-inner{
  position: relative;
}
.about__kyeword-thum-image{
  padding-top: 77%;
  position: relative;
}
.about__kyeword-thum-label{
  position: absolute;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  color:#fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.16em;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width : 1100px){
	.about__kyeword-thum-label{
		font-size: 1.5rem;
	}
}
.about__kyeword-sub-ttlBox{
  width: 5.2%;
  writing-mode: tb-rl;
  flex-direction: column-reverse;
  margin-left: 2.8%;
}
.about__kyeword-sub-label-jp{
  font-size: 2.23958vw;
  letter-spacing: 0.128em;
}
@media screen and (max-width : 1071px){
	.about__kyeword-sub-label-jp{
		font-size: 2.4rem;
	}
}
.about__kyeword-sub-label-en{
  font-size: 0.625vw;
  letter-spacing: 0.13em;
}
@media screen and (max-width : 1601px){
	.about__kyeword-sub-label-en{
		font-size: 1rem;
	}
}
.about__kyeword-btn{
  text-align: right;
  font-size: 1.9rem;
  margin-top: 3.4em;
  letter-spacing: 0.18em;
  padding-right: 9%;
}
.about__kyeword-btn .common__arrow:after{
  background-image: url("../Image/about-btn.svg");
  transform: none;
  width: 2.52em;
  height: 8px;
  top: 0.5em;
}
.about__kyeword-btn a:hover .common__arrow:after {
  right: -0.5em;
}
/*============================
#about__message
============================*/
#about__message{
  padding: 7.5% 0 9.2%;
  background: url("../Image/about-message-bg.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
}
.about__message-secInner{
  max-width: 1100px;
  margin: 0 auto;
}
.about__message-wrap{
  justify-content: center;
}
.about__message-ttlBox{
  width: 28.5%;
  margin-right: 9%;
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about__message-ttl-en{
  position: relative;
  font-size: 0.72916vw;
  letter-spacing: 0.128em;
  text-align: center;
  padding-bottom: 0.6em;
  margin-bottom: 2.5em;
}
@media screen and (max-width : 1646px){
	.about__message-ttl-en{
		font-size: 1.2rem;
	}
}
.about__message-ttl-en:after{
  content: "";
  display: block;
  width: 5.1em;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: #fff;
}
.about__message-ttl-jp{
  font-size: 2.4479vw;
  letter-spacing: 0.06em;
  writing-mode: tb-rl;
  white-space: nowrap;
}
@media screen and (max-width : 1715px){
	.about__message-ttl-jp{
    font-size: 4.2rem
	}
}
.about__message-za{
  background: #fff;
  color: #4F4D4D;
  padding: 0.4em 0.22em 0.2em;
  line-height: 1;
  display: inline-block;
}
.about__message-za:not(:last-child){
    margin-left: 0.3em;
}
.about__message-textBox{
  flex: 1;
  padding-top: 5.6%;
}
.about__message-textBox_badge{

}
.about__message-textBox_badge img{
	width: 10.43em;
}
.about__message-textBox-label{
  font-size: 1.3541vw;
  font-weight: 500;
  letter-spacing: 0.09em;
  line-height: 1.8;
	margin-top: 1.17em;
  margin-bottom: 1.6em;
}
@media screen and (max-width : 1477px){
	.about__message-textBox-label{
		font-size: 2rem;
	}
}
.about__message-textBox-plane{
  font-size: 0.9375vw;
  letter-spacing: 0.12em;
  line-height: 1.72;
}
@media screen and (max-width : 1601px){
	.about__message-textBox-plane{
		font-size: 1.5rem;
	}
}
.about__message-textBox-plane:not(:last-child){
  margin-bottom: 1em;
}
/*============================
#about__feature
============================*/
#about__feature{
  position: relative;
  padding: 5.2% 0 13.4%;
  background-color: #f2f1ec;
}
.about__feature-b-text{
  font-size: 9.1145vw;
  color: #fff;
  z-index: 1;
  top: 18%;
  left: 0;
  line-height: 1.2;
}
.about__feature-secInner{
  position: relative;
  z-index: 11;
  max-width: 1310px;
  margin: 0 auto;
}
.about__feature-head{
  align-items: center;
  justify-content: center;
}
.about__feature-head-ttlBox{
  width: 43.5%;
  margin-right: 1%;
  color: #333;
}
.about__feature-head-ttl{
  font-size: 2.8125vw;
  letter-spacing: 0.095em;
  line-height: 1.64;
}
@media screen and (max-width : 1138px){
.about__feature-head-ttl{
		font-size: 3.2rem;
	}
}
.about__feature-head-plane{
  font-size: 0.9375vw;
  font-weight: bold;
  line-height: 2;
  margin-top: 3.6em;
}
@media screen and (max-width : 1601px){
.about__feature-head-plane{
		font-size: 1.5rem;
	}
}
.about__feature-roadmap{
  width: 50%;
}
.about__feature-roadmap-sub-ttlBox{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  font-size: 0.72916vw;
  margin-bottom: 3.5em;
  padding-left: 1.5em;
}
@media screen and (max-width : 1646px){
.about__feature-roadmap-sub-ttlBox{
		font-size: 1.2rem;
	}
}
.about__feature-roadmap-label-en{
  letter-spacing: 0.128em;
  padding: 0.2em 0.6em 0.1em;
  background-color: #2dad7a;
  margin-bottom: 0.4em;
}
.about__feature-roadmap-label-jp{
  font-size: 0.9895vw;
  font-weight: bold;
  letter-spacing: 0.128em;
  padding: 0.45em 0.9em;
  background-color: #2dad7a;
}
@media screen and (max-width : 1414px){
.about__feature-roadmap-label-jp{
		font-size: 1.4rem;
	}
}
#about__feature-kairaku{
  margin-top: -4.89%;
  position: relative;
  z-index: 11;
  padding-bottom: 5.7%;
}
.about__feature-secInner{
  max-width: 1380px;
  margin: 0 auto;
}
.about__feature-cts-wrap{
  justify-content: center;
}
.about__feature-cts-ttlBox{

}
.about__feature01-ttlBox{
  width: 33%;
}
.about__feature01-ttlBox{
  position: relative;
  margin-right: 6.2%;
}
.about__feature01-number{
  position: absolute;
  left: -8%;
  top: -3%;
}
.about__feature-cts-number img{
  width: 9.53125vw;
}
.about__feature-cts-ttl{
  margin-left: 8%;
  font-size: 2.55208vw;
  letter-spacing: 0.185em;
  color: #fff;
  line-height: 1.35;
  margin-top: 15.1%;
}
@media screen and (max-width : 1176px){
.about__feature-cts-ttl{
		font-size: 3rem;
	}
}
.about__feature02-ttl{
  white-space: nowrap;
	margin-left: 15%;
	margin-top: 3%;
}
.about__feature-za{
  background-color: #3da27d;
  padding: 0.2em;
	display: inline-block;
	line-height: 1;
}
.about__feature-za:first-child{
	margin-bottom: 0.2em;
}
.about__feature-cts-plane{
  padding-left: 8%;
  font-size: 0.72916vw;
  letter-spacing: 0.08em;
  line-height: 2;
}
@media screen and (max-width : 1646px){
.about__feature-cts-plane{
		font-size: 1.2rem;
	}
}
.about__feature02-plane{
  padding-left: 15%;
	margin-top: 2.8em;
}
.about__feature-cts-plane:not(:last-child){
  margin:2.8em 0 2.2em;
}
.about__feature-list{
  width: 61%;
}
.about__feature-item{
  border:1px solid #3da27d;
  font-size: 0.729166vw;
  padding: 3.2em 2.8em;
  box-sizing: border-box;
  background-color: #fff;
  align-items: flex-start;
}
@media screen and (max-width : 1646px){
.about__feature-item{
		font-size: 1.2rem;
	}
}
.about__feature-item:not(:last-child){
  margin-bottom: 5.9%;
}
.about__feature-item-textBox{
  flex: 1;
}
.about__feature-item-label{
  font-size: 1.3541vw;
  font-weight: bold;
  color: #3da27d;
  letter-spacing: 0.05em;
	margin-bottom: 1.1em;
}
@media screen and (max-width : 1182px){
.about__feature-item-label{
		font-size: 1.6rem;
	}
}
.about__feature-item-plane{
  line-height: 2;
  letter-spacing: 0.08em;
}
.about__feature-item-plane a {
  color: #3da27d;
  text-decoration: underline;
}
.about__feature-item-imgBox{
  width: 48.5%;
  margin-left: 4.7%;
}
#about__feature-high-value{
  padding-bottom: 11.7%;
}
.about__feature-high-value-bg{
  padding: 5.4% 0;
  background-color: #f2f1ec;
}
.about__feature02-wrap{
  flex-direction: row-reverse;
}
.about__feature02-ttlBox{
  margin-left: 1.44%;
  width: 33%;
}
/*============================
#project__mv
============================*/
#project__mv{
  position: relative;
  padding-top:3.3%;
}
.project__mv-bg{
  background: url("../Image/project-mv.jpg") no-repeat center top;
  background-size: cover;
  padding-top: 49%;
}
.project__mv-ttlBox{
  position: absolute;
  left: 7.3%;
  top: 1%;
  color: #fff;
}
.project__mv-label-en{
  font-size: 0.625vw;
  margin-bottom: 1.6em;
}
@media screen and (max-width : 1601px){
.project__mv-label-en{
		font-size: 1rem;
	}
}
.project__mv-label{
  background-color: #2db07a;
  letter-spacing: 0.13em;
	display: inline-block;
}
.project__mv-label-en .project__mv-label{
  padding: 0.75em 1.2em;
}
.message__mv-ttl{
  font-size: 2.4479vw;
  letter-spacing: 0.06em;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
@media screen and (max-width : 1144px){
.message__mv-ttl{
		font-size: 2.8rem;
	}
}
.message__mv-ttl .project__mv-label{
  padding: 0.12em 0.3em 0.28em;
  line-height: 1;
}
.message__mv-ttl .project__mv-label + .project__mv-label {
  margin-top: 0.34em;
}
/*============================
#project__outline
============================*/
#project__outline{
  position: relative;
  background-color: #e6f3ec;
  padding-bottom: 6.6%;
  z-index: 11;
}
#project__outline:after{
  content: "";
  display: block;
  width: 100%;
  height: 28%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: -1;
}
.secInner.project__outline-secInner{
  max-width: 1300px;
  margin: 0 auto;
}
.project__outline-b-text{
  position: relative;
  z-index: 11;
  margin: 0 auto;
}
.project__outline-b-text img{
  margin-top: -15%;
}
.project__outline-ttlBox{
  text-align: center;
  margin: 6.9% 0 10%;
}
.project__outline-ttl-en{
  font-size: 2.4479vw;
  letter-spacing: 0.14em;
}
@media screen and (max-width : 1308px){
.project__outline-ttl-en{
		font-size: 3.2rem;
	}
}
.project__outline-jp{
  position: relative;
  font-size: 1.3541vw;
  padding-bottom: 1.46em;
  margin-bottom: 2.3em;
  margin-top: 0.46em;
}
@media screen and (max-width : 1330px){
.project__outline-jp{
		font-size: 1.8rem;
	}
}
.project__outline-jp::after{
  content:"";
  display: block;
  width: 7.9em;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: #333;
}
.project__outline-plane{
  padding: 0 9.5%;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.8333vw;
  letter-spacing: 0.12em;
  line-height: 2.4;
}
@media screen and (max-width : 1681px){
.project__outline-plane{
		font-size: 1.4rem;
	}
}
.project__outline-bottom{
  position: relative;
  height: 430px;
}
.project__outline-tab-list{
  width: 100%;
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
  justify-content: center;
  margin-bottom:2.6%;
  z-index: 11;
}
.project__outline-tab-item{
  position: relative;
  cursor: pointer;
  width: 21%;
  min-width: 200px;
  border: 1px solid #33b27c;
  text-align: center;
  font-size: 0.8333vw;
  letter-spacing: 0.08em;
  padding:0.55em;
  box-sizing: border-box;
  background-color: #f5f4ef;
  color: #33b27c;
}
@media screen and (max-width : 1681px){
.project__outline-tab-item{
		font-size: 1.4rem;
	}
}
.project__outline-tab-item.is_active{
  background-color: #33b27c;
  color: #fff;
}
.project__outline-tab-item.is_active:after{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 11px 0 11px;
  border-color: #33b27c transparent transparent transparent;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.project__outline-tab-member{
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.project__outline-tab-data{
  border-radius: 0 4px 4px 0;
}
.project__outline-tab-arrow{
  position: relative;
  padding-right: 1.8em;
}
.project__outline-tab-arrow:after{
  content: "";
  display: block;
  width:1.25em;
  height: 1.25em;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("../Image/project-tab-arrow-gr.svg") no-repeat center top;
  background-size: contain;
}
.project__outline-tab-item.is_active .project__outline-tab-arrow:after{
  background-image: url("../Image/project-tab-arrow-wh.svg");
}
.project__outline-member-item{
  width: 19%;
  padding: 0 3.2%;
  border-right: 1px solid #222222;
}
.project__outline-member-item:last-child{
  border-right: 0;
}
.project__outline-member-image{
	text-align: center;
}
.project__outline-member-text{
  font-size: 1.35416vw;
  margin-top: 1em;
}
@media screen and (max-width : 1182px){
.project__outline-member-text{
		font-size: 1.6rem;
	}
}
.project__outline-member-name{
  background-color: #33b27c;
  color: #fff;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.25em;
  line-height: 1;
  padding: 0.25em 0.2em 0.33em;
}
.project__outline-member-join{
  font-size: 0.8333vw;
  font-weight: 500;
  letter-spacing: 0.118em;
  border-bottom: 1px solid #333;
  margin-top: 0.75em;
  padding-bottom: 0.375em;
}
@media screen and (max-width : 1681px){
.project__outline-member-join{
		font-size: 1.4rem;
	}
}
.project__outline-member-dept{
  font-size: 0.78125vw;
  font-weight: 500;
  letter-spacing: 0.118em;
  margin-top: 0.66em;
}
@media screen and (max-width : 1537px){
.project__outline-member-dept{
		font-size: 1.3rem;
	}
}
.project__outline-member-dept-h{
  letter-spacing: 0;
}
.project__outline-member-note{
	text-align: right;
	padding-right: 2em;
	font-size: 0.85em;
	margin-top: 2em;
}
.project__outline-ct{
  display: none;
  justify-content: center;
  align-items: center;
  /* height: 410px; */
  box-sizing: border-box;
  padding: 52px 0 36px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #33b27c;
}
.project__outline-ct.is_active{
  display: block;
}
.project__outline-data{
  display: none;
  padding: 52px 6.2% 36px 4.6%;
}
/*============================
#project__talk
============================*/
#project__talk{
  padding: 6.6% 0 11.9%;
}
.project__talk-ttlBox{
  padding-left: 16.4%;
}
.project__talk-ttl{
  position: relative;
  font-size: 2.4479vw;
  display: inline-block;
  line-height: 1.4;
}
@media screen and (max-width : 1308px){
.project__talk-ttl{
		font-size: 3.2rem;
	}
}
.project__talk-ttl:after{
  content: "";
  display: block;
  position: absolute;
  right: -1.1em;
  bottom: -0.67em;
  width:4.89em;
  height: 1.7em;
  background: url("../Image/crosstalk.svg") no-repeat center top;
  background-size: contain;
}
.project__talk-wrap-a{
  position: relative;
  padding-left: 16.4%;
}
.project__talk-wrap01{
  margin-bottom: 10%;
  padding-top: 4.8%;
}
.project__talk-wrap01:before{
  content: "";
  display: block;
  width: 38.8vw;
  height: 26.71vw;
  position: absolute;
  left: 28%;
  top:5%;
  background-color: #f5f4ef;
  z-index: -1;
}
.project__talk-textBox{
  flex: 1;
}
.project__talk-wrap-a .project__talk-textBox{
  margin-right: 8.7%;
}
.project__talk-wrap-b .project__talk-textBox{
  margin-left: 7.2%;
}
.project__talk-label-en{
  position: relative;
  font-size: 0.72916vw;
  margin-bottom: 2.1em;
  letter-spacing: 0.128em;
}
@media screen and (max-width : 1646px){
.project__talk-label-en{
		font-size: 1.2rem;
	}
}
.project__talk-label-en::after{
  content: "";
  display: block;
  width: 6.4em;
  height: 1px;
  position: absolute;
  left: -7.2em;
  top: 50%;
  background-color: #000;
}
.project__talk-label-jp{
  font-size: 1.09375vw;
  font-weight: 500;
  letter-spacing: 0.13em;
  margin-bottom: 1.23em;
}
@media screen and (max-width : 1463px){
.project__talk-label-jp{
		font-size: 1.6rem;
	}
}
.project__talk-leadBox{
  font-size: 0.72916vw;
}
@media screen and (max-width : 1646px){
.project__talk-leadBox{
		font-size: 1.2rem;
	}
}
.project__talk-plane{
  line-height: 2;
  letter-spacing: 0.05em;
}
.project__talk-plane:not(:last-child){
  padding-bottom: 3em;
}
.project__talk-imgBox{
  width: 58%;
}
.project__talk-wrap-b{
  position: relative;
  padding-right: 15.6%;
}
.project__talk-wrap02{
  padding-bottom: 3.64%;
}
.project__talk-wrap02::after{
  content: "";
  display: block;
  width: 41.4vw;
  height: 22.6vw;
  position: absolute;
  right: 0;
  bottom:0;
  background-color: #f5f4ef;
  z-index: -1;
}
.project__inside{
  margin-top: 8.9%;
}
.inside-story-theme01{
  background: url("../Image/insidestory01.jpg") no-repeat center right;
  background-size: cover;
  padding: 2.8% 10.9%;
}
.inside-story-theme{
 max-width: 1000px;
 min-width: 67.5%;
 background-color:rgba(246,246,246,0.8);
 padding: 1.2% 1.8% 2.8%;
 box-sizing: border-box;
}
.inside-story-theme-head{
  border-bottom: 1px solid #000;
}
.inside-story-themeBox{
  width: 22%;
  border-right: 1px solid #000;
  margin-bottom: 0.9em;
  font-size: 1.1rem;
}
.inside-story-catch{
  position: relative;
  z-index: 8;
  border-bottom: 1px solid #000;
  padding-bottom: 0.9em;
  font-family: 'Lato', sans-serif;
}
.inside-story-catch-under{
  position: relative;
}
.inside-story-catch-under:before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6px;
  background-color: #e6f3ec;
  z-index: -1;
}
.inside-story-number{
  text-align: center;
  padding: 0.9em 0;
}
.inside-story-number img{
  width: 8.2291vw;
}
.inside-story-theme-ttlBox{
  flex: 1;
}
.inside-story-theme-ttl-en{
  font-size: 0.625vw;
  letter-spacing: 0.08em;
  text-align: center;
  font-family: 'Cormorant Garamond', serif;
  margin-bottom: 1.09em;
}
@media screen and (max-width : 1601px){
.inside-story-theme-ttl-en{
		font-size: 1rem;
	}
}
.inside-story-theme-za{
  background-color: #33b27c;
  color: #fff;
  padding: 0.2em 1.36em;
}
.inside-story-theme-labelBox{
  align-items: center;
}
.inside-story-theme-label-en{
  position: relative;
  z-index: 8;
  font-size: 2.4vw;
  padding-left: 0.89em;
  letter-spacing: 0.08em;
  margin-right: 0.5em;
}
@media screen and (max-width : 1063px){
.inside-story-theme-label-en{
		font-size: 2.3rem;
	}
}
.inside-story-theme-under{
  position: relative;
}
.inside-story-theme-under:after{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 11px;
  background-color: #f7ec43;
  z-index: -1;
}
.inside-story-theme-label-jp{
  position: relative;
  font-size: 0.98958vw;
  font-weight: bold;
  letter-spacing: 0.12em;
  padding-left: 3.6em;
}
@media screen and (max-width : 1617px){
.inside-story-theme-label-jp{
		font-size: 1.6rem;
	}
}
.inside-story-theme-label-jp:after{
  content: "";
  display: block;
  width: 2.6em;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: #000;
}
.inside-story-theme-bottom{
  margin-top: 3.6%;
}
.inside-story-theme-imgBox{
  width: 46.8%;
  margin-right: 2.45%;
}
.inside-story-theme-textBox{
  flex: 1;
}
.inside-story-theme-tetxBox-label{
  font-size: 1.09375vw;
  font-weight: 500;
  letter-spacing: 0.12em;
}
@media screen and (max-width : 1463px){
.inside-story-theme-tetxBox-label{
		font-size: 1.6rem;
	}
}
.inside-story-theme-plane{
  font-size: 0.625vw;
  letter-spacing: 0.1em;
  margin-top: 0.9em;
  line-height: 2;
}
@media screen and (max-width : 1601px){
.inside-story-theme-plane{
		font-size: 1rem;
	}
}
.project__talk-wrap03{
  position: relative;
  padding: 10.2% 0 3.9% 16.4%;
}
.project__talk-wrap03:before{
  content: "";
  display: block;
  width: 38.8vw;
  height: 26.718vw;
  position: absolute;
  left: 22.1%;
  top: 15vw;
  background-color: #f5f4ef;
  z-index: -1;
}
.inside-story-theme02{
  background: url("../Image/insidestory02.jpg") no-repeat center left;
  background-size: cover;
  padding: 2.8% 10.9%;
}
.inside-story-theme02 .inside-story-theme{
  margin-left: auto;
}
.project__talk-wrap04{
  padding: 6.9% 15.6% 4.3% 0;
}
.project__talk-wrap04:before{
  content: "";
  display: block;
  width: 41.4vw;
  height: 22.6vw;
  position: absolute;
  right: 22%;
  top: 18.95vw;
  background-color: #f5f4ef;
  z-index: -1;
}
.project__talk-wrap05{
  position: relative;
  padding: 2.6% 12.2% 0%;
}
.project__talk-wrap05-b-text{
  position: absolute;
  left: 0;
  top: 3.8%;
  width: 6%;
}
.project__talk-wrap05:before{
  content: "";
  display: block;
  width: 44.2vw;
  height: 20.83vw;
  position: absolute;
  right: 0;
  top: 44vw;
  background-color: #f5f4ef;
  z-index: -1;
}
.project__talk-wrap05 .project__talk-textBox{
  width: 38%;
  padding-left: 4.2%;
}
.project__talk-wrap05-last-textBox{
  margin-left: auto;
  padding-left: 0;
  padding-right: 4.2%;
  margin-top: 1.5%;
}
.project__talk-wrap05 .project__talk-imgBox{
  position: relative;
  width: 100%;
  margin-top: -7.3%;
  position: relative;
  z-index: -1;
}
.project__inside-trigger{
	display: none;
}
/*============================
#training
============================*/
#training{
  padding-top: 3.6%;
}
.training-bg{
  background-color: #f5f4ef;
  padding:4.8% 0 0;
}
.training-secInner{
  padding: 0;
}
.training__ttlBox{
  text-align: center;
  margin-bottom: 2.8%;
}
.training-ttl{
  font-size: 2.8125vw;
  letter-spacing: 0.1em;
  color:#333;
}
@media screen and (max-width : 1494px){
.training-ttl{
		font-size: 4.2rem;
	}
}
.training-notes{
  position: relative;
}
.training-notes:after{
  content: "";
  display: block;
  width: 4.9em;
  height: 1em;
  position: absolute;
  right: -3.3em;
  bottom: -0.55em;
  background: url("../Image/training.svg") no-repeat center top;
  background-size: contain;
}
.example-notes:after{
  background-image: url("../Image/example.svg");
}
.training__plane{
  margin-top: 2.5em;
  line-height: 2.6;
}
.training__bottom{
	position: relative;
  background: url("../Image/training-bg.jpg") no-repeat center left;
  background-size: cover;
  padding: 6.4% 0 5%;
  box-sizing: border-box;
  color: #fff;
}
.training__bottom-inner{
	max-width: 1300px;
  margin: 0 auto;
  padding: 0 5%;
	align-items: flex-start;
}
.training-b-txt{
	position: absolute;
	left: -0.2em;
	top: 0;
	color: #fff;
	font-size: 5.2083vw;
	font-weight: bold;
	letter-spacing: 0.22em;
  writing-mode: tb-rl;
	line-height: 1;
	opacity: 0.45;
}
.training__bottom-tetxBox{
  width: 34%;
  margin-right: 5%;
}
.training__bottom-label{
  font-size: 1.666vw;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (max-width : 1201px){
.training__bottom-label{
		font-size: 2rem;
	}
}
.training__bottom-plane{
  letter-spacing: 0.168em;
  margin-top: 3.646vw;
  line-height: 2.2;
	font-size: 0.72916vw;
}
@media screen and (max-width : 1646px){
.training__bottom-plane{
	font-size: 1.2rem;
	}
}
.training__bottom-imgBox{
  width: 61%;
  padding: 2.5% 1.56vw 2.5% 2.5vw;
  box-sizing: border-box;
  background:rgba(255, 255, 255, 0.8);
  border-radius: 12px;
}
/*============================
#training__example
============================*/
#training__example{
  padding: 6.25% 0 6.27%;
}
.training__example__ttlBox{
  text-align: center;
  margin-bottom: 3.4%;
}
.training__profile{
  position: relative;
}
.training__profile-y-bg{
  position: relative;
  background: url("../Image/training-case01-bg.jpg") no-repeat center top;
  background-size: cover;
  padding: 4.6% 10.6vw 0 29.895vw
}
.training__profile-a-bg{
  position: relative;
  background: url("../Image/training-case02-bg.jpg") no-repeat center top;
  background-size: cover;
  padding: 4.6% 10.6vw 0 15.62vw
}
.training__profile-y-bg:after,.training__profile-a-bg:after{
  content: "";
  display: block;
  width: 1px;
  height: 62px;
  position: absolute;
  bottom: -62px;
  left: 50%;
  background-color: #2f9c75;
  z-index: 11;
}
.training__profile-b-text{
  position: absolute;
  top: 6%;
  z-index: 1;
  width: 50%;
}
.training__profile-y-b-text{
  left: 0;
}
.training__profile-a-b-text{
  right: 0;
}
.training__profile-head{
  position: relative;
  z-index: 8;
}
.training__profile-y-imgBox{
  width: 23.22vw;
  margin-right: 1.770vw;
}
.training__profile-a-imgBox{
  width: 23.22vw;
}
.training__profile-y-ttlBox{
  flex: 1;
  margin-top: 5.4%;
}
.training__profile-a-ttlBox{
  width: 29.75vw;
  margin-top: 2.5%;
}
.training__profile-a-bottom{
	padding-left: 12.76vw;
}
.training__profile-za{
  background-color: #fff;
  color: #2f9c75;
  padding: 0.3em 0.2em;
  font-size: 2.708vw;
  line-height: 1;
	display: inline-block;
}
@media screen and (max-width : 887px){
.training__profile-za{
		font-size: 2.4rem;
	}
}
.training__profile-za:first-child{
	margin-bottom: 0.3em;
}
.training__profile-index{
  display: inline-block;
  color: #fff;
  background-color: #2f9c75;
  letter-spacing: 0.128em;
  padding: 0.2em 1em;
  margin-top: 4em;
	font-size: 0.72916vw;
	font-size: 0.9vw;
}
.training__profile-index{
}
.training__profile-y .training__profile-index{
	background-color: #e6b4a6;
}
.training__profile-a .training__profile-index{
	background-color: #5b8ba0;
}
@media screen and (max-width : 1372px){
.training__profile-index{
		font-size: 1rem;
	}
}
.training__profile-name{
  font-size: 1.4583vw;
  font-weight: 500;
  letter-spacing: 0.249em;
  padding: 0.34em;
  box-sizing: border-box;
  width: 6.6em;
  color: #fff;
  text-align: center;
  margin-left: 1.5em;
}
@media screen and (max-width : 1098px){
.training__profile-name{
		font-size: 1.6rem;
	}
}
.training__profile-y-name{
  background-color: #e6b4a6;
}
.training__profile-a-name{
  background-color: #5b8ba0;
}
.training__profile-join,.training__profile-dept{
  margin-left: 3em;
  font-size: 0.72916vw;
  font-weight: 500;
  letter-spacing: 0.168em;
	white-space: nowrap;
}
@media screen and (max-width : 1372px){
.training__profile-join,.training__profile-dept{
		font-size: 1rem;
	}
}
.training__profile-join{
  margin-top: 1.65em;
	margin-top: 1em;
}
.training__profile-dept{
  margin-top: 1.4em;
}
.training__profile-dept-za{
  background-color: #fff;
  padding: 0.4em 0.6em;
}
.training__planning{
  position: relative;
  padding: 5.5% 5% 8.9%;
}
.training__planning-y{
  background: -moz-linear-gradient(left,#f8e7dc, #f9f6ec);
  background: -webkit-linear-gradient(left, #f8e7dc, #f9f6ec);
  background: linear-gradient(to right, #f8e7dc, #f9f6ec);
}
.training__planning-a{
  background: -moz-linear-gradient(left,#eaf3ee, #bce2e3);
  background: -webkit-linear-gradient(left, #eaf3ee, #bce2e3);
  background: linear-gradient(to right, #eaf3ee, #bce2e3);
}
.training__planning:after{
  content: "";
  display: block;
  width: 49%;
  height: 26%;
  position: absolute;
  left: 50%;
  top: 3%;
  transform: translateX(-50%);
  background: url("../Image/planning.svg") no-repeat center top;
  background-size: contain;
  z-index: 1;
}
.training__planning-inner{
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 8;
}
.training__planning-label-en{
  font-size: 0.625vw;
  margin-bottom: 1em;
}
@media screen and (max-width : 1601px){
.training__planning-label-en{
		font-size: 1rem;
	}
}
.training__planning-label-jp{
  font-size: 1.1979vw;
  font-weight: bold;
  color: #2f9c75;
  margin-bottom: 0.6em;
}
@media screen and (max-width : 1503px){
.training__planning-label-jp{
		font-size: 1.8rem;
	}
}
.training__planning-plane{
  font-size: 0.72916vw;
  line-height: 1.85;
  letter-spacing: 0.11em;
  text-align: left;
}
@media screen and (max-width : 1645px){
.training__planning-plane{
		font-size: 1.2rem;
	}
}
.training__curriculum{
  max-width: 1550px;
  width: 80.72vw;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 14px;
  padding: 2.5% 7.4% 2.7%;
  margin-top: 3.5%;
  box-sizing: border-box;
}
.training__voice{
  position: relative;
  padding-bottom: 10.9%;
}
.training__voice:after{
  content: "";
  display: block;
  width: 36.979vw;
  height: 14.375vw;
  position: absolute;
  top: 15.8%;
  background: url("../Image/voice.svg") no-repeat center top;
  background-size: contain;
  z-index: 1;
}
.training__voice-y:after{
  left: 11.04vw;
}
.training__voice-a:after{
  right: 13.33vw;
}
.training__voice-inner{
  max-width: 1300px;
  margin: -5.2% auto 0;
  position: relative;
  z-index: 8;
  align-items: flex-end;
  justify-content: center;
	padding: 0 5%;
}
.training__voice-textBox{
  width:43%;
}
.training__voice-y .training__voice-textBox{
  margin-right: 7.2%;
}
.training__voice-a .training__voice-textBox{
  margin-left: 7.2%;
}
.training__voice-label-en{
  font-size: 0.635vw;
  margin-bottom: 1em;
}
.training__voice-label-jp{
  font-size: 1.1979vw;
  font-weight: bold;
  color: #2f9c75;
  margin-bottom: 0.6em;
}
@media screen and (max-width : 1336px){
.training__voice-label-jp{
		font-size: 1.6rem;
	}
}
.training__voice-plane{
  font-size: 0.72916vw;
  line-height: 1.85;
  letter-spacing: 0.1em;
}
@media screen and (max-width : 1645px){
.training__voice-plane{
		font-size: 1.2rem;
	}
}
.training__voice-imgBox{
  position: relative;
  width: 49.8%;
}
.training__voice-imgBox:before{
  content: "";
  display: block;
  width: 74%;
  height: 66%;
  position: absolute;
  top: 42%;
  z-index: -1;
}
.training__voice-y .training__voice-imgBox:before{
  background: -moz-linear-gradient(left,#f8e7dc, #f9f6ec);
  background: -webkit-linear-gradient(left, #f8e7dc, #f9f6ec);
  background: linear-gradient(to right, #f8e7dc, #f9f6ec);
  right: -42px;
}
.training__voice-a .training__voice-imgBox:before{
  background: -moz-linear-gradient(left,#eaf3ee, #bce2e3);
  background: -webkit-linear-gradient(left, #eaf3ee, #bce2e3);
  background: linear-gradient(to right, #eaf3ee, #bce2e3);
  left: -24px;
}
.training__schedule-inner{
  max-width: 1660px;
  padding: 0 5%;
  margin: 0 auto;
}
.training__schedule-bg{
  background-color: #f5f4ef;
  position: relative;
  padding: 2.8% 14.4% 6.4%;
  box-sizing: border-box;
}
.training__schedule-b-text{
  position: absolute;
  left: -0.1em;
  top: 0;
  font-size: 5.2083vw;
  font-weight: bold;
  letter-spacing: 0.18em;
  color: #fff;
  writing-mode: tb-rl;
  line-height: 0.9;
}
.training__schedule-textBox{
  position: relative;
	margin-bottom: 3.3%;
}
.training__schedule-label{
  font-size: 1.666vw;
  font-weight: bold;
  letter-spacing: 0.09em;
  color: #3da57d;
}
@media screen and (max-width : 1326px){
.training__schedule-label{
		font-size: 2.2rem;
	}
}
.training__schedule-palne{
	width: 63%;
  margin-top: 1.2em;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-size: 0.7296vw;
}
@media screen and (max-width : 1645px){
.training__schedule-palne{
		font-size: 1.2rem;
	}
}
.training__schedule-icon-glass{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.training__schedule-imgBox{
	padding-left: 3.2%;
}
.training__schedule-imgBox-inner{
	position: relative;
}
.training__schedule-modal-inner{
	padding: 3.1% 3.3%;
	position: relative;
}
.training__schedule-popup{
	position: absolute;
	width: 19.1%;
	height: 6.1%;
}
.training__schedule-popup.-popUpnone {
  pointer-events: none;

}
.training__schedule-popup a{
	display: block;
	width: 100%;
	height: 100%;
}
.training__schedule-senmonkensyu{
	left: 0;
  bottom: 27%;
  width: 5.3%;
  height: 16.3%;
}
.training__schedule-naiteishiki{
	top: 28%;
	left: 12%;
}
.training__schedule-koujyokengaku{
	top: 36.2%;
	left: 12%;
}
.training__schedule-shinbokukai{
	bottom: 15%;
	left: 12%;
}
.training__schedule-housesupport{
	bottom: 6.9%;
	left: 12%;
}
.training__schedule-nyusyashiki{
	top: 28%;
	left: 34%;
}
.training__schedule-syainkensyu{
	top: 36.2%;
	left: 34%;
}
.training__schedule-mentor{
	width: 63%;
	bottom: 15%;
	right: 3%;
}
.training__schedule-miracle{
	width: 41.2%;
	bottom: 6.6%;
	right: 3%;
}
.training__schedule-1nenjikensyu{
  top: 36.2%;
	right: 3%;
}
.training__schedule-mentoring{
	top: 28%;
	right: 3%;
}
.training__schedule-modal-big-txt{
	position: absolute;
  right: 0;
  top: 0;
  color: #000;
  opacity: 0.03;
  font-size: 4.1666vw;
  font-weight: bold;
  line-height: 1;
  z-index: 1;
  letter-spacing: 0.05em;
	text-align: right;
}
.training__schedule-modal-ttlBox{
	color: #2db07a;
	margin-bottom: 3.5%;
	align-items: flex-end;
}
.training__schedule-modal-ttl-jpn{
	font-size: 4.2rem;
	letter-spacing: 0.08em;
}
.training__schedule-modal-ttl-eng{
	font-size: 1.2rem;
	letter-spacing: 0.13em;
	padding-bottom: 1em;
	margin-left: 1.9em;
}
.training__schedule-modal-bottom{
}
.training__schedule-modal-lead{
	font-size: 1.6rem;
  letter-spacing: 0.14em;
  line-height: 2.25;
}
.training__schedule-modal__imgLayout {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 0 30px;
}
.training__schedule-modal__imgLayout__contBox {
  flex: 1;
  max-width: 669px;
}
.training__schedule-modal__imgLayout__imgBox {
  width: 310px;
}
.training__schedule-modal-inner .works__flow--modal-interview {
  margin-top: 30px;
}


/*===========================
 DATA
============================*/
/*============================
data__common
============================*/
.page__wrap-data{
	--color-green: #46B480;
	--color-yellow:#FFEC00;
	--color-orange: #CC9821;
}
.data__sec,
.data__text-plane,
.data__item-title_note {
	font-size:14px;
	font-size: clamp(10px, 0.979vw, 14px);
}
.data__sec:nth-of-type(2n+1){
	background:linear-gradient(#E5EEE9, #DAEDE3);
}
.data__sec-inner{
	max-width: 1300px;
  margin: 0 auto;
}
.data__head{
	padding-bottom: 6.428em;
	text-align:center;
	position: relative;
}
.data__head > *{
	position: relative;
	z-index: 2;
}
.data__head:before{
	content: "";
	display: block;
	width: auto;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: 1;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.data__head-en{
	font-size: 0.857em;
  letter-spacing: 0.08em;
}
.data__head-ja{
	font-size: 3.857em;
  letter-spacing: 0.172em;
}
.data__head-lead{
	line-height:1.85;
	margin-top:2.1em;
}
.data__body{
}
.data__list{
}
.data__wrap{
	display:flex;
}
.data__wrap + .data__wrap{
	margin-top: 2.4%;
}
.data__wrap-46{
}
.data__wrap-64{
}
.data__wrap-55{
}
.data__wrap-10{
	width: 100%;
}
.data__wrap-child{
}
.data__wrap-46 .data__wrap-child{
}
.data__wrap-46 .data__wrap-child:nth-child(1){
	width:40%;
}
.data__wrap-46 .data__wrap-child:nth-child(2){
	width:57.6%;
}
.data__wrap-64 .data__wrap-child{
}
.data__wrap-64 .data__wrap-child:nth-child(1){
	width: 56.7%;
}
.data__wrap-64 .data__wrap-child:nth-child(2){
	width: 40.9%;
}
.data__wrap-55 .data__wrap-child{
	width:48.8%;
}
.data__wrap-child + .data__wrap-child{
	margin-left: 2.4%;
}
.data__wrap-ver{
	display: flex;
	flex-direction: column;
}
.data__wrap-ver .data__item{
	height: auto;
}
.data__wrap-ver .data__item + .data__item{
	margin-top: 6%;
}
.data__item{
	border-radius: 1.07em;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding:2.285em 0 2em;
}
.data__sec:nth-of-type(2n+1) .data__item{
	background-color: #fff;
}
.data__sec:nth-of-type(2n) .data__item{
	background:linear-gradient(#E5EEE9, #DAEDE3);
}
.data__item-inner{
	padding:0 3.57em;
}
.data__item-title{
	text-align: center;
  font-size: 2.57em;
  font-weight: bold;
  letter-spacing: 0.16em;
  color: var(--color-green);
}
.data__item-title_line{
	border-bottom: 3px solid var(--color-green);
  padding-bottom:0.12em;
  display: inline-block;
}
.data__item-number{
	font-size: 9.285em;
	letter-spacing: 0.03em;
	color: var(--color-orange);
	font-weight: 600;
	line-height: 1;
	display: inline-block;
	text-align: right;
	min-height: 1em;
}
.data__seisanryoku .data__item-number {
  letter-spacing: 0;
}
@media (min-width: 1026px) {
  .data__seisanryoku .data__item-number {
    font-size: 8.8em;
    margin-top: 0.05em;
  }
}
.data__item-number > *{
	display: inline-block;
}
.data__item-number_1,
.data__item-number_1-1,
.data__item-number_2,
.data__item-number_2-1,
.data__item-number_3,
.data__item-number_3-1{
	display: inline-block;
}
.data__item-number_1{
	width: 0.5em;
}
.data__item-number_1-1{
	width: 1.1em;
}
.data__item-number_2{
	width: 0.84em;
}
.data__item-number_2-1{
	width: 1.6em;
}
.data__item-number_3{
  width: 1.383em;
}
.data__seisanryoku .data__item-number_3{
  width: 1.65em;
}
.data__kigyou .data__item-number_3{
	width: 0.9em;
}
.data__item-number_3-1{
	width: 1.96em;
}
.data__item-per{
	font-size: 0.66em;
	font-weight: normal;
	color: var(--color-green);
}
.data__item-unit{
	font-size: 3em;
	letter-spacing: 0.1em;
	color: var(--color-green);
	font-weight: bold;
}
.data__item-about{
	font-size: 0.38em;
	font-weight: bold;
}
.data__item-digit{
	font-size: 0.52em;
	font-weight: bold;
}
.data__c-line{
	display: inline-block;
	position: relative;
}
.data__c-line > *{
	position: relative;
	z-index: 2;
}
.data__c-line:before{
	content: "";
	display: block;
	width: 0%;
	height: 0.1em;
	position: absolute;
	left: 0;
	bottom: 0.12em;
	background: var(--color-yellow);
	transition: width .5s 1.6s;
	z-index: 1;
}
.data__item.inview .data__c-line:before{
	width: 100%;
}
.data__text {
	transform: translateY(30px);
  opacity: 0;
	transition: transform 0.7s 1.6s, opacity 0.7s 1.6s;
}
.data__item.inview  .data__text {
	transform: translateY(0);
  opacity: 1;
}
.data__text-plane{
	letter-spacing: 0.03em;
	line-height: 1.857;
}
.data__text-note{
	font-size: 10px;
	text-align: right;
	letter-spacing:0.03em;
}
/*============================
data__company
============================*/
.data__company{
	padding:90px 0 115px;
}
.data__company .data__head:before{
	background-image: url(../Image/data__company-head_bg.svg);
	width: 52.2em;
	height: 12.42em;
	top: 1.71em;
}
/*============================
data__syareki
============================*/
.data__syareki{
}
.data__syareki .data__graph{
	margin-top: 7.5%;
	padding-top: 2.8%;
	position: relative;
	text-align: center;
}
.data__syareki .data__graph:before,
.data__syareki .data__graph:after{
	content: "";
  display: block;
  width: 19.38%;
  height: 100%;
	position: absolute;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.data__syareki .data__graph:before{
	background-image: url("../Image/icon-laurel-left.svg");
  left: 0;
}
.data__syareki .data__graph:after{
	background-image: url("../Image/icon-laurel-right.svg");
  right: 0;
}
.data__syareki-top{
}
.data__syareki-bottom{
	font-size: 2.21em;
	line-height: 1;
	color: var(--color-green);
}
.data__syareki-bottom_num{
	font-size: 1.548em;
	letter-spacing: 0.03em;
}
.data__syareki-bottom_unit{
	letter-spacing: 0.06em;
	font-weight: 500;
}
.data__syareki .data__text{
	margin-top: 3em;
}
/*============================
data__seihin
============================*/
.data__seihin{
	flex:1;
}
.data__seihin-top{
	margin-top: 10%;
  margin-bottom: 7.5%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  width: 72.8%;
}
.data__seihin-top_item{
  display: block;
  width: 6.2%;
  padding-top: 9.28%;
  background:url(../Image/icon-seihin.svg) center no-repeat;
  background-size: contain;
  transform: translateY(10px);
  opacity: 0;
  transition: transform .2s, opacity .2s;
}
.data__seihin.inview .data__seihin-top_item{
  transform: translateY(0);
  opacity: 1;
}
.data__seihin-top_item:not(:nth-child(11n+1)){
  margin-left: 3.18%;
}
.data__seihin-top_item:nth-child(n+12){
  margin-top: 3.18%;
}
.data__seihin-bottom{
	text-align: center;
}
.data__seihin-bottom .data__c-line:before{
  transition-delay: 2.6s;
}
.data__seihin .data__item-unit{
	letter-spacing: 0.16em;
	margin-left: 0.2em;
}
.data__seihin .data__text {
	margin-top: 1.2em;
}
/*============================
data__uriage
============================*/
.data__uriage{
}
.data__uriage .data__item-inner{
	padding: 0 2.78em;
}
.data__uriage .data__graph{
	margin-top: 8.67%;
}
.data__uriage-top{
}
.data__uriage-top_inner{
	position: relative;
}
.data__uriage-top_bg{
	padding-top: 59.8%;
	background: url(../Image/data__uriage-top_bg.svg) no-repeat center;
	background-size: contain;
}
.data__uriage-list{
	display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	left: 0;
	bottom: 0;
	padding-left: 16.43%;
	padding-right: 14.76%;
	padding-bottom:4.11%;
}
.data__uriage-item{
		width: 15.64%;
    position: relative;
}
.data__uriage-item_value{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 0%;
	transition: height .5s ease-in-out;
}
.data__uriage-2021 .data__uriage-item_value{
  transition-delay: .3s;
}
.data__uriage-2022 .data__uriage-item_value{
  transition-delay: .6s;
}
.data__uriage-2023 .data__uriage-item_value{
  transition-delay: .9s;
}
.data__uriage-2024 .data__uriage-item_value{
  transition-delay: 1.2s;
}
.data__uriage.inview .data__uriage-2021 .data__uriage-item_value {
  height: 54%;
}
.data__uriage.inview .data__uriage-2022 .data__uriage-item_value {
  height: 55%;
}
.data__uriage.inview .data__uriage-2023 .data__uriage-item_value {
  height: 58.2%;
}
.data__uriage.inview .data__uriage-2024 .data__uriage-item_value {
  height: 77.5%;
}
.data__uriage-item_number{
	position: absolute;
	width: 136.6%;
	left: 50%;
	top: 0;
	transform: translate(-50%,-107.2%);
	transition: opacity .5s ease-in-out;
  opacity: 0;
}
.data__uriage-2021 .data__uriage-item_number{
  transition-delay: .7s;
}
.data__uriage-2022 .data__uriage-item_number{
  transition-delay: 1s;
}
.data__uriage-2023 .data__uriage-item_number{
  transition-delay: 1.3s;
}
.data__uriage-2024 .data__uriage-item_number{
  transition-delay: 1.6s;
}

.data__uriage.inview .data__uriage-item_number{
  opacity: 1;
}
.data__uriage-item_bar{
	background-color: var(--color-green);
  height: 100%;
  position: relative;
}
.data__uriage-item_label{
	position: absolute;
	left: 50%;
	bottom: 0;
	text-align: center;
	transform: translate(-50%,2.1em);
	font-weight: bold;
	white-space: nowrap;
	letter-spacing: 0.013em;
}
.data__uriage-bottom{
	margin-top:6.7%;
	padding-top:8.21%;
}
.data__uriage-bottom_inner{
	background-color: var(--color-green);
	color: #fff;
	border-radius: 0.714em;
	padding: 3.3% 5.9% 3.8%;
	box-sizing: border-box;
	position: relative;
}
.data__uriage-bottom_inner:before{
	content: "";
  display: block;
  position: absolute;
	border:2.21em solid transparent;
	border-bottom: 3.857em solid #46b481;
  left: 50%;
  top: 0;
  transform: translate(-50%,-99%);
}
.data__uriage-bottom_box{
	padding:1.7em 0;
	display: flex;
	align-items: flex-end;
}
.data__uriage-bottom_box + .data__uriage-bottom_box{
	border-top: 2px dotted #fff;
}
.data__uriage-bottom_label{
	font-size: 3em;
	width: 4.52em;
	font-weight: bold;
}
.data__uriage-bottom-year{
	font-size: 0.714em;
	color: var(--color-green);
	letter-spacing: 0.08em;
	padding:0.13em;
	width: 5.76em;
	border-radius: 0.16em;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	background-color: #F4E675;
}
.data__uriage-bottom-year:after {
    content: "";
    display: block;
		border:solid 0.233em transparent;
		border-top:0.4em solid #F4E675;
    position: absolute;
    left: 50%;
		bottom: 0;
		transform: translate(-50%,99%);
}
.data__uriage-bottom-period{
	margin-top: 0.22em;
}
.data__uriage-bottom_value,
.data__uriage-bottom_value .data__item-number,
.data__uriage-bottom_box .data__item-unit,
.data__uriage-bottom_box .data__item-per{
	color: #F4E675;
}
.data__uriage-bottom_box:nth-child(2) .data__uriage-bottom-year{
	background-color: var(--color-yellow);
}
.data__uriage-bottom_box:nth-child(2) .data__uriage-bottom-year:after{
	border-top-color: var(--color-yellow);
}
.data__uriage-bottom_box:nth-child(2) .data__uriage-bottom_value,
.data__uriage-bottom_box:nth-child(2) .data__uriage-bottom_value .data__item-number,
.data__uriage-bottom_box:nth-child(2) .data__item-unit,
.data__uriage-bottom_box:nth-child(2) .data__item-per{
	color: var(--color-yellow);
}
.data__uriage-bottom_value .data__item-number{
	font-size: 8.142em;
}
.data__uriage-bottom_value .data__item-per{
	font-size: 0.78em;
}
.data__uriage-bottom_value .data__c-line:before{
	background-color: #fff;
}
/*============================
data__jigyou
============================*/
.data__jigyou{
}
.data__jigyou .data__item-inner{
	padding: 0 2.7em;
}
.data__jigyou .data__graph {
	margin-top: 7.5%;
}
.data__jigyou-wrap{
	position: relative;
}
.data__jigyou-image{
	width: 23.2%;
	margin:0 auto;
}
.data__jigyou-text{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.data__jigyou-text_in{
	position: absolute;
}
.data__jigyou-text_left{
	left: 0;
	top: 50%;
	transform:translateY(-50%);
}
.data__jigyou-text_right{
	top: -0.6em;
	right: 0;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
}
.data__jigyou-item{
}
.data__jigyou-iryou{
}
.data__jigyou-ippan{
}
.data__jigyou-other{
	display: flex;
	margin-top: 1em;
}
.data__jigyou-label{
	font-size: 1.85em;
	font-weight: bold;
	letter-spacing: 0.01em;
	margin-bottom: -0.5em;
}
.data__jigyou-iryou .data__jigyou-label{
	color: #C5B942;
}
.data__jigyou-ippan .data__jigyou-label{
	color: #86B8A9;
}
.data__jigyou-other .data__jigyou-label{
	letter-spacing: -0.04em;
	color: #BBB457;
	margin-right: 0.6em;
}
.data__jigyou-iryou .data__item-number_2-1,
.data__jigyou-ippan .data__item-number_2-1{
	font-size: 0.83em;
	letter-spacing: 0.03em;
}
.data__jigyou-other .data__item-number{
	margin-top: -0.3em;
}
.data__jigyou-other .data__item-number_1-1{
	font-size: 0.67em;
	letter-spacing: 0.03em;
}
.data__jigyou-other .data__item-per{
	font-size: 0.6em;
}
.data__jigyou .data__text{
	margin-top: 2.2em;
}
/*============================
data__share
============================*/
.data__share{
}
.data__share .data__item-inner{
	padding:0 2.5em;
}
.data__share .data__graph{
	display: flex;
	margin-top: 9.1%;
}
.data__share-left{
	width: 54.2%;
	margin-top: 3.9%;
	position: relative;
}
.data__share-left_donuts{
	position: relative;
	padding-top: 100%;
}
.data__share-left_donuts > svg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.data__share-left_donuts .donuts__green{
	transform: rotate(-90deg);
	z-index: 2;
}
.data__share-left_donuts .donuts__green circle{
	stroke-dasharray: 0 641;
	transition: stroke-dasharray 1.4s;
}
.data__share.inview .data__share-left_donuts .donuts__green circle{
	stroke-dasharray: 481 160;
}
.data__share-left_text{
	width: 60%;
	height: 60%;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	left: 20%;
	top: 20%;
	text-align: center;
}
.data__share-left_number{
	white-space: nowrap;
	margin-top: -0.05em;
}
.data__share .data__item-number_2{
	font-size: 0.67em;
	letter-spacing: 0;
}
.data__share .data__item-per {
  font-size: 0.6em;
}
.data__share-left_note{
	font-size: 0.85em;
	letter-spacing: 0.04em;
	margin-top: -0.5em;
}
.data__share-right{
	margin-left: 1.1%;
	flex:1;
	position: relative;
	z-index: 2;
}
.data__share-balloon{
	font-size: 1.78em;
	position: relative;
	width: 7em;
	box-sizing: border-box;
	padding:0.2em 0.2em 0.1em;
	border-radius: 0.32em;
	background-color: var(--color-green);
	text-align: center;
	color: var(--color-yellow);
}
.data__share-balloon:after{
	content: "";
	display: block;
	width: 14.3%;
	height: 23.5%;
	position: absolute;
	left: 16%;
	bottom: 0;
	transform: translateY(95%);
	background:url(../Image/data__share-balloon.svg) center top no-repeat;
	background-size: contain;
}
.data__share-balloon_label{
	letter-spacing: 0.04em;
}
.data__share-balloon_value{
	font-size: 2.68em;
	letter-spacing: 0.04em;
	line-height: 1;
	margin-top: -0.1em;
}
.data__share-image{
}
.data__share-image img{
	width: 111%;
	max-width: 111%;
	transform: translateX(-16.5%);
}
.data__share .data__text{
	margin-top: 1.57em;
}
/*============================
data__kyoten
============================*/
.data__kyoten{
	padding-bottom: 0.28em;
}
.data__kyoten .data__item-inner{
	position: relative;
}
.data__kyoten .data__graph{
	margin-top: 2.3%;
	position: relative;
}
.data__kyoten-map{
	padding-left: 21.4%;
	padding-right: 13.9%;
}
.data__kyoten-point{
	position: absolute;
	color: #fff;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-color: var(--color-green);
}
.data__kyoten-germany{
	width: 18.14em;
  height: 18.14em;
  left: 0;
  top: -13%;
	background-image: url(../Image/icon-germany.svg);
	background-position:41% 43%;
  background-size:52.3%;
  opacity: 0;
  transform: translateX(80px) scale(0);
  transform-origin: right center;
  transition: transform .5s .2s, opacity .5s .2s;
}
.data__kyoten-japan{
	width: 27.85em;
  height: 27.85em;
  right: 6%;
  top: -6.2%;
	background-image: url(../Image/icon-nara.svg);
	background-position:38% 38%;
  background-size:65%;
  opacity: 0;
  transform: translateX(-80px) scale(0);
  transform-origin: left center;
	transition: transform .5s .5s, opacity .5s .5s;

}
.data__kyoten.inview .data__kyoten-germany,
.data__kyoten.inview .data__kyoten-japan{
	transform: translateX(0px) scale(1);
  opacity: 1;
}
.data__kyoten-point:before{
	content: "";
	display: block;
	border-color: transparent;
	border-style: solid;
	position: absolute;
}
.data__kyoten-germany:before{
	border-width: 0.92em;
	border-left: 3em solid var(--color-green);
	right: 0;
	top: 48.8%;
	transform: translateX(74%) rotate(11deg);
}
.data__kyoten-japan:before{
	border-width: 1em;
	border-right: 3.14em solid var(--color-green);
	left: 0;
	top: 43.3%;
	transform: translateX(-95%) rotate(9deg);
}
.data__kyoten-point_inner{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.data__kyoten-point_label{
	font-size: 1.857em;
	font-weight: bold;
	letter-spacing: 0.01em;
}
.data__kyoten-germany .data__kyoten-point_label{
	letter-spacing: 0.16em;
	margin-bottom: -0.4em;
}
.data__kyoten-japan .data__kyoten-point_label{
	padding-left: 2em;
	padding-top: 0.8em;
}
.data__kyoten-point_value{
	padding-left: 02.5em;
}
.data__kyoten .data__item-number{
	color: var(--color-yellow);
}
.data__kyoten .data__item-unit{
	color: #fff;
	font-size: 1.857em;
}
.data__kyoten-germany .data__item-unit{
	margin-left: -0.3em;
}
.data__kyoten-japan .data__item-unit{
	margin-left: 0.3em;
}
.data__kyoten-point_note{
	font-size: 0.92em;
	letter-spacing: 0.01em;
	line-height: 1.3;
	margin-top: -0.5em;
	padding-bottom: 1.1em;
	padding-left: 0.7em;
}
.data__kyoten-japan .data__kyoten-point_label > p {
	overflow: hidden;
}
.data__kyoten-point_label-hide{
	display: inline-block;
	transform: translateY(120%);
	transition: transform .5s;
}
.data__kyoten-japan .data__kyoten-point_label p:nth-child(1) .data__kyoten-point_label-hide{
  transition-delay:1s;
}
.data__kyoten-japan .data__kyoten-point_label p:nth-child(2) .data__kyoten-point_label-hide{
  transition-delay:1.1s;
}
.data__kyoten-japan .data__kyoten-point_label p:nth-child(3) .data__kyoten-point_label-hide{
  transition-delay:1.2s;
}
.data__kyoten-japan .data__kyoten-point_label p:nth-child(4) .data__kyoten-point_label-hide{
  transition-delay:1.3s;
}
.data__kyoten.inview .data__kyoten-point_label-hide{
  transform: translateY(0%);
}
.data__kyoten-point_label-hide .font_small{
	font-size: 0.65em;
}
.data__kyoten .data__text{
	width: 25em;
	position: absolute;
	left: 3.57em;
	bottom: 3.2em;
	transition-delay: 2.6s;
}
.data__kyoten-note{
	display: none;
}
/*============================
data__kigyou
============================*/
.data__kigyou{
}
.data__kigyou .data__item-inner{
}
.data__kigyou .data__graph{
	margin-top: 4%;
	display: flex;
	align-items: flex-end;
}
.data__kigyou-image{
	width: 47.7%;
}
.data__kigyou-text{
	flex:1;
  padding-left: 8%;
}
.data__kigyou .data__item-number{
	padding-right: 0.05em;
}
.data__kigyou .data__item-unit{
	margin-left: 0.2em;
}
.data__kigyou .data__text{
	margin-top:1em;
}
/*============================
data__seisanryoku
============================*/
.data__seisanryoku{
}
.data__seisanryoku .data__item-inner{
	padding:0;
}
.data__seisanryoku .data__graph{
	padding-left: 14.5em;
	padding-right: 2.78em;
	padding-top: 10.3%;
	position: relative;
}
.data__seisanryoku-image{
	position: absolute;
	width: 33.8%;
	left: 0;
	top:0;
	transform: translateY(-26.9%);
}
.data__seisanryoku-text{
	position: relative;
}
.data__seisanryoku-label{
	position: absolute;
	background-color: var(--color-green);
	color: #fff;
	font-size: 1.42em;
	letter-spacing: 0.05em;
	font-weight: bold;
	line-height: 1.6;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 7.9em;
	height: 7.9em;
	border-radius: 50%;
	right: 0;
	top: 0;
	transform: translateY(-100%);
	text-align: center;
	opacity: 0;
  transition: transform .5s, opacity .5s;
}
.data__seisanryoku.inview .data__seisanryoku-label{
	transform: translateY(-72%);
	opacity: 1;
}
.data__seisanryoku-label:after{
	content: "";
	display: block;
	border: solid 0.57em transparent;
	border-top: 2em solid var(--color-green);
	position: absolute;
	left: 3%;
	bottom:-8%;
	transform:  rotate(40deg);
}
.data__seisanryoku .data__item-unit{
	margin-left: 0.2em;
}

.data__seisanryoku .data__text{
	padding:0 2.78em;
}
/*============================
data__team
============================*/
.data__team{
	padding:120px 0;
}
.data__team .data__head:before{
	background-image: url(../Image/data__team-head_bg.svg);
	width: 30.4em;
	height: 12.42em;
	top: 0;
}
/*============================
data__jyugyouin
============================*/
.data__jyugyouin{
}
.data__jyugyouin .data__graph{
	display: flex;
}
.data__jyugyouin-top{
	width: 47.2%;
}
.data__jyugyouin-list{
	display: flex;
  flex-wrap: wrap;
	width: 88.4%;
	margin:0 auto;
	margin-top: 5.6%;
	margin-bottom: 2.8%;
}
.data__jyugyouin-item{
  width: 7.48%;
  padding-top: 10.7%;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  transform: translateY(10px);
  opacity: 0;
  transition: transform .2s, opacity .2s;
}
.data__jyugyouin-item:nth-child(5n+1){
  background-image: url(../Image/icon-employee01.svg);
}
.data__jyugyouin-item:nth-child(5n+2){
  background-image: url(../Image/icon-employee02.svg);
}
.data__jyugyouin-item:nth-child(5n+3){
  background-image: url(../Image/icon-employee03.svg);
}
.data__jyugyouin-item:nth-child(5n+4){
  background-image: url(../Image/icon-employee04.svg);
}
.data__jyugyouin-item:nth-child(5n){
  background-image: url(../Image/icon-employee05.svg);
}
.data__jyugyouin-item:not(:nth-child(12n+1)){
  margin-left: 0.93%;
}
.data__jyugyouin-item:nth-child(n+13){
  margin-top: 2.6%;
}
.data__jyugyouin.inview .data__jyugyouin-item{
  transform: translateY(0);
  opacity:1;
}
.data__jyugyouin-text{
	padding-left: 7em;
  text-align: center;
}
.data__jyugyouin .data__item-unit{
	margin-left: 0.3em;
}
.data__jyugyouin-note{
	font-size: 0.857em;
	margin-left: 0.5em;
}
.data__jyugyouin-donut{
	width: 52.8%;
}
.data__jyugyouin-chart{
	transform: translateX(60px);
	opacity: 0;
	transition: transform .5s 2s, opacity .5s 2s;
}
.data__jyugyouin.inview .data__jyugyouin-chart{
	transform: translateX(0);
	opacity: 1;
}
.data__jyugyouin .data__text{
	padding-right: 52.8%;
	position: relative;
}
/*============================
data__danjyo
============================*/
.data__danjyo{
	padding-bottom: 0;
}
.data__danjyo .data__item-inner{
	position: relative;
}
.data__danjyo .data__graph{
	margin-top: 10.7%;
}
.data__danjyo-list{
	display: flex;
	justify-content: space-between;
}
.data__danjyo-item{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 1.357em;
	padding-top: 15em;
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	transform: translateY(60px);
	opacity: 0;
	transition: transform .4s, opacity .4s;
}
.data__danjyo.inview .data__danjyo-item{
	transform: translateY(0);
	opacity: 1;
}
.data__danjyo-male{
	width: 48.12%;
	background-image:url(../Image/icon-man.svg);
}
.data__danjyo-female{
	width: 48.56%;
	background-image:url(../Image/icon-woman.svg);
	flex-direction: row-reverse;
	transition-delay: 0.2s;
}
.data__danjyo-label{
	letter-spacing: 0;
	font-size: 2.357em;
	width: 1.18em;
	font-weight: bold;
	line-height: 1.3;
	padding-bottom: 0.5em;
}
.data__danjyo-female .data__danjyo-label{
	text-align: right;
}
.data__danjyo-value{
}
.data__danjyo .data__item-per{
	margin-left: 0.1em;
}
.data__danjyo-note{
	position: absolute;
	right: 1.5em;
	bottom: 0.5em;
  font-size: 0.85em;
}
/*============================
data__nenrei
============================*/
.data__nenrei{
}
.data__nenrei .data__graph{
	margin-top: 6.76%;
}
.data__nenrei-image{
	padding:0 19.2%;
	transform: translateY(60px);
	opacity: 0;
	transition: transform .4s, opacity .4s;
}
.data__nenrei.inview .data__nenrei-image{
	transform: translateY(0);
	opacity: 1;
}
.data__nenrei-text{
	margin-top: 2.7%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.data__nenrei .data__item-unit{
	margin-left: 0.2em;
}
.data__nenrei-text_sub{
  padding-top: 1em;
	margin-left: 1.85em;
}
.data__nenrei-list{
	font-size: 2em;
	background-color: var(--color-green);
	color: #fff;
	border-radius: 0.28em;
	padding: 0 0.64em;
	font-weight: bold;
}
.data__nenrei-item{
	padding:0;
	letter-spacing: 0.21em;
	padding-left: 0.53em;
	padding-right: 0.53em;
}
.data__nenrei-min{
	margin-bottom: -0.4em;
	position: relative;
}
.data__nenrei-min:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left:0;
	bottom: 0.1em;
}
.data__nenrei-max{
}
.data__nenrei-item .font__DIN_con{
	color: var(--color-yellow);
	font-size: 1.32em;
	letter-spacing: 0.09em;
	margin-left: 0.1em;
}
.data__nenrei-note{
	font-size:0.85em;
	text-align: right;
  margin-top: 0.3em;
}
/*============================
data__ikukyu
============================*/
.data__ikukyu{
}
.data__ikukyu .data__item-inner{
	padding:0 2.28em;
	display: flex;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
}
.data__ikukyu-left{
	width: 44%;
}
.data__ikukyu .data__graph{
}
.data__ikukyu-graph_item{
}
.data__ikukyu-graph_item + .data__ikukyu-graph_item{
	margin-top: 2.2em;
}
.data__ikukyu-value{
	position: relative;
	margin-top: 0.8em;
	display: inline-block;
}
.data__ikukyu-note{
	position: absolute;
	right: 0;
	top: 1.2em;
	color: var(--color-green);
	font-weight: bold;
	font-size: 1.14em;
}
.data__ikukyu-right{
	width: 52.8%;
	width: 40.8%;
	margin-left: 1em;
}
.data__ikukyu-image{
	transform: translateY(60px);
	opacity: 0;
	transition: transform .4s, opacity .4s;
}
.data__ikukyu.inview .data__ikukyu-image{
	transform: translateY(0);
	opacity: 1;
}
.data__ikukyu .data__ikukyu-text{
	padding-left: 1em;
	margin-top:1em;
}
/*============================
data__jyosei
============================*/
.data__jyosei{
}
.data__jyosei .data__graph{
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0.3em;
	margin-top: 11.8%;
}
.data__jyosei-item{
	text-align: center;
}
.data__jyosei-label{
	font-size: 2.35em;
	font-weight: bold;
	padding-right: 1em;
}
.data__jyosei-value{
}
.data__jyosei .data__item-per{
	margin-left: 0.05em;
}
.data__jyosei-image{
	width: 34%;
	margin-right: 1em;
	transform: translateY(60px);
	opacity: 0;
	transition: transform .4s, opacity .4s;
}
.data__jyosei.inview .data__jyosei-image{
	transform: translateY(0);
	opacity: 1;
}
.data__jyosei .data__text{
	margin-top: 2em;
}
/*============================
data__questionnaire
============================*/
.data__questionnaire{
	padding: 157px 0 216px;
}
.data__questionnaire .data__item-inner{
	padding:0 3.28em;
	position: relative;
	box-sizing: border-box;
  height: 100%;
}
.data__questionnaire .data__head:before{
	background-image: url(../Image/data__questionnaire-head_bg.svg);
	width: 52.2em;
	height: 12.42em;
	top: 1.71em;
}
.data__questionnaire .data__item {
}
.data__questionnaire .data__item-title{
	text-align: left;
	letter-spacing: 0.03em;
}
.data__questionnaire .data__item-title_line{
	display: block;
}
.data__questionnaire .data__item-title_q{
	font-size: 1.64em;
	letter-spacing: -0.02em;
	font-weight: normal;
	line-height: 0.9;
	margin-right: 0.1em;
}
/*============================
data__questionnaire
============================*/
.data__shindan{
	padding: 3.2em 0;
}
.data__shindan .data__item-inner{
	padding-bottom: 4.69em;
}
.data__shindan .data__item-title{
	max-width: 16.6em;
}
.data__shindan .data__graph{
	position: relative;
	padding-top: 8.2%;
}
.data__shindan-figure{
	position: absolute;
}
.data__shindan-figure_01{
	width: 15.65%;
	top: 10%;
	right: 67%;
}
.data__shindan-figure_02{
	width: 10%;
	top: 40%;
	right: 53.4%;
}
.data__shindan-figure_03{
	width: 16.8%;
	top: 6%;
	right: 34.6%;
}
.data__shindan-figure_04{
	width: 7.29%;
	top: 42.5%;
	right: 23%;
}
.data__shindan-figure_05{
	width: 15.49%;
	top: 27.6%;
	right: 4.1%;
}
.data__shindan-chart{
	padding-top: 26.15%;
}
.data__shindan-list{
	display: flex;
	justify-content: space-around;
	position: absolute;
	width: 95.44%;
  height: 100%;
	left: 2.28%;
	top: 0;
	border-bottom: 3px solid var(--color-green);
}
.data__shindan-item{
	width: 4.37%;
  position: relative;
}
.data__shindan-value{
	width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
	height: 0%;
	transition: height .5s ease-in-out;
}
.data__shindan-number {
	position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,-100%);
	white-space: nowrap;
}
.data__shindan-number .data__item-number{
	font-size: 2.7em;
}
.data__shindan-number .data__item-unit{
	font-size: 1.35em;
}
.data__shindan-bar{
  background-color: var(--color-green);
	height: 100%;
}
.data__shindan-label{
	font-size: 1.07em;
	letter-spacing: 0.12em;
	line-height: 1.22;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,2.8em);
}
.data__shindan-item.data__shindan-entertainer .data__shindan-label,
.data__shindan-item.data__shindan-kouhou .data__shindan-label{
	transform: translate(-50%,4em);
}
.data__shindan-yougosya .data__shindan-value{
	transition-delay: .1s;
}
.data__shindan-boukensya .data__shindan-value{
	transition-delay: .2s;
}
.data__shindan-ryoujikan .data__shindan-value{
	transition-delay: .3s;
}
.data__shindan-chukaisya .data__shindan-value{
	transition-delay: .4s;
}
.data__shindan-entertainer .data__shindan-value{
	transition-delay: .5s;
}
.data__shindan-kanbu .data__shindan-value{
	transition-delay: .6s;
}
.data__shindan-teisyousya .data__shindan-value{
	transition-delay: .7s;
}
.data__shindan-kenchikuka .data__shindan-value{
	transition-delay: .8s;
}
.data__shindan-ronri .data__shindan-value{
	transition-delay: .9s;
}
.data__shindan-kouhou .data__shindan-value{
	transition-delay: 1s;
}
.data__shindan-kanrisya .data__shindan-value{
	transition-delay: 1.1s;
}
.data__shindan-syujinkou .data__shindan-value{
	transition-delay: 1.2s;
}
.data__shindan-kigyouka .data__shindan-value{
	transition-delay: 1.3s;
}
.data__shindan-kyosyou .data__shindan-value{
	transition-delay: 1.4s;
}
.data__shindan.inview .data__shindan-yougosya .data__shindan-value{
	height: 85.1%;
}
.data__shindan.inview .data__shindan-boukensya .data__shindan-value{
	height: 48.7%;
}
.data__shindan.inview .data__shindan-ryoujikan .data__shindan-value{
	height: 36%;
}
.data__shindan.inview .data__shindan-chukaisya .data__shindan-value{
	height: 26.9%;
}
.data__shindan.inview .data__shindan-entertainer .data__shindan-value{
	height: 19%;
}
.data__shindan.inview .data__shindan-kanbu .data__shindan-value{
	height: 11%;
}
.data__shindan.inview .data__shindan-teisyousya .data__shindan-value{
	height: 11%;
}
.data__shindan.inview .data__shindan-kenchikuka .data__shindan-value{
	height: 9.5%;
}
.data__shindan.inview .data__shindan-ronri .data__shindan-value{
	height: 9.5%;
}
.data__shindan.inview .data__shindan-kouhou .data__shindan-value{
	height: 6.3%;
}
.data__shindan.inview .data__shindan-kanrisya .data__shindan-value{
	height: 4.7%;
}
.data__shindan.inview .data__shindan-syujinkou .data__shindan-value{
	height: 4.7%;
}
.data__shindan.inview .data__shindan-kigyouka .data__shindan-value{
	height: 4.7%;
}
.data__shindan.inview .data__shindan-kyosyou .data__shindan-value{
	height: 4.7%;
}
.data__shindan .data__text{
	position: absolute;
	top: 4.7em;
	right: 6em;
	max-width: 24em;
}
.data__shindan .data__text-note{
	text-align: left;
}
@media all and (min-width : 1026px ){
  .data__item-inner.-posBox {
    height: 100%;
    padding-bottom: 20px;
    position: relative;
    box-sizing: border-box;
  }
  .data__text-note.-pos {
    position: absolute;
    right: 0;
    bottom: -15px;
  }
  .data__seihin .data__text-note.-pos,
  .data__kigyou .data__text-note.-pos {
    right: 50px;
  }
  .data__jigyou .data__text-note.-pos,
  .data__share .data__text-note.-pos {
    right:38px;
  }

  .data__nenrei {
    position: relative;
  }

  .data__nenrei-note {
    position: absolute;
    right: 1.5em;
    bottom: 0.5em;
  }
}

/*============================
data__syussin
============================*/
.data__syussin{
	padding: 3.2em 0;
}
.data__syussin .data__item-title{
	max-width: 18.5em;
}
.data__syussin .data__graph{
	margin-top: 3.7%;
}
.data__syussin-flex{
	display: flex;
	justify-content: space-between;
}
.data__syussin-text{
	width: 43.2%;
	transform: translateX(-60px);
	opacity: 0;
	transition: transform .5s, opacity .5s;
}
.data__syussin.inview .data__syussin-text{
	transform: translateX(0);
	opacity: 1;
}
.data__syussin-img{
	width: 52.6%;
	position: relative;
	transform: translateY(-18%);
	margin-bottom: -9.468%;
}
.data__syussin-copy{
	font-size: 2.92em;
	font-weight: bold;
	letter-spacing: 0.16em;
	color: #fff;
	background-color: var(--color-green);
	padding:0.05em 0.6em;
	position: absolute;
	right: 0;
	top: 19%;
	z-index: 3;
	transform: translateY(-60px);
	opacity: 0;
	transition: transform 1s 1s, opacity 1s 1s;
}
.data__syussin.inview .data__syussin-copy{
	transform: translateY(0);
	opacity: 1;
}
.data__syussin-img_front{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	transition: opacity 1s .5s;
}
.data__syussin.inview .data__syussin-img_front{
	opacity: 1;
}
.data__syussin .data__text{
	width: 35.8%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 3.28em;
}
.data__syussin-link{
	color:var(--color-green);
	text-decoration:underline;
}
/*============================
data__tsuukinsyudan
============================*/
.data__tsuukinsyudan{
}
.data__tsuukinsyudan-figure{
	position: absolute;
	z-index: 2;
}
.data__tsuukinsyudan-figure_01{
	width: 29%;
	left: 3.8%;
	bottom: 5.57em;
	transform: translateX(-60px);
	opacity: 0;
	transition: transform .5s .6s, opacity .5s .6s;
}
.data__tsuukinsyudan-figure_02{
	width: 32%;
	right: 0;
	top: 3.573em;
	transform: translateX(60px);
	opacity: 0;
	transition: transform .5s .3s, opacity .5s .3s;
}
.data__tsuukinsyudan .data__graph{
	margin-top: 5.5%;
	text-align: center;
	padding:0 5%;
	transform: translateY(60px);
	opacity: 0;
	transition: transform .5s .8s opacity .5s .8s;
}
.data__tsuukinsyudan.inview .data__tsuukinsyudan-figure_01,
.data__tsuukinsyudan.inview .data__tsuukinsyudan-figure_02{
	opacity: 1;
	transform: translateX(0);
}
.data__tsuukinsyudan.inview .data__graph{
	transform: translateY(0);
	opacity: 1;
}
.data__tsuukinsyudan .data__graph img{
}
.data__tsuukinsyudan .data__text{
	padding-left: 13em;
	margin-top: 2.6em;
}
/*============================
data__tsuukinjikan
============================*/
.data__tsuukinjikan{
}
.data__tsuukinjikan-figure{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-60px,-50%);
	width: 19.3%;
	opacity: 0;
	transition: transform .5s, opacity .5s;
}
.data__tsuukinjikan.inview .data__tsuukinjikan-figure{
	transform: translate(0,-50%);
	opacity: 1;
}
.data__tsuukinjikan .data__graph{
	margin-top: 10.8%;
	width: 55%;
	margin-left: auto;
	padding-top: 51.85%;
	position: relative;
}
.data__tsuukinjikan-list{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-left: 3px solid var(--color-green);
}
.data__tsuukinjikan-item{
	height: 13.9%;
  position: relative;
}
.data__tsuukinjikan-label{
	font-size: 1.42em;
	font-weight: bold;
	letter-spacing: 0.09em;
	width: 7.3em;
	box-sizing: border-box;
	padding-right: 0.8em;
	text-align: right;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%,-50%);
}
.data__tsuukinjikan-value{
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	transition: width .5s ease-in-out;
}
.data__tsuukinjikan-10 .data__tsuukinjikan-value{
	transition-delay: .5s;
}
.data__tsuukinjikan-30 .data__tsuukinjikan-value{
	transition-delay: .6s;
}
.data__tsuukinjikan-60 .data__tsuukinjikan-value{
	transition-delay: .7s;
}
.data__tsuukinjikan-over60 .data__tsuukinjikan-value{
	transition-delay: .8s;
}
.data__tsuukinjikan.inview .data__tsuukinjikan-10 .data__tsuukinjikan-value{
	width: 12.6%;
}
.data__tsuukinjikan.inview .data__tsuukinjikan-30 .data__tsuukinjikan-value{
	width: 58%;
}
.data__tsuukinjikan.inview .data__tsuukinjikan-60 .data__tsuukinjikan-value{
	width: 13.7%;
}
.data__tsuukinjikan.inview .data__tsuukinjikan-over60 .data__tsuukinjikan-value{
	width: 3%;
}
.data__tsuukinjikan-bar{
	background-color: var(--color-green);
	width: 100%;
	height: 100%;
}
.data__tsuukinjikan-number{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(120%,-50%);
	white-space: nowrap;
}
.data__tsuukinjikan .data__item-number{
	font-size: 2.7em;
}
.data__tsuukinjikan .data__item-unit{
	font-size: 1.357em;
}
.data__tsuukinjikan .data__text{
	margin-top: 2.85em;
}
/*============================
data__lunch
============================*/
.data__lunch{
	padding-bottom:0;
}
.data__lunch .data__item-inner{
	padding-bottom: 2.285em;
}
.data__lunch-figure{
	position: absolute;
	transition:transform .5s opacity .5s;
	opacity: 0;
}
.data__lunch-figure_01{
	width: 20%;
	top: 2.3%;
	right: 2.84%;
	transform: translateX(60px);
	transition-delay: .2s;
}
.data__lunch-figure_02{
	width: 20%;
	top: 50%;
	left: 0%;
	transform: translate(-60px,-50%);
	transition-delay: .4s;
}
.data__lunch-figure_03{
	width: 26%;
	bottom: 0%;
	right: 7.6%;
	transform: translateY(60px);
	transition-delay: .4s;
}
.data__lunch.inview .data__lunch-figure{
	opacity: 1;
}
.data__lunch.inview .data__lunch-figure_01{
	transform: translateX(0);
}
.data__lunch.inview .data__lunch-figure_02{
	transform: translate(0,-50%);
}
.data__lunch.inview .data__lunch-figure_03{
	transform: translateY(0);
}
.data__lunch .data__item-title{
	max-width: 14.5em;
}
.data__lunch .data__graph{
	margin-top: 7.38%;
	width: 58%;
	margin-left: auto;
	padding-top: 54.2%;
	position: relative;
}
.data__lunch-list{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-left: 3px solid var(--color-green);
}
.data__lunch-item{
	height: 13.3%;
  position: relative;
}
.data__lunch-label{
	font-size: 1.42em;
	font-weight: bold;
	letter-spacing: 0.09em;
	line-height: 1.075;
	width: 7em;
	box-sizing: border-box;
	padding-right: 0.45em;
	text-align: right;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%,-50%);
}
.data__lunch-value{
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: width .5s ease-in-out;
	width: 0;
}
.data__lunch-bentou .data__lunch-value{
  transition-delay: .1s;
}
.data__lunch-super .data__lunch-value{
	transition-delay: .2s;
}
.data__lunch-sidasi .data__lunch-value{
	transition-delay: .3s;
}
.data__lunch-sokuseki .data__lunch-value{
	transition-delay: .4s;
}
.data__lunch-others .data__lunch-value{
	transition-delay: .5s;
}
.data__lunch.inview .data__lunch-bentou .data__lunch-value{
	width: 64.4%;
}
.data__lunch.inview .data__lunch-super .data__lunch-value{
	width: 8.2%;
}
.data__lunch.inview .data__lunch-sidasi .data__lunch-value{
	width: 7.2%;
}
.data__lunch.inview .data__lunch-sokuseki .data__lunch-value{
	width: 6.8%;
}
.data__lunch.inview .data__lunch-others .data__lunch-value{
	width: 7.2%;
}
.data__lunch-bar{
	background-color: var(--color-green);
	width: 100%;
	height: 100%;
}
.data__lunch-number{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(120%,-50%);
	white-space: nowrap;
}
.data__lunch .data__item-number{
	font-size: 2.7em;
}
.data__lunch .data__item-unit{
	font-size: 1.357em;
}
.data__lunch .data__text{
	max-width: 24em;
	margin-top: 1.7em;
}
/*============================
data__fukusou
============================*/
.data__fukusou{
	padding-bottom:0;
}
.data__fukusou .data__item-inner{
	padding-bottom: 2.285em;
}
.data__fukusou-figure,
.data__fukusou .data__graph{
	transform: translateY(60px);
	opacity: 0;
	transition: transform .5s, opacity .5s;
}
.data__fukusou-figure{
	position: absolute;
	z-index: 2;
	width: 31.5%;
	right: 3.8%;
	bottom: 0;
	transition-delay: .6s;
}
.data__fukusou .data__graph{
	margin-top: 7.38%;
	padding-right: 26.6%;
	transition-delay: .3s;
}
.data__fukusou.inview .data__fukusou-figure,
.data__fukusou.inview .data__graph{
	transform: translateY(0px);
	opacity: 1;
}

.data__tsuukinsyudan .data__graph img{
}
.data__fukusou .data__text{
	margin-top: 2em;
	max-width: 23.8em;
}
/*============================
data__miryoku
============================*/
.data__miryoku{
	padding: 3.2em 0;
}
.data__item-inner{
}
.data__miryoku .data__item-title_line{
	display: inline-block;
	padding-right: 0.5em;
}
.data__miryoku-flex{
	margin-top: 3.8%;
	display: flex;
	flex-direction: row-reverse;
}
.data__miryoku-top{
	width: 55.5%;
	padding-bottom: 5.14em;
}
.data__miryoku-chart{
	padding-top: 41.28%;
	position: relative;
}
.data__miryoku-list{
	display: flex;
	justify-content: space-around;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-bottom: 3px solid var(--color-green);
}
.data__miryoku-item{
	width: 8%;
  position: relative;
}
.data__miryoku-value{
	width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
	height: 0;
	transition: height .5s ease-in-out;
}
.data__miryoku-number{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,-100%);
	white-space: nowrap;
}
.data__miryoku-number .data__item-number{
	font-size: 2.7em;
}
.data__miryoku-number .data__item-unit{
	font-size: 1.35em;
}
.data__miryoku-bar{
	background-color: var(--color-green);
	height: 100%;
}
.data__miryoku-label{
	font-size: 1.42em;
	letter-spacing: 0.13em;
	line-height: 1.35;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,3em);
	height: 2em;
}
.data__miryoku-fukurikousei .data__miryoku-value{
	transition-delay: .1s;
}
.data__miryoku-jigyou .data__miryoku-value{
	transition-delay: .2s;
}
.data__miryoku-kouken .data__miryoku-value{
	transition-delay: .3s;
}
.data__miryoku-jisseki .data__miryoku-value{
	transition-delay: .4s;
}
.data__miryoku-syafu .data__miryoku-value{
	transition-delay: .5s;
}
.data__miryoku-event .data__miryoku-value{
	transition-delay: .6s;
}
.data__miryoku-others .data__miryoku-value{
	transition-delay: .7s;
}
.data__miryoku.inview .data__miryoku-fukurikousei .data__miryoku-value{
	height: 94.5%;
}
.data__miryoku.inview .data__miryoku-jigyou .data__miryoku-value{
	height: 70.2%;
}
.data__miryoku.inview .data__miryoku-kouken .data__miryoku-value{
	height: 63.6%;
}
.data__miryoku.inview .data__miryoku-jisseki .data__miryoku-value{
	height: 63.6%;
}
.data__miryoku.inview .data__miryoku-syafu .data__miryoku-value{
	height: 63.6%;
}
.data__miryoku.inview .data__miryoku-event .data__miryoku-value{
	height: 30.5%;
}
.data__miryoku.inview .data__miryoku-others .data__miryoku-value{
	height: 8%;
}
.data__miryoku-bottom{
	width: 36%;
	margin-right: 4.3%;
}
.data__miryoku-figure{
	padding:0 8.5%;
	transform: translateX(-60px);
	opacity: 0;
	transition: transform .5s .3s, opacity .5s .3s;
}
.data__miryoku.inview .data__miryoku-figure{
	transform: translateX(0);
	opacity: 1;
}
.data__miryoku .data__text{
	margin-top: 1.28em;
}
/*============================
data__kanpou
============================*/
.data__kanpou{
	padding: 0;
}
.data__kanpou .data__item-inner{
	padding-top: 2.285em;
	padding-bottom: 2em;

}
.data__kanpou .data__item-title_line{
	display: inline-block;
	padding-right: 0.5em;
}

.data__kanpou-figure{
	position: absolute;
}
.data__kanpou-figure_01{
	width: 11.9%;
	left: 3.3%;
	top: 15.9%;
}
.data__kanpou-figure_02{
	width: 9%;
	left: 0;
	bottom: 28.7%;
}
.data__kanpou-figure_03{
	width: 8.3%;
	top: 6.9%;
	right: 38.8%;
}
.data__kanpou-figure_04{
	width: 17.3%;
	top: 0;
	right: 9.3%;
}
.data__kanpou-figure_05{
	width: 10.5%;
	right: 0;
	top: 17.6%;
}
.data__kanpou-figure_06{
	width: 12.7%;
	right: 2.5%;
	bottom: 0;
}
.data__kanpou .data__graph,
.data__kanpou .data__text{
	padding:0 11.65%;
	position: relative;
	z-index: 2;
}
.data__kanpou .data__graph{
	transform: translateY(60px);
	opacity: 0;
	transition: transform .5s, opacity .5s;
}
.data__kanpou.inview .data__graph{
	transform: translateY(0);
	opacity: 1;
}
.data__kanpou .data__text{
	margin-top: 2.35em;
}
/*============================
data__osake
============================*/
.data__osake{
	padding-bottom:0;
}
.data__osake .data__item-inner{
	padding-bottom: 2.285em;
}
.data__osake-figure{
	position: absolute;
}
.data__osake-figure_01{
	width: 11.8%;
	right: 0;
	top: 0;
}
.data__osake-figure_02{
	width: 11%;
	left: 0;
	top: 30%;
}
.data__osake-figure_03{
	width: 11.6%;
	right: 8.5%;
	bottom: 0;
}
.data__osake-figure_04{
	width: 7.7%;
	right: 22.9%;
	bottom: 31.4%;
}
.data__osake .data__item-title_line{
	display: inline-block;
}
.data__osake .data__graph{
	margin-top: 9.2%;
	width: 70%;
	margin-left: auto;
	padding-top: 103%;
	position: relative;
}
.data__osake-list{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-left: 3px solid var(--color-green);
}
.data__osake-item{
	height: 6.95%;
  position: relative;
}
.data__osake-label{
	font-size: 1.42em;
	font-weight: bold;
	letter-spacing: 0.09em;
	line-height: 1.075;
	width: 10.4em;
	box-sizing: border-box;
	padding-right: 0.5em;
	text-align: right;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%,-50%);
}
.data__osake-value{
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	transition: width .5s ease-in-out;
}
.data__osake-bar{
	background-color: var(--color-green);
	width: 100%;
	height: 100%;
}
.data__osake-number{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(120%,-50%);
	white-space: nowrap;
}
.data__osake .data__item-number{
	font-size: 2.7em;
}
.data__osake .data__item-unit{
	font-size: 1.357em;
}
.data__osake-highball .data__osake-value{
	transition-delay: .1s;
}
.data__osake-beer .data__osake-value{
	transition-delay: .2s;
}
.data__osake-cocktail .data__osake-value{
	transition-delay: .3s;
}
.data__osake-sake .data__osake-value{
	transition-delay: .4s;
}
.data__osake-whisky .data__osake-value{
	transition-delay: .5s;
}
.data__osake-shochu .data__osake-value{
	transition-delay: .5s;
}
.data__osake-wine .data__osake-value{
	transition-delay: .6s;
}
.data__osake-ume .data__osake-value{
	transition-delay: .7s;
}
.data__osake-awamori .data__osake-value{
	transition-delay: .8s;
}
.data__osake-none .data__osake-value{
	transition-delay: .9s;
}
.data__osake.inview .data__osake-highball .data__osake-value{
	width: 71.9%;
}
.data__osake.inview .data__osake-beer .data__osake-value{
	width: 56.8%;
}
.data__osake.inview .data__osake-cocktail .data__osake-value{
	width: 33.2%;
}
.data__osake.inview .data__osake-sake .data__osake-value{
	width: 32%;
}
.data__osake.inview .data__osake-whisky .data__osake-value{
	width: 28.9%;
}
.data__osake.inview .data__osake-shochu .data__osake-value{
	width: 20.1%;
}
.data__osake.inview .data__osake-wine .data__osake-value{
	width: 19%;
}
.data__osake.inview .data__osake-ume .data__osake-value{
	width: 4.2%;
}
.data__osake.inview .data__osake-awamori .data__osake-value{
	width: 1.1%;
}
.data__osake.inview .data__osake-none .data__osake-value{
	width: 60%;
}
.data__osake .data__text{
	max-width: 29em;
	margin-top: 2.85em;
}
/*============================
data__osake
============================*/
.data__off{
	padding-bottom:0;
}
.data__off .data__item-inner{
	padding-bottom: 2.285em;
}
.data__off-figure{
	position: absolute;
}
.data__off-figure_01{
	width: 12.3%;
	left: 3.8%;
	bottom: 30.4%;
}
.data__off-figure_02{
	width: 25.6%;
	left: 1.9%;
	bottom: 2.3%;
}
.data__off-figure_03{
	width: 10.9%;
	right: 8.5%;
	top: 30.2%;
}
.data__off-figure_04{
	width: 6.1%;
	right: 34.3%;
	bottom: 30.4%;
}
.data__off-figure_05{
	width: 22.4%;
	right: 0%;
	bottom: 33.5%;
}
.data__off .data__graph{
	margin-top: 9.2%;
	width: 70%;
	margin-left: auto;
	padding-top: 100%;
	position: relative;
}
.data__off-list{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-left: 3px solid var(--color-green);
}
.data__off-item{
	height: 7.2%;
  position: relative;
}
.data__off-label{
	font-size: 1.42em;
	font-weight: bold;
	letter-spacing: 0.09em;
	line-height: 1.075;
	width: 10.4em;
	box-sizing: border-box;
	padding-right: 0.5em;
	text-align: right;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-100%,-50%);
}
.data__off-value{
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	transition: .5s ease-in-out;
}
.data__off-bar{
	background-color: var(--color-green);
	width: 100%;
	height: 100%;
}
.data__off-number{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(120%,-50%);
	white-space: nowrap;
}
.data__off .data__item-number{
	font-size: 2.7em;
}
.data__off .data__item-unit{
	font-size: 1.357em;
}
.data__off-shopping .data__off-value{
	transition-delay: .1s;
}
.data__off-family .data__off-value{
	transition-delay: .2s;
}
.data__off-travel .data__off-value{
	transition-delay: .3s;
}
.data__off-game .data__off-value{
	transition-delay: .4s;
}
.data__off-movie .data__off-value{
	transition-delay: .5s;
}
.data__off-study .data__off-value{
	transition-delay: .6s;
}
.data__off-golf .data__off-value{
	transition-delay: .7s;
}
.data__off-others .data__off-value{
	transition-delay: .8s;
}
.data__off.inview .data__off-shopping .data__off-value{
	width: 72.7%;
}
.data__off.inview .data__off-family .data__off-value{
	width: 51.4%;
}
.data__off.inview .data__off-travel .data__off-value{
	width: 41.6%;
}
.data__off.inview .data__off-game .data__off-value{
	width: 39.7%;
}
.data__off.inview .data__off-movie .data__off-value{
	width: 32.7%;
}
.data__off.inview .data__off-study .data__off-value{
	width: 14.2%;
}
.data__off.inview .data__off-golf .data__off-value{
	width: 10.6%;
}
.data__off.inview .data__off-others .data__off-value{
	width: 14.2%;
}
.data__off .data__text{
	max-width: 27em;
	margin-left: auto;
	margin-top: 2.42em;
}
.data__fix-nav{
	display: none;
}
@media all and (max-width : 1429.9999px ){
	.data__company{
		padding: 6.3% 0 8.04%;
	}
	.data__team{
		padding:8.39% 0;
	}
	.data__questionnaire {
    padding: 10.9% 0 15.1%;
	}
}



.comingSoon {
  padding: 10em 11.4% 10em;
  font-size: 2rem;
}