/*============ 共通項目 ==============*/

@media only screen and (min-width:840px){*.sp{display:none !important;}}
@media only screen and (max-width:840px){*.pc{display:none !important;}}


/*============ アニメーション設定 ==============*/

@keyframes moved1 {
	from {transform:scale(1,1);}
	50% {transform:scale(1.4,1.4);}
	to {transform:scale(1,1);}
	}

@keyframes moved2 {
	from {transform:rotate(0deg);}
	50% {transform:rotate(180deg);}
	to {transform:rotate(360deg);}
	}

@keyframes moved3 {
	from {transform:rotate(-45deg);}
	50% {transform:rotate(45deg);}
	to {transform:rotate(-45deg);}
	}

@keyframes moved4 {
	from {transform:translate(-15rem , -9rem);}
	12.5% {transform:translate(-7rem , -5rem);}
	25% {transform:translate(-3rem , 3rem);}
	37.5% {transform:translate(-8rem , 12rem);}
	50% {transform:translate(-16rem , 18rem);}
	62.5% {transform:translate(-8rem , 12rem);}
	75% {transform:translate(-3rem , 3rem);}
	87.5% {transform:translate(-7rem , -5rem);}
	to {transform:translate(-15rem , -9rem);}
	}

@keyframes moved5 {
	from {transform:scale(.8,.8);}
	50% {transform:scale(2,2);}
	to {transform:scale(.8,.8);}
	}

@keyframes moved6 {
	from {transform:scale(1,1);}
	20% {transform:scale(1.5,1.5);}
	50% {transform:scale(.3,.6);}
	70% {transform:scale(1.5,1.5);}
	90% {transform:scale(3,2);}
	to {transform:scale(1,1);}
	}

@keyframes moved7 {
	from {transform:translate(0rem , -5rem) rotate(0deg)}
	12.5% {transform:translate(-35rem , -7rem) rotate(-49deg)}
	25% {transform:translate(-75rem , -3rem) rotate(-27deg)}
	37.5% {transform:translate(-115rem , -6rem) rotate(-57deg);}
	50% {transform:translate(-163rem , -2rem) rotate(-7deg);}
	62.5% {transform:translate(-196rem , -5rem) rotate(-75deg);}
	65% {transform:translate(-196rem , -5rem) rotate(125deg);}
	75% {transform:translate(-76rem , -3rem) rotate(155deg);}
	87.5% {transform:translate(4rem , -3rem) rotate(126deg);}
	to {transform:translate(0rem , -5rem) rotate(0deg);}
	}


@keyframes moved8 {
	from {transform:rotate(-25deg);}
	50% {transform:rotate(25deg);}
	to {transform:rotate(-25deg);}
	}

/*============ ヘッダー構成 ==============*/

