@charset "utf-8";
@media all and (max-width : 683.9999px ){
/*============================

		 BASE

============================*/
html{
	-webkit-text-size-adjust: 100%;
}
body{
		font-size: 1.4rem;
}
/*============================

		GLOBAL CSS

============================*/
.for_pc{
	display:none !important;
}
.for_tab{
	display:none !important;
}
.for_pc-tb{
  display:none !important;
}
/*--------------------------------------------

    共通 CSS

--------------------------------------------*/
.bread__navi{
  padding: 2.3em 6% 2.3em;
  font-size: 1rem;
}
.bread__navi-list{
  flex-wrap: wrap;
}
.bread__navi-item{
  margin-top: 0.5em;
}
.bread__navi-item:not(:first-child){

}
.bread__navi-item:not(:first-child):after{

}
.bread__navi-item-home img{
  width: 1.2em;
}
.secInner{
  padding: 0 6%;
}
.under__kv{
  padding: 24% 0 12%;
}
.under__kv-ttl-eng{
  font-size: 4.5rem;
}
.under__kv-ttl-jpn{
  font-size: 1.1rem;
  padding-bottom: 3.4em;
}
.common__ttl-jpn{
  font-size: 3.2rem;
}
.plane01{
  font-size: 1.3rem;
}
.to__top{
  bottom:90px;
}
.to__top-btn a{
  width: 45px;
  height: 45px;
}
.to__top-btn a:hover{
	background-image: url(../Image/totop-hover.svg);
}
.btn__entry{
	width:7.9em;
	top: 20px;
	right: 18%;
	font-size: 1.1rem;
}
.btn__entry a{
	padding: 0.6em 1.6em 0.5em 1.5em;
  border-radius: 18px;
}
.btn__entry a:after{
  right: 0.8em;
  width: 1.2em;
  height: 1.2em;
}
.btn__entry-eng{
  font-size: 1.1rem;
}
.common__btn02 a{
	font-size:1.3rem;
	letter-spacing:0.14em;
}
.common__btn02 a:after{
	width:1.4em;
}
/*============================
#common__entry
============================*/
.common__entry-text{
  padding: 14.8% 0 16.8%;
}
.common__entry-text img{
  width: 56%;
}
.common__entry-btn{
  bottom:-36.3%;
  width: 81.2%;
}
.common__entry-jpn{
  font-size: 1.5rem;
}
/*============================

		DW

============================*/
.header__inner{
  padding: 0 0 0 4.8%;
}
.header__logo{
  width: 28px;
}
.header__name{
  font-size: 1rem;
}
.header__name-eng{
  font-size: 1rem;
}
.global__navi-inner{
  padding: 110px 9% 34%;
}
.global__navi__blogLink {
  width: 86px;
  top: 56px;
  right: 18%;
}
.global__navi__blogLink a {
  font-size: 1.1rem;
  padding: 0.5em 0 0.6em;
  border-radius: 18px;
}
.global__navi__blogLink a::after {
  width: 10px;
  height: 8px;
}
.hover-navi-list{
	margin-top: 1.2em;
	font-size: 1.1rem;
	padding-left: 38%;
}
.hover-navi-item:not(:last-child){
	margin-bottom:1em;
}
.global__navi-item a:after{
	width: 6px;
	height: 6px;
}
.global__navi-list{
  padding-bottom: 10.6%;
	font-size: 1.2rem;
}
.global__navi-item{
  font-size: 1.4rem;
}
.global__navi-item:not(:last-child){
	padding-bottom: 1.08em;
  margin-bottom: 1.08em;
}
.global__navi-item-jpn{
  font-size: 1.4rem;
}
.global__navi-item-eng{
  font-size: 1rem;
	letter-spacing: 0.03em;
	width: 38%;
}
.to__corporate{
  margin-top: 10.6%;
}
.to__corporate a{
  font-size: 1.6rem;
}
.icon__tab{
  padding-right: 1.65em;
}
.to__corporate .icon__tab:before{
  width:1.5em;
  left: -2em;
}
.to__entry{
  display: none;
}
.to__entry a{
  background: -moz-linear-gradient(left, #62CF91, #019566);
  background: -webkit-linear-gradient(left, #62CF91, #019566);
  background: linear-gradient(to right, #62CF91, #019566);
  color: #fff;
  text-align: center;
  display: block;
  padding: 2.4em 4em 2.6em;
  box-sizing: border-box;
}
.dw__side{
  width: 15.5%;
  margin-top: 66px;
  font-size: 1rem;
}
.drawer-hamburger{
	width: 58px;
	height: 66px;
	padding: 24px 16px;
}
.drawer-overlay{
  display: none;
}
/*--------------------------------------------

	 TOP - LOADING

--------------------------------------------*/
.top__loading-logo_mark{
	width:15vw;
}
.top__loading-type_ja{
	font-size: 4.2vw;
}
.top__loading-type_en{
	font-size: 2.8vw;
}
/*--------------------------------------------

	 TOP - MV

--------------------------------------------*/
.top_kv{
  padding: 66px 0 8%;
}
.top_kv:after{
  width: 84.6%;
  height: 85%;
  top:inherit;
  bottom: 0;
}
.top_kv-bg{
  width: 100%;
  margin-left: 0;
  padding-top: 61.3%;
}
.top_kv-ttlBox{
  top: inherit;
  bottom: 14.5%;
  left: 4.66%;
}
.top_kv-ttl-jpn{
	font-size:2.2rem;
}
.top_kv-ttl-eng{
	bottom: 4%;
	right: -23%;
	width: 67.6%;
}
.top_kv-ttl-eng img{
  width: 100%;
}
.top_kv-scroll{
  display: none;
}
.top_kv-newsBox{
	width:46px;
  font-size: 1.2rem;
  bottom: 70px;
}
.top_kv-newsBox-inner {
  width: 100%;
}
.top_kv-newsBox-inner a{
  width: 100%;
  height: 122px;
  padding: 0 0.6em;
}
.top_kv-newsBox.-blog {
  top: calc(100% - 70px);
}
.top_kv-newsBox-eng{
  font-size: 1rem;
}
/*============================
#top__about
============================*/
#top__about{
  padding: 38.4% 0 11.8%;
  background: url("../Image/top-place-sp.svg") no-repeat center top 9.3%;
  background-size: 88.6%;
}
.top__about-secInner{
  max-width: 100%;
  padding: 0 6%;
  background-color: transparent;
}
.top__about-ttlBox{
  width: 100%;
  justify-content: center;
}
.top__about-ttl-jpn{
  font-size: 2.2rem;
}
.top__about-imgBox{
  display: none;
}
.top__about-bottom{
  font-size: 1.3rem;
  margin-top: 14%;
}
.top__about-plane{
  line-height: 1.8;
}
/*============================
#top__works
============================*/
#top__works{
  padding: 11.8% 0 30%;
  height: auto;	
}
.top__works-head img {
  height: auto;
  object-position: 50% 0%;	
}	
.top__works-label{
  top: 60px;
}
.top__works-infinite-slider02 .infinite-slider-img img{
  padding-left: 240px;
}
.top__works-ttlBox{
  margin-top: 25.6%;
}
.top__works-ttl{
  font-size: 3.2rem;
}
.top__works-ttl-figure:after{
  right: -50px;
}
.top__works-lead{
  font-size: 1.3rem;
  margin-top: 2.5em;
  line-height: 1.76;
  letter-spacing: 0.13em;
}
.top__works-flow{
  margin-top: 17.2%;
}
.top__works-flow-head{
  width: 16%;
}
.top__works-flow-list{
  margin-left: 5%;
}
.top__works-flow-item{
  font-size: 1.4rem;
  /* padding: 7% 6%; */
  justify-content: flex-start;
}
.top__works-flow-item:nth-child(1) {
  height: calc(140 / 375 * 100vw);
}
.top__works-flow-item:nth-child(2) {
  height: calc(140 / 375 * 100vw);
}
.top__works-flow-item:nth-child(3) {
  height: calc(246 / 375 * 100vw);
}
.top__works-flow-item:nth-child(4) {
  height: calc(125 / 375 * 100vw);
}
.top__works-flow-item:not(:last-child):after{
  width:11px;
  height: 12px;
  bottom: calc(-22 / 375 * 100vw);
  transform: translate(50%,50%);
  }
.top__works-flow-item-pro{
  flex: initial;
  width: 100%;
}
.top__works-flow-item:not(:last-child){
  margin-right: 0;
	margin-bottom: calc(36 / 375 * 100vw);
}
.top__works-flow-field {
  white-space: nowrap;
}
.top__works-flow-imgBox{
  width: 34.4%;
}
.top__works-flow-textBox{
  flex: 1;
}
.top__works-flow-iconBox{
	text-align:center;
	font-size:1rem;
}
.top__works-flow-iconBox:not(:first-child){
	margin-left:0.8em;
}
.top__works-flow-figure img{
  width: 38px;
}
.top__works-flow-production-inner:first-child .top__works-flow-figure img{
	width:32px;
}
.top__works-flow-production{
  width: 100%;
  flex-direction: column;
}
.top__works-flow-production-inner{
	width:100%;
  justify-content: flex-start;
  flex-direction: initial;
}
.top__works-flow-production-inner:not(:last-child){
  margin-right: 0;
  margin-bottom: 1.29em;
}
@media all and (max-width : 374px ){
  .top__works-flow-production-inner:not(:last-child){
    margin-bottom: calc(5 / 375 * 100vw);
  }
}
.top__works-flow-label-last{
  margin-left: 3em;
}
/*============================
#top__interview
============================*/
#top__interview{
  padding: 28% 0 62%;
}
#top__interview:after{
  height: 35%;
	background-image:url(../Image/top_staff-bg-sp.jpg);
}
.top__interview-catch{
  font-size: 7.7083vw;
  font-weight: bold;
  color: #DCF3F6;
  line-height: 1;
}
.top__interview-secInner{
  max-width: 100%;
	padding:0;
}

