/* CSS Document */

/*==================================================

contents
=================================================*/

.environment .nfaq-txt {
	width: 100%;
	margin: 0 auto;
	padding: min(12%, 120px) 0 min(12%, 120px);
}
.environment .nfaq-txt .inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.environment .nfaq-txt .inner > section {
	width: 100%;
	position: relative;
	border: 3px solid #000;
	border-radius: 40px;
	background-color: #fff;
	padding: min(10%, 80px) min(5%, 60px);
}
.environment .nfaq-txt .inner > section:nth-of-type(n+2) {
	margin-top: min(12%, 120px)
}
.environment .nfaq-txt .inner > section h1 {
	width: 80%;
	max-width: 600px;
	position: absolute;
	text-align: center;
	font-size: clamp(1.8rem, 2.8vw, 3.2rem);
	line-height: 160%;
	font-weight: 500;
	border: 3px solid #000;
	background-color: #83df57;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 60px;
	padding: .5em 1em;
}
.environment .nfaq-txt .inner > section:nth-of-type(even) h1 {
	background-color: #d486fd;
}
.environment .nfaq-txt .inner > section dl {
	width: 100%;
	overflow: hidden;
	background-color: #daf5cc;
	border-radius: 40px;
	margin-bottom: min(6%, 40px);
}
.environment .nfaq-txt .inner > section dl:nth-last-of-type(1) {
	margin-bottom: 0;
}
.environment .nfaq-txt .inner > section:nth-of-type(even) dl {
	background-color: #f2dafe;
}
.environment .nfaq-txt .inner > section dl dt {
	background-color: #83df57;
	font-size: clamp(1.6rem, 2.4vw, 2.4rem);
	line-height: 180%;
	background-image: url("../../recruiting/images/q.png");
	background-position: left 5% center;
	background-repeat: no-repeat;
	background-size: 5.5%;
	padding: 1.2em 1.5em 1.2em 11.5%;
}
.environment .nfaq-txt .inner > section:nth-of-type(even) dl dt {
	background-color: #d486fd;
}
.environment .nfaq-txt .inner > section dl dd {
	min-height: 4.5em;
	background-image: url("../../recruiting/images/a.png");
	background-position: left 5% center;
	background-repeat: no-repeat;
	background-size: 5.5%;
	padding: 1.4em 1.5em 1.4em 11.5%;
}

.ace #top-image {
	width: 100%;
	padding-bottom: min(8%, 80px);
}
.ace #top-image .head-effect {
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	z-index: 3;
}
.ace #top-image .photo {
	width: 95%;
	max-width: 1430px;
	position: relative;
	margin: 0 auto;
}
.ace #top-image .txt {
	width: 90%;
	max-width: 1430px;
	position: absolute;
	text-align: left;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-left: 5%;
	z-index: 5;
}
.ace #top-image .txt h1 {
	display: inline-block;
	color: #FFF;
	font-size: clamp(2.4rem, 8vw, 10rem);
	line-height: 110%;
	text-align: left;
	letter-spacing: -.1em;
}

.ace .ace-txt {
	width: 100%;
	margin: 0 auto;
	padding: min(6%, 60px) 0 min(12%, 120px);
}

.ace .ace-txt .inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.ace .ace-txt .inner > h2 {
	text-align: center;
	margin-bottom: 2em;
}
.ace .ace-txt .inner section {
	width: 100%;
}
.ace .ace-txt .inner section:nth-of-type(even) {
	margin-top: min(10%, 100px);
}
.ace .ace-txt .inner section .ace-head {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.ace .ace-txt .inner section .ace-head > h2 {
	width: 30%;
	display: flex;
	align-items: center; 
	text-align: center;
	background-color: #ffcc00;
	border-radius: 20px;
	border: 3px solid #000;
	padding: 1em;
}
.ace .ace-txt .inner section:nth-of-type(even) .ace-head > h2 {
	color: #FFF;
	background-color: #2baae9;
}
.ace .ace-txt .inner section .ace-head > h2 span {
	width: 100%;
	display: block;
	text-align: center;
}
.ace .ace-txt .inner section .ace-head .info {
	width: 68%;
	background-color: #ffcc00;
	background-image: url("../../works/images/point1.png");
	background-position: left 3em center;
	background-repeat: no-repeat;
	background-size: auto;
	border-radius: 20px;
	padding: 2em 3em 2em 260px;
}
.ace .ace-txt .inner section:nth-of-type(even) .ace-head .info {
	color: #FFF;
	background-color: #2baae9;
	background-image: url("../../works/images/point2.png");
}
.ace .ace-txt .inner section .ace-head .info p {
	line-height: 160%;
	margin-top: 1em;
}
.ace .ace-txt .inner section .ace-schedule {
	margin-top: min(8%, 80px);
}

.ace .ace-txt img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* visual */

.visual #top-image {
	width: 100%;
	padding-bottom: min(8%, 80px);
}
.visual #top-image .head-effect #ef1 {
	background-position: 18% 70%;
}
.visual #top-image .head-effect #ef3 {
	background-image: url("../../images/head_obj3.png");
	background-position: right 4% top 32%;
	background-size: 12.5%;
}
.visual #top-image .head-effect #ef5 {
	background-image: url("../../images/head_obj5_3.png");
}
.visual #top-image .head-effect #ef6 {
	background-image: url("../../images/head_obj6_3.png");
	background-position: left -6% bottom;
	background-size: 31.25%;
}
.visual #top-image .head-effect {
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	z-index: 3;
}
.visual #top-image .photo {
	width: 95%;
	max-width: 1430px;
	position: relative;
	margin: 0 auto;
}

