.br {display: none;}
.br2 {display: block;}

.pc {display: none;}
.sp {display: block;}

.center_left {
    display: block;
    margin: auto;
    text-align: center;
}

/*++++++++++++++++
template 
+++++++++++++++++*/
.mainttl {
	/* background: #f2f5f7; */
	padding: 0;
	/* border-radius: 10px */
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	margin: 70px 0 0;
	z-index: 2;
	background: var(--site-color-grade02);
}
.mainttl figure {
	height: auto;
	max-width: var(--flex-100);
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	right: 0;
	margin: auto;
	border-radius: 0;
}
.mainttl figure:before {
	content:"";
	background: linear-gradient(transparent, var(--opa-black05));
	position:absolute;
	width: var(--flex-100);
	height: var(--flex-30);
	z-index: 1;
	bottom: 0;
}

.mainttl figure img {
	aspect-ratio: 3/3;
	object-fit: cover;
	width: var(--flex-100);
	position: relative;
	top: 0;
	bottom: 0;
	margin: auto;
	/* filter: blur(1.3rem); */
	/* opacity: 0.5; */
	left: 0;
}
.mainttl .sec-title {
	position: relative;
	bottom: 0;
	height: auto;
	max-width: var(--small-inner);
	margin: auto;
}
.mainttl .sec-title .h1-title {
	font-size: 1.6rem !important;
}
.mainttl .sec-eng {
	text-transform:capitalize;
}
.mainttl.active .sec-title {
	position: absolute;
	bottom: 4rem;
	z-index: 2;
	left: 0;
	right: 0;
	display: block;
	align-items: center;
	gap: 20px;
	color: var(--white);
	max-width: var(--flex-100);
	margin: auto;
	text-align: center;
}
.mainttl.active .breadcrumb {
	max-width:var(--full-inner);
	margin: 10px auto 0;
}
.mainttl.active .breadcrumb ul {
	padding:0;
}

.template-grid {
	padding: 40px 0 0;
	/* grid-template-columns: 22% 78%; */
	justify-content: space-between;
	gap: 30px;
	position: relative;
	/* display: grid; */
	margin: 0 0 50px;
}

.template-content {
margin: 0 0 100px;
position: relative;
z-index: 1;
}
.template-content img {
    width: auto;
}

.template-grid #important {
bottom: inherit;
top: 0;
right: 0;
margin: 0 auto 30px;
background: var(--white);
border: 1px solid var(
--gray);
position: relative;
max-width: var(--flex-100);
}

/*++++++++++++++++
template_main
+++++++++++++++++*/
.temp_mainbox {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 20px;
}
.temp_mainbox p {
	color:var(--darkgray);
	width: var(--flex-95);
}
.temp_mainbox a {
	border;
	border: 1px solid var(--gray);
	padding: 30px 20px 30px;
	border-radius: 10px 10px 0 0;
	color: var(--black);
	background: #FDFDFD;
	text-decoration: none;
}
.temp_mainbox_title {
	display: flex;
	gap: 0;
	font-size: var(--font-h5);
	color: var(--black);
	text-decoration:underline;
	margin: 0 0 10px;
	font-weight: var(--wght-500);
	transition: .3s;
}
a:hover .temp_mainbox_title {
	color:var(--aqua);
	transition:.3s;
	text-decoration:none;
}
/*++++++++++++++++
breadcrumb
+++++++++++++++++*/
.breadcrumb {/* max-width: var(--large-inner); */margin: 0 auto 80px;position: relative;padding: 20px 0 0;}

.breadcrumb ul {
    align-items: center;
    display: flex;
    padding:0 10px 0 30px;
    box-sizing: border-box;
}

.breadcrumb li {
position: relative;
padding: 3px 25px 0 0 !important;
font-weight: 400;
display: flex;
align-items: center;
letter-spacing: 1px;
}

.breadcrumb li:last-child {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
max-width: 150px;
overflow: hidden;
min-height: 0
}

.breadcrumb li:before {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 8px;
position: absolute;
top: 2px;
right: 10px;
bottom: 0;
margin: auto;
line-height: 1;
height: 3px
}

.breadcrumb li:last-child:before {
display: none
}

.breadcrumb li,.breadcrumb li:last-child {
font-size: var(--font-em);
}

.breadcrumb i {
margin: 2px 0 0;
display: block
}