.top__interview-inner{
  flex-direction: column-reverse;
}
.top__interview-staff-list{
  width: 95%;
  margin: 0 auto !important;
}
.top__interview-staff-item{
  width: 27%;
  cursor: pointer;
}
.top__interview-staff-item a{
  transition: 0.6s;
  display: block;
}
.top__interview-staff_bg{
	display:none;
}
.top__interview-staff-list .slick-slide {
	width:112px;
	margin: 0 18px;
}
.top__interview-staff-list	.slick-prev{
	display:none;
	opacity:0;
}
.top__interview-staff-list .slick-next{
	width:48px;
	height:48px;
	right:43.5%;
}
.top__interview-staff-list .slick-next:before{
	content:"";
	 background: url(../Image/staff-arrow.svg) no-repeat center top;
	background-size:contain;
	z-index: 11;
    width: 48px;
    height: 48px;
    display: block;
	opacity:1;
}
.top__interview-staff-hover{
  display:none;
}
.top__interview-staff-hover-inner{

}
.top__interview-staff-hover-img{

}
.staff-hover01{


}
.staff-hover02{

}
.staff-hover03{

}
.staff-hover04{

}
.top__interview-staff-item a:hover .top__interview-staff-hover{
  opacity:  1;
}
.top__interview-staff-item01:hover .staff-hover01{
}
/*.top__interview-staff-hover:after{
  content: "";
  display: block;
  width: 86px;
  height: 86px;
  position: absolute;
  top: 50%;
  right: 6.6%;
  transform: translateY(-50%);
  background: url("../Image/staff-arrow.svg") no-repeat center top;
  background-size: contain;
}*/
.top__interview-staff-hover-inner{
  position: relative;
}
.top__interview-staff-info{
  position: absolute;
  top:50%;
  right: 21.2%;
  transform: translateY(-50%);
}
.top__interview-staff-name{
  font-size: 4.1rem;
  letter-spacing: 0.07em;
  line-height: 1.2;
}
.top__interview-staff-post{
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  margin-top: 1.2em;
}
.top__interview-staff-year{
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  margin-top: 0.7em;
}
.top__interview-arrow{
  position: absolute;
  top: 50%;
  right: 6.6%;
  transform: translateY(-50%);
  z-index: 10;
}
.top__interview-arrow img{
  width: 86px;
}
.top__interview-staff-bottom{
  padding: 40% 0 2.2% 4%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 10;
}
.top__interview-staff-label{
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  display: inline-block;
  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.625em 0.625em 0;
}
.top__interview-staff-label:not(:last-child){
  margin-bottom: 0.33em;
}
.top__interview-staff-thumnail{
	margin-top:6%;
	/*padding-left:36%;*/
	display: flex;
	justify-content: space-between;
	margin: 6% 2% 0;
}
.top__interview-staff-thum-year{
	font-size:1rem;
	letter-spacing:0.11em;
	color:#8B8B8B;
}
.top__interview-staff-thum-post{
	font-size:1.6rem;
	font-weight:600;
	letter-spacing:0.11em;
	margin-top:0.45em;
}
.top__interview-staff-thum-post-eng{
	font-size:1rem;
	letter-spacing:0.08em;
	color:#2F9C75;
	margin-top:0.7em;
}
.top__interview-ttlBox{
  width:100%;
  margin-bottom: 19%;
	padding:0 6%;
	box-sizing:border-box;
}
.top__interview-bottom{
  font-size: 1.3rem;
  margin-top: 4.3em;
	padding:0 6%;
	box-sizing:border-box;
}
.top__interview-more-btn{
  margin: 18.7% auto 0;
}
/*============================
#top__career
============================*/
#top__career{
  padding: 29% 0 25%;
  background-color: #F5F4EF;
}
.top__career-infinite{
  display:none;
}
.top__career-infinite-txt{
  writing-mode: inherit;
  display: inline-block;
  font-size: 8.233vw;
	color:#83C9A7;
	margin:0 12px;
}
@keyframes scrollAnime{
	0% { transform: none}
  100% { transform: none}
}
@keyframes scrollAnime{
	0% { transform: translateX(0)}
  100% { transform: translateX(-100%)}
}
.top__career-inner:before{
  display: none;
}
.top__career-inner{
  padding: 0;
}
.top__career-inner:after{
  display: none;
}
.top__career-ttl-jpn:after{
  display: none;
}
.top__career-list{
  font-size: 1rem;
  margin-top: 6.4em;
  flex-direction: column;
}
.top__career-item{
  width: 100%;
}
.top__career-item:nth-child(2){
  margin-top: 3px;
}
.top__career-item:nth-child(3){
  margin-top: 3px;
}
.top__career-item a{
	padding: 5% 6% 4.5%;
}
.top__career-item a:after{
  left:0;
}
.top__career-item:first-child a:after{
  background-image: url("../Image/top_ceo-sp.jpg");
}
.top__career-item:nth-child(2) a:after{
  background-image: url("../Image/top_faq-sp.jpg");
}
.top__career-item:nth-child(3) a:after{
  background-image: url("../Image/top_info-sp.jpg");
}
.top__career-label-eng{
  font-size: 4.6rem;
}
.top__career-label-jpn{
}
.top__career-btn{
  padding-top: 37.94%;
  font-size: 1.1rem;
}
/*============================
#top__news
============================*/
#top__news{
  padding: 22.6% 0 17.3%;
}
.top__news-movieBox-catch a{
  font-size: 1.75rem;
}
.top__news-movieBox-label{
  padding: 3.65em;
}
.top__news-movieBox-label:before{
  width: 43px;
  height: 43px;
}
.top__news-font-L{
  font-size: 2.75rem;
  padding-top: 0.49em;
}
.top__news-txtBox{
  padding: 0;
  background-color: transparent;
}
.top__news-list{
  font-size: 1.2rem;
}
.top__news-date{
  font-size: 1.1rem;
}
.top__news-cts{
  margin-left: 1.9em;
}
/*============================
#message
============================*/
#message{
  padding: 15.2% 0 0;
}
.message__mv{
  padding: 0;
}
.message__mv-bg{
  padding-top: 77%;
}
.message__mv-bg:after{
  width: 41.6%;
  height: 32%;
  right: 0;
  bottom: -30%;
}
.message__mv-ttlBox{
  top: -8.2%;
  left: 6.2%;
}
.message__mv-label{
  font-size: 1.8rem;
}
.message-secInner{
  max-width: 100%;
  padding: 0;
}
.message__textBox{
  width: 100%;
  font-size: 1.2rem;
  margin-top: 3em;
  padding: 0 6%;
  box-sizing: border-box;
}
.message__plane{
  line-height: 2;
}
.message__nameBox{
  font-size: 1.6rem;
  margin-top: 2.9em;
}
.message__post{
  padding-bottom: 0.2em;
  margin-right: 1.2em;
}
.message__name{
  font-size: 2.5rem;
}
.message__to{
  font-size: 1.3rem;
  margin-top: 52%;
  padding:3.84% 6% 21.3%;
  flex-direction: column;
}
.message__to-imgBox{
  width: 52.6%;
  margin: -30% auto 0;
}
.message__to-textBox{
  margin-left: 0;
  flex: 1;
  margin-top: 9.2%;
}
.message__to-head{
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.message__to-head-jpn{
  font-size: 2rem;
  margin-right: 0;
  margin-bottom: 0.5em;
}
.message__to-head-eng{
  font-size: 1rem;
  padding-bottom: 0;
}
.message__to-plane{
  margin-top: 2.5em;
  line-height: 1.8;
}
/*============================
#works__flow
============================*/
#works__flow{
  padding: 4.6% 0 20%;
}
.works__flow-ttlBox{
  margin-bottom: 16.8%;
}
.works__flow-ttl{
  font-size: 3.2rem;
  letter-spacing: 0.08em;
}
.works__flow-ttl-figure:after{
  width: 80px;
  height: 25px;
  right: -36px;
  bottom: -14px;
}
.works__flow-lead{
  font-size: 1.3rem;
  line-height: 1.8;
  text-align: left;
}
.works__flow--item{
  position: absolute;
  width: 27.7%;
  height: 7.7%;
}
.works__flow-sales{
  top: 0;
  left: 26.2%;
}
.works__flow-kaihatsu01{
  width: 27.7%;
  top: 17.9%;
  left: 26.2%;
}
.works__flow-kaihatsu02{
  width: 27.7%;
  top: 26.2%;
  left: 26.2%;
}
.works__flow-kaigai{
  width: 27.7%;
  top: 34.72%;
  left: 26.2%;
}
.works__flow-kenkyu{
  top:47.4%;
  right: 9.06%;
}
.works__flow-gijyutsu{
  top: inherit;
  bottom: 36.1%;
  right: 9.06%;
}
.works__flow-kanri{
	bottom: 36.2%;
  left: 26.2%;
}
.works__flow-hosyou{
	bottom: 27.3%;
  left: 26.2%;
}
.works__flow-seiyaku{
  width:27.7%;
  top: 17.9%;
  right: 9.06%;
}
.works__flow-setubi{
  width:27.7%;
  top: 26.3%;
  right: 9.06%;
}
.works__flow-manufacturing {
  bottom: 44.9%;
	left: 26.2%;
}
.works__flow-sales02{
  bottom: 13.2%;
  left: 26.2%;
}
.modaal-container{
  max-width: 100%!important;
}
.modaal-inner-wrapper{
  padding-top: 100px!important;
}
	.modaal-content-container{
		padding:0 20px!important;
	}
