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

:root {
	--rem: 0.0625rem; /* 16px基準:1px = 0.0625rem */
	
	/* font */
	--font_zen-go:"Zen Kaku Gothic New", sans-serif;
	--font_ja:"Noto Sans JP", sans-serif;
	
	/* color */
	--color_black: #252222;
	--color_green: #007A4D;
	--color_blue: #00317A;
}
html {
	scroll-padding-top: 50px;
}
body{
	font-family:"Zen Kaku Gothic New", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", arial, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	letter-spacing: 0;
	color: var(--color_black);
	overflow-x: hidden;
}
@media (max-width:1080px){
	.inner{
		min-width: 100%;
	}
}
@media (max-width:1024px){
	body{
	    min-width: 100%;
	}
}
@media (max-width:768px){
	html,
	body{
		font-size: inherit;
		line-height: 2.0;
	}
	html.menu-open,
	body.menu-open {
	  overflow: hidden;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	}
}

/* .u-pc
============================================================ */
.u-pc{
	display:block;
}
@media (max-width:768px){
	.u-pc{
		display:none;
	}	
}

/* .u-sp
============================================================ */
.u-sp{
	display:none;
}
@media (max-width:768px){
	.u-sp{
		display:block;
	}	
}


.js-fade{
	transform: translateY(10px);
	opacity: 0;
	transition: .3s;
	transition-delay: .6s;
}
.js-fade.is-active{
	transform: translateY(0);
	opacity: 1;
}
.js-fade-50{
	opacity: 0;
	transform: translateX(-50px);
	transition: .3s;
	transition-delay: .3s;
}
.js-fade-50.is-active{
	opacity: 1;
	transform: translateX(0);
}
.js-fade-50--late{
	opacity: 0;
	transform: translateX(-50px);
	transition: .3s;
	transition-delay: .6s;
}
.js-fade-50--late.is-active{
	opacity: 1;
	transform: translateX(0);
}
.js-fade-20{
	opacity: 0;
	transform: translateX(-20px);
	transition: .3s;
	transition-delay: .3s;
}
.js-fade-20.is-active{
	opacity: 1;
	transform: translateX(0);
}
.js-fade-10{
	transform: translateX(-10px);
	transition: .6s;
	transition-delay: .3s;
	opacity: 0;
}
.js-fade-10.is-active{
	transform: translateX(0);
	opacity: 1;
}
.js-fade-10--late{
	transform: translateX(-10px);
	transition: .6s;
	transition-delay: .6s;
	opacity: 0;
}
.js-fade-10--late.is-active{
	transform: translateX(0);
	opacity: 1;
}

/* .l-inner01
============================================================ */
.l-inner01{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
.l-inner02{
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
}


/* .l-headline
============================================================ */
.l-headline{
	margin: 0 0 65px;
	letter-spacing: 0;
}
.l-headline__catch{
	margin: 0 0 1.0em;
	font-family: var(--font_ja);
}
.l-headline__catch span{
	display: inline-block;
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 500;
	line-height: 1.0;
	color: #fff;
	padding: 5px 15px 7px;
	position: relative;
	z-index: 1;
}
.l-headline__catch span::after{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	transform: skewX(-20deg);
	background: var(--color_green);
}
.l-headline__title{
	font-family: var(--font_ja);
	font-style: italic;
	font-size: calc(58 * var(--rem));
	font-size: min(5.0vw, 58px);
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 0.25em;
}
.l-headline__text{
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 500;
	line-height: 2.11;
}

@media (max-width: 768px){
	.l-headline{
		margin: 0 0 35px;
	}
	.l-headline__catch span{
		font-size: 0.84375rem;
	}
	.l-headline__title{
		margin: 0 0 0.75em;
	}
	.l-headline__text{
		font-size: 15px;
	}
}


/* .p-btn-cont
============================================================ */
.p-btn-cont{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 4%;
}
.p-btn-cont__border{
	display: block;
	max-width: 250px;
	width: 100%;
	text-align: center;
	border: 2px solid var(--color_green);
	padding: 12px 10px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 30px;
	font-size: clamp(18px, 1.8vw, 20px);
	font-weight: 700;
	letter-spacing: 0.05vw;
	color: var(--color_green);
	transition: 0.3s;
}
.p-btn-cont__border .arrow{
	display: inline-block;
	padding: 0 20px 0 0;
	background: url("../img/icon-arrow-green.svg") no-repeat right center;
	transition: 0.3s;
}
@media (any-hover: hover){
	.p-btn-cont{
		position: relative;
		gap: 15px 4%;
	}
	.p-btn-cont__border{
		max-width: 310px;
		padding: 10px 10px;
	}
	.p-btn-cont__border:hover{
		background: var(--color_green);
		color: #fff;
	}
	.p-btn-cont__border:hover .arrow{
		background: url("../img/icon-arrow-white.svg") no-repeat right center;
	}
}
.p-btn-cont__green{
	display: block;
	max-width: 250px;
	width: 100%;
	text-align: center;
	padding: 12px 10px;
	box-sizing: border-box;
	border-radius: 35px;
	font-size: clamp(18px, 1.8vw, 20px);
	font-weight: 700;
	letter-spacing: 0.05vw;
	color: #fff;
	transition: 0.3s;
	position: relative;
	z-index: 1;
}
.p-btn-cont__green--note{
	max-width: 300px;
}
.p-btn-cont__green::before{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--color_green);
	transition: 0.3s;
	border-radius: 35px;
}
.p-btn-cont__green::after{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg,  #dff7e8 6%,#d1f4ec 28%,#c5ede7 80%,#d8e9f7 94%);
	border-radius: 35px;
}
.p-btn-cont__green--note::after{
	background: #A1E2CA;
}
.p-btn-cont__green .arrow{
	display: inline-block;
	padding: 0 20px 0 0;
	background: url("../img/icon-arrow-white.svg") no-repeat right center;
	transition: 0.3s;
}
.p-btn-cont__green .note{
	display: inline-block;
	padding: 0 25px 0 0;
	background: url("../img/icon-note-white.svg") no-repeat right center;
	transition: 0.3s;
}
@media (any-hover: hover){
	.p-btn-cont__green:hover{
		color: var(--color_black);
	}
	.p-btn-cont__green:hover::before{
		opacity: 0;
	}
	.p-btn-cont__green:hover .arrow{
		background: url("../img/icon-arrow-black.svg") no-repeat right center;
	}
	.p-btn-cont__green:hover .note{
		background: url("../img/icon-note-black.svg") no-repeat right center;
	}
}

/* .pg-lp-main
============================================================ */
.pg-lp-main{
	margin: 140px 0 0;
}
@media (max-width: 940px){
	.pg-lp-main{
		margin: 170px 0 0;
	}	
}
@media (max-width: 768px){
	.pg-lp-main{
		margin: 70px 0 0;
	}	
}