header.waraunHeader{width: 100%;}
header.waraunHeader div.hWrap {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4rem 3rem;
}
header.waraunHeader div.hWrap h1 {
	width: 50rem;
}
header.waraunHeader div.hWrap nav{}
header.waraunHeader div.hWrap nav ul {
	justify-content: center;
	gap: 2rem;
	width: 120rem;
}
header.waraunHeader div.hWrap nav ul li {
	width: calc(calc(100% - 8rem) / 5);
}
header.waraunHeader div.hWrap nav ul li a {
	border: 1px #fff solid;
	border-radius: 1rem;
	padding: 0.5rem 0;
	text-align: center;
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}
header.waraunHeader div.hWrap nav ul li:nth-of-type(1) a{background:#24b6a0;}
header.waraunHeader div.hWrap nav ul li:nth-of-type(2) a{background:#24b6a0;}
header.waraunHeader div.hWrap nav ul li:nth-of-type(3) a{background:#dbd911;}
header.waraunHeader div.hWrap nav ul li:nth-of-type(4) a{background:#f3a7ac;}
header.waraunHeader div.hWrap nav ul li:nth-of-type(5) a{background:#4582af;}
header.waraunHeader div.hWrap nav ul li a:before{
	content: '';
	display: block;
	height: 110%;
	width: 0%;
	background: rgba(255,255,255,.2);
	margin: 0 auto;
	transition: 0.4s ease-in;
	position: absolute;
	top: 0;
	right: -30%;
	transform: skewX(60deg);
	}
header.waraunHeader div.hWrap nav ul li a:hover:before{width:160%; left:-30%; right:auto;}
header.waraunHeader div.hWrap nav ul li a span {
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: min(3vw , 2.2rem);
}

header.waraunHeader div.contentWrap {
	width: 90%;
	margin: auto;
	position: relative;
	background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/h-bg_01.png) no-repeat center bottom 5rem / auto calc(100% - 10rem);
	height: 109rem;
}
header.waraunHeader div.contentWrap ul{}
header.waraunHeader div.contentWrap ul li {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
header.waraunHeader div.contentWrap ul li.icon01 {
	animation: moved5 10s linear infinite;
	width: 11rem;
	height: 11rem;
	left: -35rem;
	top: -35rem;
	position: absolute;
}
header.waraunHeader div.contentWrap ul li.icon02 {
	animation: moved5 20s linear infinite;
	width: 8rem;
	height: 9rem;
	right: -129rem;
	top: -70rem;
	position: absolute;
}
header.waraunHeader div.contentWrap ul li.icon03 {
	animation: moved2 30s linear infinite;
	width: 11rem;
	height: 9rem;
	top: -105rem;
	left: -79rem;
}
header.waraunHeader div.contentWrap ul li.icon04 {
	animation: moved4 40s linear infinite;
	width: 8rem;
	height: 8rem;
	left: -130rem;
	top: -15rem;
}
header.waraunHeader div.contentWrap ul li.icon05 {
	animation: moved6 60s linear infinite;
	width: 15rem;
	height: 16rem;
	right: -130rem;
	top: 20rem;
}
header.waraunHeader div.contentWrap ul li.icon06 {
	animation: moved1 10s linear infinite;
	width: 8rem;
	height: 8rem;
	bottom: -90rem;
	left: -130rem;
}
header.waraunHeader div.contentWrap ul li.icon07 {
	animation: moved1 10s linear infinite;
	width: 7rem;
	height: 7rem;
	top: -30rem;
	right: -160rem;
}
header.waraunHeader div.contentWrap ul li.icon08 {
	animation: moved1 10s linear infinite;
	width: 15rem;
	height: 15rem;
	bottom: -60rem;
	left: -80rem;
}
header.waraunHeader div.contentWrap ul li.icon09 {
	animation: moved1 10s linear infinite;
	width: 9rem;
	height: 9rem;
	bottom: -110rem;
	right: -160rem;
}
header.waraunHeader div.contentWrap h2:has(img) {
	width: 50rem;
	margin: auto;
}
header.waraunHeader div.contentWrap h2:not(:has(img)) {
	text-align: center;
	margin: 35rem auto 0;
	font-size: min(5vw , 3.3rem);
}



/*============ フッター構成 ==============*/

footer.waraunFooter {
	padding: 0 0 25rem;
	background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/lower/rinen-bg_bottom.png) no-repeat center bottom -55rem/ 100% auto;
	position: relative;
}

footer.waraunFooter:before {
	content: "";
	animation: moved2 30s linear infinite;
	width: 13rem;
	height: 11rem;
	bottom: 8rem;
	left: 0;
	background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/common/f-icon_05.png) no-repeat center / 100%;
	position: absolute;
	right: 0;
	margin: auto;
}
footer.waraunFooter div.fWrap {
	width: 100%;
	margin: 9rem auto 5rem;
	position: relative;
}
footer.waraunFooter div.fWrap h1 {
	width: 36rem;
	margin: auto;
}
footer.waraunFooter div.fWrap > ul {
	width: 42rem;
	margin: 3rem auto 5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
footer.waraunFooter div.fWrap > ul li {
	position: relative;
	width: 100%;
	padding-left: 6rem;
	font-size: min(3vw , 2rem);
}
footer.waraunFooter div.fWrap > ul li a{
	font-size: min(3vw , 2rem);
	}
footer.waraunFooter div.fWrap > ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 4rem;
	height: 4rem;
}
footer.waraunFooter div.fWrap > ul li.addrees:before{background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/f-icon_01.png) no-repeat center / auto 100%;}
footer.waraunFooter div.fWrap > ul li.mail:before{background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/f-icon_02.png) no-repeat center / auto 100%;}
footer.waraunFooter div.fWrap > ul li.tel:before{background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/f-icon_03.png) no-repeat center / auto 100%;}