.visual .visual-txt {
	width: 100%;
	position: relative;
	background-image: url("../../about/images/visual_bg_lt.png"),url("../../about/images/visual_bg_lb.png"),url("../../about/images/visual_bg_rc.png"),url("../../about/images/visual_bg_rb.png");
	background-position: left top,left bottom,right center,right bottom;
	background-repeat: no-repeat;
	background-size: 60%;
	margin: 0 auto;
	padding: min(6%, 60px) 0 min(12%, 120px);
}
.visual .visual-txt .inner {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.visual .visual-txt .inner section {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center; 
	margin-bottom: min(8%, 80px);
}
.visual .visual-txt .inner section:nth-of-type(even) {
	flex-direction: row-reverse;
}
.visual .visual-txt .inner section:nth-last-of-type(1) {
	margin-bottom: 0;
}
.visual .visual-txt .inner section .txt {
	width: 50%;
}
.visual .visual-txt .inner section:nth-of-type(even) .txt {
	text-align: right;
}
.visual .visual-txt .inner section .txt h1 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: clamp(3rem, 8vw, 10rem);
	line-height: 140%;
	font-weight: 600;
}
.visual .visual-txt .inner section .txt h2 {
	font-weight: 600;
}
.visual .visual-txt .inner section .txt p {
	margin: 1em 0 2em;
}
.visual .visual-txt .inner section .txt .button {
	max-width: 240px;
	padding: .6em 1em;
}
.visual .visual-txt .inner section:nth-of-type(even) .txt .button {
	max-width: 240px;
	margin: 0 0 0 auto;
	padding: .6em 1em;
}
.visual .visual-txt .inner section .photo {
	width: 45.5%;
	max-width: 455px;
}

/* modal */

.white-popup {
	width: 100%;
	position: relative;
	background: #FFF;
	margin: 0 auto;
	padding: 0;
}
.white-popup img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.white-popup .mfp-close {
	color: #FFF!important;
	background: #666!important;
    opacity: 1;
}

.visual .visual-txt img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

/* type */

.type #top-image {
	width: 100%;
	padding-bottom: min(8%, 80px);
}
.type #top-image .head-effect #ef1 {
	background-position: 18% 70%;
}
.type #top-image .head-effect #ef3 {
	background-image: url("../../images/head_obj3.png");
	background-position: right 4% top 32%;
	background-size: 12.5%;
}
.type #top-image .head-effect #ef5 {
	background-image: url("../../images/head_obj5_3.png");
}
.type #top-image .head-effect #ef6 {
	background-image: url("../../images/head_obj6_3.png");
	background-position: left -6% bottom;
	background-size: 31.25%;
}
.type #top-image .head-effect {
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	z-index: 3;
}
.type #top-image .photo {
	width: 95%;
	max-width: 1430px;
	position: relative;
	margin: 0 auto;
}
.type #top-image .txt {
	width: 90%;
	max-width: 1430px;
	position: absolute;
	text-align: center;
	top: 5%;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 5;
}
.type #top-image .txt h1 {
	display: block;
	color: #333;
	font-size: clamp(2.2rem, 8vw, 11rem);
	line-height: 110%;
	text-align: center;
	letter-spacing: -.1em;
	margin-top: .2em;
}
.type #top-image .txt p {
	display: inline-block;
	font-size: clamp(1rem, 4vw, 4rem);
	letter-spacing: -.1em;
	background-color: #fff;
	border-radius: 60px;
	padding: min(2%, .8em) 1em;
}
.type .type-txt {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: min(6%, 60px) 0 min(12%, 120px);
}

.type .type-txt img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.type .type-txt .inner {
	width: 95%;
	max-width: 1280px;
	position: relative;
	margin: 0 auto;
}
.type .type-txt .inner h2 {
	text-align: center;
	padding: 0 2.5%;
}
.type .type-txt .inner .type-box {
	width: 100%;
	max-width: 1068px;
	position: relative;
	margin: min(8%, 80px) auto 0;
}
.type .type-txt .inner .type-box::before {
	content: " ";
	display: block;
	position: absolute;
	width: 9%;
	aspect-ratio: 1 / 1;
	background-image: url("../../works/images/strat_b.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	top: 0;
	left: 0;
	transform: translate(0, -50%);
	z-index: 2;
}
.type .type-txt .inner .type-box .type-q {
	width: 90.82%;
	max-width: 970px;
	position: absolute;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
}
.type .type-txt .inner .type-box .type-q .spacer {
	width: 28.86%;
	max-width: 280px;
	cursor: pointer;
	opacity: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 5.5%;
	transition: all .8s;
}
.type .type-txt .inner .type-box .type-q #type1 {
	opacity: 1;
	background-image: url("../../works/images/q1.png");
}
.type .type-txt .inner .type-box .type-q #type2.active {
	opacity: 1;
	background-image: url("../../works/images/q2.png");
}
.type .type-txt .inner .type-box .type-q #type3.active {
	opacity: 1;
	background-image: url("../../works/images/q3.png");
}
.type .type-txt .inner .type-box .type-q #type4.active {
	opacity: 1;
	background-image: url("../../works/images/q4.png");
}
.type .type-txt .inner .type-box .type-q #type5.active {
	opacity: 1;
	background-image: url("../../works/images/q5.png");
}
.type .type-txt .inner .type-box .type-q #type6.active {
	opacity: 1;
	background-image: url("../../works/images/q6.png");
}
.type .type-txt .inner .type-box .type-q #type7.active {
	opacity: 1;
	background-image: url("../../works/images/q7.png");
}
.type .type-txt .inner .type-box .type-q #type8.active {
	opacity: 1;
	background-image: url("../../works/images/q8.png");
}
.type .type-txt .inner .type-box .type-q #type9.active {
	opacity: 1;
	background-image: url("../../works/images/q9.png");
}

.type .type-txt .type-info {
	width: 100%;
	/*background-color: #ececec;*/
	background-color: transparent;
	margin: 0 auto;
}
.type .type-txt .type-info .inner-menu {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
}
.type .type-txt .type-info .inner-menu a {
	width: 25%;
	display: block;
	position: relative;
}
.type .type-txt .type-info .inner-menu a::after {
	content: " ";
	display: block;
	position: absolute;
	width: 10%;
	max-width: 30px;
	aspect-ratio: 1 / 1;
	background-color: #000;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	clip-path: polygon(10% 0, 10% 100%, 100% 50%);
	transition: all 0.3s;
}
@media (hover: hover) {
	.type .type-txt .type-info .inner-menu a:hover {
		opacity: 1;
	}
}
.type .type-txt .type-info .type-menu {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.type .type-txt .type-info .type-menu li::before {
	width: 80%;
}
.type .type-txt .type-info .type-menu li a {
	font-size: clamp(1rem, 1.8vw, 1.8rem);
}
.type .type-txt .type-info .button {
	width: 60%;
	max-width: 360px;
	margin: min(8%, 80px) auto 0
}
.environment #top-image {
	width: 100%;
	padding: min(6%, 60px) 0;
}
.environment #top-image .head-effect {
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	z-index: 3;
}
.environment #top-image .inner {
	width: 90%;
	max-width: 1200px;
	position: relative;
	display: flex;
	flex-flow: row-reverse wrap;
	justify-content: space-between;
	align-items: center; 
	margin: 0 auto;
	z-index: 5;
}
.environment #top-image .inner .photo {
	width: 55%;
	max-width: 685px;
	position: relative;
}
.environment #top-image .inner .txt {
	width: 45%;
	position: relative;
	z-index: 2;
}
.environment #top-image .txt h1 {
	font-size: clamp(2.44rem, 8vw, 11rem);
	line-height: 110%;
	text-align: left;
	letter-spacing: -.1em;
}
.environment #top-image .inner .txt h1 span.col1 {
	color: #dc21c5;
}
.environment #top-image .inner .txt h1 span.col2 {
	color: #36a601;
}
.environment #top-image .inner .txt h1 span.col3 {
	color: #3a6aef;
}
.environment #top-image .inner .txt h1 span.col4 {
	color: #3969ee;
}
.environment #top-image .inner .txt p {
	font-size: clamp(1.4rem, 2.4vw, 2.8rem);
	line-height: 160%;
	margin-top: 1.5em;
}

