@media all and (min-width: 1266px) {
.flex-content-block.intro {
width: 50%; } }
.flex-content-block.default {
color: var(--blue); }
.flex-content-block.default .font-head {
color: var(--green);
margin-bottom: .875rem; }
@media all and (min-width: 768px) {
.flex-content-block.default .font-head {
margin-bottom: 1.25rem; } }
@media all and (min-width: 1266px) {
.flex-content-block.default .font-head {
margin-bottom: 1.875rem; } }
.flex-content-block.default .text-content .font-subline, .flex-content-block.default .text-content a {
color: var(--light_blue); }
.flex-content-block p {
margin-bottom: 1.5rem; }
@media all and (min-width: 1560px) {
.flex-content-block p {
margin-bottom: 2rem; } }
.flex-content-block ul {
list-style: none;
margin-left: 0; margin-top: -1rem;
position: relative;
padding-left: 21px;
margin-top: -1rem; }
@media all and (min-width: 1600px) {
.flex-content-block ul {
padding-left: clamp(1.3125rem, calc(-0.6rem + 1.91vw), 1.875rem); } }
.flex-content-block ul li:before {
text-indent: 0;
content: '\2014';
padding-right: 0;
color: var(--green);
position: absolute;
left: 0; }
.flex-content-block .btn-ani-wrap {
margin-top: 2.5rem;
display: block; }
@media all and (min-width: 1266px) {
.flex-content-block .btn-ani-wrap {
margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }.accordeon-wrap h3 {
margin-bottom: 25px; }
.accordion-list .accordion {
border-top: 1.5px solid var(--green);
cursor: pointer;
padding: 25px 0 28px 0;
width: 100%;
transition: 0.4s;
position: relative;
display: flex;
justify-content: space-between; }
@media all and (min-width: 1266px) {
.accordion-list .accordion {
padding: 32px 0 37px 0; } }
.accordion-list .accordion h4 {
max-width: calc(100% - 30px); }
.accordion-list .accordion .icon-wrap {
color: var(--blue);
position: relative;
top: 7px; }
.accordion-list .accordion .icon-wrap .open {
display: none; }
.accordion-list .accordion .icon-wrap .open:before, .accordion-list .accordion .icon-wrap .open:after {
position: absolute;
right: 15px;
content: ' ';
height: 17px;
width: 2px;
background-color: var(--light_blue); }
@media all and (min-width: 1266px) {
.accordion-list .accordion .icon-wrap .open:before, .accordion-list .accordion .icon-wrap .open:after {
height: clamp(1.0625rem, calc(-0.22rem + 1.62vw), 1.875rem); } }
.accordion-list .accordion .icon-wrap .open:before {
transform: rotate(-90deg); }
.accordion-list .accordion .icon-wrap .open:after {
transform: rotate(-90deg); }
.accordion-list .accordion .icon-wrap .closed {
display: inline; }
.accordion-list .accordion .icon-wrap .closed:before, .accordion-list .accordion .icon-wrap .closed:after {
position: absolute;
right: 15px;
content: ' ';
height: 17px;
width: 2px;
background-color: var(--light_blue); }
@media all and (min-width: 1266px) {
.accordion-list .accordion .icon-wrap .closed:before, .accordion-list .accordion .icon-wrap .closed:after {
height: clamp(1.0625rem, calc(-0.22rem + 1.62vw), 1.875rem); } }
.accordion-list .accordion .icon-wrap .closed:after {
transform: rotate(-90deg); }
.accordion-list .accordion:hover h4 {
color: var(--green); }
.accordion-list .accordion:hover .closed:before, .accordion-list .accordion:hover .closed:after, .accordion-list .accordion:hover .open:before, .accordion-list .accordion:hover .open:after {
background-color: var(--green); }
.accordion-list .accordion.active .icon-wrap .open {
display: inline; }
.accordion-list .accordion.active .icon-wrap .closed {
display: none; }
.accordion-list .panel {
height: 0;
overflow: hidden;
transition: height 0.4s ease-in-out; }
.accordion-list .panel .font-subline {
color: var(--light_blue); }
.accordion-list .panel .text {
margin-top: 1rem;
display: inline-block;
padding-bottom: 2.5rem; }
@media all and (min-width: 768px) {
.accordion-list .panel .text {
padding-bottom: 3.125rem; } }
@media all and (min-width: 1266px) {
.accordion-list .panel .text {
padding-bottom: clamp(3.125rem, calc(-2.78rem + 7.46vw), 6.875rem); } }
.accordion-list .panel ul {
list-style: none;
margin-left: 0; margin-top: -1rem;
position: relative;
padding-left: 21px; }
@media all and (min-width: 1600px) {
.accordion-list .panel ul {
padding-left: clamp(1.3125rem, calc(-0.6rem + 1.91vw), 1.875rem); } }
.accordion-list .panel ul li:before {
text-indent: 0;
content: '\2014';
padding-right: 0;
color: var(--green);
position: absolute;
left: 0; }
.accordion-list .panel:last-child {
border-bottom: 1.5px solid var(--green); }
.accordion-list .panel.active .text {
-webkit-animation: accordfadeIn 1s;
animation: accordfadeIn 1s; }
@-webkit-keyframes accordfadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes accordfadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }@media all and (min-width: 1266px) {
.icon-list {
width: 50%; } }
.icon-list .iconlist {
display: flex;
flex-direction: column;
gap: 20px; }
.icon-list .iconlist .icon {
display: flex;
align-items: center; }
.icon-list .iconlist .icon .image {
margin-right: 1rem;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
border-radius: 50%;
border: 1px solid var(--green);
aspect-ratio: 1 / 1; }
@media all and (min-width: 1266px) {
.icon-list .iconlist .icon .image {
height: 47px;
width: 47px; } }
@media all and (min-width: 1560px) {
.icon-list .iconlist .icon .image {
height: 55px;
width: 55px; } }
.icon-list .iconlist .icon .image svg {
width: 18px;
height: auto; }
@media all and (min-width: 1266px) {
.icon-list .iconlist .icon .image svg {
width: 21px; } }
@media all and (min-width: 1560px) {
.icon-list .iconlist .icon .image svg {
width: 25px; } }
.icon-list .iconlist .icon .image svg path {
fill: var(--light_blue); }
.icon-list .iconlist .icon a {
color: var(--light_blue); }
.icon-list .iconlist .icon:hover {
color: var(--green); }
.icon-list .iconlist .icon:hover svg path {
fill: var(--green); }
.icon-list .iconlist .icon:hover a {
color: var(--green); }.relation-box .ref_news {
background-color: #EDFDF6; }
.relation-box .ref_person {
background-color: #EFF8FF; }
.flex-relation-box {
padding: 30px 20px 40px 20px; }
@media all and (min-width: 768px) {
.flex-relation-box {
padding: 50px 0 60px 0; } }
@media all and (min-width: 1024px) {
.flex-relation-box {
padding: 60px 0 120px 0; } }
@media all and (min-width: 1266px) {
.flex-relation-box {
padding-top: clamp(3.75rem, calc(-2.15rem + 7.46vw), 7.5rem);
padding-bottom: clamp(7.5rem, calc(-1.36rem + 11.19vw), 13.125rem); } }
@media all and (max-width: 767px) {
.flex-relation-box.personal .image {
margin-bottom: 1.875rem; } }
.flex-relation-box h3 {
margin-bottom: 1.25rem; }
@media all and (min-width: 1266px) {
.flex-relation-box h3 {
margin-bottom: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem); } }
.flex-relation-box .box {
display: flex; }
@media all and (max-width: 767px) {
.flex-relation-box .box {
flex-direction: column; } }
.flex-relation-box .box .image {
flex: 1; }
@media all and (min-width: 768px) {
.flex-relation-box .box .image {
width: 41.6666666667%;
margin-right: 8.333333333%; } }
.flex-relation-box .box .image img {
width: 100%;
height: auto; }
@media all and (max-width: 767px) {
.flex-relation-box .box.news .image {
margin-bottom: 1.875rem; } }
.flex-relation-box .box .meta {
flex: 1; }
.flex-relation-box .box .meta p {
margin-bottom: 0; }
@media all and (min-width: 768px) {
.flex-relation-box .box .meta {
width: 50%; } }
.flex-relation-box .box .meta .category {
margin-bottom: .4375rem; }
@media all and (min-width: 1560px) {
.flex-relation-box .box .meta .category {
margin-bottom: .9375rem; } }
.flex-relation-box .box .meta .btn-row {
margin: 1.875rem 0 1.875rem 2px; }
@media all and (min-width: 768px) {
.flex-relation-box .box .meta .btn-row {
margin-top: 2.5rem;
margin-bottom: 2.5rem; } }
@media all and (min-width: 1266px) {
.flex-relation-box .box .meta .btn-row {
margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem);
margin-bottom: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }
.flex-relation-box .box .meta .contact-row.first {
margin-top: 2rem; }
.flex-relation-box .box .meta .contact-row span {
padding-right: 7px; }
.flex-relation-box .box .meta .contact-row a:hover {
color: var(--green); }
.flex-relation-box .font-head {
color: var(--green);
margin-bottom: .875rem; }
@media all and (min-width: 768px) {
.flex-relation-box .font-head {
margin-bottom: 1.25rem; } }
@media all and (min-width: 1266px) {
.flex-relation-box .font-head {
margin-bottom: 1.875rem; } }
.flex-relation-box .text-content .font-subline, .flex-relation-box .text-content a {
color: var(--light_blue); }
.flex-relation-box .swiper-button-prev:after,
.flex-relation-box .swiper-button-next:after {
content: ""; }
.flex-relation-box .swiper-button-prev {
rotate: -180deg;
left: 0; }
.flex-relation-box .swiper-button-next {
right: 0; }
.flex-relation-box .paging {
gap: 5px;
position: relative;
margin-top: .625rem; }
.flex-relation-box .paging.outerbox {
display: flex; }
@media all and (min-width: 768px) {
.flex-relation-box .paging.outerbox {
display: none; } }
.flex-relation-box .paging.imagebox {
display: none; }
@media all and (min-width: 768px) {
.flex-relation-box .paging.imagebox {
display: flex; } }
@media all and (min-width: 1266px) {
.flex-relation-box .paging {
margin-top: 1.25rem;
gap: 20px; } }
.flex-relation-box .paging .swiper-button-prev, .flex-relation-box .paging .swiper-button-next {
position: relative;
margin-top: 0;
height: auto; }
.flex-relation-box .paging .swiper-button-prev svg, .flex-relation-box .paging .swiper-button-next svg {
width: 17px; }
.flex-relation-box .paging .swiper-button-prev svg .st0, .flex-relation-box .paging .swiper-button-next svg .st0 {
fill: var(--light_blue); }
@media all and (min-width: 1266px) {
.flex-relation-box .paging .swiper-button-prev svg, .flex-relation-box .paging .swiper-button-next svg {
width: 30px; } }
.flex-relation-box .paging .swiper-button-prev:hover .st0, .flex-relation-box .paging .swiper-button-next:hover .st0 {
fill: var(--green); }