@charset "UTF-8";

/* --------------------------------------------
COMMON
--------------------------------------------- */
#feature , #news{
	--green01 : #399482;
	--green02 : color-mix( in sRGB , var( --green01 ) , white 55% );
	--filterWhite : invert( 100% ) sepia( 93% ) saturate( 26% ) hue-rotate( 21deg ) brightness( 108% ) contrast( 107% );
	--filterGreen01 : invert( 48% ) sepia( 95% ) saturate( 260% ) hue-rotate( 118deg ) brightness( 87% ) contrast( 87% );
	box-sizing : border-box;
	padding : 0;
	margin : 0;
	line-height : 1;
	*{
		box-sizing : border-box;
		padding : 0;
		margin : 0;
		line-height : 1;
	}
	ul{
		list-style : none;
	}
	img{
		vertical-align : top;
	}
	a{
		-webkit-text-decoration : none;
		text-decoration : none;
	}
	@media screen and ( width <= 768px ){
		--remBase : 100vw / 400;
		br.pc{
			display : none;
		}
	}
	@media screen and ( width > 768px ){
		--remBase : min( 1px , 100vw / 1280 );
		br.sp{
			display : none;
		}
	}
}

/* --------------------------------------------
FEATURE
--------------------------------------------- */
#feature{
	display : grid;
	grid-auto-flow : row;

	/* background-color: #f5f0e9; */
	background-color : white;
	:where( header , .body , footer ){
		background-color : var( --green02 );
	}
	:where( header , .body , footer ){
		grid-column : 2;
	}
	header{
		/* border-radius : calc( 20 * var(--remBase ) ) calc( 20 * var(--remBase ) ) 0 0; */
		hgroup{
			text-align : center;
			p{
				font-size : calc( 16 * var( --remBase ) );
				color : black;
			}
			h2{
				span{
					display : inline;
					font-weight : 700;
					line-height : 1;
					color : var( --green01 );
					background : linear-gradient( transparent 40% , #ff6 40% );
				}
			}
		}
		> p{
			font-weight : 600;
			color : var( --green01 );
		}
		dt{
			font-size : calc( 16 * var( --remBase ) );
			font-weight : 400;
			line-height : calc( 36 / 16 );
			color : black;
		}
		dd{
			display : grid;
			grid-template-columns : auto auto;
			align-items : start;
			justify-content : start;
			strong{
				grid-column : 1;
				font-weight : 600;
				color : white;
				letter-spacing : .05em;
				text-box : trim-both cap alphabetic;
			}
			span{
				grid-row : 1;
				grid-column : 2;
				font-weight : 400;
				color : black;
			}
		}
	}
	.bgSlider{
		grid-column : 1/-1;
		width : 100%;
		height : calc( 185 * var( --remBase ) );
		background : image-set( url( "/wp-content/uploads/2026/02/slide.avif" ) type( "image/avif" ) , url( "/wp-content/uploads/2026/02/slide.webp" ) type( "image/webp" ) ) 0 0 / auto 100% repeat-x;
		animation : bgroop 20s linear infinite;
	}
	.body{
		h3{
			font-size : calc( 16 * var( --remBase ) );
			font-weight : 400;
			color : black;
		}
		ul{
			padding-block : calc( 2 * var( --remBase ) );
			background-color : var( --green01 );
		}
		li{
			counter-increment : no;
			background-color : var( --green02 );
		}
		h4{
			display : grid;
			grid-template-columns : auto 1fr;
			align-items : start;
			justify-content : start;
			&::before{
				font-weight : 600;
				color : var( --green01 );
				content : counter( no , decimal-leading-zero );
			}
			span{
				font-weight : 400;
				color : black;
				text-align : center;
			}
		}
	}
	footer{
		/* border-radius : 0 0 calc( 20 * var(--remBase ) ) calc( 20 * var(--remBase ) ); */
		p{
			color : var( --green01 );
			text-align : center;
			strong{
				display : inline;
				font-weight : 700;
				background : linear-gradient( transparent 40% , #ff6 40% );
			}
		}
		a{
			position : relative;

			/* border-radius: 100vmax; */
			display : grid;
			place-items : center;
			margin-inline : auto;
			font-weight : 600;
			color : var( --green01 );
			background-color : #fff;
			outline : solid calc( 2 * var( --remBase ) ) var( --green01 );
			outline-offset : calc( -2 * var( --remBase ) );
			&::after{
				position : absolute;
				top : 50%;
				display : block;
				width : auto;
				aspect-ratio : 1;
				font-size : 0;
				content : "";
				background : url( "../images/ui/arrow/arrow01.svg" ) center / contain no-repeat;
				filter : var( --filterGreen01 );
				translate : 0 -50%;
			}
		}
	}
	@media screen and ( width <= 768px ){
		grid-template-columns : calc( 16 * 100% / 400 ) 1fr calc( 16 * 100% / 400 );
		padding-block : calc( 32 * var( --remBase ) );
		:where( header , .body , footer ){
			padding-inline : calc( 16 * 100% / 368 );
		}
		header{
			padding-block : calc( 32 * var( --remBase ) );
			hgroup{
				p{
					line-height : calc( 28.8 / 16 );
				}
				h2{
					margin-top : calc( 16 * var( --remBase ) );
					span{
						font-size : calc( 20 * var( --remBase ) );
					}
				}
			}
			> p{
				margin-top : calc( 16 * var( --remBase ) );
				font-size : calc( 16 * var( --remBase ) );
				line-height : calc( 28.8 / 16 );
			}
			dl{
				margin-top : calc( 32 * var( --remBase ) );
				> div + div{
					padding-top : calc( 16 * var( --remBase ) );
					margin-top : calc( 16 * var( --remBase ) );
					border-top : dotted calc( 2 * var( --remBase ) ) var( --green01 );
				}
				> div{
					display : grid;
					grid-auto-flow : row;
					align-items : start;
					justify-content : center;
				}
			}
			dd{
				align-items : start;
				margin-top : calc( 8 * var( --remBase ) );
				strong{
					grid-row : 1;
					font-size : calc( 88 * var( --remBase ) );
				}
				span{
					grid-row : 1;
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 28.8 / 16 );
				}
			}
		}
		.body{
			padding-top : calc( 40 * var( --remBase ) );
			padding-bottom : calc( 28 * var( --remBase ) );
			ul{
				margin-top : calc( 28 * var( --remBase ) );
			}
			li{
				padding-block : calc( 16 * var( --remBase ) );
				padding-inline : calc( 16 * 100% / 336 );
				+ li{
					margin-top : calc( 2 * var( --remBase ) );
				}
				&:first-child{
					border-radius : 0 0 calc( 20 * var( --remBase ) ) calc( 20 * var( --remBase ) ) ;
				}
				&:not(:first-child, :last-child){
					border-radius : calc( 20 * var( --remBase ) );
				}
				&:last-child{
					border-radius : calc( 20 * var( --remBase ) ) calc( 20 * var( --remBase ) ) 0 0;
				}
			}
			h4{
				column-gap : calc( 8 * var( --remBase ) );
				&::before{
					font-size : calc( 28 * var( --remBase ) );
				}
				span{
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 20.8 / 16 );
				}
			}
			img{
				margin-top : calc( 16 * var( --remBase ) );
			}
		}
		footer{
			padding-top : calc( 28 * var( --remBase ) );
			padding-bottom : calc( 20 * var( --remBase ) );
			p{
				strong{
					font-size : calc( 18 * var( --remBase ) );
					line-height : calc( 28.8 / 18 );
				}
			}
			a{
				width : calc( 280 * 100% / 336 );
				height : calc( 40 * var( --remBase ) );
				margin-top : calc( 28 * var( --remBase ) );
				font-size : calc( 14 * var( --remBase ) );
				&::after{
					right : calc( 15 * 100% / 280 );
					height : calc( 14 * var( --remBase ) );
				}
			}
		}
	}
	@media screen and ( width > 768px ){
		grid-template-columns : 1fr min( 1280px , 100% ) 1fr;
		padding-block : calc( 80 * var( --remBase ) );
		header{
			padding-top : calc( 100 * var( --remBase ) );
			padding-bottom : calc( 60 * var( --remBase ) );
			hgroup{
				h2{
					margin-top : calc( 50 * var( --remBase ) );
					span{
						font-size : calc( 32 * var( --remBase ) );
					}
				}
			}
			> p{
				margin-top : calc( 50 * var( --remBase ) );
				font-size : calc( 18 * var( --remBase ) );
				line-height : calc( 28 / 18 );
				text-align : center;
			}
			dl{
				display : grid;
				grid-template-columns : 1fr auto 1fr;
				align-items : start;
				justify-content : center;
				margin-top : calc( 50 * var( --remBase ) );
				display: flex;
				> div{
					&:nth-of-type( 1 ){
						justify-self : end;
					}
					&:nth-of-type( 3 ){
						justify-self : start;
					}
					+ div{
						dd{
							border-left : dotted calc( 2 * var( --remBase ) ) var( --green01 );
						}
					}
				}
			}
			dd{
				grid-template-rows : auto auto;
				padding-inline : calc( 30 * var( --remBase ) );
				margin-top : calc( 15 * var( --remBase ) );
				strong{
					grid-row : 2;
					font-size : calc( 100 * var( --remBase ) );
				}
				span{
					font-size : calc( 16 * var( --remBase ) );
				}
			}
		}
		:where( .body , footer ){
			padding-inline : calc( 100 * 100% / 1280 );
		}
		.body{
			padding-top : calc( 60 * var( --remBase ) );
			padding-bottom : calc( 80 * var( --remBase ) );
			ul{
				display : grid;
				grid-template-columns : repeat( 3 , calc( 100% / 3 ) );
				row-gap : calc( 2 * var( --remBase ) );
				column-gap : calc( 2 * var( --remBase ) );
				justify-content : space-between;
				margin-top : calc( 40 * var( --remBase ) );
			}
			li{
				display : grid;
				grid-template-rows : subgrid;
				grid-row : span 2;
				row-gap : calc( 25 * var( --remBase ) );
				padding-block : calc( 25 * var( --remBase ) );
				padding-inline : calc( 25 * var( --remBase ) );
				border-radius : calc( 20 * var( --remBase ) );
				&:nth-of-type( 3n+1 ){
					border-radius : 0 calc( 20 * var( --remBase ) ) calc( 20 * var( --remBase ) ) 0;
				}
				&:nth-of-type( 3n+2 ){
					border-radius : calc( 20 * var( --remBase ) );
				}
				&:nth-of-type( 3n+3 ){
					border-radius : calc( 20 * var( --remBase ) ) 0 0 calc( 20 * var( --remBase ) );
				}
			}
			h4{
				column-gap : calc( 10 * var( --remBase ) );
				&::before{
					font-size : calc( 36 * var( --remBase ) );
				}
				span{
					font-size : calc( 16 * var( --remBase ) );
					line-height : calc( 25.6 / 16 );
				}
			}
		}
		footer{
			padding-bottom : calc( 60 * var( --remBase ) );
			text-align : center;
			p{
				strong{
					font-size : calc( 26 * var( --remBase ) );
				}
			}
			a{
				width : calc( 500 * 100% / 1080 );
				height : calc( 54 * var( --remBase ) );
				margin-top : calc( 80 * var( --remBase ) );
				font-size : calc( 18 * var( --remBase ) );
				&::after{
					right : calc( 25 * 100% / 500 );
					height : calc( 18 * var( --remBase ) );
				}
			}
		}
	}
}
@keyframes bgroop{
	from{
		background-position-x : 0;
	}
	to{
		background-position-x : calc( -1280 * var( --remBase ) );
	}
}
@media ( hover : hover ){
	#feature a:hover{
		scale : .95;
	}
}
@media ( prefers-reduced-motion : no-preference ){
	#feature a{
		transition : scale 1s linear;
	}
}