.environment .welfare-txt {
	width: 100%;
	margin: 0 auto;
	padding: min(6%, 60px) 0 min(12%, 120px);
}

.environment .faq-txt {
	width: 100%;
	margin: 0 auto;
	padding: min(6%, 60px) 0 min(12%, 120px);
}

.environment .number-txt {
	width: 100%;
	margin: 0 auto;
	padding: min(6%, 60px) 0 min(12%, 120px);
}

.environment .welfare-txt .inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.environment .faq-txt .inner {
	width: 90%;
	max-width: 1240px;
	margin: 0 auto;
}
.environment .number-txt .inner {
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
}
.environment .welfare-txt .inner section {
	width: 100%;
	position: relative;
	background-color: #fedac9;
	background-image: url("../../environment/images/point_bg1.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 50%;
	border-radius: 40px;
	margin: 0 auto min(6%, 60px);
	padding: min(10%, 100px) min(6%, 60px);
}
.environment .welfare-txt .inner section img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.environment .welfare-txt .inner section:nth-last-of-type(1) {
	margin: 0 auto;
}
.environment .welfare-txt .inner section:nth-of-type(even) {
	background-color: #ffcbb2;
	background-image: url("../../environment/images/point_bg2.png");
	background-position: right top;
}
.environment .welfare-txt .inner section dl {
	width: 100%;
	position: relative;
}
.environment .welfare-txt .inner section dl dt {
	width: 52%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(15%, -50%);
	z-index: 1;
}
.environment .welfare-txt .inner section:nth-of-type(even) dl dt {
	right: initial;
	right: auto;
	left: 0;
	transform: translate(-15%, -50%);
}
.environment .welfare-txt .inner section dl dd {
	width: 50%;
}
.environment .welfare-txt .inner section:nth-of-type(even) dl dd {
	margin: 0 0 0 auto;
}
.environment .welfare-txt .inner section dl dd h1 {
	width: 80%;
	max-width: 360px;
	font-size: clamp(2rem, 3vw, 4rem);
	text-align: center;
	line-height: 100%;
	font-family: senobi-gothic, sans-serif;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -.1em;
	background-color: #fff;
	border-radius: 60px;
	padding: .5em 1em;
}
.environment .welfare-txt .inner section dl dd h2 {
	font-size: clamp(2.4rem, 5.5vw, 6rem);
	line-height: 140%;
	font-weight: 600;
	margin: .4em 0;
}
.environment .welfare-txt .inner section dl dd h2 strong {
	color: #dc21c5;
	font-weight: 600;
}
.environment .welfare-txt .inner section dl dd p {
	font-size: clamp(1.4rem, 2vw, 2rem);
	line-height: 160%;
}

.environment .faq-txt .inner section {
	width: 100%;
	margin: 0 auto min(10%, 100px);
}
.environment .faq-txt .inner section:nth-last-of-type(1) {
	margin: 0 auto;
}
.environment .faq-txt .inner section dl {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.environment .faq-txt .inner section dl dt {
	width: 45%;
}
.environment .faq-txt .inner section dt img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.environment .faq-txt .inner section dl dd {
	width: 50%;
}
.environment .faq-txt .inner section dl dd h1 {
	color: #41ae0d;
	font-size: clamp(1.8rem, 3vw, 4rem);
	text-align: center;
	line-height: 140%;
}
.environment .faq-txt .inner section dl dd h2 {
	font-size: clamp(2.4rem, 4.5vw, 5rem);
	text-align: center;
	line-height: 140%;
	margin: .4em 0;
}
.environment .faq-txt .inner section dl dd h2 strong {
	display: inline-block;
	color: #41ae0d;
	font-weight: 600;
}
.environment .faq-txt .inner section dl dd h2 span {
	display: inline-block;
}
.environment .faq-txt .inner section dl dd p {
	font-size: clamp(1.4rem, 2vw, 2rem);
	line-height: 160%;
	border-bottom: 5px solid #494949;
	padding-bottom: 2em;
}
.environment .faq-txt .inner section dl dd .icon {
	text-align: center;
}

.environment .number-txt .inner > section {
	width: 100%;
	max-width: 1230px;
	position: relative;
	border: 3px solid #000;
	border-radius: 40px;
	background-color: #fff;
	margin: 0 0 0 auto;
	padding: min(10%, 80px);
}
.environment .number-txt .inner > section:nth-of-type(n+2) {
	margin-top: min(10%, 80px)
}
.environment .number-txt .inner > section > h1 {
	width: 3.4em;
	height: 380px;
	position: absolute;
	writing-mode: vertical-rl;
	text-align: center;
	font-size: clamp(2rem, 2.8vw, 2.8rem);
	line-height: 100%;
	background-color: #ffcc00;
	border: 3px solid #000;
	border-radius: 60px;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
	padding: 3em 0;
}
.environment .number-txt .inner > section.category2 > h1 {
	background-color: #66cbff;
}
.environment .number-txt .inner > section.category3 > h1 {
	background-color: #fd75bf;
}
.environment .number-txt .inner > section > h1 span {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translate(0, -50%);
	z-index: 1;
}
.environment .number-txt .inner > section > ul {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.environment .number-txt .inner > section > ul > li {
	width: 48%;
	position: relative;
	border-radius: 40px;
	background-color: #fff0b2;
	margin: min(4%, 40px) 0;
	padding: min(10%, 100px) 1% 4%;
}
.environment .number-txt .inner > section > ul > li.low {
	padding: min(8%, 70px) 1% 4%;
}
.environment .number-txt .inner > section.category2 > ul > li {
	background-color: #d1efff;
}
.environment .number-txt .inner > section.category3 > ul > li {
	background-color: #fed5ec;
}
.environment .number-txt .inner > section > ul > li h2 {
	width: 80%;
	max-width: 280px;
	position: absolute;
	text-align: center;
	font-size: clamp(1.6rem, 2.4vw, 2.4rem);
	line-height: 160%;
	background-color: #ffcc00;
	border: 3px solid #000;
	border-radius: 60px;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: .5em 1em;
}
.environment .number-txt .inner > section.category2 > ul > li h2 {
	background-color: #66cbff;
}
.environment .number-txt .inner > section.category3 > ul > li h2 {
	background-color: #fd75bf;
}
.environment .number-txt .inner > section > ul > li p {
	text-align: center;
	font-size: clamp(1.6rem, 2.8vw, 2.8rem);
	line-height: 140%;
}
.environment .number-txt .inner > section > ul > li p strong {
	font-size: clamp(3rem, 6vw, 6rem);
	font-weight: 600;
}
.environment .number-txt .inner > section > ul > li .graph {
	width: 60%;
	max-width: 280px;
	margin: 0 auto;
}
.environment .number-txt .inner > section > ul > li .graph img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.environment .number-txt .inner > section > ul > li .add-info {
	display: block;
	font-size: clamp(1.6rem, 2.8vw, 2.8rem);
	min-height: 1.5em;
	text-align: center;
	margin: .2em 0 0;
}
.environment .number-txt .inner > section > ul > li .icon {
	text-align: center;
}
.environment .number-txt .inner > section > ul > li.full {
	width: 100%;
}
.environment .number-txt .inner > section > ul > li.full .culmn {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center; 
}
.environment .number-txt .inner > section > ul > li.full .culmn dl {
	display: table;
	margin: 0 2%;
}
.environment .number-txt .inner > section > ul > li.full .culmn dl dt {
	width: 144px;
	display: table-cell;
	vertical-align: middle;
}
.environment .number-txt .inner > section > ul > li.full .culmn dl dd {
	display: table-cell;
	vertical-align: middle;
}
.environment .number-txt .inner > section > ul > li.full .culmn .txt {
	flex: .8;
}
.environment .number-txt .inner > section > ul > li.full .culmn .txt p {
	position: relative;
	font-size: clamp(1.6rem, 2.4vw, 2.4rem);
	line-height: 160%;
	text-align: left;
	padding: .1em 0 .1em 0;
}
.environment .number-txt .inner > section > ul > li.full .culmn .txt p::before {
	content: "■";
	display: inline-block;
	position: absolute;
	width: 1em;
	color: #ff9b35;
	top: 0;
	left: -1.2em;
	padding: .1em 0;
}
.environment .number-txt .inner > section > ul > li.full .culmn .txt p:nth-of-type(2)::before {
	color: #ffcc00;
}
.environment .number-txt .inner > section > ul > li.full .culmn .txt p:nth-of-type(3)::before {
	color: #b9cc00;
}
.environment .number-txt .inner > section > ul > li.full .culmn .txt p:nth-of-type(4)::before {
	color: #b9cc00;
}
.environment .number-txt .inner > section > ul > li.full .culmn .txt p:nth-of-type(5)::before {
	color: #d962a5;
}
.environment .number-txt .inner > section > ul > li.full .culmn .txt p:nth-of-type(6)::before {
	color: #b535ff;
}

.message #top-image {
	width: 100%;
	padding-bottom: min(8%, 80px);
}
.message #top-image .head-effect {
	width: 100%;
	height: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	z-index: 3;
}
.message #top-image .photo {
	width: 95%;
	max-width: 1430px;
	position: relative;
	margin: 0 auto;
}
.message #top-image .txt {
	width: 90%;
	max-width: 1430px;
	position: absolute;
	text-align: right;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-right: 5%;
	z-index: 5;
}
.message #top-image .txt h1 {
	display: inline-block;
	color: #FFF;
	font-size: clamp(2.4rem, 8vw, 10rem);
	line-height: 110%;
	text-align: left;
	letter-spacing: -.1em;
}
.message .message-txt {
	width: 100%;
	margin: 0 auto;
	padding: min(6%, 60px) 0 min(12%, 120px);
}
.message .message-txt .inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
.message .message-txt .inner .wf-section-title span {
	display: inline-block;
	margin: .2em 0;
	padding: 0;
}
.message .message-txt .inner .wf-section-title span:nth-of-type(2) {
	color: #fd6d6a;
}
.message .message-txt .inner .wf-section-title span:nth-of-type(3) {
	color: #ffae00;
}
.message .message-txt .inner .wf-section-title span:nth-of-type(4) {
	color: #0059b4;
}
.message .message-txt .inner .wf-section-title span:nth-of-type(5) {
	color: #07b85e;
}
.message .message-txt .inner p {
	font-size: clamp(1.4rem, 2.4vw, 2.4rem);
	line-height: 200%;
	text-align: center;
	margin-top: 2.5em;
}
.message .message-txt .inner > h1 {
	width: 100%;
	text-align: center;
}
.message .message-txt .inner > h1 span {
	display: inline-block;
	margin-top: .5em;
}
.message .message-txt .inner h2 {
	text-align: center;
	font-size: clamp(2rem, 3.6vw, 4rem);
	margin-top: 2em;
}
.message .message-txt .inner h2 span {
	font-size: clamp(1.6rem, 2.4vw, 3rem);
}

