@charset "utf-8";
/*////////////////////////////////////
concept_main_top_section
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width: 768px){
#spimg{
display:none;
}

.tbimg{
display:none;
}
#concept_page_main{
padding-top:135px;
}

#concept_main_top_section{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
aspect-ratio:3000 / 940;
min-height:320px;
max-height:440px;
padding:40px;
box-sizing:border-box;
overflow:hidden;
}

.concept_main_top_picture{
position:absolute;
z-index:0;
top:0;
right:0;
bottom:0;
left:0;
display:block;
width:100%;
height:100%;
}

.concept_main_top_img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center right;
}

#concept_main_top_section:before{
position:absolute;
z-index:1;
top:0;
right:0;
bottom:0;
left:0;
content:"";
background:linear-gradient(90deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.4) 44%,rgba(255,255,255,0.18) 100%);
pointer-events:none;
}

#concept_main_top_section .main_top_section_text{
position:relative;
z-index:2;
display:block;
width:min(720px,90%);
text-align:left;
}

#concept_main_top_section .page_title{
margin:0;
padding:0;
font-size:clamp(3rem,4vw,5.2rem);
line-height:1.4;
font-weight:700;
color:#00a898;
text-align:left;
}
}
/*////////////////////////////////////
concept_main_top_section
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767px){
#pcimg{
display:none;
}

.tbimg{
display:none;
}
#concept_page_main{
padding-top:72px;
}

#concept_main_top_section{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
width:100%;
aspect-ratio:4 / 3;
min-height:300px;
max-height:430px;
padding:24px;
box-sizing:border-box;
overflow:hidden;
}

.concept_main_top_picture{
position:absolute;
z-index:0;
top:0;
right:0;
bottom:0;
left:0;
display:block;
width:100%;
height:100%;
}

.concept_main_top_img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}

#concept_main_top_section:before{
position:absolute;
z-index:1;
top:0;
right:0;
bottom:0;
left:0;
content:"";
background:rgba(255,255,255,0.6);
pointer-events:none;
}

#concept_main_top_section .main_top_section_text{
position:relative;
z-index:2;
display:block;
width:100%;
text-align:left;
}

#concept_main_top_section .page_title{
margin:0;
padding:0;
font-size:3rem;
line-height:1.4;
font-weight:700;
color:#00a898;
text-align:left;
}
}

/*////////////////////////////////////
concept_header_section
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#concept_header_section{
position:relative;
display:block;
}
}

/*////////////////////////////////////
concept_header_section
@media screen and (min-width: 768px) and (max-width: 920px)
////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:920px){
#concept_header_section{
position:relative;
display:block;
}
}
/*////////////////////////////////////
concept_furesapo_section
@media screen and (min-width: 1101px)
////////////////////////////////////*/
@media screen and (min-width: 1101px){
#concept_furesapo_section{
	position: relative;
}
#concept_furesapo_section .section_sub_lead{
	position: relative;
	padding-top:30px; 
}
#concept_area{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:48px;
align-items:center;
padding:56px 56px;
border-radius:38px;
background:
radial-gradient(circle at 8% 12%,rgba(218,247,244,0.78) 0%,rgba(218,247,244,0) 34%),
radial-gradient(circle at 94% 86%,rgba(255,236,211,0.82) 0%,rgba(255,236,211,0) 34%),
linear-gradient(135deg,#ffffff 0%,#f7fcfa 54%,#fff8ee 100%);
border:1px solid rgba(217,238,232,0.95);
box-shadow:0 28px 70px rgba(28,92,104,0.1);
overflow:hidden;
}

#concept_area:before{
content:"";
position:absolute;
left:-76px;
top:-86px;
width:240px;
height:240px;
border-radius:50%;
background:rgba(255,255,255,0.48);
box-shadow:360px 70px 0 rgba(255,255,255,0.24),1040px 22px 0 rgba(255,255,255,0.22);
}

#concept_area:after{
content:"";
position:absolute;
right:64px;
bottom:54px;
width:12px;
height:12px;
border-radius:50%;
background:rgba(0,168,152,0.2);
box-shadow:-90px -34px 0 rgba(235,109,31,0.18),-172px 24px 0 rgba(0,168,152,0.15),-264px -12px 0 rgba(244,182,74,0.18);
}