footer.waraunFooter div.fWrap nav{}
footer.waraunFooter div.fWrap nav ul {
	justify-content: center;
	gap: 2rem;
	width: 120rem;
	margin: auto;
}
footer.waraunFooter div.fWrap nav ul li {
	width: calc(calc(100% - 8rem) / 5);
}
footer.waraunFooter div.fWrap nav ul li a{
	border: 1px #fff solid;
	border-radius: 1rem;
	padding: 0.5rem 0;
	text-align: center;
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
}
footer.waraunFooter div.fWrap nav ul li:nth-of-type(1) a{background:#24b6a0;}
footer.waraunFooter div.fWrap nav ul li:nth-of-type(2) a{background:#24b6a0;}
footer.waraunFooter div.fWrap nav ul li:nth-of-type(3) a{background:#dbd911;}
footer.waraunFooter div.fWrap nav ul li:nth-of-type(4) a{background:#f3a7ac;}
footer.waraunFooter div.fWrap nav ul li:nth-of-type(5) a{background:#4582af;}
footer.waraunFooter div.fWrap nav ul li a:before{
	content: '';
	display: block;
	height: 110%;
	width: 0%;
	background: rgba(255,255,255,.2);
	margin: 0 auto;
	transition: 0.4s ease-in;
	position: absolute;
	top: 0;
	right: -30%;
	transform: skewX(60deg);
	}
footer.waraunFooter div.fWrap nav ul li a:hover:before{width:160%; left:-30%; right:auto;}
footer.waraunFooter div.fWrap nav ul li a span {
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: min(3vw , 2.2rem);
}
footer.waraunFooter small {
	font-size: 1.5rem;
	margin-top: 5rem;
	display: block;
	text-align: center;
}

footer.waraunFooter small a{
	font-size: 1.5rem;
	}
	

/*============ メインイメージ構成 ==============*/

main#main div.waraunWrap section.content {
	position: relative;
}
main#main div.waraunWrap section.content div.accessPoint {
	position: relative;
	top: max(-25vw , -5rem);
}
main#main div.waraunWrap section.content.content01 {
	background: #f3a7ac;
	margin: 10rem auto 0;
}
main#main div.waraunWrap section.content.content01 div.contentWrap {
	width: min(90% , 150rem);
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5rem;
	padding: 3rem 0;
	align-items: center;
}
main#main div.waraunWrap section.content.content01 div.contentWrap h2 {
	position: relative;
	padding-left: 23rem;
	width: 54rem;
}
main#main div.waraunWrap section.content.content01 div.contentWrap h2::before {
	content: "";
	background: no-repeat left bottom / 100%;
	width: 30rem;
	height: 40rem;
	position: absolute;
	left: 0;
	bottom: -3rem;
}
main#main div.waraunWrap section.content.content01 div.contentWrap h2 img{}
main#main div.waraunWrap section.content.content01 div.contentWrap p {
	width: calc(100% - 59rem);
	font-size: min(3vw , 2.0rem);
}
main#main div.waraunWrap section.content.content01 div.contentWrap p strong {
	color: #fff;
	margin: 0 1rem;
	position: relative;
}
main#main div.waraunWrap section.content.content01 div.contentWrap p strong.bgY::before {
	background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-bg_01.png) no-repeat center / 100%;
	content: "";
	position: absolute;
	width: 120%;
	height: 10rem;
	top: -4rem;
	left: -10%;
}
main#main div.waraunWrap section.content.content01 div.contentWrap p strong.bgB::before {
	background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-bg_02.png) no-repeat center / 100%;
	content: "";
	position: absolute;
	width: 110%;
	height: 10rem;
	top: -2rem;
	left: -5%;
}
main#main div.waraunWrap section.content.content01 div.contentWrap p strong span {
	position: relative;
	z-index: 2;
	color: #fff;
}

main#main div.waraunWrap section.content.content02 {
	background: #f6f5f0;
	padding: 8rem 0;
}
main#main div.waraunWrap section.content.content02 div.contentWrap {
	width: min(94% , 160rem);
	margin: auto;
	background: #fff;
	border-radius: 4rem;
	padding: 3rem 8rem;
	display: flex;
	gap: 15rem;
	align-items: flex-start;
}
main#main div.waraunWrap section.content.content02 div.contentWrap h2 {
	background: #24b6a0;
	color: #fff;
	padding: .5rem 0;
	width: 23rem;
	text-align: center;
}
main#main div.waraunWrap section.content.content02 div.contentWrap ul {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 28rem);
	padding-top: 5rem;
	gap: 5rem;
}
main#main div.waraunWrap section.content.content02 div.contentWrap ul li{}
main#main div.waraunWrap section.content.content02 div.contentWrap ul li:before{content:"●";}

