@charset "utf-8";
/*
	Last Update: 10/2
	Auther:大嶋
*/
/*===================================================================
	page layout
===================================================================*/
#page_title { position:relative; }
#page_title .img_back { height:35vw; max-height:370px; }
#page_title .title_wrap { text-align:center; }
#page_title .main { font-weight:bold; }
#page_title .sub {}
	@media (max-width: 767px){
		#page_title .img_back { height:250px; }
		#page_title .main { font-size:2em; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#page_title .img_back { height:50vw; max-height:370px; }
		#page_title .main { font-size:2.25em; letter-spacing:3px; }
	}
	@media (min-width: 992px){
		#page_title .img_back { height:35vw; max-height:370px; }
		#page_title .main { font-size:2.5em; letter-spacing:3px; }
	}

#pankuzu { font-size:13px; padding-top:10px; padding-bottom:10px; }
#pankuzu a {}
#pankuzu li, #pankuzu li:before { vertical-align:baseline; line-height:100%; }
#pankuzu li:before { display:inline-block; }
#pankuzu ul > li:not(:first-child):before { content:"/"; margin:0 8px; color:#D9D9D9; }
body.pc #pankuzu a:hover { text-decoration:underline; }
	@media (max-width: 575px){
		#pankuzu ul { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
		#pankuzu li { display:inline; }
	}
	@media (min-width: 576px){
		#pankuzu li { display:inline-block; }
	}



.entry ul > li:before { content:"●"; color:; }
.entry ul > li > ul > li:before { content:"■"; color:; }
.entry ol > li:before { color:; }
.entry ol > li > ol > li:before { color:; }
.entry table thead th { background:; color:; }
.entry table thead td { background:; color:; }
.entry table tbody th { background:; color:; }
.entry table tbody td { background:; color:; }



