@charset "UTF-8";

/* スタートのロゴ */
.start {
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9000;
}
.start p {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
  width: 280px;
}
.start img {
  max-width: 100%;
  height: auto;
  display: block;
}


/***********************************
About
************************************/
#greeting,#infomation,#history{
	padding: 100px 0 100px;
}
.about_h2{
	font-size: 28px;
  line-height: 1.6;
}
.about_h2 span{
	font-size: 12px;
	margin: 0 0 5px;
	color: #00aa72;
	display: block;
}
#greeting .text_ara{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 80px;
}
.gaio_list{
	width: 80%;
	margin: auto;
	font-size: 15px;
	line-height: 2;
	display: flex;
}
.gaio_list dt{
	width: 20%;
	border-bottom: 1px solid #00aa72;
	padding: 0 20px 15px;
	margin: 0 0 30px;
	color: #00aa72;
	font-weight: 600;
}
.gaio_list dd{
	width: 80%;
	border-bottom: 1px solid #DDDDDD;
	padding: 0 20px 15px;
	margin: 0 0 30px;
}
#message img{
	width: 100%;
max-width: 100%;
height: auto;
}
#message .trapezoid_reverse{
	position: relative;
	padding: 150px 0 0;
}
#message .trapezoid_reverse{
	margin-bottom: 100px
}
#message .trapezoid_reverse::after{
	content: "";
  width: 25%;
  border-right: 200px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
#message .trapezoid_reverse::after{ border-top: 90vh solid #FFE06B;}
#message .box{
	display: flex;
	 justify-content: space-between;
}
#message .box_left{
	width: 30%;
	text-align:  right;
}
#message .box_right{
	width: 60%;
}
.degree{
	margin: 20px 0 0;
	font-size: 13px;
	display: block;
}
.name{font-size: 23px;}
#message .box_right  p {
  font-size: 16px;
	line-height: 2;
  margin-bottom: 20px;
}
.trapezoid_reverse03{
	position: relative;
	padding: 150px 0 ;
}
.trapezoid_reverse03::after{
	content: "";
  width: 25%;
  border-left: 200px solid transparent;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
.trapezoid_reverse03::after{ border-top: 90vh solid #00aa72;}


#about_access{
	padding: 100px 0 200px;
}
@media screen and (max-width: 768px){
#message .box {
  display: block;
}
#message .box_left{
	width: 80%;
	text-align:  right;
	margin: 0 auto 30px;
	max-width: 350px;
}
#message .box_right {
  width: 100%;
}
#message .trapezoid_reverse::after {
  border-top: 40vh solid #FFE06B;
}
.trapezoid_reverse03::after{ 
	border-top: 40vh solid #00aa72;}
.trapezoid_reverse03 .box{
	flex-direction: column;
	display: flex !important;
}
.trapezoid_reverse03 .box_left{
	order: 1;
}
.trapezoid_reverse03 .box_right{
	order: 2;
}
}
@media screen and (max-width: 640px){
#greeting,#infomation,#history,#about_access{
	padding: 50px 0 50px;
}
#greeting .text_ara {
  margin-bottom: 20px;
}
#message .trapezoid_reverse {
  padding: 50px 0;
}
.about_h2{
font-size: 5.988vw;
}
.about_h2 span {
  font-size: 2.088vw;
}
.gaio_list{
	display: block;
	width: 100%;
	line-height: 1.8;
}
.gaio_list dt{
	width: 100%;
	margin: 0 ;
	padding: 0 0 5px 10px;
	font-weight: 600;
	border: none;
	}
.gaio_list dd{
	width: 100%;
	margin: 0 0 20px;
	padding: 0 0 15px 10px;
	}
#message .trapezoid_reverse {
  margin-bottom: 0px;
}
#message .trapezoid_reverse::after {
  border-top: 30vh solid #FFE06B;
}
.trapezoid_reverse03 {
  padding: 50px 0;
}
.trapezoid_reverse03::after{ 
	border-top: 30vh solid #00aa72;}
}
/***********************************
members
************************************/
.wrap {
  overflow: hidden;
	margin-top: clamp(1.875rem, 1.148rem + 3.102vw, 4.25rem);
}
.sliding {
	background-repeat: repeat-x;
	background-image: url(images/members/slider_bk.jpg);
	height: 570px;
	width: 4651px;
	animation: slide 60s linear infinite;
	background-size: auto 570px;
}
@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-2692px, 0, 0);
  }
}
#members_top{
	margin: 100px 0 100px;
}
#members_top img,#members_list img{
	width: 100%;
max-width: 100%;
height: auto;
}
#members_top .title_ara p{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 50px;
}
#members_top .company_map{
	margin-bottom: 50px;
}    
#members_top .company_list{
	display: flex;
	justify-content: space-between;
	border: 5px solid #E5E0E1;
	padding: 45px 60px;
	border-radius: 10px;
	margin-bottom: 50px;
}  
#members_top .company_list ul{
	width: 30%;
} 
#members_top .company_list ul li{
	line-height: 1.6;
	font-size: 16px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: 600;
	
}
#members_top .company_list ul li a span{
	color: #00aa72; 
	font-weight: 600;
}
#members_top .company_list ul li a:hover{
	text-decoration: underline;	
	color: #00aa72; 
}
.bana01{
	max-width: 420px;
	width: 100%;
	margin: auto;
}
.bana01 a:hover{
	opacity: 0.6;
}
.font12{font-size: 12px;color: #fd7e14;margin-bottom: 10px;font-weight: 600;}
#members_list{
	background-color: #F5F4EA;
	padding: 100px 0 200px;
}
#members_list .inner_w{
	background-color: #FFFFFF;
}
.__inner_w{
	padding: 60px;
}
#members_list ul{
	font-size:0;
