html {
	font-size: 62.5%
}

body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 600;
	color: #333;
	font-size: 1.6rem
}

@media(max-width: 520px) {
	body {
		font-size: 1.4rem
	}
}

h1,
h2,
h3 {
	font-family: "BIZ UDPMincho", sans-serif;
	font-weight: 900;
	font-style: normal;
	line-height: 150%
}

h2 {
	font-size: clamp(2rem, 1.25vw + 2.2rem, 5rem)
}

.f-biz {
	font-family: "BIZ UDPMincho", sans-serif;
	font-weight: 900;
	font-style: normal
}

p {
	font-family: "Noto Sans JP", sans-serif;
	line-height: 180%;
	letter-spacing: .02rem
}

span {
	line-height: 150%
}

a {
	color: #00a88f;
	transition: .3s;
	cursor: pointer;
	font-weight: 700;
	display: block;
	line-height: 150%
}

a:hover {
	opacity: .7
}

@media(max-width: 520px) {
	a:hover {
		opacity: 1
	}
}

.center {
	text-align: center !important
}

.bg-washi-grn {
	background-image: url(../img/bg_green.jpg);
	background-repeat: repeat;
	background-position: center
}

.bg-w {
	background-color: #fff
}

.bg-washi-beige {
	background-image: url(../img/bg_beige.jpg);
	background-repeat: repeat;
	background-position: center
}

.c-yellow {
	color: #ffe560
}

.c-green {
	color: #00a88f
}

.c-gray {
	color: #8b9c99
}

.c-orange {
	color: #ef7724
}

.c-red {
	color: #ef5a24
}

.bg-green {
	background: #00a88f;
	color: #fff
}

.bg-l-green {
	background: #dbefe3
}

.f-large {
	font-size: 120%
}

.strong {
	background: linear-gradient(transparent 60%, #ffee7c 60%);
	font-weight: 900
}

.flex {
	display: flex;
	align-items: center;
	justify-content: center
}

.pc-only {
	display: block
}

@media(max-width: 960px) {
	.pc-only {
		display: none
	}
}

.pc-tb-only {
	display: block
}

@media(max-width: 520px) {
	.pc-tb-only {
		display: none
	}
}

.sp-only {
	display: none
}

@media(max-width: 520px) {
	.sp-only {
		display: block
	}
}

.btn {
	border-radius: 10px;
	border: 2px solid #fff;
	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.7));
	display: block;
	width: fit-content
}

.btn a {
	font-size: 2.8rem;
	color: #fff;
	padding: 1.5rem 1rem;
	filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5))
}

@media(max-width: 960px) {
	.btn a {
		font-size: 1.8rem
	}
}

@media(max-width: 520px) {
	.btn a {
		font-size: 1.65rem
	}
}

.sec-midashi {
	color: #006b65;
	font-size: clamp(2.3rem, 1.5vw + 2.8rem, 7rem);
	text-align: center
}

.sec-pd {
	padding: 7rem 0
}

@media(max-width: 960px) {
	.sec-pd {
		padding: 5rem 0
	}
}

@media(max-width: 520px) {
	.sec-pd {
		padding: 3rem 0
	}
}

.pd {
	padding: 5rem 0
}

@media(max-width: 520px) {
	.pd {
		padding: 2rem 0
	}
}

.w-wrap {
	margin: 0 auto;
	width: 80%;
	max-width: 1100px
}

@media(max-width: 960px) {
	.w-wrap {
		width: 90%
	}
}

@media(max-width: 520px) {
	.w-wrap {
		width: 95%
	}
}

header {
	width: 100%
}

header .logo-bnr {
	width: 100%;
	max-width: 700px;
	position: fixed;
	padding-top: 1rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	display: flex;
	justify-content: center;
	align-items: center
}

@media(max-width: 520px) {
	header .logo-bnr {
		position: absolute
	}
}

header .logo-bnr span {
	font-size: 1rem;
	font-weight: 400;
	display: block;
	padding: .5rem;
	text-align: right
}

header .logo-bnr a {
	width: 50%
}

header .logo-bnr a img {
	margin-top: -1rem
}

header nav {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	justify-content: center;
	width: 100%;
	flex-wrap: wrap;
	background: #00a88f;
	padding: .5rem 0;
	z-index: 999
}

@media(max-width: 520px) {
	header nav {
		padding: .25rem 0
	}
}

header nav .nav-box {
	justify-content: center;
	width: fit-content;
	align-items: stretch
}

@media(max-width: 599px) {
	header nav .nav-box {
		flex-wrap: wrap;
		width: 100%
	}
}

header nav .nav-box li {
	width: fit-content;
	border: 3px solid #00a88f;
	margin-left: -3px;
	background-color: #fff;
	display: flex;
	align-items: center
}

@media(max-width: 599px) {
	header nav .nav-box li {
		width: 50%;
		margin-left: 0;
		border: none;
		outline: 3px solid #00a88f
	}
}

header nav .nav-box li:first-child {
	margin-left: 0
}

header nav .nav-box li a {
	color: #006b65;
	display: block;
	text-align: center;
	width: 100%;
	padding: 1rem 1.5rem;
	font-size: 2rem
}

@media(max-width: 960px) {
	header nav .nav-box li a {
		padding: 1rem;
		font-size: 1.5rem
	}
}

@media(max-width: 599px) {
	header nav .nav-box li a {
		font-size: 1.3rem;
		padding: 1rem 0
	}
}

header nav .contact-box {
	width: fit-content
}

@media(max-width: 800px) {
	header nav .contact-box {
		width: 100%;
		position: absolute;
		bottom: 58px
	}

	header nav .contact-box .sp-only {
		display: block
	}
}

@media(max-width: 599px) {
	header nav .contact-box {
		bottom: 85px
	}
}

header nav .contact-box li {
	width: 7rem;
	padding-left: .5rem
}

@media(max-width: 1200px) {
	header nav .contact-box li {
		width: 5rem
	}
}

@media(max-width: 800px) {
	header nav .contact-box li {
		width: 33.3333333333%;
		padding: 0
	}
}

header nav .contact-box li a {
	display: flex;
	flex-direction: column;
	align-items: center
}

@media(max-width: 800px) {
	header nav .contact-box li a {
		flex-direction: row;
		justify-content: center;
		width: 100%;
		background: #00a88f;
		padding: .8rem;
		outline: 2px solid #dbefe3
	}

	header nav .contact-box li a img {
		width: 30%;
		margin-right: .5rem
	}
}

header nav .contact-box li a span {
	color: #fff
}

main {
	overflow: hidden
}

main #sec01-top {
	padding-top: 90px;
	background-image: url(../img/top_bgimg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	padding-bottom: 9rem
}

@media(max-width: 960px) {
	main #sec01-top {
		padding-bottom: 5rem
	}
}

@media(max-width: 520px) {
	main #sec01-top {
		padding-bottom: 1.5rem;
		padding-top: 60px
	}
}

main #sec01-top .kumamoto {
	background: linear-gradient(0deg, #199b49 30%, #94c656)
}

main #sec01-top .kumamoto .flex {
	justify-content: center;
	position: relative
}

@media(max-width: 520px) {
	main #sec01-top .kumamoto .flex {
		flex-direction: column
	}
}

main #sec01-top .kumamoto .flex picture {
	width: 30%;
	max-width: 350px;
	margin-top: -4rem
}

@media(max-width: 520px) {
	main #sec01-top .kumamoto .flex picture {
		display: none
	}
}

main #sec01-top .kumamoto .flex p {
	font-size: 2.5rem;
	font-family: "BIZ UDPMincho", sans-serif;
	color: #fff;
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.8));
	padding: 1.5rem;
	padding-left: clamp(2rem, 1.25vw + 2rem, 4rem);
	position: relative
}

@media(max-width: 1200px) {
	main #sec01-top .kumamoto .flex p {
		font-size: 2.3rem
	}
}

@media(max-width: 960px) {
	main #sec01-top .kumamoto .flex p {
		font-size: 1.8rem
	}
}

@media(max-width: 520px) {
	main #sec01-top .kumamoto .flex p {
		font-size: 1.6rem
	}
}

main #sec01-top .kumamoto .flex p::before {
	position: absolute;
	content: url(../img/top_sec01_fukidashi.svg);
	display: block;
	width: clamp(3.5rem, 1.25vw + 3.5rem, 8rem);
	left: -2rem;
	top: 54%;
	transform: translateY(-50%)
}

@media(max-width: 520px) {
	main #sec01-top .kumamoto .flex p::before {
		display: none
	}
}

main #sec01-top .ttl {
	margin: 0 auto;
	margin-top: 5rem;
	width: 90%;
	max-width: 1100px
}

@media(max-width: 960px) {
	main #sec01-top .ttl {
		flex-direction: column
	}
}

@media(max-width: 520px) {
	main #sec01-top .ttl {
		margin-top: 2rem
	}
}

main #sec01-top .main-ttl {
	width: 60%;
	padding-right: 5%
}

@media(max-width: 960px) {
	main #sec01-top .main-ttl {
		width: 100%;
		padding-right: 0
	}
}

main #sec01-top .main-ttl ul {
	width: 85%;
	margin: 0 auto;
	margin-top: -1.5rem
}

@media(max-width: 520px) {
	main #sec01-top .main-ttl ul {
		width: 95%
	}
}

main #sec01-top .sub-ttl p {
	font-family: "BIZ UDPMincho", sans-serif;
	font-size: 2.2rem
}

@media(max-width: 1200px) {
	main #sec01-top .sub-ttl p {
		font-size: 1.8rem
	}
}

@media(max-width: 520px) {
	main #sec01-top .sub-ttl p {
		font-size: 1.6rem
	}
}

@media(max-width: 960px) {
	main #sec01-top .sub-ttl ul {
		display: flex;
		align-items: stretch;
		margin-top: 2rem
	}
}

@media(max-width: 520px) {
	main #sec01-top .sub-ttl ul {
		display: block;
		margin-top: 1.5rem
	}
}

main #sec01-top .sub-ttl ul li:first-child {
	background-image: url(../img/top_sec03_bgimg.jpg);
	position: relative
}

main #sec01-top .sub-ttl ul li:first-child p {
	padding: 2rem 2rem 2rem 5rem
}

@media(max-width: 960px) {
	main #sec01-top .sub-ttl ul li:first-child p {
		padding: 1.5rem;
		padding-left: 3rem
	}
}

main #sec01-top .sub-ttl ul li:first-child::before {
	content: url(../img/sec04_check.svg);
	display: block;
	width: 5rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -2rem
}

@media(max-width: 960px) {
	main #sec01-top .sub-ttl ul li:first-child::before {
		width: 4rem
	}
}

main #sec01-top .sub-ttl ul li:last-child {
	background-color: #00a88f;
	position: relative;
	margin-top: 2rem
}

@media(max-width: 960px) {
	main #sec01-top .sub-ttl ul li:last-child {
		margin-top: 0
	}
}

main #sec01-top .sub-ttl ul li:last-child p {
	padding: 2rem 2rem 2rem 5rem
}