/* --------------------------------------------
NEWS
--------------------------------------------- */
#news{
	background-color : white;
	h2{
		display : grid;
		grid-auto-flow : column;
		align-items : center;
		justify-content : center;
		font-weight : 700;
		img{
			width : auto;
		}
	}
	li{
		border-bottom : dotted calc( 2 * var( --remBase ) ) #999;
	}
	li a{
		display : block;
	}
	article{
		display : grid;
	}
	picture{
		grid-row : 1/-1;
		grid-column : 1;
		width : 100%;
		img{
			object-fit : cover;
			width : 100%;
			height : 100%;
		}
	}
	.noImg{
		outline : solid 1px #999;
		outline-offset : -1px;
	}
	time{
		grid-column : 2;
	}
	h3{
		grid-column : 2;
	}
	>a{
		position : relative;
		display : grid;
		grid-template-columns : auto auto;
		column-gap : .25em;
		align-items : center;
		justify-content : center;
		margin-inline : auto;
		color : white;
		background-color : var( --green01 );

		/* border-radius: 100vmax; */
		&::after{
			display : block;
			width : auto;
			aspect-ratio : 1;
			font-size : 0;
			content : "";
			background : url( "../images/ui/arrow/arrow01.svg" ) center / contain no-repeat;
			filter : var( --filterWhite );
		}
	}
	@media screen and ( width <= 768px ){
		padding-inline : calc( 16 * 100% / 400 );
		padding-top : calc( 48 * var( --remBase ) );
		padding-bottom : calc( 16 * var( --remBase ) );
		h2{
			img{
				height : calc( 24 * var( --remBase ) );
			}
			span{
				font-size : calc( 18 * var( --remBase ) );
			}
		}
		ul{
			margin-top : calc( ( 40 - 16 ) * var( --remBase ) );
		}
		li + li{
			margin-top : calc( 16 * var( --remBase ) );
		}
		li a{
			padding-block : calc( 16 * var( --remBase ) );
		}
		article{
			grid-template-rows : auto auto 1fr;
			grid-template-columns : calc( 90 * 100% / 368 ) 1fr;
			column-gap : calc( 16 * 100% / 368 );
			align-items : start;
		}
		picture{
			height : calc( 58 * var( --remBase ) );
		}
		time , h3{
			font-size : calc( 13 * var( --remBase ) );
			line-height : calc( 22.1 / 13 );
		}
		time{
			grid-row : 1;
		}
		h3{
			grid-row : 2;
		}
		> a{
			width : calc( 218 * 100% / 368 );
			height : calc( 44 * var( --remBase ) );
			margin-top : calc( 28 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			&::after{
				height : calc( 14 * var( --remBase ) );
			}
		}
	}
	@media screen and ( width > 768px ){
		padding-inline : max( calc( 100% - 890px ) / 2 , calc( 195 * 100% / 1280 ) );
		padding-top : calc( 80 * var( --remBase ) );
		padding-bottom : calc( 40 * var( --remBase ) );
		h2{
			img{
				height : calc( 48 * var( --remBase ) );
			}
			span{
				font-size : calc( 36 * var( --remBase ) );
			}
		}
		ul{
			margin-top : calc( 40 * var( --remBase ) );
		}
		li a{
			padding-inline : calc( 40 * 100% / 890 );
			padding-top : calc( 20 * var( --remBase ) );
			padding-bottom : calc( 16 * var( --remBase ) );
		}
		article{
			grid-template-rows : 1fr auto auto 1fr;
			grid-template-columns : calc( 130 * 100% / 810 ) 1fr;
			column-gap : calc( 20 * 100% / 810 );
		}
		picture{
			align-self : center;
			height : calc( 82 * var( --remBase ) );
		}
		:where( time , h3 ){
			font-size : calc( 16 * var( --remBase ) );
			line-height : calc( 27.2 / 16 );
		}
		time{
			grid-row : 2;
		}
		h3{
			grid-row : 3;
		}
		>a{
			width : calc( 218 * 100% / 890 );
			height : calc( 44 * var( --remBase ) );
			margin-top : calc( 48 * var( --remBase ) );
			font-size : calc( 14 * var( --remBase ) );
			&::after{
				height : calc( 14 * var( --remBase ) );
			}
		}
	}
}


