@import url(reset.css);
*, *::before, *::after {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
html {
		width: 100%;
		height: 100%;
		scroll-behavior: smooth;
}
body {
		margin: 0;
		padding: 0;
		background: #fff;
		font-family: 'Open Sans', 'Noto Sans', 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', Verdana, Helvetica, Arial, 'HeitiTC', 'Microsoft YaHei', sans-serif;
		font-size: 100%;
		position: relative;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow-x: hidden;
		color: #333333;
}
img {
		width: 100%;
		max-width: 100%;
		height: auto;
		display: block;
}
a:link, a:visited, a:hover, a:active {
		list-style: none;
		text-decoration: none;
		color: inherit;
}
button:focus, .btn-close:focus {
		outline: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
}
p {
		-webkit-margin-before: 0;
		margin-block-start: 0;
		-webkit-margin-after: 0;
		margin-block-end: 0;
}
.section:not(.section-nav), section {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		display: block;
}
.gradient-text {
		background: -o-linear-gradient(30deg, #F5A623 20%, #E8621A 70%);
		background: linear-gradient(60deg, #F5A623 20%, #E8621A 70%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
}
/************************
SPACE
************************/
@media (min-width:1200px) {
		.container-xxl {
				max-width: 1100px;
		}
		.container-xxl.wide {
				max-width: 1366px;
		}
		.container-xxl.full {
				max-width: 2560px;
		}
}
/************************
Layout
************************/
.section-title {
		margin-bottom: 24px;
}
.section-title .color_red {
		color: #c12329;
}
.section-title small {
		font-size: 0.8em;
}
.section-title em {
		font-style: normal;
		font-size: 42px;
		font-weight: 600;
}
.section .notice {
		font-size: 14px;
		color: #898989;
}
/************************
Utilities
************************/
/***** UTILITIES *****/ :root {
		--color-primary: #bf2329;
		--color-lightgray: #d9d9d9;
		--color-gray: #c0c0c0;
}
.text-red {
		color: var(--color-primary);
}
.text-primary {
		color: var(--color-primary) !important;
}
.text-gray {
		color: var(--color-gray) !important;
}
.w-fit {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
}
/* box shadow */
.shadow {
		-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* list */
ol.decimal li {
		list-style-type: decimal;
		margin-left: 1em;
}
ul.disc li {
		list-style-type: disc;
		margin-left: 1em;
}
ol.upper-alpha > li {
		list-style-type: upper-alpha !important;
		margin-left: 1em;
}
/************************
Button
************************/
.btn-default {
		border-radius: 5rem;
		min-width: 180px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		font-size: 1.25rem;
		padding: .5rem 1rem;
		font-weight: 500;
		-webkit-transition: background ease 200ms, border ease 200ms;
		-o-transition: background ease 200ms, border ease 200ms;
		transition: background ease 200ms, border ease 200ms;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
}
.btn-default, .btn-default:hover {
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
}
.btn-outline {
		border: 1px solid var(--color-primary);
		color: var(--color-primary) !important;
}
.btn-primary {
		border: 1px solid var(--color-primary);
		color: #fff !important;
		background-color: var(--color-primary);
}
.btn-event {
		border: 0;
		color: #fff !important;
		background: -o-linear-gradient(320deg, #e69727 10%, #e66227 70%);
		background: linear-gradient(130deg, #e69727 10%, #e66227 70%);
}
.btn-icon {
		width: 18px;
		margin-left: 10px;
		color: var(--color-primary)
}
.btn-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 20px;
		padding-block: 32px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		z-index: 2;
		position: relative;
}
@media (hover:hover) {
		.btn-default:hover {
				-webkit-transform: translateY(5px);
				-ms-transform: translateY(5px);
				transform: translateY(5px);
		}
		.btn-outline:hover .btn-icon {
				color: #fff;
		}
		.btn-primary:hover, .btn-primary:focus {
				border: 1px solid #de343a;
				background-color: #de343a;
		}
		.btn-outline:hover {
				border: 1px solid var(--color-primary);
				background-color: var(--color-primary);
				color: #fff !important;
		}
		.btn-event:hover {
				background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #e69727), color-stop(70%, #e66227));
				background: -o-linear-gradient(top, #e69727 10%, #e66227 70%);
				background: linear-gradient(180deg, #e69727 10%, #e66227 70%);
		}
}
@media screen and (max-width: 576px) {
		.btn-default {
				width: 140px;
				font-size: 1.125rem;
		}
}
@media screen and (max-width: 320px) {
		.btn-default {
				width: 120px;
				font-size: 1rem;
		}
}
/************************
KV
************************/
.banner {
		width: 100%;
		position: relative;
		overflow: hidden;
		margin: 0 auto;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		max-width: 2560px;
}
.banner .kv_txt {
		position: absolute;
		text-align: center;
		top: 35%;
		left: 10%;
		right: auto;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		color: #000100;
}
.banner {
		height: auto;
}
.banner .kv_img {
		width: 100%;
		max-width: 2560px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
}
.banner .kv_big {
		font-size: 55px;
		font-weight: 500;
		display: inline-block;
		padding-bottom: 1rem;
}
.banner .kv_big sup {
		font-size: 86%;
		position: relative;
		top: 1rem;
		right: .25rem;
}
.banner .kv_small {
		font-size: 30px;
		font-weight: 500;
		display: inline-block;
		position: relative;
		padding: 1rem .5rem 0 .5rem;
}
.banner .kv_small::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: auto;
		width: 100%;
		height: 2px;
		background: -webkit-gradient(linear, left top, right top, color-stop(60%, #b30c0a), color-stop(70%, #000000));
		background: -o-linear-gradient(left, #b30c0a 60%, #000000 70%);
		background: linear-gradient(to right, #b30c0a 60%, #000000 70%);
}
@media (min-width: 1440px) {
		.banner .kv_big {
				font-size: 53px;
		}
		.banner .kv_small {
				font-size: 33px;
		}
		.banner .kv_txt {
				top: 35%;
				left: 10%;
		}
}
@media (min-width: 1600px) {
		.banner .kv_big {
				font-size: 60px;
		}
		.banner .kv_small {
				font-size: 35px;
		}
		.banner .kv_txt {
				top: 38%;
				left: 15%;
		}
}
@media (min-width: 1920px) {
		.banner .kv_big {
				font-size: 65px;
		}
		.banner .kv_small {
				font-size: 40px;
		}
		.banner .kv_txt {
				left: 15%;
				top: 35%;
		}
}
@media (min-width: 2560px) {
		.banner .kv_txt {
				left: 20%;
				top: 35%;
		}
}
@media (max-width: 1199px) {
		.banner .kv_big {
				font-size: 4.25vw;
		}
		.banner .kv_small {
				font-size: 2.25vw;
		}
		.banner .kv_txt {
				left: 10%;
				top: 35%;
		}
}
@media (max-width: 991px) {
		.banner .kv_big {
				padding-bottom: .75rem;
		}
		.banner .kv_small {
				padding: .75rem .5rem 0 .5rem;
		}
		.banner .kv_txt {
				left: 8%;
				top: 38%;
		}
}
@media (max-width: 576px) {
		.banner .kv_big {
				font-size: 10vw;
				padding-bottom: .75rem;
		}
		.banner .kv_small {
				font-size: 6vw;
				padding: .75rem .5rem 0 .5rem;
		}
		.banner .kv_txt {
				left: 0;
				right: 0;
				margin: auto;
				top: 25%;
		}
}
/************************
Fixed
************************/
.fixed_box {
		width: 120px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		position: fixed;
		bottom: 40%;
		right: 0;
		z-index: 11;
		margin-bottom: 40px;
}
.fixed_box a {
		width: 100%;
		display: block;
}
.fixed_box .fixed_icon {
		width: 88px;
		height: 88px;
		position: relative;
		top: -15px;
		right: -5px;
}
.fixed_box .fixed_txt {
		display: none;
}
.fixed_box .fixed_txt_pc {
		display: block;
}
@media (max-width: 1199px) {
		.fixed_box {
				max-width: 10vw;
		}
}
@media (max-width: 576px) {
		.fixed_box {
				max-width: 18vw;
		}
}
/*@media (max-width: 991px) {
		.fixed_box .fixed_txt_pc {
				display: none;
		}
		.fixed_box .fixed_txt {
				display: none;
		}
		.fixed_box .fixed_txt {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				width: 100%;
				height: 50px;
				position: absolute;
				padding-right: 1rem;
		}
		.fixed_box .fixed_txt .no {
				font-size: 150%;
				line-height: 1;
		}
		.fixed_box .fixed_txt .no small {
				font-size: 1.25rem;
		}
		.fixed_box .fixed_txt .is-btn {
				padding: .25rem .75rem;
				color: #000000;
				border-radius: 5rem;
				background-color: #ffffff;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
		}
		.fixed_box .fixed_txt .is-btn .arrow {
				width: 15px;
				margin-left: 5px;
		}
		.fixed_box {
				right: 0;
				left: 0;
				margin: auto;
				position: sticky !important;
				bottom: 0 !important;
				width: 100%;
				height: 60px;
		}
		.fixed_box a {
				background: linear-gradient(30deg, #ff3233 10%, #cc1e1f 70%);
				color: #fff;
				font-size: 1.25rem;
				font-weight: 500;
				text-align: center;
				padding: 5px 0;
				height: 60px;
		}
}
@media (max-width: 767px) {
		.fixed_box a {
				font-size: 1.125rem;
		}
}
@media (max-width: 576px) {
		.fixed_box a {
				font-size: 1rem;
		}
}
@media (max-width: 320px) {
		.fixed_box a {
				font-size: .8125rem;
		}
		.fixed_box .fixed_icon {
				width: 66px;
				height: 66px;
				top: -10px;
		}
}
.fixed_box .inline_block {
		display: inline-block;
		margin: 0 10px 0 0;
}
.fixed_box .inline_block:last-child {
		margin: 0;
}
.fixed_box .color_yellow {
		color: #ffff00;
}
.fixed_box_pc {
		display: block;
}
.fixed_box_m {
		display: none;
}
@media (max-width: 991px) {
		.fixed_box_m {
				display: block !important;
		}
}*/
/************************
Content Block
************************/
.content-block {
		background-image: url("../image/contet-bg.jpg");
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: scroll;
		overflow: visible;
}
@media (min-width: 1920px) {
		.content-block {
				background-size: 2560px auto;
		}
}
@media (max-width: 1199px) {
		.content-block {
				background-size: cover;
		}
}
/************************
Tag Block
************************/
.section-nav {
		border-bottom: 2px solid #cdc5c0;
}
.section-nav.is-mobile {
		display: none;
}
.section-nav > nav {
		padding-top: 1.5rem;
		padding-bottom: 1.25rem;
}
.section-nav > nav .nav {
		gap: 3rem;
}
.section-nav .nav-link:hover .icon-box {
		color: #e67f27;
}
.section-nav .nav-link.active .icon-box {
		color: #2e2e2e;
}
.section-nav.is-sticky .nav-link .icon-box {
		color: #666;
}
.section-nav.is-sticky .nav-link:hover .icon-box, .section-nav.is-sticky .nav-link.active .icon-box {
		color: #000;
}
.section-nav.is-sticky {
		top: 50px;
		z-index: 3;
		width: 100%;
		position: fixed;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f5f3f4), to(#fbfbfb));
		background: -o-linear-gradient(top, #f5f3f4 50%, #fbfbfb 100%);
		background: linear-gradient(to bottom, #f5f3f4 50%, #fbfbfb 100%);
}
.section-nav.is-sticky > nav {
		padding-top: .25rem;
		padding-bottom: .25rem;
}
.icon-box {
		text-align: center;
		font-size: 1rem;
		line-height: 1.25;
		color: #000000;
		font-weight: 500;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
}
.icon-box .icon {
		max-width: 70px;
		display: block;
		margin: 0 auto .5rem auto;
}
.section-nav.is-sticky .icon-box {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		font-size: 1rem;
		text-align: start;
}
.section-nav.is-sticky .icon-box br {
		display: none;
}
.section-nav.is-sticky .icon-box .icon {
		max-width: 45px;
		margin: 0 .75rem 0 0;
}
.section-nav.is-sticky > nav .nav {
		gap: 2rem;
}
.section-nav.is-sticky .nav-item.change .nav-link {
		padding-left: 0;
		padding-right: 0;
}
.section-nav.is-sticky, .section-nav.is-sticky > nav, .section-nav.is-sticky > nav .nav {
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
}
.section-nav .nav-link .icon-box, .section-nav .nav-link:hover .icon-box {
		-webkit-transition: color .3s ease;
		-o-transition: color .3s ease;
		transition: color .3s ease;
}
@media (max-width: 1199px) {
		.section-nav > nav {
				padding-top: 1rem;
				padding-bottom: .75rem;
		}
		.icon-box .icon {
				max-width: 5vw;
		}
		.section-nav.is-sticky .icon-box .icon {
				max-width: 3vw;
				margin: 0 .75rem 0 0;
		}
}
@media (max-width: 991px) {
		.section-nav {
				border-bottom: 1px solid #ececec;
				margin-bottom: 1rem;
		}
		.section-nav.is-pc {
				display: none;
		}
		.section-nav.is-mobile {
				display: block;
				position: relative;
		}
		.section-nav .icon-box {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-ms-flex-direction: row;
				flex-direction: row;
				-webkit-box-pack: start;
				-ms-flex-pack: start;
				justify-content: flex-start;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				text-align: start;
				color: #2e2e2e;
				line-height: 1.75;
		}
		.section-nav .icon-box .icon {
				max-width: 8vw;
				margin: 0 .75rem 0 0;
				display: none;
		}
		.section-nav .icon-box br {
				display: block;
		}
		.section-nav .nav-link.active {
				padding: .25rem 1rem !important;
		}
		.section-nav .nav-link {
				padding: .25rem 1rem !important;
				color: #2e2e2e;
		}
		.section-nav > nav .nav {
				gap: .5rem;
				-webkit-box-orient: vertical !important;
				-webkit-box-direction: normal !important;
				-ms-flex-direction: column !important;
				flex-direction: column !important;
				margin-left: 0 !important;
		}
}
/************************
Block Title
************************/
.is-title {
		position: relative;
		margin-bottom: 1.25rem;
		color: #000000;
		letter-spacing: 1px;
		font-weight: 600;
		display: inline-block;
}
.is-title.has-line {
		padding-bottom: 1.5rem;
		margin-bottom: 1.25rem;
}
.is-title.has-line::after {
		content: '';
		width: 60px;
		height: 2px;
		display: block;
		background-color: #999999;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
}
.is-title .icon-wide {
		max-width: 200px;
		margin: 0 10px;
		position: relative;
		top: -10px
}
.is-title .icon {
		max-width: 100px;
		margin: 0 10px;
		position: absolute;
}
.is-title .icon.is-left {
		left: -105px;
		top: -2rem;
		bottom: 0;
		margin: auto;
}
.is-title .icon.is-right {
		right: -105px;
		top: -1rem;
		bottom: 0;
		margin: auto;
}
.is-title .no {
		font-size: 130%;
		font-weight: 700;
		line-height: 1;
}
@media (max-width: 1199px) {
		.is-title .icon {
				max-width: 8vw;
		}
		.is-title .icon.is-left {
				left: -9vw;
				top: -2rem;
		}
		.is-title .icon.is-right {
				right: -9vw;
				top: -1rem;
		}
		.is-title .icon-wide {
				max-width: 14vw;
				margin: 0 5px;
				top: -10px
		}
}
@media (max-width: 991px) {
		.is-title .icon {
				max-width: 8vw;
		}
		.is-title .icon.is-left {
				left: -9vw;
				top: -1rem;
		}
		.is-title .icon.is-right {
				right: -9vw;
				top: 0;
		}
		.is-title .icon-wide {
				max-width: 14vw;
				margin: 0 5px;
				top: -10px
		}
}
@media (max-width: 576px) {
		.is-title {
				line-height: 1.5;
		}
		.is-title.has-line {
				padding-bottom: 1rem;
				margin-bottom: .75rem;
		}
		.is-title .icon-wide {
				max-width: 35vw;
				margin: 0 10px 0 0;
				top: 0;
		}
		.is-title .icon {
				max-width: 18vw;
		}
		.is-title .icon.is-left {
				left: -19vw;
				top: -1rem;
		}
		.is-title .icon.is-right {
				right: -19.5vw;
				top: 0;
		}
}
/************************
Content Info
************************/
.content-info.has-bg {
		padding: 3rem 2rem 1.5rem 2rem;
		background: -o-linear-gradient(46deg, #ffffff 0%, #efefef 100%);
		background: linear-gradient(44deg, #ffffff 0%, #efefef 100%);
		border-radius: 1rem;
		-webkit-box-shadow: 0 0 1rem RGBA(0, 0, 0, .125);
		box-shadow: 0 0 1rem RGBA(0, 0, 0, .125);
		border-right: 2px solid #ffffff;
		;
}
.content-info.has-bg.change {
		padding: 3rem 3rem 1.5rem 3rem;
}
.content-info p {
		font-size: 1.125rem;
		font-weight: 500;
		line-height: 1.75;
}
.content-info p a {
		color: #e66227;
}
.content-info p a:hover {
		color: #e66227;
		text-decoration: underline;
}
.content-info p .no {
		font-size: 150%;
		font-weight: 600;
		line-height: 1.25;
}
@media (max-width: 1199px) {
		.content-info.has-bg {
				max-width: calc(100% - 4rem);
				margin-left: auto;
				margin-right: auto;
		}
		.content-info.has-bg.change {
				padding: 2rem 2rem 1.5rem 2rem;
		}
}
@media (max-width: 991px) {
		.content-info p {
				font-size: 1rem;
		}
		.content-info.has-bg {
				padding: 2rem 1rem .75rem 1rem;
				max-width: calc(100% - 2rem);
		}
}
@media (max-width: 767px) {
		.content-info.has-bg {
				padding: 2rem 1rem .75rem 1rem;
				max-width: 100%;
		}
}
@media (max-width: 576px) {
		.content-info.has-bg.change {
				padding: 1rem 1rem 1rem 1rem;
		}
		.content-info p {
				font-size: 1rem;
		}
		.content-info.has-bg {
				padding: 2rem 2rem 1rem 2rem;
				max-width: calc(100% - 1rem);
				margin-left: auto;
				margin-right: auto;
		}
}
@media (max-width: 320px) {
		.content-info p {
				font-size: .875rem;
		}
		.content-info.has-bg {
				padding: 2rem 1rem 1rem 1rem;
				max-width: calc(100% - 1rem);
		}
}
/************************
Info Card
************************/
.info-card .title {
		font-size: 1.5rem;
		font-weight: 600;
		display: block;
		position: relative;
		padding-top: .5rem;
}
.info-card .title .is-btn {
		position: absolute;
		right: -2.25rem;
		font-size: 150%;
		top: -3px;
		color: #e76119;
}
.info-card .title .is-btn:hover {
		-webkit-transform: translateY(2px);
		-ms-transform: translateY(2px);
		transform: translateY(2px);
		color: #000000;
}
.info-card .title .is-btn, .info-card .title .is-btn:hover {
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
}
.info-card .title::before {
		content: '';
		width: 120px;
		height: 2px;
		background-color: #e67f27;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
}
.info-card .text {
		font-size: 1.125rem;
		font-weight: 500;
		color: #000000;
}
.info-card .icon {
		max-width: 110px;
		display: block;
		margin: 0 auto 1rem auto
}
@-webkit-keyframes shake {
		0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		15% {
				-webkit-transform: rotate(-8deg);
				transform: rotate(-8deg);
		}
		30% {
				-webkit-transform: rotate(8deg);
				transform: rotate(8deg);
		}
		45% {
				-webkit-transform: rotate(-8deg);
				transform: rotate(-8deg);
		}
		60% {
				-webkit-transform: rotate(8deg);
				transform: rotate(8deg);
		}
		75% {
				-webkit-transform: rotate(-4deg);
				transform: rotate(-4deg);
		}
		90% {
				-webkit-transform: rotate(4deg);
				transform: rotate(4deg);
		}
		100% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
}
@keyframes shake {
		0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		15% {
				-webkit-transform: rotate(-8deg);
				transform: rotate(-8deg);
		}
		30% {
				-webkit-transform: rotate(8deg);
				transform: rotate(8deg);
		}
		45% {
				-webkit-transform: rotate(-8deg);
				transform: rotate(-8deg);
		}
		60% {
				-webkit-transform: rotate(8deg);
				transform: rotate(8deg);
		}
		75% {
				-webkit-transform: rotate(-4deg);
				transform: rotate(-4deg);
		}
		90% {
				-webkit-transform: rotate(4deg);
				transform: rotate(4deg);
		}
		100% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
}
.info-card:hover .icon {
		-webkit-animation: shake 0.6s ease-in-out;
		animation: shake 0.6s ease-in-out;
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
}
@media (max-width: 1199px) {
		.info-card .icon {
				max-width: 7vw;
		}
}
@media (max-width: 991px) {
		.info-card .icon {
				max-width: 7vw;
		}
		.info-card .title {
				font-size: 1.25rem;
		}
		.info-card .text {
				font-size: 1rem;
		}
}
@media (max-width: 767px) {
		.info-card .title {
				font-size: 1.1rem;
		}
		.info-card .title .is-btn {
				right: -1.75rem;
				font-size: 150%;
				top: 0;
		}
}
@media (max-width: 576px) {
		.info-card .title {
				font-size: 1.125rem;
				padding-top: .75rem;
		}
		.info-card .icon {
				max-width: 21vw;
				margin: 0 auto 1.125rem auto;
		}
}
/************************
Info Tabs
************************/
.info-tabs {
		max-width: calc(100% - 8rem);
}
.info-tabs .nav-tabs {
		gap: 0;
}
.info-tabs .nav-tabs .nav-item {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
}
.info-tabs .nav-tabs .nav-link {
		width: 100%;
		border: none;
		border-bottom: 3px solid #d6d6d6;
		border-radius: 0;
		padding: 0 .5rem .75rem .5rem;
		font-size: 1.75rem;
		font-weight: 600;
		text-align: start;
		color: #000;
		-webkit-transition: color .2s, border-color .2s;
		-o-transition: color .2s, border-color .2s;
		transition: color .2s, border-color .2s;
		background: none;
}
.info-tabs .nav-tabs .nav-link.active {
		background: none;
}
.info-tabs .nav-tabs .nav-link:hover, .info-tabs .nav-tabs .nav-link.active {
		background: -o-linear-gradient(30deg, #F5A623 20%, #E8621A 70%);
		background: linear-gradient(60deg, #F5A623 20%, #E8621A 70%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		color: transparent;
}
.info-tabs .tab-pane {
		-webkit-animation: fadeIn .25s ease;
		animation: fadeIn .25s ease;
}
@-webkit-keyframes fadeIn {
		from {
				opacity: 0;
				-webkit-transform: translateY(6px);
				transform: translateY(6px);
		}
		to {
				opacity: 1;
				-webkit-transform: translateY(0);
				transform: translateY(0);
		}
}
@keyframes fadeIn {
		from {
				opacity: 0;
				-webkit-transform: translateY(6px);
				transform: translateY(6px);
		}
		to {
				opacity: 1;
				-webkit-transform: translateY(0);
				transform: translateY(0);
		}
}
.tab-content {
		padding: 1rem;
}
.info-tabs_list {
		list-style: none;
		padding: 0;
		margin: 0;
}
.info-tabs_list li {
		font-size: 1.25rem;
		font-weight: 500;
		color: #000;
		padding: 1rem 0;
		text-align: start;
		line-height: 1.6;
		border-bottom: 2px solid #e2e2e2;
}
.info-tabs_list li:last-child {
		border-bottom: none;
}
@media (max-width: 1199px) {
		.info-tabs .nav-tabs .nav-link {
				font-size: 1.5rem;
		}
		.info-tabs_list li {
				font-size: 1.125rem;
		}
}
@media (max-width: 991px) {
		.info-tabs .nav-tabs .nav-link {
				font-size: 1.25rem;
		}
		.info-tabs_list li {
				font-size: 1rem;
				padding: .5rem 0;
		}
}
@media (max-width: 767px) {
		.info-tabs .nav-tabs .nav-link {
				font-size: 1.125rem;
		}
		.info-tabs {
				max-width: calc(100% - 6rem);
		}
}
@media (max-width: 576px) {
		.info-tabs .nav-tabs .nav-link {
				font-size: 1.125rem;
		}
		.info-tabs .nav-tabs {
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
		}
		.info-tabs .nav-tabs .nav-link {
				font-size: 1.125rem;
				padding: .75rem .25rem .5rem .25rem;
				border-bottom: 2px solid #d6d6d6;
		}
		.info-tabs {
				max-width: 100%;
		}
		.info-tabs_list li {
				padding: .5rem 0;
				font-size: .875rem;
				border: 0;
		}
		.tab-content {
				padding: .5rem;
				max-width: calc(100% - 5rem);
		}
		.info-tabs_list {
				list-style: disc;
				padding-left: 1rem;
		}
}
@media (max-width: 320px) {
		.tab-content {
				padding: .5rem;
				max-width: calc(100% - 3.5rem);
		}
		.info-tabs_list li {
				font-size: .8125rem;
		}
}
/************************
Bg Item 
************************/
.peo_1 {
		max-width: 180px;
		right: -3.5rem;
		top: auto;
		margin: auto;
		pointer-events: none;
		bottom: -1.5rem;
}
.peo_2 {
		max-width: 280px;
		left: -2.5rem;
		top: auto;
		bottom: 0;
		margin: auto;
		pointer-events: none;
}
.icon_clock {
		max-width: 80px;
		left: 20%;
		top: auto;
		bottom: 35%;
		margin: auto;
}
.icon_no1 {
		max-width: 100px;
		right: 10%;
		top: auto;
		bottom: 10%;
		margin: auto;
}
@media (max-width: 1199px) {
		.peo_1 {
				max-width: 17vw;
				right: -1.5rem;
		}
		.peo_2 {
				max-width: 25vw;
				left: -1.5rem;
		}
		.icon_no1 {
				max-width: 9vw;
				right: 6%;
				bottom: 15%;
		}
		.icon_clock {
				max-width: 8vw;
				left: 15%;
				bottom: 35%;
		}
}
@media (max-width: 991px) {
		.peo_1 {
				max-width: 17vw;
				right: -1.5rem;
		}
		.peo_2 {
				max-width: 25vw;
				left: -1.5rem;
		}
		.icon_no1 {
				max-width: 9vw;
				right: 6%;
				bottom: 0;
		}
		.icon_clock {
				max-width: 7vw;
				left: 15%;
				bottom: 40%;
		}
}
@media (max-width: 576px) {
		.peo_1 {
				max-width: 30vw;
				right: -1rem;
		}
		.peo_2 {
				max-width: 40vw;
				left: -1rem;
		}
		.icon_no1 {
				max-width: 16vw;
				right: 15px;
				bottom: 15px;
		}
		.icon_clock {
				max-width: 16vw;
				left: 15px;
				bottom: 15px;
				display: none;
		}
}
/************************
Step Block
************************/
.step-card {
		position: relative;
}
.step-card::after {
		content: '';
		width: 2px;
		height: 100%;
		min-height: 200px;
		max-height: 200px;
		top: 2rem;
		right: -1rem;
		bottom: auto;
		margin: auto;
		display: block;
		background-color: #e0e0e0;
		position: absolute;
}
.step-card.last::after {
		display: none;
}
.step-card .title {
		font-size: 1.5rem;
		color: #000000;
		font-weight: 500;
		display: block;
		margin: .5rem auto;
}
.step-card .text {
		font-size: 1.125rem;
		color: #333333;
		line-height: 1.7;
}
.step-card .step-tag {
		font-size: 1.125rem;
		line-height: 1;
		color: #e66227;
		padding: .5rem 1rem;
		border: 2px solid #e66227;
		font-weight: 500;
		display: inline-block;
		border-radius: .5rem;
		margin: .5rem auto;
}
ol.custom-ol {
		list-style: none;
		padding: 0;
		margin: 0;
		counter-reset: custom-counter;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 8px;
}
ol.custom-ol li {
		counter-increment: custom-counter;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 10px;
		font-size: 1.125rem;
		color: #333333;
		line-height: 1.7;
}
ol.custom-ol li::before {
		content: counter(custom-counter);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		min-width: 24px;
		height: 24px;
		border-radius: 50%;
		background-color: #e66227;
		color: #fff;
		font-size: 13px;
		font-weight: 700;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-top: 2px;
}
@media (max-width: 1199px) {
		.step-card .title {
				font-size: 1.25rem;
		}
		ol.custom-ol li, .step-card .step-tag, .step-card .text {
				font-size: 1rem;
		}
}
@media (max-width: 991px) {
		.step-card .title {
				font-size: 1.125rem;
		}
		ol.custom-ol li, .step-card .step-tag, .step-card .text {
				font-size: .875rem;
		}
		ol.custom-ol li::before {
				min-width: 20px;
				height: 20px;
				font-size: .75rem;
		}
}
@media (max-width: 767px) {
		.step-card::after {
				right: -.25rem;
		}
		ol.custom-ol li, .step-card .step-tag, .step-card .text {
				font-size: .8125rem;
		}
}
@media (max-width: 576px) {
		.step-card .title {
				font-size: 1.25rem;
		}
		.step-card .step-tag {
				font-size: 1rem;
		}
		.step-card::after {
				width: 100%;
				height: 2px;
				min-height: 2px;
				max-height: 2px;
				top: auto;
				left: 0;
				right: 0;
				bottom: -1.75rem;
				margin: auto;
				display: block;
				background-color: #e0e0e0;
				position: absolute;
		}
		ol.custom-ol li {
				font-size: 1rem;
		}
}
/************************
修正錨點誤差
************************/
.anchor-item {
		scroll-margin-top: calc(50px + 91px);
		padding-top: 6rem;
		padding-bottom: 2rem;
}
.anchor-item.last {
		padding-bottom: 5rem;
}
@media (max-width: 1199px) {
		.anchor-item {
				scroll-margin-top: calc(50px + 80px);
				padding-top: 6rem;
				padding-bottom: 1rem;
		}
		.anchor-item.last {
				padding-bottom: 3rem;
		}
}
@media (max-width: 576px) {
		.anchor-item {
				scroll-margin-top: calc(50px + 1px);
				padding-top: 2rem;
				padding-bottom: 1rem;
		}
		.anchor-item.last {
				padding-bottom: 3rem;
		}
}
/************************
注意事項
************************/
.notice {
		background-color: #ffffff;
		padding-top: 3rem;
		padding-bottom: 3rem;
}
.notice .notice_a_link {
		color: #0083f1;
}
.notice .notice_title {
		font-weight: 500;
		color: #000000;
		display: block;
		margin-bottom: 2rem;
		text-align: center;
}
.notice .color_red {
		color: #c12329;
}
.notice_content {
		margin: 30px 0 0 0;
}
.notice_part {
		margin: 0 0 20px 0;
}
.notice_part .notice_img02 {
		display: inline-block;
		width: 55px;
}
.notice_part .notice_img03 {
		display: block;
		max-width: 754px;
		margin: 10px 0 0 0;
}
.notice_part .notice_img03 .pc_img {
		display: block;
}
.notice_part .notice_img03 .m_img {
		display: none;
}
.notice_part .notice_img04 {
		display: block;
		width: 100%;
		max-width: 700px;
		margin: 8px 0 8px 20px;
}
.notice_part .notice_img04 .pc_img {
		display: block;
}
.notice_part .notice_img04 .m_img {
		display: none;
}
.notice_part .notice_img05 {
		display: block;
		margin: 10px 0 0 0;
}
.notice_part .notice_img05 .pc_img {
		display: block;
}
.notice_part .notice_img06 {
		display: block;
		margin: 10px 0 10px -16px;
}
.notice_part .notice_img06 .pc_img {
		display: block;
}
.notice_part .notice_img06 .m_img {
		display: none;
}
.notice_part .notice_img07 {
		width: 100%;
		max-width: 777px;
		display: block;
		margin: 10px 0 10px 0;
}
.notice_part .notice_img07 .pc_img {
		display: block;
}
.notice_part .notice_img05 .m_img {
		display: none;
}
.notice_part .notice_img07 .m_img {
		display: none;
}
.notice_q {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 1.125rem;
		padding: 1rem 2rem;
		cursor: pointer;
		width: 100%;
		color: #000000;
		background-color: #f3f3f4;
		border-radius: 0;
}
.notice_q .notice_q_txt {
		width: 100%;
		text-align: start;
		color: #000000;
}
.notice_q .notice_q_icon .notice_open {
		width: 25px;
		height: 25px;
		display: block;
}
.notice_q .notice_q_icon .notice_close {
		width: 25px;
		height: 25px;
		display: none;
}
.notice_q .notice_q_icon_ac .notice_open {
		width: 25px;
		height: 25px;
		display: none !important;
}
.notice_q .notice_q_icon_ac .notice_close {
		width: 25px;
		height: 25px;
		display: block !important;
}
.notice_ans {
		width: auto;
		margin: 15px 0 0 0;
		padding: 0 0 0 20px;
}
.notice_ans .ans_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 16px;
		margin: 0 0 10px 0;
		padding: 0 20px 0 0;
}
.notice_ans .ans_box_marginTop {
		margin: 18px 0 0 0;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
}
.notice_ans .left_box {
		width: 100%;
}
.notice_ans .left_box .ans_title {
		margin: 0 0 5px 0;
		text-align: center;
}
.notice_ans .left_box ul {
		list-style: decimal;
		padding: 0 0 0 20px;
}
.notice_ans .left_box li {
		margin: 0 0 5px 0;
		text-align: justify;
}
.notice_ans .left_box li .br_box {
		display: block;
}
.notice_ans .left_box02 {
		margin: 0 5px;
}
.notice_ans .right_box {
		width: 100%;
		margin: 20px 0 0 20px;
}
.notice_ans .right_box .pc_img {
		display: block;
}
.notice_ans .right_box .m_img {
		display: none;
}
.notice_ans .right_box02 {
		margin: 0 5px;
}
.notice_ans .ul_box .li_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: baseline;
		-ms-flex-align: baseline;
		align-items: baseline;
}
.notice_ans .ul_box .li_number {
		display: inline-block;
}
.notice_ans .ul_box .li_content {
		display: inline-block;
		margin: 0 0 0 5px;
}
.notice_ans_ac {
		display: block;
}
@media (max-width: 1199px) {
		.notice_ans .right_box {
				margin: 10px 0 0 0;
		}
		.notice_ans .ans_box {
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		}
}
@media (max-width: 576px) {
		.notice_part .notice_img03 .pc_img {
				display: none;
		}
		.notice_part .notice_img03 .m_img {
				display: block;
		}
		.notice_part .notice_img04 {
				margin: 15px auto;
				width: 90%;
				max-width: 350px;
		}
		.notice_part .notice_img04 .pc_img {
				display: none;
		}
		.notice_part .notice_img04 .m_img {
				display: block;
		}
		.notice_part .notice_img05 .pc_img {
				display: none;
		}
		.notice_part .notice_img05 .m_img {
				display: block;
		}
		.notice_part .notice_img06 .pc_img {
				display: none;
		}
		.notice_part .notice_img06 .m_img {
				display: block;
		}
		.notice_part .notice_img07 .pc_img {
				display: none;
		}
		.notice_part .notice_img07 .m_img {
				display: block;
		}
		.notice_ans .right_box .pc_img {
				display: none;
		}
		.notice_ans .right_box .m_img {
				display: block;
		}
		.notice_ans .left_box02 {
				margin: 0 5px 30px;
		}
}
@media (max-width: 576px) {
		.notice .notice_title {
				font-size: 24px;
				padding: 3px 0 5px;
		}
		.notice_q {
				padding: .75rem 1rem;
				font-size: 1.125rem;
		}
		.notice .accordion-button::after {
				width: 15px;
				height: 15px;
				background-size: cover;
		}
		.notice .accordion-body {
				padding-left: 0;
				padding-right: 0;
		}
}
/* table */
.table_block {
		border-radius: 1rem;
		border: 1px solid #b59353;
		overflow: hidden;
}
.table_block.style_1 .table td:first-child {
		width: 130px;
}
.table_block.style_1 .table {
		border: 0;
}
.table_block.style_1 .table td {
		vertical-align: middle;
		text-align: center;
		font-size: 1rem;
		background-color: RGBA(255, 255, 255, .95);
		border-color: #b59353;
		color: #b59353;
		padding: .5rem;
		position: relative;
}
.table_block.style_1.ch .table td {
		color: #000000;
}
.table_block.style_1.ch .table td .no {
		color: #b59353;
		font-size: 285%;
		font-weight: 700;
}
.table_block.style_1.ch .table td.dark {
		font-size: 1.25rem;
		padding-top: .75rem;
		padding-bottom: .125rem;
}
.table_block.style_1.ch .table td.dark .icon {
		width: 40px;
		height: 40px;
		position: relative;
		bottom: 5px;
		margin-right: .5rem;
}
.table_block.style_1.ch .table td:not(.dark)::after {
		height: 100%;
		background-color: #b59353;
}
.table_block.style_1.ch .table td .no small {
		font-size: 60%;
		font-weight: 6500;
		margin-left: .25rem;
}
.table_block.style_1 .table td:not(.dark)::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 0;
		margin: auto;
		display: block;
		width: 1px;
		height: calc(100% - 1.5rem);
		background-color: #eaeaea;
}
.table_block.style_1 .table td:not(.dark)::before {
		content: '';
		position: absolute;
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto;
		display: block;
		height: 1px;
		width: calc(100% - 2rem);
		background-color: #eaeaea;
}
.table_block.style_1 .table td.dark.has_border::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: auto;
		right: 0;
		margin: auto;
		display: block;
		width: 1px;
		height: calc(100% - 1.5rem);
		background-color: #977b51;
}
.table_block.style_1 .table td.dark.has_border.left::after {
		left: 0;
		right: auto;
}
.table_block.style_1 .table tr td.mid:not(.first):first-child::after, .table_block.style_1 .table tr:nth-child(2) td.mid::before, .table_block.style_1 .table tr td:last-child::after, .table_block.style_1 .table tr:last-child td::before {
		display: none;
}
.table_block.style_1 .table td .no {
		font-size: 160%;
		font-weight: 400;
		margin: 0 .25rem;
		line-height: 1;
}
.table_block.style_1 .table td.dark {
		background-color: #c49958;
		color: #ffffff;
}
.table_block.style_1 .table td.mid {
		background-color: #faf7f2;
}
@media screen and (max-width:1199px) {
		.table_block.style_1.ch .table td.dark .icon {
				width: 30px;
				height: 30px;
				bottom: 4px;
		}
		.table_block.style_1.ch .table td.dark {
				padding-top: .25rem;
				padding-bottom: .25rem;
		}
}
@media screen and (max-width:991px) {
		.table_block.style_1.ch .table td.dark .icon {
				width: 25px;
				height: 25px;
				bottom: 3px;
		}
		.table_block.style_1.ch .table td.dark {
				font-size: 1rem;
				padding-top: .15rem;
		}
		.table_block.style_1.ch .table h5 {
				font-size: 1rem;
		}
		.table_block {
				border-radius: .5rem;
		}
		.table_block.style_1 .table td {
				font-size: .8125rem;
				padding: .25rem;
		}
		.table_block.style_1 .table td .no {
				font-size: 140%;
		}
		.table_block.style_1.ch .table td.dark {
				width: 50%;
		}
}
@media screen and (max-width:576px) {
		.table_block.style_1 .table td:first-child {
				width: 80px;
		}
		.table_block.style_1 .table td .no {
				font-size: 120%;
		}
		.table_block.style_1 .table td {
				font-size: .75rem !important;
				padding: .25rem 0;
				line-height: 1.5;
		}
		.table_block.style_1 .table td small {
				font-size: 65%;
		}
		.table_block.style_1.ch .table td.dark {
				font-size: .8125rem;
				padding-top: .5rem;
		}
		.table_block.style_1.ch .table h5 {
				font-size: .8125rem;
				margin-bottom: .5rem !important;
		}
		.table_block.style_1.ch .table td.dark .icon {
				bottom: 3px;
				width: 20px;
				height: 20px;
				margin-right: .25rem;
		}
}
@media screen and (max-width:320px) {
		.table_block.style_1 .table td.dark {
				font-size: 3vw;
		}
}
/* popup */
@media (min-width: 1200px) {
		.modal-style-1 .modal-dialog {
				max-width: 800px;
				margin: 1.75rem auto;
		}
}
.modal-style-1 .modal-header {
		border-bottom: none;
		height: 0;
		padding: 0;
		position: relative;
}
.modal-style-1 .btn-close {
		background-image: url(../image/poppup_close_b.svg);
		width: 50px;
		background-size: 100%;
		position: absolute;
		right: 1rem;
		top: 2rem;
		z-index: 2;
}
.modal-style-1 .modal-content {
		-webkit-box-shadow: 6px 6px 0 #e68727;
		box-shadow: 6px 6px 0 #e68727;
		border-radius: 20px;
		background: #fff;
		border: 0;
		padding: 20px;
		gap: 20px;
}
.modal-style-1 .modal-body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20px;
}
.modal-style-1 .modal-title {
		font-size: 1.5rem;
		font-weight: 700;
		text-align: start;
		line-height: 1.2;
}
.modal-style-1 .modal-body-ul li {
		list-style-type: disc;
		margin-left: 26px;
}
.modal-style-1 .modal-title span {
		color: var(--color-primary);
}
.modal-style-1 .modal-title b {
		font-size: 36px;
}
.modal-style-1 .modal-body {
		text-align: left;
}
.popup-not {
		border-top: 1px solid var(--color-primary);
		padding-top: 20px;
}
.popup-not p {
		padding: 10px 0;
}
.popup-not li {
		margin-left: 20px;
		font-size: 14px;
		list-style-type: decimal;
}
.popup-not .number > li {
		/*  使用自訂標號  */
		counter-increment: my-counter;
		text-indent: -20px;
		list-style-type: none;
}
/* 以偽元素自訂標號樣式 */
.popup-not .number > li::before {
		content: "("counter(my-counter) ")";
}
.popup-not .disc li {
		list-style-type: disc;
		margin-left: 1em;
		text-indent: 0;
}
.popup-not a {
		text-decoration: underline;
		color: #235cc1;
}
.popup-not table:not(.sp) {
		width: 100%;
		margin: 10px 0;
		padding: 0;
		line-height: 1.2em;
		border-collapse: separate;
		border-spacing: 0;
		font-weight: 500;
		table-layout: fixed;
}
.popup-not table:not(.sp) thead th, .popup-not table:not(.sp) thead td {
		color: #fff;
		background-color: var(--color-primary);
}
.popup-not table:not(.sp) thead th {
		padding: 5px 10px;
		text-align: center;
}
.popup-not table:not(.sp).f-14 {
		font-size: .875rem;
}
.popup-not table:not(.sp) td {
		border-left: 0.5px solid #000000;
		padding: 5px 10px;
		text-align: center;
}
.popup-not table:not(.sp) td:nth-child(1) {
		border-left: 0px;
}
.popup-not table:not(.sp) tbody tr:nth-child(even) {
		background-color: #ececec;
}
@media (max-width: 1199px) {
		.modal-header .btn-close {
				right: 1.5rem;
				top: 1.5rem;
		}
		.modal-style-1 .btn-close {
				width: 20px;
				background-size: 20px 20px;
				opacity: 1;
		}
		.modal .modal-dialog {
				margin: 55px auto 70px auto;
				max-width: calc(80% - 2rem);
		}
}
@media (max-width: 991px) {
		.modal-title {
				line-height: 1.3;
		}
		.modal .modal-dialog {
				margin: 55px auto 70px auto;
				max-width: calc(90% - 2rem);
		}
}
@media (max-width: 767px) {
		.modal .modal-dialog {
				margin: 55px auto 70px auto;
				max-width: calc(100% - 2rem);
		}
		.modal-style-1 .modal-body {
				padding: 3rem 3rem 3rem 3rem;
		}
		.modal-style-1 .modal-content {
				padding: 0;
		}
}
@media (max-width: 576px) {
		.modal-style-1 .modal-body {
				padding: 2.5rem 1.5rem 2rem 1.5rem;
		}
}
/* 注意事項 */
.notice .accordion-item {
		background: #fff !important;
		border: none !important;
		border-radius: 30px !important;
		margin-bottom: 24px;
}
.notice .accordion-header {
		padding: 0 !important;
}
.notice .accordion-header .accordion-button {
		font-size: 1.125rem;
		color: inherit;
		z-index: 2;
}
.notice .accordion-header:hover, .notice .accordion-header:active .notice .accordion-header:focus {
		background-color: transparent !important;
}
.notice .accordion-item:first-of-type .accordion-button, .notice .accordion-item:last-of-type .accordion-button, .notice .accordion-item:last-of-type .accordion-button.collapsed {
		border-radius: 8px;
}
.notice .accordion-body {
		padding-top: 48px;
		margin-top: -30px;
}
.notice .accordion-body ul {
		/* margin-left: 40px; */
		font-size: 16px;
}
.notice .accordion-body a {
		font-weight: 700;
		color: inherit;
		font-size: 16px;
}
.notice .accordion-button[aria-expanded="true"] {
		background-color: transparent;
}
.notice .accordion-button:focus, .notice .accordion-button:active {
		outline: 0;
		border-color: #000;
		-webkit-box-shadow: none;
		box-shadow: none;
}
.notice .accordion-button::after {
		background-image: url(../image/notice/notice_open_rounded.svg);
}
.notice .accordion-button:not(.collapsed)::after {
		background-image: url(../image/notice/notice_close_rounded.svg);
}
.section-main {
		padding-bottom: 100px;
}
.section-main .h2 {
		font-size: 26px;
		font-weight: 500;
}
@media screen and (max-width: 320px) {
		.notice .accordion-header .accordion-button {
				font-size: 1rem;
		}
}
/************************
免責申明 Modal
************************/
.disclaimer.modal h3 {
		font-size: 28px;
}
.disclaimer.modal .close {
		border: none;
		background-color: transparent;
		font-size: 45px;
		color: #000;
}
.disclaimer .modal-body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 16px;
		font-size: 16px;
}
.disclaimer.modal .modal-btn {
		color: #fff;
		font-weight: 600;
		padding: 6px 64px;
		border: none;
		border-radius: 6px;
		margin-bottom: 10px;
		font-size: 16px;
}
.disclaimer.modal .modal-btn.red {
		background-color: #ff3333;
}
.disclaimer.modal .modal-btn.gray {
		background-color: #999999;
}
.disclaimer .modal-footer {
		border-top: none;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
}
@media screen and (max-width: 767px) {
		.disclaimer.modal .modal-btn {
				padding: 6px 56px;
		}
}