#concept_text_area{
position:relative;
z-index:2;
display:block;
padding-top:0;
}

#concept_feature_list {
  display: flex;
  gap: 18px;
  padding-top: 42px;
  flex-wrap: wrap;
}
.concept_feature {
  min-width: 300px;
  padding: 22px 24px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.concept_feature_green {
  color: #5f8f69;
}
.concept_feature_icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 5rem;
  flex-shrink: 0;
}
.concept_feature_beige {
  background: #f8efe5;
  border: 1px solid #ecd9c3;
}
.concept_feature_green {
  background: #e8f0ea;
  border: 1px solid #c9dbcf;
}
.concept_feature_text {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #183d73;
}

#concept_img_area{
position:relative;
z-index:2;
display:block;
padding-top:0;
margin:auto;
}
#concept_img_area img{
	width:100%;
	border-radius:18px;
}
#concept_image_box {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
#concept_image_box img{
	width:100%;
	border-radius:18px;
}
#concept_message {
  position: absolute;
  left: 20px;
  bottom: 15px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  background: rgba(241, 244, 245, 0.72);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 18px;
}
#concept_message_icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.4rem;
  color: #6aa06f;
  flex-shrink: 0;
font-weight: 800;
}
#concept_message_text {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #183d73;
}
}
/*////////////////////////////////////
concept_furesapo_section
@media screen and (min-width: 0px) and (max-width: 1101px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 1101px){
#concept_furesapo_section{
	position: relative;
	display: block;
}

#concept_area{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-top: 50px;
	margin: 0 auto;
	flex-wrap:wrap;
}
#concept_text_area {
display: block;
  width: 100%;
padding-top: 10px;
order:2;
}
#concept_feature_list {
	position: relative;
  display: block;
	padding-top: 30px;
	padding-bottom: 40px;
}
.concept_feature {
display:flex;
align-items:center;
gap:12px;
min-height:112px;
padding:22px 14px;
border-radius:20px;
margin-bottom:25px;
}
.concept_feature_green {
  color: #5f8f69;
}
.concept_feature_icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  flex-shrink: 0;
}
.concept_feature_beige {
  background: #f8efe5;
  border: 1px solid #ecd9c3;
}
.concept_feature_green {
  background: #e8f0ea;
  border: 1px solid #c9dbcf;
}
.concept_feature_text {
  display:flex;
align-items:center;
margin:0;
min-height:80px;
font-size:1.8rem;
line-height:1.8;
font-weight:700;
letter-spacing:0.01em;
color:#183d73;
}

#concept_img_area {
  position: relative;
display: block;
width: 100%;
padding-top: 30px;
margin: auto;
order: 1;
}
#concept_image_box {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
	width:100%;
}
#concept_image_box img{
	width:100%;
	border-radius:18px;
}
#concept_message {
  position: absolute;
  left: 10px;
  bottom: 15px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px;
  background: rgba(241, 244, 245, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 18px;
}
#concept_message_icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.4rem;
  color: #6aa06f;
  flex-shrink: 0;
font-weight: 800;
}
#concept_message_text {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.8;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #183d73;
}
}
/*////////////////////////////////////
concept_vision_section
@media screen and (min-width: 768px)
////////////////////////////////////*/
@media screen and (min-width: 768px){
#concept_vision_section{
	position: relative;
	display: block;
}
#concept_vision_card_group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-bottom: 66px;
}
.concept_vision_card {
  background: #ffffff;
  border-radius: 28px;
  padding: 44px 38px 36px;
  min-height: 390px;
  display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}
.concept_vision_card_green {
  border: 1px solid #d8e5da;
}
.concept_vision_card_orange {
  border: 1px solid #f1dfcf;
}
.concept_vision_card_blue {
  border: 1px solid #dbe4f0;
}
.concept_vision_card_icon {
  width: 100px;
  height: 100px;
  margin-bottom: 30px;
}
.concept_vision_card_icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.concept_vision_card_number {
  margin-bottom: 12px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #c8c8c8;
  width:100%;
text-align:center;
}
.concept_vision_card_title {
  margin: 0 0 18px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 800;
  color: #1d4273;
  letter-spacing: 0.02em;
}
#concept_vision_banner{
position:relative;
width:100%;
height:520px;
border-radius:34px;
overflow:hidden;
}

