@charset "UTF-8";

/*
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url("common.css");





/*html{
    font-size: clamp(9px, 0.8333333333vw, 1rem);
}
*/





/* ----------------------------------------------------------
   MAIN VISUAL AREA
---------------------------------------------------------- */
.second_top_back {
    background: -moz-linear-gradient(45deg, #476aac 0%, #0e679f 29%, #00aeb7 66%, #00cea1 100%);
    background: -webkit-linear-gradient(45deg, #476aac 0%,#0e679f 29%,#00aeb7 66%,#00cea1 100%);
    background: linear-gradient(45deg, #476aac 0%,#0e679f 29%,#00aeb7 66%,#00cea1 100%);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
	/*min-height: calc(100vh - 2rem);*/
	display: flex;
	flex-direction: column;
	align-items: stretch;
/*	justify-content: space-evenly;*/
	overflow: hidden;
	position: relative; 
	padding-bottom: 2rem;
}

.second_top_back::before, 
.second_top_back::after {
	content: "";
	width: 70vmax;
	height: 70vmax;
	position: absolute;
	background: rgba(255, 255, 255, 0.07);
	left: -20vmin;
	top: -20vmin;
	animation: morph 15s linear infinite alternate, spin 20s linear infinite;
	z-index: 1;
	will-change: border-radius, transform;
	transform-origin: 55% 55%;
	pointer-events: none; 
}
	
.second_top_backk::after {
    width: 70vmin;
    height: 70vmin;
    left: auto;
    right: -10vmin;
    top: auto;
    bottom: 0;
    animation: morph 10s linear infinite alternate, spin 26s linear infinite reverse;
    transform-origin: 20% 20%; 
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0 50%
	}
}

@keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%; }
  100% {
    border-radius: 40% 60%; } 
}