@media(max-width: 960px) {
	main #sec01-top .sub-ttl ul li:last-child p {
		padding: 1.5rem
	}
}

@media(max-width: 520px) {
	main #sec01-top .sub-ttl ul li:last-child p {
		text-align: center;
		padding: 1rem
	}
}

main #sec01-top .sub-ttl ul li:last-child::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -25px;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 25px 20px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00a88f rgba(0, 0, 0, 0)
}

@media(max-width: 960px) {
	main #sec01-top .sub-ttl ul li:last-child::before {
		top: 50%;
		left: -14px;
		transform: translate(0, -50%);
		border-width: 15px 20px 15px 0;
		border-color: rgba(0, 0, 0, 0) #00a88f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
	}
}

@media(max-width: 520px) {
	main #sec01-top .sub-ttl ul li:last-child::before {
		left: 50%;
		top: -14px;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 15px 20px 15px;
		border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00a88f rgba(0, 0, 0, 0)
	}
}

main #sec01-top .sub-ttl ul li:last-child p {
	color: #fff;
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.8))
}

@media(max-width: 960px) {
	main #sec01-top .sub-ttl ul li {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center
	}
}

@media(max-width: 520px) {
	main #sec01-top .sub-ttl ul li {
		width: 95%;
		margin: 0 auto;
		display: block
	}
}

main #sec01-top .top-btn {
	margin: 0 auto;
	margin-top: 4rem;
	width: 80rem;
	position: relative;
	flex-wrap: wrap
}

@media(max-width: 960px) {
	main #sec01-top .top-btn {
		width: 560px;
		max-width: 72rem
	}
}

@media(max-width: 520px) {
	main #sec01-top .top-btn {
		display: flex;
		flex-direction: column;
		padding-right: 0;
		margin-top: 2rem;
		width: 90%
	}
}

main #sec01-top .top-btn .btn {
	font-family: "BIZ UDPMincho", sans-serif;
	background: linear-gradient(0deg, #ffd0b3, #f9ae3b 10%, #ef5a24 38%, #f9ae3b 88%, #ffd0b3)
}

@media(max-width: 520px) {
	main #sec01-top .top-btn .btn {
		margin-bottom: 1rem;
		width: 88%;
		margin-right: auto;
		margin-left: 0
	}
}

main #sec01-top .top-btn .grn {
	background: linear-gradient(0deg, #bbeeb3, #00a88f 10%, #006837 38%, #00a88f 88%, #bbeeb3);
	margin-left: 2rem
}

@media(max-width: 520px) {
	main #sec01-top .top-btn .grn {
		margin-right: auto;
		margin-left: 0
	}
}

main #sec01-top .top-btn .blu {
	background: linear-gradient(0deg, #9deeeb, #00a9dd 10%, #006eaf 38%, #00a9dd 88%, #9deeeb);
	margin-top: 2rem
}

@media(max-width: 520px) {
	main #sec01-top .top-btn .blu {
		margin-top: 0
	}
}

main #sec01-top .top-btn .btn a,
main #sec01-top .top-btn .grn a {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: .5rem;
	font-size: 2.8rem
}

@media(max-width: 960px) {

	main #sec01-top .top-btn .btn a,
	main #sec01-top .top-btn .grn a {
		font-size: 2.1rem
	}
}

@media(max-width: 520px) {

	main #sec01-top .top-btn .btn a,
	main #sec01-top .top-btn .grn a {
		font-size: 1.8rem
	}
}

main #sec01-top .top-btn .btn a::after,
main #sec01-top .top-btn .grn a::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	margin-top: .5rem
}

main #sec01-top .top-btn li:last-child {
	width: 30rem;
	position: absolute;
	right: -25rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2
}

@media(max-width: 1280px) {
	main #sec01-top .top-btn li:last-child {
		width: 25rem;
		right: -16rem
	}
}

@media(max-width: 960px) {
	main #sec01-top .top-btn li:last-child {
		width: 25%;
		right: -5%;
		top: 72%
	}
}

@media(max-width: 520px) {
	main #sec01-top .top-btn li:last-child {
		width: 50%;
		right: -13%
	}
}

main #sec01-top .top-btn li:last-child picture {
	width: 85%
}

.sec-contact-area {
	padding-top: 3rem;
	padding-bottom: 3rem
}

.sec-contact-area .midashi {
	width: fit-content;
	position: relative;
	margin: 0 auto
}

@media(max-width: 520px) {
	.sec-contact-area .midashi {
		width: 100%
	}
}

.sec-contact-area .midashi h2 {
	width: 130px;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	transform: translateY(-50%)
}

@media(max-width: 960px) {
	.sec-contact-area .midashi h2 {
		width: 120px
	}
}

@media(max-width: 520px) {
	.sec-contact-area .midashi h2 {
		width: 25%;
		top: 50%
	}
}

.sec-contact-area .midashi p {
	background-color: #fff;
	border-radius: 50px;
	padding: 1rem 2.5rem;
	margin-left: 110px;
	color: #006b65;
	position: relative;
	width: fit-content;
	text-align: center
}

@media(max-width: 960px) {
	.sec-contact-area .midashi p {
		margin-left: 100px
	}
}

@media(max-width: 520px) {
	.sec-contact-area .midashi p {
		margin-left: auto;
		margin-right: 1rem;
		width: 75%;
		font-size: 1.3rem
	}
}

.sec-contact-area .midashi p::before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.sec-contact-area .c-area {
	width: 100%;
	margin: 0 auto;
	align-items: start;
	z-index: 2;
	position: relative
}

@media(max-width: 960px) {
	.sec-contact-area .c-area {
		width: 90%;
		margin: 0 auto
	}
}

@media(max-width: 520px) {
	.sec-contact-area .c-area {
		flex-direction: column-reverse
	}
}

.sec-contact-area .c-area .pic {
	width: clamp(10rem, 1.25vw + 17rem, 28rem);
	margin-right: 3rem
}

@media(max-width: 960px) {
	.sec-contact-area .c-area .pic {
		margin-right: 1rem
	}
}

@media(max-width: 520px) {
	.sec-contact-area .c-area .pic {
		width: 138px;
		margin: 0 auto;
		position: absolute;
		z-index: 2;
		right: -2rem;
		bottom: -2rem
	}
}

.sec-contact-area .c-area ul {
	flex-wrap: wrap;
	justify-content: unset;
	margin-top: .5rem
}

@media(max-width: 960px) {
	.sec-contact-area .c-area ul {
		margin: 0 auto;
		margin-top: 2rem
	}
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul {
		margin: 0 auto;
		margin-top: 2rem;
		width: 100%
	}
}

.sec-contact-area .c-area ul li:first-child {
	font-weight: 900
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul li:first-child {
		display: block
	}
}

.sec-contact-area .c-area ul li:first-child p.flex {
	flex-direction: column;
	width: fit-content
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul li:first-child p.flex {
		display: block;
		margin: 0 auto
	}
}

.sec-contact-area .c-area ul li:first-child p.flex .week {
	background: linear-gradient(0deg, #199b6f 30%, #61c69c);
	padding: .5rem 0;
	width: 100%;
	text-align: center;
	color: #fff
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul li:first-child p.flex .week {
		padding: .5rem 1rem;
		margin-left: 1rem
	}
}

.sec-contact-area .c-area ul li:first-child a {
	font-weight: 900;
	font-size: 8rem;
	position: relative;
	padding-left: clamp(2.3rem, 2vw + 4rem, 8rem);
	margin-left: 2rem;
	display: inline-block;
	background: linear-gradient(0deg, rgb(102, 102, 102), rgb(0, 0, 0));
	background: -webkit-linear-gradient(90deg, rgb(102, 102, 102), rgb(0, 0, 0));
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0)
}

@media(max-width: 960px) {
	.sec-contact-area .c-area ul li:first-child a {
		font-size: 5rem
	}
}

@media(max-width: 800px) {
	.sec-contact-area .c-area ul li:first-child a {
		font-size: 4rem
	}
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul li:first-child a {
		font-size: clamp(2rem, 2vw + 3rem, 5rem);
		margin: 0 auto;
		display: block;
		padding-left: 3rem;
		width: fit-content
	}
}

.sec-contact-area .c-area ul li:first-child a::before {
	position: absolute;
	content: url(../img/sec-contact_icon3.svg);
	width: clamp(2rem, 1vw + 4rem, 6rem);
	left: 0;
	top: 50%;
	transform: translateY(-35%)
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul li:first-child a::before {
		width: 3rem
	}
}

.sec-contact-area .c-area ul li:last-child {
	justify-content: space-between
}

@media(max-width: 960px) {
	.sec-contact-area .c-area ul li:last-child {
		margin-top: 2rem
	}
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul li:last-child {
		display: block;
		margin-top: .5rem
	}
}

.sec-contact-area .c-area ul li:last-child .btn {
	background: linear-gradient(0deg, #ffd0b3, #f9ae3b 10%, #f5911e 38%, #f9ae3b 88%, #ffd0b3);
	width: 49%;
	position: relative
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul li:last-child .btn {
		width: 65%;
		margin-bottom: 1rem
	}
}

.sec-contact-area .c-area ul li:last-child .btn a {
	font-size: 2.5rem;
	position: relative;
	padding-left: 5rem;
	text-align: center
}

@media(max-width: 1200px) {
	.sec-contact-area .c-area ul li:last-child .btn a {
		font-size: 2.2rem;
		padding-left: 4.5rem;
		padding-right: .5rem
	}
}

@media(max-width: 960px) {
	.sec-contact-area .c-area ul li:last-child .btn a {
		font-size: 1.8rem;
		padding-left: 4.5rem;
		padding-right: .5rem
	}
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul li:last-child .btn a {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		font-size: 1.5rem;
		text-align: center;
		padding-left: 0
	}
}

.sec-contact-area .c-area ul li:last-child .btn a::before {
	content: url(../img/sec-contact_icon_mail.svg);
	width: 4.5rem;
	display: block;
	position: absolute;
	left: 1rem;
	top: 55%;
	transform: translateY(-50%)
}

@media(max-width: 960px) {
	.sec-contact-area .c-area ul li:last-child .btn a::before {
		width: 3.5rem
	}
}

@media(max-width: 520px) {
	.sec-contact-area .c-area ul li:last-child .btn a::before {
		display: none
	}
}

.sec-contact-area .c-area ul li:last-child .btn:last-child a::before {
	content: url(../img/sec-contact_icon_line.svg)
}

.sec-contact-area .c-area ul li:last-child .grn {
	background: linear-gradient(0deg, #bbeeb3, #48ccb4 10%, #00ae88 38%, #48ccb4 88%, #bbeeb3)
}

.tab_wrap {
	flex-wrap: wrap;
	margin-top: 3rem;
	max-width: 1000px
}

@media(max-width: 520px) {
	.tab_wrap {
		margin-top: 1rem
	}
}

.tab_lab1,
.tab_lab2 {
	color: #8b9c99;
	padding: 2.5rem 0;
	width: 50%;
	border-bottom: .3rem solid #8b9c99
}

.tab_lab1 h3,
.tab_lab2 h3 {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 3rem;
	text-align: center
}

@media(max-width: 520px) {

	.tab_lab1 h3,
	.tab_lab2 h3 {
		font-size: 1.8rem
	}
}

#tab1:checked~.tab_lab1,
#tab2:checked~.tab_lab2 {
	color: #333;
	background-color: #dbefe3;
	width: 50%;
	border-bottom: .5rem solid;
	border-image: linear-gradient(90deg, #199b49 30%, #94c656);
	border-image-slice: 1
}

#tab1:checked~.panels,
#tab2:checked~.panels {
	width: 100%
}

#tab1:checked~.panels #area1 {
	display: block
}