.works__flow--modal-inner{
  padding: 12px 0;
}
.works__flow--modal-big-txt{
  font-size: 13.333vw;
}
.works__flow--modal-ttlBox{
  flex-direction: column;
  align-items: flex-start;
}
.works__flow--modal-ttl-jpn{
  font-size: 2.1rem;
}
.works__flow--modal-ttl-eng{
  font-size: 1rem;
  padding-bottom: 0;
  margin-left: 0;
  margin-top: 0.6em;
}
.works__flow--modal-lead{
  font-size: 1.3rem;
  line-height: 1.6;
  margin: 1.7em 0 1.95em;
}
.works__flow--modal-interview a{
  font-size: 1rem;
  padding: 1.3em 0.5em 1.3em 0.9em;
  border-width: 2.5px;
}
.works__flow--modal-interview-label{
  width: 40.4%;
  font-size: 1rem;
  padding-right: 1em;
  border-width: 1px;
}
.works__flow--modal-interview-value{
  flex: 1;
  padding-left: 1.4em;
  align-items: center;
}
.works__flow--modal-interview-imgBox{
  width: 32%;
}
.works__flow--modal-interview-textBox{
  flex: 1;
  font-size: 1rem;
  margin-left: 1em;
}
.works__flow--modal-interview-catch{
  display: none;
}
.works__flow--modal-interview-date{
  font-size: 1rem;
  margin-top: 0;
}
.works__flow--modal-interview-type{
  font-size: 1rem;
}
/*============================
#interview
============================*/
#interview{
  background: none;
  padding: 5.6% 0 35%;
}
#interview:after{
  height: 97.8%;
}
.interview__secInner{
  max-width: 100%;
  padding: 0 10.3%;
}
.interview__item{
  width: 100%;
}
.interview__item:not(:nth-child(3n)){
  margin-right: 0;
  margin-top: 7.5%;
}
.interview__item:nth-child(2){
  margin-top: 7.5%;
}
.interview__item:nth-child(3){
  margin-top: 7.5%;
}
.interview__item:nth-child(4),.interview__item:nth-child(7),.interview__item:nth-child(10){
  margin-top: 7.5%;
}
.interview__item:nth-child(6),.interview__item:nth-child(9){
  margin-top: 7.5%;
}
.interview__item-bottom{
  font-size: 1rem;
  padding: 2.5em 1.5em 2.5em 2.5em ;
}
.interview__bottom-post{
  font-size: 1.9rem;
}
/*============================
#interview__single
============================*/
.interview__single-mv{
  padding-top: 16.2%;
  margin-bottom: 11.4%;
}
.interview__single-mv-bg{
  width: 100%;
  padding-top: 78.6%;
}
.interview__single-kaihatsu01{
   background-image: url("../Image/staff-kaihatsu01-mv-sp.jpg");
}
.interview__single-kaihatsu02{
   background-image: url("../Image/staff-kaihatsu02-mv-sp.jpg");
}

.interview__single-gijyutsu{
   background-image: url("../Image/staff-gijyutsu-mv-sp.jpg");
}
.interview__single-hosyo{
   background-image: url("../Image/staff-hosyo-mv-sp.jpg");
}
.interview__single-kaigai{
   background-image: url("../Image/staff-kaigai-mv-sp.jpg");
}
.interview__single-kanri{
   background-image: url("../Image/staff-kanri-mv-sp.jpg");
}
.interview__single-kenkyu{
   background-image: url("../Image/staff-kenkyu-mv-sp.jpg");
}
.interview__single-sales{
   background-image: url("../Image/staff-sales-mv-sp.jpg");
}
.interview__single-seiyaku{
   background-image: url("../Image/staff-seiyaku-mv-sp.jpg");
}
.interview__single-setsubi{
   background-image: url("../Image/staff-setsubi-mv-sp.jpg");
}
.interview__single-mv-ttlBox{
  width: 57.3%;
  font-size: 1.2rem;
  padding: 2.5em 0.8em 2.2em 2.3em;
  bottom:9.2%;
}
.interview__single-mv-ttl-eng{
  font-size: 1.8rem;
  line-height: 1;
}
.interview__single-mv-ttl-jpn{
  font-size: 1.2rem;
}
.interview__single-mv-post{
  font-size: 1rem;
  margin-top: 2.3em;
}
/*============================
#interview__single
============================*/
#interview__single{
  padding: 8.6% 0 15%;
}
.interview__single-cts:first-child{
  position: relative;
  padding-bottom: 15%;
}
.interview__single-cts:first-child:after{
  content: "";
  display: block;
  width: 36.2%;
  height: 26%;
  position: absolute;
  left: 0;
  bottom: 4%;
  background-color: #F5F4EF;
  z-index: -1;
}
.interview__single-cts:last-child{
  margin-top: 0;
}
.interview__single-imgBox,
.interview__single-cts:last-child .interview__single-imgBox{
  width: 100%;
  padding: 0 6%;
  box-sizing: border-box;
}
.interview__single-textBox{
  margin-bottom: 13.3%;
  padding: 0 6%;
}
.interview__single-text-label-eng{
  font-size: 1rem;
}
.interview__single-text-label-jpn{
  font-size: 1.8rem;
  margin-top: 0.52em
}
.interview__single-catch{
  font-size: 1.4rem;
  margin-top: 1.4em;
}
.interview__single-plane{
  font-size: 1.2rem;
  margin-top: 1.8em;
}
.interview__schedule{
  padding-top: 12.7%;
}
.interview__schedule-bg{
  padding: 11.4% 6% 13.6%;
}
.interview__schedule-ttlBox{
}
.interview__schedule-ttl-eng{
  font-size: 4.2rem;
}
.interview__schedule-ttl-jpn{
  font-size: 1.4rem;
}
.flex.interview__schedule-list{
  font-size: 1.4rem;
  max-width: 100%;
  margin: 2.8em auto 0;
  padding-left: 2em;
}
.interview__schedule-item:not(:last-child){
  margin-right: 0;
}
.interview__schedule-item{
	position:relative;
  margin-top: 0;
	padding-bottom:1.6em;
	align-items:flex-start;
}
.interview__schedule-item:before{
	content: "";
   display: block;
   width: 1px;
   height: 100%;
   position: absolute;
	top:0;
   left: 4.42em;
   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 19px, rgba(255,255,255,1) 15px, rgba(255,255,255,1) 100%);
}
.interview__schedule-time{
  font-size: 1rem;
  margin-right: 1em;
}
	.interview__schedule-figure{
		width:10px;
		margin-top:4px;
	}