.concept_vision_picture{
display:block;
width:100%;
height:100%;
}

.concept_vision_img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}

.concept_vision_banner_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(15, 38, 67, 0.82) 0%,
    rgba(15, 38, 67, 0.58) 22%,
    rgba(15, 38, 67, 0.18) 44%,
    rgba(15, 38, 67, 0) 68%
  );
}

.concept_vision_banner_content {
  position: absolute;
  top: 50%;
  left: 78px;
  transform: translateY(-50%);
  z-index: 2;
  color: #ffffff;
}

.concept_vision_banner_title {
  margin: 0 0 24px;
  font-size: 5.5rem;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: 0.03em;
  color: #ffffff;
}

.concept_vision_banner_text {
  margin: 0;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.92);
}
.concept_vision_card .section_text{
text-align:left;
}
}
/*////////////////////////////////////
concept_vision_section
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767px){
#concept_vision_section{
	position: relative;
	display: block;
}
#concept_vision_card_group {
  display: block;
  gap: 28px;
  margin-bottom: 40px;
}

.concept_vision_card {
  background: #ffffff;
  border-radius: 28px;
  padding: 44px 38px 36px;
  margin-bottom: 30px;
  display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}

.concept_vision_card_green {
  border: 1px solid #d8e5da;
}
.concept_vision_card_orange {
  border: 1px solid #f1dfcf;
}
.concept_vision_card_blue {
  border: 1px solid #dbe4f0;
}
.concept_vision_card_icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 30px;
}
.concept_vision_card_icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.concept_vision_card_number {
width:100%;
text-align:center;
  margin-bottom: 12px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.14em;
  color: #c8c8c8;
}
.concept_vision_card_title {
width:100%;
text-align:center;
  margin: 0 0 18px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 800;
  color: #1d4273;
  letter-spacing: 0.02em;
}

.concept_vision_card .section_text{
text-align:left;
}

#concept_vision_banner {
  position: relative;
height:380px;
border-radius:24px;
overflow:hidden;
}
.concept_vision_picture{
display:block;
width:100%;
height:100%;
}

.concept_vision_img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}

.concept_vision_banner_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(15, 38, 67, 0.82) 0%,
    rgba(15, 38, 67, 0.58) 22%,
    rgba(15, 38, 67, 0.18) 44%,
    rgba(15, 38, 67, 0) 68%
  );
}

.concept_vision_banner_content {
  position: absolute;
  top: 50%;
  left:24px;
right:24px;
  transform: translateY(-50%);
  z-index: 2;
  color: #ffffff;
}

.concept_vision_banner_title {
  margin: 0 0 24px;
  font-size: 2.5rem;
  line-height: 1.8;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #ffffff;
}

.concept_vision_banner_text {
  margin: 0;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.92);
}
}
/*////////////////////////////////////
concept_vision_section
@media screen and (min-width: 0px) and (max-width: 700px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 700px){
#concept_vision_section{
	position: relative;
	display: block;
}
#concept_vision_section .section_lead{
	text-align: left;
	padding: 0 20px;
}
}
/*////////////////////////////////////
concept_furesapo_section
@media screen and (min-width: 0px) and (max-width: 770px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 770px){
#concept_furesapo_section{
	position: relative;
	display: block;
}
#concept_furesapo_section .section_lead{
	text-align: left;
	padding: 0 20px;
}
}
/*////////////////////////////////////
concept_value_section
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#concept_value_section{
	position: relative;
	display: block;
}
#concept_value_area {
  display: block;
width: 100%;
}

#concept_value_place {
 display: grid;
width: 100%;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 34px;
padding-top: 40px;
}
#concept_value_img_area {
  position: relative;
	display: block;
}
#concept_value_img_area img {
  display: block;
margin: 0 auto;
  width: 100%;
  height: auto;
  object-fit: cover;
border-radius: 18px;
}
#concept_value_img_area img.tbimg,
#concept_value_img_area img.absolute{
    display: none;
}


#concept_value_text_area {
  position: relative;
	display: block;
}
.concept_value_text {
  margin: 0 0 14px;
  font-size: 1.8rem;
  line-height: 1.95;
  letter-spacing: 0.02em;
  color: #555555;
}