#tab1:checked~.panels #area1 .panel_content {
	overflow: hidden
}

#tab2:checked~.panels #area2 {
	display: block
}

#tab2:checked~.panels #area2 .panel_content {
	overflow: hidden
}

input[name=check] {
	display: none
}

.panel-wrap {
	max-width: 1000px;
	margin: 0 auto
}

@media(max-width: 520px) {
	.panel-wrap {
		overflow-x: unset
	}
}

.panel {
	display: none
}

.panel .attention {
	font-size: 80%;
	text-align: center;
	background-color: #fff;
	border: .2rem solid #dbefe3;
	padding: 1rem;
	font-weight: 500;
	margin: 2rem 0
}

@keyframes SlideUp {
	0% {
		transform: translateY(50px);
		opacity: 0
	}

	100% {
		transform: translateY(0);
		opacity: 1
	}
}

.panels .pc-tb-only {
	display: table
}

@media(max-width: 520px) {
	.panels .pc-tb-only {
		display: none
	}
}

.panels .sp-only {
	display: none
}

@media(max-width: 520px) {
	.panels .sp-only {
		display: block
	}
}

.panel_content {
	animation-name: SlideUp;
	animation-duration: 1s;
	width: 100%
}

@media(max-width: 520px) {
	.panel_content {
		display: block;
		overflow: scroll
	}
}

.panel_content tbody {
	white-space: nowrap
}

.panel_content th,
.panel_content td {
	padding: 2rem 0;
	text-align: center;
	border-bottom: 1px solid #8b9c99
}

@media(max-width: 520px) {

	.panel_content th,
	.panel_content td {
		padding: 1.5rem 1rem
	}
}

.panel_content th span {
	font-size: 70%;
	display: block;
	font-weight: 400
}

.panel_content td {
	color: #666;
	background-color: #e9f1ed;
	border-right: 1px solid #8b9c99;
	border-left: 1px solid #8b9c99
}

.panel_content td .large {
	font-size: 180%;
	font-weight: 900
}

.panel_content .c-green {
	color: #00a88f;
	background-color: #dbefe3
}

.panel_content .type th {
	background-color: #8b9c99;
	border-left: 1px solid #fff;
	color: #fff
}

.panel_content .type .none {
	background-color: unset
}

.panel_content .need .right {
	text-align: right;
	padding-right: 2rem
}

.panel_content .setsuyaku {
	position: relative
}

.panel_content .setsuyaku::before {
	content: url(../img/sec02_setsuyaku.svg);
	width: 60%;
	max-width: 150px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%)
}

.panel_content .sp-content {
	border: 2px solid #8b9c99;
	margin-top: 1.5rem;
	background: #fff;
	text-align: center
}

.panel_content .sp-content h4 {
	text-align: center;
	font-size: 1.6rem;
	padding: .7rem 0
}

.panel_content .sp-content ul {
	padding: 1rem;
	display: inline-block;
	text-align: left
}

.panel_content .sp-content ul li {
	margin-bottom: .5rem
}

.panel_content .sp-content ul li span {
	font-weight: 700
}

.panel_content .sp-content ul li .ttl {
	display: inline-block;
	min-width: 12rem;
	font-weight: 400;
	font-size: 1.3rem
}

.panel_content .sp-content ul li .ttl .small {
	font-size: 1.2rem
}

@media(max-width: 382px) {
	.panel_content .sp-content ul li .pd-l {
		padding-left: 5rem
	}
}

.panel_content .sp-content ul li strong {
	margin-left: .7rem
}

.panel_content .sp-content ul li .large {
	font-size: 2.8rem
}

.panel_content .bd-green {
	border: 2px solid #00a88f;
	margin-top: 0;
	background: #dbefe3
}

.sp-content.setsuyaku::before {
	width: 8rem;
	top: auto;
	transform: none;
	bottom: -2rem;
	left: 0;
	transform: rotate(-10deg)
}

.bg-grade {
	background: linear-gradient(0deg, #199b49 30%, #94c656);
	color: #fff
}

.bg-grade p {
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5))
}

.bg-gray {
	background: #8b9c99;
	color: #fff
}

#sec02-price {
	background-color: #f5faf6
}

#sec02-price .sec-midashi {
	width: fit-content;
	margin: 0 auto
}

#sec02-price .sec-midashi span {
	display: block;
	font-size: 50%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500;
	color: #00a88f;
	position: relative
}

#sec02-price .sec-midashi span::before,
#sec02-price .sec-midashi span::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 2.5rem;
	height: .3rem;
	background-color: #00a88f
}

#sec02-price .sec-midashi span::before {
	transform: translateY(-50%) rotate(60deg);
	left: 0
}

#sec02-price .sec-midashi span::after {
	transform: translateY(-50%) rotate(-60deg);
	right: 0
}

#sec02-price .campaign {
	text-align: center
}

#sec02-price .campaign h2 {
	display: inline;
	text-align: center;
	margin-bottom: 2rem;
	border-bottom: .2rem solid #00a88f;
	line-height: 1.8
}

@media(max-width: 520px) {
	#sec02-price .campaign h2 {
		font-size: 165%
	}
}

#sec02-price .campaign .bg-washi-grn {
	margin-top: 2rem;
	padding: 2rem 0;
	position: relative
}

@media(max-width: 960px) {
	#sec02-price .campaign .bg-washi-grn {
		padding: 2rem 5%
	}
}

@media(max-width: 520px) {
	#sec02-price .campaign .bg-washi-grn {
		padding: 3rem 2.5%
	}
}

#sec02-price .campaign .bg-washi-grn picture {
	width: 20%;
	max-width: 250px
}

@media(max-width: 520px) {
	#sec02-price .campaign .bg-washi-grn picture {
		width: 100px;
		position: absolute;
		left: 1rem;
		top: 1rem
	}
}

#sec02-price .campaign .bg-washi-grn .txt-box {
	width: fit-content
}

@media(max-width: 520px) {
	#sec02-price .campaign .bg-washi-grn .txt-box h3 {
		width: calc(100% - 110px);
		margin: 0 0 0 auto;
		margin-bottom: 3rem;
		text-align: left
	}
}

@media(max-width: 520px) {
	#sec02-price .campaign .bg-washi-grn .txt-box p {
		width: 100%;
		background: #fff;
		padding: 1rem;
		margin: 0 auto;
		text-align: left;
		border-radius: .7rem
	}
}

#sec02-price .campaign .bg-washi-grn .txt-box ul {
	margin-top: 1.5rem
}

#sec02-price .campaign .bg-washi-grn .txt-box ul li:first-child p {
	background: #fff;
	padding: 1rem 2rem;
	border-radius: 5rem;
	font-weight: 900;
	color: #ef7724;
	font-size: 150%;
	margin-right: 1rem;
	width: fit-content
}

@media(max-width: 520px) {
	#sec02-price .campaign .bg-washi-grn .txt-box ul li:first-child p {
		font-size: 110%;
		padding: 1rem
	}
}

#sec02-price .campaign .bg-washi-grn .txt-box ul .btn {
	background: linear-gradient(0deg, #bbeeb3, #48ccb4 10%, #00ae88 38%, #48ccb4 88%, #bbeeb3)
}

#sec02-price .comon .fukidashi {
	background: #fff;
	border-radius: 10px;
	padding: 2rem;
	text-align: center;
	position: relative;
	width: fit-content;
	padding-left: 80px;
	margin: 0 auto;
	margin-top: 2rem;
	margin-bottom: 3rem;
	border: 3px solid #dbefe3
}

@media(max-width: 520px) {
	#sec02-price .comon .fukidashi {
		text-align: left;
		padding: 1rem;
		padding-left: 20%
	}
}

#sec02-price .comon .fukidashi::before,
#sec02-price .comon .fukidashi::after {
	position: absolute;
	bottom: -15px;
	width: 30px;
	height: 15px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: "";
	left: 50%;
	transform: translateX(-50%)
}

#sec02-price .comon .fukidashi::before {
	background-color: #dbefe3
}

#sec02-price .comon .fukidashi::after {
	bottom: -11px;
	background-color: #fff
}

#sec02-price .comon .fukidashi .denkyu::before {
	content: url(../img/sec02_icon_denkyu.svg);
	position: absolute;
	width: 20%;
	max-width: 80px;
	left: .5rem;
	top: 50%;
	transform: translateY(-50%)
}

@media(max-width: 520px) {
	#sec02-price .comon .fukidashi .denkyu::before {
		width: 18%
	}
}

#sec02-price .comon article {
	background: linear-gradient(0deg, #eaeefb 30%, #ced5e9);
	padding: 2rem 0 0 0;
	margin: 0 auto;
	margin-top: 6rem;
	width: 100%;
	max-width: 1000px
}

#sec02-price .comon article h3 {
	background: #665b8f;
	color: #fff;
	border-radius: 5rem;
	padding: 1rem 2rem;
	width: fit-content;
	margin: 0 auto;
	margin-top: -5rem;
	font-size: 150%
}

#sec02-price .comon article h4 {
	font-family: "BIZ UDPMincho", sans-serif;
	margin: 1.5rem auto;
	font-size: 200%;
	color: #665b8f;
	width: fit-content;
	padding-left: 5rem;
	position: relative;
	margin-bottom: 0
}

@media(max-width: 520px) {
	#sec02-price .comon article h4 {
		font-size: 145%;
		padding-left: 4rem
	}
}

#sec02-price .comon article h4::before {
	position: absolute;
	left: 0;
	content: url(../img/sec02_icon_bikkuri.svg);
	width: 4rem;
	top: 60%;
	transform: translateY(-50%)
}

@media(max-width: 520px) {
	#sec02-price .comon article h4::before {
		width: 3.5rem
	}
}

#sec02-price .comon article ul {
	background: #fff;
	padding: 2rem 10rem;
	width: fit-content;
	margin: 0 auto;
	position: relative
}

@media(max-width: 520px) {
	#sec02-price .comon article ul {
		padding: 1.5rem
	}
}

#sec02-price .comon article ul::before,
#sec02-price .comon article ul::after {
	content: url(../img/sec02_icon_nayami.svg);
	position: absolute;
	width: 5rem;
	top: 50%;
	transform: translateY(-50%)
}

@media(max-width: 520px) {

	#sec02-price .comon article ul::before,
	#sec02-price .comon article ul::after {
		display: none
	}
}

