.staywork-document {}

.staywork-header {
	position: relative;
	z-index: 4;
}

.staywork-main {}

.staywork-green {
	color: #0c748f !important;
}

.staywork-white {
	color: #fff !important;
}

.staywork-main .flex {
	display: flex;
	justify-content: space-between;
}

.forSP {
	display: none;
}

.forPC {
	display: block;
}

.sml {
	font-size: .8em !important;
}

@media (max-width: 767px) {
	.staywork-main .flex {
		flex-wrap: wrap;
	}
	.forSP {
		display: block;
	}
	.forPC {
		display: none;
	}
}

.staywork-title-wrp {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 180px;
	background-color: rgba(255, 255, 255, .95);
	z-index: 3;
}

.staywork-title {
	display: block;
	position: absolute;
	top: 140px;
	left: 5vw;
	width: 50vw;
}

.staywork-main-img {
	width: 100%;
}

.staywork-main-img img {
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.staywork-title-wrp {
		height: 100px;
	}
	.staywork-title {
		display: block;
		top: 110px;
		width: 85vw;
	}
	.staywork-main-img {
		padding-top: 60px;
	}
}

.staywork-inner980 {
	width: 100%;
	max-width: 980px;
	padding: 50px 20px;
	margin: 0 auto;
	text-align: center;
}

.staywork-inner {
	width: 100%;
	max-width: 1080px;
	padding: 50px 20px;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 767px) {
	.staywork-inner980,
	.staywork-inner {
		padding: 30px 10px;
	}
}

.staywork_title {
	font-size: 36px;
	font-weight: 300;
	margin-bottom: 1em;
}

@media (max-width: 767px) {
	.staywork_title {
		font-size: 1.5em;
	}
}

.staywork_subtitle {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 1em;
}

@media (max-width: 767px) {
	.staywork_subtitle {
		font-size: 1.2em;
	}
}

.staywork_subtitle::after {
	content: '';
	display: block;
	width: 5em;
	height: 1px;
	border-bottom: 2px solid;
	margin: 1em auto;
}

.staywork-newnormal-wrp .lead {
	display: block;
	font-size: 1.05em;
	line-height: 2;
	margin: 1em auto;
}

@media (max-width: 767px) {
	.staywork-newnormal-wrp .lead {
		font-size: .9em;
		text-align: left;
	}
}

.new_normal1 {
	display: block;
	width: 100%;
	max-width: 720px;
	margin: 3em auto;
}

.new_normal1 img {
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	.new_normal1 {
		text-align: center;
		max-width: 23em;
		margin: 3em auto 2em;
	}
	.new_normal1 .illust {
		width: 80%;
		display: inline-block;
	}
	.new_normal1 ul {
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.new_normal1 ul li {
		width: 13em;
		height: 13em;
		padding-top: 2.3em;
		margin-bottom: 3em;
		border-radius: 50%;
		color: #0c748f;
		border: solid 1px;
		position: relative;
		font-size: min(3.2vw, 12px);
		line-height: 1.6;
		font-weight: bold;
		text-align: center;
	}
	.new_normal1 ul li:nth-child(2),
	.new_normal1 ul li:nth-child(3) {
		padding-top: 5.5em;
	}
	.new_normal1 ul li::before,
	.new_normal1 ul li::after {
		content: '';
		width: 0;
		height: 0;
		display: inline-block;
		border: solid 10px transparent;
		border-top: solid 20px #0c748f;
		position: absolute;
		left: calc(50% - 10px);
		top: 100%;
	}
	.new_normal1 ul li::after {
		border-top: solid 20px #fff;
		top: calc(100% - 2.5px);
	}
	.new_normal1 ul li span:not(.illust) {
		color: #222;
	}
	.new_normal1 ul li .illust {
		width: 70%;
		position: absolute;
		left: 15%;
		bottom: 58%;
	}
}

.point-wrp {
	background-color: #f3f8f9;
	padding: 3em;
	text-align: left;
	border-radius: 5px;
	position: relative;
	border: 2px solid #709eae;
}

.point-wrp .onepoint {
	display: block;
	width: 12em;
	padding: .5em 1em;
	background: #fff;
	border: 2px solid #709eae;
	color: #0c748f;
	text-align: center;
	position: absolute;
	top: -1em;
	left: calc(50% - 6em);
}

.point-wrp .new_normal-title {
	width: 20%;
}

.point-txt-box {
	width: 75%;
}

.point-txt-box h3 {
	font-size: 1.1em;
	margin-bottom: 1em;
}

@media (max-width: 767px) {
	.point-wrp {
		padding: 2em 1em;
	}
	.point-wrp .new_normal-title {
		width: 100%;
		padding: 1em 2em;
	}
	.point-txt-box {
		width: 100%;
		font-size: .8em;
	}
	.point-txt-box h3 {
		text-align: center;
	}
	.point-txt-box h3 span {
		display: inline-block;
	}
}

.staywork-btn-wrp {
	padding: 30px;
}

@media (max-width: 767px) {
	.staywork-request-brochure-wrp .staywork-btn-wrp {
		padding-top: 0;
	}
}

.staywork-btn-wrp .staywork-btn {
	margin: 0 auto;
}

.staywork .present-wrp {
	display: inline-block;
	position: relative;
}

.staywork-brochure-wrp .present-wrp::before,
.staywork-brochure-wrp .present-wrp::after,
.staywork-brochure-wrp .present::before,
.staywork-brochure-wrp .present::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 1.1em;
	background-color: #0c748f;
	margin: 0 .5em;
	transform-origin: center bottom;
}