/* 追加エリア：20260209 */
/* TOPページFV */

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500&display=swap');

.l-header {
  background-color: initial;
}

.site-content.home {
  margin-top: 0;
}

@media (min-width: 768px) {
  .header_title a {
    display: none;
  }
}

.area-fv {
  position: relative;
  background-color: #f2f3f4;
}

@media (min-width: 768px) {
  .area-fv .mod-image {
    margin-left: auto;
    width: 78%
  }
}

@media (min-width: 1024px) {
  .area-fv .mod-image {
    width: 73.2291666667%;
    min-width: 934px;
    margin-bottom: 4rem;
  }
}

.area-fv .mod-copy {
  margin: -26px auto 0;
  width: 88.8888888889%
}

.area-fv .mod-copy .txt-copy {
  position: relative;
  z-index: 2
}

.area-fv .mod-copy .txt-copy .txt-copy {
	display: inline-block;
	font-family: "Shippori Mincho", serif;
	font-weight: 500;
	font-style: normal;
	font-size: min(5vw, 70px);
	letter-spacing: 0.3em;
	background-color: #FFF;
	padding: 13px 17px 19px 20px;
	line-height: 1;
}

.txt-copy01 {
  font-size: min(7vw, 50px) !important;
}

.txt-copy02 {
  margin-top: 30px;
}