main#main div.waraunWrap section.content.content03 {
	background: #f6f5f0;
	padding: 0;
}
main#main div.waraunWrap section.content.content03 div.contentWrap {
	width: min(94% , 160rem);
	margin: auto;
	background: #fff;
	border-radius: 4rem;
	padding: 3rem 8rem;
	display: flex;
	gap: 5rem;
	align-items: flex-start;
}
main#main div.waraunWrap section.content.content03 div.contentWrap h2{
	background: #24b6a0;
	color: #fff;
	padding: .5rem 0;
	width: 23rem;
	text-align: center;
	}
main#main div.waraunWrap section.content.content03 div.contentWrap dl {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 28rem);
	padding-top: 5rem;
	gap: 5rem;
	align-items: center;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd {
	width: calc(100% - 45rem);
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd h3 {
	font-size: min(3vw , 2.3rem);
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd ul {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 3rem;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd ul li {
	width: 100%;
	display: flex;
	gap: 2rem;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd ul li span {
	white-space: nowrap;
	font-size: min(3vw , 2.3rem);
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd ul li p {
	font-size: min(3vw , 2rem);
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dt {
	width: 40rem;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dt figure{}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dt figure img{}

main#main div.waraunWrap section.content.content04 {
	background: #f6f5f0;
}
main#main div.waraunWrap section.content.content04 div.contentWrap {
	width: min(94% , 170rem);
	margin: auto;
	position: relative;
	padding: 15rem 0 70rem;
}
main#main div.waraunWrap section.content.content04 div.contentWrap h2 {
	width: 45rem;
	position: absolute;
	top: -40rem;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 30rem;
}
main#main div.waraunWrap section.content.content04 div.contentWrap > h3 {
	width: 45rem;
	position: absolute;
	top: 0;
	bottom: -5rem;
	left: 0;
	right: 0;
	margin: auto;
	height: 5rem;
	text-align: center;
	font-size: min(4vw , 3.5rem);
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul {
	width: 100%;
	position: relative;
	height: 100rem;
	display: flex;
	flex-wrap: wrap;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li {
	width: 55rem;
	padding: 4rem;
	position: relative;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(1) {
	margin: 0 calc(170rem - 110rem) 0 0;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(2){
	}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(3){}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(4) {
	bottom: -20rem;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(5){}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li figure {
	position: relative;
	width: 100%;
	height: 48rem;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li figure img{}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li .textWrap {
	position: relative;
	width: 100%;
	padding: 0 3rem;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li .textWrap::before {
	content: "";
	background: no-repeat center bottom/ 100%;
	width: 10rem;
	height: 11rem;
	font-size: min(4vw , 4.5rem);
	text-align: center;
	position: absolute;
	top: -7rem;
	left: -2rem;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(1) .textWrap:before{content:"01."; background-image: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-fascinat_icon_01.png);}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(2) .textWrap:before{content:"02."; background-image: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-fascinat_icon_02.png);}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(3) .textWrap:before{content:"03."; background-image: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-fascinat_icon_03.png);}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(4) .textWrap:before{content:"04."; background-image: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-fascinat_icon_04.png);}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(5) .textWrap:before{content:"05."; background-image: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-fascinat_icon_05.png);}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li .textWrap h3 {
	font-size: min(3vw , 3rem);
	font-weight: bold;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li .textWrap p {
	font-size: min(3vw , 2.2rem);
}

main#main div.waraunWrap section.content.content05 {
	background: #f6f5f0;
	height: 40rem;
}
main#main div.waraunWrap section.content.content05::before {
	content: "";
	background: #fff;
	width: 100%;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
}
main#main div.waraunWrap section.content.content05::after {
	content: "";
	background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-bg_03.png) no-repeat center / 100% auto;
	width: 100%;
	height: 10rem;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
main#main div.waraunWrap section.content.content05 > img {
	position: absolute;
	width: 12rem;
	right: -12rem;
	top: 0;
	bottom: 0;
	margin: auto;
	animation: moved7 50s linear infinite;
}
main#main div.waraunWrap section.content.content05 > div.textWrap {
	background: #fbfa90;
	width: 40rem;
	z-index: 2;
	position: absolute;
	margin: auto;
	left: 0;
	right: -120rem;
	padding: 3rem;
	border-radius: 2.5rem;
}
main#main div.waraunWrap section.content.content05 > div.textWrap::before {
	content: "";
	background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-char_01.png) no-repeat center / 100% auto;
	width: 13rem;
	height: 13rem;
	position: absolute;
	top: -7rem;
	left: 0;
	right: 0;
	margin: auto;
	animation: moved8 20s linear infinite;
}
main#main div.waraunWrap section.content.content05 > div.textWrap h3 {
	font-weight: bold;
	text-align: center;
	margin: 3rem auto 1rem;
}
main#main div.waraunWrap section.content.content05 > div.textWrap p {
	font-size: min(3vw , 2rem);
}