.up{animation-name: fadeUp; animation: fadeUp 3s ease-in-out infinite;animation-fill-mode: both;}
@keyframes fadeUp{
	0%   { transform: translateY(0); }
  	50%  { transform: translateY(-12px); } 
  	100% { transform: translateY(0); }
}
.back_decoration{position: relative;}
.back_decoration .v1{height: auto; display: block;position: absolute;content: "";}
.back_decoration .v1 img{width: 100%;}
.breadcrumb{display: flex;padding-bottom: 20px;}
.breadcrumb a{color: #666666;text-decoration: underline;}
.breadcrumb p{margin-left: 10px;}

/*=============================
インタビュー
==============================*/
@media (max-width: 575px){
	.interview{margin-bottom: 120px;border-radius: 20px;}
}
#interview .back_decoration .back_icon1{width: 9%; top: 5%;left: 25%;z-index: -1;}
#interview .back_decoration .back_icon2{width: 9%; top: 10%;right: 20%;z-index: -1;}
#interview .back_decoration .back_icon3{width: 18%; bottom: 10%;left: 0;z-index: -1;}
#interview .back_decoration .back_icon4{width: 12%; top: 0;right: 15%;z-index: -1;}
#interview .back_decoration .back_icon5{width: 10%; top: 30%;left: 15%;z-index: -1;}
#interview .back_decoration .back_icon6{width: 18%; bottom: 7%;right: 0;z-index: -1;}
#interview .back_decoration .back_icon7{width: 8%; top: 3%;left: 8%;z-index: -1;}
#interview .back_decoration .back_icon8{width: 8%; bottom: 15%;right: 5%;z-index: -1;}
#interview .back_decoration .back_icon9{width: 10%; bottom: 3%;left: 0;z-index: -1;}
#interview .back_decoration .back_icon9 img{height: 180px;}
#interview .back_decoration .back_icon10{width: 8%; bottom: 3%;right: 32%;z-index: -1;}
#interview .back_decoration .back_icon11{width: 8%; top: 5%;right: 22%;z-index: -1;}
#interview .back_decoration .back_icon12{width: 12%; top: 2%; right: 7%; max-width:144px;}
#interview .back_decoration .back_icon13{width: 14%; bottom: -40px; left: 0;}
#interview .back_decoration .back_icon14{width: 23%; bottom: -40px; right: 0;}
#interview .employee_introduction { padding-top:104px; }
	@media (min-width: 768px) and (max-width: 991px) {
		#interview .employee_introduction .profile_wrap:has(.profile) { display:flex; align-items:start; flex-flow:row-reverse; }
		#interview .employee_introduction .profile_wrap:has(.profile) .image { width:40%; }
		#interview .employee_introduction .profile { width:calc(60% - 20px); margin-right:20px; }
	}
	@media (max-width: 991px) {
	#interview .employee_introduction .image{ margin:0 auto 40px; max-width:600px; }
	}
	@media (min-width: 992px) {
		#interview .employee_introduction { display: flex; align-items:center; }
		#interview .employee_introduction:has(.profile) { align-items:end; }
		#interview .employee_introduction .text{width: 54%;}
		#interview .employee_introduction .image{width: 46%;}
	}
#interview .employee_introduction .text .introduction{font-weight: bold;font-size: 1.2rem;}
#interview .employee_introduction .text .introduction_title{ font-size:36px; padding-top: 15px;padding-bottom: 15px;}
#interview .employee_introduction .text .name{position: relative;padding-left: 10px;font-weight: 500;margin-bottom: 25px;}
#interview .employee_introduction .text .name span{font-size: 0.8rem;}
#interview .employee_introduction .text .name span.san{font-size: 0.6rem;}
#interview .employee_introduction .text .name p{line-height: 1.2rem;}
#interview .employee_introduction .text .name::before{content: "";position: absolute;top: 0;left: 0;width: 3px; height: 100%;background:linear-gradient(to bottom, #FFE985,#ABFFB5,#83EAFF );mask-composite: intersect;z-index: 999;}
#interview .employee_introduction .text .profile{background: #F6F7F9; padding:20px 16px 16px; border-radius:12px; }
#interview .employee_introduction .image img{border-radius: 10px;width: 100%;object-fit: cover;aspect-ratio: 640 / 800;}
	@media (min-width: 992px) {
		#interview .employee_introduction .text .profile { width: 85%; max-width:540px; }
	}
#interview .employee_introduction .text .profile .cl{padding: 16px 0;border-bottom: 1px solid #D7DCE4;}
#interview .employee_introduction .text .profile .cl:last-child{border-bottom: none;}
#interview .employee_introduction .text .profile .cl span{padding-left: 20px;font-weight: bold;position: relative;line-height: 1;font-size: 1rem;}
#interview .employee_introduction .text .profile .cl span::before{content: ""; position: absolute;top: 50%;transform: translateY(-50%);  left: 0;width: 12px;height: 12px;}
#interview .employee_introduction .text .profile .cl.v1 span::before{background: #FCD41A;}
#interview .employee_introduction .text .profile .cl.v2 span::before{background: #00A23F;}
#interview .employee_introduction .text .profile .cl.v3 span::before{background: #2AEDFF;}
#interview .employee_introduction .text .profile .cl p{font-size: 1rem;line-height: 1.3;}
@media (max-width:767px) {
	#interview .employee_introduction .text .profile{width: 100%;margin-bottom: -20px;}
	#interview .back_decoration .back_icon1{width: 20%;top: 0;left: 32%;z-index: -1;}
	#interview .back_decoration .back_icon2{width: 17%;top: 48%;right: 4%;z-index: -1;}
	#interview .back_decoration .back_icon3{width: 20%;bottom: -10%;left: 0;z-index: -1;}
	#interview .back_decoration .back_icon4{width: 15%; top: 50%;bottom: 0; left: 0;z-index: -1;}
	#interview .back_decoration .back_icon5{width: 13%; top: 30%;left: 15%;z-index: -1;}
	#interview .back_decoration .back_icon6{width: 20%; bottom: 55%;right: 0;z-index: -1;}
	#interview .back_decoration .back_icon7{width: 15%; top: 2%;left: 0%;z-index: -1;}
	#interview .back_decoration .back_icon7 img{border-radius: 50%;}
	#interview .back_decoration .back_icon8{width: 13%;bottom: 35%;right: 1%;z-index: -1;}
	#interview .back_decoration .back_icon9{width: 12%; bottom: 3%;left: 0;z-index: -1;}
	#interview .back_decoration .back_icon9 img{height: 100px;}
	#interview .back_decoration .back_icon10{width: 8%; bottom: 7%;right: 32%;z-index: -1;}
	#interview .back_decoration .back_icon11{width: 13%;top: 9%;right: 0%;;z-index: -1;}
	#interview .back_decoration .back_icon12{width: 15%; top: 8%;right: 7%;}
	#interview .back_decoration .back_icon13{width: 25%; bottom: 0; left: 0;}
	#interview .back_decoration .back_icon14{width: 38%; bottom: 0; right: 0;}
}
@media (max-width:575px){
	#interview .back_decoration .back_icon2{top: 35%;}
	#interview .back_decoration .back_icon12{top: 3%;}
	#interview .back_decoration .back_icon13{width: 35%; bottom: 0; left: 0;}
	#interview .back_decoration .back_icon14{width: 23%; bottom: 0; right: 0;}
	#interview .back_decoration .back_icon14 img{border-radius: 50%;}
}
@media (max-width:425px){
	#interview .back_decoration .back_icon2{top: 30%;}
	#interview .back_decoration .back_icon3{ width: 30%;}
	#interview .back_decoration .back_icon4{ width: 20%; top: 33%;}
	#interview .back_decoration .back_icon6{ width: 22%;bottom: 71%;}
	#interview .back_decoration .back_icon7{width: 20%;}
	#interview .back_decoration .back_icon8{ width: 15%; bottom: 22%;}
	#interview .back_decoration .back_icon9{ width: 18%;}
	#interview .back_decoration .back_icon9 img{ height: 80px;}
	#interview .back_decoration .back_icon11{width: 19%;}
	#interview .back_decoration .back_icon12{width: 20%;}
	#interview .back_decoration .back_icon13{width: 45%;}
	#interview .back_decoration .back_icon14{width: 24%;}
	#interview .timeline::after{ bottom: -70px;left: -55px;background-size: 165px 165px;width: 165px;height: 165px;}
}
#interview .faq .image { position:relative; width:67%; max-width:800px; border-radius:10px; overflow:hidden; }
#interview .faq .image.v2{ width:100%; max-width:1040px; margin: 0 auto;}
#interview .faq .text { position:relative; z-index:2; width:77%; max-width:930px; }
#interview .faq .image.v2 img { width:100%; }
#interview .faq .unit_r{margin-left: auto;}
#interview .faq .unit_l{margin-right: auto;}
#interview .faq .text p:first-child{font-size: 1.3rem;margin-bottom: 15px;}
#interview .faq .text h3{font-size: 1.85rem;margin-bottom: 20px;}
#interview .faq .text p:last-child{font-size: 1.1rem;}
@media (max-width:425px){
	#interview  .faq .text h3{font-size: 1.1rem;}
}
@media (min-width:426px) and (max-width:575px) {
	#interview  .faq .text h3{font-size: 1.3rem;}
}
@media (max-width:575px) {
	#interview .faq .text p:first-child{font-size: 1.1rem;}
	#interview .faq .text p:last-child{font-size: 1rem;}
}
@media (max-width:767px) {
	#interview .faq .image{
		width:100%;
		max-width:inherit;
		margin-top:20px;
		position: relative;
	}
	#interview .faq .image.q1 span{
		position: absolute;
		content: "";
		bottom: -1px;
		right: 0;
		width: 60%;
		height: 23%;
		background-color: #ffffff;
		border-radius: 10px 0 0 0;
	}
	#interview .faq .image.q2 span{
		position: absolute;
		content: "";
		bottom: -1px;
		left: 0;
		width: 60%;
		height: 23%;
		background-color: #ffffff;
		border-radius: 0 10px 0 0;
	}
	#interview .faq .image.q3 span{
		position: absolute;
		content: "";
		top: -1px;
		right: 0;
		width: 60%;
		height: 23%;
		background-color: #ffffff;
		border-radius: 0 0 0 10px;
	}
	#interview .faq .text{
		width: 100%;
		margin-top:20px;
	}
}
@media (min-width: 768px) {
	#interview .faq .image::after { content:""; display:block; position:absolute; width:50px; height:50px; z-index:2; }
	#interview .faq .image.unit_l::after { border-radius:0 0 25px 0; box-shadow:25px 25px 0 #fff; bottom:100px; right:0; }
	#interview .faq .text.unit_r + .image.unit_l::after { border-radius:0 25px 0 0; box-shadow:25px -25px 0 #fff; bottom:auto; top:100px; }
	#interview .faq .image.unit_r::after { border-radius:0 0 0 25px; box-shadow:-25px 25px 0 #fff; bottom:100px; left:0; }
	#interview .faq .text { margin-top:-100px; background:#fff; border-radius:25px; }
	#interview .faq .text::before { content:""; display:block; position:absolute; width:50px; height:50px; z-index:2; }
	#interview .faq .text.unit_l::before { border-radius:0 0 0 25px; box-shadow:-25px 25px 0 #fff; top:50px; right:-50px; }
	#interview .faq .text.unit_r::before { border-radius:0 0 25px 0; box-shadow:25px 25px 0 #fff; top:50px; left:-50px; }
	#interview .faq .text.v2 { margin-top:0; }
	#interview .faq .text.v2 + .image { margin-top:-100px; }
	#interview .faq .text.v2.unit_r::before { border-radius:0 25px 0 0; box-shadow:25px -25px 0 #fff; top:auto; bottom:50px; }
}
@media (min-width: 768px) and (max-width: 991px){
	#interview .faq .text.unit_l { padding:70px 60px 0 20px; }
	#interview .faq .text.unit_r { padding:70px 20px 0 60px; }
	#interview .faq .text.v2 { padding:70px 20px 70px 60px; }
}
@media (min-width: 992px){
	#interview .faq .text { padding:70px 60px 0 80px; }
	#interview .faq .text.v2 { padding:70px 80px 70px 60px; }
}