.area-fv .mod-copy .txt-copy .txt-copy_sub {
  display: inline-block;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
  font-size: min(1.5vw, 24px);
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-shadow: 0 0 10px #FFF;
  background-color: #ffffff;
  padding: 15px 20px;
}

@media (max-width: 768px) {
  .area-fv .mod-copy .txt-copy .txt-copy {
    padding: 10px;
    font-size: min(5vw, 70px);
  }

  .txt-copy02 {
    margin-top: 2vw;
    font-size: min(8vw, 70px) !important;
  }

  .area-fv .mod-copy .txt-copy .txt-copy_sub {
    font-size: min(4vw, 40px);
    margin-top: 2vw;
  }
}

.area-fv .mod-copy .btn-fv {
  margin-top: 32px
}

@media (min-width: 768px) {
  .area-fv .mod-copy {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 6.25%;
  }
}

@media (min-width: 768px) {
  .area-fv .mod-copy {
    top: max(14vw, 100px);
    left: 6.25%;
  }

  .area-fv .mod-copy .logo {
    max-width: 300px;
    width: 40%;
    margin-bottom: 50px;
  }

  .area-fv .mod-copy .txt-copy .txt-copy_02 {
    margin-top: 20px;
  }

  .area-fv .mod-copy .txt-copy .txt-copy_sub {
    max-width: 827px;
    width: 65.2097130243%;
    margin-top: max(2vw, 30px);
  }

  .area-fv .mod-copy .btn-fv {
    margin-top: 5.9259259259vh;
    max-width: 603px;
    width: 66.5562913907%
  }
}