.breadcrumb li i:before {
font-size: 12px;
margin: 0 5px 0 0
}

/*++++++++++++++++
arrow
+++++++++++++++++*/


.icon-arrow {
width: 50px;
height: 50px;
background-color: var(--site-color);
    opacity: 0.8;
border-radius: 100%;
position: absolute;
bottom: 0;
z-index: 1;
right: 0;
margin: 15px;
}
.icon-arrow span {
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    overflow: hidden;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
}
.icon-arrow span::before, .icon-arrow span::after {
content: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--site-color)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
position: absolute;
top: 0;
right: 0;
width: 7px;
height: 6px;
bottom: 0;
margin: auto;
padding: 5px;
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: var(--white);
z-index: 2;
}

.icon-arrow span::before {
transform: translate(-150%, 0);
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.icon-arrow span::after {
transform: translate(0, 0);
transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

a:hover .icon-arrow span::before {
transform: translate(0, 0);
}
a:hover .icon-arrow span::after {
transform: translate(150%, 0);
}

/*++++++++++++++++
button
+++++++++++++++++*/
.button_large {text-decoration: none;padding: 25px 100px 25px 20px;font-weight: var(--wght-500);font-size: var(--font-h5);border-radius: 5px;box-shadow: 0px 5px 20px rgba(44, 23, 3, 0.1);position: relative;display: block;max-width: var(--flex-95);box-sizing: border-box;border: 1px solid var(
--gray);}
.button_large .icon-arrow {width: 30px;height: 30px;top: 0;margin: auto;right: 1rem;}
.button_large .icon-arrow span::before, 
.button_large .icon-arrow span::after{
background: var(--white);
}

.button_text {
	font-size: var(--font-em);
	letter-spacing: -2px;
	text-decoration: none;
	background: var(--aqua);
	color: var(--white);
	border-radius: 100px;
	padding: 5px 15px 7px 15px;
	margin: -25px 0 0 0;
	display: flex;
	align-items: center;
	gap: 10px;
}
.button_text .icon-arrow {
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0;
	right: -0.5rem;
}
.button_text .icon-arrow span {
	width:10px;
	height: 10px;
}

/*++++++++++++++++
toc
+++++++++++++++++*/
#ez-toc-container {
    border: none;
    padding: 0;
    background: 0 0;
    box-shadow: none;
    display: block;
    margin: 0 0 60px;
    width: 100%;
    background: var(--opa-black01);
    padding: 20px;
    box-sizing: border-box;
}

#ez-toc-container nav {
    display: block;
    margin: 5px 0 0;
}

.ez-toc-list {
    display: block;
    justify-content: left;
    margin: 0 0 40px;
    flex-wrap: wrap;
    gap: 10px;
}

.ez-toc-list li {
}

#ez-toc-container li {
    /* border-radius: 10px; */
    /* border: 1px solid var(--gray); */
    /* display: flex; */
    background: none;
    gap: 10px;
}
#ez-toc-container ul .ez-toc-list-level-3 {
	display: block;
	padding: 0;
	box-shadow: none;
	border: none;
	margin: 0;
	gap: 10px;
}
#ez-toc-container .ez-toc-heading-level-3 {
	display:block;
}
#ez-toc-container a.ez-toc-toggle {
	padding:0;
	margin: -3px auto 0;
}
#ez-toc-container a:visited,
#ez-toc-container a {
    background: none;
    margin: 0;
    font-weight: 600;
    padding: 5px 0;
    color: var(--black);
    position: relative;
    font-size: var(--font-h6) !important;
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box;
    transition: .3s;
    border-radius: 3px;
}
#ez-toc-container a:before {
	display:none;
}
#ez-toc-container a:hover {
    /* color: var(--blue); */
    /* transition: .3s; */
}

#ez-toc-container a:hover {
    text-decoration: none !important;
}

.ez-toc-title-container {
    display: block;
    font-size: var(--font-h6);
}

#ez-toc-container .ez-toc-list-level-6 {
    margin: 0 0 0 5px
}
#ez-toc-container ul {
	overflow: auto;
	counter-reset: number2;
	/* background: #f9f9f9; */
	padding: 0;
	box-sizing: border-box;
}
#ez-toc-container .ez-toc-link {
    margin: 0;
    position: relative;
    /* font-weight: var(--wght-600); */
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    /* background: var(--opa-black02) !important; */
    border-bottom: 1px dashed var(--gray);
}
#ez-toc-container li:last-child .ez-toc-link {
	border:none;
}