#sec02-price .comon article ul::before {
	left: 1rem
}

#sec02-price .comon article ul::after {
	content: url(../img/sec02_icon_ase.svg);
	right: 1rem
}

#sec02-price .comon article ul li {
	width: fit-content;
	margin: 0 auto
}

@media(max-width: 520px) {
	#sec02-price .comon article ul li {
		margin: 0;
		line-height: 1;
		margin-bottom: 1rem
	}

	#sec02-price .comon article ul li:last-child {
		margin-bottom: 0
	}
}

#sec02-price .comon article .atten {
	font-family: "BIZ UDPMincho", sans-serif;
	text-align: center;
	padding: 1rem 0 2rem 0;
	font-size: 80%;
	width: 80%;
	margin: 0 auto;
	font-weight: normal
}

@media(max-width: 520px) {
	#sec02-price .comon article .atten {
		width: 90%;
		font-size: 90%;
		text-align: left
	}
}

#sec02-price .comon article .atten .f-large {
	color: #665b8f;
	font-weight: bold
}

#sec02-price .comon article .bg-washi-beige {
	border: 3px dashed #00a88f;
	padding: 2rem;
	font-family: "BIZ UDPMincho", sans-serif;
	font-size: 120%;
	padding-right: 160px;
	position: relative
}

@media(max-width: 520px) {
	#sec02-price .comon article .bg-washi-beige {
		padding: 1rem;
		padding-bottom: 160px
	}
}

#sec02-price .comon article .bg-washi-beige::before {
	content: "";
	position: absolute;
	width: 140px;
	height: 140px;
	background-image: url(../img/sec02_img2.png);
	background-repeat: no-repeat;
	background-size: cover;
	right: 0;
	bottom: 0
}

@media(max-width: 520px) {
	#sec02-price .comon article .bg-washi-beige::before {
		right: auto;
		left: 50%;
		transform: translateX(-50%)
	}
}

#sec03-establish .w-wrap {
	max-width: 1100px
}

#sec03-establish .head-wrap {
	padding: 5rem 2.5%;
	background-image: url(../img/bg_sec03.jpg);
	background-size: cover;
	background-position: center
}

@media(max-width: 520px) {
	#sec03-establish .head-wrap {
		padding: 3rem 2.5%
	}
}

#sec03-establish .head-wrap h2 {
	color: #fff;
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 5rem;
	position: relative
}

@media(max-width: 960px) {
	#sec03-establish .head-wrap h2 {
		font-size: 4rem
	}
}

@media(max-width: 520px) {
	#sec03-establish .head-wrap h2 {
		font-size: 3rem
	}
}

@media(max-width: 375px) {
	#sec03-establish .head-wrap h2 {
		font-size: 2.5rem
	}
}

#sec03-establish .head-wrap h2::before {
	content: url(../img/sec03_kazari1.svg);
	width: 55%;
	max-width: 600px;
	display: block;
	margin: 0 auto;
	margin-bottom: -1rem
}

@media(max-width: 920px) {
	#sec03-establish .head-wrap h2::before {
		width: 80%;
		margin-bottom: -1rem
	}
}

@media(max-width: 520px) {
	#sec03-establish .head-wrap h2::before {
		width: 95%;
		margin-bottom: -1rem
	}
}

#sec03-establish .head-wrap h2 img {
	display: block;
	width: 60%;
	max-width: 750px;
	margin: 0 auto;
	margin-top: 2rem
}

@media(max-width: 960px) {
	#sec03-establish .head-wrap h2 img {
		width: 90%
	}
}

@media(max-width: 520px) {
	#sec03-establish .head-wrap h2 img {
		width: 95%;
		margin-top: 1rem
	}
}

#sec03-establish .head-wrap p {
	background: #fff;
	padding: 2rem;
	padding-right: 10rem;
	border-radius: 10px;
	color: #006b65;
	margin: 0 auto;
	margin-top: 5rem;
	margin-bottom: -10rem;
	width: fit-content;
	max-width: 1100px;
	position: relative;
	font-weight: 400
}

@media(max-width: 960px) {
	#sec03-establish .head-wrap p {
		padding-right: 18rem
	}
}

@media(max-width: 520px) {
	#sec03-establish .head-wrap p {
		margin: 0 auto;
		margin-top: 2rem;
		width: 100%;
		padding: 1rem
	}
}

#sec03-establish .head-wrap p::before {
	content: "";
	width: 160px;
	height: 160px;
	background-image: url(../img/sec02_sec03_img.png);
	background-size: cover;
	display: block;
	position: absolute;
	right: -60px;
	top: 50%;
	transform: translateY(-50%)
}

@media(max-width: 960px) {
	#sec03-establish .head-wrap p::before {
		width: 180px;
		height: 180px;
		right: 0
	}
}

@media(max-width: 520px) {
	#sec03-establish .head-wrap p::before {
		display: none
	}
}

#sec03-establish ul.flex {
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 10rem;
	align-items: stretch
}

@media(max-width: 520px) {
	#sec03-establish ul.flex {
		margin-top: 5rem
	}
}

#sec03-establish ul.flex li {
	width: 48%;
	background: #fff;
	padding: 2rem;
	margin-bottom: 7rem;
	position: relative;
	border-radius: .7rem
}

#sec03-establish ul.flex li:nth-last-child(-n+2) {
	margin-bottom: 0
}

@media(max-width: 520px) {
	#sec03-establish ul.flex li {
		margin-bottom: 5rem;
		width: 100%;
		padding: 1.5rem
	}

	#sec03-establish ul.flex li:nth-last-child(-n+2) {
		margin-bottom: 5rem
	}

	#sec03-establish ul.flex li:nth-last-child(-n+1) {
		margin-bottom: 0
	}
}

#sec03-establish ul.flex li .bg-green {
	padding: .5rem 1.5rem;
	margin-left: 5.5rem;
	position: absolute;
	top: -2rem;
	left: 0
}

#sec03-establish ul.flex li .bg-green::before {
	content: url(../img/sec04_check.svg);
	width: 4rem;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -5rem
}

#sec03-establish ul.flex li h3 {
	text-align: center;
	font-size: 5rem;
	line-height: 1.3;
	margin-bottom: 1.5rem
}

@media(max-width: 1200px) {
	#sec03-establish ul.flex li h3 {
		font-size: 4.5rem
	}
}

@media(max-width: 960px) {
	#sec03-establish ul.flex li h3 {
		font-size: 3.5rem
	}
}

#sec03-establish ul.flex li h3 .c-orange {
	line-height: 1.2
}

#sec03-establish ul.flex li h3 .c-green {
	font-size: 50%;
	display: block;
	border-bottom: 2px solid #00a88f;
	padding-top: 1rem;
	margin-bottom: 1rem
}

#sec03-establish ul.flex li .btn {
	background: linear-gradient(0deg, #ffd0b3, #f9ae3b 10%, #f5911e 38%, #f9ae3b 88%, #ffd0b3);
	margin: 0 auto;
	margin-top: 1rem;
	margin-bottom: 1rem
}

#sec03-establish ul.flex li .btn a {
	font-size: clamp(1.5rem, 1.25vw + 1.7rem, 3rem);
	padding-right: 1rem;
	padding-left: 1rem
}

#sec03-establish .sougyo-yushi {
	font-weight: 400;
	padding: 8rem 0;
	max-width: 800px
}

@media(max-width: 520px) {
	#sec03-establish .sougyo-yushi {
		padding: 5rem 0
	}
}

#sec03-establish .sougyo-yushi h2 {
	text-align: center;
	padding-bottom: 2rem
}

#sec03-establish .sougyo-yushi tr {
	background: #fff
}

#sec03-establish .sougyo-yushi tr:nth-child(2n+1) {
	background: #e9f1ed
}

#sec03-establish .sougyo-yushi th,
#sec03-establish .sougyo-yushi td {
	border: 2px solid #fff
}

#sec03-establish .sougyo-yushi th {
	background: linear-gradient(0deg, #199b49 30%, #94c656);
	color: #fff;
	padding: 1rem 0;
	letter-spacing: .08rem
}

#sec03-establish .sougyo-yushi td {
	font-size: 1.4rem;
	padding: .8rem;
	border: 2px solid #dbefe3;
	line-height: 1.9
}

#sec03-establish .sougyo-yushi td:nth-child(1n) {
	min-width: 18rem
}

@media(max-width: 520px) {
	#sec03-establish .sougyo-yushi td:nth-child(1n) {
		min-width: 11rem
	}

	#sec03-establish .sougyo-yushi td:nth-child(1n) span {
		display: block
	}
}

#sec03-establish .sougyo-yushi td:nth-child(2n) {
	font-weight: 900;
	font-size: 1.6rem;
	color: #ef7724;
	min-width: 11rem;
	text-align: right
}

@media(max-width: 520px) {
	#sec03-establish .sougyo-yushi td:nth-child(2n) {
		text-align: center
	}
}

#sec03-establish .sougyo-yushi td:nth-child(3n) {
	min-width: 30rem
}

#sec03-establish .scroll-hint-icon {
	top: 8rem;
	left: 50%;
	transform: translateX(-50%);
	height: fit-content
}

#sec03-establish .hikaku h2 {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 3rem;
	position: relative;
	padding-left: 200px;
	width: fit-content
}

@media(max-width: 520px) {
	#sec03-establish .hikaku h2 {
		padding: 0;
		font-size: clamp(2rem, 1.25vw + 2rem, 4rem);
		margin-bottom: 1rem
	}
}

#sec03-establish .hikaku h2 .fukidashi {
	display: block;
	position: absolute;
	background-color: #fff;
	border-radius: 10px;
	width: 200px;
	height: 100px;
	left: -10px;
	top: -2rem
}

@media(max-width: 520px) {
	#sec03-establish .hikaku h2 .fukidashi {
		position: relative;
		width: 150px;
		height: 70px;
		left: 2rem;
		top: 0;
		margin-bottom: 3rem
	}
}

#sec03-establish .hikaku h2 .fukidashi::before {
	content: "";
	width: 70px;
	height: 70px;
	position: absolute;
	background-image: url(../img/sec03_fukidashi.svg);
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%)
}

@media(max-width: 520px) {
	#sec03-establish .hikaku h2 .fukidashi::before {
		width: 50px;
		height: 50px;
		bottom: -40px
	}
}

#sec03-establish .hikaku h2 .fukidashi::after {
	content: "こんなに\a違うのか…";
	white-space: pre;
	display: block;
	line-height: 1.5;
	width: 120px;
	font-size: 2.5rem;
	text-align: left;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	color: #8b9c99
}

@media(max-width: 520px) {
	#sec03-establish .hikaku h2 .fukidashi::after {
		font-size: 1.8rem;
		text-align: center
	}
}

#sec03-establish .hikaku .atten {
	text-align: center;
	background: #fff;
	padding: 1rem 2rem;
	width: fit-content;
	margin: 0 auto;
	margin-bottom: 3rem;
	width: 100%;
	max-width: 1000px;
	font-weight: 400
}