@media (min-width: 768px) {
  .area-fv .mod-copy .logo {
    width: 20% !important;
  }
}

.l-header {
  transition: all 0.5s;
}

.l-header.active {
  background-color: #FFF;
  transition: all 0.5s;
}

.header_title a {
  transition: all 0.5s;
}

.l-header.active .header_title a {
  display: block;
  transition: all 0.5s;
}

@media (max-width: 1200px) {
  body .slick-next {
    right: 0;
  }
}

#feature {
  background-color: #399482 !important;
  --green02: unset;
  color: #fff;
}

#feature p {
  color: #fff !important;
}

#feature dt {
  color: #fff !important;
}

#feature span {
  line-height: 1.5 !important;
}

#feature dd span {
  color: #fff !important;
}

#feature header hgroup h2 span {
  background: linear-gradient(transparent 0%, #ff6 29%) !important;
}

#feature {
  & .body {
    & h4 {
      &::before {
        color: #fff !important;
      }
    }
  }
}

/* 強みエリア */
@media screen and (min-width: 769px) {
 .sp{
	display: none;
}
  .feature {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: #f2f3f4;
    margin-top: 10rem;
  }

  .feature section.top {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 100px 100px 20px 100px;
    border-radius: 20px 20px 0 0;
    background-color: #399482;
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgwLDAsMCwwLjAyKSIgaGVpZ2h0PSIxMjBweCIgd2lkdGg9IjcwcHgiIHZpZXdCb3g9IjAgMCA3MCAxMjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcwLDEyMEgwTDM1LDYwWk03MCwwLDM1LDYwSDcwWk0wLDBWNjBIMzVaIi8+PC9zdmc+);
  }

  .feature section.top ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .feature section.top ul li {
    width: 100%;
    height: auto;
    text-align: center;
    line-height: 1.0em;
    margin-bottom: 50px;
    padding: 0;
    list-style: none;
  }

  .feature section.top ul li span {
    width: 320px;
    font-size: 18px;
    line-height: 1.0em;
    text-align: center;
    color: #333;
    margin: 0 auto;
    padding: 0.8em 0 0.6em 0;
    border-radius: 30px;
    background-color: #fff;
    display: block;
  }

  .feature section.top ul li strong {
    font-size: 32px;
    color: #fff;
    background: linear-gradient(transparent 60%, #ecc32b 60%);
    text-decoration: underline wavy #fff;
    text-decoration-thickness: 3px;
    text-underline-offset: 7px;
  }

  .feature section.top ul li p {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.0em;
    text-align: center;
    color: #ffff;
  }

  .feature section.top section.area_cover {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
  }

  .feature section.top section.area_cover .area01,
  .feature section.top section.area_cover .area02,
  .feature section.top section.area_cover .area03 {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .feature section.top section.area_cover .area01 span,
  .feature section.top section.area_cover .area02 span,
  .feature section.top section.area_cover .area03 span {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.0em;
    text-align: left;
    color: #389482;
    padding: 0.4em 1.5em 0.4em 1.5em;
    border-radius: 30px;
    background-color: #ffffff;
    display: inline;
  }

  .feature section.top section.area_cover .area01 span {
    margin-left: 5px;
  }

  .feature section.top section.area_cover .area02 span,
  .feature section.top section.area_cover .area03 span {
    margin-left: 35px;
  }

  .feature section.top section.area_cover .area01 ul,
  .feature section.top section.area_cover .area02 ul,
  .feature section.top section.area_cover .area03 ul {
    width: auto;
    height: auto;
    margin-top: 15px;
  }

  .feature section.top section.area_cover .area01 ul {
    padding-right: 30px;
    border-right: 2px dotted #fff;
  }

  .feature section.top section.area_cover .area02 ul {
    padding: 0 30px;
    border-right: 2px dotted #fff;
  }

  .feature section.top section.area_cover .area03 ul {
    padding-left: 30px;
    border: none;
  }

  .feature section.top section.area_cover .area01 ul li,
  .feature section.top section.area_cover .area02 ul li,
  .feature section.top section.area_cover .area03 ul li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .feature section.top section.area_cover .area01 ul li strong,
  .feature section.top section.area_cover .area02 ul li strong,
  .feature section.top section.area_cover .area03 ul li strong {
    font-family: "arial", "メイリオ";
    font-size: 100px;
    font-weight: 600;
    text-align: left;
    line-height: 1.0em;
    color: #fff;
    background: none;
    display: block;
	text-decoration: none;
  }

  .feature section.top section.area_cover .area01 ul li span {
    width: 22px;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    line-height: 1.1em;
    color: #fff;
    margin-left: -25px;
    padding-top: 20px;
    writing-mode: horizontal-tb;
    background: none;
    display: block;
  }

  .feature section.top section.area_cover .area03 ul li span {
    width: 22px;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    line-height: 1.1em;
    color: #fff;
    margin-left: -25px;
    padding-top: 15px;
    writing-mode: horizontal-tb;
    background: none;
    display: block;
  }

  .feature section.top section.area_cover .area02 ul li span {
    width: 22px;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    line-height: 1.0em;
    color: #fff;
    margin-left: -30px;
    padding-top: 10px;
    background: none;
    display: block;
  }

  .feature section.middle {
    width: 100%;
    height: auto;
    padding: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgwLDAsMCwwLjAyKSIgaGVpZ2h0PSIxMjBweCIgd2lkdGg9IjcwcHgiIHZpZXdCb3g9IjAgMCA3MCAxMjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcwLDEyMEgwTDM1LDYwWk03MCwwLDM1LDYwSDcwWk0wLDBWNjBIMzVaIi8+PC9zdmc+);
  }
}