.staywork-brochure-wrp .present-wrp::before {
	transform: translate(.15em, .15em) rotate(-48deg);
	height: .8em;
	margin: 0;
}

.staywork-brochure-wrp .present-wrp::after {
	transform: translate(-.15em, .15em) rotate(48deg);
	height: .8em;
	margin: 0;
}

.staywork-brochure-wrp .present::before {
	transform: translateY(.15em) rotate(-35deg);
}

.staywork-brochure-wrp .present::after {
	transform: translateY(.15em) rotate(35deg);
}

.staywork-brochure-wrp {
	background-color: #f3f9f9;
}

.staywork-brochure-wrp .borchure-wrp {
	/* 	display: block; */
	position: relative;
	min-height: 200px;
	margin-bottom: 2.5em;
}

.staywork-brochure-wrp .borchure-wrp .cap1,
.staywork-brochure-wrp .borchure-wrp .cap2 {
	position: absolute;
	display: block;
	width: 280px;
	padding: .5em;
	border: 1px solid #709eae;
	background-color: #fff;
	border-radius: 3em;
	color: #0c748f;
	font-size: .8em;
	line-height: 1.5;
	font-weight: bold;
	z-index: 2;
}

.staywork-brochure-wrp .borchure-wrp .cap1::before,
.staywork-brochure-wrp .borchure-wrp .cap2::after {
	content: '';
	position: absolute;
	width: 0;
	height: 50px;
	border: 1px dotted #0c748f;
	left: 50%;
}

.staywork-brochure-wrp .cap1 {
	bottom: -1.5em;
	left: 22%;
}

.staywork-brochure-wrp .cap2 {
	top: -.5em;
	right: 0%;
}

.staywork-brochure-wrp .cap1::before {
	top: -52px;
}

.staywork-brochure-wrp .cap2::after {
	bottom: -52px;
}

@media (max-width: 767px) {
	.staywork-brochure-wrp .borchure-wrp {
		margin-bottom: 4.5em;
	}

	.staywork-brochure-wrp .borchure-wrp img {
		width: 90%;
		/* margin: 0 auto; */
	}

	.staywork-brochure-wrp .borchure-wrp .cap1,
	.staywork-brochure-wrp .borchure-wrp .cap2 {
		border-radius: 10px;
		font-size: .8em;
	}

	.staywork-brochure-wrp .borchure-wrp .cap1::before,
	.staywork-brochure-wrp .borchure-wrp .cap2::after {
		content: '';
		position: absolute;
		width: 0;
		height: 50px;
		border: 1px dotted #0c748f;
		left: 50%;
	}

	.staywork-brochure-wrp .borchure-wrp .cap1 {
		width: 66%;
		bottom: -5em;
		left: 17%;
	}

	.staywork-brochure-wrp .borchure-wrp .cap2 {
		width: 52%;
		top: 13%;
		left: auto;
		right: 5%;
		transform: translateY(-50%);
	}

	.staywork-brochure-wrp .borchure-wrp .cap1::before {
		height: auto;
		top: -50%;
		bottom: 100%;
	}

	.staywork-brochure-wrp .borchure-wrp .cap2::after {
		bottom: -52px;
	}
}