#interview .timeline {
  position: relative;
  padding: 40px;
  background: #F6F7F9;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
}
#interview .timeline::after{
	position: absolute;
	content: "";
	bottom: -80px;
	left: -40px;
	background-image: url(../img/icon/icon2.png) !important;
	background-repeat: no-repeat !important;
	background-size: 200px 200px;
	width: 200px;
	height: 200px;
}
#interview .timeline-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
#interview .timeline-header img{width: 70px;height: 70px;border-radius: 50px;object-fit: cover;}
#interview .timeline-header span{padding-left: 12px;font-weight: 500;font-size: 0.9rem;}
#interview .timeline-header .title {
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  padding-left: 12px;
}
#interview #interview .timeline-header .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 6px;
  height: 100%;
  background: linear-gradient(to bottom, #FFD700, #ADFF2F, #40E0D0, #1E90FF);
  border-radius: 3px;
}

#interview .timeline-times {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
#interview .timeline-times .time {
  color: #aaa;
  cursor: pointer;
  position: relative;
  padding: 0 10px 2px 15px;
  width: 65px;
  margin-right: 10px;
    z-index: 999;
}
#interview .timeline-times .time::before{content: ""; position: absolute;top: 50%;transform: translateY(-50%);  left: 0;width: 10px;height: 10px;background: #D7DCE4;border-radius: 3px;}
#interview .timeline-times .time.active {border-bottom: 3px solid #FFC33D;color: #000;position: relative;padding: 0 0 2px 15px;font-weight: bold;}
#interview .timeline-times .time.active::before{content: ""; position: absolute;top: 50%;transform: translateY(-50%);  left: 0;width: 10px;height: 10px;background: #FFC33D;border-radius: 3px;}
#interview .timeline-content {position: relative;border-radius: 8px;padding: 15px 0 15px 0;z-index: 999; height:calc(10.5em + 30px); overflow-y:auto;}
#interview .arrow {position: absolute;top: 50%;transform: translateY(-50%);border: none;font-size: 20px;width: 45px;height: 45px;cursor: pointer;background: transparent;}
#interview .arrow.left { left: 0px; }
#interview .arrow.right { right: 0px; }
@media (max-width:768px){
	#interview .timeline{padding: 20px;}
	#interview .timeline-times {flex-wrap: wrap;}
	#interview .timeline-times .time{margin-right: 0;width: 70px;}
	#interview .timeline-times .time.active{border-bottom: none;}
}
@media (max-width:575px) {
	#interview .employee_introduction .text .introduction_title{font-size: 1.8rem;}
	#interview  .faq .text h3{font-size: 1.3rem;}
}
@media (max-width:425px){
	#interview .employee_introduction .text .introduction{font-size: 1rem;}
	#interview .employee_introduction .text .introduction_title{font-size: 1.5rem;padding-top: 10px;}
}