@media(max-width: 520px) {
	#sec03-establish .hikaku .atten {
		margin-bottom: 1.5rem;
		padding: .5rem
	}
}

#sec03-establish .hikaku table {
	margin: 0 auto
}

@media(max-width: 960px) {
	#sec03-establish .hikaku table {
		width: 90%
	}
}

@media(max-width: 520px) {
	#sec03-establish .hikaku table {
		width: 95%
	}
}

#sec03-establish .hikaku th,
#sec03-establish .hikaku td {
	padding: 2rem 1rem;
	text-align: left
}

@media(max-width: 520px) {

	#sec03-establish .hikaku th,
	#sec03-establish .hikaku td {
		padding: 1.5rem 1rem;
		font-size: 1.2rem
	}
}

@media(max-width: 520px) {
	#sec03-establish .hikaku .bg-l-green {
		width: 20%;
		min-width: 70px;
		font-size: 1.2rem;
		text-align: center;
		padding: 0
	}
}

#sec03-establish .hikaku th {
	border: 2px solid #fff
}

#sec03-establish .hikaku th span {
	font-size: 70%;
	display: block;
	font-weight: 400
}

#sec03-establish .hikaku td {
	color: #666;
	background-color: #fff;
	border: 2px solid #dbefe3;
	padding-left: 6rem;
	position: relative
}

@media(max-width: 520px) {
	#sec03-establish .hikaku td {
		padding-left: 1rem;
		padding-top: 1.5rem;
		text-align: center;
		width: 35%
	}
}

#sec03-establish .hikaku td::before {
	content: url(../img/sec02_maru.svg);
	display: block;
	width: 4rem;
	position: absolute;
	left: 1rem;
	top: 50%;
	transform: translateY(-50%)
}

@media(max-width: 520px) {
	#sec03-establish .hikaku td::before {
		width: 3rem;
		position: static;
		transform: none;
		margin: 0 auto
	}
}

#sec03-establish .hikaku td .large {
	font-size: 180%;
	font-weight: 900
}

#sec03-establish .hikaku .sankaku::before {
	content: url(../img/sec02_sankaku.svg)
}

#sec03-establish .hikaku .batsu::before {
	content: url(../img/sec02_batsu.svg)
}

#sec03-establish .hikaku .none {
	border-top: 0;
	border-left: 0
}

#sec03-establish .hikaku .c-green {
	color: #00a88f
}

#sec03-establish .hikaku .type th {
	background-color: #8b9c99;
	border-left: 1px solid #fff;
	color: #fff
}

#sec03-establish .hikaku .type .none {
	background-color: unset
}

#sec03-establish .hikaku .need .right {
	text-align: right;
	padding-right: 2rem
}

#sec03-establish .anshin {
	position: relative;
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	margin-top: 1rem;
	align-items: flex-start
}

@media(max-width: 520px) {
	#sec03-establish .anshin {
		flex-direction: column;
		width: 95%
	}
}

#sec03-establish .anshin p {
	position: relative;
	background: #fff;
	border-radius: 10px;
	padding: 2rem;
	font-size: 2rem;
	color: #8b9c99;
	width: fit-content;
	font-family: "BIZ UDPMincho", sans-serif
}

@media(max-width: 520px) {
	#sec03-establish .anshin p {
		margin-left: 1rem;
		margin-right: auto;
		font-size: 1.5rem
	}
}

#sec03-establish .anshin p::before {
	position: absolute;
	content: url(../img/sec03_fukidashi.svg);
	width: 70px;
	left: 50%;
	bottom: -60px;
	transform: translateX(-50%)
}

@media(max-width: 520px) {
	#sec03-establish .anshin p::before {
		width: 50px;
		bottom: -40px
	}
}

#sec03-establish .anshin picture {
	width: 50%
}

@media(max-width: 520px) {
	#sec03-establish .anshin picture {
		width: 60%;
		margin-right: 0;
		margin-left: auto;
		margin-top: -5rem;
		z-index: 1
	}
}

#sec03-establish .bg-grade {
	background: linear-gradient(0deg, #199b49 30%, #94c656);
	color: #fff
}

#sec03-establish .bg-grade p {
	filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.5))
}

.content,
.content2,
.content3,
.content4 {
	position: relative
}

.content .text p,
.content2 .text p,
.content3 .text p,
.content4 .text p {
	padding-top: 1rem;
	font-weight: 400
}

.content .more,
.content .more2,
.content .more3,
.content .more4,
.content2 .more,
.content2 .more2,
.content2 .more3,
.content2 .more4,
.content3 .more,
.content3 .more2,
.content3 .more3,
.content3 .more4,
.content4 .more,
.content4 .more2,
.content4 .more3,
.content4 .more4 {
	position: absolute;
	bottom: -1rem;
	width: 100%;
	height: 60%;
	padding-bottom: 0;
	text-align: center;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 65%);
	font-weight: bold;
	cursor: pointer
}

.content .more span,
.content .more2 span,
.content .more3 span,
.content .more4 span,
.content2 .more span,
.content2 .more2 span,
.content2 .more3 span,
.content2 .more4 span,
.content3 .more span,
.content3 .more2 span,
.content3 .more3 span,
.content3 .more4 span,
.content4 .more span,
.content4 .more2 span,
.content4 .more3 span,
.content4 .more4 span {
	display: block;
	position: absolute;
	background: #00a88f;
	color: #fff;
	width: fit-content;
	padding: .5rem 1rem;
	border-radius: .7rem;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%)
}

.hide,
.hide2,
.hide3,
.hide4 {
	height: 130px;
	overflow-y: hidden
}

#sec04-service .service-ttl {
	background-image: url(../img/sec04_bg_step.svg);
	background-repeat: no-repeat;
	background-position: 110% center;
	background-size: 45%;
	padding: 0 5%;
	position: relative
}

#sec04-service .service-ttl h2 {
	margin: 3rem 0;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.7));
	font-size: clamp(2rem, 1.25vw + 2.5rem, 4rem)
}

@media(max-width: 960px) {
	#sec04-service .service-ttl h2 {
		width: 75%;
		margin-left: 0;
		margin-right: auto
	}
}

@media(max-width: 520px) {
	#sec04-service .service-ttl h2 {
		width: 100%;
		font-size: clamp(2rem, 1.25vw + .5rem, 2.2rem)
	}
}

#sec04-service .service-ttl h2 .bg-w {
	display: block;
	padding: .5rem;
	border-radius: 5rem;
	text-align: center;
	font-family: "Noto Sans JP", sans-serif;
	margin-bottom: 2rem;
	font-size: 80%;
	color: #006b65
}

#sec04-service .service-ttl picture {
	width: 30%;
	padding-left: 10rem;
	max-width: 370px
}

@media(max-width: 960px) {
	#sec04-service .service-ttl picture {
		position: absolute;
		width: 30%;
		padding-left: 2rem;
		right: 0;
		bottom: 0
	}
}

@media(max-width: 520px) {
	#sec04-service .service-ttl picture {
		display: none
	}
}

#sec04-service .list {
	background-image: url(../img/bg_sec04.jpg);
	background-size: cover;
	background-position: center
}

#sec04-service .list .w-wrap {
	width: 80%;
	max-width: 1100px
}

@media(max-width: 960px) {
	#sec04-service .list .w-wrap {
		width: 90%
	}
}

@media(max-width: 520px) {
	#sec04-service .list .w-wrap {
		width: 95%
	}
}

#sec04-service .list ul {
	flex-wrap: wrap;
	justify-content: space-between !important;
	align-items: baseline;
	align-items: start
}

@media(max-width: 520px) {
	#sec04-service .list ul {
		align-items: stretch;
		padding-top: 2rem
	}
}

#sec04-service .list ul li {
	width: 30%;
	position: relative;
	z-index: 1;
	text-align: center;
	margin-top: 10%
}

@media(max-width: 520px) {
	#sec04-service .list ul li {
		width: 48%;
		margin: 0 auto;
		padding: 0;
		margin-bottom: 7rem;
		background-image: url(../img/top_sec03_bgimg.jpg);
		margin-bottom: 2rem
	}
}

@media(max-width: 520px) {
	#sec04-service .list ul li:last-child {
		margin-bottom: 0
	}
}

#sec04-service .list ul li::before {
	content: url(../img/sec04_circle.svg);
	width: 110%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1
}

@media(max-width: 520px) {
	#sec04-service .list ul li::before {
		display: none
	}
}

#sec04-service .list ul li:last-child::before {
	display: none
}

@media(max-width: 520px) {
	#sec04-service .list ul li:last-child {
		width: 85%;
		max-width: 300px;
		background: none
	}
}

#sec04-service .list ul li .bg-grade-grn {
	background: linear-gradient(0deg, #199b6f 30%, #61c69c);
	color: #fff;
	display: block;
	width: 90%;
	margin: 0 auto;
	font-size: clamp(1.5rem, 1.25vw + .5rem, 2rem);
	padding: .5rem 0;
	border: 3px solid #fff
}

@media(max-width: 520px) {
	#sec04-service .list ul li .bg-grade-grn {
		width: 100%
	}
}

#sec04-service .list ul li h3 {
	font-size: clamp(2.5rem, 1.25vw + 2rem, 4rem);
	line-height: 140%;
	margin: 3% 0
}

@media(max-width: 960px) {
	#sec04-service .list ul li h3 {
		font-size: clamp(2rem, 1.25vw + 1.2rem, 4rem)
	}
}

@media(max-width: 520px) {
	#sec04-service .list ul li h3 {
		font-size: 120%
	}
}

#sec04-service .list ul li h3 .c-grade {
	display: inline-block;
	background: linear-gradient(180deg, #e1a01b 30%, #e08333);
	background: -webkit- linear-gradient(180deg, #e1a01b 30%, #e08333);
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	font-size: 150%;
	line-height: 120%
}

#sec04-service .list ul li picture {
	width: 35%;
	display: block;
	margin: 0 auto
}

@media(max-width: 520px) {
	#sec04-service .list ul li picture {
		width: 70px;
		height: 70px
	}
}

#sec04-service .sec04-matome {
	text-align: center;
	padding: 5rem 0 0 0
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome {
		padding: 2rem 0 0 0
	}
}

#sec04-service .sec04-matome h2 {
	font-family: "Noto Sans JP", sans-serif
}

@media(max-width: 960px) {
	#sec04-service .sec04-matome h2 {
		font-size: 160%
	}
}

@media(max-width: 960px) {
	#sec04-service .sec04-matome h2 {
		font-size: 120%
	}
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome h2 {
		font-size: 150%
	}
}

@media(max-width: 960px) {
	#sec04-service .sec04-matome h2 span {
		line-height: 130%
	}
}

#sec04-service .sec04-matome h3 {
	font-size: 180%;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700
}

@media(max-width: 960px) {
	#sec04-service .sec04-matome h3 {
		font-size: 140%
	}
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome h3 {
		font-size: 100%;
		margin-top: 1rem
	}
}