/* .l-header
============================================================ */
#top-head.l-header {
	background: #fff;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 17px 0;
	height: 140px;
	box-sizing: border-box;
}
.l-header .inner{
	max-width: 1336px;
	width: 90%;
	margin: 0 auto 5px;
	padding: 0;
}
.l-header .inner #mobile-head{
	padding: 0;
}
.l-header #global-nav ul{
	right: 0;
}
.l-header #global-nav ul li a{
	color: var(--color_black);
}
.l-header .pg-lp-nav{
	padding: 10px 0;
	background: rgba(255,255,255,0.9);
}
.l-header .pg-lp-nav.is-fixed{
	padding: 5px 0;
}
.l-header .pg-lp-nav.is-fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.pg-lp-nav__placeholder{
	display: none;
}
.pg-lp-nav__placeholder.is-active{
	display: block;
}
.l-header .pg-lp-nav .pg-lp-nav__list{
	max-width: 1336px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item{
	width: calc(100% / 8);
}
.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item a{
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	padding: 12px 5px;
	box-sizing: border-box;
	border-left: 1px solid #D9D9D9;
	transition: 0.3s;
}
.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item--green a{
	background: none;
	color: #fff;
	position: relative;
	z-index: 1;
}
.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item--green a::before{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--color_green);
	transition: 0.3s;
}
.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item--green a::after{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg,  #dff7e8 6%,#d1f4ec 28%,#c5ede7 80%,#d8e9f7 94%);
}
.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item:last-child a{
	border-right: 1px solid #D9D9D9;
}
@media (any-hover: hover){
	.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item a:hover{
		background: var(--color_green);
		color: #fff;
	}
	.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item--green a:hover{
		color: var(--color_black);
	}
	.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item--green a:hover::before{
		opacity: 0;
	}
}
@media (max-width: 1180px){
	.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item a{
		font-size: 14px;
	}
}
@media (max-width: 1080px){
	#top-head .inner{
		padding: 0 20px;
		box-sizing: border-box;
	}
}
@media (max-width: 1024px){
	.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item a{
		padding: 12px 0;
		border-left: none;
	}
	.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item:last-child a{
		border-right: none;
	}
	#global-nav ul li a{
		padding: 0 15px;
	}
}
@media (max-width: 940px){
	.l-header .pg-lp-nav .pg-lp-nav__list .pg-lp-nav__list-item{
		width: calc(100% / 4);
	}
}
@media (max-width: 768px){
	#top-head.l-header {
		padding: 0;
		height: 70px;
	}
	#top-head .inner{
		margin: 0 auto;
	}
	#mobile-head{
		height: 70px;
	}
	#top-head .logo{
		top: 50%;
		transform: translateY(-50%);
	}
	.l-header .pg-lp-nav{
		display: none;
	}
	.pg-lp-nav__placeholder.is-active{
		display: none;
	}
	.l-header #global-nav ul{
		right: auto;
		width: 100%;
		padding: 0 5%;
		box-sizing: border-box;
	}
}