.interview {
	padding: 0 0 min(12%, 120px);
}
.interview #top-image {
	width: 100%;
	position: relative;
	background-image: url("../../images/head_bg_long.png");
	background-position: left top;
	background-repeat: repeat;
	background-size: contain;
}
.interview #top-image > h1 {
	width: 35%;
	max-width: 380px;
	position: relative;
	line-height: 100%;
	margin: 0 auto;
	padding: 1.2em 0 1em;
	z-index: 2;
}
.interview #top-image .interview-head {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 0 min(10%, 80px);
}
.interview #top-image .interview-head .faq > h2 {
	width: 90%;
	max-width: 480px;
	position: relative;
	font-size: clamp(1.8rem, 2.8vw, 3.2rem);
	line-height: 160%;
	font-weight: 500;
	background-color: #fff;
	text-align: center;
	border-radius: 60px;
	z-index: 4;
	margin: 0 auto;
	padding: .4em 1em;
}
.interview #top-image .interview-head .faq > h3 {
	width: 90%;
	max-width: 400px;
	position: relative;
	text-align: center;
	font-size: clamp(1.6rem, 2.4vw, 2.4rem);
	line-height: 160%;
	color: #FFF;
	z-index: 4;
	margin: .5em auto 0;
}
.senior3 #top-image .interview-head .faq > h3 {
	color: #000;
}
.interview #top-image .interview-head .faq > h3 strong {
	font-size: clamp(3rem, 4vw, 6rem);
	line-height: 160%;
	font-weight: 500;
}
.interview #top-image .interview-head .faq {
	width: 90%;
	max-width: 1500px;
	position: relative;
	margin: 0 auto;
	padding: min(8%, 60px) 0 min(8%, 40px);
}
.interview #top-image .interview-head .faq .inner {
	width: 95%;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: -10% auto 0;
	z-index: 4;
}
.interview #top-image .interview-head .faq .inner .item {
	width: 480px;
	position: relative;
	background-image: url("../../person/images/q_bg1.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 4%;
	padding: 6em 1em;
}
.interview #top-image .interview-head .faq .inner > div:nth-of-type(odd) {
	background-image: url("../../person/images/q_bg2.png");
}
.interview #top-image .interview-head .faq .inner .item .q {
	width: 18%;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(100%, 10%);
	z-index: 1;
}
.interview #top-image .interview-head .faq .inner .item h2 {
	width: 100%;
	height: 2em;
	font-size: clamp(1.6rem, 2.4vw, 3.2rem);
	line-height: 140%;
	display: flex;
	justify-content: center;
	align-items: center; 
	text-align: center;
	padding: 0 1em;
}
.interview #top-image .interview-head .faq .inner .item p {
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	line-height: 160%;
	padding: 1em 4em;
}
.interview #top-image .interview-head .faq .senior-photo {
	display: block;
	position: absolute;
	width: 54%;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	z-index: 4;
}