main#main div.waraunWrap section.content.content06 {
	padding: 5rem 0;
}
main#main div.waraunWrap section.content.content06 h2 {
	background: #24b6a0;
	width: 20rem;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}
main#main div.waraunWrap section.content.content06 dl {
	width: min(94% , 150rem);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5rem;
	margin: 7rem auto;
	align-items: flex-start;
}
main#main div.waraunWrap section.content.content06 dl dd {
	width: calc(calc(100% - 5rem) / 2);
	border: #24b6a0 solid 0.6rem;
	border-radius: 4rem;
	overflow: hidden;
	position: relative;
}
main#main div.waraunWrap section.content.content06 dl dd::before {
	content: "";
	background: #24b6a0;
	position: absolute;
	width: 100%;
	height: 15rem;
}
main#main div.waraunWrap section.content.content06 dl dd > h3 {
	padding: 3rem 0 1rem;
	color: #fff;
	text-align: center;
}
main#main div.waraunWrap section.content.content06 dl dd > p {
	background: #fff;
	width: 22rem;
	text-align: center;
	margin: 0 auto 3rem;
	font-size: min(3vw , 2rem);
}
main#main div.waraunWrap section.content.content06 dl dd > ul {
	width: 100%;
	position: relative;
}
main#main div.waraunWrap section.content.content06 dl dd > ul::before {
	content: "";
	background: #dbd911;
	width: .5rem;
	height: calc(100% - 10rem);
	position: absolute;
	left: 7rem;
	top: 5rem;
}
main#main div.waraunWrap section.content.content06 dl dd > ul li {
	background: no-repeat left 3rem center / 8rem auto;
	min-height: 11rem;
	padding: 3rem 5rem 3rem 16rem;
	display: flex;
	align-items: center;
	width: 100%;
	position: relative;
}
main#main div.waraunWrap section.content.content06 dl dd > ul li + li {
	border-top: #24b6a0 1px solid;
}
main#main div.waraunWrap section.content.content06 dl dd > ul li p {
	color: #24b6a0;
	font-size: min(3.5vw , 2.5rem);
}

main#main div.waraunWrap section.content.content07{}
main#main div.waraunWrap section.content.content07 h2 {
	width: 30rem;
	margin: 6rem auto 0;
}
main#main div.waraunWrap section.content.content07 div.contentWrap {
	background: #f3a7ac;
	width: min(94% , 160rem);
	margin: auto;
	border-radius: 3rem;
	padding-bottom: 6rem;
	margin-bottom: 10rem;
}
main#main div.waraunWrap section.content.content07 div.contentWrap form{}
main#main div.waraunWrap section.content.content07 div.contentWrap form dl {
	width: min(100% , 1000px);
	margin: auto;
	padding: 4rem 5rem;
	justify-content: flex-start;
}

main#main div.waraunWrap section.content.content07 div.contentWrap form dl dt {
	width: 100%;
	margin-top: 2rem;
	display: flex;
	align-items: center;
	font-weight: normal;
	font-family: "Noto Sans JP", sans-serif;
}
main div.contactWrap form dl dd {
	width: 100%;
	margin-top: 1rem;
}
main#main div.waraunWrap section.content.content07 div.contentWrap form dl dd input[type="text"],
main#main div.waraunWrap section.content.content07 div.contentWrap form dl dd input[type="email"] {
	width: 100%;
	padding: .7rem 5rem;
	font-size: 3rem;
	border-radius: 100px;
}
main#main div.waraunWrap section.content.content07 div.contentWrap form dl dd textarea {
	width: 100%;
	height: 30rem;
	padding: .7rem 5rem;
	font-size: 3rem;
	border-radius: 10px;
}
main#main div.waraunWrap section.content.content07 div.contentWrap form ul {
	width: min(100% , 1000px);
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
main#main div.waraunWrap section.content.content07 div.contentWrap form ul li {
	margin: 0 2rem;
}
main#main div.waraunWrap section.content.content07 div.contentWrap form ul li input {
	border-radius: 50px;
	background: #3f3f3f;
	color: #fff;
	font-size: min(3.5vw , 2.5rem);
	padding: 0.7rem 4rem;
	transition: .5s ease-in-out;
	cursor: pointer;
	font-weight: normal;
	font-family: "Noto Sans JP", sans-serif;
	border: none;
}
main#main div.waraunWrap section.content.content07 div.contentWrap form ul li input:hover {
	background: #707070;
	color: #fff;
}