/* .l-recruit-menu
============================================================ */
.l-recruit-menu{
	display: none;
}
@media (max-width: 768px){
	.l-recruit-menu{
		display: block;
		position: fixed;
		left: 0;
		bottom: -150%;
		z-index: 1000;
		content: '';
		width: 100%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dff7e8+6,d1f4ec+28,c5ede7+80,d8e9f7+94 */
		background: linear-gradient(135deg,  #dff7e8 6%,#d1f4ec 28%,#c5ede7 80%,#d8e9f7 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		box-sizing: border-box;
		padding: 60px 20px;
		transition: 0.3s;
	}
	.l-recruit-menu.is-active{
		bottom: 0;
	}
	.l-recruit-menu-in{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.l-recruit-menu__list{
		width: 100%;
		margin: 0 0 20.0vh;
	}
	.l-recruit-menu__list-item{
		text-align: center;
		line-height: 1.0;
		margin: 0 0 0.75em;
	}
	.l-recruit-menu__list-item.entry{
		margin: 20px auto 0;
	}
	.l-recruit-menu__list-item a{
		display: block;
		padding: 10px 10px;
		font-family: var(--font_zen-go);
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 0.04vw;
	}
	.l-recruit-menu__list-item.entry a{
		max-width: 280px;
		width: 100%;
		margin: 0 auto;
		padding: 16px 10px;
		background: var(--color_green);
		color: #fff;
		border-radius: 35px;
		box-sizing: border-box;	
	}
	.l-recruit-menu__list-item.entry a span{
		padding: 0 0 0 30px;
		background: url("../img/icon-email-01.svg") no-repeat left center / 21px auto;
	}
	.l-recruit-menu-btn{
		position: absolute;
		bottom: 15px;
		left: 0;
		width: 100%;
	}
	.l-recruit-menu-btn-link{
		display: block;
		max-width: 275px;
		width: 100%;
		margin: 0 auto;
		padding: 7px 10px;
		background: url("../img/icon-close.svg") no-repeat right 20px center, #fff;
		text-align: center;
		font-family: var(--font_zen-go);
		font-size: 13px;
		font-weight: 700;
		color: var(--color_green);
		border-radius: 20px;
		cursor: pointer;
		box-sizing: border-box;
	}
}

/* .l-scroll
============================================================ */
.l-scroll{
	display: none;
}
@media (max-width: 768px){
	.l-scroll{
		display: block;
		position: fixed;
		left: 0;
		bottom: -100px;
		z-index: 2;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		transition: 0.3s;
		padding-bottom: calc(16px + env(safe-area-inset-bottom));
		opacity: 0;
		visibility: hidden;
	}
	.l-scroll.fix{
		bottom: 15px;
		opacity: 1;
		visibility: visible;
	}
	.l-scroll__list{
		max-width: 275px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		background: var(--color_green);
		padding: 9px 0;
		border-radius: 40px;
		box-shadow: 0px 4px 10px -5px rgba(0,0,0,0.6);
	}
	.l-scroll__list-item{
		width: 50%;
	}
	.l-scroll__list-item a{
		display: block;
		text-align: center;
		font-size: 13px;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.03vw;
	}
	.l-scroll__list-item.item01 a{
		border-right: 1px solid #fff;
	}
	.l-scroll__list-item.item01 a span{
		padding: 10px 35px 10px 0;
		background: url("../img/icon-fix01.svg") no-repeat right center;
	}
	.l-scroll__list-item.item02 a span{
		padding: 10px 35px 10px 0;
		background: url("../img/icon-fix02.svg") no-repeat right center;
	}
}


/* .pg-lp-mv
============================================================ */
.pg-lp-mv{
	position: relative;
}
.pg-lp-mv__img{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	max-height:calc(100vh - 140px);
	text-align: center;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	z-index: 1;
	opacity: 0;
	animation: fv .3s ease-in;
	animation-fill-mode: forwards;
	animation-delay: .3s;
}
@keyframes fv{
	0%{opacity: 0;}
	100%{opacity: 1;}
}
.pg-lp-mv__img::before{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(313.3deg, #A1C8EE 1.7%, #69D0C2 24.68%, #8BE4D0 74.16%, #AEECC6 94.37%);
	mix-blend-mode: hard-light;
	opacity: 0.05;
	position: absolute;
	top:0;
	left: 0;
	z-index: 2;
}
.pg-lp-mv__img::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(155.76deg, rgba(255, 255, 255, 0.9) 1.38%, rgba(128, 128, 128, 0.2) 44.88%, rgba(151, 151, 151, 0.8) 58.01%, rgba(255, 255, 255, 0.8) 75.28%);
	mix-blend-mode: hard-light;
	opacity: 0.3;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}
.pg-lp-mv__img-box {
  display: flex;
  flex-wrap: wrap;
  width: 43%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.pg-lp-mv__img-box--center{
	width: 39%;
}
.pg-lp-mv__img-box--right{
	width: 18%;
}
.pg-lp-mv__img-box--bottom{
	display: none;
}
.pg-lp-mv__img-box--center {
  width: 39%;
}

.pg-lp-mv__img-box--right {
  width: 18%;
}
.pg-lp-mv__img-layer {
  position: relative;
  overflow: hidden;
}
.pg-lp-mv__img-layer .pg-lp-mv__img-item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pg-lp-mv__img-item.is-current {
  z-index: 2;
  opacity: 1;
  transition: opacity 1.5s ease;
}
.pg-lp-mv__img-item.is-next {
  z-index: 1;
  opacity: 1;
}
.pg-lp-mv__img-item.is-fade-out {
  opacity: 0;
}
.pg-lp-mv__img-layer--01 {
  width: 50%;
  height: 63%;
}
.pg-lp-mv__img-layer--02 {
  width: 50%;
  height: 63%;
}
.pg-lp-mv__img-layer--03 {
  width: 100%;
  height: 37%;
}
.pg-lp-mv__img-layer--04 {
  width: 100%;
  height: 100%;
}
.pg-lp-mv__img-layer--05 {
  width: 100%;
  height: 50%;
}
.pg-lp-mv__img-layer--06 {
  width: 100%;
  height: 50%;
}
.pg-lp-mv__img-layer--07 {
  width: 100%;
  height: 100%;
}
.pg-lp-mv__text{
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 2;
	width: 100%;
	transform: translateY(-50%);
}
.pg-lp-mv__text .pg-lp-mv__btn-cont{
	flex-wrap: nowrap;
	justify-content: flex-start;
	gap: 15px 2%;
}
.pg-lp-mv__catch{
	margin: 0 0 40px
}
.pg-lp-mv__text .p-btn-cont__green{
	max-width: 300px;
	font-size: min( 3.0vw, 24px);
	padding: 18px 10px;
	border-radius: 40px;
	box-shadow: 0px 4px 10px -5px rgba(0,0,0,0.6);
}
.pg-lp-mv__slide-wrap--01{
	position: absolute;
	left: 0;
	bottom: 12%;
}
.pg-lp-mv__slide-wrap--02{
	position: absolute;
	left: 0;
	bottom: 5.0%;
}
@media(min-width:769px){
	.pg-lp-mv__img{
		aspect-ratio: 1440 / 750;
		min-height: 750px;
	}
}
@media (max-width: 768px){
	.pg-lp-mv__img{
		height:calc(100vh - 70px);
		max-height: 530px;
	}
	.pg-lp-mv__img::before{
		background: linear-gradient(312.58deg, #A1C8EE 5.24%, #69D0C2 27.4%, #8BE4D0 75.13%, #AEECC6 94.62%);
		mix-blend-mode: hard-light;
		opacity: 0.05;
	}
	.pg-lp-mv__img.u-sp::after{
		background: linear-gradient(143.77deg, rgba(255, 255, 255, 0.9) 1.15%, rgba(128, 128, 128, 0.2) 20.96%, rgba(151, 151, 151, 0.8) 37.19%, rgba(255, 255, 255, 0.8) 66.31%);
		mix-blend-mode: hard-light;
		opacity: 0.3;
	}
	.pg-lp-mv__img-box{
		width: 33%;
		height: 74%;
	}
	.pg-lp-mv__img-box--left{
		flex-wrap: wrap;
	}
	.pg-lp-mv__img-box--center{
		width: 67%;
	}
	.pg-lp-mv__img-box--right{
		display: none;
	}
	.pg-lp-mv__img-box--bottom{
		display: block;
		width: 100%;
		height: 26%;
	}
	.pg-lp-mv__img-layer--01{
		width: 100%;
		height: 50%;
	}
	.pg-lp-mv__img-layer--02{
		width: 100%;
		height: 50%;
	}
	.pg-lp-mv__img-layer--03,
	.pg-lp-mv__img-layer--05,
	.pg-lp-mv__img-layer--06{
		display: none;
	}
	.pg-lp-mv__text{
		top: auto;
		bottom: 85px;
		transform: translateY(0);
	}
	.pg-lp-mv__catch{
		margin: 0 0 20px
	}
	.pg-lp-mv__text .pg-lp-mv__btn-cont{
		justify-content: flex-start;
		gap: 0 4%;
	}
	.pg-lp-mv__text .p-btn-cont__green{
		max-width: 300px;
		font-size: min( 3.5vw, 24px);
		padding: 10px 10px;
		border-radius: 40px;
	}
	.pg-lp-mv__slide-wrap--01{
		z-index: 2;
		bottom: 0%;
		transform: translateY(-75%);
	}
	.pg-lp-mv__slide-wrap--02{
		z-index: 2;
		bottom: 0%;
		transform: translateY(50%);
	}
}

/* Swiper */
.pg-lp-mv__slide-wrap {
	width: 100%;
	overflow: hidden;
}
.pg-lp-mv__slide {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0 10px;
}
.pg-lp-mv__slide > li {
	width: auto;
	flex-shrink: 0;
	white-space: nowrap;
}
.pg-lp-mv__slide > li a {
	display: inline-block;
	padding: 2px 20px;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid rgba(255,255,255,0.4);
	background: #fff;
	border-radius: 999px;
	white-space: nowrap;
	cursor: inherit;
}
.pg-lp-mv__slide-wrap .swiper-wrapper {
	transition-timing-function: linear !important;
}
@media(any-hover: hover){
	.pg-lp-mv__slide > li a:hover {
		color: rgba(51,51,51);
	}
}
@media (max-width: 768px){
	.pg-lp-mv__slide > li a {
		padding: 2px 20px;
		font-size: 12px;
	}
}


/* .pg-lp-outline
============================================================ */
.pg-lp-outline{
	padding: 0;
	overflow: hidden;
}
.pg-lp-outline .l-inner01{
	position: relative;
	z-index: 1;
	padding: 190px 0 160px;
}
.pg-lp-outline .l-inner01::before{
	position: absolute;
	left: -300px;
	top: -25%;
	z-index: -2;
	content: '';
	width: 654px;
	height: 654px;
	background: url("../img/outline-bg.png") no-repeat center center / 100% auto;
}
.pg-lp-outline .l-inner01::after{
	position: absolute;
	right: -220px;
	left: 550px;
	top: 0;
	z-index: -1;
	content: '';
	width: 871px;
	height: 683px;
	background: url("../img/outline-img01.png") no-repeat center center / 100% auto;
}
.pg-lp-outline__title{
	font-family: var(--font_ja);
	font-size: min( 4.75vw, 38px);
	font-style: italic;
	line-height: 1.52;
	margin: 0 0 1.0em;
}
.pg-lp-outline__text{
	font-size: clamp(16px, 1.6vw , 18px);
	font-weight: 500;
	line-height: 2.22;
}
@media (max-width: 768px){
	.pg-lp-outline .l-inner01{
		padding: 45px 0 360px;
	}
	.pg-lp-outline .l-inner01::after{
		position: absolute;
		right: -6.0%;
		left: auto;
		top: auto;
		bottom: 0;
		z-index: -1;
		content: '';
		width: 373px;
		height: 321px;
		background: url("../img/outline-img01-sp.png") no-repeat center center / 100% auto;
	}
}
@media (max-width: 450px){
	.pg-lp-outline .l-inner01{
		padding: 45px 0 360px;
		padding: 45px 0 80.0vw;
	}
	.pg-lp-outline .l-inner01::before{
		position: absolute;
		left: -25%;
		top: -10%;
		z-index: -2;
		content: '';
		width: 95%;
		height: 400px;
		background: url("../img/outline-bg.png") no-repeat top center / 100% auto;
	}
	.pg-lp-outline .l-inner01::after{
		width: 98%;
		height: 321px;
		background: url("../img/outline-img01-sp.png") no-repeat bottom right / 100% auto;
	}
	.pg-lp-outline__title{
		font-size: min( 5.0vw, 22px);
	}
	.pg-lp-outline__text{
		font-size: min( 3.6vw, 15px);
	}
}


/* .pg-lp-work
============================================================ */
.pg-lp-work{
	padding: 80px 0;
}
.pg-lp-work .l-headline__title{
	font-size: calc(66 * var(--rem));
	font-size: min( 5.0vw, 66px);
	line-height: 1.233;
}
.pg-lp-work__cont{
	position: relative;
	z-index: 1;
}
.pg-lp-work__cont--01{
	margin: 150px 0 0;
}
.pg-lp-work__cont--01::after{
	position: absolute;
	right: 0;
	top: -80px;
	z-index: -1;
	content: '';
	width: calc(100% - calc(calc(100% - 1200px) / 2) - 200px);
	height: 470px;
	background: url("../img/work-bg01.jpg") no-repeat center center / cover;
}
.pg-lp-work__cont--02{
	margin: 200px 0 0;
}
.pg-lp-work__cont--02::after{
	position: absolute;
	left: 0;
	top: -80px;
	z-index: -1;
	content: '';
	width: calc(100% - calc(calc(100% - 1200px) / 2) - 200px);
	height: 470px;
	background: url("../img/work-bg02.jpg") no-repeat center center / cover;
}
.pg-lp-work__cont--03{
	margin: 200px 0 0;
}
.pg-lp-work__cont--03::after{
	position: absolute;
	right: 0;
	top: -80px;
	z-index: -1;
	content: '';
	width: calc(100% - calc(calc(100% - 1200px) / 2) - 200px);
	height: 470px;
	background: url("../img/work-bg03.jpg") no-repeat center center / cover;
}
.pg-lp-work__cont-fl{
	position: relative;
	z-index: 1;
}
.pg-lp-work__cont-fl-img{
	max-width: 680px;
}
.pg-lp-work__cont-fl-img--right{
	margin: 0 0 0 auto;
}
.pg-lp-work__cont-fl-text{
	position: absolute;
	right: 0;
	bottom: -50px;
	z-index: 2;
	background: #fff;
	max-width: 590px;
	width: 100%;
	padding: 50px 34px 50px 40px;
	box-sizing: border-box;
	box-shadow: 0px 4px 15px -5px #777777;
}
.pg-lp-work__cont-fl-text--left{
	right: auto;
	left: 0;
}
.pg-lp-work__cont-fl-text .box__catch{
	font-family: var(--font_ja);
	font-style: italic;
	font-size: min( 7.0vw, 40px);
	font-weight: 700;
	line-height: 1.25;
	margin: 0 0 0.5em;
}
.pg-lp-work__cont-fl-text .box__catch span{
	color: var(--color_green);
}
.pg-lp-work__cont-fl-text .box__list-item{
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
	line-height: 2.0;
	margin: 0.5em 0 0;
	padding: 0 0 0 1.0em;
	text-indent: -1.0em;
}
.pg-lp-work__catch{
	text-align: center;
	font-family: var(--font_ja);
	font-style: italic;
	font-size: min( 4.0vw, 40px);
	font-weight: 700;
	color: var(--color_black);
	line-height: 1.45;
	margin: 3.0em 0 1.0em;
}
@media (max-width: 768px){
	.pg-lp-work{
		padding: 60px 0;
	}
	.pg-lp-work .l-headline__title{
		font-size: min( 9.0vw, 36px);
		line-height: 1.388;
	}
	.pg-lp-work .pg-lp-work__cont-fl{
		width: 100%;
	}
	.pg-lp-work__cont--01{
		margin: 50px 0 0;
		padding: 0;
	}
	.pg-lp-work__cont--01::after{
		right: 0;
		top: auto;
		bottom: -30px;
		width: 100%;
		height: 300px;
	}
	.pg-lp-work__cont--02{
		margin: 90px 0 0;
	}
	.pg-lp-work__cont--02::after{
		right: 0;
		top: auto;
		bottom: -30px;
		width: 100%;
		height: 300px;
	}
	.pg-lp-work__cont--03{
		margin: 90px 0 0;
	}
	.pg-lp-work__cont--03::after{
		right: 0;
		top: auto;
		bottom: -30px;
		width: 100%;
		height: 300px;
	}
	.pg-lp-work__cont-fl-text{
		position: relative;
		bottom: 0;
		width: 90%;
		max-width: 100%;
		margin: -75px auto 0;
		padding: 30px 25px;
	}
	.pg-lp-work__cont-fl-text .box__catch{
		font-size: min( 7.0vw, 26px);
		line-height: 1.346;
	}
	.pg-lp-work__cont-fl-text .box__list-item{
		font-size: 15px;
		line-height: 1.533;
	}
	.pg-lp-work__catch{
		font-size: min( 6.0vw, 27px);
		line-height: 1.48;
		margin: 4.0em 0 1.5em;
	}
}


/* .pg-lp-real
============================================================ */
.pg-lp-real{
	padding: 80px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dff7e8+6,d1f4ec+28,c5ede7+80,d8e9f7+94 */
	background: linear-gradient(135deg,  #dff7e8 6%,#d1f4ec 28%,#c5ede7 80%,#d8e9f7 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	position: relative;
	z-index: 2;
}
.pg-lp-real .l-headline__title{
	font-size: min( 4.75vw, 66px);
	line-height: 1.233;
}
.pg-lp-real .l-headline__text span{
	font-weight: 700;
	color: var(--color_green);
}
.pg-lp-real__list__list{
	max-width: 1000px;
	margin: 0 auto 90px;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 5.2%;
}
.pg-lp-real__list-item{
	width: calc(100% / 2 - 2.6%);
	background: #fff;
}
.pg-lp-real__list-text{
	padding: 30px 25px;
	position: relative;
}
.pg-lp-real__list-point{
	position: absolute;
	left: 25px;
	top: 0;
	padding: 5px 10px 7px;
	background: var(--color_green);
	font-family: var(--font_ja);
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 1.0;
	transform: translateY(-50%);
}
.pg-lp-real__list-title{
	font-size: clamp(24px, 3.0vw, 27px);
	font-weight: 700;
	line-height: 1.44;
	margin: 0 0 0.5em;
}
.pg-lp-real__list-title .txt-green{
	color: var(--color_green);
}
.pg-lp-real__list-title b{
	font-size: clamp(27px, 3.0vw, 30px);
	font-weight: 700;
}
.pg-lp-real__list-txt{
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
}
.pg-lp-real__title{
	text-align: center;
	font-family: var(--font_ja);
	font-style: italic;
	font-size: min( 4.0vw, 40px);
	font-weight: 700;
	color: var(--color_green);
	line-height: 1.4;
	margin: 0 0 0.5em;
}
.pg-lp-real__text{
	text-align: center;
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 700;
	line-height: 2.0;
	margin: 0 0 2.5em;
}
@media (max-width: 768px){
	.pg-lp-real{
		padding: 60px 0;
	}
	.pg-lp-real .l-headline__title{
		font-size: min( 8.5vw, 36px);
		line-height: 1.388;
	}
	.pg-lp-real__list__list{
		margin: 0 auto 45px;
	}
	.pg-lp-real__list-point{
		font-size: 12px;
	}
	.pg-lp-real__list-title{
		font-size: min( 4.0vw, 26px);
	}
	.pg-lp-real__list-title b{
		font-size: min( 4.0vw, 28px);
	}
	.pg-lp-real__list-txt{
		font-size: 15px;
	}
	.pg-lp-real__title{
		font-size: min( 5.25vw, 27px);
		margin: 0 0 0.75em;
	}
	.pg-lp-real__text{
		font-size: 15px;
		margin: 0 0 2.5em;
	}
}
@media (max-width: 540px){
	.pg-lp-real__list__list{
		gap: 25px 5.2%;
	}
	.pg-lp-real__list-item{
		width: 100%;
	}
	.pg-lp-real__list-title{
		font-size: min( 7.0vw, 26px);
	}
	.pg-lp-real__list-title b{
		font-size: min( 7.0vw, 28px);
	}
}


/* .pg-lp-mission
============================================================ */
.pg-lp-mission{
	padding: 0;
	overflow-x: clip;
}
.pg-lp-mission .l-inner01{
	padding: 90px 0 40px;
	position: relative;
	z-index: 1;
}
.pg-lp-mission .l-inner01::before{
	position: absolute;
	left: -300px;
	top: -327px;
	content: '';
	z-index: -2;
	width: 654px;
	height: 654px;
	background: url("../img/mission-bg01.png") no-repeat center center / 100% auto;
}
.pg-lp-mission .l-inner01::after{
	position: absolute;
	right: -300px;
	bottom: -327px;
	content: '';
	z-index: -1;
	width: 654px;
	height: 654px;
	background: url("../img/mission-bg02.png") no-repeat center center / 100% auto;
}
.pg-lp-mission .l-headline__title{
	font-size: min( 5.5vw, 60px);
	line-height: 1.233;
}
.pg-lp-mission__title{
	text-align: center;
	font-family: var(--font_ja);
	font-style: italic;
	font-size: clamp(28px, 4.0vw, 36px);
	font-weight: 700;
	line-height: 1.55;
	margin: 0 0 1.25em;
}
.pg-lp-mission__title span{
	font-size: clamp(22px, 3.0vw, 26px);
	color: var(--color_green);
}
.pg-lp-mission__text{
	text-align: center;
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 500;
	line-height: 2.11;
	margin: 0 0 3.0em;
}
.pg-lp-mission__text span{
	color: var(--color_green);
}
.pg-lp-mission__img{
	text-align: center;
}
.pg-lp-mission__flex{
	display: flex;
	margin: 60px auto 0;
}
.pg-lp-mission__flex .box{
	width: 50%;
}
.pg-lp-mission__flex .box01{
	padding: 0 45px 0 0;
	box-sizing: border-box;
	position: relative;
}
.pg-lp-mission__flex .box01::after{
	position: absolute;
	right: 0;
	bottom: 0;
	content: '';
	width: 1px;
	height: 90%;
	background: #C3C3C3;
}
.pg-lp-mission__flex .box02{
	padding: 0 0 0 45px;
	box-sizing: border-box;
}
.pg-lp-mission .box__flex{
	display: flex;
	align-items: flex-end;
}
.pg-lp-mission .box__flex-img{
	width: 40%;
}
.pg-lp-mission .box__flex-text{
	width: 60%;
	padding: 0 0 0 15px;
	box-sizing: border-box;
}
.pg-lp-mission .box__flex-text-ja{
	font-family: var(--font_ja);
	font-size: min( 3.25vw, 38px);
	font-weight: 700;
	line-height: 1.21;
	margin: 0 0 1.0em;
}
.pg-lp-mission .box__flex-text-en{
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 700;
	line-height: 1.21;
	margin: 0 0 0.5em;
}
.pg-lp-mission .box__flex-text-en--green{
	color: var(--color_green);
}
.pg-lp-mission .box__flex-text-en--blue{
	color: var(--color_blue);
}
.pg-lp-mission .box__list{
	margin: 25px auto 0;
	padding: 0 0 0 30px;
}
.pg-lp-mission .box__list-item{
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 500;
	margin: 0 0 0.5em;
	position: relative;
}
.pg-lp-mission .box__list-item--green::before{
	position: absolute;
	left: -30px;
	top: 8px;
	content: '';
	width: 19px;
	height: 17px;
	background: url("../img/icon-check-green.svg") no-repeat center center / 100% auto;
}
.pg-lp-mission .box__list-item--green span{
	color: var(--color_green);
}
.pg-lp-mission .box__list-item--blue::before{
	position: absolute;
	left: -30px;
	top: 8px;
	content: '';
	width: 19px;
	height: 17px;
	background: url("../img/icon-check-blue.svg") no-repeat center center / 100% auto;
}
.pg-lp-mission .box__list-item--blue span{
	color: var(--color_blue);
}
@media (max-width: 768px){
	.pg-lp-mission .l-inner01{
		padding: 60px 0 20px;
	}
	.pg-lp-mission .l-inner01::before{
		left: -25%;
		top: -150px;
		width: 70%;
		height: 400px;
	}
	.pg-lp-mission .l-inner01::after{
		position: absolute;
		right: -30%;
		bottom: -175px;
		content: '';
		z-index: -1;
		width: 60%;
		height: 400px;
	}
	.pg-lp-mission .l-headline__title{
		font-size: min( 7.5vw, 36px);
		line-height: 1.388;
	}
	.pg-lp-mission__title{
		font-size: min( 7.0vw, 26px);
	}
	.pg-lp-mission__text{
		font-size: min( 4.0vw, 17px);
		line-height: 2.0;
		margin: 0 0 2.0em;
	}
	.pg-lp-mission__flex{
		margin: 50px auto 0;
		flex-wrap: wrap;
	}
	.pg-lp-mission__flex .box{
		width: 100%;
	}
	.pg-lp-mission__flex .box01{
		margin: 0 auto 30px;
		padding: 0;
	}
	.pg-lp-mission__flex .box01::after{
		content: none;
	}
	.pg-lp-mission__flex .box02{
		padding: 0;
	}
	.pg-lp-mission .box__flex-img{
		width: 25%;
	}
	.pg-lp-mission .box__flex-text{
		width: 75%;
		padding: 0 0 0 20px;
	}
	.pg-lp-mission .box__list-item{
		font-size: 16px;
	}
}
@media (max-width: 420px){
	.pg-lp-mission .box__flex-img{
		width: 35%;
	}
	.pg-lp-mission .box__flex-text{
		width: 65%;
	}
	.pg-lp-mission .box__flex-text-en{
		font-size: min( 5.0vw, 18px);
	}
	.pg-lp-mission .box__flex-text-ja{
		font-size: min( 7.0vw, 25px);
	}
}


/* .pg-lp-job
============================================================ */
.pg-lp-job{
	position: relative;
	z-index: 1;
}
.pg-lp-job .l-headline__title{
	font-size: min(7.0vw, 66px);
	line-height: 1.233;
}
.pg-lp-job__type{
	margin: 0 0 70px;
}
.pg-lp-job__type-img{
	padding: 70px 50px;
	position: relative;
	cursor: pointer;
	transition: 0.3s;
}
.pg-lp-job__type.sales .pg-lp-job__type-img{
	background: url("../img/job-img01.jpg") no-repeat center center / cover;
}
.pg-lp-job__type.enginer .pg-lp-job__type-img{
	background: url("../img/job-img02.jpg") no-repeat center center / cover;
}
.pg-lp-job__type.support .pg-lp-job__type-img{
	background: url("../img/job-img03.jpg") no-repeat center center / cover;
}
@media (any-hover: hover){
	.pg-lp-job__type-img:hover{
		opacity: 0.6;
	}
}
.pg-lp-job__type-title{
	font-family: var(--font_ja);
	font-style: italic;
	font-size: min(6.0vw, 56px);
	font-weight: 700;
	margin: 0 0 0.25em;
}
.pg-lp-job__type-text{
	font-family: var(--font_ja);
	font-style: italic;
	font-size: clamp(22px, 2.0vw, 26px);
	font-weight: 700;
	letter-spacing: 0.02vw;
	line-height: 1.42;
}
.pg-lp-job__type-img-btn{
	position: absolute;
	right: 45px;
	bottom: 30px;
	width: 212px;
	background: var(--color_green);
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 500;
	color: #fff;
	text-align: center;
	padding: 4px 0;
}
.pg-lp-job__type-img-btn span{
	padding: 0 25px 0 0;
	position: relative;
}
.pg-lp-job__type-img-btn span::before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin: -1px 0 0 -7px;
	width: 14px;
	height: 2px;
	background-color: #fff;
	transition: .2s;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	border-right: none;
}
.pg-lp-job__type-img-btn span::after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	margin: -1px 0 0 -7px;
	width: 14px;
	height: 2px;
	background-color: #fff;
	transition: .3s;
}
.pg-lp-job__type-content{
	padding: 45px 50px 120px;
	position: relative;
	box-shadow: 0px 7px 10px -5px #777777;
	display: none;
}
.pg-lp-job__type-content .content__text{
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 500;
	line-height: 2.11;
	margin: 0 0 3.0em;
}
.pg-lp-job__type-content .content__flex{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 40px;
}
.pg-lp-job__type-content .content__flex-box{
	width: calc(100% / 3);
	box-sizing: border-box;
}
.pg-lp-job__type-content .box01{
	padding: 0 30px 0 0;
	border-right: 1px solid #C3C3C3;
}
.pg-lp-job__type-content .box02{
	padding: 0 30px;
	border-right: 1px solid #C3C3C3;
}
.pg-lp-job__type-content .box03{
	padding: 0 0 0 30px;
}
.pg-lp-job__type-content .content__flex-title{
	font-family: var(--font_ja);
	font-size: calc(28 * var(--rem));
	font-weight: 700;
	color: var(--color_green);
	line-height: 1.5;
	margin: 0 0 0.5em;
}
.pg-lp-job__type-content .content__flex-title span{
	display: block;
	font-size: clamp(14px, 1.5vw, 16px);
}
.pg-lp-job__type-content .content__flex-list-item{
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
	text-indent: -1.0em;
	margin: 0 0 0.75em;
	padding: 0 0 0 1.0em;
	line-height: 1.43;
}
.pg-lp-job__type-content .content__title{
	font-family: var(--font_ja);
	font-size: clamp(28px,  2.5vw, 34px);
	font-weight: 700;
	color: var(--color_green);
	margin: 0 0 1.0em;
}
.pg-lp-job__type-content .content__title span{
	display: block;
    font-size: clamp(14px, 1.5vw, 16px);
	line-height: 1.5;
}
.pg-lp-job__type-content .content__table{
	width: 100%;
	margin: 0 auto 40px;
}
.pg-lp-job__type-content .content__table-th{
	text-align: left;
	width: 228px;
	padding: 20px 10px;
	box-sizing: border-box;
	vertical-align: top;
	border-bottom: 1px solid #C3C3C3;
	font-size: calc(16 * var(--rem));
	font-weight: 700;
	line-height: 1.43;
}
.pg-lp-job__type-content .content__table-td{
	text-align: left;
	width: calc(100% - 228px);
	padding: 20px 0;
	box-sizing: border-box;
	vertical-align: top;
	border-bottom: 1px solid #C3C3C3;
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
	line-height: 1.43;
}
.pg-lp-job__type-btn{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	background: #DDD;
	box-sizing: border-box;
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 500;
	letter-spacing: 0.07vw;
	cursor: pointer;
	transition: 0.3s;
}
.pg-lp-job__type-btn span{
	display: block;
	padding: 18px 10px;
	position: relative;
}
.pg-lp-job__type-btn span::after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 40px;
	margin: -1px 0 0 -7px;
	width: 18px;
	height: 2px;
	background-color: #252222;
	transition: .3s;
}
@media (any-hover:hover){
	.pg-lp-job__type-btn:hover{
		opacity: 0.6;
	}	
}
@media (max-width: 768px){
	.pg-lp-job{
		padding: 20px 0 60px;
	}
	.pg-lp-job__type{
		margin: 0 0 35px;
	}
	.pg-lp-job__type-img{
		padding: 20px 20px 60px;
	}
	.pg-lp-job__type.sales .pg-lp-job__type-img{
		background: url("../img/job-img01-sp.jpg") no-repeat right center / cover;
	}
	.pg-lp-job__type.enginer .pg-lp-job__type-img{
		background: url("../img/job-img02-sp.jpg") no-repeat right center / cover;
	}
	.pg-lp-job__type.support .pg-lp-job__type-img{
		background: url("../img/job-img03-sp.jpg") no-repeat right center / cover;
	}
	.pg-lp-job__type-img-btn{
		right: 0;
		bottom: 0;
		width: 138px;
		font-size: 12px;
	}
	.pg-lp-job__type-img-btn span{
		padding: 0 15px 0 0;
	}
	.pg-lp-job__type-img-btn span::before{
		margin: 0 0 0 -4px;
		width: 8px;
	}
	.pg-lp-job__type-img-btn span::after{
		margin: 0 0 0 -4px;
		width: 8px;
	}
	.pg-lp-job__type-text{
		font-size: min( 6.0vw, 17px);
	}
	.pg-lp-job__type-content{
		padding: 25px 23px 110px;
	}
	.pg-lp-job__type-content .content__text{
		font-size: 15px;
		margin: 0 0 2.0em;
	}
	.pg-lp-job__type-content .content__flex-box{
		width: 100%;
		padding: 0 0 20px;
		border: none;
	}
	.pg-lp-job__type-content .content__flex-title{
		font-size: min( 5.0vw, 26px);
	}
	.pg-lp-job__type-content .content__title{
		margin: 0 0 0.5em;
	}
	.pg-lp-job__type-content .content__table-th{
		float: left;
		width: 100%;
		padding: 15px 10px 0;
		border-bottom: none;
		font-size: 14px;
	}
	.pg-lp-job__type-content .content__table-td{
		float: left;
		width: 100%;
		padding: 5px 10px 15px;
	}
	.pg-lp-job__type-btn{
		font-size: 18px;
	}
}

.pg-lp-job .tab{
	display: flex;
	gap: 10px 5%;
	margin: 0 0 50px;
}
.pg-lp-job .tab li{
	width: calc(100% / 3);
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dff7e8+6,d1f4ec+28,c5ede7+80,d8e9f7+94 */
	background: linear-gradient(135deg,  #dff7e8 6%,#d1f4ec 28%,#c5ede7 80%,#d8e9f7 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 14px 10px;
	font-size: clamp(20px,  2.0vw, 22px);
	font-weight: 700;
	border-radius: 40px;
	transition: 0.3s;
	cursor: pointer;
	text-align: center;
}
.pg-lp-job .tab li.current{
	background: var(--color_green);
	color: #fff;
}
@media (any-hover:hover){
	.pg-lp-job .tab li:hover{
		background: var(--color_green);
		color: #fff;
	}
}
.tab-target{ display: none;}
.tab-target.current{ display: block;}
@media (max-width: 768px){
	.pg-lp-job .tab{
		gap: 10px 5px;
		margin: 0 0 25px;
	}
	.pg-lp-job .tab li{
		padding: 10px 5px;
		font-size: min(3.0vw, 16px);
	}
}


/* .pg-lp-staff
============================================================ */
.pg-lp-staff{
	padding: 100px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dff7e8+6,d1f4ec+28,c5ede7+80,d8e9f7+94 */
	background: linear-gradient(135deg,  #dff7e8 6%,#d1f4ec 28%,#c5ede7 80%,#d8e9f7 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.pg-lp-staff .l-headline__title{
	font-size: min(7.0vw, 60px);
	line-height: 1.233;
}
.pg-lp-staff__content-catch{
	font-family: var(--font_ja);
	font-size: clamp(26px, 3.0vw, 32px);
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 0.5em;
}
.pg-lp-staff__content-text{
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 500;
	color: var(--color_black);
	line-height: 2.11;
	margin: 0 0 2.0em;
}
.pg-lp-staff .project-list{
	display: flex;
	margin: 0 0 80px;
	gap: 28px 28px;
}
.pg-lp-staff .project-list__item{
	background: #fff;
}
.pg-lp-staff .project-list__item a{
	display: block;
}
.pg-lp-staff .project-list__item-text{
	padding: 18px 20px 30px;
}
.pg-lp-staff .project-list__item-date{
	font-family: var(--font_ja);
	font-size: clamp(14px, 1.5vw, 16px);
	color: var(--color_green);
}
.pg-lp-staff .project-list__item-title{
	font-family: var(--font_ja);
	font-size: clamp(16px, 1.6vw, 18px);
	font-weight: 500;
	line-height: 1.56;
}
.pg-lp-staff .staff-list{
	display: flex;
	gap: 28px 60px;
	margin: 0 0 50px;
}
.staff-list__item a{
	display: block;
}
.staff-list__item-text01{
	margin: 15px 0 0;
	text-align: center;
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
}
.staff-list__item-text01 span{
	font-size: clamp(20px, 2.0vw, 24px);
	margin: 0 0 0 10px;
}
.staff-list__item-text02{
	margin: 5px 0 0;
	text-align: center;
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
}
@media (max-width: 768px){
	.pg-lp-staff{
		padding: 60px 0;
	}
	.pg-lp-staff .l-headline__title{
		font-size: min(7.0vw, 36px);
		line-height: 1.388;
	}
	.pg-lp-staff__content-catch{
		font-size: min(5.0vw, 26px);
		line-height: 1.75;
	}
	.pg-lp-staff__content-text{
		font-size: 15px;
		line-height: 1.75;
		margin: 0 0 2.0em;
	}
}
@media (max-width: 580px){
	.pg-lp-staff .project-list-box{
		width:110%;
		padding:0 5%;
		box-sizing: border-box;
		margin: 0 -5% 50px;
		overflow-x: scroll;
	}
	.pg-lp-staff .project-list{
		width: 800px;
		flex-wrap: wrap;
		gap: 0 25px;
		margin: 0;
	}
	.pg-lp-staff .project-list__item{
		width: calc((100% - 50px) / 3);
	}
	.pg-lp-staff .staff-list-box{
		width:110%;
		padding:0 5%;
		box-sizing: border-box;
		margin: 0 -5% 50px;
		overflow-x: scroll;
	}
	.pg-lp-staff .staff-list{
		width: 800px;
		flex-wrap: wrap;
		gap: 0 25px;
		margin: 0;
	}
	.staff-list__item{
		width: calc((100% - 50px) / 3);
	}
}


/* .pg-lp-welfare
============================================================ */
.pg-lp-welfare{
	padding: 90px 0;
}
.pg-lp-welfare .l-headline__title{
	font-size: min( 6.25vw, 66px);
	line-height: 1.233;
}
.pg-lp-welfare__flex{
	display: flex;
}
.pg-lp-welfare__flex:not(:last-of-type){
	margin: 0 auto 50px;
}
.pg-lp-welfare__flex-img{
	width: 34.2%;
}
.pg-lp-welfare__flex-text{
	width: 65.8%;
	padding: 0 0 0 5%;
	box-sizing: border-box;
}
.pg-lp-welfare__flex-catch{
	font-family: var(--font_ja);
	font-size: clamp(26px, 2.0vw, 32px);
	font-weight: 700;
	color: var(--color_green);
	line-height: 1.31;
	margin: 0 0 0.5em;
}
.pg-lp-welfare__flex-txt{
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
	margin: 0 0 0.75em;
}
.pg-lp-welfare .list{
	background: #F4F4F4;
	padding: 20px 35px 15px;
}
.pg-lp-welfare .list__item{
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
	text-indent: -1.0em;
	padding: 0 0 0 1.0em;
	margin: 0 0 0.5em;
}
@media (max-width: 768px){
	.pg-lp-welfare{
		padding: 60px 0;
	}
	.pg-lp-welfare .l-headline__title{
		font-size: min( 6.25vw, 36px);
		line-height: 1.388;
	}
}
@media (max-width: 640px){
	.pg-lp-welfare__flex{
		flex-wrap: wrap;
	}
	.pg-lp-welfare__flex:not(:last-of-type){
		margin: 0 auto 50px;
	}
	.pg-lp-welfare__flex-img{
		width: 100%;
		margin: 0 auto 25px;
	}
	.pg-lp-welfare__flex-text{
		width: 100%;
		padding: 0;
	}
	.pg-lp-welfare .list{
		padding: 20px 20px 15px;
	}
	.pg-lp-welfare__flex-catch{
		font-size: min(7.0vw, 26px);
		margin: 0 0 0.75em;
	}
	.pg-lp-welfare__flex-txt{
		font-size: 15px;
	}
}


/* .pg-lp-date
============================================================ */
.pg-lp-date{
	padding: 80px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dff7e8+6,d1f4ec+28,c5ede7+80,d8e9f7+94 */
	background: linear-gradient(135deg,  #dff7e8 6%,#d1f4ec 28%,#c5ede7 80%,#d8e9f7 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.pg-lp-date .l-headline__title{
	font-size: min( 6.25vw, 66px);
}
.pg-lp-date__list{
	max-width: 1120px;
	margin: 0 auto 23px;
	display: flex;
	justify-content: space-between;
	gap: 23px 23px;
}
.pg-lp-date__list.u-sp{
	display: none;
}
@media (max-width: 768px){
	.pg-lp-date{
		padding: 60px 0;
	}
	.pg-lp-date .l-headline__title{
		font-size: min( 6.25vw, 36px);
	}
	.pg-lp-date__list.u-pc{
		display: none;
	}
	.pg-lp-date__list.u-sp{
		display: flex;
		flex-wrap: wrap;
		column-gap: 15px 12px;
	}
	.pg-lp-date__list-item{
		width: calc(100% / 2 - 12px);
	}
	.pg-lp-date__list-item.item05,
	.pg-lp-date__list-item.item08,
	.pg-lp-date__list-item.item09{
		width: 100%;
	}
	.pg-lp-date__list-item img{
		width: 100%;
	}
}


/* .pg-lp-qa
============================================================ */
.pg-lp-qa{
	padding: 90px 0 100px;
}
.pg-lp-qa .l-headline__title{
	font-size: min( 6.25vw, 66px);
}
.pg-lp-qa .qa-list__title{
	padding-right: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #D9D9D9;
	font-family: var(--font_ja);
	font-size: clamp(18px, 1.8vw, 20px);
	font-weight: 700;
	color: var(--color_green);
	position: relative;
	margin: 2.0em 0 0;
	cursor: pointer;
}
.pg-lp-qa .qa-list__title:before{
	content: '';
	display: block;
	width: 14px;
	height: 2px;
	background: var(--color_green);
	position: absolute;
	top:15px;
	right: 10px;
	transition: .3s;
}
.pg-lp-qa .qa-list__title:after{
	content: '';
	display: block;;
	width: 2px;
	height: 14px;
	background: var(--color_green);
	position: absolute;
	top:9px;
	right: 16px;
	transition: .3s;
}
.pg-lp-qa .is-open .qa-list__title:after{
	transform: rotate(90deg);
}
.pg-lp-qa .qa-list__text{
	max-height: 0;
	background: #F4F4F4;
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
	line-height: 1.875;
	padding: 0 30px;
	overflow: hidden;
	transition: .3s;
}
.pg-lp-qa .is-open .qa-list__text{
	padding: 20px 30px;
}
.pg-lp-qa .pg-lp-qa__tab{
	display: flex;
	gap: 10px 25px;
}
.pg-lp-qa .pg-lp-qa__tab li{
	display: flex;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dff7e8+6,d1f4ec+28,c5ede7+80,d8e9f7+94 */
	background: linear-gradient(135deg,  #dff7e8 6%,#d1f4ec 28%,#c5ede7 80%,#d8e9f7 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 14px 40px;
    font-size: clamp(20px, 2.0vw, 22px);
	font-weight: 700;
	border-radius: 40px;
	transition: 0.3s;
	cursor: pointer;
}
.pg-lp-qa .pg-lp-qa__tab li.current{
	background: var(--color_green);
	color: #fff;
}
@media (any-hover: hover){
	.pg-lp-qa .pg-lp-qa__tab li:hover{
		background: var(--color_green);
		color: #fff;
	}	
}
.pg-lp-qa__tab-target{ display: none;}
.pg-lp-qa__tab-target.current{ display: block;}

@media (max-width: 768px){
	.pg-lp-qa{
		padding: 50px 0 60px;
	}
	.pg-lp-qa .l-headline__title{
		font-size: min( 7.0vw, 36px);
	}
	.pg-lp-qa .qa-list__title:before{
		top:17px;
	}
	.pg-lp-qa .qa-list__title:after{
		top:11px;
	}
	.pg-lp-qa .pg-lp-qa__tab{
		gap: 10px 5px;
	}
	.pg-lp-qa .pg-lp-qa__tab li{
		width: calc(100% / 3);
		padding: 14px 5px;
		text-align: center;
		display: block;
		box-sizing: border-box;
		font-size: min(3.25vw, 20px);
	}
}


/* .pg-lp-message
============================================================ */
.pg-lp-message{
	padding: 85px 0 90px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dff7e8+6,d1f4ec+28,c5ede7+80,d8e9f7+94 */
	background: linear-gradient(135deg,  #dff7e8 6%,#d1f4ec 28%,#c5ede7 80%,#d8e9f7 94%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.pg-lp-message .l-headline__title{
	font-size: min( 5.5vw, 60px);
	line-height: 1.233;
}
.pg-lp-message__flex{
	max-width: 1050px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.pg-lp-message__flex-img{
	width: 36.25%;
}
.pg-lp-message__flex-text{
	width: 63.75%;
	padding: 0 0 0 5%;
	box-sizing: border-box;
}
.pg-lp-message__flex-txt{
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
	line-height: 1.875;
}
.pg-lp-message__flex-name{
	text-align: right;
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 500;
	line-height: 2.18;
	margin: 1.5em 0 0;
}
.pg-lp-message__flex-name span{
	font-size: clamp(20px, 2.0vw, 22px);
}
@media (max-width: 768px){
	.pg-lp-message{
		padding: 60px 0 70px;
	}
	.pg-lp-message .l-headline__title{
		font-size: min(7.0vw, 36px);
        line-height: 1.388;
	}
	.pg-lp-message__flex{
		flex-wrap: wrap;
	}
	.pg-lp-message__flex-img{
		width: 75%;
		margin: 0 auto 30px;
	}
	.pg-lp-message__flex-text{
		width: 100%;
		padding: 0;
	}
	.pg-lp-message__flex-txt{
		font-size: 15px;
	}
	.pg-lp-message__flex-name{
		font-size: 15px;
	}
	.pg-lp-message__flex-name span{
		font-size: 20px;
	}
}


/* .pg-lp-contact
============================================================ */
.pg-lp-contact{
	padding: 85px 0 110px;
}
.pg-lp-contact__catch{
	text-align: center;
	font-family: var(--font_ja);
	font-style: italic;
	font-size: min( 3.5vw, 36px);
	font-weight: 700;
	color: var(--color_green);
	line-height: 1.611;
	margin: 0 0 1.5em;
}
.pg-lp-contact__catch span{
	display: inline-block;
	color: #fff;
	margin: 0 0 10px;
	padding: 0 20px;
	line-height: 1.44;
	position: relative;
	z-index: 1;
}
.pg-lp-contact__catch span::after{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: '';
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background: var(--color_green);
	transform: skewX(-20deg);
}
.pg-lp-contact__text{
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.02vw;
	line-height: 2.25;
	margin: 0 0 3.5em;
}
.pg-lp-contact__box{
	max-width: 1000px;
	margin: 0 auto;
	padding: 35px 50px 50px;
	border: 1px solid #c3c3c3;
}
.pg-lp-contact__box table{
	width: 100%;
}
.pg-lp-contact__box table th{
	width: 240px;
	text-align: left;
	font-size: calc(18 * var(--rem));
	font-weight: 500;
	vertical-align: top;
	position: relative;
	padding: 10px 0;
}
.pg-lp-contact__box table th .require{
	position: absolute;
	right: 0;
	top: 18px;
	background: var(--color_green);
	font-size: 14px;
	color: #fff;
	line-height: 1.0;
	padding: 4px 11px 5px;
}
.pg-lp-contact__box table td{
	width: calc(100% - 240px);
	padding: 10px 0 10px 5%;
	box-sizing: border-box;
}
.pg-lp-contact__box table td input[type=text]{
	max-width: 564px;
	width: 100%;
	background: #F4F4F4;
	border: none;
	font-size: 16px;
	padding: 11px 10px;
	box-sizing: border-box;
}
.pg-lp-contact__box table .input-birthday {
	display: flex;
	justify-content: flex-start;
	align-items: center;
    gap: 10px;
}
.pg-lp-contact__box table .input-birthday .wpcf7-form-control-wrap{
	text-align: center;
}
.input-birthday .wpcf7-not-valid-tip{
	line-height: 1.2;
	font-size: 12px;
}
.pg-lp-contact__box table .input-birthday input[type=text]{
	width: 90px;
	text-align: center;
}
.pg-lp-contact__box table td input[type=tel]{
	max-width: 564px;
	width: 100%;
	background: #F4F4F4;
	border: none;
	font-size: 16px;
	padding: 11px 10px;
	box-sizing: border-box;
}
.pg-lp-contact__box table td input[type=email]{
	max-width: 564px;
	width: 100%;
	background: #F4F4F4;
	border: none;
	font-size: 16px;
	padding: 11px 10px;
	box-sizing: border-box;
}
.pg-lp-contact__box table td textarea{
	max-width: 564px;
	width: 100%;
	background: #F4F4F4;
	border: none;
	font-size: 16px;
	padding: 11px 10px;
	box-sizing: border-box;
}
.pg-lp-contact__box table td .job-type .wpcf7-list-item{
	display: block;
}
.pg-lp-contact__box table td .job-type .wpcf7-list-item label{
	display: inline-block;
}
.pg-lp-contact__box-text{
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	margin: 1.0em 0 1.5em;
}
.pg-lp-contact__box-agree{
	display: flex;
	justify-content: center;
	font-size: clamp(16px, 1.5vw, 18px);
	font-weight: 500;
}
.pg-lp-contact__box-agree input[type=checkbox]{
	margin: 0 10px 0 0;
}
.pg-lp-contact button,
.pg-lp-contact input[type=submit]{
	max-width: 340px;
	width: 100%;
	text-align: center;
	background: url("../img/icon-arrow-white.svg") no-repeat right 40px center, var(--color_green);
	font-size: clamp(20px, 2.0vw, 24px);
	font-weight: 700;
	color: #fff;
	border-radius: 40px;
	border: none;
	margin: 25px auto 0;
	padding: 18px 10px 19px;
	box-sizing: border-box;
	transition: 0.3s;
}
.pg-lp-contact .ajax-loader{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 200%);
}



@media (any-hover: hover){
	.pg-lp-contact button:hover,
	.pg-lp-contact input[type=submit]:hover{
		color: var(--color_black);
		background:url("../img/icon-arrow-black.svg") no-repeat right 40px center, #dff7e8;
	}	
}
@media (max-width: 768px){
	.pg-lp-contact{
		padding: 60px 0 70px;
	}
	.pg-lp-contact__catch{
		font-size: min( 5.0vw, 24px);
		margin: 0 0 1.5em;
	}
	.pg-lp-contact__catch span{
		font-size: min( 5.0vw, 27px);
		padding: 5px 20px;
	}
	.pg-lp-contact__text{
		font-size: 15px;
		text-align: left;
	}
	.pg-lp-contact__box{
		padding: 25px 20px 35px;
	}
	.pg-lp-contact__box table,
	.pg-lp-contact__box table tbody,
	.pg-lp-contact__box table tr{
		display: block;
		width: 100%;
	}
	.pg-lp-contact__box table th{
		float: left;
		width: 100%;
		font-size: 15px;
		padding: 10px 0 0;
		box-sizing: border-box;
	}
	.pg-lp-contact__box table th .require{
		top: 12px;
	}
	.pg-lp-contact__box table td{
		float: left;
		width: 100%;
		padding: 5px 0 10px;
		box-sizing: border-box;
	}
	.pg-lp-contact__box-text{
		font-size: 15px;
		text-align: left;
	}
	.pg-lp-contact__box-agree{
		font-size: 15px;
	}
	.pg-lp-contact button,
	.pg-lp-contact input[type=submit]{
		font-size: 18px;
		padding: 16px 10px 17px;
	}
	.pg-lp-contact__box table .input-birthday input[type=text]{
		width: 65px;
        padding: 11px 7px;
	}
	.pg-lp-contact__box table .input-birthday input[type=text]::placeholder{
		font-size: 12px;
	}
}


/* 送信完了画面
============================================================ */
.pg-lp-contact--thanks{}
.pg-lp-contact--thanks h2{
	text-align: center;
	font-family: var(--font_ja);
	font-size: clamp(28px, 2.5vw, 36px);
	font-weight: 700;
	color: var(--color_green);
	margin: 0 0 1.0em;
}
.pg-lp-contact--thanks .box{
	max-width: 900px;
	margin: 0 auto;
	background: #F4F4F4;
	padding: 50px 30px;
	border-radius: 20px;
	box-sizing: border-box;
}
.pg-lp-contact--thanks .box .pg-lp-contact__text{
	margin: 0 0 2.0em;
}
.pg-lp-contact--thanks .box .pg-lp-contact__text strong{
	display: block;
	font-size: clamp(18px, 1.9vw, 20px);
	margin: 0 0 0.5em;
}
@media (max-width: 768px){
	.pg-lp-contact--thanks .box{
		background: #F4F4F4;
		padding: 40px 20px;
		border-radius: 10px;
	}
	.pg-lp-contact--thanks .box .pg-lp-contact__text{
		text-align: left;
	}
	.pg-lp-contact--thanks .box .pg-lp-contact__text strong{
		text-align: center;
	}
}


/* .pg-lp-company
============================================================ */
.pg-lp-company{
	padding: 70px 0 80px;
	background: #F4F4F4;
}
.pg-lp-company__title{
	font-family: var(--font_ja);
	font-size: clamp(24px, 2.5vw, 28px);
	font-weight: 700;
	margin: 0 0 1.0em;
}
.pg-lp-company__table{
	width: 100%;
	border-top: 1px solid #C3C3C3;
}
.pg-lp-company__table-th{
	width: 228px;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.375;
	border-bottom: 1px solid #C3C3C3;
	vertical-align: top;
	padding: 20px 10px;
	box-sizing: border-box;
}
.pg-lp-company__table-td{
	width: calc(100% - 228px);
	font-size: 16px;
	line-height: 1.375;
	border-bottom: 1px solid #C3C3C3;
	vertical-align: top;
	padding: 20px 0;
}
.pg-lp-company__table-td a{
	color: var(--color_green);
	text-decoration: underline;
	transition: 0.3s;
}
@media (any-hover: hover){
	.pg-lp-company__table-td a:hover{
		text-decoration: none;
	}	
}
@media (max-width: 768px){
	.pg-lp-company{
		padding: 50px 0 60px;
	}
	.pg-lp-company__table-th{
		float: left;
		width: 100%;
		font-size: 15px;
		border-bottom: none;;
		padding: 20px 0 0;
	}
	.pg-lp-company__table-td{
		float: left;
		width: 100%;
		font-size: 15px;
		padding: 5px 0 20px;
	}	
}