.interview #top-image .interview-head .faq::after {
	content: " ";
	display: block;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	background: linear-gradient(0deg, #006de7, #00cfee);
	top: 0;
	left: 0;
	z-index: 1;
}
.senior2 #top-image .interview-head .faq::after {
	background: linear-gradient(0deg, #41c681, #41db84);
}
.senior3 #top-image .interview-head .faq::after {
	background: linear-gradient(0deg, #ffc600, #ffdb00);
}
.senior4 #top-image .interview-head .faq::after {
	background: linear-gradient(0deg, #fdb67b, #fd9278);
}
.interview .schedule {
	width: 100%;
	background-image: url("../../images/page_bg_l.svg"),url("../../images/page_bg_r.svg");
	background-position: left -15% bottom,right -15% top;
	background-repeat: no-repeat;
	background-size: 35%,40%;
	margin: min(8%, 80px) 0 0;
}
@media only screen and (min-width:1600px) {
	.interview .schedule {
		background-position: left -15% bottom,right -15% top;
		background-size: auto 70%,auto 85%;
	}
}
.interview .schedule .inner {
	width: 90%;
	max-width: 1200px;
	position: relative;
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto;
}
.interview .schedule .inner h1 {
	width: 300px;
	height: 300px;
	position: relative;
	background-color: #2baae9;
	border-radius: 50%;
}
.senior2 .schedule .inner h1 {
	background-color: #81cc4e;
}
.senior3 .schedule .inner h1 {
	background-color: #ffcc00;
}
.senior4 .schedule .inner h1 {
	background-color: #fe9b44;
}
.interview .schedule .inner h1 span {
	width: 100%;
	display: inline-block;
	position: absolute;
	color: #FFF;
	text-align: center;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	z-index: 1;
}
.senior3 .schedule .inner h1 span {
	color: #000;
}
.interview .schedule .inner .item {
	flex: 1;
	padding-left: 5%;
}
.interview .schedule .inner .item dl {
	width: 100%;
}
.interview .schedule .inner .item dl dt {
	width: 100%;
	position: relative;
	font-size: clamp(1.6rem, 2.4vw, 2.8rem);
	line-height: 160%;
	background-color: #fff;
	text-align: left;
	border: 3px solid #000;
	border-radius: 60px;
	padding: .6em 30px;
}
.interview .schedule .inner .item dl dt span {
	width: 4.8em;
	display: inline-block;
}
.interview .schedule .inner .item dl dt span::before {
	content: " ";
	display: inline-block;
	width: 20px;
	line-height: 160%;
	vertical-align: middle;
	aspect-ratio: 1 / 1;
	background-color: #2baae9;
	clip-path: circle(50% at 50% 50%);
	margin-right: .5em;
	z-index: 1;
}
.senior2 .schedule .inner .item dl dt span::before {
	background-color: #81cc4e;
}
.senior3 .schedule .inner .item dl dt span::before {
	background-color: #ffcc00;
}
.senior4 .schedule .inner .item dl dt span::before {
	background-color: #fe9b44;
}
.senior1 .schedule .inner .item dl dt span {
	color: #2baae9;
}
.senior2 .schedule .inner .item dl dt span {
	color: #81cc4e;
}
.senior3 .schedule .inner .item dl dt span {
	color: #ffcc00;
}
.senior4 .schedule .inner .item dl dt span {
	color: #fe9b44;
}
.interview .schedule .inner .item dl dd {
	width: 100%;
	position: relative;
	margin: 0 0 0 auto;
	padding: 1.5em 5% 1.5em 80px;
}
.interview .schedule .inner .item dl dd .sc-photo {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center; 
}
.interview .schedule .inner .item dl dd .sc-photo p {
	width: 50%;
}
.interview .schedule .inner .item dl dd .sc-photo div {
	width: 45%;
}
.interview .schedule .inner .item dl dd .sc-photo img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.interview .schedule .inner .item dl dd::before {
	content: " ";
	display: block;
	position: absolute;
	width: 5px;
	height: 96%;
	background-color: #999;
	top: 0;
	left: 40px;
	z-index: 1;
}
.interview .schedule .inner .item dl dd::after {
	content: " ";
	display: block;
	position: absolute;
	width: 19px;
	height: 17px;
	background-color: #999;
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	left: 43px;
	bottom: 0;
	transform: translate(-50%, 0);
	z-index: 1;
}