#sec04-service .sec04-matome .txt {
	margin: 0 auto;
	margin-top: 2rem;
	margin-bottom: 6rem;
	padding: 1.5rem 10%;
	width: fit-content;
	position: relative
}

@media(max-width: 960px) {
	#sec04-service .sec04-matome .txt {
		padding: 1.5rem;
		width: 90%
	}
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome .txt {
		margin-bottom: 4rem
	}
}

#sec04-service .sec04-matome .txt::before {
	content: url(../img/sec04_check.svg);
	position: absolute;
	left: 2rem;
	top: 2rem;
	width: 5rem
}

@media(max-width: 960px) {
	#sec04-service .sec04-matome .txt::before {
		top: -1.5rem;
		left: -1.5rem
	}
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome .txt::before {
		top: -1.5rem;
		left: 50%;
		transform: translateX(-50%);
		width: 3rem
	}
}

#sec04-service .sec04-matome .txt::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -2.5rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 25px 0 25px;
	border-color: #00a88f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

@media(max-width: 960px) {
	#sec04-service .sec04-matome .bg-green {
		padding: 3rem 1.5rem
	}
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome .bg-green {
		padding: 3rem 1rem 0 1rem;
		display: block
	}
}

#sec04-service .sec04-matome .bg-green p {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
	font-size: 120%;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
	text-align: left
}

@media(max-width: 960px) {
	#sec04-service .sec04-matome .bg-green p {
		font-size: 100%
	}
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome .bg-green p {
		text-align: center
	}
}

#sec04-service .sec04-matome .bg-green p .f-large {
	font-size: 160%;
	font-family: "BIZ UDPMincho", sans-serif
}

@media(max-width: 960px) {
	#sec04-service .sec04-matome .bg-green p .f-large {
		font-size: 140%
	}
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome .bg-green p .f-large {
		font-size: 107%
	}
}

#sec04-service .sec04-matome .bg-green p .f-large .c-yellow {
	font-size: 150%;
	line-height: 120%
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome .bg-green p .f-large .c-yellow {
		font-size: 150%
	}
}

#sec04-service .sec04-matome .bg-green p .bg-w {
	display: block;
	width: fit-content;
	color: #006b65;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 150%;
	font-weight: 900;
	padding: .5rem 2rem;
	border-radius: 5rem;
	margin-top: 2rem
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome .bg-green p .bg-w {
		margin-right: auto;
		margin-left: auto
	}
}

#sec04-service .sec04-matome .bg-green picture {
	width: 30%;
	max-width: 450px
}

@media(max-width: 520px) {
	#sec04-service .sec04-matome .bg-green picture {
		width: 70%;
		margin: 0 auto;
		margin-top: 1rem
	}
}

#sec05-voice {
	background: #f5faf6
}

#sec05-voice ul {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch
}

#sec05-voice ul li {
	width: 48%;
	margin: 2rem 0;
	padding: 2rem;
	background: #fff;
	border: 4px solid #00a88f;
	position: relative
}

@media(max-width: 520px) {
	#sec05-voice ul li {
		width: 100%;
		padding: 1rem
	}

	#sec05-voice ul li:first-child {
		margin-top: 3rem
	}
}

#sec05-voice ul li p {
	font-weight: 400
}

#sec05-voice ul li .voice-head {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 4px solid #e9f1ed
}

@media(max-width: 960px) {
	#sec05-voice ul li .voice-head {
		justify-content: flex-start
	}
}

@media(max-width: 520px) {
	#sec05-voice ul li .voice-head {
		flex-direction: column;
		justify-content: center;
		margin-top: -5rem;
		text-align: center
	}
}

#sec05-voice ul li .voice-head::before {
	content: url(../img/sec05_voice_icon1.svg);
	width: 30%;
	max-width: 200px;
	display: block;
	padding-right: 1.5rem
}

@media(max-width: 960px) {
	#sec05-voice ul li .voice-head::before {
		display: none
	}
}

@media(max-width: 520px) {
	#sec05-voice ul li .voice-head::before {
		width: 45%;
		margin: 0 auto;
		display: block;
		padding-right: 0
	}
}

#sec05-voice ul li .voice-head .txt h3 {
	font-size: 130%;
	margin-bottom: 1rem
}

@media(max-width: 960px) {
	#sec05-voice ul li .voice-head .txt h3 {
		font-size: 120%
	}
}

@media(max-width: 520px) {
	#sec05-voice ul li .voice-head .txt h3 {
		font-size: 150%
	}
}

#sec05-voice ul li .voice-head .txt .bg-green {
	padding: .5rem 1rem
}

#sec05-voice ul li .voice-head .txt .c-gray {
	margin-top: 1rem
}

#sec05-voice ul li:nth-child(2) .voice-head::before {
	content: url(../img/sec05_voice_icon2.svg)
}

#sec05-voice ul li:nth-child(3) .voice-head::before {
	content: url(../img/sec05_voice_icon3.svg)
}

#sec05-voice ul li:nth-child(4) .voice-head::before {
	content: url(../img/sec05_voice_icon4.svg)
}

#sec06-step {
	background-image: url(../img/bg_sec06.jpg);
	background-size: cover;
	background-position: center
}

@media(max-width: 520px) {
	#sec06-step {
		padding-bottom: 0
	}
}

@media(max-width: 520px) {
	#sec06-step h2 {
		margin-bottom: 2rem
	}
}

#sec06-step .step-list {
	align-items: stretch;
	width: fit-content
}

@media(max-width: 960px) {
	#sec06-step .step-list {
		flex-direction: column
	}
}

@media(max-width: 520px) {
	#sec06-step .step-list {
		width: 95%
	}
}

#sec06-step .step-list li {
	padding-right: 2.5rem;
	display: flex;
	align-items: stretch;
	font-size: 120%;
	font-weight: 800;
	position: relative
}

@media(max-width: 960px) {
	#sec06-step .step-list li {
		padding-right: 0;
		margin-bottom: 5rem
	}
}

@media(max-width: 960px) {
	#sec06-step .step-list li {
		font-size: 100%
	}
}

#sec06-step .step-list li span {
	position: absolute;
	background: linear-gradient(180deg, #e1a01b 30%, #e08333);
	width: calc(100% - 2.5rem);
	left: 0;
	top: -3rem;
	color: #fff;
	font-size: 90%;
	text-align: center;
	border: 4px solid #fff;
	font-weight: 500;
	min-height: 3.5rem
}

@media(max-width: 960px) {
	#sec06-step .step-list li span {
		width: 100%
	}
}

#sec06-step .step-list li:nth-child(3) span,
#sec06-step .step-list li:nth-child(5) span {
	background: linear-gradient(0deg, #199b49 30%, #94c656)
}

#sec06-step .step-list li::before {
	content: url(../img/sec06_step_icon1.svg);
	width: 7rem;
	display: block;
	position: absolute;
	top: 1.5rem;
	left: calc(50% - 1.25rem);
	transform: translateX(-50%);
	z-index: 1
}

@media(max-width: 960px) {
	#sec06-step .step-list li::before {
		top: 50%;
		transform: translate(0, -50%);
		left: 1.5rem;
		bottom: auto;
		width: 6rem
	}
}

#sec06-step .step-list li:nth-child(2)::before {
	content: url(../img/sec06_step_icon2.svg)
}

#sec06-step .step-list li:nth-child(3)::before {
	content: url(../img/sec06_step_icon3.svg)
}

#sec06-step .step-list li:nth-child(4)::before {
	content: url(../img/sec06_step_icon4.svg)
}

@media(max-width: 960px) {
	#sec06-step .step-list li:nth-child(5) {
		margin-bottom: 2rem
	}
}

#sec06-step .step-list li:nth-child(5)::before {
	content: url(../img/sec06_step_icon5.svg)
}

@media(max-width: 960px) {
	#sec06-step .step-list li:nth-child(6) {
		margin-bottom: 0
	}
}

#sec06-step .step-list li:nth-child(6)::before {
	content: url(../img/sec06_step_icon6.svg)
}

#sec06-step .step-list li:nth-child(6)::after {
	content: "";
	width: 180px;
	height: 180px;
	background-image: url(../img/sec04_img1.png);
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: -1rem
}

@media(max-width: 960px) {
	#sec06-step .step-list li:nth-child(6)::after {
		width: 150px;
		height: 150px;
		left: auto;
		right: -2rem;
		bottom: -2rem
	}
}

@media(max-width: 520px) {
	#sec06-step .step-list li:nth-child(6)::after {
		width: 115px;
		height: 115px
	}
}

#sec06-step .step-list li:nth-child(6) p {
	background-color: #fff;
	border: 4px solid #00a88f;
	border-image: linear-gradient(180deg, #e1a01b 30%, #e08333);
	border-image-slice: 1;
	color: #ef7724
}

#sec06-step .step-list li:nth-child(6) p::after {
	display: none
}

#sec06-step .step-list li p {
	border: 4px solid #fff;
	padding: 2.5rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding-top: 9rem;
	width: fit-content;
	min-height: 8rem;
	font-weight: 800;
	font-size: 150%
}

@media(max-width: 960px) {
	#sec06-step .step-list li p {
		-ms-writing-mode: none;
		writing-mode: horizontal-tb;
		width: 100%;
		padding: 1rem 1rem 1rem 8rem;
		display: flex;
		align-items: center
	}
}

@media(max-width: 520px) {
	#sec06-step .step-list li p {
		font-size: 100%
	}
}

#sec06-step .step-list li p::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 25px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00a88f;
	z-index: 1
}

@media(max-width: 960px) {
	#sec06-step .step-list li p::after {
		top: auto;
		right: auto;
		left: 50%;
		bottom: -1rem;
		transform: translate(-50%, 0);
		border-width: 15px 15px 0 15px;
		border-color: #00a88f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
	}
}

#sec06-step .step-list li p.guest {
	background-color: #faefdc
}

#sec06-step .step-list li p.our {
	background-color: #dbefe3
}

#sec06-step .bg-green {
	max-width: 1000px;
	padding: 3rem;
	text-align: center
}

@media(max-width: 520px) {
	#sec06-step .bg-green {
		padding: 1.5rem;
		width: 100%
	}
}

#sec06-step .bg-green h3 {
	font-size: 200%;
	text-align: center;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	padding: 0 5rem
}

@media(max-width: 520px) {
	#sec06-step .bg-green h3 {
		font-size: 150%
	}
}

#sec06-step .bg-green h3::before {
	content: url(../img/sec06_fukidashi.svg);
	position: absolute;
	width: 4rem;
	display: block;
	left: 0;
	bottom: 0
}

#sec06-step .bg-green h3::after {
	content: url(../img/sec06_fukidashi.svg);
	position: absolute;
	width: 4rem;
	display: block;
	right: 0;
	bottom: 0;
	transform: scale(-1, 1)
}

#sec06-step .bg-green ul {
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 2rem 0;
	padding-top: 5rem
}

@media(max-width: 520px) {
	#sec06-step .bg-green ul {
		padding: 0;
		margin: 4rem 0 2rem 0
	}
}