.staywork-model-wrp {
	margin-bottom: 2em;
}

.staywork-model .flex {
	flex-wrap: wrap;
}

.staywork-model .staywork_title {
	display: block;
	width: 100%;
	margin: 1em auto;
}

.staywork-model .model-wrp {
	border: 5px solid #709eae;
	padding: 1em 3em;
	background-color: #fff;
	position: relative;
}

.staywork-model .model-wrp:first-child {
	border-bottom: none;
}

.staywork-model .model-wrp:last-child {
	border-top: none;
}

@media (max-width: 767px) {
	.staywork-model-wrp {
		margin-top: 2em;
	}
	.staywork-model .model-wrp {
		padding: 1em;
	}
}

.staywork-model .model-wrp .staywork_title {
	margin: 1em auto;
}

@media (min-width: 768px) {
	.staywork-model .model-wrp .staywork_title {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.staywork-model .model-wrp .staywork_title:not(.orange) {
		margin: 2.5em auto 1em;
	}
}

.staywork-model .c3 {
	width: 31%;
}

.staywork-model .c2 {
	width: 47%;
}

.staywork-model .merit-icon {
	display: block;
	width: 150px;
	position: absolute;
	top: -40px;
	left: 20px;
}

@media (max-width: 767px) {
	.staywork-model .merit-icon {
		width: 30%;
		top: -2.5%;
		left: 3%;
	}
}

.staywork-model .icon-stay,
.staywork-model .icon-work {
	display: block;
	width: 100%;
	max-width: 100px;
	margin: 1.5em auto;
}

.staywork-model .icon-staywork {
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 1.5em auto 7em;
}

@media (max-width: 767px) {
	.staywork-model .icon-staywork {
		margin: 1.5em auto;
	}
}

.staywork-model .model-wrp .staywork_title.orange {
	color: #DD7800;
}

.staywork-model .merit-box {
	position: relative;
}

@media (max-width: 767px) {
	.staywork-model .c3,
	.staywork-model .c2 {
		width: 100%;
	}
	.staywork-model .c3 {
		padding-top: 20vw;
	}
}

.staywork-model .merit-box p {
	font-size: .9em;
	text-align: left;
}

.model-wrp img {
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	/*
	.model-wrp .c3 img {
		height: 60vw;
		object-fit: cover;
		object-position: center;
	}
*/
}

.model-title {
	display: block;
	width: 100%;
	font-size: 2.2em;
	line-height: 1.3;
	text-align: right;
	margin-bottom: 1em;
}

.model-title-jp {
	display: block;
	font-size: 1.1em;
	margin-bottom: 1em;
}

.staywork-model-wrp .merit {
	display: block;
	width: 120px;
	position: absolute;
	top: -85px;
	left: calc(50% - 60px);
	z-index: 3;
}

@media (max-width: 767px) {
	.staywork-model-wrp .merit {
		top: 3%;
	}
}

.staywork-model-wrp .merit img {
	width: 100%;
	height: auto;
}

.staywork-model-wrp .modelimg {
	position: relative;
	display: block;
	margin-bottom: 1.2em;
}

.more-wrp {
	padding: 0;
	text-align: center;
}

.more-wrp .more {
	display: inline-block;
	margin: .5em 0;
	font-size: 2.4em;
	line-height: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.more-wrp .more::before,
.more-wrp .more::after {
	content: '';
	display: block;
	width: 45%;
	height: 3px;
	background-color: #444;
}

.staywork-model-wrp .long-value-wrp {
	position: relative;
}

.staywork-model-wrp .long-value-wrp .model-wrp {
	border-top: none;
	border-bottom: 5px solid #709eae;
}

.stable {
	position: relative;
	margin-top: 2em;
}

.stable::before {
	top: -1em;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(12, 116, 143, 0);
	border-top-color: #0c748f;
	border-width: 24px;
	margin-left: -24px;
}

.staywork-products {
	background-color: #f3f9f9;
}

.staywork-products .staywork_title {
	margin-bottom: 2em;
}

.staywork-products-list {
	flex-wrap: wrap;
}

.staywork-products-list li {
	width: 48%;
	margin-bottom: 4%;
}

.staywork-request-brochure-wrp {
	background-color: #0c748f;
	color: #fff;
}

.staywork-brochure figure {
	width: 100%;
	max-width: 700px;
	max-height: 497px;
	margin: 0 auto;
}


.navi-wrp li {
  margin: 37px 4.6% 0 0;
  padding-bottom: 15px;
  width: 28.7%;
  font-size: 12px;
  border-bottom: 1px solid #989898;
}
.navi-wrp li {
  margin: 37px 4.6% 0 0;
  padding-bottom: 15px;
  width: 28.7%;
  font-size: 12px;
  border-bottom: 1px solid #989898;
}
.navi-wrp li:nth-child(3n){
  margin-right: 4.6%;
}

.navi-wrp li dd {
  height: 41px;
	overflow-wrap: break-word;
}
.navi-wrp {
	width: 100%;
  max-width: 1080px;
  padding: 80px 20px 0;
  margin: 0 auto;
  text-align: center;
}
.navi-wrp ul {
	display: flex;
	justify-content: center;
}
.navi-wrp:last-child {
	margin-bottom: 0;
}
.navi-wrp li {
	margin: 20px 4.85% 0 0;
	padding-bottom: 15px;
	width: 40.1%;
  font-size: 12px;
	border-bottom: 1px solid #989898;
}
.navi-wrp li:last-child {
	margin-right: 0;
}
.navi-wrp li a {
	display: block;
}
.navi-wrp li a:hover {
	opacity: 0.7;
}
.navi-wrp li .ttl {
	margin-bottom: 13px;
	color: #979a9e;
}
.navi-wrp li .pho {
	margin-bottom: 12px;
	overflow: hidden;
}
.navi-wrp li .pho img {
	display: block;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.navi-wrp li a:hover .pho img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.navi-wrp li dl {
	margin-bottom: 13px;
}
.navi-wrp li dt {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.navi-wrp li dd {
	height: 41px;
	line-height: 1.7;
	overflow-wrap: break-word;
	overflow: hidden;
}
.navi-wrp li .time {
	color: #979a9e;
	line-height: 1.7;
}
.navi-wrp.fourCollum li,
.navi-wrp.fourCollum li:nth-child(3n) {
	margin-right: 3.7%;
	width: 22.2%;
}
.navi-wrp.fourCollum li:nth-child(4n) {
	margin-right: 0;
}
@media all and (max-width: 767px) {
	.navi-wrp ul {
		margin: 20px 0 0;
		display: block;
		display: -webkit-block;
	}
	.navi-wrp li {
		margin: 0 0 37px !important;
		padding-bottom: 15px !important;
		width: auto !important;
	}
	.navi-wrp li:last-child {
		margin-bottom: 0 !important;
	}
	.navi-wrp li:last-child {
		border-bottom: none;
	}
	.navi-wrp:last-child li:last-child {
		border-bottom: 1px solid #989898;
	}
	.navi-wrp li .pho {
		margin-bottom: 16px;
	}
	.navi-wrp li .pho img {
		width: 100%;
	}
	.navi-wrp li a:hover .pho img {
		-webkit-transform: none;
		transform: none;
	}	
}

@media (min-width: 768px) {
  .staywork-document {
    position: relative;
    margin-top: -70px;
  }
}

@media (max-width: 767px) {
  .footSpace {
    height: 24vw;
  }
}

@media screen and (max-width: 767px) {
  .l-gsHamburger {
    bottom: 24vw !important;
  }
}

@media (min-width: 768px) {
  .staywork-model {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .staywork-model {
    padding-bottom: 10px;
  }
}