/*=========================
プライムの魅力
===========================*/
#attraction .back_decoration .back_icon1{width: 9%; top: 8%;left: 1%;z-index: -1;}
#attraction .back_decoration .back_icon2{width: 17%;bottom: 0%;right: 0%;z-index: -1;}
#attraction .back_decoration .back_icon3{width: 20%;top: 7%;right: 15%;z-index: -1;}
#attraction .back_decoration .back_icon4{width: 10%;top: 51%;left: 7%;z-index: -1;}
#attraction .back_decoration .back_icon5{width: 12%;bottom: 15%;right: 20%;z-index: -1; min-width:93px;}
#attraction .back_decoration .back_icon6{width: 7%;top: 18%;right: 8%;z-index: -1;}
#attraction .back_decoration .back_icon7{width: 10%;top: 45%;left: 0%;z-index: -1;}
#attraction .back_decoration .back_icon8{width: 11%;bottom: 5%;right: 21%;z-index: -1;}
#attraction .back_decoration .back_icon9{width: 20%; bottom:0px; left: 0; z-index:2;}
#attraction .back_decoration .back_icon10{width: 31%; bottom:0px; right: 0; z-index:2;}
@media (max-width: 575px){
	#attraction .back_decoration .back_icon9{width: 36%; bottom: 0; left: 0;}
	#attraction .back_decoration .back_icon10{width: 19%; bottom: 0; right: 0;}
	#attraction .back_decoration .back_icon10 img{border-radius: 50px;}
}
@media (min-width: 576px) and (max-width: 767px){
	#attraction .back_decoration .back_icon9{width: 20%; bottom: 0; left: 0;}
	#attraction .back_decoration .back_icon10{width: 30%; bottom: 0; right: 0;}
}
@media (max-width: 767px){
	#attraction .back_decoration .back_icon1{width: 13%; top: 8%;left: 7%;}
	#attraction .back_decoration .back_icon2{width: 30%;bottom: -5%;right: 0%;}
	#attraction .back_decoration .back_icon3{width: 20%;top: 7%;right: 15%;}
	#attraction .back_decoration .back_icon4{width: 13%;top: 33%;left: 0%;}
	#attraction .back_decoration .back_icon5{width: 13%;bottom:auto; top:0px; right: 0%;min-width: 75px;}
	#attraction .back_decoration .back_icon6{width: 0%;top: 10%;right: 8%;}
	#attraction .back_decoration .back_icon7{width: 0%;top: 45%;left: 0%;}
	#attraction .back_decoration .back_icon8{width: 11%;bottom: 5%;right: 21%;}
}
@media (min-width:1440px) {
	#attraction .back_decoration .back_icon1{width: 7%;}
	#attraction .back_decoration .back_icon2{width: 15%;}
	#attraction .back_decoration .back_icon3{width: 15%;}
	#attraction .back_decoration .back_icon4{width: 8%;}
	#attraction .back_decoration .back_icon5{width: 10%;}
	#attraction .back_decoration .back_icon6{width: 5%;}
	#attraction .back_decoration .back_icon7{width: 8%;}
	#attraction .back_decoration .back_icon8{width: 9%;}
	#attraction .back_decoration .back_icon9{width: 12%;}
	#attraction .back_decoration .back_icon10{width: 21%;}
}