　　line-height:0;
}


#members_list li{
		width: 45%;
	margin: 0 2.4% 70px 2.4%;
		display: inline-block;
	vertical-align: top;
	　font-size:13px;
　　line-height:2;
}
.re_potho{
position: relative;
}
.recruitment_tab{
	position: absolute;
	bottom: 8px;
	right: 8px;
	background-color: #fd7e14;
	padding: 3px 10px;
	font-size: 11px;
	color: #FFf;
	border-radius: 4px;
	letter-spacing: 0;
}
#members_list .box h2{
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 8px;
}
#members_list .box .table{
	font-size: 13px;
	margin: 10px 0 0;
}
#members_list .box .table tr{
	border-top: 1px solid #D5D5D5;
}
#members_list .box .table th{
	padding: 15px;
	width: 20%;
	background-color: #D5D5D5;
	border-bottom: 1px solid #EAEAEA;	
	text-align: center;
}
#members_list .box .table td{
	padding: 15px;
	width: 80%;
	border-bottom: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	background-color: #FFFFFF;
}
.links a{
	color: #2B41F5
}
#members_list .box h2::before{
display: inline-block;
	margin: 0 10px 0 0;
	color: #FFFFFF;
	height:32px;
 width:32px;
 border-radius:50%;
 line-height:34px;
 text-align:center;
	background: #00aa72;
	vertical-align: middle;
	font-size: 16px;
	letter-spacing: 0;
	
}
#members_list li:first-child .box h2::before{content: '１';}
#members_list li:nth-child(2) .box h2::before{content: '２';}
#members_list li:nth-child(3) .box h2::before{content: '３';}
#members_list li:nth-child(4) .box h2::before{content: '４';}
#members_list li:nth-child(5) .box h2::before{content: '５';}
#members_list li:nth-child(6) .box h2::before{content: '６';}
#members_list li:nth-child(7) .box h2::before{content: '７';}
#members_list li:nth-child(8) .box h2::before{content: '８';}
#members_list li:nth-child(9) .box h2::before{content: '９';}
#members_list li:nth-child(10) .box h2::before{content: '10';}
#members_list li:nth-child(11) .box h2::before{content: '11';}
#members_list li:nth-child(12) .box h2::before{content: '12';}
#members_list li:nth-child(13) .box h2::before{content: '13';}
#members_list li:nth-child(14) .box h2::before{content: '14';}
#members_list li:nth-child(15) .box h2::before{content: '15';}
#members_list li:nth-child(16) .box h2::before{content: '16';}
#members_list li:nth-child(17) .box h2::before{content: '17';}
#members_list li:nth-child(18) .box h2::before{content: '18';}
#members_list li:nth-child(19) .box h2::before{content: '19';}
#members_list li:nth-child(20) .box h2::before{content: '20';}
#members_list li:nth-child(21) .box h2::before{content: '21';}
#members_list li:nth-child(22) .box h2::before{content: '22';}
.top_m{margin-top: clamp(1.875rem, 1.148rem + 3.102vw, 4.25rem);}
.no_number .box h2::before{display: none !important;
}
#members_list .item_01{
	width: 70%;
  max-width: 350px;
  margin: auto;
}
@media screen and (max-width: 768px){
.sliding {
	height: 370px;
	background-size: auto 370px;
}

#members_top .company_list{
	display: block;
	padding: 25px 8%;
	} 
#members_top .company_list ul{
	width: 100%;
}  
#members_top .company_map{
	overflow-x: scroll;
}
.company_map_inner{
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
#members_top .company_map img{
	width: auto;
max-width: 1000px;

} 
#members_list li{
	width: 100%;
	margin: 0 0 60px 0;	
}
#members_list {
  padding: 100px 0;
}	
}
@media screen and (max-width: 640px){
.wrap {
aspect-ratio: 375/284;
}
.sliding {
	height: 330px;
	background-size: auto 330px;
}
#members_top {
  margin: 20px 0 50px;
}
#members_top .title_ara{
	text-align: left;
	}
 #members_top .title_ara p {
	margin-bottom: 20px; 
  }