main#main div.waraunWrap section.content.content07 div.contentWrap form dl dd span.error {
	margin: 1rem auto;
	text-align: left;
}

main#main div.waraunWrap section.content.content08{}
main#main div.waraunWrap section.content.content08 iframe {
	width: 100%;
	max-height: initial !important;
	height: 70rem;
}

main#main div.waraunWrap section.content.content09{}
main#main div.waraunWrap section.content.content09 ul {
	width: min(94% , 100rem);
	margin: 5rem auto;
	display: flex;
	flex-wrap: wrap;
	gap: 10rem;
	justify-content: center;
}
main#main div.waraunWrap section.content.content09 ul li {
	width: calc(calc(100% - 20rem) / 3);
}
main#main div.waraunWrap section.content.content09 ul li p {
	text-align: center;
}
main#main div.waraunWrap section.content.content09 ul li a{
	border: 1px #fff solid;
	border-radius: 1rem;
	padding: 0.5rem 0;
	text-align: center;
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	background:#f3a7ac;
}
main#main div.waraunWrap section.content.content09 ul li a:before{
	content: '';
	display: block;
	height: 110%;
	width: 0%;
	background: rgba(255,255,255,.2);
	margin: 0 auto;
	transition: 0.4s ease-in;
	position: absolute;
	top: 0;
	right: -30%;
	transform: skewX(60deg);
	}
main#main div.waraunWrap section.content.content09 ul li a:hover:before{width:160%; left:-30%; right:auto;}
main#main div.waraunWrap section.content.content09 ul li a span {
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: min(3vw , 2.2rem);
	display: block;
}
main#main div.waraunWrap section.content.content09 ul li a span::after {
	content: "▼";
	position: absolute;
	right: 2rem;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 2rem;
	line-height: 1;
	font-size: 1.5rem;
}




@media only screen and (max-width:1000px){

div#page {
	overflow: hidden;
}

/*============ header 調整用　==============*/
header.waraunHeader {
	width: 100%;
	position: relative;
	margin-top: 27vw;
}
header.waraunHeader div.hWrap {
	padding: 0;
	background: rgba(255,255,255,.7);
	position: fixed;
	z-index: 11;
	height: 18vw;
	top: 0;
	left: 0;
}
header.waraunHeader div.hWrap h1 {
	width: 45vw;
	position: fixed;
	z-index: 12;
	top: 3vw;
	left: 4vw;
}
header.waraunHeader div.hWrap nav::before {
	background: rgba(255,255,255,.7);
	height: 100vh;
	width: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	transform: translate(100vh ,0);
	transition: .9s ease-in;
	content: "";
}
.open header.waraunHeader div.hWrap nav::before {
	transform: translate(0 ,0);
	width: 100%;
	}

header.waraunHeader div.hWrap nav ul {
	justify-content: center;
	gap: 2rem;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	padding: 20vw 2vw 0;
	z-index: 12;
	transform: translate(100vh ,0);
	transition: .9s ease-in;
}
.open header.waraunHeader div.hWrap nav ul {transform: translate(0 ,0);}
header.waraunHeader div.hWrap nav ul li {
	width: 100%;
}
header.waraunHeader div.hWrap nav ul li a {
	padding: 0 3vw;
	text-align: left;
	width: 100%;
	height: 12vw;
	line-height: 12vw;
}
header.waraunHeader div.hWrap nav ul li a span {
	color: #fff;
	position: relative;
	z-index: 1;
	font-size: 3vw;
}
header.waraunHeader div.menu {
	width: 13vw;
	height: 13vw;
	right: 3vw;
	position: fixed;
	top: 3vw;
	z-index: 99;
	background: rgba(255,255,255,.8);
	padding: 2vw;
}

header.waraunHeader div.menu #menuButton {
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 9vw;
	cursor: pointer;
}

header.waraunHeader div.menu #menuButton span,
header.waraunHeader div.menu #menuButton:before,
header.waraunHeader div.menu #menuButton:after{
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	width: 100%;
	height: 2px;
	margin: auto;
	background: #000;
	-webkit-transition: .1s ease-in-out;
	 transition: all 1s;
}

header.waraunHeader div.menu #menuButton span{
	overflow: hidden;
	z-index: 1;
	color: #fff;
}