.feature section.middle figure.slider {
  width: 100%;
  height: 185px;
  background-image: url("/wp-content/uploads/2026/02/slide.png");
  background-repeat: repeat-x;
  opacity: 1;
  animation: bg-scroll 30s linear infinite;
}

@keyframes bg-scroll {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -2000px 0;
  }
}

.feature section.bottom {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 60px 100px;
  border-radius: 0 0 20px 20px;
  background-color: #399482;
  background-image: url(data:image/svg+xml;base64,PHN2ZyAgZmlsbD0icmdiYSgwLDAsMCwwLjAyKSIgaGVpZ2h0PSIxMjBweCIgd2lkdGg9IjcwcHgiIHZpZXdCb3g9IjAgMCA3MCAxMjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcwLDEyMEgwTDM1LDYwWk03MCwwLDM1LDYwSDcwWk0wLDBWNjBIMzVaIi8+PC9zdmc+);
}

.feature section.bottom span {
  width: 320px;
  font-size: 18px;
  line-height: 1.0em;
  text-align: center;
  color: #389482;
  margin: 0;
  padding: 0.8em 0 0.6em 0;
  border-radius: 30px;
  background-color: #ffffff;
  display: block;
  font-weight: 900;
}

.feature section.bottom section.cover {
  width: 100%;
  height: auto;
  margin: 40px 0 80px 0;
  padding-top: 2px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  counter-reset: number;
}

.feature section.bottom section.cover ul {
  width: 33.209876543%;
  height: auto;
  margin-bottom: 2px;
  padding: 25px;
  border-radius: 0;
  background-color: #399482;
  list-style: none;
}

.feature section.bottom section.cover ul:nth-child(1),
.feature section.bottom section.cover ul:nth-child(4) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.feature section.bottom section.cover ul:nth-child(2),
.feature section.bottom section.cover ul:nth-child(5) {
  border-radius: 20px;
}

.feature section.bottom section.cover ul:nth-child(3),
.feature section.bottom section.cover ul:nth-child(6) {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.feature section.bottom section.cover ul li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

.feature section.bottom section.cover ul li:first-child {
  margin-bottom: 25px;
}

.feature section.bottom section.cover ul li p {
  padding-left: 50px;
  border-radius: none;
  position: relative;
}

.feature section.bottom section.cover ul li p::before {
  font-family: "arial";
  font-size: 36px;
  font-weight: 600;
  color: #389482;
  position: absolute;
  left: 0;
  top: 0;
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero) " ";
}

.feature section.bottom section.cover ul li p span {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
  text-align: left;
  color: #333;
  margin: 5px 0;
  padding: 9px 10px 7px 10px;
  border-radius: 0;
  display: block;
  background-color: #fff;
}

.feature section.bottom section.cover ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.feature section.bottom p {
  text-align: center;
}