#attraction .employee_introduction{display: flex;align-items: flex-start;padding-top: 140px;position: relative;}
#attraction .employee_introduction::before{content: "Prime Attraction";position: absolute;bottom: 50px;left: -168px;font-size: 9rem;white-space: nowrap;color: #F2F2F2;font-weight: bold;z-index: -1;}
#attraction .employee_introduction .text{width: 60%;}
#attraction .employee_introduction .image{width: 40%;}
#attraction .employee_introduction .image img{border-radius: 10px;}
@media (max-width: 575px){
	#attraction .employee_introduction::before{font-size: 5.5rem;bottom: 15%;}
}
@media (max-width: 767px){
	#attraction .employee_introduction{ flex-direction: column;}
	#attraction .employee_introduction::before{bottom: 20%;font-size: 7rem;}
	#attraction .employee_introduction .image{width: 70%; margin-left: auto;}
	#attraction .employee_introduction .title{margin-bottom: 30px;}
	#attraction .employee_introduction .text{width: 100%;}
}
@media (max-width:1100px) {
	#attraction .employee_introduction .image img{border-radius: 0px;}
}

#attraction .over_hi{padding: 0 0 0 20px;}
@media (max-width:1100px) {
	#attraction .over_hi{overflow: hidden;}
}

#attraction .title span{padding-left: 30px;position: relative;line-height: 1;}
#attraction .title span::after,
#attraction .title span::before{position: absolute;content: "";top: 50%;transform: translateY(-50%);width: 10px;height: 10px;}
#attraction .title span::after{left: 15px;background-color: #E6001B;}
#attraction .title span::before{left: 0;background-color: #00A23F;}
#attraction .title h2{font-size: 4rem;}
#attraction .message .unit_image{width: 35%;min-width: 350px;}
#attraction .message .unit_text{width: 65%;padding: 0 10px 0 30px;}
#attraction .unit_text > p{line-height: 1.8;}
#attraction .unit_tag{padding: 15px; text-align: center;background-color: #FF6861;margin-bottom: 15px; z-index: 999;position: relative;}
#attraction .unit_tag p{color: #FFFFFF;font-size:min(2.5vw,24px);}
#attraction .name{display: flex;justify-content: flex-end;align-items: center;}
#attraction .name p{font-size: 1.2rem;}
#attraction .name span{font-size: 0.9rem;margin-right: 10px;}
@media (max-width: 575px){
	#attraction .unit_tag { padding:10px; }
	#attraction .unit_tag p { font-size:18px; }
	#attraction .unit_text{padding: 0;}
	#attraction .name p {font-size: 1.5rem;}
}
@media (min-width: 576px) and (max-width: 767px){
	#attraction .unit_tag { padding:12px; }
	#attraction .unit_tag p { font-size:20px; }
}
@media (max-width: 767px){
	#attraction .unit_tag { border-radius:50px; margin-top:-30px; }
	#attraction .unit_tag::before { content:""; position:absolute; bottom:calc(100% - 1px); left:50%; transform:translateX(-50%); width:44px; height:15px; clip-path:polygon(50% 0, 100% 100%, 0 100%); background:#FF6861; }
	#attraction .unit_tag p { padding:0 20px; }
	#attraction .unit_text > p {font-size:16px;}
	#attraction .message .unit_text img{width: 100%;border-radius: 30px;margin-top: 10px;}
	#attraction .message .unit_text{width: 100%;padding: 0 10px;}
}
@media (min-width: 768px){
	#attraction .message{display: flex; align-items: flex-start;}
	#attraction .unit_tag { border-radius:0 50px 50px 0; clip-path:polygon(3% 0, 100% 0, 100% 100%, 3% 100%, 0 50%); margin-top:15px; margin-left:-70px; width:calc(100% + 70px); }
}