#members_list {
  padding: 70px 0;
}
#members_list .inner_w {
  background-color: #F5F4EA;
}
.__inner_w {
  padding: 0;
}
}
/***********************************
ブログ一覧ぺージ
************************************/
.c-tag-primary__label.is-selected {
  background-color: #fff;
  border-color: rgba(0,51,102,.2);
}
@media (any-hover: hover) {
  .c-tag-primary__item button:hover, .c-tag-primary__item a:hover {
    background-color: #fff;
    border-color: rgba(0,51,102,.2);
    transition: background-color 300ms ease,border-color 300ms ease;
  }
}
.c-tag-primary__item button, .c-tag-primary__item a {
  cursor: pointer;
}
.c-tag-primary__label {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  text-decoration: none;
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,51,102,.05);
  color: #444c55;
  border: 1px solid rgba(0,0,0,0);
    border-top-color: rgba(0, 0, 0, 0);
    border-right-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    border-left-color: rgba(0, 0, 0, 0);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 9px;
  padding-bottom: 8px;
  border-radius: 32px;
  font-feature-settings: "palt";
  font-size: 0.8125rem;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1;
  transition: background-color 500ms ease,border-color 500ms ease;
}
.c-container {
  box-sizing:content-box
}
@media screen and (min-width: 1025px) {
  .c-container {
    margin-right:auto;
    padding-right:120px;
    padding-left:30px;
	  margin-left: 30%;
	  background-color: #F5F4EA;
	  margin-top: 100px;
	  border-radius:24px 0 0 24px;
  }
}
@media screen and (max-width: 1024px) {
  .c-container {
    margin-top: 100px;
    padding-left:10.6667vw
  }
}
@media screen and (max-width: 640px){
  .c-container {
	  margin-top: 50px;
}}
.c-cateogry-block__inner {
  position:relative;
  display:grid;
  gap:40px;
  margin-right:0;
  margin-left:auto;
   background-color: #F5F4EA;
  padding-top:56px;
  padding-bottom:56px;
  padding-left:64px
}
@media screen and (max-width: 1024px) {
  .c-cateogry-block__inner {
    border-radius:16px 0 0 16px;
    padding:32px 0 32px 32px;
    gap:32px
  }
}

@media screen and (max-width: 1024px) {
  .c-cateogry-block__inner::after {
    width:10.6667vw
  }
}
.c-cateogry-block__content {
  display:grid;
  grid-template-columns:auto 1fr
}
@media screen and (max-width: 1024px) {
  .c-cateogry-block__content {
    grid-template-columns:1fr
  }
}
@media screen and (min-width: 1025px) {
  .c-cateogry-block__header {
    padding-top:8px;
    padding-right:48px;
    border-right:1px solid rgba(0,51,102,.2)
  }
}
@media screen and (max-width: 1024px) {
  .c-cateogry-block__header {
    padding-bottom:20px;
    border-bottom:1px solid rgba(0,51,102,.2)
  }
}
@media screen and (min-width: 1025px) {
  .c-cateogry-block__body {
    padding-left:48px
  }
}
@media screen and (max-width: 1024px) {
  .c-cateogry-block__body {
    margin-top:24px
  }
}
@media screen and (min-width: 1025px) {
  .c-cateogry-block__body--tag {
    padding-top:8px;
    padding-bottom:8px
  }
}
.c-cateogry-block__title {
  color:#99a1ac
}
@media screen and (min-width: 1025px) {
  .c-cateogry-block__title {
    font-feature-settings:"palt";
    font-size:0.9375rem;
    line-height:1.75;
    font-weight:400;
    letter-spacing:.05em
  }
  .c-cateogry-block__title::before {
    content:"";
    display:block;
    height:0;
    width:0;
    margin-top:calc((1 - 1.75)*.5em)
  }
  .c-cateogry-block__title::after {
    content:"";
    display:block;
    height:0;
    width:0;
    margin-bottom:calc((1 - 1.75)*.5em)
  }
}
@media screen and (max-width: 1024px) {
  .c-cateogry-block__title {
    font-feature-settings:"palt";
    font-size:0.8125rem;
    line-height:1.5;
    font-weight:400;
    letter-spacing:.05em
  }
}
.c-pagination {
  margin-top:96px
}
@media screen and (max-width: 1024px) {
  .c-pagination {
    margin-top:64px
  }
}
.c-pagination__inner {
  max-width:680px;
  margin-right:auto;
  margin-left:auto;
  display:flex;
  justify-content:space-between;
  align-items:center
}
@media screen and (min-width: 1025px) {
  .c-pagination__nav {
    display:none
  }
}
@media screen and (max-width: 1024px) {
  .c-pagination__nav {
    width:100%;
    text-align:center;
    font-feature-settings:"palt";
    font-family:"adrianna-extended",sans-serif;
    font-size:0.875rem;
    line-height:14px;
    letter-spacing:.05em
  }
}
@media screen and (min-width: 1025px) {
  .c-pagination__list {
    display:flex;
    justify-content:center;
    width:100%
  }
}
@media screen and (max-width: 1024px) {
  .c-pagination__list {
    display:none
  }
}

.c-tag-primary {
  --gap: 12px 8px;
  --width: auto;
  display:flex;
  flex-wrap:wrap;
  gap:var(--gap)
}
@media screen and (min-width: 1025px) {
  .c-tag-primary--pc-liquid {
    --gap: 10px 8px;
    --width: 100%
  }
}
@media screen and (max-width: 1024px) {
  .c-tag-primary--sp-gap-s {
    --gap: 8px 8px
  }
}
.c-tag-primary__item {
  width:var(--width)
}
.c-tag-primary__item button,
.c-tag-primary__item a {
  cursor:pointer
}
@media(any-hover: hover) {
  .c-tag-primary__item button:hover,
  .c-tag-primary__item a:hover {
    background-color:#fff;
    border-color:rgba(0,51,102,.2);
    transition:background-color 300ms ease,border-color 300ms ease
  }
}
.c-tag-primary__item button {
  font-family:"A+mfCv-AXIS Font ベーシック R ProN",sans-serif
}
.c-tag-primary__label {
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
  text-decoration:none;
  display:grid;
  align-items:center;
  justify-content:center;
  background-color:rgba(0,51,102,.05);
  color:#444c55;
  border:1px solid rgba(0,0,0,0);
  padding-left:16px;
  padding-right:16px;
  padding-top:9px;
  padding-bottom:8px;
  border-radius:32px;
  font-feature-settings:"palt";
  font-size:0.8125rem;
  line-height:1.5;
  font-weight:400;
  letter-spacing:.05em;
  line-height:1;
  transition:background-color 500ms ease,border-color 500ms ease
}
@media screen and (max-width: 1024px) {
  .c-tag-primary__label {
    padding-left:12px;
    padding-right:12px;
    padding-top:8px;
    padding-bottom:7px;
    font-feature-settings:"palt";
    font-size:0.6875rem;
    line-height:1.5;
    font-weight:400;
    letter-spacing:.05em;
    line-height:1
  }
}
#column_list{
	margin: 100px 0 200px;
}
.column_box{
	border-top: 1px solid rgba(0,51,102,.2);
	padding: 48px 20% 48px 0;
}
.column_box .btnarrow4::before {
  top: 50%;
  right: -113px;
}
.column_box .btnarrow4::after {
  top: 48%;
  right: -115px;
  width: 12px;
  height: 1px;
}