#ez-toc-container .ez-toc-list-level-4,#ez-toc-container .ez-toc-list-level-5 {
    margin: 0 0 0 15px
}

#ez-toc-container a.ez-toc-heading-2 {
    margin: 0
}

#ez-toc-container a.ez-toc-heading-3 {
    margin: 0
}

#ez-toc-container a.ez-toc-heading-4 {
    margin: 0
}

#ez-toc-container a.ez-toc-heading-6 {
    margin: 0;
}

.ez-toc-link {
    padding: 0
}

#ez-toc-container .ez-toc-link:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    z-index: 10;
    transition: .3s;
    background: var(--main-003)
}

#ez-toc-container .ez-toc-link:hover:after {
    content: "";
    transition: .3s;
    width: 100%
}

/*++++++++++++++++
h2-h6
+++++++++++++++++*/
h2 {
	font-size: var(--font-h3);
	font-weight: var(--wght-500);
	border-bottom: 1px solid var(--gray);
	letter-spacing: 0px;
	padding: 20px 0 20px 20px;
	line-height: 1.2;
	margin: 0 0 20px;
	position: relative;
	/* border-top: 1px solid var(--gray); */
}

h2:before {
    content:"";
    position: absolute;
    background: var(--site-color);
    bottom: 0;
    left: 0;
    width: 2px;
    height: 20px;
    top: 0;
    margin: auto;
}

h3 {
	position: relative;
	padding: 0 0 5px 20px;
	font-weight: var(--wght-500);
	font-size: var(--font-h4);
	letter-spacing: 1px;
	margin: 0 0 5px;
}

h3:before {
	content: "";
	position: absolute;
	background: var(--site-color);
	width: 3px;
	height: var(--flex-90);
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	opacity: 0.7;
}

h3:after {
	content: "";
	position: absolute;
	background: var(--site-color);
	width: 3px;
	height: var(--flex-50);
	left: 0;
	bottom: 0;
	margin: auto;
}
h4 {
	color: var(--black);
	font-weight: var(--wght-500);
	font-size: var(--font-h4);
	margin: 0 0 10px;
	max-width: var(--flex-100);
	position: relative;
}
h4:before {
	content:"";
}

h5 {
	color: var(--site-color);
	font-weight: var(--wght-500);
	font-size: var(--font-h5);
	margin: 0 0 10px;
}
p {
    line-height: var(--lh-sm);
    font-size: var(--font-h6);
}

.has-small-font-size {font-size: var(--font-h6) !important;}
.has-medium-font-size {font-size: var(--font-h5) !important;}
.has-large-font-size {font-size: var(--font-h4) !important;}
.has-x-large-font-size {font-size: var(--font-h3) !important;}
.has-xx-large-font-size {font-size: var(--font-h2) !important;}

.w100 {max-width: var(--flex-100) !important;}

/*++++++++++++++++
button
+++++++++++++++++*/
.button {
	width: var(--flex-100);
	max-width: var(--width480);
	height: var(--flex-100);
}