.interview__schedule-figure:before{
  display:none;
}
.interview__schedule-item:last-child .interview__schedule-figure:after{
  height: 1.8em;
}
.interview__schedule-field{
  margin-left: 1.37em;
	flex:1;
}
.interview__single-mid{
  padding: 13.3% 0 0;
}
.interview__single-mid-inner{
  max-width: 100%;
  padding: 0;
}
.interview__single-mif-bg{
  width: 100%;
  padding:0 6%;
	box-sizing:border-box;
}
.interview__single-bottom{
  position: relative;
  padding: 11.4% 0 0;
}
.interview__single-bottom:after{
  width: 36%;
  height: 10%;
  right: 0;
  top: -10%;
}
.interview__single-bottom-inner{
  max-width: 100%;
  padding: 0;
}
.interview__single-btnBox{
  padding:0 6%;
}
.interview__single-btnBox-inner{
  font-size: 1.3rem;
  flex-direction: column;
  align-items: center;
}
.interview__single-btn{
  width: 89%;
}
.interview__single-btn a{
  color: #fff;
  display: block;
  padding: 1.25em 1em;
  box-sizing: border-box;
  border-radius: 0.5em;
}
.interview__single-btn-works{
  margin-right: 0;
  margin-bottom: 18px;
}
.interview__single-btn-works a{
  background: #46BC83;
}
.interview__single-btn-back a{
  background: #199C6C;
}
.interview__other{
  padding: 11.2% 0 35%;
}
.interview__other:after{
  width: 84.2%;
  height: 86%;
}
.interview__other-secInner{
  max-width: 100%;
  padding: 0 0 0 6%;
}
.interview__other-ttlBox{
  margin-bottom: 24%;
}
.interview__other-list{
  padding-left: 4%;
}
.interview__other-list .slick-list{
  padding: 0 22% 0 0!important;
}
.interview__other-item{
  width: 100%;
}
.interview__other-img{
}
.interview__other-slider .slick-slide{
  margin: 0 10px;
}
.interview__other-slider .slick-dots li {
  width: 34px;
}
.interview__other-slider .slick-dots li button{
  width:34px;
}
.interview__other-slider .slick-dots li button:before{
  width: 34px;
}
.interview__other-slider .slick-dots li.slick-active button:before{
  width: 34px;
}
.interview__other-slider .slick-prev,
.interview__other-slider .slick-next{
  width:50px;
  height: 50px;
	top: -40px;
}
.interview__other-slider .slick-prev{
	left:initial;
  right: 80px;
}
.interview__other-slider .slick-next{
  right: 20px;
}
.interview__other-slider .slick-prev:before,
.interview__other-slider .slick-next:before{
  width: 50px;
  height: 50px;
}
.interview__other-slider .slick-dots{
  bottom: -46px;
  left: 0;
}
.interview__other-slider .interview__head-comment{
  left: 12px;
}
/*============================
#info__flow
============================*/
.info__navi{
  padding: 5.7% 0 14.4%;
}
.info__navi-list{
  padding: 0 8.8%;
  align-items: center;
  flex-direction: column;
}
.info__navi-item{
  font-size:1.3rem;
  width: 100%;
}
.info__navi-item:first-child{
  margin-right: 0;
  margin-bottom: 1.38em;
}
.info__navi-item a{
  padding: 1.4em 0 1.4em;
}
.under__page__navi-arrow{
  display: block;
}
.under__page__navi-arrow:after{
  bottom: 50%;
  left: inherit;
  right: 2.5em;
  transform: translate(0,50%);
}
/*============================
#info__flow
============================*/
#info__flow{
  padding: 10% 0 8.4%;
}
#info__flow:after{
  height: 98%;
}
.info-flow-bg{
  padding-left: 6%;
}
.info-flow-bg:after{
  display: none;
}
.info__flow-secInner{
  max-width: 100%;
  padding: 13% 8% 12%;
}
.info__ttlBox{
  font-size: 2.4rem;
  margin-bottom: 9.9%;
}
.info__flow-ttlBox:after{
  display: none;
}
.info__ttl-eng{
  font-size: 1.1rem;
}
.info__flow-list{
  font-size: 1.2rem;
}
.info__flow-list:before{
  display: none;
}
.info__flow-item{
  font-size: 1.2rem;
  padding: 0.81em 1em;
	letter-spacing:0;
}
.info__flow-item:not(:last-child):after{
  bottom:-2.5em;
  height: 2.6em;
}
.info__flow-item-date{
  width: 34.8%;
	    padding: 0.9em 0.5em 0.9em 0;
}
	.info__flow-item-label{
	padding: 0.9em 0 0.9em 1.5em;
}
/*============================
#info__requirement
============================*/
#info__requirement{
  padding: 20.7% 0 28%;
  }
#info__requirement:after{
  width: 84%;
  height: 96.5%;
}
.info__req-label{
  font-size:1.8rem;
  margin-bottom: 1em;
}
.info__req-label__min {
  font-size: 0.7em;
}
.info__req-label__notes {
  width: 100%;
  margin-top: 5px;
  text-align: right;
  font-size: 0.6em;
}
.info__req-list{
   border: 1px solid #D1D1D1;
}
.info__req-item{
  flex-direction: column;
  border-right: 0;
}
.info__req-field{
  width: 100%;
  font-size: 1.5rem;
  padding: 0.9em;
  text-align: left;
}
.info__req-item:not(:last-child) .info__req-field{
  border-bottom: 0;
}
.info__req-value{
  width: 100%;
  font-size: 1.2rem;
  border-bottom: 0;
  padding: 2em 1.45em;
}
.info__req-item:first-child .info__req-value{
  border-top: 0;
}
.info__req-lead:not(:first-child){
  margin-top: 2em;
}
.info__req-bottom{
  margin-top: 19%;
}
/*============================
#faq__company
============================*/
.faq__navi{
  padding: 3.75% 6% 0;
}
.faq__navi-ac{
  position: relative;
  font-size: 1.3rem;
  letter-spacing: 0.14em;
  background: url("../Image/fa-navi-open.svg") no-repeat center right 2em #46BC83;
  background-size: 16px;
  color: #fff;
  border-radius: 0.3em;
  padding: 1.8em 2.3em;

}
.faq__navi-ac.is_open{
  border-radius: 0.3em 0.3em 0 0;
  background-image: url("../Image/fa-navi-close.svg");
}
.faq__navi-list{
  display: none;
  border: 1px solid #E8E8E8;
  padding: 0 16px;
}
.faq__navi-item{
  font-size: 1.3rem;
  width: 100%;
  text-align: left;
}
.faq__navi-item:not(:last-child){
  margin-right: 4%;
  border-bottom: 1px solid #E8E8E8;
  }
.faq__navi-item a{
  display: block;
  background-color: #fff;
  border: 0;
  color: #212121;
  transition: 0.7s;
  padding: 1.3em 0;
  border-radius: 0;
}
.faq__navi .under__page__navi-arrow:after{
  background-image: url("../Image/arrow-down-gr.svg");
  bottom: inherit;
  left: inherit;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  }
/*============================
#faq__company
============================*/
#faq__application{
  padding: 18% 0;
}
.faq-cts{
  padding-top: 7.2%;
}
.faq__ttlBox{
  margin-bottom: 7.2%;
}
.faq__ttl{
  font-size: 1.8rem;
}
.faq__item:not(:first-child){
  margin-top: 3.3%;
}
.faq__question{
  font-size:1.4rem;
  padding: 1.5em 2.4em 1.2em 1.1em;
  line-height: 1.6;
	letter-spacing:0.08em;
}
.faq__question:after{
  width: 15px;
  height: 15px;
  right:10px;
}
.faq__item-label{
  font-size: 1.9rem;
	margin-right:0.3em;
}
.faq__question-field{
  font-weight: bold;
  color: #212121;
  letter-spacing: 0.07em;
}
.faq__answer{
  display: none;
  font-size: 1.3rem;
  padding: 1.5em 1em 1.5em 1.22em;
	letter-spacing:0.08em;
}
.faq__answer-field{
  line-height: 2;
  padding-top: 0;
}
/*============================
#faq__requirement
============================*/
#faq__careerpath{
  padding:20% 0;
}
/*============================
#entry__navi
============================*/
.entry__kv-ttl-eng{
  line-height: 1.1;
}
#entry__navi{
  padding: 13.2% 0;
}
.entry__navi-secInner:after{
  display: none;
}
.entry__navi-ttl{
  font-size: 2rem;
}
  .entry__navi-bnr img{
    width: 70%;
  }
