@charset "utf-8";
section.single{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #DAECDD;
    padding: 5% 0 5% 0;
}
section.single .single_content{
	display: flex;
    flex-direction: column;
	max-width: 1275px;
    background-color: #fff;
    padding: 4rem;
    gap: 2rem;
    border-radius: 2vw;
	width: 100%;
}
section.single strong{
	font-size: clamp(16px, 2vw, 20px);
	color:#00b580;
	font-weight: bold;
}
h2.wp-block-heading {
   background: url(../../images/single/single-img2.webp), url(../../images/single/single-img1.webp);
    text-align: center;
    padding: 5% 20%;
    height: auto;
    color: #fff;
    background-position: right bottom -3%, left bottom -3%;
    background-repeat: no-repeat;
    background-color: #00b580;
    background-size: clamp(50px, 6vw, 100px);
    border-radius: 1vw;
    font-size: clamp(16px, 3vw, 40px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


h3.wp-block-heading{
	background: linear-gradient(135deg,  #DAECDD 0%, #DAECDD 83.33%, #00b580 83.34%,#00b580 100%);
    padding: 1%;
    border-radius: 1vw;
    
}
h4.wp-block-heading{
	position: relative;
    padding: 1%;
}
h4.wp-block-heading::after{
	content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 6px;
    background: #00b580;
    border-radius: 5px;
}
h5.wp-block-heading{
	font-size: clamp(16px, 2vw, 20px);
    padding: 0.4% 1%;
    color: #fff;
    position: relative;
    font-weight: bold;
    background: #00b580;
    border-radius: 0.5vw;
    margin-bottom: -30px;
}

.wp-block-image,
.wp-block-image img,
.wp-block-column .wp-block-image,
.wp-block-columns .wp-block-image img{
	object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    border-radius: 1vw;
}


.wp-block-column.is-layout-flow{
	display: flex;
    flex-direction: column;
    gap: 2rem;
}
.wp-block-column.is-layout-flow h2 {
	background-size: clamp(30px, 6vw, 50px);
}
.wp-block-column.is-layout-flow h3{
	background: linear-gradient(135deg,  #DAECDD 0%, #DAECDD 83.33%, #00b580 83.34%,#00b580 100%);
    padding: 1% 1rem;
    border-radius: 1vw;
    
}
.wp-block-column.is-layout-flow h4{
    padding: 1% 1rem;
}

.wp-block-column.is-layout-flow h5{
    padding: 0.4% 1rem;
    margin-bottom: -30px;
}

.wp-block-column figure.wp-block-image{
	border-radius: 1vw;
    object-fit: cover;
	overflow: hidden;
}
.wp-block-list{
    padding: 1rem 2rem;
    border: 0.4rem solid #00b580;
    line-height: 2;
    border-radius: 1vw;
    list-style: circle;
}

:where(.wp-block-columns) {
    margin-bottom: 0;
}

.wp-block-table{
    border-radius: 1.3vw;
    overflow: hidden;
}
.wp-block-table td{
    border: solid 0.2rem #fff;
    box-sizing: border-box;
    background: #DAECDD;
}
/*レスポンシブ*/

@media (max-width: 767px) {
	h2.wp-block-heading {
       background-size: 10vw;
    padding: 5% 15%;
    }
	section.single .single_content{
		padding: 5%;
	}
}/*:←hasの影響でエディター上エラーが出る可能性がありますが正常です*/