.button a {
	display: flex;
	align-items: center;
	width: var(--flex-100);
	padding:20px 10px 20px 20px;
	text-decoration: none;
	transition: .3s;
	color: var(--white);
	position: relative;
    font-size: var(--font-h5);
	font-weight: var(--wght-500);
	background: var(--orange);
	border-radius: 5px;
	box-sizing: border-box;
}
.button a:hover {
	opacity:0.9;
	transition:.3s;
}
.button a:before {content: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');position: absolute;top: 0;right: 0.6rem;width: 4px;height: 1px;bottom: 0;margin: auto;padding: 5px;-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;background-color: var(--orange);z-index: 2;transition:.3s;}
.button a:after {content:"";position: absolute;top: 0;width: 20px;height: 20px;right: 0.5rem;display: flex;border-radius: 100px;background: var(--white);bottom: 0;margin: auto;z-index: 1;}

.button a:hover:before {
  animation: arrowAnime .3s;
}
@keyframes arrowAnime {
0% {
translate: 0 0;
}
50% {
translate: 100% 0;
}
50.1% {
translate: -100% 0;
}
100% {
translate: 0 0;
}
}

.button.none a {
	background:none;
	text-decoration: none;
	color: var(--black);
	pointer-events: none;
}

.button.none a:before,
.button.none a:after {
	content:"";
	display:none;
}


/*PDF*/
.button.pdf a {
	background: none;
	color: var(--black);
	border: 1px solid var(--gray);
	text-decoration: none;
	padding: 20px 5rem 20px 20px;
}
.button.pdf a:before {
	background: url(../../images/common/pdf.svg) no-repeat;
	content: "";
	mask-image: none;
	width: 15px;
	height: 15px;
	right: 1.3rem;
	transition: none;
}
.button.pdf a:hover:before {
	animation-name:none;
}
.button.pdf a:after {
	right: 1rem;
	width: 40px;
	height: 40px;
	background: var(--lightgray);
}

/*text*/
.button.medium {
    
}
.button.medium a{
    background: none;
    padding: 0;
    color: var(--black);
    border-bottom: 1px solid var(--gray);
    border-radius: 0;
    padding: 0 0 25px;
}
.button.medium a:before{
	top: -1.5rem;
}
.button.medium a:after {
	background: var(--white);
	top: -1.5rem;
	border: 1px solid var(--site-color);
	/* overflow: hidden; */
}

/*++++++++++++++++
list
+++++++++++++++++*/
.wp-block-list {

}
.wp-block-list li{
	line-height: var(--lh-sm);
	padding: 0 0 0 25px;
	position: relative;
	margin: 0 0 10px;
}
.wp-block-list li:before {
	content:"";
	background: var(--gray);
	width: 15px;
	height: 15px;
	position: absolute;
	border-radius: 100px;
	left: 0;
	top: 9px;
	background: var(--site-color) !important;
	opacity: 0.5;
}

.wp-block-list.is-style-vk-numbered-circle-mark li:before{
    background: var(--site-color) !important;
    font-size: 11px !important;
    margin-left: -2rem !important;
    font-family: var(--en) !important;
    top: 0px !important;
}


.is-style-vk-numbered-square-mark li {
    padding: 0 0 0 33px !important;
    margin: 0 !important;
}
.is-style-vk-numbered-square-mark li:before {
	left: -0.2rem !important;
	width: 25px !important;
	height: 25px !important;
	font-family: var(--en);
	font-size: var(--font-em) !important;
	margin: 0 !important;
	top: 7px !important;
}

/*++++++++++++++++
sidebar
+++++++++++++++++*/
.sidebarbox {
margin: 0 0 80px;
background: var(--site-color-opa);
border:1px solid var(--lightgray);
padding: 30px;
border-radius: 10px;
}
.sidebarbox ol{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    background: var(--white);
    box-shadow: 0px 0px 2px rgba(44, 23, 3, 0.1);
    border-radius: 10px;
    overflow: hidden;
}
.sidebarbox li{border-bottom: 1px solid var(--gray);border-right: 1px solid var(--gray);position: relative;}
.sidebarbox li:nth-child(2n) {/* border-right:none; */}
.sidebarbox li:nth-last-child(-n+1) {
border-bottom:none;
}
.sidebarbox li a{display: block;padding: 15px 20px 15px 35px;box-sizing: border-box;text-decoration: none;color: var(--black);}

.sidebarbox li.active:before {
	content:"";
	background-color:var(--white);
}
.sidebarbox li.active a {
	background:var(--aqua);
	color:var(--white);
}
.sidebar-heading {
padding: 5px 0 20px 3px;
font-weight: var(--wght-500);
position: relative;
display: flex;
gap: 10px;
}
.sidebar-heading a {
	text-decoration: none;
	display:flex;
	gap: 10px;
	font-size: var(--font-h5);
	color: var(--black);
}
.sidebar-heading a .icon-arrow {
position:relative;
width: 25px;
height: 25px;
margin: 2px 0 0;
background: var(--site-color);
}
.sidebar-heading a .icon-arrow span {
width: 10px;
height: 10px;
left: 52%;
top: 52%;
}

.sidebarbox .current_page_item a,
.sidebarbox li.active a{
background: var(--site-color);
color: var(--white);
}
.sidebarbox .page_item {
position:relative;
}
.sidebarbox li:before {content: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--gray)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');position: absolute;top: 20px;left: 1rem;width: 10px;height: 10px;margin: auto;padding: 0;-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--gray)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--gray)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;background-color: var(--darkgray);z-index: 1;}
.sidebarbox .current_page_item:before,
.sidebarbox li.active:before{
-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--white)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--white)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');	
background-color: var(--white);

}
/*++++++++++++++++
table
+++++++++++++++++*/	
.wp-block-flexible-table-block-table table{
	width: var(--flex-100);
    margin: 0 0 20px;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table tbody {
border-color: var(--gray) !important;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table th{
	padding: 15px !important;
	font-size: var(--font-h6);
	border-color: #e0e0e0 !important;
	color: var(--darkgray);
	border:1px solid;
	background: var(
	--lightorange) !important;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table th:first-child,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table tr:first-child td{
	/* border-top:none !important; */
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table td{
	padding: 12px 20px !important;
	border-color: #e0e0e0 !important;
	border: 1px solid;
	font-size: var(--font-h6);
	line-height: var(--lh-sm);
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table td code {
	background: #eee;
	font-size:0.78rem;
	padding: 4px 10px 4px;
	border-radius: 100px;
}

/*mini*/
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.mini th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.mini td{
    padding: 5px !important;
}

/*schedule*/
.wp-block-flexible-table-block-table.schedule {
	width: var(--flex-100);
}
footer .wp-block-flexible-table-block-table.schedule table {
	margin:0;
	border-bottom: 1px solid var(--black);    
	overflow-x: scroll;
}
footer .wp-block-flexible-table-block-table.schedule th{
    background: none !important;
    border: none !important;
    border-top: 1px solid var(--black) !important;
    border-color: unset !important;
    padding: 10px 0 !important;
}
footer .wp-block-flexible-table-block-table.schedule td {
	border: none !important;
	border-top: 1px solid var(--black) !important;
	border-color: var(--black) !important;
	padding: 12px 0px !important;
    width: 8%;
}

/*++++++++++++++++
columns
+++++++++++++++++*/
.wp-block-columns {
	gap: 20px;
}


/**/
.border-column {
	
}

.border-column .wp-block-column{
	border: 3px solid var(--lightgray);
	padding:20px 10px;
	display: flex;
	align-items: center;
}
.border-column .wp-block-column figure {
	margin:auto;
}

/*++++++++++++++++
box
+++++++++++++++++*/
.box {
	/*background: #fcfbf9;*/
	padding: 30px 20px;
	border-radius: 5px;
	box-sizing: border-box;
	width: var(--flex-100);
	height: var(--flex-100);
	border: 1px solid var(--site-color);
}


.border {
	background: none;
	padding: 30px;
	border: 1px solid var(--lightgray);
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 1px 1px 15px rgba(142,142,142,0.3);
}

.wp-block-columns.table {
	gap: 0;
}

.table .wp-block-column {
	padding: 40px 20px 20px;
	border: 1px solid var(--lightgray);
	border-right: none;
}
.table .wp-block-column:last-child {
	border: 1px solid var(--lightgray);
}


/*++++++++++++++++
detail
+++++++++++++++++*/
.wp-block-details {
	position: relative;
	margin: 0 0 20px;
	box-shadow: 1px 1px 10px rgba(142,142,142,0.2);
	border-radius: 5px;
	padding: 30px;
	background: var(--white);
}
.wp-block-details summary {
	font-size: var(--font-h5);
	font-weight: var(--wght-500);
	padding: 0 0 0 45px;
	/* border-bottom: 1px dashed var(--gray); */
	position: relative;
	transition:.3s;
}
.wp-block-details summary:hover {
}
.wp-block-details summary::marker {
	font-size: 0;
}
.wp-block-details[open] {
	margin: 2rem 0 3rem;
	padding: 30px;
}
.wp-block-details[open] summary {
	/* background: var(--beige); */
	margin: 0 0 20px;
	transition: .3s;
}

.wp-block-details[open] summary:after {
	background: var(--site-color);
}
.wp-block-details[open] summary:before {
	transform: rotate(-90deg);
	transition: .3s;
	background: var(--white);
}

.wp-block-details summary:before {
	  content: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
	  position: absolute;
	  top: 0;
	  left: 0.5rem;
	  width: 5px;
	  height: 4px;
	  bottom: 0;
	  margin: auto;
	  padding: 5px;
	  -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
	  mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
	  -webkit-mask-repeat: no-repeat;
	  mask-repeat: no-repeat;
	  background-color: var(--site-color);
	  z-index: 2;
	  transform: rotate(90deg);
	  transition: .3s;
}
.wp-block-details summary:after {
	content:"";
	position: absolute;
	top: 0;
	width: 30px;
	height: 30px;
	left: 0;
	display: flex;
	border-radius: 100px;
	background: var(--site-color-opa);
	bottom: 0;
	margin: auto;
	z-index: 1;
}

/*++++++++++++++++
detail flow
+++++++++++++++++*/
.wp-block-details.flow {
	position: relative;
	margin: 0 0 4rem;
}
.wp-block-details.flow:after {
	content: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
	position: absolute;
	left: 0;
	right: 0;
	width: 25px;
	height: 25px;
	transform: rotate(90deg);
	bottom: -3rem;
	margin: auto;
	padding: 0;
	-webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg fill="var(--blue)" data-name="" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37 35.8"><rect class="b" y="16.4" width="24.6" height="3"/><polygon class="b" points="37 17.68 19.32 0 17.2 2.12 32.98 17.9 17.2 33.68 19.32 35.8 37 18.12 36.78 17.9 37 17.68"/></svg>');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	z-index: 1;
}
.wp-block-details.flow.none:after {
	display: none;
}
.wp-block-details.flow summary {
	font-size: var(--font-h4);
}
.wp-block-details.flow:last-of-type:before {
	content:"";
	display: none;
}


/*++++++++++++++++
center
+++++++++++++++++*/
.wp-block-image.aligncenter {
	margin: 0 auto 10px;
}
/*++++++++++++++++
spacer
+++++++++++++++++*/
.wp-block-separator {
	padding: 0 0 70px;
	border-top: 1px solid var(--gray);
	margin: 70px 0 0;
}

/**/
.wp-block-separator.dc_sep {
	padding: 0 0 20px;
	margin: 20px 0 0;
}
/*++++++++++++++++

+++++++++++++++++*/
.circle {
	width: 70px;
	height: 70px;
	margin: 0 10px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.circle:before {
	content: "";
	background: var(--site-color-opa);
	width: 70px;
	height: 70px;
	border-radius: 100px;
	position: absolute;
	left: 0;
	z-index: 0;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	bottom: 0;
	transition: .3s;
	z-index: -1;
}
.circle figure {
	margin:0;
}
.circle svg {
	fill:var(--site-color);
	width: 40px;
	height: 40px;
}

/*++++++++++++++++++
faq
+++++++++++++++++++*/
.togglebox {
	border: 2px solid var(--lightgray);
	border-radius: 5px;
	margin: 0 0 20px;
}
.togglebox dt{
	cursor: pointer;
	padding: 30px 70px;
	position: relative;
}
.togglebox dt:before {
	content: "Q";
	font-family: var(--engs);
	background: var(--pink);
	color: var(--white);
	width: 40px;
	height: 40px;
	border-radius: 100px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.togglebox dt.active{
	
}
.togglebox dd{
	padding:30px 20px 30px 70px;
	background: var(--lightblue);
	border-top: 2px solid var(--lightgray);
	position: relative;
}
.togglebox dd:before {
	content: "A";
	font-family: var(--engs);
	background: var(--aqua);
	color: var(--white);
	width: 40px;
	height: 40px;
	border-radius: 100px;
	position: absolute;
	top: 1.5rem;
	margin: auto;
	left: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*++++++++++++++++
wp-block-vk-blocks
+++++++++++++++++*/
.wp-block-vk-blocks-slider {
	overflow: unset;
}
/*++++++++++++++++
caption
+++++++++++++++++*/
.wp-element-caption {
    font-size: var(--font-h6) !important;
    background: var(--white);
    max-width: max-content;
    z-index: 2;
    margin: 10px auto 0;
}

/**/
.waku {
	color:var(--aqua);
	border: 1px solid var(--aqua);
	padding: 2px 5px;
	margin-right: 3px;	
}


/*++++++++++++++
flow
++++++++++++++*/
.flowlist {
    
}
.flowlist ul {
	
list-style-type: none;
}
.flowlist dl {
	display: block;
	padding: 20px 0;
}
.flowlist li:last-child dl:before {
	content:"";
	background: none;
}
.flowlist li dl:before {
	content: "\f063";
	left: 0;
	right: 0;
}
.flowlist li {
	
counter-increment: number 1;
}
.flowlist dt {
    width: auto;
    /* margin: 0 0 25px; */
}
.flowlist dt:before {
     content: "0"counter(number)"";
     width: 50px;
     height: 50px;
     background: var(--aqua);
     color: var(--white);
     border-radius: 100px;
     position: absolute;
     display: flex;
     align-items: center;
     justify-content: center;
     top: 0;
     font-size: var(--font-h6);
     bottom: 0;
     margin: auto;
     left: 0;
     font-family: var(
     --en);
     letter-spacing: 0px;
}

.tel {text-decoration: none;}

iframe {
    width: var(--flex-100) !important;
}

@media screen and (min-width: 600px) {
/*++++++++++++++++
arrow
+++++++++++++++++*/

a:hover .icon-arrow span::before {
transform: translate(0, 0);
}
a:hover .icon-arrow span::after {
transform: translate(150%, 0);
}

/*++++++++++++++++
button
+++++++++++++++++*/
.button_large {
max-width: var(--width360);
padding: 20px 100px 20px 20px;
font-size: var(--font-h5);
}
.button_large .icon-arrow {}
.button_large .icon-arrow span::before, 
.button_large .icon-arrow span::after{
}	

/*++++++++++++++++
mainttl
+++++++++++++++++*/
.mainttl {
	margin: 130px 0 0;
}	

}
@media screen and (min-width: 1024px) {
.br {display: block;}
.br2 {display: none;}	
    
.pc {display: block;}
.sp {display: none;}	    

.center_left {
    display: block;
    margin: 0;
    text-align: left;
}    
    
.template-grid {
	padding: 80px 0 0;
	margin: 0 0 150px;
}
.mainttl .sec-title .h1-title {
	font-size: 2.5rem !important;
}
/*++++++++++++++++
button
+++++++++++++++++*/
.button a:before {
	right:1rem;
	width:4px;
	height:3px;
}	
.button a:after {
	width:30px;
	height:30px;
}
.text {
	margin: 10px 0 0;
}
.text a{
	display:flex;
	cursor: pointer;
	text-decoration:none;
}
.text a:before {
	content: "\f178";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	display: flex;
	border: 1px solid var(--blue);
	background: var(--blue);
	font-size: 9px;
	padding: 5px 5px 5px 3px;
	border-radius: 3px;
	color: var(--lightblue);
	display: flex;
	align-items: center;
	height: 9px;
	width: 11px;
	justify-content: center;
	margin: 4px 8px 3px 0;
}	
/*++++++++++++++++
scale
+++++++++++++++++*/
.scale {
transform: scale(1.0);
transition: .5s;
}
.scale:hover{
transform: scale(1.1);
transition: .5s;
}
/*++++++++++++++++
arrow
+++++++++++++++++*/

.icon-arrow {width: 70px;height: 70px;z-index: 8;margin: 25px 30px;}

/*++++++++++++++++
button
+++++++++++++++++*/
.button_large {
}
.button_large .icon-arrow {width: 40px;height: 40px;right: 1.5rem;}
.button_large .icon-arrow span::before, 
.button_large .icon-arrow span::after{
background: var(--white);
}	
}


@media screen and (min-width: 1200px) {  
/*++++++++++++++++        
sidebar
+++++++++++++++++*/
.sidebarbox ol{
    grid-template-columns: repeat(2,1fr);
}
/*++++++++++++++++
mainttl
+++++++++++++++++*/  

.mainttl.active .sec-title {
	position: absolute;
	bottom: 6rem;
	left: 8rem;
	display: flex;
}    

.mainttl figure {
	height: 600px;
	max-width: var(--full-inner);
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	right: 0;
	margin: 50px auto 20px;
	border-radius: 10px;
}   
.mainttl figure img {
    aspect-ratio: 3 / 2;
    position: absolute;
}		
/*++++++++++++++
h2-h6
++++++++++++++*/   
h2 {
	padding: 25px 0 25px 20px;
	margin: 0 0 40px;
}    
h2:before {
    height: 40px;
}    
h3 {
	margin: 0 0 20px;
}

    
/*++++++++++++++
button
++++++++++++++*/    
/*PDF*/
.button.pdf a {
    padding:23px 10px 25px 20px;
}

/*++++++++++++++++
box/border
+++++++++++++++++*/
.box {
	padding: 40px;
}    
.border {
    padding: 50px 40px;
}

}

@media screen and (min-width: 1500px) {
/*++++++++++++++++
eztoc
+++++++++++++++++*/
#ez-toc-container{
	margin: 0;
	background: none;
	padding:clamp(20px,9vw,30px) clamp(20px,9vw,25px) 20px;
	border: none;
	width: 300px;
	box-sizing: border-box;
	position: fixed;
	left: 0;
	bottom: 2rem;
	box-shadow: none;
	border: 1px solid var(--gray);
}
	
#ez-toc-container .ez-toc-title{
	font-size: var(--font-h6) !important;
	border-bottom: 1px solid var(--gray);
	display: block !important;
	padding: 0 0 10px;
	margin: 0 0 10px;
}
#ez-toc-container .ez-toc-list li{
	line-height: var(--lh-md);
	font-size: var(--font-em);
}
#ez-toc-container .ez-toc-link {
	border: none;
	display: flex;
	padding: 0 0 5px;
	font-size: var(--font-em) !important;
}	
#ez-toc-container .ez-toc-link:hover {
	text-decoration:underline !important;
}
	
#ez-toc-container .ez-toc-list-level-3 {margin: 0 0 0 20px !important;}
	#ez-toc-container .ez-toc-list-level-3 li .arrow,
	#ez-toc-container .ez-toc-list-level-5 li .arrow{
		border: none;
		margin: 4px 0 3px;
	}
	#ez-toc-container .ez-toc-list-level-3 li .arrow:before,
	#ez-toc-container .ez-toc-list-level-3 li .arrow:after,
	#ez-toc-container .ez-toc-list-level-5 li .arrow:before,
	#ez-toc-container .ez-toc-list-level-5 li .arrow:after{
		display:none;
	}
	#ez-toc-container a {display:flex;align-items:center;gap:5px;line-height: 1.5rem;}
	#ez-toc-container a:visited {
		color:var(--darkgray) !important;
	}
#ez-toc-container .ez-toc-js-icon-con {
	display:none;
}