/*============================
#contact
============================*/
#contact{
  padding:24% 0 23%;
}
.contact__head{
  padding-bottom: 23%;
}
.contact-ttlBox{
  margin-bottom: 12.5%;
}
.contact-ttl-jpn{
  font-size: 3.2rem;
}
.contact-lead{
  font-size: 1.3rem;
  letter-spacing: 0.13em;
  margin-top: 2em;
}
.contact-btnBox{
  flex-direction: column;
  justify-content: center;
}
.contact-btn{
  width: 100%;
  height: 100px;
}
.contact-btn-tel{
  margin-right: 0;
  margin-bottom: 6%;
  }
.contact-btn-label{
  font-size: 1rem;
}
.contact-btn-number{
  font-size: 2rem;
}
.contact-hour{
  font-size: 1rem;
}
.contact-btn-mailaddress{
  font-size: 1.5rem;
  margin-top: 0.4em;
}

.contact__step{
  margin-bottom: 19.69%;
}
.contact__step-list{
  font-size: 1.2rem;
  max-width: 100%;
}
.contact__step-list:after{
  left: 3.875em;
}
.contact__step-item:not(:last-child) {
  padding-right: 3.6em;
}
.contact__step-number{
  font-size: 1.2rem;
}
.contact__form{
  padding: 8.9% 6%;
}
.contact__form{
  padding: 20% 6% 22.7%;
}
.contact__form-head{
  font-size: 1.4rem;
  margin-bottom: 1.2em;
}
.contact__form-list{
  font-size: 1.3rem;
}
.contact__form-item{
  margin-bottom: 2em;
}
.contact__form-label{
  font-size: 1.3rem;
}
.contact__form-bottom{
  padding-top:18.2%;
}
.contact__form-privacy-label{
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 2.5em;
}
/*============================
#praivacypolicy.checkbox-input
============================*/
.contact__form-btnBox{
  margin-top: 14.7%;
}
.contact__form input[name="your-zip"]{
  max-width: 12em;
}
.contact__form textarea{
  height: 170px;
}
.contact__form-value--birth{
  align-items: flex-end;
}
.contact__form-value-year{
  width:130px;
  margin-right: 1em;
}
.contact__form-value-month{
  width: 90px;
  margin-right: 1em;
}
.contact__form-value-date{
  width: 90px;
}
.contact__form-select-label{
  margin-left: 0.5em;
}
.ccontact__form-privacy{
  font-size: 1.4rem;
  margin-bottom: 3.6em;
}
.mwform-checkbox-field-text{
  padding-left: 28px;
}
.mwform-checkbox-field-text::before{
  top: 2px;
  width: 15px;
  height: 15px;
}
.contact__form input[type="text"], .contact__form input[type="tel"], .contact__form input[type="email"], .contact__form textarea {
  padding: 0.78em 1.2em;
}
.contact__form select{
  padding: 0.5em;
}
.checkbox-input:checked + .mwform-checkbox-field-text::after{
  top: 5px;
  left: 5px;
  width: 3px;
  height: 6px;
}
.contact__form-submit_btn{
  width: 100%;
}
.contact__form input[type="submit"]{
  font-size:1.3rem;
  padding: 1em;
}
.contact__form-bottom-label{
  text-align: center;
  font-size: 1.5rem;
  margin-top: 2.93em;
}
/*============================
#contact__thanks
============================*/
#contact__thanks{
  padding: 28.3% 0 11%;
}
.contact__thanks-secInner{
  max-width: 100%;
}
.contact__thanks-bg{
  padding: 15% 5%;
}
#contact__thanks .contact__step{
  margin-bottom: 11.69%;
}
.contact__thanks-ttl-jpn{
  font-size: 1.6rem;
}
.contact__thanks-text{
  font-size: 1.3rem;
  margin-top: 2em;
  line-height: 1.8;
}
.contact__thanks-btn{
  font-size: 1.4rem;
  width: 75%;
  margin: 3.2em auto 0;
}
.contact__thanks-btn a{
  padding: 1em 0;
}
/*============================
#news
============================*/
#news{
  padding: 3.8% 0 28%;
}
.news__cts-ttl{
  font-size: 1.8rem;
}
.news__date{
  font-size: 1.4rem;
}
.news__cat{
  font-size:1.1rem;
}
.news__cts-main p{
  font-size: 1.3rem;
}
.news__cts-main p img{
  height: auto;
  margin-top: 1.8em;
}
.news__side{
  width: 100%;
  margin-top: 22%;
}
.news__side-label{
  font-size: 1.7rem;
}
.news__side-item{
  font-size: 1.3rem;
}
.news__side-item a{
  padding: 1.25em 0;
}
.news__side-date{
  margin-left:1.06em;
}
.news__side-ttl{
  margin-top: 0.8em;
  line-height: 1.5;
}
/*============================
#footer
============================*/
#footer{
  padding: 37% 0 0;
}
.footer__logoBox a{
  justify-content: center;
}
.footer__logo{
  margin-right: 10px;
}
.footer__logoBox-name{
  font-size: 1.35rem;
}
.footer__logoBox-eng{
  font-size: 1.1rem;
}
.footer__navi-list{
  margin-bottom: 46%;
  margin-top: 3.69em;
	font-size: 1.2rem;
}
.footer__navi-item:nth-child(n + 3){
	margin-top: 1.8em;
}
.footer__navi-item-privacy{
	width: 100%;
}
.footer__navi-item a:after{
  display: none;
}
.footer__navi-arrow{
  padding-left: 2em;
}
.footer__navi-arrow:after{
  width: 1.3em;
  height: 1.3em;
}
.footer__bottom{
  padding: 1em 0;
}
.copyright{
  display: block;
  letter-spacing: 0.2em;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}