#attraction .list{padding: 20px 20px 25px;background-color: #F6F7F9; border-radius:12px; }
#attraction .list img{width: 100%;}
#attraction .list .about_list_title { color: #FA6D47; font-size:28px; margin:20px 0; }
@media (max-width: 767px){
	#attraction .list { margin:20px 0; }
	#attraction .list .about_list_title { font-size:24px; }
	#attraction .list p { font-size:16px; line-height:1.8; }
}
@media (min-width: 768px){
	#attraction .list_wrap{display: flex; flex-wrap: wrap;justify-content: space-between; align-items: center;}
	#attraction .list { width:45%; margin-bottom: 20px; }
	#attraction .list.list_1{margin-top: -70px;}
	#attraction .list.list_2{ margin-top: 111px;}
	#attraction .list.list_3{margin-top: -70px;margin-left: 50px;}
}

#attraction .environment{margin-top: 40px;}
#attraction .environment_title{max-height: 80px;}
#attraction .environment_list .unit_list{background-color: #F7F6F2;padding: 28px 20px; position: relative;border-radius: 8px;}
#attraction .environment_list .unit_list h5{color: #FA6D47;padding-left: 20px;position: relative; margin-bottom:20px; font-size:18px; }
#attraction .environment_list .unit_list h5::before{position: absolute;content: "・";top: 50%;transform: translateY(-50%);left: -5px;line-height: 1;font-size: 2rem;}
	@media (max-width: 575px){
		#attraction .environment_list .unit_list{width: 100%;margin-bottom:12px; }
		#attraction .environment_list .unit_list .content {position: relative; clear:both; }
		#attraction .environment_list .unit_list .content:after{ content:"."; font-size:1px; display:block; height:0; clear:both; line-height:0; visibility:hidden; }
		#attraction .environment_list .unit_list .content .illustration {float: right;margin: 0 10px 10px 10px;width: 20%;}
		#environment .about > .image1 span{right: 2% !important; }
	}
	@media (min-width: 576px){
		#attraction .environment_list{display: flex;flex-wrap: wrap; justify-content: space-between;}
		#attraction .environment_list .unit_list{width: 48%;margin-bottom:12px;}
	}
	@media (min-width: 768px){
		#attraction .environment_list .unit_list{width: 32%; }
	}
	@media (max-width:767px) {
		#environment .about > .image1 span{position: absolute;content: "";bottom: 0;right: 10%; width: 100px;}
	}