header.waraunHeader div.menu #menuButton:before{
	z-index: 2;
	transform:rotate(0deg);
	top:6vw;
	content: "";
}

header.waraunHeader div.menu #menuButton:after{
	z-index: 2;
	transform:rotate(0deg);
	top:-6vw;
	content: "";
}

header.waraunHeader div.menu #menuButton span{
	transform:rotate(0deg) translateX(0px);
}

header.waraunHeader div.menu #menuButton:before,
header.waraunHeader div.menu #menuButton:after{
	transition: transform 500ms;
}

header.waraunHeader div.menu.active #menuButton span{
	transform:translateX(-100px);
	top:0;
}

header.waraunHeader div.menu.active #menuButton::before {
	transform: rotate(-225deg);
	top: 0;
}

header.waraunHeader div.menu.active #menuButton::after {
	transform: rotate(45deg);
	top: 0;
}

header.waraunHeader div.contentWrap {
	width: 100%;
	margin: auto;
	position: relative;
	height: 109rem;
	
}
header.waraunHeader div.contentWrap ul li.icon02 {
	right: -97rem;
	top: -70rem;
}
header.waraunHeader div.contentWrap ul li.icon04 {
	left: -80rem;
	top: 55rem;
}
header.waraunHeader div.contentWrap ul li.icon05 {
	width: 11rem;
	height: 11rem;
	right: -110rem;
	top: 10rem;
}
header.waraunHeader div.contentWrap ul li.icon06 {
	bottom: -106rem;
	left: -40rem;
}
header.waraunHeader div.contentWrap ul li.icon07 {
	top: -30rem;
	right: -100rem;
}
header.waraunHeader div.contentWrap ul li.icon08 {
	width: 12rem;
	height: 12rem;
}
header.waraunHeader div.contentWrap ul li.icon09 {
	width: 7rem;
	height: 7rem;
	bottom: -116rem;
	right: -90rem;
}



/*============ フッター構成 ==============*/

footer.waraunFooter {
	padding: 10vw 0 25vw;
	background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/lower/rinen-bg_bottom.png) no-repeat center bottom -25vw/ 100% auto;
	position: relative;
	overflow:hidden;
}

footer.waraunFooter div.fWrap h1 {
	width: 45vw;
	margin: auto;
}

footer.waraunFooter div.fWrap > ul {
	width: 70vw;
	gap: 2vw;
}
footer.waraunFooter div.fWrap > ul li {
	padding-left: 8vw;
	font-size: 3vw;
}
footer.waraunFooter div.fWrap > ul li::before {
	width: 6vw;
	height: 6vw;
}
footer.waraunFooter div.fWrap > ul li a {
	font-size: 3vw;
}
footer.waraunFooter div.fWrap nav ul {
	justify-content: center;
	gap: 0;
	width: 100%;
	margin: auto;
	justify-content: flex-start;
}
footer.waraunFooter div.fWrap nav ul li {
	width: 50vw;
}
footer.waraunFooter div.fWrap nav ul li a {
	height: 12vw;
	line-height: 12vw;
	padding:0;
}
footer.waraunFooter div.fWrap nav ul li a span {
	font-size: 3vw;
}
footer.waraunFooter small,
footer.waraunFooter small a {
	font-size: 3vw;
}

/*============ メインイメージ構成 ==============*/