/*============================
about
============================*/
.about_navi{
	padding: 0;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 90;
	margin-bottom: 0;
}
.about_navi-list{
}
.about_navi-item{
	width: 100%;
	font-size: 1rem;
}
.about_navi-item a{
	color: #46bc83;
	background-color: #e6f3ec;
	border-radius: 0;
	padding: 1em;
	padding:2.8em 0.8em 2.8em 5.9em;
	box-sizing: border-box;
	text-align: left;
}
.about_navi-item a:hover{
	opacity: 1;
}
.about_navi-item:not(:last-child){
	margin-right: 0;
}
.about_navi-item:not(:last-child):before{
	content: "";
	display: block;
	width: 1px;
	height: 60%;
	position: absolute;
	top: 2em;
	right: 0;
	background-color: #46bc83;
}
.about_navi-item:after{
	left: 1.5em;
	bottom: 2.1em;
	border: 0;
	width: 3.8em;
	height: 3.3em;
	transform: none;
	background-repeat: no-repeat ;
	background-position: center top;
  background-size: contain;
}
.about_navi-item-keyword:after{
	background-image:url("../Image/about-navi-keyword.svg");
}
.about_navi-item-mission:after{
	background-image:url("../Image/about-navi-mission.svg");
}
.about_navi-item-future:after{
	background-image:url("../Image/about-navi-future.svg");
}
.about_navi-label-en{
	display: none;
}
.about_navi-label-jp{
	font-weight: 500;
}
/*============================
#about__kyeword
============================*/
#about__kyeword{
  padding: 10.7% 0 14.3%;
}
#about__kyeword::after{
  display: none;
}
.about__kyeword-b-text{
  font-size: 18.866vw;
	top: 20px;
}
.about__kyeword-ttlBox{
	font-size: 3.2rem;
}
.about__kyeword-ttl{
	line-height: 1.5;
}
.about__kyeword-ttl-lt:after{
	right: -1.34em;
	bottom: -0.7em;
	width: 4em;
	height: 1.13em;
}
.about__kyeword-main-photoBox{
  width: 100%;
  margin-right: 0;
	order: 2;
}
.about__kyeword-main_item{
	display: block;
}
.about__kyeword-main_item{
	padding: 12px;
	box-sizing: border-box;
	background-color: #fff;
	border-radius: 5px;
	border:1px solid #33af7c;
}
.about__kyeword-main_item:not(:last-child){
	margin-bottom: 1em;
}
.about__kyeword-ac-label{
	display: flex;
	align-items: flex-end;
	position: relative;
	background-color: transparent;
	color: #5bb180;
	padding: 0;
	box-sizing: border-box;
	font-size: 1.5rem;
	font-weight: 500;
	pointer-events: all;
}
.about__kyeword-ac-label:after{
	content: "";
	display: block;
	width:  1.8em;
	height: 1.8em;
	position: absolute;
	right: 0.4em;
	top: 50%;
	transform: translateY(-50%);
	background: url("../Image/about-navi-open.svg") no-repeat center top;
	background-size: contain;
}
.about__kyeword-ac-label.active:after{
	background-image: url("../Image/about-navi-close.svg");
}
.about__kyeword-ac-icon{
	width: 22%;
	margin-right: 5%;
	text-align: center;
}
.about__kyeword-ac-icon img{
	height: 40px;
}
.about__kyeword-main-box{
	display: none;
	margin-top: 6%;
	padding-bottom: 6%;
}
.about__kyeword-main-image-label{
	display: none;
}
.about__kyeword-main-image-label-sp{
	position: absolute;
	right: 0;
	top: 0;
	width: 34%;
	background: rgba(70, 188, 131, 0.5);
	color: #fff;
	z-index: 11;
	text-align: center;
	padding: 4.5% 1%;
	box-sizing: border-box;
}
.about__kyeword-main-image-label-sp img{
	width: 70%;
	margin:  0 auto;
}
.about__kyeword-main-image{
	position: relative;
	padding-top: 60%;
}
.about__kyeword-main-image img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about__kyeword-main-bottom{
  margin-top: 5.5%;
  background-color: transparent;
  color: #333;
  border-radius: 0;
  padding: 0;
  height: auto;
}
.about__kyeword-main-bottom-catch{
  display: none;
}
.about__kyeword-main-bottom-textarea{
  width: 100%;
}
.about__kyeword-main-bottom-plane{
  padding-left: 0;
}
.about__kyeword-thumnailBox{
  display: none;
}
.about__kyeword-sub-ttlBox{
  width: 100%;
  writing-mode: initial;
  flex-direction: column;
  margin-left: 0;
	order: 1;
	margin-bottom: 8.4%;
}
.about__kyeword-sub-label-jp{
	font-size: 2.3rem;
}
.about__kyeword-btn{
  text-align: center;
  margin-top: 2.4em;
  padding-right: 0;
	font-size: 1.5rem;
}
.about__kyeword-btn a{
	padding-bottom: 0.2em;
}
/*============================
#about__message
============================*/
#about__message{
  padding: 10.5% 0 9.2%;
}
.about__message-ttlBox{
	margin-bottom: 6%;
}
.about__message-ttl-en{
	text-align: center;
	padding-bottom: 0.1em;
	margin-bottom: 1.5em;
	line-height: 1.4;
}
.about__message-ttl-jp{
	font-size: 2.3rem;
}
.about__message-za{
  padding-top: 0.3em;
}
.about__message-za:not(:last-child){
	margin-bottom: 0.36em;
}
.about__message-textBox_badge img{
	width: 6em;
}
.about__message-textBox-label{
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 1.6em;
	letter-spacing: 0.07em;
}
.about__message-textBox-plane{
	font-size: 1rem;
  line-height: 1.6;
	letter-spacing: 0.04em;
}
.about__message-textBox-plane:not(:last-child){
	margin-bottom: 1.6em;
}
/*============================
#about__feature
============================*/
#about__feature{
  padding: 18.6% 0 12.4%;
}
.about__feature-b-text{
  font-size: 19.1333vw;
  top: 5%;
	left: -0.1em;
}
.about__feature-head{
}
.about__feature-head-ttlBox{
	margin-bottom: 23%;
}
.about__feature-head-ttl{
  font-size: 3.2rem;
}
.about__feature-head-plane{
	font-size: 1.1rem;
  margin-top: 1.6em;
	line-height: 1.8;
}
.about__feature-roadmap{
  width: 100%;
}
.about__feature-roadmap-sub-ttlBox{
  margin-bottom: 2.5em;
  padding-left: 0;
	font-size: 1rem;
  margin-left: 0.8em;
}
.about__feature-roadmap-label-en{
	font-size: 1rem;
}
.about__feature-roadmap-label-jp{
  font-size: 1.2rem;
}
#about__feature-kairaku{
  padding: 24.8% 0 22.4%;
}
.about__feature01-number{
  left: -1%;
	top: -23%;
}
.about__feature-cts-number img{
  width: 24.4vw;
}
.about__feature-cts-ttl{
  font-size: 2.4rem;
  padding-top: 0;
	margin-bottom: 0;
}
.about__feature-za{
	letter-spacing: 0.185em;
}
.about__feature-cts-plane{
	letter-spacing: 0.02em;
	line-height: 1.9;
	font-size: 1.2rem;
}
.about__feature02-plane{
  padding-left: 0;
	margin-top: 1.8em;
}
.about__feature-cts-plane:not(:last-child){
  margin:1.8em 0 0;
}
.about__feature-list{
	margin-top: 8%;
}
.about__feature-item{
  padding: 1.6em 2em;
	flex-direction: column;
	font-size: 1.2rem;
  cursor: pointer;
}
.about__feature-item:not(:last-child){
  margin-bottom: 7.9%;
}
.about__feature-item-label {
  margin-bottom: 0;
  position: relative;
  
}

.about__feature-item-label::before {
  content: "";
    display: block;
    width: 1.8em;
    height: 1.8em;
    position: absolute;
    right: 0.4em;
    top: 50%;
    transform: translateY(-50%);
    background: url(../Image/about-navi-open.svg) no-repeat center top;
    background-size: contain;
    transition: .3s;
}

.about__feature-item-label.active::before {
  background-image: url(../Image/about-navi-close.svg);
}

.about__feature-item-plane{
  display: none;
  line-height:1.8;
  margin-top: 1.2em;
	letter-spacing: 0.01em;
}

#about__feature-high-value{
	padding: 0 ;
}
.about__feature-high-value-bg{
  padding: 15.7% 0 21%;
}
.about__feature02-number{
	margin-bottom: 2.5%;
  margin-left: -1%;
}
.about__feature-item-imgBox{
  display: none;
	margin-left: 0;
	width: 100%;
	margin-top: 7.8%;
}