.concept_value_text:last-child {
  margin-bottom: 0;
}

.concept_value_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.concept_value_card {
  background: #f8f6f2;
  border: 1px solid #e8e2d8;
  border-radius: 22px;
  padding: 24px 24px 22px;
}

.concept_value_card_head {
display:flex;
align-items:center;
justify-content:center;
min-height:64px;
margin-bottom:18px;
text-align:center;
}

.concept_value_card_title {
position:relative;
display:inline-block;
margin:0;
font-size:2.35rem;
line-height:1.45;
font-weight:800;
letter-spacing:0.04em;
color:#1d4273;
z-index:0;
isolation:isolate;
overflow:visible;
text-align:center;
}

.concept_value_card_title::before {
  content: "";
  position: absolute;
  width: 1.02em;
  height: 1.02em;
  border-radius: 50%;
  background: linear-gradient(135deg, #fff0cc 0%, #f7c55a 52%, #f39a1e 100%);
  left: 1.12em;
  top: 0.62em;
  transform: translate(-50%, -50%) rotate(-12deg);
  z-index: -1;
  pointer-events: none;
}
}
/*////////////////////////////////////
concept_value_section
@media screen and (min-width:768px) and (max-width:1450px){
////////////////////////////////////*/
@media screen and (min-width:768px) and (max-width:1450px){
#concept_value_section{
position:relative;
display:block;
}

#concept_value_section .section_lead{
width:min(760px,100%);
margin:0 auto;
text-align:center;
}

#concept_value_area{
position:relative;
display:block;
width:100%;
padding:46px 34px 48px;
border-radius:34px;
background:
radial-gradient(circle at 8% 12%,rgba(218,247,244,0.82) 0%,rgba(218,247,244,0) 34%),
radial-gradient(circle at 94% 8%,rgba(255,236,211,0.76) 0%,rgba(255,236,211,0) 34%),
radial-gradient(circle at 82% 92%,rgba(255,221,230,0.42) 0%,rgba(255,221,230,0) 32%),
linear-gradient(135deg,#ffffff 0%,#f8fdfb 54%,#fff8ee 100%);
border:1px solid rgba(217,238,232,0.9);
box-shadow:0 20px 52px rgba(28,92,104,0.1);
overflow:hidden;
}

#concept_value_area:before{
content:"";
position:absolute;
left:-72px;
top:-76px;
width:220px;
height:220px;
border-radius:50%;
background:rgba(255,255,255,0.44);
box-shadow:680px 40px 0 rgba(255,255,255,0.24),720px 540px 0 rgba(255,255,255,0.2);
pointer-events:none;
}

#concept_value_area .section_sub_lead{
position:relative;
z-index:2;
display:block;
margin:0;
padding:0 0 34px;
font-size:clamp(2.8rem,3.8vw,3.8rem);
line-height:1.45;
font-weight:700;
letter-spacing:0.06em;
color:#1d4273;
text-align:center;
}

#concept_value_place{
position:relative;
z-index:2;
display:block;
width:100%;
padding-top:0;
}

#concept_value_img_area{
position:relative;
display:block;
width:min(760px,100%);
margin:0 auto;
}

#concept_value_img_area img.relative{
display:block;
width:100%;
aspect-ratio:16/8.5;
height:auto;
object-fit:cover;
border-radius:28px;
box-shadow:0 18px 42px rgba(28,92,104,0.12);
}

#concept_value_img_area img.tbimg,
#concept_value_img_area img.absolute{
display:none;
}

#concept_value_text_area{
position:relative;
display:block;
width:100%;
padding-top:36px;
}

.concept_value_list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:22px;
width:100%;
}

.concept_value_card{
position:relative;
display:flex;
flex-direction:column;
min-height:250px;
padding:30px 28px 28px;
border-radius:26px;
background:rgba(255,255,255,0.9);
border:1px solid rgba(232,226,216,0.95);
box-shadow:0 14px 34px rgba(28,92,104,0.07);
overflow:hidden;
}

.concept_value_card:before{
content:"";
position:absolute;
right:-42px;
bottom:-42px;
width:126px;
height:126px;
border-radius:50%;
background:rgba(0,168,152,0.06);
pointer-events:none;
}