/*hoverした際の移動*/
.column_box .btnarrow4:hover::before{
     right: -128px;
}

.column_box .btnarrow4:hover::after{
    right: -130px;
}

.column_box .title_ara{
	text-align: left;
	margin: 0 0 20px;
}
.column_box .title_ara h2{
	font-size: 22px;
}
.column_box .title_ara .category{
	padding: 2px 10px;
  background-color: #00aa72;
  color: #FFFFFF;
  font-size: 13px;
  margin-right: 20px;
}
.column_box .title_ara .time{
	font-size: 12px;
  letter-spacing: 0;
  color: #00aa72;
  font-weight: 500;
}
.column_box .text_ara{
	font-size: 15px;
	line-height: 2;
}
@media screen and (max-width: 768px){
.c-container {
    padding-left: 5.6667vw;
  }
#column_list {
  margin: 50px 0 200px;
}
.column_box {
  padding: 28px 0 8px 0;
}
}

@media screen and (max-width: 640px){
#column_list {
  margin: 50px 0 80px;
}
}


/***********************************
ブログぺージ
************************************/
#column{
margin: 100px 0 250px;
}
#column .title_ara{
	text-align: left;
	margin: 0 0 40px;
}
#column .title_ara .time{
  font-size: 12px;
  letter-spacing: 0;
  color: #00aa72;
  font-weight: 500;
}
#column .title_ara .category{
	padding: 2px 10px;
  background-color: #00aa72;
  color: #FFFFFF;
  font-size: 13px;
	margin-right: 20px;
}
#column .title_ara h2{
	font-size: 28px;
	line-height: 1.6;
	margin: 5px 0 0;
}
.contentbox{
	line-height: 2;
	font-size: 16px;
	padding: 0 0 100px;
}
#column .item_01{
	width: 70%;
  max-width: 350px;
  margin: auto;
	
}

@media screen and (max-width: 768px){
#column {
  margin: 100px 0 180px;
}
#column .title_ara h2{
	font-size: 4.688vw;
}
#column .title_ara {
  margin: 0 0 20px;
}
}
@media screen and (max-width: 640px){
#column {
	margin: 50px 0 100px;
}
#column .title_ara h2{
	font-size: 5.988vw;
}	
.contentbox h2 {
   font-size: 4.8vw;
}
.contentbox {
  padding: 0 0 50px;
}
}




/***********************************
404
************************************/
.p_404{
	text-align: center;
	margin: 50px 0 300px;
}
.p_404 h2{
	font-size: 22px;
	line-height: 1.8;
	margin-bottom: 50px;
}
.p_404 p{
	line-height: 1.8;
}
.p_search{
	text-align: left;
	margin: 50px 0 100px;
}
.p_search .time{
	font-size: 14px;
}
@media screen and (max-width: 640px){
.p_404{
	text-align: left;
	margin: 0 0 50px;
}
.p_404 h2{
	font-size: 4.8vw;
}
.p_search{
	margin: 0 0 50px;
}
}





/*************************************************
TOP
*************************************************/
/* TOP共通 */
.news_titile{
	text-align: center;
	margin: 0 0 50px;
}
.t_b_22{
	font-size: 80px;
	line-height: 1.5;
	letter-spacing: 0;
	color: #00aa72;
}
.t_s_16{
	line-height: 0;
	font-size: 18px;
	font-weight: 600;
}
.title_ara{
	text-align: center;
	margin: 0 0 60px;
}
.inner_w80{
	width: calc(100% - 30px);
	max-width: 800px;
	margin: auto;
}
@media screen and (max-width: 768px) {
.t_b_22{
	font-size: 10.688vw;
}	
.t_s_16{
	font-size: 3.6vw;
}
.title_ara {
  margin: 0 0 30px;
}
}

/* TOPのお知らせ */
#top_news{
	padding: 100px 0 0px;
}
.news_content{
	width: 100%;
	margin-bottom: 80px;
}
#top_news  .news_content a:nth-child(odd){background-color:#FFFFFF; }
#top_news  .news_content li:nth-child(even){}
#top_news  .news_content dl{
	display: flex;
	align-items: center; 
}
#top_news  .news_content dt{
	width: 20%;
}
#top_news  .news_content dd{
	padding: 0 50px 0 30px;
	width: 80%
}
#top_news .category a{
	font-size: 14px;
	padding: 3px 10px;
	background-color: #FFFFFF;	
	color: #db1e79;
	margin: 0 10px 0;
	border-radius: 20px;
}
#top_news .title{
	line-height: 1.5;
	font-weight: 500;
	font-size: 16px;
}
#top_news .time {
	margin-right: 20px;
	font-size: 12px;
	letter-spacing: 0;
	color: #00aa72;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