/*============================
#project__mv
============================*/
#project__mv{
  padding-top:11%;
}
.project__mv-bg{
  background-image: url("../Image/project-mv_sp.jpg?time=20230829");
  padding-top: 93%;
}
.project__mv-ttlBox{
  left: 5.86%;
}
.project__mv-label-en{
  margin-bottom: 1.5em;
}
.project__mv-label-en .project__mv-label{
  padding: 0.4em 0.8em;
}
.message__mv-ttl{
  font-size: 4.4vw;
  letter-spacing: 0;
}
.message__mv-ttl .project__mv-label + .project__mv-label {
  margin-top: 0.27em;
}
/*============================
#project__outline
============================*/
#project__outline{
  padding-bottom: 0;
}
#project__outline:after{
  height: 11.3%;
}
.secInner.project__outline-secInner{
  padding:0;
}
.project__outline-b-text img {
    margin-top: -17%;
}
.project__outline-ttlBox{
  margin: 8.811% 0 14.6%;
}
.project__outline-ttl-en{
  font-size: 8.5vw;
}
.project__outline-jp{
  font-size: 4.1vw;
  padding-bottom: 1.2em;
  margin-top: 0.12em;
}
.project__outline-plane{
  padding: 0 5.7%;
  font-size: 12px;
  letter-spacing: 0.07em;
  line-height: 1.9;
	text-align: left;
}
.project__outline-bottom{
  padding: 0 5.7%;
  height: auto;
}
.project__outline-tab-list{
  width: 84.6%;
  left: 7.7%;
  top: 0;
  transform: translateY(-68%);
  margin-bottom:0;
}
.project__outline-tab-item{
  width: 50%;
	font-size: 11px;
	min-width: 0;
}
.project__outline-ct{
  height: auto;
  position: static;
}
.project__outline-ct.project__outline-member{
	padding: 10.2% 0% 7.4%;
}
.project__outline-ct.project__outline-data{
	padding: 9.6% 11.6% 6.2% 4.8%;
}
.project__outline-member-list{
	flex-direction: column;
	align-items: center;
}
.project__outline-member-item{
  width: 60%;
  padding: 0;
  border-right: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.project__outline-member-item + .project__outline-member-item  {
  margin-top: 4.7%;
}
.project__outline-member-image{
	width: 45.2%;
}
.project__outline-member-text{
	font-size: 15.5px;
	margin-top: 0;
	margin-left: 1.2em;
}
.project__outline-member-name{
	box-sizing: border-box;
	width: 5.8em;
}
.project__outline-member-join{
	font-size: 12.5px;
	margin-top: 0.3em;
	padding-bottom: 0.03em;
}
.project__outline-member-dept{
	font-size: 12px;
	margin-top: 0.16em;
}
.project__outline-member-note{
	padding-right: 1.2em;
	font-size: 10px;
	margin-top: 3em;
	text-align: center;
}
/*============================
#project__talk
============================*/
#project__talk{
  padding: 19.3% 0 24.2%;
}
.project__talk-ttlBox{
	text-align: center;
}
.project__talk-ttl{
  font-size: 6.1vw;
	letter-spacing: 0;
	display: inline-block;
}
.project__talk-ttl:after{
	right: -0.3em;
  bottom: -1.3em;
}
.project__talk-wrap-a,
.project__talk-wrap-b{
	position: relative;
}
.project__talk-imgBox{
	width: 78%;
}
.project__talk-textBox{
	padding:0 5.7%;
	margin-top: 2em;
}
.project__talk-label-en{
  position: absolute;
	top: 0;
	font-size: 15.5px;
  margin-bottom: 0;
	writing-mode: vertical-rl;
	padding-bottom: 3.93em;
}
.project__talk-wrap-a .project__talk-label-en{
	left: 1em;
}
.project__talk-wrap-b .project__talk-label-en{
	right: 1em;
}
.project__talk-label-en:after{
  width: 1px;
  height: 3.22em;
  left: 50%;
  top: initial;
	bottom: 0;
	transform: translateX(-50%);
}
.project__talk-label-jp{
	font-size: 15px;
	margin-bottom: 1em;
}
.project__talk-label-jp span{
	display: inline-block;
}
.project__talk-leadBox{
	font-size: 12px;
}
.project__talk-plane{
	line-height: 1.9;
}
.project__talk-plane:not(:last-child){
  padding-bottom: 1.7em;
}
.project__talk-wrap01{
	padding-top: 0;
	margin-top: 13%;
	margin-bottom: 0;
}
.project__talk-wrap01:before{
  width: 67.6%;
  height: 0;
	padding-top: 49%;
  left: 0;
  top:7.4vw;
}
.project__talk-wrap02{
	padding-bottom: 0;
	margin-top: 18%;
}
.project__talk-wrap02:after{
  width: 72.4%;
  height: 0;
	padding-top: 45.8%;
  top:29vw;
}
.project__talk-wrap03{
	padding:0;
	margin-top: 20%;
}
.project__talk-wrap03:before{
	width: 67.6%;
  height: 0;
	padding-top: 49.6%;
  top:47.2vw;
	left: 5.7%;
}
.project__talk-wrap04{
	padding: 0;
	margin-top :21%;
}
.project__talk-wrap04:before{
	width: 58.4%;
  height: 0;
	padding-top: 78.2%;
  top: 39.7vw;
}
.project__talk-wrap05{
	padding: 0;
	margin-top :20%;
}
.project__talk-wrap05:before{
	width:66.6%;
	height: 0;
	padding-top: 94.1%;
	top: 27.2vw;
}
.project__talk-wrap05-b-text{
	width: 15.7%;
	top: 64.6vw;
}
.project__talk-wrap05 .project__talk-textBox{
	padding: 0 5.7%;
	margin-top: 0;
}
.project__talk-wrap05-last-textBox{
	padding-top: 0!important;
	margin-top:1.7em;
}
.project__talk-wrap05 .project__talk-label-en{
	writing-mode: horizontal-tb;
	padding-bottom: 0;
	padding-top:3em;
	position:relative;
	margin-bottom: 1.5em;
}
.project__talk-wrap05 .project__talk-label-en:after{
	height: 2.38em;
	top: 0;
}
.project__inside-trigger{
	display: block;
	margin-top: 13.3%;
}
.project__inside-trigger_link{
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	padding:8.9% 0 8.2%;
	position: relative;
	overflow: hidden;
}
.project__inside-trigger_01 .project__inside-trigger_link{
	background-image:url(../Image/project__inside-trigger_bg-01.png);
}
.project__inside-trigger_02 .project__inside-trigger_link{
	background-image:url(../Image/project__inside-trigger_bg-02.png);
}
.project__inside-trigger_typograph{
	font-size: 17vw;
	line-height: 1.01;
	letter-spacing: 0.03em;
	position: absolute;
	left: 0;
	bottom: -0.16em;
	opacity: 0.1;
}
.project__inside-trigger_inner{
	padding: 0 5.7%;
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}
.project__inside-trigger_head{
	flex:1;
}
.project__inside-trigger_head-en{
	font-size: 6.26vw;
	letter-spacing: 0.07em;
  white-space: nowrap;
}
.project__inside-trigger_head-ja{
	font-size: 4vw;
	letter-spacing: 0.128em;
	font-weight: 700;
	display: flex;
	align-items: center;
}
.project__inside-trigger_head-ja:before{
	display: block;
	content: "";
	flex:1;
	height: 1px;
	background-color: #fff;
}
.project__inside-trigger_head-ja span{
	margin-left: 0.82em;
}
.project__inside-trigger_btn{
	font-size: 2.93vw;
	letter-spacing: 0.238em;
	box-sizing: border-box;
	border:1px solid #fff;
	width: 10em;
	padding:1.17em 1em 0.77em;
	text-align: center;
	border-radius: 1.72em;
	margin-left: 2em;
}
.project__inside{
	display: none;
}
body.project .modaal-inner-wrapper{
	padding: 0!important;
}
body.project .modaal-content-container{
	padding:0!important;
}
.project__talk-inside-story{
	padding:20% 6.4% 11%;
	background:rgba(58,128,82,0.9);
}
.inside-story-theme{
	padding:6.8% 4.8% 5%;
	background: #F6F6F6;
}
.inside-story-theme-head{
	display: block;
	border:none;
}
.inside-story-themeBox,
.inside-story-theme-ttl-en{
	display: none;
}
.inside-story-theme-labelBox{
	display: block;
	text-align: center;
}
.inside-story-theme-label-en{
	padding-left: 0;
	font-size: 23.5px;
	margin-right: 0;
	letter-spacing: 0.11em;
}
.inside-story-theme-under:after{
	height: 5px;
}
.inside-story-theme-label-jp{
	padding-left: 0;
	font-size:15px;
	letter-spacing: 0.23em;
}
.inside-story-theme-label-jp:after{
	display: none;
}
.inside-story-theme-bottom{
	margin-top: 14px;
	display: block;
}
.inside-story-theme-imgBox{
	width: 100%;
	margin-right: 0;
}
.inside-story-theme-textBox{
	margin-top: 14px;
}
.inside-story-theme-tetxBox-label{
	line-height: 1.55;
	font-size: 18px;
}
.inside-story-theme-plane{
	font-size: 11px;
	line-height: 1.8;
	margin-top: 0.8em;
}
/*============================
#training
============================*/
#training{
  padding-top: 3.6%;
}
.training-bg{
  padding:10.8% 0 0;
}
.training-secInner{
  padding: 0;
}
.training__ttlBox{
  margin-bottom: 11.8%;
}
.training-ttl{
	font-size: 3rem;
	letter-spacing: 0;
}
.training-notes:after{
  width: 2.5em;
  right: 0;
  bottom: -0.7em;
}
.training__plane{
	font-size: 1.2rem;
	text-align: left;
	letter-spacing: 0.13em;
	margin-top: 2em;
}
.training-b-txt{
	left: 50%;
	transform: translateX(-50%);
	top: 0.2em;
  writing-mode: rl-tb;
	font-size: 18vw;
	letter-spacing: 0.1em;
	opacity: 0.2;
}
.training__bottom-tetxBox{
  background-image: url("../Image/training-bg-sp.jpg");
  padding: 16.5% 5% 5%;
}
.training__bottom-label{
	font-size: 1.8rem;
	text-align: center;
}
.training__bottom-plane{
	font-size: 1.2rem;
	line-height: 1.8;
}
.training__bottom-imgBox{
  padding: 6.5% 5%;
}
.training__bottom-imgBox img{
	width: 100%;
}
/*============================
#training__example
============================*/
#training__example{
  padding: 22.2% 0 25.5%;
}
.training__example__ttlBox{
  margin-bottom: 11.4%;
}
#training__example .training-notes:after{
  right: -1.2em;
  bottom: -0.6em;
	background-image: url("../Image/example.svg");
}
.training__profile-y-bg{
  background-image: url("../Image/training-case01-bg-sp.jpg");
  background-position: center left;
  padding: 23.3% 8.5% 0 6%;
}
.training__profile-a-bg{
  background-image: url("../Image/training-case02-bg-sp.jpg");
  background-position: center right;
  padding: 19.2% 6.1% 0;
}
.training__profile-y-bg:after,.training__profile-a-bg:after{
  height: 32px;
  bottom: -32px;
}
.training__profile-b-text{
  top:0;
  width: 100%;
}
.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: 63%;
  margin-right: 1%;
}
.training__profile-a-imgBox{
  width:72%;
	margin-left: 1%;
}
.training__profile-y-ttlBox{
}
.training__profile-a-ttlBox{
  width: 24%;
}