.feature section.bottom p strong {
  font-size: 26px;
  color: #fff;
  background: linear-gradient(transparent 40%, #e8e7e330 40%);
  text-decoration: underline wavy #fff;
  text-decoration-thickness: 3px;
  text-underline-offset: 7px;
}

.feature section.bottom a {
  width: 500px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  line-height: 1.0em;
  color: #389482;
  margin: 80px auto 0 auto;
  padding: 17px 0 15px 0;
  border-radius: 40px;
  border: 2px solid #333;
  background-color: #ffffff;
  position: relative;
  display: block;
}

.feature section.bottom a::after {
  width: 0;
  height: 0;
  margin: auto;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25px;
  border-top: 6px solid transparent;
  border-right: 0 solid transparent;
  border-left: 9px solid #389482;
  border-bottom: 6px solid transparent;
  box-sizing: border-box;
}

.feature section.bottom a:hover {
  transition: 1.0s;
  transform: scale(0.95);
}
}

/* 追記 ここまで */

@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .feature section.bottom section.cover ul li p::before {
    font-family: "arial";
    font-size: 36px;
    font-weight: 600;
    color: #f9f9f9;
    position: absolute;
    left: 0;
    top: 0;
    counter-increment: number 1;
    content: counter(number, decimal-leading-zero) " ";
  }
}



