/* screen - main-style */

@media screen and (min-width: 768px) {
.mobile_web {
	visibility: hidden;
}
}

@media screen and (max-width: 769px) {
.pc_web {
	display: none;
}
}
html, body {
	max-width: 100%;
	overflow-x: hidden;
}
.pc_web {
}
.mobile_web {
	top: 0px;
	position: absolute;
	display: block;
}
.main-style {
	align-items: flex-start;
	background-color: var(--white);
	display: flex;
	height: 2432px;
	width: 100%x;
}
.main-style .overlap-group1 {
	align-items: flex-start;
	background-color: #91cdbc;
	display: flex;
	flex-direction: column;
	min-height: 2432px;
	width: 100%;
}
.main-style .overlap-group2 {
	height: 2387px;
	position: relative;
	width: 100%;
}
.main-style .union {
	height: 1759px;
	left: 420px;
	position: absolute;
	top: 628px;
	width: 1080px;
}
.main-style .gr4 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	left: 520px;
	min-height: 485px;
	position: relative;
	margin-top: 50px;
	width: 882px;
}
.main-style .component-1 {
	align-items: flex-start;
	display: flex;
	min-width: 250px;
}
.main-style .overlap-group {
	height: 80px;
	margin-top: -1px;
	position: relative;
	width: 250px;
}
.main-style .rectangle-11 {
	background-color: var(--metallic-seaweed);
	border-radius: 60px;
	height: 60px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 250px;
}
.main-style .title1 {
	background-image: url(img/title1.png);
	height: 60px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 250px;
}
.main-style .title2 {
	background-image: url(img/title2.png);
	height: 60px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 250px;
}
.main-style .title3 {
	background-image: url(img/title3.png);
	height: 60px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 250px;
}
.main-style .title4 {
	background-image: url(img/title4.png);
	height: 60px;
	left: 0;
	position: absolute;
	top: 11px;
	width: 250px;
}
.main-style .text {
	left: 135px;
	letter-spacing: 0;
	line-height: 42px;
	position: absolute;
	top: 20px;
	white-space: nowrap;
}
.main-style .text-1 {
	height: 42px;
	left: 39px;
	letter-spacing: 0;
	line-height: 42px;
	position: absolute;
	text-align: center;
	top: 20px;
	white-space: nowrap;
}
.main-style .x2 {
	height: 80px;
	left: 63px;
	letter-spacing: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 38px;
}
.main-style .text-2 {
	height: 42px;
	left: 101px;
	letter-spacing: 0;
	line-height: 42px;
	position: absolute;
	text-align: center;
	top: 20px;
	white-space: nowrap;
}
.main-style .dv4 {
	letter-spacing: 0;
	line-height: 42px;
	margin-top: 25px;
	min-height: 126px;
	width: 880px;
}
.main-style .text-1-1 {
	color: #282828;
	font-family: var(--font-family-noto_sans);
	font-size: var(--font-size-s);
	font-weight: 400;
	letter-spacing: 0.20px;
	line-height: 28px;
	margin-top: 20px;
	min-height: 234px;
	width: 880px;
}
.main-style .gr3 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	left: 520px;
	min-height: 142px;
	position: relative;
	margin-top: 50px;
	width: 882px;
}
.main-style .x2-1 {
	height: 80px;
	left: 63px;
	letter-spacing: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 38px;
}
.main-style .text-3 {
	letter-spacing: 0;
	line-height: 42px;
	margin-top: 20px;
	min-height: 42px;
	white-space: nowrap;
}
.main-style .gr2 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	left: 520px;
	min-height: 142px;
	position: relative;
	margin-top: 50px;
	width: 882px;
}
.main-style .number {
	height: 80px;
	left: 63px;
	letter-spacing: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 38px;
}
.main-style .gr1 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	left: 518px;
	min-height: 382px;
	position: relative;
	margin-top: 20px;
	width: 882px;
}
.main-style .component-11 {
	align-items: flex-start;
	display: flex;
	margin-left: 2px;
	min-width: 250px;
}
.main-style .x2-2 {
	height: 80px;
	left: 63px;
	letter-spacing: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 38px;
}
.main-style .text-11 {
	color: var(--blue-green);
	font-family: var(--font-family-noto_sans);
	font-size: var(--font-size-m);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 42px;
	margin-left: 2px;
	margin-top: 20px;
	min-height: 42px;
}
.main-style .table {
	align-items: flex-start;
	background-color: var(--white);
	border: 3px solid var(--metallic-seaweed);
	border-radius: 2px;
	display: flex;
	flex-direction: column;
	height: 215px;
	margin-top: 25px;
	overflow: hidden;
	width: 780px;
}
.main-style .table-row {
	align-items: flex-start;
	background-color: #ffffff;
	box-shadow: inset 0px 1px 0px #449d74;
	display: flex;
	width: 780px;
}
.main-style .table-cell-3 {
	align-items: center;
	background-color: #f5e488/*var(--blue-green)*/;
	display: flex;
	height: 95px;
	min-width: 160px;
}
.main-style .table-cell-4 {
	align-items: flex-start;
	display: flex;
	min-width: 160px;
}
.main-style .table-border {
	align-items: flex-start;
	display: flex;
	height: 100px;
	justify-content: flex-end;
	margin-left: -100px;
	margin-top: -5000px;
	min-width: 100px;
	transform: rotate(-90deg);
}
.main-style .line {
	height: 95px;
	margin-top: -47.5px;
	object-fit: cover;
	transform: rotate(-90deg);
	width: 1px;
}
.main-style .content-3 {
	align-items: flex-start;
	align-self: flex-end;
	display: flex;
	height: 82px;
	margin-bottom: 0;
	padding: 9px 8px;
	width: 160px;
	border-right: solid 1px #449d74/*#b9b9b9*/;
}
.main-style .text-7 {
	height: 42px;
	letter-spacing: 0;
	line-height: 42px;
	text-align: center;
	white-space: nowrap;
	width: 144px;
	color: #449d74;
}
.main-style .table-cell-5 {
	align-items: center;
	background-color: #f5e488/*var(--blue-green)*/;
	display: flex;
	height: 95px;
	min-width: 260px;
}
.main-style .table-cell-6 {
	align-items: flex-start;
	display: flex;
	min-width: 260px;
}
.main-style .content-4 {
	align-items: flex-start;
	align-self: flex-end;
	display: flex;
	height: 82px;
	margin-bottom: 0;
	padding: 3px 8px;
	width: 260px;
	border-right: solid 1px #449d74;
}
.main-style .text-8 {
	color: #449d74/*var(--metallic-seaweed)*/;
	font-family: var(--font-family-noto_sans);
	font-size: var(--font-size-m);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 20px;
	min-height: 62px;
	text-align: center;
	width: 250px;
}
.main-style .span0 {
	line-height: 28px;
}
.main-style .span1 {
	line-height: 28px;
}
.main-style .table-cell-7 {
	align-items: flex-start;
	background-color: #f5e488/*var(--blue-green)*/;
	display: flex;
	height: 95px;
	min-width: 360px;
	padding: 6.5px 0;
}
.main-style .table-cell-8 {
	align-items: flex-start;
	display: flex;
	min-width: 360px;
}
.main-style .content-5 {
	align-items: flex-start;
	align-self: flex-end;
	display: flex;
	height: 82px;
	margin-bottom: 0;
	padding: 3px 8px;
	width: 360px;
	color: #449d74;
}
.main-style .text-9 {
	color: #449d74;
	/*color: var(--metallic-seaweed);*/
	font-family: var(--font-family-noto_sans);
	font-size: var(--font-size-m);
	font-weight: 600;
	height: 62px;
	letter-spacing: 0;
	line-height: 20px;
	text-align: center;
	width: 374px;
}
.main-style .table-cell {
	align-items: flex-start;
	background-color: #ffffff00;
	display: flex;
	height: 60px;
	min-width: 160px;
}
.main-style .table-border-1 {
	align-items: flex-start;
	display: flex;
	height: 100px;
	justify-content: flex-end;
	margin-left: -100px;
	margin-top: -4994.0px;
	min-width: 100px;
	transform: rotate(-90deg);
}
.main-style .line-1 {
	height: 60px;
	margin-top: -30px;
	object-fit: cover;
	transform: rotate(-90deg);
	width: 1px;
}
.main-style .content {
	align-items: flex-start;
	align-self: center;
	display: flex;
	height: 48px;
	margin-top: 0.01px;
	padding: 9px 8px;
	width: 160px;
	border-right: solid 1px #449d74/*#b9b9b9*/;
}
.main-style .text-4 {
	height: 28px;
	letter-spacing: 0.20px;
	line-height: 28px;
	text-align: center;
	white-space: nowrap;
	width: 144px;
}
.main-style .table-cell-1 {
	align-items: flex-start;
	background-color: #ffffff00;
	display: flex;
	height: 60px;
	min-width: 260px;
}
.main-style .table-border-2 {
	align-items: flex-start;
	display: flex;
	height: 100px;
	justify-content: flex-end;
	margin-left: -100px;
	margin-top: -4994.01px;
	min-width: 100px;
	transform: rotate(-90deg);
}
.main-style .content-1 {
	align-items: flex-start;
	align-self: center;
	display: flex;
	height: 48px;
	margin-top: 0.01px;
	padding: 9px 8px;
	width: 260px;
	border-right: solid 1px #449d74;
}
.main-style .text-5 {
	height: 28px;
	letter-spacing: 0.20px;
	line-height: 28px;
	text-align: center;
	white-space: nowrap;
	width: 240px;
}
.main-style .table-cell-2 {
	align-items: flex-start;
	background-color: #ffffff00;
	display: flex;
	height: 60px;
	min-width: 360px;
}
.main-style .content-2 {
	align-items: flex-start;
	align-self: center;
	display: flex;
	height: 48px;
	margin-top: 0.01px;
	padding: 9px 8px;
	width: 360px;
}
.main-style .text-6 {
	height: 28px;
	letter-spacing: 0.20px;
	line-height: 28px;
	text-align: center;
	white-space: nowrap;
	width: 360px;
}
.main-style .text-14 {
	left: 520px;
	letter-spacing: 0;
	line-height: 42px;
	position: relative;
	margin-top: 940px;
	white-space: nowrap;
}
.main-style .text-15 {
	color: var(--blue-green);
	font-family: var(--font-family-noto_sans);
	font-size: var(--font-size-m);
	font-weight: 600;
	left: 660px;
	letter-spacing: 0;
	line-height: 42px;
	position: absolute;
	top: 834px;
	white-space: nowrap;
	width: 740px;
}
.main-style .text-16 {
	left: 520px;
	letter-spacing: 0;
	line-height: 42px;
	position: absolute;
	top: 834px;
	white-space: nowrap;
}
.main-style .line-2 {
	height: 5px;
	left: 486px;
	position: absolute;
	top: 900px;
	width: 945px;
}
.main-style .phone {
	color: var(--blue-green);
	font-family: var(--font-family-noto_sans);
	font-size: var(--font-size-m);
	font-weight: 600;
	left: 660px;
	letter-spacing: 0;
	line-height: 42px;
	position: absolute;
	top: 737px;
	white-space: nowrap;
	width: 700px;
}
.main-style .text-17 {
	left: 520px;
	letter-spacing: 0;
	line-height: 42px;
	position: absolute;
	top: 737px;
	white-space: nowrap;
}
.main-style .line-1-1 {
	height: 1px;
	left: 488px;
	position: absolute;
	top: 800px;
	width: 945px;
}
.main-style .kv-3 {
	height: 680px;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 1920px;
}
.main-style .rectangle-9 {
	display: block;
	height: 80px;
	width: 100%;
	background: #fed926;
}
.footer {
	width: 1920px;
	align-items: flex-start;
}
.container {
	width: 100%;
	background: #fed926;
	height: 200px;
	font-size: 14px;
	color: #17728A;
	line-height: 25px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	padding-top:60px;
}
.footerContainer {
	display: flex;
	justify-content: center;
}
@media screen and (min-width:320px){.container{max-width:calc(100% + 32px);padding-left:16px;padding-right:16px}
@media screen and (min-width:768px){.container{max-width:778px;padding-left:37px;padding-right:37px}
@media screen and (min-width:1280px){.container{max-width:1130px;padding-left:45px;padding-right:45px}
	@media screen and (min-width:3840px){.container{width:3849px;padding-left:45px;padding-right:45px}
@media screen and (min-width: 768px){.footer-logo { 
    width: 80px;
    margin-right: 40px;
    margin-bottom: 0;
	}}
.p {
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.footer-textBreak {
	display: inline-block;
}