.training__profile-comment{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: row-reverse;
	font-size: 1.8rem;
	padding-top: 2.77em;
}
.training__profile-bottom{
	width: 100%;
	position: absolute;
	bottom: 9.5%;
}
.training__profile-y-bottom{
	left: 0;
}
.training__profile-a-bottom{
	padding-left: 0;
	left: 30.8%;
}
.training__profile-za{
  font-size: 1.8rem;
  writing-mode: tb-rl;
	line-height: 1.5;
  padding: 0.5em 0.2em;
}
.training__profile-za:first-child{
	margin-left:  0.4em;
}
.training__profile-index{
  margin-top: 0;
  font-size: 1rem;
}
.training__profile-name{
  font-size: 1.3rem;
  margin-left: 22px;
}
.training__profile-join{
	margin-left: 22px;
	font-size: 1.1rem;
  margin-top: 0.9em;
}
.training__profile-dept{
	margin-left: 22px;
	font-size: 1.1rem;
	margin-top: 1.1em;
}

.training__planning{
  padding: 0;
}
.training__planning:after{
	width: 100%;
}
.training__planning-inner{
	padding: 13.5% 5% 10.9%;
}
.training__planning-label-en{
  margin-bottom: 2.9em;
}
.training__planning-label-jp{
	font-size: 1.8rem;
  margin-bottom: 1.4em;
}
.training__planning-plane{
  font-size: 1.3rem;
}
.training__curriculum{
  max-width: 100%;
  width: 100%;
	color: #fff;
  padding: 14.5% 8% 29.3%;
  margin-top: 0;
	border-radius: 0;
}
.training__curriculum-ttlBox{
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 16%;
}
.training__curriculum-label-en{
	font-size: 1rem;
	color: #222222;
	margin-bottom: 0.6em;
}
.training__curriculum-label-jp{
	font-size: 1.8rem;
	font-weight: bold;
	letter-spacing: 0.149em;
	color: #2f9c75;
}
.training__voice-a{
	padding-bottom: 25.3%;
}
.training__voice:after{
	top: 30%;
	width: 60%;
	height: 34.375vw;
}
.training__voice-y:after{
	left: 3%;
}
.training__voice-a:after{
	right: 3%;
}
.training__voice-inner{
	z-index: inherit;
}
.training__voice-y .training__voice-inner{
	padding: 0;
	padding-bottom: 8.8%;
	flex-direction: column-reverse;
	background: -moz-linear-gradient(left,#f8e7dc, #f9f6ec);
  background: -webkit-linear-gradient(left, #f8e7dc, #f9f6ec);
  background: linear-gradient(to right, #f8e7dc, #f9f6ec);
}
.training__voice-a .training__voice-inner{
	background: -moz-linear-gradient(left,#eaf3ee, #bce2e3);
	background: -webkit-linear-gradient(left, #eaf3ee, #bce2e3);
	background: linear-gradient(to right, #eaf3ee, #bce2e3);
	padding: 0;
	flex-direction: column;
	padding-bottom: 8.8%;
}
.training__voice-textBox{
	position: relative;
  width:100%;
	padding: 7.2% 6.2% 0;
	box-sizing: border-box;
  z-index: 7;
}
.training__voice-y .training__voice-textBox{
  margin-right: 0;
}
.training__voice-a .training__voice-textBox{
  margin-left: 0;
}
.training__voice-label-en{
  font-size: 1rem;
  margin-bottom:0;
	writing-mode: tb-rl;
  position: absolute;
  left: 6%;
  top: -4em;
}
.training__voice-a .training__voice-label-en{
	left: auto;
	right: 6%;
}
.training__voice-label-jp{
	margin-bottom: 0;
	writing-mode: tb-rl;
	font-size: 1.8rem;
	position: absolute;
	left: 11.4%;
	top: -6.3em;
}
.training__voice-a .training__voice-label-jp{
	left: auto;
	right: 11.4%;
}
.training__voice-plane{
	font-size: 1.2rem;
	letter-spacing: 0.13em;
	line-height: 1.9;
}
.training__voice-imgBox{
  width: 79.2%;
  margin-top: -9.3%;
}
.training__voice-a .training__voice-imgBox{
	margin-right: auto;
}
.training__voice-imgBox:before{
	display: none;
}
.training__schedule-inner{
  padding: 0;
}
.training__schedule-bg{
  padding:24.6% 5% 18.7%;
}
.training__schedule-b-text{
	font-size: 18vw;
	top: 5%;
  letter-spacing: 0.03em;
}
.training__schedule-textBox{
  width: 100%;
	margin-bottom: 4%;
}
.training__schedule-label{
  text-align: center;
}
.training__schedule-palne{
	margin-bottom: 7.3%;
}
.training__schedule-notes{
  width: 42%;
	font-size: 1rem;
	margin-left: auto;
	padding: 0.7em 0.5em 0.7em 1.8em;
	letter-spacing: 0.05em;
	background-color: #fff;
	border: 1px solid #3da57d;
	border-radius: 6px;
	color: #3da57d;
	box-sizing: border-box;
}
.training__schedule-icon-glass{
	font-size: 1rem;
}
.training__schedule-icon-glass:after{
	content: "";
	display: block;
	width: 1.3em;
	height: 1.3em;
	position: absolute;
	left: -1.2em;
  top: 0.4em;
  background: url("../Image/glass-gr.svg") no-repeat center top;
  background-size: contain;
}
.training__schedule-imgBox{
	width: 100%;
	padding-left: 0;
}
.training__schedule-popup{
	position: absolute;
	width: 7.27%;
	height: 18.7%;
}
.training__schedule-popup a{
	display: block;
	width: 100%;
	height: 100%;
}
.training__schedule-senmonkensyu{
	left: 46.5%;
	bottom: auto;
	top: 3%;
	width: 20.9%;
	height: 5.9%;
}
.training__schedule-naiteishiki{
	top: 11.9%;
	left: 14.8%;
}
.training__schedule-koujyokengaku{
	top: 11.9%;
	left: 24%;
}
.training__schedule-shinbokukai{
	bottom: auto;
	top: 11.9%;
	left: auto;
	right: 19%;
}
.training__schedule-housesupport{
	bottom: auto;
	top: 11.9%;
	left: auto;
	right: 10%;
}
.training__schedule-nyusyashiki{
	top: 33%;
	left: 14.8%;
}
.training__schedule-syainkensyu{
	top: 33%;
	left: 24%;
}
.training__schedule-mentor{
	width: 7.27%;
	height: 61.3%;
	bottom: 5.8%;
	right: 19%;
}
.training__schedule-miracle{
	width: 7.27%;
	height: 40%;
	bottom: 5.8%;
	right: 10%;
}
.training__schedule-1nenjikensyu{
  top: auto;
	right:auto;
	left: 24%;
	bottom: 5.8%;
}
.training__schedule-mentoring{
	top: auto;
	right:auto;
	left: 14.8%;
	bottom: 5.8%;
}
.training__schedule-modal-inner{
	padding: 17.3% 3.3%;
}
.training__schedule-modal-big-txt{
  font-size: 12vw;
	top: 10px;
	letter-spacing: 0.02em;
}
.training__schedule-modal-ttlBox{
	flex-direction: column;
	margin-bottom: 6.5%;
	align-items: flex-start;
}
.training__schedule-modal-ttl-jpn{
	font-size: 2rem;
}
.training__schedule-modal-ttl-eng{
	font-size: 1rem;
	padding-bottom: 0;
	margin-top: 0.9em;
	margin-left: 0;
}
.training__schedule-modal-bottom{
}
.training__schedule-modal-lead{
	font-size: 1.3rem;
  line-height: 1.9;
}
.training__schedule-modal__imgLayout__imgBox {
  width: 100%;
}
.training__schedule-modal__imgLayout__imgBox img {
  width: 100%;
}
/*============================

  DATA

============================*/
.data__sec,
.data__text-plane{
    font-size: clamp(11px,2.93vw, 24px);
}
.data__sec-inner {
    padding: 0 5.86%;
}

}

@media all and (min-width : 685px ){
  .about__feature-item-plane,
  .about__feature-item-imgBox {
    display: block!important;
  }
}
/*=========== M E D I A Q U E R Y ==========*/