.interview .schedule .inner .item dl:nth-last-of-type(1) dd::before,.interview .schedule .inner .item dl:nth-last-of-type(1) dd::after {
	display: none;
}

.senior-menu {
	width: 90%;
	max-width: 1280px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.senior-menu li {
	width: 30%;
	margin-top: min(6%, 60px);
}
.senior-menu li h3 {
	font-size: clamp(1.6rem, 2.2vw, 2.8rem);
	font-weight: 500;
	line-height: 140%;
	text-align: center;
	margin: 1em 0 0;
}
.senior-menu li p {
	font-size: clamp(1.4rem, 2vw, 2rem);
	font-weight: 500;
	line-height: 160%;
	text-align: center;
	margin-bottom: 1em;
}
.senior-menu li img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.result {
	padding: 0 0 min(12%, 120px);
}
.result .result-head {
	width: 90%;
	max-width: 1000px;
	position: relative;
	margin: 0 auto;
	padding: min(8%, 80px) 0 min(3%, 30px);
}
.result .result-head span {
	display: block;
	position: absolute;
	width: 17.5%;
	aspect-ratio: 1 / 1;
	background-image: url("../../works/images/mark1.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 1;
}
.type2 .result-head span {
	background-image: url("../../works/images/mark2.png");
}
.type3 .result-head span {
	background-image: url("../../works/images/mark3.png");
}
.type4 .result-head span {
	background-image: url("../../works/images/mark4.png");
}
.result .result-head span#mark1 {
	top: 25%;
	left: 8%;
}
.result .result-head span#mark2 {
	background-size: 70%;
	left: -3%;
	bottom: -3%;
}
.result .result-head span#mark3 {
	background-size: 60%;
	top: 0;
	right: 8%;
}
.result .result-head span#mark4 {
	background-size: 70%;
	bottom: 0;
	right: -5%;
}
.result .result-head h1 {
	position: relative;
	font-size: clamp(3rem, 5vw, 6rem);
	line-height: 140%;
	font-weight: 600;
	text-align: center;
	z-index: 2;
}
.result .result-head h2 {
	width: 100%;
	max-width: 360px;
	font-size: clamp(2rem, 2.8vw, 3.2rem);
	color: #FFF;
	text-align: center;
	background-color: #2baae9;
	border: 4px solid #000;
	border-radius: 60px;
	margin: 0 auto 1em;
	padding: .4em 1em;
	z-index: 2;
}
.type2 .result-head h2 {
	background-color: #81cc4e;
}
.type3 .result-head h2 {
	color: #000;
	background-color: #ffcc00;
}
.type4 .result-head h2 {
	background-color: #fe9b44;
}
.result .inner {
	width: 90%;
	max-width: 1000px;
	position: relative;
	margin: 0 auto;
}
.result .inner dl {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center; 
	margin-bottom: min(6%, 40px)
}
.result .inner dl dt {
	width: 220px;
	display: grid;
  	place-content: center;
	position: relative;
	aspect-ratio: 1 / 1;
}
.result .inner dl dt span {
	display: block;
	position: relative;
	text-align: center;
	color: #FFF;
	font-size: clamp(1.8rem, 2.4vw, 2.6rem);
	line-height: 160%;
	font-weight: 700;
	z-index: 1;
}
.type3 .inner dl dt span {
	color: #000;
}
.result .inner dl dt::before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: #2baae9;
	/*border: 4px solid #000;*/
	top: 0;
	left: 0;
	z-index: 1;
}
.type2 .inner dl dt::before {
	background-color: #81cc4e;
}
.type3 .inner dl dt::before {
	background-color: #ffcc00;
}
.type4 .inner dl dt::before {
	background-color: #fe9b44;
}
.result .inner dl dd {
	flex: 1;
	font-size: clamp(1.4rem, 2vw, 2rem);
	line-height: 180%;
	padding-left: 5%;
}
.result .inner dl dd li {
	border-bottom: 3px solid #CCC;
	padding: .4em 0;
}
.result .inner .banner {
	display: block;
	position: relative;
}
.result .inner img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.result .inner .type-menu {
	margin-top: min(6%, 60px)
}
.result .inner .type-menu li {
	width: 33.33%;
}


@media only screen and (min-width:1px) and (max-width: 1280px) {
	
	.interview #top-image .interview-head .faq .senior-photo {
		width: 60%;
	}
	.interview #top-image .interview-head .faq .inner .item {
		width: 425px;
		position: relative;
		padding: 6em 1em;
	}
	.interview #top-image .interview-head .faq .inner .item .q {
		width: 18%;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, 10%);
		z-index: 1;
	}
	.interview #top-image .interview-head .faq .inner .item p {
		padding: 1em 3em;
	}
	
}

