
 .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;
}

.welfare_item {
 margin-bottom:  min(20rem, calc(200vw / 13.66));
}
.welfare_item:nth-of-type(2) {
 margin-bottom:  min(15rem, calc(150vw / 13.66));
}
.welfare_item_top {
 position: relative;
 z-index: 1;
}
.welfare_item_top::before {
 content: '';
 width: 100%;
 height: min(60rem, calc(600vw / 13.66));
 background: #FFFFD4;
background: linear-gradient(90deg, rgba(255, 255, 212, 1) 0%, rgba(255, 203, 62, 1) 100%);
position: absolute;
top: 0;left: 0;
z-index: -1;
}
.welfare_item:nth-of-type(2) .welfare_item_top::before  {
 transform: scale(-1,1);
}
.welfare_item_top_inner {
 width:  min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
 position: relative;
 text-align: justify;
 padding: min(13.5rem, calc(135vw / 13.66)) 0  min(15rem, calc(150vw / 13.66));
}
.welfare_item:nth-of-type(2) .welfare_item_top_inner {
 padding: min(8.5rem, calc(85vw / 13.66)) 0  min(12.5rem, calc(125vw / 13.66));

}
.welfare_item_ttl {
 display: flex;
 flex-direction: column;
 font-size: 4.5rem;
 color: #000000;
 line-height: 1.33;
 font-weight: 700;
 position: relative;
 gap: min(1.5rem, calc(15vw / 13.66)) 0;
}
.welfare_item:nth-of-type(2) .welfare_item_ttl {
align-items: flex-end;
}
.welfare_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));
}
.welfare_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;
}

.welfare_item_txt {
 width:  min(47rem, calc(470vw / 13.66));
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 margin-top: min(1rem, calc(10vw / 13.66));
}
.welfare_item:nth-of-type(2) .welfare_item_txt {
 width:  min(49rem, calc(490vw / 13.66));
 margin-left: auto;
}
.welfare_item_img {
 width:  min(100rem, calc(1000vw / 13.66));
 position: absolute;
 top: max(-5rem, calc(-50vw / 13.66));
 right: max(-35rem, calc(-350vw / 13.66));
}

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

.welfare_item_flex {
 width:  min(117rem, calc(1170vw / 13.66));
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
 gap: min(4.8rem, calc(48vw / 13.66));
 position: relative;
 z-index: 1;
}

.welfare_item_box {
 width:  min(35.8rem, calc(358vw / 13.66));
 background-color: #fff;
 border-radius: min(2rem, calc(20vw / 13.66));
 box-sizing: border-box;
 padding:min(3.5rem, calc(35vw / 13.66)) min(2.5rem, calc(25vw / 13.66))  min(2.5rem, calc(25vw / 13.66));
 position: relative;
}
.welfare_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));
}
.welfare_box_ttl {
 font-size: 3rem;
 color: #ff9600;
 font-weight: 700;
}
.welfare_item:nth-of-type(2) .welfare_box_ttl {
 margin-bottom: min(1rem, calc(10vw / 13.66));
}
.welfare_box_img {
 width:  min(21.8rem, calc(218vw / 13.66));
 margin: 0 auto;
}
.welfare_box_txt {
 text-align: justify;
 font-size: 1.6rem;
 letter-spacing: 0.02em;
 line-height: 2.25;
 margin-top: min(.5rem, calc(5vw / 13.66));
}