@keyframes spin {
  to {
    transform: rotate(1turn); 
  } 
}
	.st0{display:none;}
	.st1{display:inline;}
	.st2{opacity:0.29;}
	.st3{fill:#FFFFFF;}
	.st4{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
	.st5{clip-path:url(#SVGID_4_);}
	.st6{clip-path:url(#SVGID_6_);}
	.st7{clip-path:url(#SVGID_8_);}
	.st8{clip-path:url(#SVGID_10_);}
	.st9{fill:none;}
	.st10{clip-path:url(#SVGID_12_);}
	.st11{opacity:0.7;}
	.st12{clip-path:url(#SVGID_14_);}
	.st13{opacity:0.2;}
	.st14{clip-path:url(#SVGID_16_);}
	.st15{opacity:0.3;fill:#FFFFFF;enable-background:new    ;}

.second_top_area{
    justify-content: space-between;
    align-items: stretch;
    position: relative;
}

.second_top_title_area{
	padding: 300px 0 0 5%;
}

/* テキストのスタイル */
h2.scond_top_en{
	color: #fff;
	font-size: 1.2rem;
    font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

h2.scond_top_ja{
    color: #fff;
    font-size: clamp(40px,2.8vw,43px);
    font-weight: 500;
/*    position: absolute;
    bottom: 10vw;
    right: 1rem;;
    z-index: 2;*/
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-align: right;
}

h2.scond_top_ja.inview {
  opacity: 1;
}

h2.scond_top_ja.inview .char {
  display: inline-block;
  animation-name: kf-animate-chars;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
}

/* nth-child を展開 */
h2.scond_top_ja.inview .char:nth-child(1) { animation-delay: 0.1s; }
h2.scond_top_ja.inview .char:nth-child(2) { animation-delay: 0.2s; }
h2.scond_top_ja.inview .char:nth-child(3) { animation-delay: 0.3s; }
h2.scond_top_ja.inview .char:nth-child(4) { animation-delay: 0.4s; }
h2.scond_top_ja.inview .char:nth-child(5) { animation-delay: 0.5s; }
h2.scond_top_ja.inview .char:nth-child(6) { animation-delay: 0.6s; }


@keyframes kf-animate-chars {
  0% {
    opacity: 0;
 /*   transform: translateY(-50%);*/
  }

  100% {
    opacity: 1;
/*    transform: translateY(0);*/
  }
}

.mv_right{
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.swiper02{
	width: 100%;
	overflow: hidden;
    margin-top: 100px;
}

.swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius:10px; 
	/*height: 100%;*/
}

.swiper-slide img{
	width: 100%;
	/*height: 100%;*/
	object-fit: cover;
}


p.second_catch{
    font-size: 1.2rem;
}


/* ----------------------------------------------------------
   CONTENTS AREA
---------------------------------------------------------- */


/*business*/


.business_flex{
    justify-content: space-between;
    align-items: flex-start;
}

.business_flex_left{
    width: 55%;
    border-top: 1px solid #ddd;
    padding-top: 2rem;
    
}

.business_flex_left_img{
    margin-top: 2rem;
}

.business_flex_left_img img{
    width: 100%;
}

.business_flex_left_img img.eco_img{
    border: 1px solid #ddd;
}

.business_flex_right{
    width: 45%;
    padding-left: 3%;
    position: sticky;
    top: 10rem;;
}

.business_flex_right img{
    width: 100%;
}






/*ul.business_content{
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 2rem;
}


ul.business_content li{
	width: 30%;
    position: relative;
}


.business_item_img{
	width: 100%;
	aspect-ratio: 4 / 3;
	
}

.business_item_img img{
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
    filter: brightness(60%);
    transition:0.8s;
}


.business_item_text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    color: #fff;
    font-weight: 500;
    font-size: 1.1rem;
    margin: auto;
    width: 100%;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

p.business_name{
	font-size: 1.2rem;
	font-weight: 500;
}

ul.business_content li:hover .business_item_img img{
	filter:brightness(70%);
}*/



/*company*/
p.ceo_name{
    margin-top: 1.5rem;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    font-family: "Zen Kurenaido", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: right;
}

p.ceo_name span{
    font-size: 1rem;
    font-family: "Noto Sans JP", sans-serif,"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;
}

.outline_table{
    margin-bottom: 2rem;
}

.map{
    width: 100%;
    height: 40vh;
    min-height: 400px;
}

.content_box{
    margin-bottom: 5rem;
}

.license_table{
    margin: 2rem 0 3rem;
}

ul.license_list{
    margin-top: 2rem;
    column-gap: 1rem;
    grid-row-gap: 1rem;
}

ul.license_list li{
    letter-spacing: 0.1em;
    line-height: 1.5em;
}

ul.license_list li span{
    color: var(--color-base);
}


  .timeline > li {
    list-style: none;
    margin: 0;
    position: relative;
   border-left: 2px #e5e5d1 solid;
    padding: 1rem 2rem;
      display: flex;
  }
  .timeline-date {
      width: 200px;
      color: var(--color-base);
      font-weight: 500;
  }
  .timeline-content {
    width: 75%;

  }
   .timeline > li:before {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--color-base);
    position: absolute;
    left: -6px;
    top: 23px;
    border-radius: 100%;
       z-index: 2;
  }

   .timeline > li:after {
    content: '';
    width: 2rem;
    height: 2rem;
    background: #E3F5FF;
    position: absolute;
    left: -1rem;
    top: 13px;
    border-radius: 100%;
       z-index: 1;
  }


/*product*/

.certificate_area{
    /*background-image: linear-gradient(150deg, rgba(106, 166, 210, 1) 10%, rgba(36, 195, 106, 1) 90%);*/
    /*background-color: #E3F5FF;*/
    padding: 2rem 2rem 2rem 0;
    /*margin-top: 5rem;*/
   background-color: #fff;
    margin-bottom: 3rem;
    
}

.certificate_flex{
    justify-content: space-between;
    align-items: center;
}

.certificate_com{
    width: 64%;
     position: relative;
    padding-left: 6rem;
}


.certificate_area_deco{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
   writing-mode: vertical-rl;
    font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
    font-size:clamp(30px,5.5vw,60px);
    color: rgba(0, 174, 183, 0.2);
}


p.certificate_catch{
    width: fit-content;
    color: #fff;
    font-weight: 500;
    font-size: 1.1rem;
    background-color: #f1962e;
    padding: 0 0.5rem;
    margin-bottom: 1rem;
}

.certificate_img{
    width: 18%;
    padding: 0 1rem;
}

.certificate_img img{
    width: 100%;
    border: 1px solid #ddd;
}


ul.product_flex{
    justify-content: space-between;
    margin-bottom: 3rem;
    grid-row-gap: 1rem;
}

ul.product_flex li{
    width: 30%;
}


ul.product_flex li img{
    width: 100%;
}

ul.product_befoaf_flex{
    background-color: #fff;
    padding: 3rem 1rem 2rem;
	justify-content: space-between;
	align-items: center;
    margin-bottom: 2rem;
    position: relative;
}

ul.product_befoaf_flex_2row{
    justify-content: center;
    column-gap: 2rem;
    background-color: var(--color-sub);
}

ul.product_befoaf_flex li:nth-of-type(1){
	width: 24%;
}

ul.product_befoaf_flex li:nth-of-type(3),
ul.product_befoaf_flex li:nth-of-type(5){
	width: 30%;
}


ul.product_befoaf_flex li:nth-of-type(2),
ul.product_befoaf_flex li:nth-of-type(4){
	width: 3%;
	text-align: center;
	color: var(--color-base);
}


ul.product_befoaf_flex li img{
	width: 100%;

}


.inversion_titile{
    position: absolute;
    top: 0;
    left: 0;
     background: linear-gradient(120deg, #a0acbd 50%,#f1962e 50%);
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
    width: fit-content;
    padding: 0.5rem 2rem;
    text-transform:capitalize;
        font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
}


.achievement_flex{
    justify-content: space-between;   
}

.achievement_table_area{
    width: 48%;

}

.achievement_table{
    display: table;
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin-top: 2rem;
}

.achievement_table th,
.achievement_table td{
    padding: 0.5rem;
    border: 1px solid #ddd;
    font-size: 0.9rem;
    letter-spacing: 0.1em;
}

.achievement_table th{
    background-color: var(--color-sub);
    text-align: center;
}

.viewExpand {
  position: relative;
}

.viewExpand__contents {
  overflow: hidden;
}

.viewExpand__button {
  margin-top: 2rem;
  cursor: pointer;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
    padding: 0.5rem 2rem;
    background-color: var(--color-base);
    border: none;
    color: #fff;
}


/*recruit*/


.recruit_massage_area{
   /* padding: 8% 0;*/
    padding: 12% 0;
}

.recruit_massage_area02{
    padding: 8% 0;
    position: relative;
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("../recruit/img/back.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
}


@media only screen and (max-width: 1400px){
.recruit_massage_area02{
/*    padding: 8% 0;
    position: relative;
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("../recruit/img/back.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;*/
    background-size: 100%;
    padding-bottom: 0;
}    
    
    
}

.recruit_img01{
    position: absolute;
    top: 1%;
    left: 0;
    width: 30%;
}

.recruit_img02{
    position: absolute;
    top: 10%;
    right: 5%;
    width: 25%;
}

.recruit_img03{
    position: absolute;
    bottom: 12%;
    left: 0;
    width: 20%;
    min-width: 250px;
}


.recruit_img04{
    position: absolute;
    bottom: 0%;
    left:30%;
    width: 33%;
}

.recruit_img05{
    position: absolute;
    bottom: 8%;
    right: 0;
    width: 30%;
}



.recruit_img01 img,
.recruit_img02 img,
.recruit_img03 img,
.recruit_img04 img,
.recruit_img05 img{
    width: 100%;
}

.recruit_img03 img{
    min-width: 250px;
}


.recruit-text {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 8%;
    margin-top: 6vw;
    line-height: 1.31;
    letter-spacing: 0.1em;
    width: 70vw;
    font-size: 1.3rem;
     z-index: 2;
    position: relative;
}

.bf_none{
    backdrop-filter: none!important;
}





.recruit--bg {
    position: relative;
    border-left: 20px solid var(--color-base);
    border-right: 20px solid var(--color-base);
    z-index: 1;
    padding-block: 8% 0;
    background-color: #fff;
}

.recruit--bg02 {
    position: relative;
    border-left: 20px solid var(--color-base);
    border-right: 20px solid var(--color-base);
    z-index: 1;
    background-color: #fff;
}

.recruit--message {
    position: relative;
}





.recruit--ttl {
    text-align: center;
    position: relative;
    font-size: 5rem;
    color: var(--color-base);
    line-height: 1;
    z-index: 2;
    font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
    


.recruit--message_bg {
    position: sticky;
    width: 100%;
    z-index: -1;
    top: -40vw;
    height: 110vw;
    mask-image: none;
    background-color: transparent;
}



.recruit--message_bg span {
    z-index: -1;
}


.recruit--message_bg span:has(img) {
    position: absolute;
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recruit--message_img01 {
    top: 2vw;
    right: 0;
    width: 40vw;
    aspect-ratio: 779 / 748;
}

.recruit--message_img02 {
    top: -3vw;
    left: 0;
    width: 48vw;
    aspect-ratio: 922 / 642;
}
.recruit--message_img03 {
    top: 80vw;
    left: 38vw;
    width: 28vw;
    aspect-ratio: 535 / 421;
}
.recruit--message_img04 {
    top: 40vw;
    left: 10vw;
    width: 43vw;
    aspect-ratio: 846 / 520;
}
.recruit--message_img05 {
    top: 47vw;
    right: 2vw;
    width: 28vw;
    aspect-ratio: 539 / 720;
}
.recruit--message_img06 {
    top: 73vw;
    left: 3vw;
    width: 29vw;
    aspect-ratio: 558 / 460;
}


.recruit--txt {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10vw;
    margin-top: 10vw;
    line-height: 1.31;
    letter-spacing: 0.1em;
    width: 90%;
    max-width: 70vw;
    color: #fff;
    font-size: 2rem;
}

.recruit--message .blur {
    position: absolute;
    inset: 0;
    width: auto;
    aspect-ratio: unset;
    mask-image: none;
    background-color: rgba(0, 174, 183, 0.7);
    mix-blend-mode: unset;
    transition: all .4s ease-out;
    opacity: 0;
    z-index: -1;
}

.recruit--message.fixed .blur {
    opacity: 1;
    backdrop-filter: blur(8px);
}

.contact_button{
    border: 2px solid var(--color-base);
    padding: 2rem;
}

.cta_flex{
    justify-content: center;
    align-items: center;
    column-gap: 2rem;
    grid-row-gap: 2rem;
}
.cta_text{
    width: 50%;
}


/*privacy*/
.privacy_list{
    margin-top: 5rem;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */






@media only screen and (max-width: 1099px){


/*business*/


.business_flex{
/*    justify-content: space-between;
    align-items: flex-start;*/
}

.business_flex_left{
/*    width: 55%;
    border-top: 1px solid #ddd;
    padding-top: 2rem;*/
    width: 100%;
    
}

.business_flex_left_img{
   /* margin-top: 2rem;*/
}

.business_flex_left_img img{
  /*  width: 100%;*/
}

.business_flex_left_img img.eco_img{
 /*   border: 1px solid #ddd;*/
}

.business_flex_right{
/*    width: 45%;
    padding-left: 3%;
    position: sticky;
    top: 10rem;;*/
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
}

.business_flex_right img{
 /*   width: 100%;*/
}

ul.product_flex{
/*    justify-content: space-between;
    margin-bottom: 3rem;*/
}

ul.product_flex li{
/*    width: 30%;*/
}


ul.product_flex li img{
/*    width: 100%;*/
}
    
.achievement_flex{
    /*justify-content: space-between;  */ 
    grid-row-gap: 3rem;
}

.achievement_table_area{
    width: 100%;

}

/*    
    
.recruit_img01{
    position: absolute;
    top: 2%;
    left: 0;
    width: 30%;
}*/

.recruit_img02{
/*    position: absolute;
    top: 15%;
    right: 10%;
    width: 25%;*/
    right: 5%;
    top: 10%;
}

.recruit_img03{
/*    position: absolute;
    bottom: 12%;
    left: 0;
    width: 20%;
    min-width: 250px;*/
    bottom: 8%;
    width: 40%;
}


.recruit_img04{
    position: absolute;
    bottom: 0%;
    left:30%;
    width: 33%;
}

.recruit_img05{
    position: absolute;
    bottom: 8%;
    right: 0;
    width: 30%;
}
   
    

.recruit_massage_area{
   /* padding: 8% 0;*/
    padding: 8% 0 30% 0;
}   

    
.recruit-text {
/*    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20vw;
    margin-top: 10vw;
    line-height: 1.31;
    letter-spacing: 0.1em;
    width: 70vw;
    font-size: 1.3rem;
     z-index: 2;
    position: relative;*/
    
    padding-bottom: 12%;
}


/* ----------------------------------------------------------
   MAIN VISUAL AREA
---------------------------------------------------------- */
    
   
    
    
/*** TA END ***/



}

@media only screen and (max-width: 768px) {
.second_top_back {
/*    background: -moz-linear-gradient(45deg, #476aac 0%, #0e679f 29%, #00aeb7 66%, #00cea1 100%);
    background: -webkit-linear-gradient(45deg, #476aac 0%,#0e679f 29%,#00aeb7 66%,#00cea1 100%);
    background: linear-gradient(45deg, #476aac 0%,#0e679f 29%,#00aeb7 66%,#00cea1 100%);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	overflow: hidden;
	position: relative; 
	padding-bottom: 2rem;*/
}

.second_top_back::before, 
.second_top_back::after {
/*	content: "";
	width: 70vmax;
	height: 70vmax;
	position: absolute;
	background: rgba(255, 255, 255, 0.07);
	left: -20vmin;
	top: -20vmin;
	animation: morph 15s linear infinite alternate, spin 20s linear infinite;
	z-index: 1;
	will-change: border-radius, transform;
	transform-origin: 55% 55%;
	pointer-events: none; */
}
	
.second_top_backk::after {
/*    width: 70vmin;
    height: 70vmin;
    left: auto;
    right: -10vmin;
    top: auto;
    bottom: 0;
    animation: morph 10s linear infinite alternate, spin 26s linear infinite reverse;
    transform-origin: 20% 20%; */
}

.second_top_area{
/*    justify-content: space-between;
    align-items: stretch;
    position: relative;*/
	flex-wrap: nowrap;
}

.second_top_title_area{
	/*padding: 200px 0 0 5%;*/
	padding: 150px 0 0 5%;
}

/* テキストのスタイル */
h2.scond_top_en{
/*	color: #fff;
	font-size: 1.1rem;*/
}

h2.scond_top_ja{
/*    color: #fff;
    font-size: clamp(40px,2.8vw,43px);
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-align: right;*/
	font-size: clamp(28px,5vw,40px);
	white-space: nowrap;
}

h2.scond_top_ja.inview {
/*  opacity: 1;*/
}

h2.scond_top_ja.inview .char {
/*  display: inline-block;
  animation-name: kf-animate-chars;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;*/
}


.mv_right{
/*    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;*/
    width: 40%;
    min-width: 250px;
}

/*company*/

	
/*business*/

/*product*/

.certificate_area{
/*    background-color: #E3F5FF;
    padding: 2rem 2rem 2rem 6rem;
    margin-top: 5rem;
    position: relative;*/
    padding: 0 0 2rem ;
    
}

.certificate_area_deco{
/*    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
   writing-mode: vertical-rl;
    font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
    font-size:clamp(30px,5.5vw,60px);
    color: rgba(0, 174, 183, 0.3);*/
    top: 5px;
    transform: none;
    font-size: 28px;
}

.certificate_flex{
/*    justify-content: space-between;
    align-items: center;*/
    grid-row-gap: 2rem;
}

.certificate_com{
   /* width: 64%;*/
    width: 100%;
    padding: 2rem 1rem 0 4rem;
}

p.certificate_catch{
/*    width: fit-content;
    color: #fff;
    font-weight: 500;
    font-size: 1.1rem;
    background-color: #f1962e;
    padding: 0 0.5rem;
    margin-bottom: 1rem;*/
}

.certificate_img{
/*    width: 18%;
    padding: 0 1rem;*/
    width: 48%;
}

.certificate_img img{
  /*  width: 100%;*/
}
    
ul.product_flex{
/*    justify-content: space-between;
    margin-bottom: 3rem;*/
    grid-row-gap: 2rem;
}

ul.product_flex li{
/*    width: 30%;*/
    width: 48%;
}


ul.product_flex li img{
   /* width: 100%;*/
}

ul.product_befoaf_flex{
/*	justify-content: space-between;
	align-items: center;
    margin-bottom: 2rem;*/
    grid-row-gap: 1rem;
}

      
    
ul.product_befoaf_flex li:nth-of-type(1){
	/*width: 24%;*/
    width: 30%;
}

ul.product_befoaf_flex li:nth-of-type(3),
ul.product_befoaf_flex li:nth-of-type(5){
	/*width: 30%;*/
    width: 45%;
}


ul.product_befoaf_flex li:nth-of-type(2),
ul.product_befoaf_flex li:nth-of-type(4){
/*	width: 3%;
	text-align: center;
	color: var(--color-base);*/
}

    ul.product_befoaf_flex li:nth-of-type(2){
        width: 70%;
        height: 0;
        opacity: 0;
    }
    
    ul.product_befoaf_flex_2row li:nth-of-type(2){
        width: 3%;
	text-align: center;
	color: var(--color-base);
        opacity: 1;
    }


ul.product_befoaf_flex li img{
	/*width: 100%;*/

}

    
.inversion_titile{
/*    position: absolute;
    top: 0;
    left: 0;
     background: linear-gradient(120deg, #a0acbd 50%,#f1962e 50%);
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
    width: fit-content;
    padding: 0.5rem 2rem;
    text-transform:capitalize;
        font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
    font-size: 1.2rem;
    letter-spacing: 0.1em;*/
    font-size: 1.1rem;
}
    
    .nowrap_cap{
        white-space: nowrap;
    }
    
/*recruit*/


.recruit--bg {
/*    position: relative;
    border-left: 20px solid var(--color-base);
    border-right: 20px solid var(--color-base);
    z-index: 1;
    padding-block: 12% 0;
    background-color: #fff;*/
        border-left: 10px solid var(--color-base);
    border-right: 10px solid var(--color-base);
}

.recruit--message {
    /*position: relative;*/
}





.recruit--ttl {
/*    text-align: center;
    position: relative;
    font-size: 5rem;
    color: var(--color-base);
    line-height: 1;
    z-index: 2;
    font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;*/
    font-size: clamp(28px,8vw,50px);
}
    


.recruit--message_bg {
/*    position: sticky;
    width: 100%;
    z-index: -1;
    top: -40vw;
    height: 110vw;
    mask-image: none;
    background-color: transparent;*/
    /*height: 130vh;*/
    height: 1000px;
}



.recruit--message_bg span {
   /* z-index: -1;*/
}


.recruit--message_bg span:has(img) {
    /*position: absolute;*/
}

.img-cover {
/*    width: 100%;
    height: 100%;
    object-fit: cover;*/
}

.recruit--message_img01 {
/*    top: 2vw;
    right: 0;
    width: 40vw;
    aspect-ratio: 779 / 748;*/
    top: 100px;
    min-width: 250px;
}

.recruit--message_img02 {
/*    top: -3vw;
    left: 0;
    width: 48vw;
    aspect-ratio: 922 / 642;*/
    top: -20px;
    min-width: 200px;
}
.recruit--message_img03 {
/*    top: 80vw;
    left: 38vw;
    width: 28vw;
    aspect-ratio: 535 / 421;*/
    top: 750px;
    left: 25vw;
    width: 30vw;
    min-width: 180px;

}
.recruit--message_img04 {
/*    top: 40vw;
    left: 10vw;
    width: 43vw;
    aspect-ratio: 846 / 520;*/
    top: 300px;
    min-width: 230px;
}
.recruit--message_img05 {
/*    top: 47vw;
    right: 2vw;
    width: 28vw;
    aspect-ratio: 539 / 720;*/
    top: 500px;
    min-width: 160px;

}
.recruit--message_img06 {
/*    top: 73vw;
    left: 3vw;
    width: 29vw;
    aspect-ratio: 558 / 460;*/
    top: 550px;
    min-width: 210px;

}


.recruit--txt {
/*    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10vw;
    margin-top: 10vw;
    line-height: 1.31;
    width: 90%;
    max-width: 70vw;
    color: #fff;
    font-size: 2rem;*/
    font-size: clamp(18px,4vw,25px);
}

.recruit--message .blur {
/*    position: absolute;
    inset: 0;
    width: auto;
    aspect-ratio: unset;
    mask-image: none;
    background-color: rgba(0, 174, 183, 0.7);
    mix-blend-mode: unset;
    transition: all .4s ease-out;
    opacity: 0;
    z-index: -1;*/
}

.recruit--message.fixed .blur {
/*    opacity: 1;
    backdrop-filter: blur(1.09375rem);*/
}
    
.contact_button{
/*    margin-bottom: 12%;
    border: 2px solid var(--color-base);
    padding: 2rem;*/
}

.cta_flex{
/*    justify-content: center;
    align-items: center;
    column-gap: 2rem;
    grid-row-gap: 2rem;*/
}
.cta_text{
   /* width: 50%;*/
    width: 100%;
    text-align: center;
}
    
    p.cta_center{
        text-align: center;
    }

/*privacy*/
.privacy_list{
    /*margin-top: 5rem;*/
    margin-top: 3rem;
}
	
	

}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



@media only screen and (max-width: 599px) {
    
p.second_catch{
    /*font-size: 1.2rem;*/
    font-size: 1rem;
}

/* ----------------------------------------------------------
   CONTENTS AREA - SP
---------------------------------------------------------- */
/*business*/
 ul.product_flex{
/*    justify-content: space-between;
    margin-bottom: 3rem;*/
     grid-row-gap: 0.8rem;
}

ul.product_flex li{
   /* width: 30%;*/
   /* width: 100%;*/
    width: 49.5%;
}


ul.product_flex li img{
  /*  width: 100%;*/
}



	
/*company*/
.timeline{
    /*margin-bottom: 8%;*/
}

  .timeline > li {
/*    list-style: none;
    margin: 0;
    position: relative;
   border-left: 2px #e5e5d1 solid;
    padding: 1rem 2rem;
      display: flex;*/
	  flex-wrap: wrap;
  }
  .timeline-date {
/*      width: 200px;
      color: var(--color-base);
      font-weight: 500;*/
	  width: 100%;
  }
  .timeline-content {
    /*width: 75%;*/
	  width: 100%;

  }
   .timeline > li:before {
/*    content: '';
    width: 12px;
    height: 12px;
    background: var(--color-base);
    position: absolute;
    left: -6px;
    top: 23px;
    border-radius: 100%;
       z-index: 2;*/
	   width: 10px;
	   height: 10px;
	   left: -5px;
	   top: 20px;
  }

   .timeline > li:after {
/*    content: '';
    width: 2rem;
    height: 2rem;
    background: #E3F5FF;
    position: absolute;
    left: -1rem;
    top: 13px;
    border-radius: 100%;
       z-index: 1;*/
	   width: 20px;
	   height: 20px;
	   left: -10px;
	   top: 15px;
  }
    
    
/*product*/  
     
    
.certificate_img{
/*    width: 18%;
    padding: 0 1rem;*/
    width: 50%;
}

    
ul.product_befoaf_flex{
/*	justify-content: space-between;
	align-items: center;
    margin-bottom: 2rem;*/
   /* grid-row-gap: 1rem;*/
    grid-row-gap: 0.5rem;
}
    
ul.product_befoaf_flex_2row {
/*    justify-content: center;
    column-gap: 2rem;
    background-color: var(--color-sub);*/
    justify-content: space-between;
    column-gap: 0;
}

      
    
ul.product_befoaf_flex li:nth-of-type(1){
	/*width: 24%;*/
    /*width: 30%;*/
    width: 40%;
}

ul.product_befoaf_flex li:nth-of-type(3),
ul.product_befoaf_flex li:nth-of-type(5){
	/*width: 30%;*/
    /*width: 45%;*/
    width: 47%;
}


ul.product_befoaf_flex li:nth-of-type(2),
ul.product_befoaf_flex li:nth-of-type(4){
/*	width: 3%;
	text-align: center;
	color: var(--color-base);*/
}

    ul.product_befoaf_flex li:nth-of-type(2){
/*        width: 70%;
        height: 0;
        opacity: 0;*/
    }
    
    ul.product_befoaf_flex_2row li:nth-of-type(2){
/*        width: 3%;
	text-align: center;
	color: var(--color-base);
        opacity: 1;*/
    }


/*recruit*/
    
    .recruit_massage_area {
        /* padding: 8% 0; */
        padding: 8% 0 50% 0;
    }    
    
    
.recruit_massage_area02{
/*    padding: 8% 0;
    position: relative;
    background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url("../recruit/img/back.png");
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;*/

    padding-bottom: 12%;
}   
    
.recruit_img01{
    /*  position: absolute;
    top: 2%;
    left: 0;
    width: 30%;*/
    min-width: 110px;
    
}

.recruit_img02{
/*    position: absolute;
    top: 15%;
    right: 10%;
    width: 25%;*/
    right: 0;
    top: 7%;
    min-width: 120px;
}

.recruit_img03{
/*    position: absolute;
    bottom: 12%;
    left: 0;
    width: 20%;
    min-width: 250px;*/
/*    bottom: 8%;
    width: 40%;*/

    min-width: auto;
}
    
    .recruit_img03 img{
        min-width: auto;
    }


.recruit_img04{
/*    position: absolute;
    bottom: 0%;
    left:30%;
    width: 33%;*/
}

.recruit_img05{
/*    position: absolute;
    bottom: 8%;
    right: 0;
    width: 30%;*/
    width: 35%;
}
    
    
.recruit-text {
/*    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20vw;
    margin-top: 10vw;
    line-height: 1.31;
    letter-spacing: 0.1em;
    width: 70vw;
    font-size: 1.3rem;
     z-index: 2;
    position: relative;*/
    
   /* padding-bottom: 40%;*/
    width: 100%;
    padding: 0 5%;
    font-size: 1rem;
}
    
    
}
/*** SP END ***/



/****** ALL END ******/