main#main div.waraunWrap{overflow:hidden;}
main#main div.waraunWrap section.content div.accessPoint {
	position: relative;
	top: -25vw;
}
main#main div.waraunWrap section.content.content01 div.contentWrap p {
	width: 100%;
	font-size: 3vw;
}
main#main div.waraunWrap section.content.content01 div.contentWrap h2 {
	padding-left: 23rem;
	width: 63rem;
	margin-right: 15vw;
	margin-bottom: 3vw;
}
main#main div.waraunWrap section.content.content02 div.contentWrap {
	padding: 5vw;
	display: flex;
	gap: 3vw;
	align-items: flex-start;
	flex-wrap: wrap;
}
main#main div.waraunWrap section.content.content02 div.contentWrap ul {
	width: 100%;
	padding-top: 1rem;
	gap: 2rem;
}
main#main div.waraunWrap section.content.content03 div.contentWrap {
	padding: 5vw;
	display: flex;
	gap: 3vw;
	align-items: flex-start;
	flex-wrap: wrap;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl {
	width: 100%;
	padding-top: 1rem;
	gap: 2rem;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dt {
	width: 80%;
	margin: auto;
	order: 1;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd {
	width: 100%;
	order: 2;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd h3 {
	font-size: 4vw;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3vw;
	margin-top: 3rem;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd ul li {
	width: 100%;
	display: flex;
	gap: 1vw;
	flex-wrap: wrap;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd ul li span {
	white-space: nowrap;
	font-size: 3.5vw;
	width: 100%;
	border-bottom: #24b6a0 1px solid;
	padding: 0 2vw 1vw;
}
main#main div.waraunWrap section.content.content03 div.contentWrap dl dd ul li p {
	font-size: 3vw;
	padding: 0 2vw 1vw;
}
main#main div.waraunWrap section.content.content04 div.contentWrap {
	width: min(94% , 170rem);
	margin: auto;
	position: relative;
	padding: 10vw 0;
}
main#main div.waraunWrap section.content.content04 div.contentWrap h2 {
	position: static;
}
main#main div.waraunWrap section.content.content04 div.contentWrap > h3 {
	width: 65rem;
	position: static;
	margin: 3vw auto;
	font-size: 4vw;
	height: auto;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul {
	width: 100%;
	height: auto;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li {
	width: 100%;
	padding: 4vw 0;
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 3vw;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li figure {
	position: relative;
	width: 30vw;
	height: 30vw;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(1) {
	margin: 0;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li:nth-of-type(4) {
	bottom: 0;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li .textWrap {
	position: relative;
	width: calc(100% - 33vw);
	padding: 3vw 3rem 0;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li .textWrap::before {
	width: 11rem;
	height: 13rem;
	font-size: 5vw;
	top: -5vw;
	left: -2vw;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li .textWrap h3 {
	font-size: 4vw;
}
main#main div.waraunWrap section.content.content04 div.contentWrap ul li .textWrap p {
	font-size: 3vw;
}
main#main div.waraunWrap section.content.content05 {
	background: #f6f5f0;
	height: 60vw;
}
main#main div.waraunWrap section.content.content05::after {
	background: url(https://fukuwarai-hiroba.com/fukuwarai/wp-content/themes/twentytwentyone-fuku/assets/images/waraun/t-bg_03.png) no-repeat center / 150% auto;
}
main#main div.waraunWrap section.content.content05 > div.textWrap {
	width: 55vw;
	z-index: 2;
	left: 0;
	right: -30vw;
	padding: 3vw;
	border-radius: 2.5rem;
}
main#main div.waraunWrap section.content.content05 > div.textWrap h3 {
	font-size: 4vw;
}
main#main div.waraunWrap section.content.content05 > div.textWrap p {
	font-size: 3vw;
}
main#main div.waraunWrap section.content.content06 h2 {
	width: 33vw;
	font-size: 4vw;
}
main#main div.waraunWrap section.content.content06 dl {
	gap: 7vw;
}
main#main div.waraunWrap section.content.content06 dl dd {
	width: 100%;
}
main#main div.waraunWrap section.content.content06 dl dd::before {
	height: 20vw;
}
main#main div.waraunWrap section.content.content06 dl dd > h3 {
	font-size: 4vw;
}
main#main div.waraunWrap section.content.content06 dl dd > p {
	width: 30vw;
	margin: 0 auto 5vw;
	font-size: 3vw;
}
main#main div.waraunWrap section.content.content06 dl dd > ul::before {
	width: 1vw;
	height: calc(100% - 10vw);
	left: 8vw;
	top: 5rem;
}
main#main div.waraunWrap section.content.content06 dl dd > ul li {
	background: no-repeat left 3rem center / 12vw auto;
	min-height: 18vw;
	padding: 3rem 5rem 3rem 20vw;
}
main#main div.waraunWrap section.content.content06 dl dd > ul li p {
	font-size: 3.5vw;
}
main#main div.waraunWrap section.content.content07 h2 {
	width: 33vw;
}
main#main div.waraunWrap section.content.content07 div.contentWrap form ul li input {
	font-size: 3.5vw;
}
main#main div.waraunWrap section.content.content08 iframe {
	height: 90vw;
}
main#main div.waraunWrap section.content.content09 ul {
	gap: 7vw;
}
main#main div.waraunWrap section.content.content09 ul li {
	width: 100%;
}
main#main div.waraunWrap section.content.content09 ul li p {
	text-align: center;
	font-size: 3vw;
}
main#main div.waraunWrap section.content.content09 ul li a {
	padding: 3vw;
}
main#main div.waraunWrap section.content.content09 ul li a span {
	font-size: 3vw;
}
main#main div.waraunWrap section.content.content09 ul li a span br{display:none;}

}