@media only screen and (min-width:1px) and (max-width: 1020px) {
	
	.ace .ace-txt .inner section .ace-head {
		display: block;
	}
	.ace .ace-txt .inner section .ace-head > h2 {
		width: 100%;
		display: block;
		align-items: center; 
		text-align: center;
		background-color: #ffcc00;
		border-radius: 10px;
		border: 3px solid #000;
		margin-bottom: 4%;
		padding: .5em 1em;
	}
	.ace .ace-txt .inner section .ace-head > h2 span {
		width: 100%;
		display: block;
		text-align: center;
	}
	.ace .ace-txt .inner section .ace-head .info {
		width: 100%;
		background-position: center top 6%;
		background-repeat: no-repeat;
		background-size: 18%;
		border-radius: 10px;
		padding: 32% 5% 2em 5%;
	}
	.ace .ace-txt .inner section .ace-head .info > h2 {
		text-align: center;
	}
	.visual #top-image .head-effect #ef1 {
		background-position: 18% 70%;
	}
	.visual #top-image .head-effect #ef3 {
		background-image: url("../../images/head_obj3.png");
		background-position: right 4% top 32%;
		background-size: 12.5%;
	}
	.visual #top-image .head-effect #ef5 {
		background-image: url("../../images/head_obj5_3.png");
		background-position: left -6% bottom;
		background-size: 32%;
	}
	.visual #top-image .head-effect #ef6 {
		background-image: url("../../images/head_obj6_3.png");
		background-position: left -6% bottom;
		background-size: 31.25%;
	}
	.type #top-image .head-effect #ef1 {
		background-position: 18% 70%;
	}
	.type #top-image .head-effect #ef3 {
		background-image: url("../../images/head_obj3.png");
		background-position: right 4% top 32%;
		background-size: 12.5%;
	}
	.type #top-image .head-effect #ef5 {
		background-image: url("../../images/head_obj5_3.png");
		background-position: left -6% bottom;
		background-size: 32%;
	}
	.type #top-image .head-effect #ef6 {
		background-image: url("../../images/head_obj6_3.png");
		background-position: left -6% bottom;
		background-size: 31.25%;
	}
	.environment #top-image .inner {
		width: 100%;
	}
	.environment #top-image .inner .photo {
		width: 45%;
	}
	.environment #top-image .inner .txt {
		width: 55%;
		padding-left: 5%;
	}
	.environment #top-image .inner .txt p {
		margin-top: 1em;
	}
	
	.interview #top-image .interview-head .faq .senior-photo {
		width: 50%;
		position: relative;
		left: 0;
		bottom: 0;
		transform: translate(0, 0);
		margin: 0 auto;
	}
	.interview #top-image .interview-head .faq::after {
		border-radius: 20px;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	.interview #top-image .interview-head .faq .inner {
		width: 95%;
		display: block;
		margin: 0 auto;
		z-index: 4;
	}
	.interview #top-image .interview-head .faq .inner .item {
		width: 100%;
		position: relative;
		background-image: none;
		background-color: #fff;
		border-radius: 20px;
		margin: 0 auto 2%;
		padding: 1em .5em;
	}
	.interview #top-image .interview-head .faq .inner > div:nth-last-of-type(1) {
		margin: 0 auto;
	}
	.interview #top-image .interview-head .faq .inner .item .q {
		width: 3em;
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		margin: 0 auto 1em;
		z-index: 1;
	}
	.interview #top-image .interview-head .faq .inner .item h2 {
		height: initial;
		height: auto;
	}
	.interview #top-image .interview-head .faq .inner .item h2 br {
		display: none;
	}
	.interview #top-image .interview-head .faq .inner .item p {
		padding: 1em 1em;
	}
	
	
	
}
@media only screen and (min-width:1px) and (max-width: 768px) {
	
	.environment .nfaq-txt .inner > section {
		border-radius: 20px;
	}
	.environment .nfaq-txt .inner > section dl {
		border-radius: 20px;
	}
	.environment .nfaq-txt .inner > section dl dt {
		background-position: left 5% center;
		background-repeat: no-repeat;
		background-size: 8%;
		padding: 1.2em 1.5em 1.2em 15%;
	}
	.environment .nfaq-txt .inner > section dl dt {
		background-position: left 5% center;
		background-repeat: no-repeat;
		background-size: 8%;
		padding: 1.2em 1.5em 1.2em 15%;
	}
	
	.visual .visual-txt {
		width: 100%;
		position: relative;
		background-image: url("../../about/images/visual_bg_lt.png"),url("../../about/images/visual_bg_lb.png"),url("../../about/images/visual_bg_rc.png"),url("../../about/images/visual_bg_rb.png");
		background-position: left top 10%,left bottom 20%,right top 30%,right bottom;
		background-repeat: no-repeat;
		background-size: 80%;
	}
	.visual .visual-txt .inner section {
		flex-direction: column-reverse;

	}
	.visual .visual-txt .inner section:nth-of-type(even) {
		flex-direction: column-reverse;

	}
	.visual .visual-txt .inner section:nth-last-of-type(1) {
		margin-bottom: 0;
	}
	.visual .visual-txt .inner section .txt {
		width: 100%;
		text-align: center;
	}
	.visual .visual-txt .inner section:nth-of-type(even) .txt {
		text-align: center;
	}
	.visual .visual-txt .inner section .txt h1 {
		font-family: "Roboto Condensed", sans-serif;
		font-size: clamp(3rem, 8vw, 10rem);
		line-height: 140%;
		font-weight: 600;
	}
	.visual .visual-txt .inner section .txt h2 {
		font-weight: 600;
	}
	.visual .visual-txt .inner section .txt p {
		margin: 1em 0 2em;
	}
	.visual .visual-txt .inner section .txt .button {
		max-width: 240px;
		margin: 0 auto 6%;
		padding: .6em 1em;
	}
	.visual .visual-txt .inner section:nth-of-type(even) .txt .button {
		max-width: 240px;
		margin: 0 auto 6%;
		padding: .6em 1em;
	}
	.visual .visual-txt .inner section .photo {
		width: 70%;
		max-width: 455px;
	}
	.type .type-txt .type-info .type-menu li::before {
		width: 90%;
	}
	.type-menu li {
		padding: 0 2%;
	}
	.environment .welfare-txt {
		width: 100%;
		background-position: right top 8%,left center,right bottom;
	}
	.environment .welfare-txt .inner section {
		border-radius: 20px;
	}
	.environment .welfare-txt .inner section dl {
		width: 100%;
		display: flex;
		flex-flow: column-reverse wrap;
		align-items: center; 
	}
	.environment .welfare-txt .inner section dl dt {
		width: 80%;
		max-width: 480px;
		position: relative;
		top: 0;
		right: 0;
		transform: translate(0, 0);
		z-index: 1;
		margin-top: 5%;
	}
	.environment .welfare-txt .inner section:nth-of-type(even) dl dt {
		right: initial;
		right: auto;
		left: 0;
		transform: translate(0, 0);
	}
	.environment .welfare-txt .inner section dl dd {
		width: 100%;
	}
	.environment .welfare-txt .inner section:nth-of-type(even) dl dd {
		margin: 0 0 0 auto;
	}
	.environment .welfare-txt .inner section dl dd h1 {
		width: 80%;
		margin: 0 auto;
	}
	.environment .welfare-txt .inner section dl dd h2 {
		text-align: center;
		margin: .5em 0 .4em;
	}
	
	.environment .faq-txt .inner section dl {
		width: 100%;
		flex-direction: column;
		max-width: 568px;
	}
	.environment .faq-txt .inner section dl dt {
		width: 80%;
		max-width: 360px;
		margin: 0 auto 5%;
	}
	.environment .faq-txt .inner section dl dd {
		width: 100%;
	}
	
	.environment .number-txt {
		margin-top: min(5%, 40px);
	}
	.environment .number-txt .inner > section {
		position: relative;
		border: 3px solid #000;
		border-radius: 20px;
		padding: 8% 5%;
	}
	.environment .number-txt .inner > section > h1 {
		width: 90%;
		height: initial;
		height: auto;
		position: absolute;
		writing-mode: horizontal-tb;
		text-align: center;
		line-height: 160%;
		border-radius: 60px;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: .5em 1em;
	}
	.environment .number-txt .inner > section > h1 span {
		display: inline;
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		z-index: 1;
	}
	.environment .number-txt .inner > section > ul {
		width: 100%;
		flex-direction: column;
	}
	.environment .number-txt .inner > section > ul > li {
		width: 100%;
		position: relative;
		border-radius: 20px;
		margin: 60px 0 0;
		padding: 60px 2% 4%;
	}
	.environment .number-txt .inner > section > ul > li.full .culmn {
		width: 100%;
		flex-direction: column;
		align-items: center; 
	}
	.environment .number-txt .inner > section > ul > li.full .culmn dl {
		width: 100%;
		max-width: 300px;
		display: table;
		margin: 0 0 2%;
	}
	.environment .number-txt .inner > section > ul > li.full .culmn dl dt {
		width: 100px;
		display: table-cell;
		vertical-align: middle;
	}
	.environment .number-txt .inner > section > ul > li.full .culmn dl dt img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.environment .number-txt .inner > section > ul > li.full .culmn dl dd {
		display: table-cell;
		vertical-align: middle;
	}
	
	.interview .schedule .inner {
		width: 90%;
		max-width: 1200px;
		position: relative;
		display: block;
		margin: 0 auto;
	}
	.interview .schedule .inner h1 {
		width: 100%;
		height: initial;
		height: auto;
		border-radius: 10px;
		margin-bottom: 1em;
		padding: .5em 1em;
	}
	.interview .schedule .inner h1 span {
		width: 100%;
		display: inline-block;
		position: relative;
		color: #FFF;
		text-align: center;
		top: 0;
		left: 0;
		transform: translate(0, 0);
		z-index: 1;
	}
	.interview .schedule .inner .item {
		flex: none;
		padding-left: 0;
	}
	.interview .schedule .inner .item dl {
		width: 100%;
	}
	.senior1 .schedule .inner .item dl dt span::before {
		content: " ";
		display: inline-block;
		width: 20px;
		aspect-ratio: 1 / 1;
		background-color: #2baae9;
		clip-path: circle(50% at 50% 50%);
		margin-right: .5em;
		z-index: 1;
	}
	.interview .schedule .inner .item dl dd {
		width: 100%;
		position: relative;
		margin: 0 0 0 auto;
		padding: 1.5em 5% 1.5em 80px;
	}
	.interview .schedule .inner .item dl dd .sc-photo {
		width: 100%;
		max-width: 340px;
		flex-direction: column;
		margin: 0 auto;
	}
	.interview .schedule .inner .item dl dd .sc-photo p {
		width: 100%;
		margin-bottom: 1em;
	}
	.interview .schedule .inner .item dl dd .sc-photo div {
		width: 100%;
	}
	.interview .schedule .inner .item dl dd .sc-photo img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.interview .schedule .inner .item dl dd::before {
		content: " ";
		display: block;
		position: absolute;
		width: 5px;
		height: 96%;
		background-color: #999;
		top: 0;
		left: 40px;
		z-index: 1;
	}
	.interview .schedule .inner .item dl dd::after {
		content: " ";
		display: block;
		position: absolute;
		width: 19px;
		height: 17px;
		background-color: #999;
		clip-path: polygon(50% 100%, 0 0, 100% 0);
		left: 43px;
		bottom: 0;
		transform: translate(-50%, 0);
		z-index: 1;
	}

	.senior-menu {
		width: 90%;
		max-width: 1280px;
		display: block;
		margin: 0 auto;
	}
	.senior-menu li {
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center; 
	}
	.senior-menu li .photo {
		width: 45%;
	}
	.senior-menu li .txt {
		width: 50%;
	}
	.senior-menu li h3 {
		text-align: left;
		margin: 0;
	}
	.senior-menu li .button {
		width: 100%;
	}
	.senior-menu li p {
		text-align: left;
	}
	.result {
		padding: min(6%, 60px) 0 min(12%, 120px);
	}
	
	.result .result-head h1 {
		padding: 2% 0 5%;
	}
	.result .result-head h2 {
		border: 3px solid #000;
		padding: .5em 1em;
	}
	
	.result .result-head span#mark1 {
		background-size: 50%;
		top: 40%;
		left: 0;
	}
	.result .result-head span#mark2 {
		background-size: 30%;
		left: -3%;
		bottom: -3%;
	}
	.result .result-head span#mark3 {
		background-size: 40%;
		top: 40%;
		right: -5%;
	}
	.result .result-head span#mark4 {
		background-size: 40%;
		bottom: 0;
		right: -8%;
	}
	.result .inner dl {
		width: 100%;
		display: block;
	}
	.result .inner dl dt {
		width: 100%;
		display: block;
		place-content: center;
		position: relative;
		aspect-ratio: auto;
		margin-bottom: 1em;
		padding: .8em 1em;
	}
	.result .inner dl dt br {
		display: none;
	}
	.result .inner dl dt::before {
		content: " ";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		aspect-ratio: auto;
		border-radius: 10px;
		border: none;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.result .inner dl dd {
		padding-left: 0;
	}
	.result .inner dl dd li {
		border-bottom: 1px solid #CCC;
		padding: .4em 0;
	}
	.result .inner img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
	.result .inner .type-menu ul {
		width: 90%;
		max-width: 480px;
	}
	.result .inner .type-menu li {
		width: 50%;
		position: relative;
		margin: 10% 0;
		padding: 0 5%;
	}
	.result .inner .type-menu li a {
		font-size: clamp(1.6rem, 2vw, 2rem);
	}
	
}

@media only screen and (min-width:1px) and (max-width: 568px) {
	

}
	
@media only screen and (min-width:1px) and (max-width: 480px) {
	

}