#top_news a .category{
	display: block;
	text-align: center;
	margin: 10px 0 0;
	}
#top_news  .news_content dd{
	padding: 0 0px 0 30px;
	width: 80%
}
}
@media screen and (max-width: 640px) {
#top_news .time {
	margin-right: 0px;
	font-size: 2.188vw;
}
#top_news a .category{
	font-size: 2.188vw;
	letter-spacing: 0;
	}	
.news_content{
	margin-bottom: 40px;
}
#top_news .title{
	line-height: 1.5;
	font-size: 15px;
}
}


/* TOP_img */
.top_bana_bk{}
.top_bana_bk img{
	width: 100%;
max-width: 100%;
height: auto;
}
/* TOP_RECRUIT*/
.trapezoid_reverse,.trapezoid_reverse02{
	position: relative;
	padding: 150px 0;
}

.trapezoid_reverse::after,.trapezoid_reverse02::after{
	content: "";
  width: 35%;
  border-right: 200px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.trapezoid_reverse::after{ border-top: 90vh solid #FFE06B;}
.trapezoid_reverse02::after{ border-top: 90vh solid #00aa72;;}
.trapezoid_reverse h2{
	font-size: 20px;
	color: #00aa72;
	font-family: "din";
	font-style: italic;
}

.trapezoid_reverse h2::after{
 content: '';
    display: block;
    width: 30%;
    height: 1px;
    background-color: #00aa72;
    vertical-align: middle;
	margin: 15px 0 20px;
	
}
.trapezoid_reverse p{
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 30px;
}
.re_bana{
	max-width: 770px;
	margin: 0 0 0 30%;
}
.re_bana img{
	width: 100%;
max-width: 100%;
height: auto;
}
.re_bana a:hover{
	opacity: 0.7;
}
.trapezoid_reverse02::before{
	content: "";
  width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	background-image: url(images/top/menber_bk.jpg);
	background-position: right  top 50%;
	background-size: 63% auto;
	background-repeat: no-repeat;
	height: 100%;
}

.trapezoid_reverse02 .inner_w{
	
}
.trapezoid_reverse02 h2{
	color: #FFFFFF;
}
.trapezoid_reverse02 .t_s_16{
	color: #FFE06B;
	
}
.trapezoid_reverse02 .title_ara {
  text-align: left;
  margin: 0 0 60px;
}
.trapezoid_reverse02 .text_ara{
	font-size: 15px;
	line-height: 2;
	color: #FFFFFF;
}
.trapezoid_reverse02 .item03{
	width: 70%;
  max-width: 350px;
  margin: 50px 0 0;
}
.menber_bk_sp{display: none;}
@media screen and (min-width: 1400px) {
	.trapezoid_reverse02::after {
  width: 45%;
}
}

@media screen and (max-width: 1250px) {
.trapezoid_reverse02::before{
	background-size: 70% auto;
}	
}
@media screen and (max-width: 768px) {
.trapezoid_reverse02{
	background-color: #00aa72;
	padding: 80px 0;
}
.trapezoid_reverse02::before,.trapezoid_reverse02::after{display: none;}
.trapezoid_reverse02 .title_ara {
  text-align: center;
  margin: 0 0 30px;
}
.trapezoid_reverse02 .text_ara {
  text-align: center;
	margin: 0 0 30px;
}
.trapezoid_reverse02 .item03{
	margin: 50px auto 0;	
	}
.menber_bk_sp{display: block;}
}
.menber_bk_sp img{
	width: 100%;
max-width: 100%;
height: auto;
}
@media screen and (max-width: 640px) {
.trapezoid_reverse{
	padding: 100px 0;
}
.re_bana{
	margin: 0 0 0 0;
}	
.trapezoid_reverse h2{

}
.trapezoid_reverse h2::after{
    width: 80%;
}
}
.trapezoid_reverse02{
	
}




/* TOPのabout */
#top_about{
	padding: 150px 0 150px;
	position: relative;
	z-index: 3;
}
#top_about::after {
  content: '';
  width: 100%;
  height: 100%;
	  
background: linear-gradient(rgba(0,0,0,0),rgba(16,57,75,1));
  display: block;
  position: absolute;
  left: 0;
  top: 0;
	z-index: -1;
}

#top_about .t_s_16{color: #FFFFFF;}

.parallax-bg {
	background-image: url(images/top/top_about.jpg);
	content:"";
display:block;
z-index:1;
background-repeat:no-repeat;
background-position:50% 100%;
background-size:cover;
	background-attachment: fixed;	
}
#top_about .text_ara{
	font-size: 20px;
	line-height: 2.5;
	margin: 0 0 80px;
	text-align: center;
	color: #FFFFFF;
	/* text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;*/
	 
}
#top_about .item,#top_news .item_01{
	width: 70%;
  max-width: 350px;
	margin: auto;
}
@media screen and (max-width: 768px) {
.parallax-bg {
	background-attachment: scroll;
}
#top_about::after {
  opacity: 0.8;
}
}
@media screen and (max-width: 640px) {
#top_about .text_ara {
  line-height: 2;
  margin: 0 0 45px;
font-size: 3.98vw;
	text-align: left;
}
}

