.hd_menu li:nth-of-type(4) button {
 color: #ff9600;
}
/*                        welfare                        */
.page_inner {
 overflow: hidden;
}

.mv_inner {
 background: #E19B00;
background: linear-gradient(90deg, rgba(225, 155, 0, 1) 0%, rgba(255, 235, 120, 1) 100%);
 position: relative;
}
.mv_sab_ttl {
 color: #ff9600;
}
.page_top {
padding-bottom: min(8rem, calc(80vw / 13.66));
}

.environment_top {
 width: min(117rem, calc(1170vw / 13.66));
 margin: 0 auto min(14rem, calc(140vw / 13.66));
 box-sizing: border-box;
 border-radius: min(3rem, calc(30vw / 13.66));
 border: #ffc800 solid min(.2rem, calc(2vw / 13.66));
 position: relative;
 z-index: 1;
 padding: min(13rem, calc(130vw / 13.66)) 0 min(5rem, calc(50vw / 13.66));
}
.environment_img {
 width: min(105rem, calc(1050vw / 13.66));
 margin: 0 auto;
}
.environment_ttl {
 font-size: 4.5rem;
 font-weight: 700;
 padding: 0 min(4.5rem, calc(45vw / 13.66));
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 top: 0;
 border-radius:  0 0 min(3rem, calc(30vw / 13.66)) min(3rem, calc(30vw / 13.66));
 background:#ffc800;
 width: fit-content;
 line-height: 1.84;
}


.level_inner {
 position: relative;
 width:  min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
}
.level_ttl ,.occ_ttl,
.skill_ttl{
 width: fit-content;
 background-color: #000000;
 font-size: 4rem;
 color: #fff;
 position: relative;
 padding: 0 min(10rem, calc(100vw / 13.66));
 margin-bottom: min(9rem, calc(90vw / 13.66));
}
.level_ttl::before ,
.occ_ttl::before ,
.skill_ttl::before {
 content: '';
 width:  min(9rem, calc(90vw / 13.66));
 height: 100%;
 background-color: #ffc800;
 clip-path: polygon(0 0%, 0% 100%, 100% 0);
 position: absolute;
 top: 0;
 left: 0;
}
.level_item {
 position: relative;
 margin-bottom: min(19rem, calc(190vw / 13.66));
}
.level_item:nth-last-of-type(2) {
 margin-bottom: min(25rem, calc(250vw / 13.66));
}
.level_item:nth-last-of-type(1) {
 margin-bottom: min(23rem, calc(230vw / 13.66));

}
.level_item_ttl {
 text-align: left;
 display: flex;
 flex-direction: column;
 font-size: 4.5rem;
 color: #ff9600;
 line-height: 1.33;
 font-weight: 700;
 position: relative;
 gap: min(1.5rem, calc(15vw / 13.66)) 0;
}
.level_item:nth-of-type(2) .level_item_ttl {
align-items: flex-end;
}
.level_item_ttl::before {
 content: '';
 width: 100%;
 height: min(.2rem, calc(2vw / 13.66));
 background-color: #000;
 position: absolute;
 left: 0;
 bottom: min(.4rem, calc(4vw / 13.66));
}
.level_item_ttl span {
 display: block;
 width:  min(1rem, calc(10vw / 13.66));
 height:  min(1rem, calc(10vw / 13.66));
 border-radius: 50%;
 background-color: #000;
}

.level_item_txt {
 width:  min(36rem, calc(360vw / 13.66));
 text-align: justify;
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 margin-top: min(1.5rem, calc(15vw / 13.66));
}
.level_item:nth-of-type(2) .level_item_txt {
 margin-left: auto;
}
.level_item_img {
 width:  min(111rem, calc(1110vw / 13.66));
 position: absolute;
 top: max(-4rem, calc(-40vw / 13.66));
 right: max(-35rem, calc(-350vw / 13.66));
 z-index: 1;
}

.level_item:nth-of-type(2) .level_item_img {
 right: auto;
 left: max(-35rem, calc(-350vw / 13.66));
}

.level_item_flex {
 width:  min(117rem, calc(1170vw / 13.66));
 margin: min(9rem, calc(90vw / 13.66)) auto 0;
 display: flex;
 flex-wrap: wrap;
 gap: min(3rem, calc(30vw / 13.66));
 position: relative;
 z-index: 1;
}