#attraction .environment_list .unit_list p{font-size:14px;line-height: 1.8;}
#attraction .environment_list .unit_list.image1 span{position: absolute;content: "";bottom: 66%;left: 160px;width: 22%;}
#attraction .environment_list .unit_list.image2 span{position: absolute;content: "";bottom: -12%;left: 66%;width: 31%;}
#attraction .environment_list .unit_list.image3 span{position: absolute;content: "";bottom: 73%;right: 5%;width: 22%;}
#attraction .environment_list .unit_list.image4 span{position: absolute;content: "";bottom: 77%;right: -5%;width: 22%;}
#attraction .environment_list .unit_list.image5 span{position: absolute;content: "";bottom: 73%;right: 35%;width: 25%;}
#attraction .environment_list .unit_list.v2{background-color: transparent;}
@media (max-width:375px) {
	#attraction .environment_list .illustration {width: 27%;}
	#attraction .environment_list .illustration.v2{width: 40%;}
}
@media (min-width: 375px) and (max-width: 425px){
    #attraction .environment_list .illustration {width: 20%;}
	#attraction .environment_list .illustration.v2{width: 25%;}
}
@media (max-width: 425px){
	.unit_hidden{display: none !important;}
    #attraction .environment_list .title {display: flex;align-items: center;gap: 8px;}
	#attraction .environment_list .unit_list.image1 span{position: relative;content: "";bottom: 0;right: 0;width: 22%; display: block;}
	#attraction .environment_list .unit_list.image2 span{position: absolute;content: "";bottom: -10%;left: 50%;width: 40%;}
	#attraction .environment_list .unit_list.image3 span{position: absolute;content: "";bottom: 78%;right: 5%;width: 22%;}
	#attraction .environment_list .unit_list.image4 span{position: absolute;content: "";bottom: 77%;right: -5%;width: 26%;}
	#attraction .environment_list .unit_list.image5 span{position: absolute;content: "";bottom: 78%;right: 15%;width: 25%;}
    #attraction .environment_list .illustration {float: right;margin: 0 10px 10px 10px;}
}
@media (min-width: 426px) and (max-width:991px){
	#attraction .environment_list .unit_list.image1 span{position: absolute;content: "";bottom: 72%;;width: 22%;}
	#attraction .environment_list .unit_list.image2 span{position: absolute;content: "";bottom: -10%;left: 50%;width: 40%;}
	#attraction .environment_list .unit_list.image3 span{position: absolute;content: "";bottom: 78%;right: 5%;width: 22%;}
	#attraction .environment_list .unit_list.image4 span{position: absolute;content: "";bottom: 77%;right: -5%;width: 26%;}
	#attraction .environment_list .unit_list.image5 span{position: absolute;content: "";bottom: 78%;right: 15%;width: 25%;}
}

#attraction .number_wrap{background-color: #F7F6F2; }
#attraction .number_hl_wrap { display:flex; align-items:end; }
	@media (max-width: 767px){
		#attraction .number_wrap { padding-top:20px; border-radius:24px; }
		#attraction .number_hl_wrap .number_hl_image { flex:1 0 0; }
		#attraction .number_hl_wrap .hl_center4 { margin-bottom:15px; }
	}
	@media (min-width: 768px){
		#attraction .number_wrap { padding-top:50px; border-radius:45px; }
		#attraction .number_hl_wrap .hl_center4 { margin-bottom:35px; }
	}