/* TOP_access */
#top_access{
	padding: 120px 0 200px;
	background-color: #FFFFFF;	
}
.box_items{
	display: flex;
	 justify-content: space-between;
	
}
.box_items .box_left{
	width: 65%;
	position: relative;
}
.g_map img{
	width: 130px;
	position: absolute;
	bottom: -30px;
	right: 100px;
	filter: drop-shadow(5px 5px 5px #ccc);
}
.box_items .box_right{
	width: 30%;
	font-size: 16px;
	line-height: 2;
}
.box_items .box_right dl{
	margin: 20px 0;
}
.box_items .box_right dt{
	color: #00aa72;
	font-weight: 600;
}
.box_items .box_right dt span{
	 vertical-align: middle;
}
.box_items .box_right dt img {
  width: 25px;
  margin-right: 7px;
  vertical-align: middle;
}
.box_items .box_right dd{}

@media screen and (max-width: 768px) {
#top_access {
  padding: 50px 0;
}
.box_items{
	display: block;	
}
.box_items .box_left{
	width: 100%;
	margin-bottom: 40px;
}
.box_items .box_right{
	width: 100%;
	line-height: 1.8;
}
.g_map img{
	width: 90px;
	bottom: -30px;
	left: 0;
  right: 0;
  margin:0 auto;
	filter: drop-shadow(5px 5px 5px #ccc);
}
}



	

	









/* =====================================
共通のMV  
====================================== */
/* 2月13日追加 */

.mv {
	position: relative;
	width: 100%;
	height: 300px;
	background-color: rgba(255,222,225,0.30);
	border-radius: 50px 0 50px 0;
}

.mv_title {
	width: 800px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 12%;
	display: flex;
	align-items: center;
}

.mv_img img {
	width: 88px;
	height: 88px;
	margin-right: 27px;
}

.mv_subtext {
	font-size: 13px;
	color: #707070;
}

.mv_text {
	font-size: 24px;
	letter-spacing: 2.4px;
	color: #060000;
}

@media screen and (max-width: 640px) {
	.mv {
		height: 150px;
	}
	
	.mv_title {
		left: 50%;
		transform: translate(-50%, -50%);
		flex-direction: column;
	}
	
	.mv_img img {
		width: 50px;
		height: 50px;
		margin-right: 0;
	}
	
	.mv_text {
		font-size: 18px;
		letter-spacing: 2.4px;
		color: #060000;
		margin-top: 18px;
		text-align: center;
	}
}


/* =====================================
TOPページ
====================================== */

#top_news .category {
	padding: 2px 10px;
    background-color: #00aa72;
    color: #FFFFFF;
	font-size: 13px;
}


.box_wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

#top_trouble .box .box_left li{
	padding: 0 0 32px;
	margin: 0 0 32px;
}

#top_trouble {
	position: relative;
}

.staff-img {
	position: absolute;
	bottom: -16%;
	right: -18%;
	width: 30%;
	z-index: 1;
}