.level_item_box {
 width:  min(27rem, calc(270vw / 13.66));
 background-color: #fff;
 border-radius: min(2rem, calc(20vw / 13.66));
 box-sizing: border-box;
 padding:min(3rem, calc(30vw / 13.66)) min(3rem, calc(30vw / 13.66))  min(2.5rem, calc(25vw / 13.66));
 position: relative;
 display: flex;
 flex-direction: column;
}
.level_box_num {
 width:  min(6.8rem, calc(68vw / 13.66));
 position: absolute;
 top: max(-2rem, calc(-20vw / 13.66));
 left: min(1rem, calc(10vw / 13.66));
}
.level_box_ttl {
 font-size: 2.8rem;
 font-weight: 700;
 line-height: 1.25;
 background-color: #fff3c7;
 border-radius:  0 min(1.6rem, calc(16vw / 13.66)) min(1.6rem, calc(16vw / 13.66)) min(1.6rem, calc(16vw / 13.66));
 flex: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: min(1.5rem, calc(15vw / 13.66)) 0;
}
.level_box_txt {
 text-align: justify;
 font-size: 1.6rem;
 line-height: 2.25;
 margin-top: min(2.5rem, calc(25vw / 13.66));
}


.occ {
 background-color: #fff;
 padding-bottom: min(12rem, calc(120vw / 13.66));
}
.occ_inner {
  width:  min(117rem, calc(1170vw / 13.66));
  margin: 0 auto;
}

.occ_top {
display: flex;
align-items: center;
border-radius: min(3rem, calc(30vw / 13.66));
box-sizing: border-box;
border: #ffc800 solid min(.2rem, calc(2vw / 13.66));
padding: min(4rem, calc(40vw / 13.66)) 0;
gap: 0 min(5rem, calc(50vw / 13.66));
margin-bottom: min(6rem, calc(60vw / 13.66));
}

.occ_top_ttl {
 width: min(28.8rem, calc(288vw / 13.66));
 background-color: #ffc800;
 border-radius:0  min(7.8rem, calc(78vw / 13.66)) min(7.8rem, calc(78vw / 13.66)) 0;
 text-align: left;
 padding: min(2.8rem, calc(28vw / 13.66)) 0;
 padding-left: min(5.5rem, calc(55vw / 13.66)) ;
 font-size: 3rem;
 line-height: 1.66;
 font-weight: 700;
 box-sizing: border-box;
}

.occ_top_txt {
 font-size: 2.6rem;
 line-height: 1.9;
 text-align: justify;
 font-weight: 700;
}