.concept_value_card:nth-child(2):before{
background:rgba(244,154,36,0.08);
}

.concept_value_card:nth-child(3):before{
background:rgba(255,221,230,0.38);
}

.concept_value_card:nth-child(4):before{
background:rgba(29,66,115,0.06);
}

.concept_value_card_head{
display:flex;
align-items:center;
justify-content:center;
min-height:64px;
margin-bottom:18px;
text-align:center;
}

.concept_value_card_title{
position:relative;
display:inline-block;
margin:0;
font-size:2.35rem;
line-height:1.55;
font-weight:800;
letter-spacing:0.04em;
color:#1d4273;
z-index:0;
isolation:isolate;
overflow:visible;
}

.concept_value_card_title::before{
content:"";
position:absolute;
width:1.02em;
height:1.02em;
border-radius:50%;
background:linear-gradient(135deg,#fff0cc 0%,#f7c55a 52%,#f39a1e 100%);
left:0.68em;
top:0.66em;
transform:translate(-50%,-50%) rotate(-12deg);
z-index:-1;
pointer-events:none;
}

.concept_value_card .section_text{
position:relative;
z-index:2;
margin:0;
font-size:1.8rem;
line-height:1.95;
font-weight:500;
letter-spacing:0.04em;
color:#333333;
text-align:left;
}
}

/*////////////////////////////////////
concept_value_section
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767px){
#concept_value_section{
	position: relative;
	display: block;
}
#concept_value_section .section_lead{
	text-align: left;
	padding: 0 20px;
}
#concept_value_area {
  display: block;
width: 100%;
}

#concept_value_place {
  display: block;
width: 100%;
padding-top: 20px;
}
#concept_value_img_area {
  position: relative;
	display: block;
}
#concept_value_img_area img {
  display: block;
margin: 0 auto;
  width: 100%;
  height: auto;
  object-fit: cover;
border-radius: 18px;
}
#concept_value_img_area img.tbimg,
#concept_value_img_area img.absolute{
    display: none;
}


#concept_value_text_area {
  position: relative;
	display: block;
padding-top: 50px;
}

.concept_value_text {
  margin: 0 0 14px;
  font-size: 1.8rem;
  line-height: 1.95;
  letter-spacing: 0.02em;
  color: #555555;
}

.concept_value_text:last-child {
  margin-bottom: 0;
}

.concept_value_list {
  display: block;
	margin-bottom: 30px;
}

.concept_value_card {
  background: #f8f6f2;
  border: 1px solid #e8e2d8;
  border-radius: 22px;
  padding: 24px 24px 22px;
margin-bottom: 30px;
}

.concept_value_card_head {
display:flex;
align-items:center;
justify-content:center;
min-height:64px;
margin-bottom:18px;
text-align:center;
}

.concept_value_card_title {
position:relative;
display:inline-block;
margin:0;
font-size:2.2rem;
line-height:1.45;
font-weight:800;
letter-spacing:0.04em;
color:#1d4273;
z-index:0;
isolation:isolate;
overflow:visible;
text-align:center;
  text-align: left;
}

.concept_value_card_title::before {
  content: "";
  position: absolute;
  width: 1.02em;
  height: 1.02em;
  border-radius: 50%;
  background: linear-gradient(135deg, #fff0cc 0%, #f7c55a 52%, #f39a1e 100%);
  left: 1.12em;
  top: 0.62em;
  transform: translate(-50%, -50%) rotate(-12deg);
  z-index: -1;
  pointer-events: none;
}
}

/*////////////////////////////////////
concept_step_section
@media screen and (min-width:768px)
////////////////////////////////////*/
@media screen and (min-width:768px){
#concept_step_section{
	position: relative;
	display: block;
}
.concept_step_wrap {
position: relative;
display: block;
  margin: 0 auto;
}

.concept_step_head {
  text-align: center;
  margin-bottom: 88px;
}

.concept_step_label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 24px;
}

.concept_step_label_line {
  width: 34px;
  height: 2px;
  background: #eb6d1f;
  border-radius: 999px;
}

.concept_step_label_text {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #6d946f;
}

.concept_step_title {
  font-size: 5.5rem;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #1f3f73;
}