#sec06-step .bg-green ul li {
	background: #fff;
	padding: 2rem 0;
	width: 30%;
	position: relative;
	border-radius: .7rem
}

@media(max-width: 520px) {
	#sec06-step .bg-green ul li {
		width: 48%
	}
}

#sec06-step .bg-green ul li::before {
	content: url(../img/sec06_step_figure1.svg);
	position: absolute;
	display: block;
	width: 8rem;
	left: 50%;
	transform: translateX(-50%);
	top: -6rem
}

@media(max-width: 520px) {
	#sec06-step .bg-green ul li::before {
		width: 5rem;
		top: -3rem
	}
}

#sec06-step .bg-green ul li:nth-child(2)::before {
	content: url(../img/sec06_step_figure2.svg)
}

#sec06-step .bg-green ul li:nth-child(3)::before {
	content: url(../img/sec06_step_figure3.svg)
}

@media(max-width: 520px) {
	#sec06-step .bg-green ul li:nth-child(3) {
		margin-top: 4rem
	}
}

#sec06-step .bg-green ul li p {
	color: #333;
	text-align: center;
	font-size: 150%;
	line-height: 1.3;
	font-weight: 800
}

@media(max-width: 520px) {
	#sec06-step .bg-green ul li p {
		font-size: 130%
	}
}

#sec06-step .bg-green .bd-bottom {
	display: inline;
	text-align: center;
	border-bottom: 2px solid #fff;
	font-size: 150%
}

@media(max-width: 960px) {
	#sec06-step .bg-green .bd-bottom {
		font-size: 120%
	}
}

#sec07-about h2 {
	margin-bottom: 3rem
}

#sec07-about .flex {
	align-items: flex-start
}

@media(max-width: 750px) {
	#sec07-about .flex {
		display: block
	}
}

@media(max-width: 750px) {
	#sec07-about .flex picture {
		width: 50%;
		min-width: 200px;
		margin: 0 auto;
		margin-bottom: 1rem
	}
}

#sec07-about .flex .txt {
	padding-left: 4rem
}

@media(max-width: 750px) {
	#sec07-about .flex .txt {
		padding-left: 0
	}
}

#sec07-about .flex .txt .name {
	display: flex;
	align-items: center;
	justify-content: start
}

@media(max-width: 750px) {
	#sec07-about .flex .txt .name {
		display: block
	}
}

#sec07-about .flex .txt .name h3 {
	font-size: 200%;
	margin-right: 2rem
}

@media(max-width: 750px) {
	#sec07-about .flex .txt .name h3 {
		text-align: center;
		margin-right: 0;
		margin-bottom: 1rem
	}
}

#sec07-about .flex .txt .name .list1 li {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	padding: .5rem 0;
	background: #fff;
	margin-bottom: 1rem
}

#sec07-about .flex .txt .name .list1 li:last-child {
	margin-bottom: 0
}

#sec07-about .flex .txt .name .list1 li span {
	padding: .7rem 1rem
}

#sec07-about .flex .txt .list2 {
	margin-top: 1.5rem
}

#sec07-about .flex .txt .list2 .c-green {
	color: #006b65
}

#sec07-about .flex .txt .bg-w {
	padding: 2rem;
	font-size: 90%;
	font-weight: 500;
	margin-top: 1.5rem
}

@media(max-width: 520px) {
	#sec07-about .flex .txt .bg-w {
		padding: 1rem
	}
}

#sec08-staff {
	background: #f5faf6
}

#sec08-staff h2 {
	margin-bottom: 2rem
}

#sec08-staff ul {
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch
}

#sec08-staff ul li {
	width: 22%;
	display: flex;
	flex-direction: column;
	align-items: stretch
}

@media(max-width: 520px) {
	#sec08-staff ul li {
		width: 48%
	}
}

#sec08-staff ul li div {
	background: #fff;
	padding: 1rem;
	border-radius: .7rem
}

#sec08-staff ul li div h3 {
	text-align: center
}

#sec08-staff ul li div p {
	font-size: 90%;
	font-weight: 400
}

#sec09-office {
	padding-top: 0;
	background: #f5faf6
}

#sec09-office .w-wrap {
	justify-content: space-between;
	margin-top: 2rem;
	flex-wrap: wrap
}

#sec09-office .w-wrap picture {
	display: block;
	width: 48%
}

@media(max-width: 520px) {
	#sec09-office .w-wrap picture {
		width: 70%;
		margin: 0 auto
	}
}

#sec09-office .w-wrap ul {
	width: 48%
}

@media(max-width: 520px) {
	#sec09-office .w-wrap ul {
		width: 100%
	}
}

#sec09-office .w-wrap ul li {
	font-weight: 400
}

#sec09-office .w-wrap ul li p {
	font-weight: bold;
	font-family: "BIZ UDPMincho", sans-serif;
	margin: 1.5rem 0
}

#sec09-office .w-wrap ul li dl {
	display: flex;
	flex-wrap: wrap;
	font-size: 90%
}

#sec09-office .w-wrap ul li dl dt,
#sec09-office .w-wrap ul li dl dd {
	padding: .7rem;
	border-bottom: 2px solid #ddd
}

#sec09-office .w-wrap ul li dl dt {
	width: 35%
}

#sec09-office .w-wrap ul li dl dd {
	width: 65%
}

#sec10-contact .fukidashi {
	background: linear-gradient(0deg, #199b49 30%, #94c656);
	padding: 1rem 2rem;
	width: fit-content;
	margin: 0 auto;
	border-radius: 5rem;
	font-size: 150%;
	color: #fff;
	position: relative;
	margin-bottom: 4rem;
	text-align: center
}

@media(max-width: 520px) {
	#sec10-contact .fukidashi {
		font-size: 130%
	}
}

#sec10-contact .fukidashi::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 15px 0 15px;
	border-color: #199b49 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

#sec10-contact ul {
	background: #fff;
	flex-wrap: wrap;
	border-radius: .7rem;
	margin-bottom: 5rem
}

@media(max-width: 520px) {
	#sec10-contact ul {
		margin-bottom: 3rem
	}
}

#sec10-contact ul li {
	width: 50%;
	padding: 2rem 3rem 3rem 3rem
}

@media(max-width: 960px) {
	#sec10-contact ul li {
		padding: 1rem 1.5rem 1.5rem 1.5rem
	}
}

@media(max-width: 520px) {
	#sec10-contact ul li {
		padding: 1rem;
		width: 100%;
		padding-bottom: 3rem
	}
}

#sec10-contact ul li h2 {
	width: fit-content;
	margin: 0 auto;
	font-size: 160%;
	position: relative;
	display: flex;
	align-items: center
}

@media(max-width: 960px) {
	#sec10-contact ul li h2 {
		font-size: 130%
	}
}

#sec10-contact ul li h2::before {
	content: url(../img/sec10_icon_tel1.svg);
	display: block;
	width: 6rem;
	padding-right: .5rem
}

#sec10-contact ul li p {
	padding: 1rem 2rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1.5rem;
	border-radius: .7rem
}

@media(max-width: 520px) {
	#sec10-contact ul li p {
		padding: 1rem
	}
}

#sec10-contact ul li .btn {
	text-align: center;
	margin: 0 auto
}

#sec10-contact ul li .btn a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0rem 3rem
}

#sec10-contact ul li .btn a::before {
	content: url(../img/sec10_icon_tel2.svg);
	display: block;
	width: 4rem;
	padding-right: 1rem;
	margin-top: 1rem
}

#sec10-contact ul li:first-child {
	position: relative
}

#sec10-contact ul li:first-child::before {
	content: "";
	width: 2px;
	height: 90%;
	background: #ddd;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

@media(max-width: 520px) {
	#sec10-contact ul li:first-child::before {
		width: 90%;
		height: 2px;
		right: auto;
		left: 50%;
		top: auto;
		bottom: 0;
		transform: translate(-50%, 0)
	}
}

#sec10-contact ul li:first-child h2 {
	color: #ef7724
}

#sec10-contact ul li:first-child p {
	background: #faefe0
}

#sec10-contact ul li:first-child .btn {
	background: linear-gradient(0deg, #ffd0b3, #f9ae3b 10%, #f5911e 38%, #f9ae3b 88%, #ffd0b3)
}

#sec10-contact ul li:last-child h2 {
	color: #00a88f
}

#sec10-contact ul li:last-child h2::before {
	content: url(../img/sec10_icon_line1.svg)
}

#sec10-contact ul li:last-child p {
	background: #dbefe3
}

#sec10-contact ul li:last-child .btn {
	background: linear-gradient(0deg, #bbeeb3, #48ccb4 10%, #00ae88 38%, #48ccb4 88%, #bbeeb3)
}

#sec10-contact ul li:last-child .btn a::before {
	content: url(../img/sec-contact_icon_line.svg)
}

#sec11-form {
	background: #fff;
	padding: 1rem 2rem 4rem 2rem;
	border-radius: .7rem;
	width: 90%;
	margin: 0 auto;
	max-width: 900px;
	margin-bottom: 10rem;
	margin-top: 3rem;
	position: relative
}

@media(max-width: 520px) {
	#sec11-form {
		margin-bottom: 5rem;
		width: 95%
	}
}

#sec11-form h2 {
	color: #006b65;
	margin: 10rem 0 1rem;
	text-align: center
}

@media(max-width: 520px) {
	#sec11-form h2 {
		margin: 8rem 0 1rem
	}
}

#sec11-form h2 span {
	color: #00a88f;
	font-size: 60%;
	font-family: "Noto Sans JP", sans-serif;
	border: 3px solid #00a88f;
	background: #fff;
	border-radius: 5rem;
	padding: 1rem 2rem;
	font-weight: 800;
	display: block;
	position: absolute;
	width: fit-content;
	top: 3rem;
	left: 50%;
	transform: translateX(-50%)
}

@media(max-width: 520px) {
	#sec11-form h2 span {
		width: 90%
	}
}

#sec11-form h2 span::before,
#sec11-form h2 span::after {
	position: absolute;
	bottom: -15px;
	width: 30px;
	height: 15px;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: "";
	left: 50%;
	transform: translateX(-50%)
}

#sec11-form h2 span::before {
	background-color: #00a88f
}

#sec11-form h2 span::after {
	bottom: -11px;
	background-color: #fff
}

#sec11-form .attention {
	background: #e9f1ed;
	padding: 1rem;
	text-align: center;
	border-radius: .7rem;
	font-weight: 400
}

@media(max-width: 520px) {
	#sec11-form .attention {
		text-align: left
	}
}

#sec11-form form {
	width: 95%;
	margin: 0 auto
}

#sec11-form form dt {
	font-size: 120%;
	font-weight: bold;
	margin: 2.7rem 0 .5rem 0;
	display: flex
}

#sec11-form form .hissu::after,
#sec11-form form .ninni::after {
	content: "必須";
	display: block;
	width: fit-content;
	background: #ef5a24;
	color: #fff;
	border-radius: .3rem;
	padding: 0 .5rem 0 .5rem;
	font-size: 80%;
	font-weight: bold;
	margin-left: 1rem
}