.occ_item {
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.occ_item:nth-of-type(3) {
 flex-direction: row-reverse;
}
.occ_detail {
 width: min(52rem, calc(520vw / 13.66));
}
.occ_item_ttl {
 font-size: 4.5rem;
 font-weight: 700;
 box-sizing: border-box;
 padding-left: min(6rem, calc(60vw / 13.66));
 text-align: left;
 position: relative;
 z-index: 1;
}
.occ_item_ttl::before {
 content: '';
 width:  min(86rem, calc(860vw / 13.66));
 height: 100%;
 background-color: #ffc800;
 border-radius:  min(4.5rem, calc(45vw / 13.66));
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
}
.occ_item:nth-of-type(3) .occ_item_ttl::before  {
 left: auto;
 right: 0;
}
.occ_item_txt {
 font-size: 1.6rem;
 line-height: 2.25;
 font-weight: 500;
 text-align: justify;
 margin-top:  min(3rem, calc(30vw / 13.66));
}
.occ_item_txt span {
 background: #FFF591;
background: linear-gradient(135deg, rgba(255, 245, 145, 1) 10%, rgba(255, 245, 145, 1) 90%);
 background-repeat: no-repeat;
 background-size: 0% 100%;
 transition:background-size 1.5s;
 transition-delay: .5s;
 transition-timing-function: linear;
}
.occ_item_txt.scrollin span{
 background-size: 100% 100%;
}
.occ_menu {
 width:  min(60rem, calc(600vw / 13.66));
 box-sizing: border-box;
 border-radius:  50%;
 border:  min(.4rem, calc(4vw / 13.66)) solid #fff;
 background-color: #fff3c7;
 position: relative;
 z-index: 1;
 padding:  min(13.5rem, calc(135vw / 13.66))  0;
}
.occ_menu_ttl {
 font-size: 3.4rem;
 font-weight: 700;
 margin-bottom: min(2rem, calc(20vw / 13.66));
}
.occ_menu ul {
 width: fit-content;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 gap: min(1rem, calc(10vw / 13.66)) 0;
}
.occ_menu li {
 display: flex;
 justify-content: flex-start;
 align-items: center;
 gap: 0  min(2rem, calc(20vw / 13.66));
 font-size: 2.2rem;
 font-weight: 500;
}
.occ_menu li span {
 width: min(10.4rem, calc(104vw / 13.66));
 font-size: 0;
}

.skill {
 background-color: #fffbeb;
 padding-bottom:  min(12rem, calc(120vw / 13.66));
 position: relative;
 z-index: 1;
}
.skill::before {
 content: "";
 width: 100%;
 height:  calc(910vw / 13.66);
 background: url(../images/welfare/page_bg.webp);
 background-size: cover;
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: -1;
 transform: scale(-1, -1);
}
.skill_inner {
 width: min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
}




.skill_item {
 width: min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
 box-sizing: border-box;
 border: #ff9600 solid min(.2rem, calc(2vw / 13.66));
 border-radius: min(3rem, calc(30vw / 13.66));
 padding-bottom: min(5rem, calc(50vw / 13.66));
}
.skill_item:not(:last-of-type) {
 margin-bottom: min(7rem, calc(70vw / 13.66));
}
.skill_item_ttl {
 width: fit-content;
 padding: 0 min(8rem, calc(80vw / 13.66));
 font-size: 4.5rem;
 font-weight: 700;
 margin: 0 auto;
  border: #ff9600 solid min(.2rem, calc(2vw / 13.66));
  border-top: none;
  border-radius:0 0  min(3rem, calc(30vw / 13.66)) min(3rem, calc(30vw / 13.66));
  margin-bottom: min(3rem, calc(30vw / 13.66));
}
.skill_item_txt {
width: min(105rem, calc(1050vw / 13.66));
margin: 0 auto;
text-align: justify;
font-size: 1.6rem;
font-weight: 500;
line-height: 2.25;
}

.skill_list {
 display: flex;
 justify-content: center;
 gap: 0 min(1.5rem, calc(15vw / 13.66));
 margin-top: min(5rem, calc(50vw / 13.66));
}

.skill_list li {
 width: min(25rem, calc(250vw / 13.66));
 background-color: #fff;
 border-radius:  min(2rem, calc(20vw / 13.66));
 position: relative;
 padding: min(4rem, calc(40vw / 13.66)) 0 min(3rem, calc(30vw / 13.66));
}
.skill_num {
 width: min(6.8rem, calc(68vw / 13.66));
 position: absolute;
 left: min(1rem, calc(10vw / 13.66));
 top: max(-2rem, calc(-20vw / 13.66));
}
.skill_list_ttl {
 font-size: 2.8rem;
 font-weight: 700;
 line-height: 1.25;
}
.skill_list_img {
 width: min(17.3rem, calc(173vw / 13.66));
 margin: min(1rem, calc(10vw / 13.66)) auto min(1.5rem, calc(15vw / 13.66));
}
.skill_list_txt {
 width: min(19rem, calc(190vw / 13.66));
 margin: 0 auto;
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 text-align: justify;
}

.skill_lic {
 width: min(111rem, calc(1110vw / 13.66));
 background: #FFCB3E;
background: linear-gradient(90deg, rgba(255, 203, 62, 1) 0%, rgba(255, 255, 212, 1) 100%);
border-radius:  0 min(13.6rem, calc(136vw / 13.66)) min(13.6rem, calc(136vw / 13.66)) 0;
box-sizing: border-box;
padding: min(4rem, calc(40vw / 13.66)) 0 min(4.5rem, calc(45vw / 13.66));
padding-left:  min(6rem, calc(60vw / 13.66));
margin-top: min(3.5rem, calc(35vw / 13.66));

}
.skill_lic_ttl {
 font-size: 3.4rem;
 text-align: left;
 font-weight: 700;
 margin-bottom: min(2rem, calc(20vw / 13.66));
}
.skill_lic ul {
 width: min(81rem, calc(810vw / 13.66));
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 gap: min(1rem, calc(10vw / 13.66)) min(5rem, calc(50vw / 13.66));
}
.skill_lic li {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 0  min(2rem, calc(20vw / 13.66));
 font-size: 2.2rem;
}
.skill_lic li span{
 width: min(14rem, calc(140vw / 13.66));
}
.skill_lic li:nth-of-type(3) span{
 width: min(12rem, calc(120vw / 13.66));
}
.skill_lic li:nth-of-type(4) span{
 width: min(14rem, calc(140vw / 13.66));
}




.page_banner_inner {
 background: url(../images/environment/environment_banner_01.webp) no-repeat;
 background-size: cover;
}
.page_banner_02 {
 padding-top: 0;
}
.page_banner_02 .page_banner_inner{
 background: url(../images/environment/environment_banner_02.webp) no-repeat;
 background-size: cover;
}
.banner_btn {
 background: #FFFFD4;
background: linear-gradient(90deg, rgba(255, 255, 212, 1) 0%, rgba(255, 203, 62, 1) 100%);
}



@media screen and (max-width: 767px) {
.page_top {
padding-bottom: 4.5rem;
}

.environment_top {
 width:32.5rem;
 margin: 0 auto 5rem;
 border-radius: 1.5rem;
 border: #ffc800 solid .2rem;
 padding: 0 0 2.5rem;
 overflow: hidden;
}
.environment_img {
 width: 27.5rem;
 overflow: scroll;
}
.environment_img img{
 width: 78.8rem !important;
}
.environment_ttl {
 width: 100%;
 font-size: 2.5rem;
 line-height: 1.4;
 padding: .8rem 0;
 border-radius:  0;
 position: relative;
 margin-bottom: 2.5rem;
}


.level_inner {
 width: 100%;
}
.level_ttl ,.occ_ttl,
.skill_ttl{
 font-size: 2.4rem;
 padding: .3rem 6rem;
 margin-bottom: 2.5rem;
}
.level_ttl::before ,
.occ_ttl::before ,
.skill_ttl::before {
 width:  5.4rem;
}
.level_item {
 position: relative;
 margin-bottom: 4rem;
}
.level_item:nth-last-of-type(2) {
 margin-bottom: 4rem;
}
.level_item:nth-last-of-type(1) {
 margin-bottom: 5rem;

}
.level_item_detail {
 width: 32.5rem;
 margin: 0 auto;
}
.level_item_ttl {
 font-size: 2.5rem;
 gap: 1rem 0;
}
.level_item:nth-of-type(2) .level_item_ttl {
align-items: flex-start;
}
.level_item_ttl::before {
 width: 100vw;
 height: .2rem;
 bottom: .4rem;
}
.level_item:nth-of-type(2) .level_item_ttl::before {
 left: auto;
 right: 0;
}
.level_item_ttl span {
 width: 1rem;
 height: 1rem;
}
.level_item:nth-of-type(2) .level_item_ttl span {
 margin-left: auto;
}

.level_item_txt {
 width:  100%;
 font-size: 1.4rem;
 line-height: 1.75;
 margin-top: 1rem;
}
.level_item:nth-of-type(2) .level_item_txt {
 margin-left: auto;
}
.level_item_img {
 width:  35.5rem;
 position: relative;
 top:0;
 right: -2rem;
 margin-bottom: 1.5rem;
}

.level_item:nth-of-type(2) .level_item_img {
 right: auto;
 left:-2rem;
}

.level_item_flex {
 width: 32.5rem;
 margin:4rem auto 0;
 flex-direction: column;
 gap:2.5rem 0;
}

.level_item_box {
 width: 100%;
 border-radius: 1rem;
 padding:1.3rem 2.5rem  2rem;
}
.level_box_num {
 width: 4.1rem;
 top:-1.7rem;
 left: 1.3rem;
}
.level_box_ttl {
 font-size: 1.8rem;
 border-radius:  0 .8rem .8rem .8rem;
 padding:.9rem 0;
 position: relative;
 z-index: 1;
}
.level_box_txt {
 font-size: 1.4rem;
 line-height: 1.75;
 margin-top: 1rem;
}


.occ {
 padding-bottom: 5rem;
}
.occ_inner {
  width:  100%;
}

.occ_top {
 width: 32.5rem;
border-radius: 1.5rem;
border: #ffc800 solid .2rem;
padding: 2rem  0 2.5rem;
gap:  1.5rem 0;
margin: 0 auto;
margin-bottom: 3.5rem;
flex-direction: column;
align-items: flex-start;
}

.occ_top_ttl {
 width:17.5rem;
 border-radius:0  5rem 5rem 0;
 padding: 1.3rem 0;
 padding-left: 2.5rem ;
 font-size: 1.9rem;
}

.occ_top_txt {
 width: 27.5rem;
 margin: 0 auto;
 font-size: 1.7rem;
 line-height: 1.68;
}

.occ_item {
 flex-direction: column;
 gap: 1.5rem 0;
 margin-bottom: 5rem;
}
.occ_item:nth-of-type(3) {
 flex-direction: column;
}
.occ_item:last-of-type {
 margin-bottom: 0;
}
.occ_detail {
 width: 100%;;
}
.occ_item_ttl {
 font-size: 2.5rem;
 padding:0 2.5rem;
 background-color: #ffc800;
 width: fit-content;
 border-radius: 2.4rem 0 0 2.4rem;
 margin-left: auto;
}

.occ_item_ttl::before {
 content: none;
}
.occ_item:nth-of-type(3) .occ_item_ttl  {
 margin-left: 0;
 border-radius:0 2.4rem 2.4rem 0;
}
.occ_item_txt {
 width: 32.5rem;
 margin: 0 auto;
 font-size: 1.4rem;
 line-height: 1.75;
 margin-top: 1.5rem;
}
.occ_menu {
 width:  32.5rem;
 border: none;
 padding: 6.7rem  0;
}
.occ_menu_ttl {
 font-size: 2rem;
 margin-bottom: .8rem;
}
.occ_menu ul {
 gap: .5rem 0;
}
.occ_menu li {
 gap: 0  .9rem;
 font-size: 1.6rem;
}
.occ_menu li span {
 width:5.9rem;
}

.skill {
 padding-bottom:  5rem;
}
.skill::before {
 height: 43rem;
 background: url(../images/welfare/page_bg_sp.webp);
 background-size: cover;
}
.skill_inner {
 width: 100%;
}

.skill_ttl {
 padding: .7rem 6rem;
 padding-right: 2.5rem;
 font-size: 2rem;
 margin-bottom: 3.5rem;

}


.skill_item {
 width: 32.5rem;
 border: #ff9600 solid .2rem;
 border-radius: 1.5rem;
 padding-bottom:2.5rem;
}
.skill_item:not(:last-of-type) {
 margin-bottom: 3.5rem;
}
.skill_item_ttl {
 padding: 0 2.2rem;
 font-size: 2.3rem;
  border: #ff9600 solid .2rem;
  border-radius:0 0  2rem 2rem;
  border-top: none;
  margin-bottom:2rem;
}
.skill_item_txt {
width: 27.5rem;
font-size: 1.4rem;
line-height: 1.75;
}

.skill_list {
 width: 27.5rem;
 margin: 0 auto;
flex-direction: column;
 gap: 2.5rem 0;
 margin-top: 2.5rem;
}

.skill_list li {
 width: 100%;
 border-radius:  1rem;
 padding: 2rem 0 2rem;
}
.skill_num {
 width: 4.1rem;
 position: absolute;
 left: 1rem;
 top: -1rem;
}
.skill_list_ttl {
 font-size: 1.8rem;
}
.skill_list_img {
 width: 13rem;
 margin: 1rem auto 1rem;
}
.skill_list_txt {
 width:22.5rem;
 font-size: 1.4rem;
 line-height: 1.75;
}

.skill_lic {
 width: 31rem;
border-radius:  0 11.7rem 11.7rem 0;
padding: 3.5rem 0 3.5rem;
padding-left:2rem;
margin-top: 2rem;

}
.skill_lic_ttl {
 font-size: 2rem;
 margin-bottom: 1.5rem;
}
.skill_lic ul {
 width: 100%;
 gap: .5rem 0;
}
.skill_lic li {
 gap: 0 .5rem;
 font-size: 1.6rem;
}
.skill_lic li:nth-of-type(2) {
 order: 3;
}
.skill_lic li:nth-of-type(3) {
 order: 2;
}
.skill_lic li:nth-of-type(4) {
 order: 4;
}
.skill_lic li span{
 width: 4rem;
 font-size: 0;
}
.skill_lic li:nth-of-type(3) span{
 width: 4rem;
}
.skill_lic li:nth-of-type(4) span{
 width: 4rem;
}




.page_banner_inner {
 background: url(../images/environment/environment_banner_01_sp.webp) no-repeat;
 background-size: cover;
}
.page_banner_02 {
 padding-top: 0;
}
.page_banner_02 .page_banner_inner{
 background: url(../images/environment/environment_banner_02_sp.webp) no-repeat;
 background-size: cover;
}
}