.concept_step_text {
  margin: 26px 0 0;
  font-size: 1.8rem;
  line-height: 1.95;
  letter-spacing: 0.02em;
  color: #666666;
}

.concept_step_list {
  display: flex;
  flex-direction: column;
  gap: 96px;
}

.concept_step_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.concept_step_item_reverse {
  flex-direction: row-reverse;
}

.concept_step_image_area {
  width: 40%;
}

.concept_step_content_area {
  width: 58%;
  text-align:center;
}

.concept_step_image_box {
  position: relative;
  background: #fbfbf8;
  border-radius: 30px;
  padding: 45px;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.concept_step_number {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 800;
  color: #ffffff;
}

.concept_step_number_green {
  background: #658a62;
}

.concept_step_number_orange {
  background: #c78547;
}

.concept_step_number_blue {
  background: #5d8a90;
}

.concept_step_number_pink {
  background: #b66c7d;
}

.concept_step_image {
  display: block;
  width: 100%;
  max-width: 320px;
  height: auto;
  object-fit: contain;
}

.concept_step_content_box {
  width: 100%;
  padding-bottom:10px;
}

.concept_step_content_box .section_text{
  text-align: left;
  padding-bottom: 10px;
}

.concept_step_heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.concept_step_heading_text {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.14em;
  white-space: nowrap;
  text-align: center;
}

.concept_step_heading_line {
  width: 80%;
  height: 2px;
  border-radius: 999px;
  opacity: 0.4;
}

.concept_step_heading_green .concept_step_heading_text {
  color: #658a62;
}

.concept_step_heading_green .concept_step_heading_line {
  background: #658a62;
}

.concept_step_heading_orange .concept_step_heading_text {
  color: #c78547;
}

.concept_step_heading_orange .concept_step_heading_line {
  background: #c78547;
}

.concept_step_heading_blue .concept_step_heading_text {
  color: #5d8a90;
}

.concept_step_heading_blue .concept_step_heading_line {
  background: #5d8a90;
}

.concept_step_heading_pink .concept_step_heading_text {
  color: #b66c7d;
}

.concept_step_heading_pink .concept_step_heading_line {
  background: #b66c7d;
}

.concept_step_name {
  margin: 0;
  font-size: 7rem;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #1f3f73;
  margin-bottom: 30px;
  text-align:center;
}
.concept_step_subtitle_green {
  color: #658a62;
text-align: center;
}

.concept_step_subtitle_orange {
  color: #d18638;
text-align: center;
}

.concept_step_subtitle_blue {
  color: #5d8a90;
text-align: center;
}

.concept_step_subtitle_pink {
  color: #b66c7d;
text-align: center;
}
.concept_step_button {
  position:relative;
  display:inline-flex;
overflow:hidden;
  align-items: center;
  gap: 10px;
  padding: 18px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #ffffff;
  transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.3s ease;
}

.concept_step_button:hover{
transform:translateY(-4px) scale(1.04);
box-shadow:0 14px 30px rgba(31,63,115,0.18);

}

.concept_step_button_arrow {
  font-size: 1.8rem;
  line-height: 1;
  transition:transform 0.3s ease;
}

.concept_step_button_text {
  line-height: 1.4;
}
.concept_step_button:hover .concept_step_button_arrow{
transform:translateX(5px);
}
.concept_step_button_green{
background:#658a62;
}

.concept_step_button_green:hover{
background:#82ad7e;
}

.concept_step_button_orange{
background:#c78547;
}

.concept_step_button_orange:hover{
background:#e0a463;
}

.concept_step_button_blue{
background:#5d8a90;
}

.concept_step_button_blue:hover{
background:#74a9b0;
}

.concept_step_button_pink{
background:#b66c7d;
}

.concept_step_button_pink:hover{
background:#d48698;
}
}
/*////////////////////////////////////
concept_step_section
@media screen and (min-width: 0px) and (max-width: 767px)
////////////////////////////////////*/
@media screen and (min-width: 0px) and (max-width: 767px){
#concept_step_section{
	position: relative;
	display: block;
}
#concept_step_section .section_lead{
text-align: left;
padding: 0 20px;
}
.concept_step_wrap {
  width: 100%;
  margin: 0 auto;
}