.welfare_allowance {
 background:url(../images/welfare/allowance_bg.webp) no-repeat;
 background-size: cover;
 padding: min(7.5rem, calc(75vw / 13.66)) 0 min(11rem, calc(110vw / 13.66));
 position: relative;
}
.welfare_allowance_inner {
 width: min(117rem, calc(1170vw / 13.66)) ;
 margin: 0 auto;
 border: #ff9600 solid  min(.2rem, calc(2vw / 13.66)) ;
 border-radius:  min(3rem, calc(30vw / 13.66)) ;
 box-sizing: border-box;
 padding: min(7rem, calc(70vw / 13.66)) 0 min(12.5rem, calc(125vw / 13.66));
}
.welfare_allowance_ttl {
 width:  min(60rem, calc(600vw / 13.66));
 margin: 0 auto;
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 top: 0;
}
.welfare_allowance_txt {
 width: min(106rem, calc(1060vw / 13.66));
 margin: 0 auto;
 text-align: justify;
 font-size: 1.6rem;
 font-weight: 500;
 line-height: 2.25;
 font-weight: 500;
}
.welfare_allowance_list {
 width: min(98rem, calc(980vw / 13.66));
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
 gap: min(15rem, calc(150vw / 13.66)) min(3rem, calc(30vw / 13.66));
 margin: 0 auto;
 margin-top: min(11.5rem, calc(115vw / 13.66));
}
.welfare_allowance_list li {
 width: min(22rem, calc(220vw / 13.66));
 font-size: 1.6rem;
 font-weight: 500;
 letter-spacing: 0.02em;
 text-align: justify;
 position: relative;
 z-index: 1;
}
.welfare_allowance_list li p {
 width: min(17rem, calc(170vw / 13.66));
 margin: 0 auto;
}
.welfare_allowance_list li::before {
 content: '';
 width: min(26rem, calc(260vw / 13.66));
 height: min(26rem, calc(260vw / 13.66));
 background: url(../images/welfare/allowance_txt_bg.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: 50%;
 transform: translate(-50%,-50%);
 left: 50%;
 z-index: -1;
}
.welfare_allowance_list li span{
 font-size: 3rem;
 line-height: 1.46;
 font-weight: 600;
 color: #ff9600;
 display: block;
 text-align: center;
 margin-bottom: min(.5rem, calc(5vw / 13.66));
}


.page_banner_inner {
 background: url(../images/welfare/welfare_banner_01.webp) no-repeat;
 background-size: cover;
}
.page_banner_02 {
 padding-top: 0;
}
.page_banner_02 .page_banner_inner{
 background: url(../images/welfare/welfare_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: 21rem;

 }
.welfare_item {
 margin-bottom: 21.8rem;
}
.welfare_item:nth-of-type(2) {
 margin-bottom: 5rem;
}
.welfare_item_top::before {
 height: 45.5rem;
}
.welfare_item:nth-of-type(2) .welfare_item_top::before  {
 transform: scale(1);
 height: 53rem;
}
.welfare_item_top_inner {
 width:  32.5rem;
 padding:18rem 0  4rem;
}
.welfare_item:nth-of-type(2) .welfare_item_top_inner {
 padding: 17rem 0  4rem;

}
.welfare_item_ttl {
 font-size: 2.6rem;
 line-height: 1.4;
 gap:.5rem 0;
}
.welfare_item:nth-of-type(2) .welfare_item_ttl {
align-items: flex-start;
}
.welfare_item_ttl::before {
 content: '';
 width: 100vw;
 height:.2rem;
 bottom:.4rem;
}
.welfare_item:nth-of-type(2) .welfare_item_ttl::before {
 left: auto;
 right: 0;
}
.welfare_item_ttl span {
 width:  1rem;
 height:  1rem;
}
.welfare_item:nth-of-type(2) .welfare_item_ttl span {
 margin-left: auto;
}

.welfare_item_txt {
 width: 100%;
 font-size: 1.4rem;
 line-height: 1.75;
 margin-top: .5rem;
}
.welfare_item:nth-of-type(2) .welfare_item_txt {
 width:  100%;
 margin-left: auto;
}
.welfare_item_img {
 width:  35.5rem;
 position: absolute;
 top: -17rem;
 right: -2.5rem;
}

.welfare_item:nth-of-type(2) .welfare_item_img {
 right: auto;
 left: -2.5rem;
}

.welfare_item_flex {
 width: 32.5rem;
 gap: 2.5rem 0;
}

.welfare_item_box {
 width: 100%;
 border-radius:1rem;
 padding:2rem 2.5rem 2rem;
}
.welfare_box_num {
 width: 4.1rem;
 top: -1.7rem;
 left: 1.5rem;
}
.welfare_box_ttl {
 font-size: 1.8rem;
}
.welfare_item:nth-of-type(2) .welfare_box_ttl {
 margin-bottom: min(1rem, calc(10vw / 13.66));
}
.welfare_box_img {
 width: 16.5rem;
 margin: 0 auto;
}
.welfare_box_txt {
 font-size: 1.4rem;
 letter-spacing: 0;
 line-height: 1.75;
 margin-top: .5rem;
}

.welfare_allowance {
 background:url(../images/welfare/allowance_bg_sp.webp) no-repeat;
 background-size: cover;
 padding:3.6rem 0 5rem;
}
.welfare_allowance_inner {
 width: 32.5rem ;
 border: #ff9600 solid .2rem ;
 border-radius:  1.5rem;
 padding: 6.5rem 0 5.7rem;
}
.welfare_allowance_ttl {
 width: 22rem;
}
.welfare_allowance_txt {
 width:27.5rem;
 font-size: 1.4rem;
 line-height: 1.75;
}
.welfare_allowance_list {
 width: 24.5rem;
 justify-content: space-between;
 align-items: flex-start;
 gap:7rem 0;
 margin-top:5rem;
}
.welfare_allowance_list li:nth-of-type(even) {
 position: relative;
 top: 8rem;
}
.welfare_allowance_list li {
 width: 12.2rem;
 font-size: 1.4rem;
 line-height: 1.5;
 letter-spacing: 0;
}
.welfare_allowance_list li p {
 width:9rem;
}
.welfare_allowance_list li::before {
 width: 15.5rem;
 height: 15.5rem;
}
.welfare_allowance_list li span{
 font-size: 1.6rem;
 letter-spacing: 0;
 margin-bottom: .5rem
}


.page_banner_inner {
 background: url(../images/welfare/welfare_banner_01_sp.webp) no-repeat;
 background-size: cover;
}
.page_banner_02 {
 padding-top: 0;
}
.page_banner_02 .page_banner_inner{
 background: url(../images/welfare/welfare_banner_02_sp.webp) no-repeat;
 background-size: cover;
}

}