/*++++++++++++++++
sidebar
+++++++++++++++++*/
.sidebarbox {
margin: 0 0 80px;
background: var(--site-color-opa);
border:1px solid var(--lightgray);
padding: 30px;
border-radius: 10px;
}
.sidebarbox ol{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	background: var(--white);
	box-shadow: 0px 0px 2px rgba(44, 23, 3, 0.1);
	border-radius: 10px;
	overflow: hidden;
}        
.sidebarbox li:nth-child(3n) {
border-right:none;
}    

/*++++++++++++++++
arrow
+++++++++++++++++*/

a:hover .icon-arrow span::before {
transform: translate(0, 0);
}
a:hover .icon-arrow span::after {
transform: translate(150%, 0);
}

/*++++++++++++++++
button
+++++++++++++++++*/
.button_large {text-decoration: none;padding: 25px 200px 25px 40px;font-weight: var(--wght-500);font-size: var(--font-h5);border-radius: 5px;box-shadow: 0px 5px 20px rgba(44, 23, 3, 0.1);position: relative;display: block;max-width: var(--width360);box-sizing: border-box;border: 1px solid var(--gray);}
.button_large .icon-arrow {}
.button_large .icon-arrow span::before, 
.button_large .icon-arrow span::after{
background: var(--white);
}

