@charset "UTF-8";
/*
Theme Name:iconic_tcd062-child
Version:1.12.1
Template:iconic_tcd062
*/

/* Inner */
.l-inner { margin-left: auto; margin-right: auto; position: relative; width: 88.8888%; max-width: 1500px; }

/* columns */
.l-2columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-around; }
.l-2columns .l-primary { width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px); }
.l-secondary { width: 250px; }
.l-sidebar--type1 .l-2columns .l-primary { -webkit-order: 1; -ms-order: 1; order: 1; }
@media only screen and (max-width: 991px) {
	.l-2columns { display: block; }
	.l-2columns .l-primary { width: 100%; }
	.l-secondary { margin-top: 30px; width: 100%; }
}

/* breadcrumb */
.p-breadcrumb { border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.p-breadcrumb__inner { font-size: 12px; line-height: 1.7; padding: 13.5px 0; }
.p-breadcrumb__item { padding-right: 0; }
.p-breadcrumb__item + .p-breadcrumb__item::before { content: "\e910"; display: inline-block; font-family: "design_plus"; font-size: 10px; margin-left: 2px; margin-right: 2px; }
@media only screen and (max-width: 991px) {
	.p-breadcrumb { margin-bottom: 28px; }
	.p-breadcrumb__inner { font-size: 10px; line-height: 40px; height: 40px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; }
}

/* page header */
.p-page-header { background: #f7f7f7; border-bottom: 1px solid #ddd; }
.p-page-header .p-page-header__inner { display: none}
.p-page-header__title { color: #0097cc; font-size: 20px; line-height: 1.2; margin: 0; }
.p-page-header__desc { font-size: 14px; line-height: 2.2; }
.p-page-header--2col .p-page-header__title { flex: 0 0 auto; max-width: 50%; }
.p-page-header--2col .p-page-header__desc { margin-left: 30px; }
.p-page-header__image { background-position: center center; background-size: cover; position: relative; }
.p-page-header__image .p-page-header__overlay { background: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; min-height: 600px; width: 100%; }
.p-page-header__image .p-page-header__inner { text-align: center; opacity: 0; padding: 30px 0; }
.p-page-header__image .p-page-header__title { color: #fff; font-size: 30px; line-height: 1.2; margin: 0; }
.p-page-header__image .p-page-header__desc { color: #fff; font-size: 14px; line-height: 2; }
.p-page-header__image .p-page-header__title + .p-page-header__desc { margin-top: 0.5em; }
.p-page-header__image.is-active .p-page-header__inner { -webkit-animation: fadeIn 1s ease 1s both; animation: fadeIn 1s ease 1s both; }
@media only screen and (max-width: 991px) {
	.p-page-header { border-top: none; }
	.p-page-header .p-page-header__title { font-size: 20px; line-height: 1.8; }
	.p-page-header .p-page-header__desc { font-size: 12px; line-height: 1.8; margin-bottom: 5px; }
	.p-page-header .p-page-header__inner { display: block; min-height: auto; padding: 7px 0; }
	.p-page-header--2col .p-page-header__title { max-width: 100%; }
	.p-page-header--2col .p-page-header__desc { margin-left: 0; }
	.p-page-header__image .p-page-header__overlay { min-height: 320px; }
}
@media only screen and (max-width: 767px) {
	.p-page-header__image .p-page-header__overlay { min-height: 200px; }
}

/* header bar */
.p-header__bar { border-bottom: 1px solid #ddd; position: relative; }
.p-header__bar__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; height: 80px; position: relative; }
@media only screen and (max-width: 991px) {
	.p-header__bar__inner { height: 59px; position: static; }
}

/* global nav */
@media (min-width: 992px) {
	.p-global-nav { border-left: 1px solid #ddd; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; position: relative; }
	.p-global-nav a { display: block; }
	.p-global-nav li{ position: relative; }
	.p-global-nav > li { font-size: 14px; height: 80px; line-height: 2; position: relative; }
	.p-global-nav > li > a { border-right: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; font-weight: 400; height: 80px; overflow: hidden; text-align: center; padding: 0 20px; }
	.p-global-nav > li > a::after, .p-global-nav > li.current-menu-item > a::after { background: #000; content: ''; display: block; height: 0; position: absolute; bottom: -1.4px; left: -1px; right: 0; z-index: 2; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -ms-transition: height 0.3s ease; transition: height 0.3s ease; }
	.p-global-nav > li:hover, .p-global-nav > li.current-menu-item, .p-global-nav > li.is-active { z-index: 2; }
	.p-global-nav > li:hover > a::after, .p-global-nav > li.current-menu-item > a::after, .p-global-nav > li.is-active > a::after { height: 5px; }
	.p-global-nav > li.menu-item-has-children > .sub-menu { top: 100%; left: -1px; }
	.p-global-nav .menu-item-has-children:hover > .sub-menu { opacity: 1; visibility: visible; z-index: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
	.p-global-nav .sub-menu { background: #f7f7f7; line-height: 1.31; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 100%; z-index: 1; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
	.p-global-nav .sub-menu a { min-height: 50px; padding: 15.5px 20px; width: 210px; }
	.p-global-nav .sub-menu .current-menu-item > a { background: #0097cc; color: #fff; }
	.p-global-nav .sub-menu a:hover { background: #006689; color: #fff; }
	.p-global-nav .sub-menu .menu-item-has-children > a { position: relative; }
	.p-global-nav .sub-menu .menu-item-has-children > a::after { content: "\e910"; font-family: "design_plus"; position: absolute; right: 16px; transition: none; }
	.p-global-nav__item-welcart--mobile { display: none; }
}

/* breadcrumb */
.p-breadcrumb { border-bottom: 1px solid #ddd; margin-bottom: 60px; }
.p-breadcrumb__inner { font-size: 14px; line-height: 1.7; padding: 13.5px 0; }
.p-breadcrumb__item { padding-right: 0; }
.p-breadcrumb__item + .p-breadcrumb__item::before { content: "\e910"; display: inline-block; font-family: "design_plus"; font-size: 10px; margin-left: 2px; margin-right: 2px; }
@media only screen and (max-width: 991px) {
	.p-breadcrumb { margin-bottom: 28px; }
	.p-breadcrumb__inner { font-size: 10px; line-height: 40px; height: 40px; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; }
}

.tab-group {
	display: flex;
	justify-content: center;
}

.tab {
	flex-grow: 1;
	padding: 5px;
	list-style: none;
	border: solid 1px #CCC;
	text-align: center;
	cursor: pointer;
}

.tab-group {
	height: 50px;
	border: solid 1px #CCC;
	border-top: none;
	background: #fff;
}

.content {
	display: none;
}

.tab.is-active {
	background: #CCC;
	color: #FFF;
	transition: all 0.2s ease-out;
}
.tab-group {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.tab {
	background-color: #f2f2f2;
	border-radius: 5px 5px 0 0;
	color: #666;
	padding: 10px 20px;
	flex-grow: 1;
	padding: 5px;
	list-style: none;
	border: solid 1px #CCC;
	text-align: center;
	cursor: pointer;
}

.tab.is-active {
	background-color: #ccc;
	border-bottom-color: transparent;
	color: #000;
}

.content {
	background-color: #fff;
	border-radius: 0 5px 5px 5px;
	box-shadow: rgba(0, 0, 0, .1) 0 -1px 0 inset, rgba(0, 0, 0, .1) -1px -1px 0 inset, rgba(255, 255, 255, .7) -1px 1px 0 inset, rgba(255, 255, 255, .7) -2px 2px 1px inset;
	padding: 20px;
}

.content.is-active {
	display: block
}
.indicative-table {
	display: none;
}
.indicative-table.tab.is-active{
	display: block
}
.sortable-num{
	display:none;
}
.pagination-001 {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 8px;
	list-style-type: none;
	padding: 0;
}

.pagination-001 a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	border: 1px solid #0097cc;
	border-radius: 1px;
	color: #0097cc;
}

.pagination-001 a:not(:hover) {
	text-decoration: none;
}

.pagination-001 .current a {
	background-color: #0097cc;
	color: #fff;
	pointer-events: none;
}
.pagination{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 8px;
		list-style-type: none;
		padding: 0;
		margin-left:auto;
		margin-right: auto;
	}
.pagination li{
	list-style-type: none;
}

.pagination a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	border: 1px solid #0097cc;
	border-radius: 1px;
	color: #0097cc;
}

.pagination a:not(:hover) {
	text-decoration: none;
}

.pagination .current a {
	background-color: #0097cc;
	color: #fff;
	pointer-events: none;
}

.pagination-container{
	margin:50px;
	align:center;
}