@charset "utf-8";
/* CSS Document */

/*----------------------------*/
.page_tit_wrap.pattern01{
background: url('../images/welfare/title_img.webp');
	
}
.page_tit_wrap.pattern01 .page_tit p.en_tit{
	       font-size: 1.48em;/*20*/
}

:where(figure){
	margin-bottom: 0em !important;
}
:where(.wp-block-columns){
	margin-bottom: 0em !important;
	
}
section p{
	letter-spacing: 0.1em;
	color: #333;
	font-size: 1.3rem;
	position: relative;
}
/*----------------------------*/
section.wp-block-group {
/*width: 83.33%;
	margin: 0 auto;*/       
	padding-left: 30px;
        padding-right: 30px;
}

section.wp-block-group{

	background-image: url("../images/welfare/bg_sec.webp");
	        background-size: 45.25rem;
        background-position: center top;
	        background-repeat: no-repeat;
}

section.wp-block-group:nth-of-type(even){
background-color: #f0f5f7;	
}
/*----------------------------*/
h3.wp-block-heading{
	        font-size: 1.65rem;
        border-bottom: 1.5px solid currentColor;
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 500;
	padding-bottom: 0.2rem;
        position: relative;
}


h4.wp-block-heading{
	    font-weight: 500;
        display: flex;
        align-items: center;
	gap:0.8rem;
	font-size: 1.5rem;
	  font-family: "Zen Kaku Gothic New", sans-serif;
	        z-index: 1;
        position: relative;

}
h4.wp-block-heading::before{
	content: "";
	width: 1.15rem;
	height: 1.15rem;
	background-color: #f28e1e;
	display: inline-block;
	border-radius: 50%;
	margin-left: -0.5rem;
}
h5.wp-block-heading{
	font-size: 1.5rem;
	border-bottom: 1px solid currentColor; 
	  font-family: "Zen Kaku Gothic New", sans-serif;
	        font-weight: 500;
	padding-bottom: 0.2rem;
	text-align: center;
	position: relative;

}
.catch_b{
        font-size: 1.65rem;
        line-height: 1.36;
	letter-spacing: 0.05em;
}

#nav01 .catch_b{
	text-align: center;
}

#nav01 .txt{
	line-height: 1.73;
	text-align: justify;
}
.shadow_box{
	position: relative;
	z-index: 0;
}
.shadow_box::before{
	content: "";
	position: absolute;
	pointer-events: none;
	z-index:-1;/**/
	background-repeat: no-repeat;
}
.shadow_0268::before{
	background-image:url("../images/welfare/shadow_0268_sp.webp");
	left: 2.5rem;
	width: 98.05vw;
	height: 81.94vw;
	top: 5.6rem;
	background-size: 100%;
}
.shadow_0234::before{
	background-image:url("../images/welfare/shadow_1017_sp.webp");
	left: 2.5rem;
	width: 98.05vw;
	height: 54.16vw;
	top: 1.5rem;
	background-size: 100%;
}
.shadow_0393::before{
	background-image:url("../images/welfare/shadow_1017.webp");
        left: 2.5rem;
        width: 98.05vw;
        height: 100%;
        top: 5.5rem;
        background-size: cover;
}
.shadow_1017::before{
	background-image:url("../images/welfare/shadow_1017_sp.webp"),url("../images/welfare/shadow_1017_sp.webp"),url("../images/welfare/shadow_1017_sp.webp");
	left: 0;
	width: 147.78vw;
	        height: 97%;
	top: 6.2rem;
	background-size: 100%;
	background-position: left top,left center, left bottom;
}
.shadow_0751::before{
	background-image:url("../images/welfare/shadow_0751_b.webp");
	left: 2rem;
        width: 117.19vw;
        height: 111.13vw;
	top: 2.1rem;
	background-size: 100%;
}
.shadow_0588::before{
	background-image:url("../images/welfare/shadow_nav0203_sp.webp");
        left: -3.35rem;
        width: 164.44vw;
        height: 50.8rem;
                top: 12.8rem;
                background-size: contain;
}
.shadow_0512::before{
	background-image:url("../images/welfare/shadow_nav0203_sp.webp");
	width: 164.44vw;
	        height: 97%;
	top: 7rem;
	        left: 0;
	        background-size: cover;
}

.column_2{
        gap: 0;	
}
.column_3{
	justify-content: center;
	        gap: 1.5rem;
  }
 #nav01 .column_3 > div{
    flex-basis: unset !important;
    flex-grow: unset!important;
	        width: 83.33%;
  }
.column_3 > div figure{
  }

    .column_2 > div,
    .column_2 > div figure {
        display: block; /* inline-block を解除 */
    }

    .column_2 {
        align-items: flex-start; /* 画像の高さに合わせて伸びる */
    }

    .column_2 > div figure img {
        width: 100%;
        height: auto;
    }
    .column_2 > div:not(:first-of-type) {
        margin-top: auto;
    }

.wid_p5  > div{
	    width: calc(100% + 5%);
	        margin: 0 calc(0% - 5% / 2);
}
.box_flex > div{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
	        gap: 1.5rem;
}


/*----------------------------*/


#nav02 .list_wel > div{
        display: flex;
        flex-wrap: wrap;
	justify-content: space-between;
        gap: 1.2rem 0;
	}
#nav02 .list_wel_content{

	}
#nav02 .list_wel_content > div{
    display: flex;
    align-items: center;
	        gap: 0.75rem 1.3rem;
	background-color: rgba(255, 255, 255, .8);
	        padding: 1.2rem 1.9rem 1.65rem;
	border-radius: 0.5rem;
	text-align: justify;
	        flex-wrap: wrap;
	}
#nav02 .list_wel_content > div figure{
	        width: 5.28rem;
	}
#nav02 .list_wel_content .wel_title{
	        font-size: 1.75rem;
        font-weight: 500;
        line-height: 1.2;
}
#nav02 .wel_link{

}
#nav02 .wel_link a{
	color: #0071b7;
	text-decoration: underline;
	position: relative;
	display: inline-flex;
	        gap: 0.65rem;
	        align-items: center;
	
}
#nav02 .wel_link a::after{
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	background-image: url("../images/welfare/icon_link.svg");
	content: "";
	        background-size: 100%;
        background-repeat: no-repeat;
	
}

#nav02 .txt{
	letter-spacing: 0;
	line-height: 1.34;
}


/*----------------------------*/
#nav03 .txt{
	        line-height: 1.73;
	        text-align: justify;
}
#nav03 .jirei_content .jirei_img {

	        position: relative;
        z-index: 1;
    }
    #nav03 .jirei_info > div {
        background-color: rgba(255, 255, 255, .75);
        border-radius: 1.25em;
        max-width: unset;
	           width: calc(100% + 13.33%);
	        margin: 0 calc(0% - 13.33% / 2);
        position: relative;
		z-index: 0;
		transform: translateY(-6.4rem);
		        padding: 8.5rem 1.9rem 3.65rem;
        box-sizing: border-box;
    }
    #nav03 .jirei_link {
        position: relative;
		z-index: 0;
    }
    #nav03 .jirei_link::before {
        content: "";
		position: absolute;
		background-image: url("../images/welfare/jirei_link_shadow.webp");
        width: 29.65rem;
        height: 9.43rem;
        left: 1.6rem;
        top: 0.8rem;
		z-index: -1;
		background-size: 100%;
		
    }
/*----------------------------*/
.js-scroll{
	/*width: 83.33%;*/
margin: 0 auto;	
	margin-left: -5px;
}

.js-scroll figure{
width: 74rem;
	        padding-bottom: 4.5rem;
	
}