/* 追記 ここからmobile 2026.1.12 */
@media screen and (max-width: 768px) {
.feature {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 7.8125% 0;
  background-color: #f2f3f4;
}
.feature section.top {
 width: 100%;
 height: auto;
 margin: 0 auto;
 padding: 7.8125% 3.90625%;
 border-radius: 20px 20px 0 0;
 background-color: #399482;
 }
.feature section.top ul {
 width: 100%;
 height: auto;
 margin: 0;
 padding: 0;
}
.feature section.top ul li {
 width: 100%;
 height: auto;
 text-align: center;
 line-height: 1.8em;
 margin-bottom: 3.90625%;
 padding: 0;
 list-style: none;
}
.feature section.top ul li span {
 width: 65.1041666666%;
 font-size: 3.0vw;
 line-height: 1.0em;
 text-align: center;
 color: #333;
 margin: 0 auto;
 padding: 0.8em 0;
 border-radius: 30px;
 background-color: #fff;
 display: block;
}

.feature section.top ul li strong {
 font-size: 5.0vw;
 color: #fff;
 background: linear-gradient(transparent 60%, #ecc32b 60%);
 text-decoration: underline wavy #fff;
 text-decoration-thickness: 3px;
}
.feature section.top ul li p {
 font-size: 3.8vw;
 font-weight: 600;
 line-height: 1.6em;
 text-align: left;
 color: #fff;
}

  .feature section.top section.area_cover {
    width: 100%;
    height: auto;
    margin-top: 3.90625%;
    padding: 0;
    display: table;
  }

  .feature section.top section.area_cover .area01,
  .feature section.top section.area_cover .area02 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5.208333333% 0 1.302083333% 13.020833333%;
    border-bottom: 2px dotted #fff;
  }

  .feature section.top section.area_cover .area03 {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5.208333333% 0 0 13.020833333%;
    border: none;
  }

  .feature section.top section.area_cover .area01 span,
  .feature section.top section.area_cover .area02 span,
  .feature section.top section.area_cover .area03 span {
    font-size: 3.0vw;
    font-weight: 600;
    line-height: 1.0em;
    text-align: left;
    color: #389482;
    padding: 0.4em 1.0em;
    border-radius: 30px;
    background-color: #ffffff;
    display: inline;
  }

  .feature section.top section.area_cover .area01 ul,
  .feature section.top section.area_cover .area02 ul,
  .feature section.top section.area_cover .area03 ul {
    width: auto;
    height: auto;
    margin-top: 1.302083333%;
  }

  .feature section.top section.area_cover .area01 ul li,
  .feature section.top section.area_cover .area02 ul li,
  .feature section.top section.area_cover .area03 ul li {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .feature section.top section.area_cover .area01 ul li strong,
  .feature section.top section.area_cover .area02 ul li strong,
  .feature section.top section.area_cover .area03 ul li strong {
    font-family: "arial", "メイリオ";
    font-size: 22.0vw;
    font-weight: 600;
    text-align: left;
    line-height: 1.0em;
    color: #fff;
    background: none;
    display: block;
	text-decoration: none;
  }

  .feature section.top section.area_cover .area01 ul li span {
    width: 4.5vw;
    font-size: 4.5vw;
    font-weight: bold;
    text-align: left;
    line-height: 1.05em;
    color: #fff;
    margin-left: -2.5vw;
    padding-top: 5vw;
    writing-mode: horizontal-tb;
    background: none;
    display: block;
  }

  .feature section.top section.area_cover .area03 ul li span {
    width: 4.5vw;
    font-size: 4.5vw;
    font-weight: bold;
    text-align: left;
    line-height: 1.05em;
    color: #fff;
    margin-left: -2.5vw;
    padding-top: 5.0vw;
    writing-mode: horizontal-tb;
    background: none;
    display: block;
  }

  .feature section.top section.area_cover .area02 ul li span {
    width: 5.5vw;
    font-size: 5.5vw;
    font-weight: bold;
    text-align: left;
    line-height: 1.0em;
    color: #fff;
    margin-left: -3.5vw;
    padding-top: 2.5vw;
    background: none;
    display: block;
  }

  .feature section.middle {
    width: 100%;
    height: auto;
    margin-bottom: -16px;
    padding: 0;
  }

  .feature section.middle figure.slider {
    width: 100%;
    height: 185px;
    background-image: url("/wp-content/uploads/2026/02/slide.png");
    background-repeat: repeat-x;
    opacity: 1;
  }

  .feature section.middle figure.slider {
    width: 100%;
    height: 185px;
    background-image: url("/asahikawashinkyu-test/wp-content/uploads/2026/02/slide.png");
    background-repeat: repeat-x;
    background-position: 0 0;
    animation: bg-scroll 30s linear infinite;
    position: relative;
  }

  @keyframes bg-scroll {
    from {
      background-position: 0 0;
    }

    to {
      background-position: -2000px 0;
    }
  }

  .feature section.bottom {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 10.41666666% 3.90625% 5.208333333% 3.90625%;
    border-radius: 0 0 20px 20px;
    background-color: #399482;
  }

  .feature section.bottom span {
    width: 65.1041666666%;
    font-size: 3.0vw;
    line-height: 1.0em;
    text-align: center;
    color: #389482;
    margin: 0;
    padding: 0.8em 0;
    border-radius: 30px;
    background-color: #ffffff;
    display: block;
	font-weight: 900;
  }

  .feature section.bottom section.cover {
    width: 100%;
    height: auto;
    margin: 7.8125% 0;
    padding: 2px 0;
    background-color: #fff;
    counter-reset: number;
  }

  .feature section.bottom section.cover ul {
    width: 100%;
    height: auto;
    margin-bottom: 2px;
    padding: 5.208333333% 3.90625%;
    border-radius: 20px;
    background-color: #399482;
  }

  .feature section.bottom section.cover ul:nth-child(1) {
    border-radius: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  .feature section.bottom section.cover ul:nth-child(6) {
    margin: 0;
    border-radius: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }

  .feature section.bottom section.cover ul li {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .feature section.bottom section.cover ul li:first-child {
    margin-bottom: 5.208333333%;
  }

  .feature section.bottom section.cover ul li p {
    line-height: 1.3em !important;
    padding-left: 10.0vw;
    border-radius: none;
    position: relative;
  }

  .feature section.bottom section.cover ul li p::before {
    font-family: "arial";
    font-size: 7.0vw;
    font-weight: 600;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    counter-increment: number 1;
    content: counter(number, decimal-leading-zero) " ";
  }

  .feature section.bottom section.cover ul li p span {
    width: 100%;
    font-size: 3.5vw;
    font-weight: bold;
    line-height: 1.5em;
    text-align: left;
    color: #333;
    margin: 5px 0;
    padding: 0.5em 1.0em;
    border-radius: 0;
    display: block;
    background-color: #fff;
  }

  .feature section.bottom section.cover ul li img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .feature section.bottom p {
    text-align: center;
    line-height: 1.8em !important;
    display: block;
  }

  .feature section.bottom p strong {
    font-size: 4.5vw;
    color: #fff;
    background: linear-gradient(transparent 40%, #e8e7e330 40%);
  }

  .feature section.bottom a {
    width: 88.683615819%;
    font-size: 3.5vw;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1.0em;
    color: #389482;
    margin: 7.8125% auto 0 auto;
    padding: 1.8em 0;
    border-radius: 40px;
    border: 2px solid #333;
    background-color: #ffffff;
    position: relative;
    display: block;
  }

  .feature section.bottom a::after {
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    border-top: 6px solid transparent;
    border-right: 0 solid transparent;
    border-left: 9px solid #389482;
    border-bottom: 6px solid transparent;
    box-sizing: border-box;
  }

  .feature section.bottom a:hover {
    transition: 1.0s;
    transform: scale(0.95);
  }
	 .feature section.bottom section.cover ul {
    width: 100%;
    height: auto;
    margin-bottom: 2px;
    padding: 5.208333333% 3.90625%;
    border-radius: 20px;
    background-color: #389482;
  }
}
.dd-menu-flex-item-wrapper {
  display: flex;
  align-items: center;
}
/* ヘッダー追加 */
.et_pb_divimenus_flex_0_tb_header .dd-flex{
	margin-left: 45%;
}
a:where(:not(.wp-element-button)) {
    text-decoration: none;
}
.dd-text-content{
	font-size: 16px;
}
.dd-menu-flex-item .dd-text {
  pointer-events: none;
}