#attraction .number_list_wrap { position: relative; }
#attraction .number_list{ width:100%; background-color: #ffffff; border-radius:8px; min-height: 180px;margin-bottom: 20px; position: relative;z-index: 1;}
#attraction .number_list .number_title { display: flex; align-items:start; justify-content: space-between; padding:15px; }
#attraction .number_list .number_title > span{background-color: #FA6D47;border-radius: 50px;padding: 4px 10px; color: #FFFFFF;line-height: 1;font-size:18px;font-weight: bold;}
	@media (max-width: 575px){
		#attraction .number_list .number_title > span { font-size:16px; padding:4px 17px; border-radius:14px; line-height:1.2; }
		#attraction .number_list .number_title > img { margin-left:10px; }
	}
	@media (min-width: 576px){
		#attraction .number_list .number_title { max-height:75px; }
	}
	@media (min-width: 576px) and (max-width: 991px){
		#attraction .number_list_wrap._number_wrap1 { display: flex; flex-wrap: wrap; justify-content:space-between; }
		#attraction .number_list_wrap._number_wrap1 > .number_list._v1 { width:48.5%; }
	}
	@media (min-width: 992px){
		#attraction .number_list_wrap { display: flex;flex-wrap: wrap;justify-content: space-between; }
		#attraction .number_list { width:32%; }
		#attraction .number_list._v2{width: 66%;}
		#attraction .number_list._v3{width: 49%;}
		#attraction .number_list4_wrap{width: 49%;}
		#attraction .number_list4_wrap > .number_list { width:100%; }
	}

#attraction .number_text_wrap { text-align:center; padding-top:20px; }
#attraction .number_list .number { font-size:100px; color: #3DD1EF; }
#attraction .number_list .number2 { font-size:60px; }
#attraction .number_list .number_text { font-size:24px; color:#282828; }
#attraction .number_list .number_text2 { text-align:center; color: #3DD1EF; font-size:20px; }
#attraction .number_list .number._color2, 
#attraction .number_list .number_text2._color2 { color:#FFB612; }
#attraction .number_list .annotation { font-size:12px; text-align:center; padding:20px 0 10px; }
	@media (max-width: 575px){
		#attraction .number_list .number { font-size:80px; }
		#attraction .number_list .number2 { font-size:45px; }
	}

/* 入社前 */
#attraction .number_list._number_study .number_text2 { padding:0 0.75em 30px 0; }
#attraction .number_list._number_study .detail_image { padding:0 30px; }
@media (max-width: 575px){
	#attraction .number_list._number_study .detail_wrap { text-align:center; padding:0 10px 10px; }
}
@media (min-width: 576px){
	#attraction .number_list._number_study .number_title { padding-bottom:0; }
	#attraction .number_list._number_study .detail_wrap { display:flex; align-items:center; justify-content:center; margin-top:-15px; padding-bottom:10px; }
}

/* 得意な開発言語 */
#attraction .number_list._number_best .number_best_dl { display:flex; justify-content:center; padding-top:45px; }
#attraction .number_list._number_best .number_best_dl dd{margin: 0 20px;}
@media (max-width: 991px){
	#attraction .number_list._number_best .detail_wrap { padding-bottom:30px; }
}
@media (min-width: 992px){
	#attraction .number_list._number_best { background:#fff url(../img/attraction/image5.png) no-repeat left bottom; }
	#attraction .number_list._number_best .detail_wrap { position: absolute; top:50%; transform: translateY(-50%); left: 0; width:100%; padding-bottom:30px; }
}
/* 通勤手段 */
#attraction .number_list._number_access .detail_wrap { text-align:center; padding:0 10px; }
@media (max-width: 575px){
	#attraction .number_list._number_access .detail_wrap { padding-bottom:20px; }
}
@media (min-width: 576px){
	#attraction .number_list._number_access .number_title { padding-bottom:0; }
}

/* アウトドア */
#attraction .number_list._number_active .detail_wrap { text-align:center; padding:0 10px; }
@media (max-width: 575px){
	#attraction .number_list._number_active .detail_wrap { padding-bottom:20px; }
}
@media (min-width: 576px){
	#attraction .number_list._number_active .number_title { padding-bottom:0; }
}