@charset "UTF-8";
/* CSS Document */
.page-layout {
    margin-top: 80px;
    margin-bottom: 80px; 
  }
@media (max-width:767px){
  .page-layout {
    margin-top: 20px;
    margin-bottom: 60px; 
  }
}

/*================================ Vision ================================= */
 /*背景ロゴ*/
.vision.page-layout {
  margin-bottom: 100px;
  margin-top: 0;
}
.vision__mv {
  width: 100vw;
  height: 70vh;
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
/*タイトル裏の動画*/
.vision__mv-bg {
  width: 100%;
  height: inherit;
  object-fit: cover;
/*  filter: brightness(0.3);*/
}
.vision__mv-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: rgba(255, 255, 255, 0.85);
  padding: 40px;
  outline: 3px solid #c9c9c9;
  outline-offset: -10px;
}
.vision__mv-content::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 96%;
  height: 84%;
  display: block;
  border: 1px solid #c9c9c9;
}
.vision__mv-img {
  aspect-ratio: 150 / 100;
  width: 20%;
}
.vision__mv-bg img,
.vision__mv-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* PCの右クリック禁止 */
  pointer-events: none;
  /* SPの長押し禁止 */
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;  
}
.vision__mv-text {
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.5;
  text-align: center;
}
.vision__title {
  display: flex;
  justify-content: center;
  margin-top: 120px;
  background: -webkit-linear-gradient(90deg, transparent 0%, transparent 40%, #1fa139 40%, #1fa139 90%, transparent 90%, transparent 100%);
  background: -o-linear-gradient(90deg, transparent 0%, transparent 40%, #1fa139 40%, #1fa139 90%, transparent 90%, transparent 100%);
  background: linear-gradient(90deg, transparent 0%, transparent 40%, #1fa139 40%, #1fa139 90%, transparent 90%, transparent 100%);
  background-color: rgba(255,255,255,0.8);
  background-blend-mode: lighten;
  padding: 50px 0 0;
}
.vision__title-wrap {
  width: 100%;
}
.vision__title-image {
  aspect-ratio: 500 / 350;
  width: 95%;
}
.vision__title-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* PCの右クリック禁止 */
  pointer-events: none;
  /* SPの長押し禁止 */
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;  
}
.vision__maintitle {
  font-size: clamp(1.688rem, 1.225rem + 1.97vw, 3rem);
  font-weight: 700;
  letter-spacing: 0.05em;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.vision__maintitle::after {
  content: "";
  width: 100px;
  height: 1px;
  background: #000;
  margin-left: 10px;
}
.vision__subtitle {
  font-size: clamp(1.5rem, 1.236rem + 1.13vw, 2.25rem);
  font-weight: 700;
  margin-top: 80px;
}
.vision__subtitle-text span,
.vision__mainword span {
  color: #c0005b;
}
.vision__mainword span.word-green,
.vision__subtitle-text span.word-green {
  color: #1fa139;
}
.vision__subtitle-en {
  font-size: clamp(1.125rem, 0.861rem + 1.13vw, 1.875rem);
  text-transform: capitalize;
  font-style: italic;
  letter-spacing: 0.05em;
}
.vision__subtitle-en .word-green {
  color: #1fa139;
}
.vision__subtitle-en .word-red {
  color: #c0005b;
}
.vision__subtitle-text:not(:first-child) {
  margin-top: 30px;
}
.vision__mainword {
  margin-inline: auto;
  text-align: center;
  font-size: 1.375rem; /* 22px */
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-top: 60px;
}
.vision__report {
  background: -webkit-linear-gradient(90deg, #1fa139 0%, #1fa139 40%, transparent 40%, transparent 100%);
  background: -o-linear-gradient(90deg, #1fa139 0%, #1fa139 40%, transparent 40%, transparent 100%);
  background: linear-gradient(90deg, #1fa139 0%, #1fa139 40%, transparent 40%, transparent 100%);
  background-color: rgba(255,255,255,0.8);
  background-blend-mode: lighten; 
  margin-top: 120px;
  padding: 50px 0;;
}
.vision__report-content {
  background: #fffdfd;
  padding: 90px 80px;
  width: 80%;
  margin-inline:auto;
  box-shadow: 0px 0px 25px 4px #e8e8e8;
}
.vision__report-title {
  text-align: center;
  font-size: 1.75rem;  /* 28px */
  font-weight: 600;
  letter-spacing: 0.03em;
  position: relative;
  padding-top: 120px;
}
.vision__report-title::before {
  content: "";
  width: 150px;
  height: 150px;
  background: url("../img/vision/vision-bg-logo.png") no-repeat;
  background-size: contain;
  position: absolute;
  top: -20%;
  left: 50%;
  transform: translateX(-50%);
}
.vision__report-text {
  font-size: 1.125rem; /* 18px */
  line-height: 1.6;
  letter-spacing: 0.03em;
}
.vision__report-text:first-of-type {
  margin-top: 60px;
}

.vision__report-text:nth-of-type(n+2) {
  margin-top: 45px;
}
.vision__report-title::after {
  content: "";
  width: 100%;
  height: 4px;
  background: -webkit-linear-gradient(90deg, #c0005b, #1fa139);
  background: -o-linear-gradient(90deg, #c0005b, #1fa139);
  background: linear-gradient(90deg, #c0005b, #1fa139);
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1210px){
  .vision__mv-content::before {
    top: 16px;
    left: 15px;
    width: 95%;
    height: 83%;
  }
}
@media screen and ( max-width:1050px){
  .vision__mv-content::before {
    width: 93%;
    height: 86%;
  }
  .vision__mv-img {
    width: 30%;
  }
  .vision__maintext {
    font-size: 1.5625rem;/* 25px */
  }
  .vision__report-title {
    padding-top: 85px;
  }
  .vision__report-title::before {
    width: 125px;
  }
}
@media(max-width: 767px){
  .vision.page-layout {
    margin-bottom: 60px;
  }
  .vision__mv {
    height: 80vh;
  }
  .vision__mv-content {
    flex-direction: column;
    gap: 20px;
    width: 95%;
    padding: 40px 20px;
    
  }
  .vision__mv-content::before {
    width: 92%;
    height: 88%;
  }
  .vision__mv-text {
    text-align: center;
  }
  .vision__title {
    flex-direction: column-reverse;
    gap: 20px;
    margin-top: 40px;
  }
  .vision__title-image {
    width: 100%;
    aspect-ratio: 100 / 70;
    margin-top: 0;
  }
  .vision__subtitle {
    margin-top: 24px;
  }
  .vision__maintext {
    font-size: 1rem; /* 16px */
    letter-spacing: 0.03em;
    line-height: 1.8;
    margin-top: 80px;
    width: 100%;
  }
  .vision__mainword {
    font-size: 1rem;  /* 16px */
    text-align: center;
    margin-top: 45px;
  }
  .vision__report {
    width: 100%;
    padding: 30px 20px;
    margin-top: 80px;
/*    height: 900px;*/
  }
  .vision__report::after {
    width: 30%;
    height: 170px;
    top: -3%;
  }
  .vision__report-content {
    padding: 30px 20px;
    width: 100%;
/*    top: 3%;*/
  }
  .vision__report-title {
    font-size: 1.125rem; /* 18px */
    padding-top: 80px;
  }
  .vision__report-title::before {
    width: 80px;
    top: -6%;
  }
  .vision__report-title::after {
    width: 100%;
  }
  .vision__report-text {
    font-size: .875rem;  /* 14px */
    line-height: 1.5;
  }
  .vision__report-text:nth-of-type(n+2) {
    margin-top: 25px;
  }
  .vision__report-text:first-of-type {
    margin-top: 35px;
  }
}
 
/*================================ Works ================================= */
/*画像のDW禁止のため*/
.page-works img {
  /* PCの右クリック禁止 */
  pointer-events: none;
  /* SPの長押し禁止 */
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  user-select:none;  
}
.page-works__title {
  font-size: 2rem;     /* 32px */
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.08em;;
  text-transform: capitalize;
  color: #c0005b;
  padding-left: 20px;
  display: flex;
  align-items: center;
  position: relative;
}
.page-works__title span {
  font-size: 1rem;     /* 16px */
  margin-left: 16px;
}
.page-works__title::before {
  content: "";
  width: 5px;
  height: 100%;
  background: #c0005b;
  position: absolute;
  top: 0;
  left: 0;
}
.page-works__head:nth-child(n+2) {
  margin-top: 80px;
}
.page-works__desc {
  margin-top: 10px;
}
.page-works__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 12px;
  row-gap: 24px;
  margin-top: 24px;
}
.page-works__item {
  transition: opacity .4s;
}
.page-works__item:hover {
  cursor: pointer;
  opacity: .7;
}
.page-works__image {
  aspect-ratio: 300 / 250;
}
.page-works__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-works__text {
  font-size: .9375rem; /* 15px */
  text-align: center;
  margin-top: 8px;
}

/* モーダル */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  z-index: 9999;
  background-color: rgba(120, 123, 131, 0.8);
}
/* モーダルがactiveの時 */
.modal.is-active {
  opacity: 1;
  pointer-events: auto;
}
/* モーダル背景のオーバーレイ部分 */
.modal-overlay {
  align-items: center;
  background: rgba(0,0,0,.7);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.modal__slider {
  max-width: 800px;
  width: 100%;
}
/* モーダルのコンテンツ */
.modal__content {
  position: relative;
  background-color: #000;
  max-width: 800px;
  padding: 30px;
  width: 100%;
  overflow: hidden;
}
/* モーダルを閉じるボタン */
.modal__close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  background: #777777;
  cursor: pointer;
  z-index: 10;
  color: #000;
}
.modal__content .swiper-slide {
  width: 100%;
  height: 100%;
  aspect-ratio: 740 / 450;
}
.modal__content .swiper-slide img,
.modal-swiper-thumbnail .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*モーダル内のテキスト*/
.modal__content .modal__text {
  color: #fff;
  margin-top: 16px;
  text-align: center;
}
.modal-open {
  display: block;
}
.modal__content .swiper-button-prev,
.modal__content .swiper-button-next {
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-color: #dbdbdb;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color .4s;
}
.modal__content .swiper-button-prev img,
.modal__content .swiper-button-next img {
  width: 40%;
}
.modal__content .swiper-button-prev {
  left: 0;
}
.modal__content .swiper-button-next {
  right: 0;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #f2f2f2;
}
/*デフォルトのページネーションを消す*/
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
}
.modal-swiper-thumbnail {
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin-top: 16px;
}
/* 最新のsafari用 */
_::-webkit-full-page-media, _:future, :root .modal-swiper-thumbnail {
	margin-top: 45px;
}
/* 古いsafari用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .modal-swiper-thumbnail {
		margin-top: 45px;
	}
}
.modal-swiper-thumbnail .swiper-slide {
  opacity: .3;
  transition: opacity .5s;
  width: 180px;
  height: 100px;
  text-align: center;
  overflow: hidden;
}
.modal-swiper-thumbnail .swiper-slide-thumb-active {
  opacity: 1;
}

@media (max-width:767px){
  .page-works__list {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 8px;
    row-gap: 20px;
  }
  .page-works__text {
    font-size: .75rem;   /* 12px */ 
  }
  .page-works__title {
    font-size: 1.625rem; /* 26px */
  }
  .page-works__title span {
    font-size: .875rem;  /* 14px */
    margin-left: 12px;
  }
  .page-works__title:nth-child(n+2) {
    margin-top: 50px;
  }
  .page-works__desc {
    font-size: 15px;
  }
  .modal-container {
    padding: 30px 20px;
    width: 90%;
  }
  .modal-content .page-works__text {
    font-size: .9375rem; /* 15px */
    line-height: 1.7;
  }
}

/*================================ Company ================================= */
  .company__list {
    max-width: 1100px;
    margin-inline: auto;
  }
  .company__item {
    display: flex;
  }
  .company__head {
    width: 20%;
    padding: 40px 0;
    font-size: .9375rem; /* 15px */
    color: #333333;
  }
  .company__body {
    flex-grow: 1;
    width: 80%;
    line-height: 1.7;
    letter-spacing: 0.03em;
    padding: 40px 0;
/*    font-weight: 600;*/
  }
  .company__body span {
    display: block;
    margin-top: 16px;
    font-size: .9375rem; /* 15px */
    font-weight: normal;
  }
  .company__item:first-child .company__body span {
    margin-top: 8px;
    color: #888888;
  }
  .company__item:not(.dashline) .company__body {
    border-bottom: 1px solid #e8e8e8;
  }
  .company__item:not(.dashline) .company__head {
    border-bottom: 1px solid #c0005b;
  }
  .company__item.dashline .company__body {
    border-bottom: 1px dashed #e8e8e8;
  }
  .company__body.photo {
    display: flex;
    gap: 80px;
  }
  .company__image {
    aspect-ratio: 250 / 200;
    width: 250px;
  }
  .company__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* PCの右クリック禁止 */
    pointer-events: none;
    /* SPの長押し禁止 */
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;  
  }
  .company__image figcaption {
    text-align: center;
    font-size: .8125rem; /* 13px */
    margin-top: 8px;
  }

@media (max-width:767px){
  .company__item {
    flex-direction: column;
  }
  .company__item:nth-child(n+2){
    margin-top: 30px;
  }
  .company__head {
    padding: 6px 0;
    width: 100%;
  }
  .company__body {
    padding: 20px 0;
    width: 100%;
  }
  .company__image {
    aspect-ratio: 200 / 150;
    height: 150px;
  }
  .company__body.photo {
    flex-direction: column;
    gap: 10px;
    padding-bottom: 60px;
  }
  .company__item:not(.dashline) .company__body {
    border-bottom: none;
  }
  .company__item.nonehead .company__head {
    border-bottom: none;
    padding: 0;
  }
  .company__item:nth-child(4) .company__head {
    border-bottom: 1px solid #c0005b;
  }
  .company__item.nonehead {
    margin-top: 0;
  }
  .company__item:first-child .company__body span {
    margin-top: 0;
  } 
}

/*================================ Access ================================= */
.access__map {
  width: 100%;
  aspect-ratio: 1440 / 700;
}
.access__map iframe {
  width: 100%;
  height: 100%;
  filter:hue-rotate(200deg);
  -webkit-filter:hue-rotate(310deg);
}
.access__body {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 120px;
}
.access__info {
  line-height: 1.7;
  letter-spacing: 0.03em;
}
.access__info p:not(:first-child) {
  margin-top: 20px;
}
.access__address-text {
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.access__address-text span {
  display: block;
  font-size: .9375rem; /* 15px */
  color: #555555;
}
.access__address-text:first-child {
  margin-bottom: 20px;
  line-height: 1.5;
}
@media (max-width:767px){
  .access__map {
    aspect-ratio: 375 / 400;
  }
  .access__body {
    flex-direction: column;
    gap: 40px;
    margin-top: 25px;
  }
  .access__address-text {
    font-size: .875rem;  /* 14px */
  }
  .access__address-text:first-child {
    margin-bottom: 10px;
  }
  .access__address-text span {
    font-size: .8125rem; /* 13px */
  }
}


@media (min-width:1051px) {	
	main{}	
	main #title_area{width:100%;height:auto;margin: 90px auto 0 auto;border-bottom:6px solid;}
	main #title_area{border-image: -webkit-linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #1fa139 50%, #1fa139 100%) 1;}
	main #title_area{border-image: -o-linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #1fa139 50%, #1fa139 100%) 1;}
	main #title_area{border-image: linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #1fa139 50%, #1fa139 100%) 1;}
	main #title_area h2{width:90%;margin:0 auto;padding:0 0 20px 0;font-size: 60px;color: #231815;letter-spacing: 0.05em;}	
	main #title_area h2:first-letter {color: #c0005b;}	
	main #title_area h2 span{font-size: 28px;margin-left: 10px;color: #231815;letter-spacing: 1px}	
		
	main #cm{position: relative;width:100%;height:500px;background:#e9e9e9}
	main #cm p{ position: absolute;  top: 50%;  left: 50%;transform: translate(-50%,-50%);text-align:center;font-size: 50px;color: #c3c3c3}
	
	/*サービス*/	
	#service_wrapper{}
	#service_wrapper #standard{padding:80px 0 80px 0;background: url("../img/service/bg_standard.jpg") no-repeat;background-position: 50% 50%;background-size: cover}
	#service_wrapper #standard #lead{width: 1000px;margin: 0 auto 80px auto;color: #fff;font-size:20px;letter-spacing: 1px;text-align: center;line-height: 38px}
	#service_wrapper #standard .inner_area{width: 1000px;margin: 0 auto;font-size: 0;}
	#service_wrapper #standard .inner_area .unit{position: relative;display: inline-block;width: 47%;padding:0px 0 0px 0;margin: 0 3% 80px 0;vertical-align: top}
	#service_wrapper #standard .inner_area .unit:nth-of-type(2n){margin: 0 0 80px 3%;}
	#service_wrapper #standard .inner_area .unit::before{content:'';position: absolute;top: 0px;left: 0%;width: 50%;height: 4px;background: #c0005b ;margin: 0;padding: 0}
	#service_wrapper #standard .inner_area .unit::after{content:'';position: absolute;top: 0px;left: 50%;width: 50%;height: 4px;background:#22ac38;margin: 0;padding: 0}
	#service_wrapper #standard .inner_area .unit figure{padding:0px 0 0px 0;margin: 0px auto 20px auto;font-size: 0;box-shadow: 0px 3px 25px 0px rgba(179,179,179, .4);border-bottom: 1px solid #2d2d2d;border-left: 1px solid #2d2d2d;border-right: 1px solid #2d2d2d}	
	#service_wrapper #standard .inner_area .unit figure img{width: 100%;height:240px;object-fit: cover;pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none;user-select:none;}	
	#service_wrapper #standard .inner_area .unit .eng{display: inline;padding:4px 20px 4px 20px;margin: 0 ;color:white;font-size:16px;letter-spacing: 1px;background: #c0005b;border-radius: 20px}
	#service_wrapper #standard .inner_area .unit h3{padding:0px 0 0px 0;margin: 15px auto 0px auto;color:white;font-size:20px;letter-spacing: 1px;font-weight: 600;}
	#service_wrapper #standard .inner_area .unit .text{padding:0px 0 0px 0;margin: 5px auto 0px auto;color:white;font-size:14px;letter-spacing: 1px;line-height: 22px}
	
	#service_wrapper #special{/*background: #f0f0f0;*/padding:100px 0 150px 0;background: url("../img/service/bg_hybrid.jpg") no-repeat;background-position: 50% 50%;background-size: cover}
	#service_wrapper #special h4{position: relative;width: 1000px;margin: 0 auto 50px auto;padding:120px 0 0 0; font-size: 50px;color: #fff;text-align: center;letter-spacing: 3px;}
	#service_wrapper #special h4::before{display: inline-block; content:'';  position: absolute;  top: 0%;  left:0%;width:100%;height: 4px;background: linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #22ac38 50%, #22ac38 100%);}
	#service_wrapper #special h4:first-letter {color:#ff178b}
	#service_wrapper #special h4 .jpn{ position: relative;font-size: 25px;letter-spacing: 1px;margin-left: 20px}
	#service_wrapper #special h4 .jpn::before{display: inline-block; content:'/';  position: absolute;  top: -5px;  left:-15px;}
	
	#service_wrapper #special .inner_area{width: 1000px;margin: 0 auto;}
	
	#service_wrapper #special .inner_area .unit01{background:rgba(255,255,255,0.85);border-radius: 20px;padding: 20px 20px 20px 50px;margin: 0 auto 20px auto;display: flex;align-items: center;}
	
	#service_wrapper #special .inner_area .unit01 .text_area{float: left; width:55%;margin-right: 5%}
	#service_wrapper #special .inner_area .unit01 .text_area .eng{display: inline;padding:4px 20px 4px 20px;margin: 0 ;color:white;font-size:16px;letter-spacing: 1px;background: #c0005b;border-radius: 20px; }
	#service_wrapper #special .inner_area .unit01 .text_area h5{display: block; padding:0px 0 0px 0;margin: 15px auto 0px auto;color:black;font-size:20px;letter-spacing: 1px;font-weight:600}
	#service_wrapper #special .inner_area .unit01 .text_area .text{padding:0px 0 0px 0;margin: 10px auto 0px auto;color:black;font-size:14px;letter-spacing: 1px;line-height: 22px; }
	
	#service_wrapper #special .inner_area .unit01 .figure_area{float:right; width: 40%;}
	#service_wrapper #special .inner_area .unit01 .figure_area figure{width: 100%;padding:0px 0 0px 0;margin: 0px auto 0px auto;align-self :center; }
	#service_wrapper #special .inner_area .unit01 .figure_area figure img{width: 100%;height:220px;object-fit: cover;pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none;user-select:none;}	 
	
	#service_wrapper #special .inner_area .unit02{background:rgba(255,255,255,0.85);border-radius: 20px;padding: 50px 50px 20px 50px;margin: 0 auto 0px auto;}
	#service_wrapper #special .inner_area .unit02 .eng{width: 150px; padding:4px 0px 4px 0px;margin: 0 auto;color:white;font-size:16px;letter-spacing: 1px;background: #c0005b;border-radius: 20px;text-align: center }
	#service_wrapper #special .inner_area .unit02 h5{ padding:0px 0 0px 0;margin: 15px auto 0px auto;color:black;font-size:20px;letter-spacing: 1px;font-weight:600;text-align: center}
	#service_wrapper #special .inner_area .unit02 .supplement{ padding:0px 0 0px 0;margin: 0px auto 30px auto;color:black;font-size:16px;letter-spacing: 1px; font-weight:600;text-align: center}
	
	#service_wrapper #special .inner_area .unit02 .list_area{width: 100%;margin: 0 auto 0px auto;padding:0px 0 0 0;font-size: 0;}
	#service_wrapper #special .inner_area .unit02 .list_area .unit{display: inline-block;width:30%;padding:0px 0 0px 0;margin: 0 5% 30px 0;vertical-align: top}
	#service_wrapper #special .inner_area .unit02 .list_area .unit:nth-of-type(3n){margin: 0 0 30px 0%;}
	#service_wrapper #special .inner_area .unit02 .list_area .unit figure{width: 100%;padding:0px 0 0px 0;margin: 0px auto 0px auto;align-self :center; }
	#service_wrapper #special .inner_area .unit02 .list_area .unit figure img{width: 100%;height:180px;object-fit: cover;pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; user-select:none;}	 
	#service_wrapper #special .inner_area .unit02 .list_area .unit h6{ padding:0px 0 0px 0;margin: 15px auto 0px auto;color:#c0005b;font-size:16px;letter-spacing:0px;font-weight:600;text-align: center}
	#service_wrapper #special .inner_area .unit02 .list_area .unit .text{padding:0px 0 0px 0;margin: 5px auto 0px auto;color:black;font-size:13px;letter-spacing: 0px;line-height:18px}
	
	/*お問い合わせ*/
	#contact{}	
	#contact #introduction{padding:80px 0 0px 0;}
	#contact #introduction p{padding:0px 0 0px 0;margin: 0 auto 30px auto;color:black;text-align: center;font-size:20px;letter-spacing: 1px;line-height: 35px}
	#contact #introduction a{display: block;width: 400px;margin: 0 auto;padding: 24px 0;background:#231815;text-align: center;color: white;text-decoration: none;font-size:20px;letter-spacing: 1px;}
	#contact #introduction a .fa-angle-right{margin-left: 10px}
	#contact #introduction a:hover{background:#1ea139;}
	
	#contact #telephone_area{	width:80%;	margin:0 auto 50px auto;padding:40px 0 30px 0;background:#F6F5F0}
	#contact #telephone_area h3{position: relative;padding:0px 0 15px 0;margin: 0 auto 15px auto;color: #000;text-align: center;font-size:22px;letter-spacing: 1px;line-height: 35px;font-weight: 600;}
	#contact #telephone_area h3::before{display: inline-block; content:'';  position: absolute;  top: 100%;  left:50%;transform: translateX(-50%);width: 30px;height: 2px;background: #000}	
	#contact #telephone_area a{display: block;color:black;text-decoration: none;text-align: center;}
	#contact #telephone_area a .sp{display: none}
	#contact #telephone_area a .number{position: relative;font-size:36px;letter-spacing: 2px;display: inline;padding: 0 0 0 0px;font-weight: 900;}
	#contact #telephone_area a .number::before{display: inline-block; content:'\f095';  position: absolute;  top: 6px;  left:-40px;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 25px;}	
	a[href^="tel:"] {pointer-events: none;}
	
	#contact #form_wrapper{	width:100%;	margin:0 auto;padding:80px 0 0px 0;background:#F6F5F0}
	#contact #form_wrapper h3{position: relative;padding:0px 0 10px 0;margin: 0 auto 10px auto;color: #000;text-align: center;font-size:22px;letter-spacing: 1px;line-height: 35px;font-weight: 600;}
	#contact #form_wrapper #text01{margin:0px auto 20px auto;padding: 0;font-size: 16px;letter-spacing: 1px;text-align: center;color:#000;}
	#contact #form_wrapper .require{	color:#F00;	}		
	#contact #form_wrapper form table{width:1000px;	margin:0 auto 50px auto;	border-collapse:collapse;}
	#contact #form_wrapper form table tr{	border-top:1px solid #cccccc;	/*background:white;*/	}	
	#contact #form_wrapper form table th{width:30%;	padding:16px 0px;text-align:left;color:#333333;font-size: 16px;letter-spacing: 0px;vertical-align: top;font-weight:600}
	#contact #form_wrapper form table td{padding:16px 0px;	}
	#contact #form_wrapper form table td #pp_agree p{margin: 0 auto;padding: 0px 0;color:#231815;font-size: 14px;letter-spacing: 0px;}
	#contact #form_wrapper form table td #pp_agree p a{color:#c0005b;}
	#contact #form_wrapper form table td #pp_agree p a:hover{color:#8D8D8D;}
	#contact #form_wrapper form table td #pp_agree #personal_information{/*background:#231815;border: 1px dashed #8b797b;*/border-top: 1px solid #8b797b;border-bottom: 1px solid #8b797b;width: 75%;margin:20px auto 20px auto; padding: 15px 0px}
	#contact #form_wrapper form table td #pp_agree #personal_information h3{margin:0px auto 5px auto;padding: 0px 0;text-align:center;color:#231815;font-size:15px;letter-spacing: 1px;font-weight: normal;}
	#contact #form_wrapper form table td #pp_agree #personal_information ul{margin:0px auto 0px auto;padding: 0px 0 0 20px;color:#231815;font-size:13px;letter-spacing: 0px;line-height: 18px;list-style: inherit}
	
	#contact #form_wrapper form input[type=text],
	#contact #form_wrapper form input[type=tel],
	#contact #form_wrapper form textarea{outline: 0;border: 0; width:96%; margin: 0 ;padding:14px 2%;font-size: 16px;letter-spacing:1px;background:white;border:1px white solid;}
	#contact #form_wrapper form .textarea_address{height:60px;}
	#contact #form_wrapper form .textarea_inquiry{height:150px;}
	
	#contact #form_wrapper form input[type=text]:focus,
	#contact #form_wrapper form input[type=tel]:focus,
	#contact #form_wrapper form textarea:focus{border:1px #c0005b solid;}
	
	#contact #form_wrapper form .type_area{display: inline-block;margin-right: 5px}
	#contact #form_wrapper form .type_area input[type="radio"] {	display: none;}
	#contact #form_wrapper form .type_area label {width:auto;	margin:0px;border:1px dashed #231815;color:#231815;	padding:10px 20px;font-size: 14px;text-align: center;display:block;border-radius:5px}
	#contact #form_wrapper form .type_area input[type="radio"]:checked + label {border:1px dashed #231815;	background-color:#231815;color: white}
	#contact #form_wrapper form .type_area label:hover {	cursor: pointer;}
	
	#contact #form_wrapper form #pp_agree_area input[type="checkbox"] {	display: none;}
	#contact #form_wrapper form #pp_agree_area label {width:90%;	margin:20px auto 0 auto;border:1px dashed #231815;color:#231815;	padding:15px 0px;font-size: 16px;text-align: center;display:block;}
	#contact #form_wrapper form #pp_agree_area input[type="checkbox"]:checked + label {border:1px dashed #231815;	background-color:#231815;color: white}
	#contact #form_wrapper form #pp_agree_area label:hover {	cursor: pointer;}
		
	#contact #form_wrapper form input[type=submit],
	#contact #form_wrapper form input[type=reset] 
	{-webkit-appearance:none;outline: 0;border: 0;display: block; margin: 0 auto;padding:24px 0;font-size:20px;letter-spacing:1px;background:#231815;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
	#contact #form_wrapper form input[type=submit].submit_input{width:1000px;}
	#contact #form_wrapper form input[type=submit]:hover,
	#contact #form_wrapper form input[type=reset]:hover{background:#c0005b;}
	
	#contact #pp_summary{background:#F6F5F0;padding:80px 0 80px 0}
	#contact #pp_summary .inner{	width:1000px;	margin:0 auto;padding:50px 50px 30px 50px;background:#fff;/*border: 1px dashed #8b797b;*/}
	#contact #pp_summary h4{margin:0px auto 10px auto;padding: 0;color: #1a1a1a;font-size: 20px;letter-spacing: 0px;text-align: center;font-weight: 600;}
	#contact #pp_summary h5{margin:20px auto 10px auto;padding: 0;color: #1a1a1a;font-size:16px;letter-spacing: 0px;font-weight:600;}
	#contact #pp_summary .pp_text{margin:0px auto 0px auto;padding: 0;color: #4D4D4D;font-size: 13px;letter-spacing: 0px;line-height: 24px;}
	
	#recruit #recruitment{padding:80px 0 30px 0;/*border-bottom: 1px solid #dddddd*/}
	#recruit #recruitment h3{padding:0px 0 0px 0;margin: 0 auto 30px auto;color: #231815;text-align: center;font-size:28px;letter-spacing: 1px;font-weight: 600;}
	#recruit #recruitment #notice{padding:0px 0 0px 0;margin: 0 auto 30px auto;color: #000;text-align: center;font-size:18px;letter-spacing: 1px;font-weight: 400;}
	#recruit #recruitment #guideline{width:1000px;	margin:0 auto 50px auto;	border-collapse:collapse;}
	#recruit #recruitment #guideline tr{	border-top:1px solid #c7d3c8;	}	
	#recruit #recruitment #guideline tr:last-of-type{border-bottom:1px solid #c7d3c8;}
	#recruit #recruitment #guideline tr th{background: #f2f9f3;padding: 20px 20px;font-size:14px;letter-spacing: 1px;font-weight: 600;color: #008917;}
	#recruit #recruitment #guideline tr td{padding: 20px 0 20px 20px;font-size:14px;letter-spacing: 1px;}
	
	#recruit #entry{padding:100px 0 100px 0;background:#F6F5F0}
	#recruit #entry p{padding:0px 0 0px 0;margin: 0 auto 30px auto;color: #000;text-align: center;font-size:18px;letter-spacing: 1px;font-weight: 400;}
	#recruit #entry a{display:block;width:500px;margin: 0 auto;padding:30px 0 30px 0px; text-align: center; background:#008917;  font-size:  20px;  letter-spacing: 1px;color: white;  text-transform: capitalize;  line-height: 1;  position: relative;  z-index: 1;}
	#recruit #entry a::after {  content: "";  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  background:#ca005b;  transform: scale(0, 1);  transform-origin: left top;  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);  z-index: -1;}
	#recruit #entry a span {  position: relative; /* padding-right: 95px;*/}
	#recruit #entry a span::after {  content: "";  width: 50px;  height: 1px;  background: white;  position: absolute;  top: 50%;  left:80%;  transform: translateY(-50%);  transition: left .4s;}	
	#recruit #entry a:hover::after {  transform: scale(1, 1);}
	#recruit #entry a:hover span::after {  left: 90%;}
	
	
	/*お問い合わせ 確認画面 */
	#check{width:100%;	margin:0 auto;padding:0px 0 0px 0;}
	#check #inner_area {	width:100%;	margin:0px auto 0 auto;padding: 80px 0;background:#F6F5F0	}
	#check #inner_area h3{margin:0px auto 30px auto;padding: 0;color: #231815;font-size: 24px;letter-spacing: 0px;text-align: center;font-weight:700;}
	#check #inner_area .text{margin:0px auto 50px auto;padding: 0;font-size: 16px;letter-spacing: 1px;text-align: center;line-height: 28px}
	
	#check #inner_area .error_messe{width: 350px; margin:0px auto 10px auto;padding: 0;font-size:14px;letter-spacing: 0px;color:#c1311a;}
	
	#check #inner_area > input[type=button] {-webkit-appearance:none;outline: 0;border: 0;display: block;width:400px; margin:50px auto 0 auto;padding:24px 0;font-size:16px;letter-spacing:1px;background:#231815;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
	#check #inner_area > input[type=button]:hover{background:#c0005b;}
	
	#check #inner_area table{	width:800px;	margin:0 auto 30px auto;	border-collapse:collapse;font-size:14px;letter-spacing: 0px;border-top:1px solid #cccccc;}	
	#check #inner_area table tr{border-bottom:1px solid #cccccc;}
	#check #inner_area table th{	width:30%;padding:10px 10px;font-weight:normal;text-align:left;color:#231815;}		
	#check #inner_area table td{padding:10px 0 10px 10px;}
	
	#check #inner_area #normal_button {text-align: center;width:800px;	margin:0 auto}
	#check #inner_area #normal_button input[type=submit],
	#check #inner_area #normal_button input[type=button]{-webkit-appearance:none;outline: 0;border: 0;display:inline;width:49%; margin:0px auto 0 auto;padding:24px 0;font-size:16px;letter-spacing:1px;background:#231815;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
	#check #inner_area #normal_button input[type=submit]:hover,
	#check #inner_area #normal_button input[type=button]:hover{background:#c0005b;}
	
	/*お問い合わせ 完了画面*/
	#thanks{width:100%;	margin:0 auto;padding:0px 0 0px 0;}
	#thanks #inner_area{	width:100%;	margin:0px auto 0 auto;padding: 80px 0;background:#F6F5F0	}
	#thanks #inner_area h3{margin:0px auto 30px auto;padding: 0;color: #231815;font-size: 24px;letter-spacing: 0px;text-align: center;font-weight:700;}
	#thanks #inner_area .text{width:600px;margin:0px auto 50px auto;padding: 0;font-size: 14px;letter-spacing: 1px;line-height: 24px}
	#thanks #inner_area a{display:block;width:500px; margin:0px auto 0 auto;padding:24px 0;font-size:16px;letter-spacing:1px;background:#231815;color: white;text-decoration: none;text-align: center;}
	#thanks #inner_area a:hover{background:#c0005b;}
}

@media screen and (min-width:701px) and ( max-width:1050px)  {
	/*共通*/
	main{}	
	main #title_area{width:100%;height:auto;margin: 90px auto 0 auto;border-bottom:6px solid;}
	main #title_area{border-image: -webkit-linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #1fa139 50%, #1fa139 100%) 1;}
	main #title_area{border-image: -o-linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #1fa139 50%, #1fa139 100%) 1;}
	main #title_area{border-image: linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #1fa139 50%, #1fa139 100%) 1;}
	main #title_area h2{width:90%;margin:0 auto;padding:0 0 20px 0;font-size: 60px;color: #231815}
	main #title_area h2:first-letter {color: #c0005b;}			
	main #title_area h2 span{font-size: 28px;margin-left: 10px;color: #231815;letter-spacing: 1px}
		
	main #cm{position: relative;width:100%;height:500px;background:#e9e9e9}
	main #cm p{ position: absolute;  top: 50%;  left: 50%;transform: translate(-50%,-50%);text-align:center;font-size: 50px;color: #c3c3c3}
		
	/*サービス*/
	#service_wrapper #standard{padding:80px 0 50px 0;background: url("../img/service/bg_standard.jpg") no-repeat;background-position: 50% 50%;background-size: cover}
	#service_wrapper #standard #lead{width:90%;margin: 0 auto 80px auto;color: #fff;font-size:20px;letter-spacing: 1px;text-align: center;line-height: 38px}
	#service_wrapper #standard .inner_area{width:90%;margin: 0 auto 30px auto;font-size: 0;}
	#service_wrapper #standard .inner_area .unit{position: relative;display: inline-block;width: 48%;padding:0px 0 0px 0;margin: 0 2% 50px 0;vertical-align: top}
	#service_wrapper #standard .inner_area .unit:nth-of-type(2n){margin: 0 0 50px 2%;}
	#service_wrapper #standard .inner_area .unit::before{content:'';position: absolute;top: 0px;left: 0%;width: 50%;height: 4px;background: #c0005b ;margin: 0;padding: 0}
	#service_wrapper #standard .inner_area .unit::after{content:'';position: absolute;top: 0px;left: 50%;width: 50%;height: 4px;background:#22ac38;margin: 0;padding: 0}
	
	#service_wrapper #standard .inner_area .unit figure{padding:0px 0 0px 0;margin: 0px auto 20px auto;box-shadow: 0px 3px 25px 0px rgba(179,179,179, .4);border-bottom: 1px solid #2d2d2d;border-left: 1px solid #2d2d2d;border-right: 1px solid #2d2d2d}
	#service_wrapper #standard .inner_area .unit figure img{width: 100%;height:220px;object-fit: cover;pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; user-select:none;}	
	#service_wrapper #standard .inner_area .unit .eng{display: inline;padding:4px 20px 4px 20px;margin: 0 ;color:white;font-size:16px;letter-spacing: 1px;background: #c0005b;border-radius: 20px}
	#service_wrapper #standard .inner_area .unit h3{padding:0px 0 0px 0;margin: 15px auto 0px auto;color:white;font-size:20px;letter-spacing: 1px;font-weight: 600;}
	#service_wrapper #standard .inner_area .unit .text{padding:0px 0 0px 0;margin: 15px auto 0px auto;color:white;font-size:14px;letter-spacing: 1px;line-height: 20px}
	
	#service_wrapper #special{/*background: #f0f0f0;*/padding:80px 0 80px 0;background: url("../img/service/bg_hybrid.jpg") no-repeat;background-position: 50% 50%;background-size: cover}
	#service_wrapper #special h4{position: relative;width: 90%;margin: 0 auto 30px auto;padding:50px 0 0 0; font-size: 40px;color:white;text-align: center;letter-spacing: 2px}	
	#service_wrapper #special h4::before{display: inline-block; content:'';  position: absolute;  top: 0%;  left:0%;width:100%;height: 4px;background: linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #22ac38 50%, #22ac38 100%);}
	#service_wrapper #special h4:first-letter {color:#ff178b}
	#service_wrapper #special h4 .jpn{ position: relative; font-size: 20px;letter-spacing: 1px;margin-left:20px}
	#service_wrapper #special h4 .jpn::before{display: inline-block; content:'/';  position: absolute;  top: -5px;  left:-15px;}
	
	#service_wrapper #special .inner_area{width: 90%;margin: 0 auto;}
	
	#service_wrapper #special .inner_area .unit01{background: white;border-radius:10px;padding: 20px 20px 20px 50px;margin: 0 auto 20px auto;display: flex;align-items: center;}
	
	#service_wrapper #special .inner_area .unit01 .text_area{float: left; width:55%;margin-right: 5%}
	#service_wrapper #special .inner_area .unit01 .text_area .eng{display: inline;padding:4px 20px 4px 20px;margin: 0 ;color:white;font-size:16px;letter-spacing: 1px;background: #c0005b;border-radius: 20px; }
	#service_wrapper #special .inner_area .unit01 .text_area h5{display: block; padding:0px 0 0px 0;margin: 15px auto 0px auto;color:black;font-size:20px;letter-spacing: 1px;font-weight:600}
	#service_wrapper #special .inner_area .unit01 .text_area .text{padding:0px 0 0px 0;margin: 10px auto 0px auto;color:black;font-size:14px;letter-spacing: 1px;line-height: 22px; }
	
	#service_wrapper #special .inner_area .unit01 .figure_area{float:right; width: 40%;}
	#service_wrapper #special .inner_area .unit01 .figure_area figure{width: 100%;padding:0px 0 0px 0;margin: 0px auto 0px auto;align-self :center; }
	#service_wrapper #special .inner_area .unit01 .figure_area figure img{width: 100%;height:220px;object-fit: cover;pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; user-select:none;}	 
	
	#service_wrapper #special .inner_area .unit02{background: white;border-radius: 10px;padding: 50px 50px 20px 50px;margin: 0 auto 0px auto;}
	#service_wrapper #special .inner_area .unit02 .eng{width: 150px; padding:4px 0px 4px 0px;margin: 0 auto;color:white;font-size:16px;letter-spacing: 1px;background: #c0005b;border-radius: 20px;text-align: center }
	#service_wrapper #special .inner_area .unit02 h5{ padding:0px 0 0px 0;margin: 15px auto 0px auto;color:black;font-size:20px;letter-spacing: 1px;font-weight:600;text-align: center}
	#service_wrapper #special .inner_area .unit02 .supplement{ padding:0px 0 0px 0;margin: 0px auto 30px auto;color:black;font-size:16px;letter-spacing: 1px; font-weight:600;text-align: center}
	
	#service_wrapper #special .inner_area .unit02 .list_area{width: 100%;margin: 0 auto 0px auto;padding:0px 0 0 0;font-size: 0;}
	#service_wrapper #special .inner_area .unit02 .list_area .unit{display: inline-block;width:48%;padding:0px 0 0px 0;margin: 0 2% 30px 0;vertical-align: top}
	#service_wrapper #special .inner_area .unit02 .list_area .unit:nth-of-type(2n){margin: 0 0 30px 2%;}
	#service_wrapper #special .inner_area .unit02 .list_area .unit figure{width: 100%;padding:0px 0 0px 0;margin: 0px auto 0px auto;align-self :center; }
	#service_wrapper #special .inner_area .unit02 .list_area .unit figure img{width: 100%;height:180px;object-fit: cover; pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; user-select:none;}	 
	#service_wrapper #special .inner_area .unit02 .list_area .unit h6{ padding:0px 0 0px 0;margin: 15px auto 0px auto;color:#c0005b;font-size:16px;letter-spacing:0px;font-weight:600;text-align: center}
	#service_wrapper #special .inner_area .unit02 .list_area .unit .text{padding:0px 0 0px 0;margin: 5px auto 0px auto;color:black;font-size:13px;letter-spacing: 0px;line-height:18px}
	
	/*お問い合わせ*/
	#contact{}	
	#contact #introduction{padding:80px 0 80px 0;}
	#contact #introduction p{padding:0px 0 0px 0;margin: 0 auto 30px auto;color:black;text-align: center;font-size:20px;letter-spacing: 1px;line-height: 35px}
	#contact #introduction a{display: block;width: 400px;margin: 0 auto;padding: 24px 0;background:#231815;text-align: center;color: white;text-decoration: none;font-size:20px;letter-spacing: 1px;}
	#contact #introduction a .fa-angle-right{margin-left: 10px}
	#contact #introduction a:hover{background:#1ea139;}
	
	#contact #telephone_area{	width:80%;	margin:0 auto 50px auto;padding:40px 0 30px 0;background:#F6F5F0}
	#contact #telephone_area h3{position: relative;padding:0px 0 15px 0;margin: 0 auto 15px auto;color: #000;text-align: center;font-size:22px;letter-spacing: 1px;line-height: 35px;font-weight: 600;}
	#contact #telephone_area h3::before{display: inline-block; content:'';  position: absolute;  top: 100%;  left:50%;transform: translateX(-50%);width: 30px;height: 2px;background: #000}	
	#contact #telephone_area a{display: block;color:black;text-decoration: none;text-align: center;}
	#contact #telephone_area a .sp{display: none}
	#contact #telephone_area a .number{position: relative;font-size:36px;letter-spacing: 2px;display: inline;padding: 0 0 0 0px;font-weight: 900;}
	#contact #telephone_area a .number::before{display: inline-block; content:'\f095';  position: absolute;  top: 6px;  left:-40px;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 25px;}	
	a[href^="tel:"] {pointer-events: none;}
	
	#contact #form_wrapper{	width:100%;	margin:0 auto;padding:80px 0 0px 0;background:#F6F5F0}
	#contact #form_wrapper h3{position: relative;padding:0px 0 10px 0;margin: 0 auto 10px auto;color: #000;text-align: center;font-size:22px;letter-spacing: 1px;line-height: 35px;font-weight: 600;}
	#contact #form_wrapper #text01{margin:0px auto 20px auto;padding: 0;font-size: 16px;letter-spacing: 1px;text-align: center;color:#000;}
	#contact #form_wrapper .require{	color:#F00;	}		
	#contact #form_wrapper form table{width:90%;	margin:0 auto 50px auto;	border-collapse:collapse;}
	#contact #form_wrapper form table tr{	border-top:1px solid #cccccc;	/*background:white;*/	}	
	#contact #form_wrapper form table th{display: inline-block; width:100%;	padding:16px 0px 10px 0;text-align:left;color:#333333;font-size: 16px;letter-spacing: 0px;vertical-align: top;font-weight:500}
	#contact #form_wrapper form table td{display: inline-block; width:100%;	padding:0 0 16px 0px;	}
	#contact #form_wrapper form table td #pp_agree{width:95%;	margin:0 auto}
	#contact #form_wrapper form table td #pp_agree p{margin: 0 auto;padding: 0px 0;color:#231815;font-size: 14px;letter-spacing: 0px;}
	#contact #form_wrapper form table td #pp_agree p a{color:#c0005b;}
	#contact #form_wrapper form table td #pp_agree p a:hover{color:#8D8D8D;}
	#contact #form_wrapper form table td #pp_agree #personal_information{/*background:#231815;border: 1px dashed #8b797b;*/border-top: 1px solid #8b797b;border-bottom: 1px solid #8b797b;width:95%;margin:20px auto 20px auto; padding: 15px 0px}
	#contact #form_wrapper form table td #pp_agree #personal_information h3{margin:0px auto 5px auto;padding: 0px 0;text-align:center;color:#231815;font-size:15px;letter-spacing: 1px;font-weight: normal;}
	#contact #form_wrapper form table td #pp_agree #personal_information ul{margin:0px auto 0px auto;padding: 0px 0 0 20px;color:#231815;font-size:13px;letter-spacing: 0px;line-height: 18px;list-style: inherit}
	
	#contact #form_wrapper form input[type=text],
	#contact #form_wrapper form input[type=tel],
	#contact #form_wrapper form textarea{outline: 0;border: 0; width:96%; margin: 0 ;padding:14px 2%;font-size: 16px;letter-spacing:1px;background:white;border:1px white solid;}
	#contact #form_wrapper form .textarea_address{height:60px;}
	#contact #form_wrapper form .textarea_inquiry{height:150px;}
	
	#contact #form_wrapper form input[type=text]:focus,
	#contact #form_wrapper form input[type=tel]:focus,
	#contact #form_wrapper form textarea:focus{border:1px #c0005b solid;}
	
	#contact #form_wrapper form .type_area{display: inline-block;margin-right: 5px}
	#contact #form_wrapper form .type_area input[type="radio"] {	display: none;}
	#contact #form_wrapper form .type_area label {width:auto;	margin:0px;border:1px dashed #231815;color:#231815;	padding:14px 20px;font-size: 16px;text-align: center;display:block;border-radius:5px}
	#contact #form_wrapper form .type_area input[type="radio"]:checked + label {border:1px dashed #231815;	background-color:#231815;color: white}
	#contact #form_wrapper form .type_area label:hover {	cursor: pointer;}
	
	#contact #form_wrapper form #pp_agree_area input[type="checkbox"] {	display: none;}
	#contact #form_wrapper form #pp_agree_area label {width:90%;	margin:20px auto 0 auto;border:1px dashed #231815;color:#231815;	padding:15px 0px;font-size: 16px;text-align: center;display:block;}
	#contact #form_wrapper form #pp_agree_area input[type="checkbox"]:checked + label {border:1px dashed #231815;	background-color:#231815;color: white}
	#contact #form_wrapper form #pp_agree_area label:hover {	cursor: pointer;}
		
	#contact #form_wrapper form input[type=submit],
	#contact #form_wrapper form input[type=reset] 
	{-webkit-appearance:none;outline: 0;border: 0;display: block; margin: 0 auto;padding:24px 0;font-size:20px;letter-spacing:1px;background:#231815;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
	#contact #form_wrapper form input[type=submit].submit_input{width:50%;}
	#contact #form_wrapper form input[type=submit]:hover,
	#contact #form_wrapper form input[type=reset]:hover{background:#c0005b;}
	
	#contact #pp_summary{background:#F6F5F0;padding:80px 0 80px 0}
	#contact #pp_summary .inner{	width:90%;	margin:0 auto;padding:50px 0px 30px 0px;background:#fff;/*border: 1px dashed #8b797b;*/}
	#contact #pp_summary h4{width:90%;margin:0px auto 10px auto;padding: 0;color: #1a1a1a;font-size: 20px;letter-spacing: 0px;text-align: center;font-weight: 600;}
	#contact #pp_summary h5{width:90%;margin:20px auto 10px auto;padding: 0;color: #1a1a1a;font-size:16px;letter-spacing: 0px;font-weight:600;}
	#contact #pp_summary .pp_text{width:90%;margin:0px auto 0px auto;padding: 0;color: #4D4D4D;font-size: 13px;letter-spacing: 0px;line-height: 24px;}
	
	#recruit #recruitment{padding:80px 0 50px 0;}
	#recruit #recruitment h3{padding:0px 0 0px 0;margin: 0 auto 30px auto;color: #231815;text-align: center;font-size:28px;letter-spacing: 1px;font-weight: 600;}
	#recruit #recruitment #notice{padding:0px 0 0px 0;margin: 0 auto 30px auto;color: #000;text-align: center;font-size:18px;letter-spacing: 1px;font-weight: 400;}
	#recruit #recruitment #guideline{width:90%;	margin:0 auto 0px auto;	border-collapse:collapse;}
	#recruit #recruitment #guideline tr{	border-top:1px solid #c7d3c8;	}	
	#recruit #recruitment #guideline tr:last-of-type{border-bottom:1px solid #c7d3c8;}
	#recruit #recruitment #guideline tr th{width:20%; max-width: 150px;background: #f2f9f3;padding: 20px 0px;font-size:14px;letter-spacing: 1px;font-weight: 600;color: #008917;text-align: center;}
	#recruit #recruitment #guideline tr td{padding: 20px 0 20px 20px;font-size:14px;letter-spacing: 1px;}
	
	#recruit #entry{padding:100px 0 100px 0;background:#F6F5F0}
	#recruit #entry p{padding:0px 0 0px 0;margin: 0 auto 30px auto;color: #000;text-align: center;font-size:18px;letter-spacing: 1px;font-weight: 400;}
	#recruit #entry a{display:block;width:500px;margin: 0 auto;padding:30px 0 30px 0px; text-align: center; background:#008917;  font-size:  20px;  letter-spacing: 1px;color: white;  text-transform: capitalize;  line-height: 1;  position: relative;  z-index: 1;}
	#recruit #entry a::after {  content: "";  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  background:#ca005b;  transform: scale(0, 1);  transform-origin: left top;  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);  z-index: -1;}
	#recruit #entry a span {  position: relative; /* padding-right: 95px;*/}
	#recruit #entry a span::after {  content: "";  width: 50px;  height: 1px;  background: white;  position: absolute;  top: 50%;  left:80%;  transform: translateY(-50%);  transition: left .4s;}	
	#recruit #entry a:hover::after {  transform: scale(1, 1);}
	#recruit #entry a:hover span::after {  left: 90%;}
	
	/*お問い合わせ 確認画面 */
	#check{width:100%;	margin:0 auto;padding:0px 0 0px 0;}
	#check #inner_area {	width:100%;	margin:0px auto 0 auto;padding: 80px 0;background:#F6F5F0	}
	#check #inner_area h3{margin:0px auto 30px auto;padding: 0;color: #231815;font-size: 24px;letter-spacing: 0px;text-align: center;font-weight:700;}
	#check #inner_area .text{margin:0px auto 50px auto;padding: 0;font-size: 16px;letter-spacing: 1px;text-align: center;line-height: 28px}
	
	#check #inner_area .error_messe{width: 350px; margin:0px auto 10px auto;padding: 0;font-size:14px;letter-spacing: 0px;color:#c1311a;}
	
	#check #inner_area > input[type=button] {-webkit-appearance:none;outline: 0;border: 0;display: block;width:400px; margin:50px auto 0 auto;padding:24px 0;font-size:16px;letter-spacing:1px;background:#231815;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
	#check #inner_area > input[type=button]:hover{background:#c0005b;}
	
	#check #inner_area table{	width:80%;	margin:0 auto 30px auto;	border-collapse:collapse;font-size:14px;letter-spacing: 0px;border-top:1px solid #cccccc;}	
	#check #inner_area table tr{border-bottom:1px solid #cccccc;}
	#check #inner_area table th{	width:30%;padding:10px 10px;font-weight:normal;text-align:left;color:#231815;}		
	#check #inner_area table td{padding:10px 0 10px 10px;}
	
	#check #inner_area #normal_button {text-align: center;width:80%;	margin:0 auto}
	#check #inner_area #normal_button input[type=submit],
	#check #inner_area #normal_button input[type=button]{-webkit-appearance:none;outline: 0;border: 0;display:inline;width:49%; margin:0px auto 0 auto;padding:24px 0;font-size:16px;letter-spacing:1px;background:#231815;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
	#check #inner_area #normal_button input[type=submit]:hover,
	#check #inner_area #normal_button input[type=button]:hover{background:#c0005b;}
	
	/*お問い合わせ 完了画面*/
	#thanks{width:100%;	margin:0 auto;padding:0px 0 0px 0;}
	#thanks #inner_area{	width:100%;	margin:0px auto 0 auto;padding: 80px 0;background:#F6F5F0	}
	#thanks #inner_area h3{margin:0px auto 30px auto;padding: 0;color: #231815;font-size: 24px;letter-spacing: 0px;text-align: center;font-weight:700;}
	#thanks #inner_area .text{width:80%;margin:0px auto 50px auto;padding: 0;font-size: 14px;letter-spacing: 1px;line-height: 24px}
	#thanks #inner_area a{display:block;width:80%; margin:0px auto 0 auto;padding:24px 0;font-size:16px;letter-spacing:1px;background:#231815;color: white;text-decoration: none;text-align: center;}
	#thanks #inner_area a:hover{background:#c0005b;}
}

@media (max-width: 700px) {
	/*共通*/
	main{}	
	main #title_area{width:100%;height:auto;margin: 90px auto 0 auto;border-bottom:3px solid;}
	main #title_area{border-image: -webkit-linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #1fa139 50%, #1fa139 100%) 1;}
	main #title_area{border-image: -o-linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #1fa139 50%, #1fa139 100%) 1;}
	main #title_area{border-image: linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #1fa139 50%, #1fa139 100%) 1;}
	main #title_area h2{width:90%;margin:0 auto;padding:5px 0 10px 0;font-size:30px;color: #231815} 
	main #title_area h2:first-letter {color: #c0005b;}	
	main #title_area h2 span{font-size:18px;margin-left: 5px;color: #231815;letter-spacing: 1px}
		
	main #cm{position: relative;width:100%;height:300px;background:#e9e9e9}
	main #cm p{ position: absolute;  top: 50%;  left: 50%;transform: translate(-50%,-50%);text-align:center;font-size: 20px;color: #c3c3c3}
		
	/*サービス*/
	#service_wrapper #standard{padding:50px 0 10px 0;background: url("../img/service/bg_standard.jpg") no-repeat;background-position: 50% 50%;background-size: cover}
	#service_wrapper #standard #lead{width:80%;margin: 0 auto 30px auto;color: #fff;font-size:14px;letter-spacing: 1px;text-align: center;line-height:28px}
	#service_wrapper #standard .inner_area{width:80%;margin: 0 auto 50px auto;font-size: 0;}
	#service_wrapper #standard .inner_area .unit{position: relative;padding:0px 0 0px 0;margin: 0 0% 30px 0;}
	#service_wrapper #standard .inner_area .unit::before{content:'';position: absolute;top: 0px;left: 0%;width: 50%;height: 4px;background: #c0005b ;margin: 0;padding: 0}
	#service_wrapper #standard .inner_area .unit::after{content:'';position: absolute;top: 0px;left: 50%;width: 50%;height: 4px;background:#22ac38;margin: 0;padding: 0}
	#service_wrapper #standard .inner_area .unit figure{padding:0px 0 0px 0;margin: 0px auto 20px auto;box-shadow: 0px 3px 25px 0px rgba(179,179,179, .4);border-bottom: 1px solid #2d2d2d;border-left: 1px solid #2d2d2d;border-right: 1px solid #2d2d2d}
	#service_wrapper #standard .inner_area .unit figure img{width: 100%;height:150px;object-fit: cover;pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none;user-select:none;}	
	#service_wrapper #standard .inner_area .unit .eng{display: inline;padding:2px 20px 2px 20px;margin: 0 ;color:white;font-size:16px;letter-spacing: 1px;background: #c0005b;border-radius: 20px}
	#service_wrapper #standard .inner_area .unit h3{padding:0px 0 0px 0;margin: 10px auto 0px auto;color:white;font-size:16px;letter-spacing: 1px;font-weight: 500;}
	#service_wrapper #standard .inner_area .unit .text{padding:0px 0 0px 0;margin: 10px auto 0px auto;color:white;font-size:12px;letter-spacing: 0px;line-height: 18px}
	
	#service_wrapper #special{padding:30px 0 30px 0;background: url("../img/service/bg_hybrid.jpg") no-repeat;background-position: 50% 50%;background-size: cover}
	#service_wrapper #special h4{position: relative;width: 80%;margin: 0 auto 20px auto;padding:30px 0 0 0; font-size: 24px;color: white;text-align: center;letter-spacing: 2px}
	#service_wrapper #special h4::before{display: inline-block; content:'';  position: absolute;  top: 0%;  left:0%;width:100%;height: 4px;background: linear-gradient(90deg, #c0005b 0%, #c0005b 50%, #22ac38 50%, #22ac38 100%);}
	#service_wrapper #special h4:first-letter {color:#ff178b}
	#service_wrapper #special h4 .jpn{ position: relative;  display:inline-block; font-size: 16px;letter-spacing: 1px;margin-left: 20px}
	#service_wrapper #special h4 .jpn::before{display: inline-block; content:'/';  position: absolute;  top: -0px;  left:-10px;}
	
	#service_wrapper #special .inner_area{width: 90%;margin: 0 auto;}
	
	#service_wrapper #special .inner_area .unit01{/*border-bottom: 1px solid #c3c3c3*/background: rgba(255,255,255,0.9);border-radius:10px;padding: 20px 20px 20px 20px;margin: 0 auto 20px auto;}	
	#service_wrapper #special .inner_area .unit01 .text_area .eng{display: inline;padding:2px 20px 2px 20px;margin: 0 ;color:white;font-size:16px;letter-spacing: 1px;background: #c0005b;border-radius: 20px}
	#service_wrapper #special .inner_area .unit01 .text_area h5{padding:0px 0 0px 0;margin: 10px auto 0px auto;color:black;font-size:17px;letter-spacing: 0px;font-weight:600}
	#service_wrapper #special .inner_area .unit01 .text_area .text{padding:0px 0 0px 0;margin: 5px auto 10px auto;color:black;font-size:13px;letter-spacing: 0px;line-height: 18px}	
	#service_wrapper #special .inner_area .unit01 .figure_area figure{width: 100%;padding:0px 0 0px 0;margin: 0px auto 0px auto; }
	#service_wrapper #special .inner_area .unit01 .figure_area figure img{width: 100%;height:120px;object-fit: cover;pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; user-select:none;}	 
	
	#service_wrapper #special .inner_area .unit02{background: rgba(255,255,255,0.9);border-radius:10px;padding: 20px 20px 20px 20px;margin: 0 auto 20px auto;}
	#service_wrapper #special .inner_area .unit02 .eng{display: inline;padding:2px 20px 2px 20px;margin: 0 ;color:white;font-size:16px;letter-spacing: 1px;background: #c0005b;border-radius: 20px}
	#service_wrapper #special .inner_area .unit02 h5{padding:0px 0 0px 0;margin: 10px auto 0px auto;color:black;font-size:17px;letter-spacing: 0px;font-weight:600}
	#service_wrapper #special .inner_area .unit02 .supplement{ padding:0px 0 0px 0;margin: 0px auto 10px auto;color:black;font-size:14px;letter-spacing: 0px; font-weight:600;}	
	#service_wrapper #special .inner_area .unit02 .list_area{width: 100%;margin: 0 auto 0px auto;padding:0px 0 0 0;font-size: 0;}
	#service_wrapper #special .inner_area .unit02 .list_area .unit{display: inline-block;width:48%;padding:0px 0 0px 0;margin: 0 2% 30px 0;vertical-align: top}
	#service_wrapper #special .inner_area .unit02 .list_area .unit:nth-of-type(2n){margin: 0 0 30px 2%;}
	#service_wrapper #special .inner_area .unit02 .list_area .unit figure{width: 100%;padding:0px 0 0px 0;margin: 0px auto 0px auto;align-self :center; }
	#service_wrapper #special .inner_area .unit02 .list_area .unit figure img{width: 100%;height:100px;object-fit: cover;pointer-events: none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none;user-select:none;}	 
	#service_wrapper #special .inner_area .unit02 .list_area .unit h6{ padding:0px 0 0px 0;margin: 15px auto 0px auto;color:#c0005b;font-size:14px;letter-spacing:0px;font-weight:500;line-height: 16px}
	#service_wrapper #special .inner_area .unit02 .list_area .unit .text{padding:0px 0 0px 0;margin: 5px auto 0px auto;color:black;font-size:11px;letter-spacing: 0px;line-height: 14px}
	
	/*お問い合わせ*/
	#contact{}	
	#contact #introduction{padding:30px 0;}
	#contact #introduction p{width:80%;padding:0px 0 0px 0;margin: 0 auto 30px auto;color:black;font-size:14px;letter-spacing: 0px;line-height: 20px}
	#contact #introduction p .br{display:none;}
	#contact #introduction a{display: block;width:80%;margin: 0 auto;padding: 20px 0;background:#231815;text-align: center;color: white;text-decoration: none;font-size:16px;letter-spacing: 1px;}
	#contact #introduction a .fa-angle-right{margin-left: 10px}
	#contact #introduction a:hover{background:#1ea139;}
	
	#contact #telephone_area{	width:100%;	margin:0 auto 0px auto;padding:40px 0 30px 0;background:#F6F5F0;border-bottom: 1px solid #aaaaaa}
	#contact #telephone_area h3{padding:0px 0 0px 0;margin: 0 auto 10px auto;color: #000;text-align: center;font-size:18px;letter-spacing: 1px;font-weight: 600;}	
	#contact #telephone_area a{display: block;width:80%;margin: 0 auto;padding: 10px 0 6px 0;color:black;text-decoration: none;text-align: center;border: 1px solid #231815}
	#contact #telephone_area a .sp{color:#333333;font-size: 12px;line-height: 12px}
	#contact #telephone_area a .number{position: relative;font-size:24px;letter-spacing: 1px;display: inline;padding: 0 0 0 0px;font-weight: 900;}
	#contact #telephone_area a .number::before{display: inline-block; content:'\f095';  position: absolute;  top: 6px;  left:-30px;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 16px;}	
	
	#contact #form_wrapper{	width:100%;	margin:0 auto;padding:30px 0 30px 0;background:#F6F5F0}
	#contact #form_wrapper h3{padding:0px 0 0px 0;margin: 0 auto 10px auto;color: #000;text-align: center;font-size:18px;letter-spacing: 1px;font-weight: 600;}
	#contact #form_wrapper #text01{margin:0px auto 20px auto;padding: 0;font-size: 12px;letter-spacing: 0px;text-align: center;color:#000;}
	#contact #form_wrapper .require{	color:#F00;	}		
	#contact #form_wrapper form table{width:80%;	margin:0 auto 30px auto;	border-collapse:collapse;}
	#contact #form_wrapper form table tr{	border-top:1px solid #cccccc;	/*background:white;*/	}	
	#contact #form_wrapper form table th{display: inline-block; width:100%;	padding:16px 0px 10px 0;text-align:left;color:#333333;font-size: 14px;letter-spacing: 0px;vertical-align: top;font-weight:500}
	#contact #form_wrapper form table td{display: inline-block; width:100%;	padding:0 0 16px 0px;	}
	#contact #form_wrapper form table td #pp_agree{width:90%;	margin:0 auto}
	#contact #form_wrapper form table td #pp_agree p{margin: 0 auto;padding: 0px 0;color:#231815;font-size: 13px;letter-spacing: 0px;line-height: 18px}
	#contact #form_wrapper form table td #pp_agree p a{color:#c0005b;}
	#contact #form_wrapper form table td #pp_agree p a:hover{color:#8D8D8D;}
	#contact #form_wrapper form table td #pp_agree #personal_information{/*background:#231815;border: 1px dashed #8b797b;*/border-top: 1px solid #8b797b;border-bottom: 1px solid #8b797b;width:95%;margin:20px auto 20px auto; padding: 15px 0px}
	#contact #form_wrapper form table td #pp_agree #personal_information h3{margin:0px auto 5px auto;padding: 0px 0;text-align:center;color:#231815;font-size:15px;letter-spacing: 1px;font-weight: normal;}
	#contact #form_wrapper form table td #pp_agree #personal_information ul{margin:0px auto 0px auto;padding: 0px 0 0 20px;color:#231815;font-size:13px;letter-spacing: 0px;line-height: 18px;list-style: inherit}
	
	#contact #form_wrapper form input[type=text],
	#contact #form_wrapper form input[type=tel],
	#contact #form_wrapper form textarea{outline: 0;border: 0; width:96%; margin: 0 ;padding:10px 2%;font-size: 16px;letter-spacing:1px;background:white;border:1px white solid;}
	#contact #form_wrapper form .textarea_address{height:60px;}
	#contact #form_wrapper form .textarea_inquiry{height:150px;}
	
	#contact #form_wrapper form input[type=text]:focus,
	#contact #form_wrapper form input[type=tel]:focus,
	#contact #form_wrapper form textarea:focus{border:1px #c0005b solid;}
	
	#contact #form_wrapper form .type_area{margin:0 auto 5px auto}
	#contact #form_wrapper form .type_area input[type="radio"] {	display: none;}
	#contact #form_wrapper form .type_area label {width:auto;	margin:0px;border:1px dashed #231815;color:#231815;	padding:12px 0px;font-size: 14px;text-align: center;display:block;border-radius:5px}
	#contact #form_wrapper form .type_area input[type="radio"]:checked + label {border:1px dashed #231815;	background-color:#231815;color: white}
	#contact #form_wrapper form .type_area label:hover {	cursor: pointer;}
	
	#contact #form_wrapper form #pp_agree_area input[type="checkbox"] {	display: none;}
	#contact #form_wrapper form #pp_agree_area label {width:90%;	margin:20px auto 0 auto;border:1px dashed #231815;color:#231815;	padding:15px 0px;font-size: 14px;text-align: center;display:block;}
	#contact #form_wrapper form #pp_agree_area input[type="checkbox"]:checked + label {border:1px dashed #231815;	background-color:#231815;color: white}
	#contact #form_wrapper form #pp_agree_area label:hover {	cursor: pointer;}
		
	#contact #form_wrapper form input[type=submit],
	#contact #form_wrapper form input[type=reset] 
	{-webkit-appearance:none;outline: 0;border: 0;display: block; margin: 0 auto;padding:24px 0;font-size:16px;letter-spacing:1px;background:#231815;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
	#contact #form_wrapper form input[type=submit].submit_input{width:80%;}
	#contact #form_wrapper form input[type=submit]:hover,
	#contact #form_wrapper form input[type=reset]:hover{background:#c0005b;}
	
	#contact #pp_summary{background:#e2e2e2;padding:40px 0}
	#contact #pp_summary .inner{	width:80%;	margin:0 auto;padding:0px 0px;/*border: 1px dashed #8b797b;*/}
	#contact #pp_summary h4{width:90%;margin:0px auto 10px auto;padding: 0;color: #1a1a1a;font-size: 18px;letter-spacing: 0px;text-align: center;font-weight: 600;}
	#contact #pp_summary h5{width:90%;margin:20px auto 10px auto;padding: 0;color: #1a1a1a;font-size:15px;letter-spacing: 0px;font-weight:600;}
	#contact #pp_summary .pp_text{width:90%;margin:0px auto 0px auto;padding: 0;color: #4D4D4D;font-size: 12px;letter-spacing: 0px;line-height: 20px;}
	
	#recruit #recruitment{padding:30px 0 30px 0;}
	#recruit #recruitment h3{padding:0px 0 0px 0;margin: 0 auto 10px auto;color:#231815;text-align: center;font-size:18px;letter-spacing: 0px;font-weight: 600;}
	
	#recruit #recruitment #notice{width:80%;padding:0px 0 0px 0;margin: 0 auto 20px auto;color: #000;text-align: center;font-size:14px;letter-spacing: 0px;font-weight: 400;}
	#recruit #recruitment #guideline{width:80%;	margin:0 auto 0px auto;	border-collapse:collapse;}
	#recruit #recruitment #guideline tr{	border-top:1px solid #c7d3c8;	}	
	#recruit #recruitment #guideline tr:last-of-type{border-bottom:1px solid #c7d3c8;}
	#recruit #recruitment #guideline tr th{display: inline-block;width:100%; background: #f2f9f3;padding: 10px 0px 8px 10px;font-size:14px;letter-spacing: 1px;font-weight: 600;color: #008917;text-align: left}
	#recruit #recruitment #guideline tr td{display: inline-block;width:100%; padding: 14px 0 20px 0px;font-size:14px;letter-spacing: 1px;line-height: 18px}
	
	#recruit #entry{padding:40px 0 40px 0;background:#F6F5F0}
	#recruit #entry p{width:80%;	padding:0px 0 0px 0;margin: 0 auto 10px auto;color: #000;text-align: center;font-size:15px;letter-spacing: 0px;font-weight: 400;}
	#recruit #entry a{display:block;width:80%;margin: 0 auto;padding:20px 0 20px 0px; text-align: center; background:#008917;  font-size:  15px;  letter-spacing:0px;color: white; /* text-transform: capitalize;  line-height: 1; */ position: relative;  z-index: 1;}
	#recruit #entry a::after {  content: "";  width: 100%;  height: 100%;  position: absolute;  top: 0;  left: 0;  background:#ca005b;  transform: scale(0, 1);  transform-origin: left top;  transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);  z-index: -1;}
	#recruit #entry a span {  position: relative;display: block; width: 100%;padding: 0;margin: 0;/* padding-right: 95px;*/}
	#recruit #entry a span::after {content: "";  width: 20px;  height: 1px;  background: white;  position: absolute;  top: 50%;  left:88%;  transform: translateY(-50%);  transition: left .4s;}	
	#recruit #entry a:hover::after {  transform: scale(1, 1);}
	#recruit #entry a:hover span::after {  left: 92%;}
	
	
	/*お問い合わせ 確認画面 */
	#check{width:100%;	margin:0 auto;padding:0px 0 0px 0;}
	#check #inner_area {	width:100%;	margin:0px auto 0 auto;padding: 30px 0;background:#F6F5F0	}
	#check #inner_area h3{margin:0px auto 10px auto;padding: 0;color: #231815;font-size: 18px;letter-spacing: 0px;text-align: center;font-weight:700;}
	#check #inner_area .text{width:80%;margin:0px auto 20px auto;padding: 0;font-size: 14px;letter-spacing: 1px;line-height: 20px}
	
	#check #inner_area .error_messe{width:80%; margin:0px auto 10px auto;padding: 0;font-size:14px;letter-spacing: 0px;color:#c1311a;}
	
	#check #inner_area > input[type=button] {-webkit-appearance:none;outline: 0;border: 0;display: block;width:80%; margin:30px auto 0 auto;padding:20px 0;font-size:16px;letter-spacing:0px;background:#231815;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
	#check #inner_area > input[type=button]:hover{background:#c0005b;}
	
	#check #inner_area table{	width:80%;	margin:0 auto 10px auto;	border-collapse:collapse;font-size:13px;letter-spacing: 0px;border-top:1px solid #cccccc;}	
	#check #inner_area table tr{border-bottom:1px solid #cccccc;}
	#check #inner_area table th{display: inline-block;	width:100%;padding:10px 0px 0 0;font-weight:normal;text-align:left;color:#231815;font-weight: 700}		
	#check #inner_area table td{display: inline-block;	width:100%;padding:5px 0 10px 0px;}
	
	#check #inner_area #normal_button {text-align: center;width:80%;	margin:0 auto}
	#check #inner_area #normal_button input[type=submit],
	#check #inner_area #normal_button input[type=button]{-webkit-appearance:none;outline: 0;border: 0;display:inline;width:49%; margin:0px auto 0 auto;padding:20px 0;font-size:14px;letter-spacing:0px;background:#231815;color: white;font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;}
	#check #inner_area #normal_button input[type=submit]:hover,
	#check #inner_area #normal_button input[type=button]:hover{background:#c0005b;}
	
	/*お問い合わせ 完了画面*/
	#thanks{width:100%;	margin:0 auto;padding:0px 0 0px 0;}
	#thanks #inner_area{	width:100%;	margin:0px auto 0 auto;padding: 30px 0;background:#F6F5F0	}
	#thanks #inner_area h3{margin:0px auto 10px auto;padding: 0;color: #231815;font-size: 18px;letter-spacing: 0px;text-align: center;font-weight:700;}
	#thanks #inner_area .text{width:80%;margin:0px auto 20px auto;padding: 0;font-size: 14px;letter-spacing: 1px;line-height: 20px}
	#thanks #inner_area a{display:block;width:80%; margin:0px auto 0 auto;padding:20px 0;font-size:14px;letter-spacing:0px;background:#231815;color: white;text-decoration: none;text-align: center;}
	#thanks #inner_area a:hover{background:#c0005b;}		
}