/*++++++++++++++++
template_main
+++++++++++++++++*/
.temp_mainbox {
	grid-template-columns: repeat(2,1fr);
	gap: 30px;
}

.temp_mainbox a {
	border;
	padding: 40px 30px 50px;
}
.temp_mainbox_title {
}
a:hover .temp_mainbox_title {
	color:var(--aqua);
	transition:.3s;
	text-decoration:none;
}	
	

/*++++++++++++++
flow
++++++++++++++*/

.flowlist ul {
	list-style-type: none;
}
.flowlist dl {
	display: grid;
	grid-template-columns: 30% 65%;
	border-bottom: 1px solid #ccc;
	padding: 40px 0;
	align-items: center;
	position: relative;
}
.flowlist li:last-child dl:before {
	content:"";
	background: none;
}
.flowlist li dl:before {
	content: "\f063";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-style: normal;
	color: var(--aqua);
	position: absolute;
	left: 9%;
	margin: 0;
	bottom: -20px;
	width: 30px;
	background: #fff;
	padding: 10px;
	text-align: center;
	font-size: 20px;
}
.flowlist li {
	counter-increment: number 1;
}
.flowlist dt {
    position: relative;
    padding: 0 0 0 70px;
    font-size: 1.2em;
    font-weight: var(--wght-500);
}

}