.concept_step_head {
  text-align: center;
  margin-bottom: 88px;
}

.concept_step_label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 24px;
}

.concept_step_label_line {
  width: 34px;
  height: 2px;
  background: #eb6d1f;
  border-radius: 999px;
}

.concept_step_label_text {
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #6d946f;
}

.concept_step_title {
  font-size: 3.5rem;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #1f3f73;
}

.concept_step_text {
  margin: 26px 0 0;
  font-size: 1.8rem;
  line-height: 1.95;
  letter-spacing: 0.02em;
  color: #666666;
}

.concept_step_list {
  display: flex;
  flex-direction: column;
  gap: 96px;
}

.concept_step_item {
  display: block;
margin: 0 auto;
  gap: 25px;
}

.concept_step_image_area {
  width: 70%;
margin: 0 auto;
padding-bottom: 30px;
}

.concept_step_content_area {
  width: 100%;
margin: 0 auto;
text-align: center;
}

.concept_step_image_box {
  position: relative;
  background: #fbfbf8;
  border-radius: 30px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.concept_step_number {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.0rem;
  line-height: 1;
  font-weight: 800;
  color: #ffffff;
}

.concept_step_number_green {
  background: #658a62;
}

.concept_step_number_orange {
  background: #c78547;
}

.concept_step_number_blue {
  background: #5d8a90;
}

.concept_step_number_pink {
  background: #b66c7d;
}

.concept_step_image {
  display: block;
  width: 100%;
  max-width: 320px;
  height: auto;
  object-fit: contain;
}

.concept_step_content_box {
  width: 100%;
}

.concept_step_content_box .section_text{
  text-align: left;
  padding-bottom: 20px;
}

.concept_step_heading {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.concept_step_heading_text {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.14em;
  white-space: nowrap;
}

.concept_step_heading_line {
  width: 100%;
  height: 2px;
  border-radius: 999px;
  opacity: 0.4;
}

.concept_step_heading_green .concept_step_heading_text {
  color: #658a62;
}

.concept_step_heading_green .concept_step_heading_line {
  background: #658a62;
}

.concept_step_heading_orange .concept_step_heading_text {
  color: #c78547;
}

.concept_step_heading_orange .concept_step_heading_line {
  background: #c78547;
}

.concept_step_heading_blue .concept_step_heading_text {
  color: #5d8a90;
}

.concept_step_heading_blue .concept_step_heading_line {
  background: #5d8a90;
}

.concept_step_heading_pink .concept_step_heading_text {
  color: #b66c7d;
}

.concept_step_heading_pink .concept_step_heading_line {
  background: #b66c7d;
}

.concept_step_name {
  margin: 0;
  font-size: 4rem;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.01em;
  color: #1f3f73;
padding-bottom:20px;
text-align:center;
}
.concept_step_subtitle_green {
  color: #658a62;
text-align: center;
}

.concept_step_subtitle_orange {
  color: #d18638;
text-align: center;
}

.concept_step_subtitle_blue {
  color: #5d8a90;
text-align: center;
}

.concept_step_subtitle_pink {
  color: #b66c7d;
text-align: center;
}
.concept_step_button {
  position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:18px 28px;
border-radius:999px;
text-decoration:none;
font-size:1.8rem;
line-height:1.4;
font-weight:700;
letter-spacing:0.01em;
color:#ffffff;
overflow:hidden;
transform:translateY(0) scale(1);
transform-origin:center center;
transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;
}

.concept_step_button:active{
transform:translateY(-2px) scale(1.03);
box-shadow:0 10px 22px rgba(31,63,115,0.18);
}

.concept_step_button_green {
  background: #658a62;
}

.concept_step_button_green:active{
background:#82ad7e;
}

.concept_step_button_orange {
  background: #c78547;
}

.concept_step_button_orange:active{
background:#e0a463;
}

.concept_step_button_blue {
  background: #5d8a90;
}

.concept_step_button_blue:active{
background:#74a9b0;
}

.concept_step_button_pink {
  background: #b66c7d;
}

.concept_step_button_pink:active{
background:#d48698;
}
.concept_step_button_arrow {
  font-size: 1.8rem;
  line-height: 1;
}

.concept_step_button_text {
  line-height: 1.4;
}
}