#sec11-form form .ninni::after {
	content: "任意";
	background: #bfc0cd
}

#sec11-form form input[type=text],
#sec11-form form textarea,
#sec11-form form select {
	border: 2px solid #ccd6e0;
	width: 100%;
	padding: .5rem;
	font-size: 115%;
	border-radius: .5rem;
	font-weight: 400;
	font-family: sans-serif
}

#sec11-form form select {
	width: 150px
}

#sec11-form form .select-arrow {
	width: fit-content;
	position: relative;
	display: block
}

#sec11-form form .select-arrow::before {
	content: "";
	position: absolute;
	display: block;
	right: 1rem;
	top: 43%;
	width: 1rem;
	height: 1rem;
	border-top: 3px solid #333;
	border-right: 3px solid #333;
	transform: translateY(-50%) rotate(135deg)
}

#sec11-form #date {
	padding-left: 4rem;
	position: relative;
	width: 250px
}

#sec11-form .date {
	position: relative
}

#sec11-form .date::before {
	content: url(../img/sec07_icon_date.svg);
	display: block;
	position: absolute;
	width: 2.5rem;
	top: .8rem;
	left: 1rem
}

#sec11-form a {
	display: block;
	margin: 0 auto;
	width: fit-content;
	margin-top: 1.5rem;
	border-bottom: 1px solid #00a88f
}

#sec11-form .btn {
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
	margin-top: 2rem;
	background: linear-gradient(0deg, #ffd0b3, #f9ae3b 10%, #f5911e 38%, #f9ae3b 88%, #ffd0b3)
}

#sec11-form .btn button {
	border-radius: 0;
	margin: 0;
	width: 100%
}

.input-area {
	margin-top: 3rem
}

.input-button,
.back {
	display: block;
	padding: 1rem 2rem;
	border-radius: 10px;
	font-size: 150%;
	width: 90%;
	margin: 0 auto;
	filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
	color: #fff;
	text-align: center
}

.back {
	background-color: #b2b2b2;
	margin-bottom: 1rem
}

.error {
	width: -moz-fit-content;
	width: fit-content;
	padding: 0;
	display: block;
	font-size: 90%;
	color: red;
	background-color: #ffd3d1;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 0 1rem .2rem 1rem;
	margin-top: .5rem;
	margin-right: 0;
	margin-left: auto
}

.kakunin table.formTable {
	width: 95%;
	font-size: 1.6rem;
	margin: 0 auto;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500
}

.kakunin table.formTable tr {
	display: flex;
	flex-wrap: wrap
}

.kakunin table.formTable th,
.kakunin table.formTable td {
	outline: 1px solid #dedede;
	padding: .7rem 1rem;
	background-color: #fff;
	word-wrap: break-word;
	overflow-wrap: break-word
}

.kakunin table.formTable th {
	text-align: left;
	width: 30%;
	line-height: 150%
}

.kakunin table.formTable td {
	width: 70%
}

.kakunin .button-area {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 2rem auto 10rem auto;
	justify-content: space-between;
	align-items: center
}

.kakunin .button-area .back,
.kakunin .button-area .bg-button {
	margin-bottom: 1.5rem;
	width: 48%
}

@media(max-width: 520px) {

	.kakunin .button-area .back,
	.kakunin .button-area .bg-button {
		width: 100%
	}
}

.kakunin .button-area .bg-button {
	background: linear-gradient(0deg, #199b49 30%, #94c656)
}

.kakunin .button-area .back-button,
.kakunin .button-area .submit-button {
	border: 3px solid #fff;
	padding: 2rem 0;
	width: 230px;
	font-weight: 700;
	font-size: 2.5rem;
	color: #fff;
	font-family: "Zen Kaku Gothic New", sans-serif;
	border-radius: 10px;
	cursor: pointer;
	transition: .3s
}

.thanks,
.kakunin {
	min-height: 100vh;
	background-image: url(../img/bg_beige.jpg);
	background-size: cover;
	background-repeat: no-repeat
}

.thanks .thanks-top,
.kakunin .thanks-top {
	width: 300px;
	background: #888
}

.thanks main,
.kakunin main {
	padding: 0;
	padding-top: 8rem;
	min-height: 95vh
}

.thanks main h2,
.kakunin main h2 {
	text-align: center;
	font-size: 170%;
	color: #006b65
}

.thanks .center,
.kakunin .center {
	padding: 3rem;
	max-width: 600px;
	background: #fff;
	border-radius: 10px;
	margin: 2rem auto
}

.thanks .tel-box,
.kakunin .tel-box {
	display: block;
	background-color: #fff;
	border: 2px solid #8b9c99;
	margin: 0 auto;
	border-radius: .7rem;
	font-size: 2.5rem;
	padding: .5rem 2rem;
	margin-top: 0;
	margin-bottom: 2rem;
	font-weight: 700;
	color: #8b9c99;
	text-align: center;
	width: fit-content
}

.thanks .back,
.kakunin .back {
	background: #888
}

.thanks .thanks-top,
.kakunin .thanks-top {
	background: linear-gradient(0deg, #bbeeb3, #48ccb4 10%, #00ae88 38%, #48ccb4 88%, #bbeeb3);
	border: 2px solid #fff;
	margin-bottom: 3rem
}

footer {
	background: #333;
	color: #fff;
	text-align: center;
	padding: 1rem 0 3rem 0;
	margin-bottom: clamp(5.5rem, 2vw + 3.5rem, 8rem)
}

@media(max-width: 520px) {
	footer {
		margin-bottom: 8.9rem;
		padding: 1rem 0 10rem 0
	}
}

footer ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 1rem 0
}

@media(max-width: 520px) {
	footer ul {
		flex-direction: column
	}
}

footer ul li {
	width: fit-content;
	padding: .5rem 2rem;
	position: relative
}

footer ul li::before {
	content: "";
	display: block;
	position: absolute;
	width: 1.5rem;
	height: 1px;
	top: 50%;
	left: 0;
	background: #fff
}

footer ul li:last-child {
	padding-right: 0
}

.thanks footer,
.kakunin footer {
	margin-bottom: 0
}

@media(max-width: 520px) {

	.thanks footer,
	.kakunin footer {
		margin-bottom: 0;
		padding: 1rem 0
	}
}

.sub-page h2 {
	padding-top: 2rem
}

.sub-page h3 {
	font-size: 90%;
	margin-top: 2rem
}

.sub-page .policy {
	width: 90%;
	max-width: 1000px;
	margin: 2rem auto;
	background: #fff;
	padding: 3%
}

.sub-page .policy p,
.sub-page .policy ul li {
	font-size: 1.4rem;
	font-weight: 400
}

.sub-page .policy ul li {
	padding-left: 2rem;
	position: relative
}

.sub-page .policy ul li::before {
	display: block;
	content: "●";
	position: absolute;
	left: 0;
	top: 0;
	color: #ccc
}

.sub-page .policy .address {
	background: #f1f1f1;
	padding: 1rem;
	margin-top: 1rem
}

.sub-page .policy .address li {
	padding-left: 0
}

.sub-page .policy .address li::before {
	display: none
}

/*# sourceMappingURL=style.css.map */

.consider {
	background-color: #00a88f;
	padding: 3% 10%;
}

.consider h2 {
	color: #046647;
	font-size: 3rem;
	text-align: center;
}

.consider h2 span {
	background: linear-gradient(transparent 50%, yellow 50%);
}

.considerIn {
	background-color: #D8E7E1;
	padding: 3% 5%;
	border-radius: 10px;
}

.consider-list {
	font-family: "BIZ UDPMincho", sans-serif;
	margin-left: 8%;
}

.consider-list li {
	margin: 2% 0;
}

@media(max-width: 520px) {
	.consider {
		padding: 5%;
	}

	.consider h2 {
		font-size: 2.5rem;
		line-height: 120%;
	}

	.considerIn {
		padding: 5%;
	}

	.consider-list {
		margin-left: 0;
	}

	.consider-list li {
		margin: 3% 0;
		font-size: 1.5rem;
		line-height: 150%;
	}
}

/* 失敗したくない会社設立！ table hidden */
.hide_tab {
	height: 650px;
	overflow-y: hidden;
	position: relative;
}

.btn-more_tab {
	position: absolute;
	bottom: -1rem;
	width: 100%;
	height: 20%;
	padding-bottom: 0;
	text-align: center;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 65%);
	font-weight: bold;
	cursor: pointer;
}

.btn-more_tab span {
	display: block;
	position: absolute;
	background: #00a88f;
	color: #fff;
	width: fit-content;
	padding: .5rem 1rem;
	border-radius: .7rem;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
}

@media(max-width: 768px) {
	.hide_tab {
		height: 550px;
	}
}

@media(max-width: 425px) {
	.hide_tab {
		height: 710px;
	}
}

.info-news{
	color: #ED0000;
	display: block;
	width: 40%;
	margin: 0 20% 0 40%;
}
@media(max-width: 786px) {
.info-news{
	width: 55%;
	margin: 0 10% 0 35%;
	font-size: 1.4rem;
}
}
@media(max-width: 425px) {
.info-news{
	width: 90%;
	margin: 5% auto;
	font-size: 1.5rem;
}
}

#bank{
	padding: 5% 10%;
}
#bank h2{
	display: block;
	text-align: center;
}
#bank h3{
	text-align: center;
	color: #006b65;
	font-size: 2.3rem;
	margin-bottom: 3%;
}
#bank p{
	width: 90%;
	margin: 0 auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: normal;
}
#bank p span{
	font-size: 1.3rem;
	color:#A6A6A6;
}
#bank .bank-img{
	display: block;
	width: 25%;
	margin: 3% auto;
}
@media(max-width: 786px) {
#bank .bank-img{
	width: 45%;
}
#bank p{
	width: 100%;
	}
}
@media(max-width: 425px) {
	#bank .bank-img{
	width: 70%;
}
}


#soft{
	padding: 5% 10%;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	background-color: #f5faf6;
}

#soft p{width: 90%;
	margin: 0 auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: normal;
	text-align: left;
	padding: 3% 0;
	

}
#soft .iconbox{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	
}
#soft .flexbox{
	display: flex;
	align-items: center;
	justify-content:space-between;
}
#soft .flexbox img{width: 100%;}

#soft .flexbox .flexitem1{flex-basis: 30%;}
#soft .flexbox .flexitem2{flex-basis: 60%;}
#soft .txt-stz{
	font-size: 1.2rem;/**/
	width: 100%;
	text-align: right;
	line-height: 0;
	margin-top: -2%;
}

@media(max-width: 786px) {

#soft p{
	width: 100%;
	}
}
@media(max-width: 430px) {
	#soft h2{
font-size: 2.2rem;
}
#soft .iconbox{width: 100%;}	
	
#soft .flexbox{display: block;}
	#soft .flexitem1,#soft .flexitem2{flex-basis: 100%;}

	#soft .flexitem1 img{width: 40%;}
	#soft .txt-stz{
			margin-top: 0%;
	}
}