.t_inner {
    width: 1000px;
    margin: 0 auto
}
.t_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.t_floater {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}
.u_anime-fadeUp {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    opacity: 0;
    -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.u_anime-fadeUp.u-anime-start {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}
.u_anime-up {
    -webkit-transform: translate3d(0, 120%, 0);
    transform: translate3d(0, 120%, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.u_anime-up.u-anime-start {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.u_anime-up-Small {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}
.u_anime-up-Small.u-anime-start {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}
.u_anime-slideUp {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: all 0.6s cubic-bezier(0.55, 0.05, 0.22, 0.99);
    transition: all 0.6s cubic-bezier(0.55, 0.05, 0.22, 0.99)
}
.u_anime-slideUp.u-anime-start {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.u_anime-fade {
    opacity: 0;
    -webkit-transition: all 1.6s cubic-bezier(0.55, 0.05, 0.22, 0.99);
    transition: all 1.6s cubic-bezier(0.55, 0.05, 0.22, 0.99)
}


.goodLife {
    overflow: hidden;
    padding: 100px 0 0px;
    position: relative;
    z-index: 2
}
@media(max-width: 896px) {
    .goodLife {
        padding: 10.32143vw 0 0;
    }
}
@media(max-width: 414px) {
    .goodLife {
        padding: 35px 0 0px
    }
}
.goodLife-round {
    width: 302px;
    position: absolute;
    left: 100px;
    top: 140px
}
@media(max-width: 896px) {
    .goodLife-round {
        top: 17.85714vw;
        width: 24.55357vw;
        left: -11.16071vw
    }
}
@media(max-width: 414px) {
    .goodLife-round {
        top: 80px;
        width: 110px;
        left: -50px
    }
}
.goodLife-round.__left {
    z-index: 8
}
.goodLife-round.__right {
    z-index: 1
}
.goodLife-round svg {
    fill: #e6e6e6
}
.goodLife-body-item {
    position: relative;
    z-index: 4;
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    white-space: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.goodLife-body-item-list {
    font-size: 160px;
    white-space: nowrap;
		line-height: 0.9;
}
@media(max-width: 896px) {
    .goodLife-body-item-list {
        font-size: 16.39286vw
    }
}
@media(max-width: 414px) {
    .goodLife-body-item-list {
        font-size: 60px
    }
}
.goodLife-body-item-list span {
    display: inline-block;
    margin: 0 90px 0 0;
   color: #ffffff;
    text-stroke: 1px #00aa72;
    -webkit-text-stroke: 1px #00aa72;
	
		
}
@media(max-width: 896px) {
    .goodLife-body-item-list span {
        margin-right: 5.58036vw
    }
}
@media(max-width: 414px) {
    .goodLife-body-item-list span {
        margin-right: 25px
    }
}
.goodLife-body-item-list .car {
    color: #00aa72;
}
.about {
    padding: 0 0 120px;
    position: relative;
    z-index: 2
}
@media(max-width: 896px) {
    .about {
        padding-bottom: 26.78571vw
    }
}
@media(max-width: 414px) {
    .about {
        padding-bottom: 80px
    }
}
@media(max-width: 896px) {
    .about .t_inner {
        display: block
    }
}
.about-title {
    width: 320px;
    margin-right: auto
}
@media(max-width: 896px) {
    .about-title {
        width: 100%
    }
}
.about-lead {
    width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px)
}
@media(max-width: 896px) {
    .about-lead {
        width: 100%
    }
}
.about-lead-text {
    line-height: 2.2;
    margin-bottom: 50px
}
@media(max-width: 896px) {
    .about-lead-text {
        margin-bottom: 8.92857vw
    }
}
@media(max-width: 414px) {
    .about-lead-text {
        margin-bottom: 40px
    }
}

/* -------------------- */
/* -------- slide -------- */
/* -------------------- */
.slide-in {
  overflow: hidden;
    display: inline-block;
}
.slide-in_inner {
  display: inline-block;
	color: #FFFFFF;
	font-family: "din";
	letter-spacing: 0.08em;
}
.leftAnime{
    opacity: 0;/*事前に透過0にして消しておく*/
}
.slideAnimeLeftRight {
  animation-name:slideTextX100;
  animation-duration:1.1s;
  animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextX100 {
  from {
  transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
  transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
  animation-name:slideTextX-100;
  animation-duration:1.1s;
  animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes slideTextX-100 {
  from {
  transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
  transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}



/* -------------------- */
/* -------- kv -------- */
/* -------------------- */
.kv{
	height: 90vh;
	position: relative;
}
.kv .main-copy{
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    letter-spacing: .2em;
	position: absolute;
	right: 10%;
	top: 25%;
	
}

.kv .sub-copy{
    color: #fff;
    font-size: 20px;
	position: absolute;
	left: 10%;
	bottom: 10%;
	line-height: 2;
	
}
.kv .sub-copy span{
	font-size: 12px;
	display: block;
	word-break: break-all;
}

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

    .kv{
        min-width: 960px;
    }

	.kv .main-copy{
		font-size: 60px;
		position: absolute;
	right: 10%;
	top: 20%;
		  line-height: 1.3;
	}

	.kv .sub-copy{
        font-size: 30px;
        margin-top: 10px;
	position: absolute;
	left: 10%;
	line-height: 2;
	bottom: 20%;
	}

}


/* ----------------------- */
/* -------- video -------- */
/* ----------------------- */


.video{
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    background: url(../img/kv-alternative-image.jpg) no-repeat center/cover;
}

.video::after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(16, 57, 75, .3);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.video video{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

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

    .video{
        min-width: 960px;
    }

}



/***********************************
お問い合わせ
************************************/
#contact{
	margin: 100px 0 100px;
}
#contact .title_ara{
	font-size: 16px;
  line-height: 2;
}




legend {
    color: #FFFFFF;
	text-align: center;
	background-color: #E15C00;
	padding: 8px 30px;
	border-radius: 20px;
	font-size: 18px;
	position: absolute;
	top: -15px;
	 left: 0;
  right: 0;
  margin:0 auto;
}



.con-box {
    padding: 10px 0;
    border: 1px solid #1e89c8;
    border-radius: 3px;
    width: 70%;
    text-align: center;
    margin: 0 auto 50px;
}

.wpcf7-form-control-wrap .last,
.wpcf7-list-item {}

#mailformpro {
    font-size: 13px;
    margin-top: 30px;
}

#mailformpro table tr td {
    padding: 15px;
}

#mailformpro table tr td p {}

.size {
    font-size: 13px;
    line-height: 1.5em;
    margin-top: 5px;
}

.font13 {
    font-size: 13px;
    line-height: 1.5em;
}

.top10 {
    margin-top: 10px;
}

.info-box span {
    margin: 0 2px;
}

.wpcf7-form {
	margin: 0 auto 200px;
	width: 90%;	
	max-width: 800px;
}
.table-box01 {
    display: table;
    width: 100%;
    box-sizing: border-box;
	padding: 10px 0;
	text-align: left;
}
.table-box02 {
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.table-box02-last {
    border-bottom: none !important;
}

.table-box02-l {
    font-size: 15px;
    width: 40%;
    padding: 15px;
    line-height: 1.8;
    vertical-align: top;
    box-sizing: border-box;
    display: table-cell;
    font-weight: bold;
    text-align: left;

}

.table-box02-r {
    width: 60%;
    display: table-cell;
    text-align: left;
    padding: 15px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.8;
	font-weight: normal;
}
.inner10 .table-box02-l{ width: 60%;}
.inner10 .table-box02-r {
    width: 40%;
}

.kibou .wpcf7-list-item {}

.wpcf7-list-item {
    margin: 0 10px 0 0;
    white-space: nowrap;
}

.wpcf7-form input[type="text"],
input[type="text01"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="url"],
.wpcf7 textarea,
textarea.form-control,
.wp-editor-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 13px 13px 15px 13px;
    margin: 2px 0;
    box-sizing: border-box;
    border: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    line-height: 1.6em;
    background-color: #ffffff;
	border-radius: 5px;
}

.text02 {
    width: 100%;
}

.text05 {
    width: 40%;
}

.wi20 {
    width: 20% !important;
}

span.wpcf7-list-item {
    display: block !important;
    margin: 0 !important;
	line-height: 2;
}

.checkbox-l select {
    font-size: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 4px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    width: 70% !important;
    border: 1px solid #999 !important;
    background: #fff !important;
}



input[type="date"],
select {
    font-size: 15px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 6px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0;
    border: 1px solid #999 !important;
    background: #fff !important;
    box-sizing: border-box;
}

.wpcf7 {
    margin: auto;
}

.contact-title {
    position: absolute;
    top: 0px;
    left: 10px;
}

.c_date {
    display: table;
}

.c_date div {
    display: table-cell;
    padding: 10px;
}

.must {
  font-size: 10px;
  color: #e73f14;
  margin-left: 3px;
  font-weight: normal;
  display: inline-block;
  line-height: 2;
  padding: 0px 5px;
  border-radius: 11px;
  border: 1px solid #e73f14;

}

.submitbtn input {
    width: 110px;
    border: none;
    padding: 10px 10px;
}

.submitbtn input[type='submit'] {
  display: block;
  padding: 25px 20px;
	max-width: 350px;
  width: 80%;
  margin: 50px auto 0;
  text-align: center;
  color: #fff;
  border: none;
  background-color: #00AA72;
  font-size: 16px;
  font-weight: bold;
}
.submitbtn input[type='button']{
   display: block;
    padding: 15px 20px;
    width: 200px;
    margin: 0px auto 0;
    text-align: center;
    color: #fff;
    border: none;
    background-color: #000000;
    font-size: 15px;
    font-weight: bold;
    border-radius: 13.33333vw;
}





.submitbtn input[type="submit"]:hover {
    color: #fff;
    opacity: 0.8;
    -webkit-transition: 0.8s;
    transition: 0.8s;
}
.wpcf7-not-valid-tip {
    font-size: 11px !important;
	  animation: flash 1s linear infinite;

}
@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

.checkbtm {
    border-bottom: 1px solid #c9c9c9;
    margin: 0 0 15px 0;
    padding: 15px 0;
    font-weight: bold;

}

.failure {
    text-align: left;
    margin: 40px 0;

}

/*===============================================
●タブレット.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
#contact {
  margin: 100px 0 50px;
}
.tel_box {
	width: 70%;
}




    input[type="text"],
    input[type="text01"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    input[type="url"],
    textarea,
    textarea.form-control,
    .wp-editor-container {}

    .left-30 {
        margin-left: 0px !important;
    }

    .wi20 {
        width: 35% !important;
    }

    .table-box02-l {}

    .wpcf7 {
        width: 100%;
        max-width: 100%;
    }

    .submitbtn input {
        width: 65%;
        border: none;
        padding: 10px 10px;
        min-height: 20px;
    }

    input[name="f_am"] {
        font-size: 10.8px;
    }

    .db {
        display: block;
    }

    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
    }

   .table-box02-l {
        width: 100%;
        padding: 15px 10px 0;
        border: none;
        vertical-align: top;
        box-sizing: border-box;
        line-height: 1.6em;
        display: block;
    }
    .table-box02-r,.inner10 .table-box02-r {
        width: 100%;
        text-align: left;
        padding: 5px 10px 10px;
        border: none;
        display: block;
        font-size: 13px;
    }
}


/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {
.wpcf7-form {
	margin: 0 auto 50px;
}
#contact{
	margin: 50px 0 50px;	
	}
#contact .title_ara {
	text-align: left;
}	
.tel_box {
	padding: 40px 3% 30px;
	width: 90%;
}
.tel_box .day_time {line-height: 2;}
.big {margin: 20px 0 0;}
    .bordertop {
        border-top: 1px solid #c9c9c9;
    }
    .table-box02 {

	display: block;
    }
    .kibou .wpcf7-list-item {
        display: table !important;
    }

    .wpcf7-form-control {}

    span.wpcf7-list-item {
        display: table;
        margin: 0;
    }
.wpcf7-form-control-wrap label{
    display: flex;
}
    .wpcf7-list-item input {

    }

    .wpcf7-list-item-label {

        padding-left: 5px;
    }

    .c_date {
        display: block;
    }

    .c_date div {
        padding: 5px 0 15px 10px;
    }

    input[type="date"],
    select {
        padding: 10px 15px;
        font-size: 16px;
    }



    /*
.wpcf7-form-control{
	display: block;
	}	*/

    .checkbtm {
        margin: 0 0 15px 0;
        padding: 0 0 15px 0;
        font-weight: bold;
    }

    .text05 {
        width: 50%;
        margin-bottom: 5px;
        display: inline !important;
    }

    /* コンタクフォーム*/
    .con-box {
        width: 90%;
        text-align: center;
        margin: 0 auto 30px;
        padding: 10px 4%;
    }

    input[type="button"],
    input[type="submit"] {
        -webkit-appearance: none;
    }
}