@charset 'utf-8';
:root{
  /* color */
	--main-color: #1F2933;
	--blue-color: #004EA2;
	--gray-color:#52606D;
	--sky-blue-color: #09A6DC;
	--ff-main: "Noto Sans JP", sans-serif;
	--ff-dm-sans:"DM Sans", sans-serif;
	--ff-red-hat-display:"Red Hat Display", sans-serif;
	--header-height: 4.5em;
	--header-height-desktop: 6em;
}

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object,
figure,figcaption {
	margin: 0;
	padding: 0;
}
html { height: 100%; font-size: 62.5%; }
body {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	font-family: var(--ff-main);
	font-size: 1rem;
	line-height: 1.6;
	color: var(--main-color);
}
*,
*:before,
*:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
ul,ol { list-style: none; }
img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
a{ text-decoration: none; }
a:hover { text-decoration: none; }

/* container
----------------------------------------------- */
#container { position: relative; width: 100%; overflow: hidden; font-size: 1rem; }

/* @media only screen and (max-width: 1920px) and (min-width: 769px) {
	#container{ font-size: .520833vw; }
} */

/* @media only screen and (max-width: 1440px) and (min-width: 769px) {
	#container{ font-size: 0.694444vw; }
} */

/*
@media only screen and (max-width: 1366px) and (min-width: 769px) {
	#container{ font-size: 0.732vw; }
}
*/

@media only screen and (max-width: 1020px) and (min-width: 769px) {
	#container{ font-size: 0.9vw; }
}

@media only screen and (max-width: 375px) {
	#container { font-size: 2.66vw; }
}

.wrap{position: relative; margin: 0 auto; width: 100%; }

.img__bg{ background: url(../img/share/bg_img.jpg) no-repeat center top / cover; }
.img-object-cover img{ width: 100%; height: 100%; object-fit: cover; }
.border--bottom{ padding-bottom: 6em !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

@media only screen and (min-width: 769px) {
	.sp { display: none !important; }
	.wrap { padding: 0 2rem; }
	.wrap-800 { max-width: calc(80rem + 4rem); }
	.wrap-900 { max-width: calc(90rem + 4rem); }
	.wrap-1000 { max-width: calc(100rem + 4rem); }
	.wrap-1100 { max-width: calc(110rem + 4rem); }
	.wrap-1200 { max-width: calc(120rem + 4rem); }
	.wrap-1250 { max-width: calc(125rem + 4rem); }
	.wrap-1360 { max-width: calc(136rem + 4rem); }
	.wrap-1440 { max-width: calc(144rem + 4rem); }
	.wrap-1480 { max-width: calc(148rem + 4rem); }
	.wrap-1600 { max-width: calc(160rem + 4rem); }
}

@media only screen and (max-width: 768px) {
	/* mobile 30% off */
	.wrap{ padding: 0 2em; }
	.pc { display: none !important; }
}

/* header
------------------------------------------------ */
#header{ padding: 0 calc(50/1902 * 100%); position: fixed; left: 0; top: 0; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; z-index: 9; background: rgba(255, 255, 255, 0.95); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }
.header__logo{ max-width: 12em; }
.header__logo h1,
.header__logo p{ width: 100%; line-height: 1; }
.header__logo img { width: 100%; }

.header__nav-cta{ display: inline-flex; flex-wrap: wrap; }
.header__nav-ctaLink{ display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; width:17em; gap: .8em; }
.header__nav-ctaLink span{ font-size: 1.2em; font-weight: bold; font-family: var(--ff-manrope); line-height: calc(24/12); color:#fff; }
.header__nav-ctaLink i{ line-height: 0; }
.header__nav-ctaLink--entry{ background-color: var(--sky-blue-color); }
.header__nav-ctaLink--contact{ background-color: var(--blue-color); }

.header__nav-list{ height: 100%; }
.header__nav-link{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100%; font-size: 1.4em; font-weight: 500; line-height: calc(24/14); color: var(--main-color); }
.header__nav-item{ position: relative; }

.header__nav-item--has-child .header__nav-link{ padding-right: 1.4285em; background: url(../img/icons/expand_more.png) no-repeat right center / .8571em auto; }
.header__nav-sublist-item{ position: relative; padding-left: 3.3em; }
/* .header__nav-sublist-item::before{ content: ''; position: absolute; left: 0; top: 1.7em; width: 1.9em; height: 2px; background-color: #1EB9EE; } */
.header__nav-sublist-item > a{ display: block; font-size: 1.4em; font-weight: 600; font-family: 'Manrope'; white-space: nowrap; color: #fff; line-height: calc(36/14); }

@media only screen and (min-width: 769px) {
	.header__nav{ display: inline-flex !important; flex-wrap: wrap; align-items: center; gap: 4.2em; }
	.header__nav-ctaLink { height: var(--header-height-desktop); }
	.header__nav-list{ display: inline-flex; flex-wrap: wrap; gap: 3.2em; }
	.header__nav-item{ height:var(--header-height-desktop); }
	.header__nav-item--has-child:hover .header__nav-sublist{ display: block; }
	.header__nav-item:hover .header__nav-link{ color:var(--blue-color) }
	.header__nav-sublist{ display: none; padding: 2em 2em 2em 0; position: absolute; left: 0; top: 100%; background-color: var(--blue-color); border-radius: 0 0 1.8em 1.8em; overflow: hidden; }
	.header__mobile-btns{ display:none; }
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
	#header { padding: 0 2em; }
	.header__logo { max-width: 10em; }
	.header__nav-list { gap: 1.2em; }
	.header__nav-item--has-child .header__nav-link { font-size: 1.3em; }
	.header__nav-sublist-item > a { font-size: 1.3em; }
}

@media only screen and (max-width: 768px) {
	#header{ padding: 0 0 0 2em; }
	.header__sitename{ position:relative; z-index:1; }
	.header__logo{ max-width:9.8em; }
	.header__nav{ display:none; }
	.header__nav{ align-items:flex-start; }
	.header__nav-ctaLink{ width:10em; height:var(--header-height); }
	.header__nav-ctaLink span{ font-size:1.2em; }

	.header__nav{ position:absolute; left:0; top:var(--header-height); width:100%; height:calc(100vh - var(--header-height)); padding-top: 2em; background:var(--blue-color); }
	.header__nav-list{ padding: 0 3.5em; width:100%; max-height:calc(100vh - 10em); overflow-y:auto; }
	.header__nav-link{ padding: .6em 0; justify-content:flex-start; color: #fff; }
	.header__nav-item--has-child .header__nav-link{ padding-right: 20px; background: url(../img/icons/expand_more_2.png) no-repeat right center / 15px auto; }
	.header__nav-sublist-item{ font-size:.9285em; }

	.header__mobile-btns{ display:inline-flex; flex-wrap:wrap; position:relative; z-index:1; }
	.header__hamburger-btn{ position: relative; height: 100%; width: 5em; font-size: 1em; border:0; background:none; outline:none; }
	.header__hamburger-btn span{ position: absolute; display:block; width:3em; height:2px; border-radius: 1px; background-color: var(--blue-color); transition: rotate .2s ease; }
	.header__hamburger-btn span:nth-child(2){ left: 50%; top:50%; transform: translate(-50%, -50%); }
	.header__hamburger-btn span:nth-child(1){ top: 1.3em; left: 1em; }
	.header__hamburger-btn span:nth-child(3){ right: 1em; bottom: 1.3em;}
	.header__hamburger-btn.is-active span:nth-child(2){visibility: hidden;}
	.header__hamburger-btn.is-active span:nth-child(1){top:2.2em;left:1em;transform: rotate(45deg)}
	.header__hamburger-btn.is-active span:nth-child(3){ bottom: 2.1em; transform: rotate(-45deg);}
}

/* main

------------------------------------------------ */
#main { display: block; position: relative; width: 100%; }
/* 視覚的に非表示・支援技術には読ませる */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.link-skipcontent {
    position: absolute;
    margin: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*
title
------------------------------*/
.title-row{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; }
.title-1{ font-size: 1em; }
.title-1--en{ display: block; padding-left: 2em; font-size: 1.2em; font-weight: 600; font-family: var(--ff-dm-sans); text-transform: uppercase; color:var(--sky-blue-color); letter-spacing: 0.14em; line-height: calc(28/20); background: url(../img/icons/rectangle_1.png) no-repeat 0 center / 1.25em .15em; }
.title-1--ja{ display: block; font-size: 2em; font-weight: 700; letter-spacing: 0.02em; }

.title-2{ font-size: 1em; font-weight: 700; }
.title-2--en{ display: block; padding-left: 3em; font-family: var(--ff-dm-sansv); font-size: 1.2em; line-height: calc(22/12); text-transform: uppercase; color:var(--sky-blue-color); background: url(../img/icons/rectangle_1.png) no-repeat 0 center / 2em .333333em; }
.title-2--ja{ margin-top: 0; display: block; font-size: 2em; line-height: calc(54/42); letter-spacing: 0.02em; }
.title-2--small{ font-size: .4761em; }
.title-3{ font-size: 4em; font-weight: 700; line-height: 1.6; color:#000; }
.title-4{ font-size: 2em; font-weight: 700; color:var(--blue-color) }

@media only screen and (min-width: 769px) {
	/* .title-top--isp{ padding-right: 17.5em; } */
}

@media only screen and (max-width: 768px) {
	.title-row{ flex-direction: column; gap: 2em; align-items: flex-start; }
	.title-1--ja{ font-size: 3.36em; line-height: 1.3; }
	.title-1--en{ font-size: 1.4em; }
	.title-2--ja{ font-size: 2em; }
	.title-3{ font-size: 2.4em; }
}

/*
text
--------------------*/
.text-1{ font-size: 1.5em; font-weight: 500; line-height: calc(36/20); color: rgba(46, 61, 81, 0.5); }
.text-2{ font-size: 2.6em; font-weight: 500; font-family: var(--ff-dm-sans); line-height: calc(48/26); letter-spacing: 0.1em; color: rgba(46, 61, 81, 0.5); }
.text-3{ margin-top: 1.4285em; font-size: 1.4em; line-height: calc(24/14); /*color: #566D7D;*/ }
.text-4{ font-size: 2.4em; font-weight: 500; line-height: calc(48/24); color: rgba(46, 61, 81, 0.5); letter-spacing: 0.1em; }


@media only screen and (max-width: 768px) {
	.text-1{ margin-top: 1em; font-size: 1.6em; }
	.text-2{ font-size: 1.8em; line-height: normal; }
	.text-4{ font-size: 1.6em; }
}

/*
btn
--------------------*/
.btn-1{ position: relative; padding: .9285em 2.3928em; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 1.4em; font-weight: 500; line-height: calc(25/14); color: var(--blue-color); border: 1px solid var(--blue-color); border-radius: 3.5714em; }
.btn-1--topic{ display: flex; max-width: 17.1428em; margin:2em auto 0; color:#fff; background-color: var(--blue-color); }
.btn-1__icon{ position: absolute; right: 1.285em; top: 50%; transform: translateY(-50%); line-height: 1; }
.btn-1--column{ margin-top: 3.4285em; }
.btn-1--long{ min-width: 16.0714em; }
.btn-1:hover{ color: #fff; background-color: var(--blue-color); }
.btn-1:not(.btn-1--topic):hover .btn-1__icon path{ fill:#fff; }
.btn-1--topic:hover { background-color: #fff; color:var(--blue-color); }
.btn-1--topic:hover .btn-1__icon path{ fill:var(--blue-color); }

.btn-2{ position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 1.6em; font-weight: 500; line-height: calc(25/14); background-color: var(--blue-color); color: #fff; border: 1px solid var(--blue-color); border-radius: 1.5em; }
.btn-2--detail{ padding: 0.5625em 0; max-width: 15em; margin: 3.75em auto 0; }
.btn-2--detail.is-btn-column{ max-width: 25em; }

.btn-3{ position: relative; padding: .96875em 0; display: block; margin: 3.125em auto 0; /*width: 17.5em;*/ width: 280px; text-align: center; font-size: 1.6rem; font-weight: 700; line-height: calc(19/16); color: #fff; letter-spacing: 0.01em; border: 1px solid var(--blue-color); border-radius: 1.625em; cursor: pointer; background: var(--blue-color) url(../../_assets/img/icons/arrow_next_white_2.png) no-repeat calc(100% - 1.125em) center / 1em; }
.btn-3--wating{ color:transparent; background: #7EACDD url(../../_assets/img/icons/arrow_next_white_2.png) no-repeat calc(100% - 1.125em) center / 1em; border-color: #7EACDD; pointer-events: none; }
.btn-3--wating:after{ content: ''; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); transform-origin: center; width: 1.375em; height: 1.375em; background: url(../../_assets/img/icons/wait_icon.png) no-repeat center / contain; animation: spin 1s linear infinite; }

@media only screen and (max-width: 768px) {
	.btn-1--column{ margin-top: 1.2em; }
	.title-row .btn-1--column { margin-top: 0; }
}

/*
lists
----------------------*/
.lists-1{ display: flex; flex-wrap: wrap; gap: 5em 4em; }
.lists-1__card--column{ width: calc((100% / 3) - (4em / (3 / 2))); }
.lists-1__card a{ display: block; height: 100%; padding: 2em 1.5em; background-color: #fff; border-radius: 1.6em; overflow: hidden; }
.lists-1__ttl{ font-size: 1.6em; font-weight: 700; line-height: calc(25/16); color:var(--main-color); }
.lists-1__img{ height: 15em; }
.lists-1__txt{ margin-top: .85714em; font-size: 1.4em; font-weight: 400; line-height: calc(25/14); color: #727272; }
.lists-1__txt,
.lists-1__ttl{
 overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;
}
.lists-1__info{ margin-top: 1.7em; margin-bottom: 1.6em; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.lists-1__cat{ display: flex; flex-wrap: wrap; gap: 0.2em; }
.lists-1__cat > span { padding: 0 0.75em; font-size: 1.2em; font-weight: 700; color: #fff; line-height: 2.1666em; background-color: #E560BD; border-radius: .6666em; }
.lists-1__date{ font-size: 1.4em; font-weight: 400; line-height: calc(17/14); color: var(--main-color); }

.lists-2{ max-width: 120em; margin: 0 auto; }
.lists-2__card{ border-bottom: 1px solid rgba(204, 204, 204, 0.8); }
.lists-2__card a{ display: flex; align-items: center; padding: 1.4em 0; }
.lists-2__photo picture { display: block; aspect-ratio: 1.4 / 1; margin: 0 auto; width: 100%; overflow: hidden; }
.lists-2__photo img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; }
.lists-2__desc{ flex: 1; position: relative; padding-right: 1em; font-size: 1.6em; font-weight: 400; line-height: calc(28/20); color:#000; }
.lists-2__desc::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0.8em; height: 100%; background: url(../img/icons/arrow_next_2.png) no-repeat right center / 100%; }
.lists-2__info{ width: 20em; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2em; font-family: var(--ff-dm-sans); }
.lists-2__date{ font-size: 1.4em; line-height: calc(24/14); color:#000; }
.lists-2__tag{ font-size: 1.2em; line-height: calc(24/12); color: #888888; }

@media only screen and (max-width: 768px) {
	.lists-1{ gap: 5em 1em; }
	.lists-1__card--column{ width: calc(50% - .5em); }
	.lists-2__card a { flex-wrap: wrap; }
	.lists-2__photo { margin: 0 auto 2em; width: 80%; }
	.lists-2__info{ width: 100%; }
	.lists-2__desc{ flex: unset; width: 100%; }
}
@media only screen and (max-width: 500px) {
	.lists-1__card--column{ width: 100%; }
}

@media only screen and (min-width: 769px) {
	.lists-2__photo { margin-right: 2em; width: 10em; }
}

/*
catalog
--------------------------------------*/
.catalog { position: relative; }
.catalog-title { margin-bottom: 0.8em; text-align: center; font-size: 1.4rem; font-weight: 700; }
.catalog-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 2em; }
.catalog-list-item { width: 100%; text-align: center; }
.catalog-list-item > a,
.catalog-list-item > button { display: block; padding: 1em 2em; text-decoration: none; border-radius: 1em; color: #fff; }
.catalog-list-item > button { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; width: 100%; background: none; border: none; box-shadow: none; font-family: inherit; font-size: inherit; font-weight: inherit; cursor: pointer; }
.catalog-list-item.is-catalog-general > a,
.catalog-list-item.is-catalog-general > button { background-color: var(--blue-color); }
.catalog-list-item.is-catalog-history > a,
.catalog-list-item.is-catalog-history > button { background-color: var(--sky-blue-color); }
.catalog-list-item strong,
.catalog-list-item span { display: block; line-height: 1.4; }
.catalog-list-item strong { font-size: 1.8rem; font-weight: 700; }
.catalog-list-item span { font-size: 1.4rem; }
.catalog-modal { pointer-events: none; position: fixed; top: 0; left: 0; transition: opacity 0.4s ease, visibility 0s linear 0.4s; width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 100; }
.catalog-modal[aria-hidden="false"] { pointer-events: auto; opacity: 1; visibility: visible; transition: opacity 0.4s ease, visibility 0s; }
.catalog-modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 3em 1em; width: calc(100% - 4em); max-height: calc(100% - 4em); background-color: #fff; border-radius: 1em; overscroll-behavior: contain; overflow-y: auto; z-index: 2; }
.catalog-modal-title { margin-bottom: 1em; text-align: center; font-size: 2em; font-weight: 700; line-height: 1.2; }
.catalog-modal-content .btn-1 { display: block; margin: 0 auto 1em; width: fit-content; }
.catalog-modal-book { position: relative; margin: 0 auto; overflow: hidden; }
.catalog-modal-close { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; position: absolute; top: 0.4em; right: 0.6em; padding: 0; background: none; border: none; box-shadow: none; font-family: inherit; font-size: 2em; font-weight: 400; cursor: pointer; }
.catalog-modal-overlay { appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); border: none; box-shadow: none; font-family: inherit; font-size: inherit; font-weight: inherit; cursor: pointer; z-index: -1; }

@media only screen and (min-width: 769px) {
	.catalog-title { font-size: 2rem; }
	.catalog-list-item { width: 32em; }
	.catalog-list-item > a,
	.catalog-list-item > button { padding: 1.4em 2em; }
	.catalog-list-item strong { font-size: 2rem; }
	.catalog-list-item span { font-size: 1.6rem; }
	.catalog-modal-content { max-width: 100rem; }
	.catalog-modal-title { font-size: 3em; }
	.catalog-modal-close { font-size: 3em; }
}

/*
footer
--------------------------- */
#footer{ position: relative; padding: 2em 0 0; background-color: #E4EAF1; z-index: 1; }
.footer-top-page{ position: absolute; top: -3.6em; right: 2.5%; }
.footer-top-page a{ display: block; }
.footer-row{ padding: 0 calc(85/1920 * 100%); display: flex; flex-wrap: wrap; gap:2em; }
.footer__info{ width: 34.8em; }
.footer__logo{ max-width: 24.2em; display: block; margin-bottom: 3em; }
.footer__info--ttl{ margin-top: .4333em; font-size: 1.3em; font-weight: 700; line-height: calc(28/13); letter-spacing: 0.02em; }
.fotoer__info-address{ margin-top: .818181em; font-style: normal; font-size: 1.1em; font-weight: 400; letter-spacing: 0.02em; line-height: calc(18/11); }
.footer__info--txt{ margin-top: 1.5em; font-size: 1em; font-weight: 400; line-height: calc(15/10); letter-spacing: 0.02em; color: #52606D; }
.footer__info-contact{ margin-top: 2em; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; max-width: 19.3em; height: 3.5em; border:1px solid var(--main-color); border-radius: 4px; }
.footer__info-contact span{ font-size: 1.3em; font-weight: 500; letter-spacing: 0.02em; color: var(--main-color); }
.footer__info-contact i{ width: 1.5em; position: absolute; left: 1.5em; top: 50%; transform: translateY(-50%); line-height: 1; }
.footer__links{ display: inline-flex; flex-wrap: nowrap; flex: 1; gap: 4em; }
.footer__link{ min-width: 13.5em; }
.footer__link a{ display: block; font-size: 1.4em; color: var(--main-color); }
.footer__link-ttl{ padding-bottom: 1em;  font-weight: 700; line-height: 150%; letter-spacing: .04em; border-bottom: 1px solid rgba(195, 195, 195, 0.8); }
.footer__link-list{ padding-right: 2.5em; margin-top: 2.6em; }
.footer__link-item a{ font-weight: 400; line-height: calc(17/14); }
.footer__link-item+.footer__link-item{ margin-top: 2em; }
.footer__link-head:not(:nth-of-type(1)){ margin-top: 3.5em; }
.footer-column { position: relative; margin: 0 auto; padding: 0 2em; max-width: calc(800px + (2em * 2)); }
.footer-links { position: relative; }
.footer-links-lists { position: relative; }
.footer-links-lists__item { font-size: 1em; line-height: 1.8; }
.footer-links-lists__item > a { display: inline-block; vertical-align: top; color: #666; }
.footer__right{ max-width: 34em; }
.footer__socail{ display: flex; flex-wrap: wrap; align-items: center; gap:4em; }
.footer__socail-item{display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2em; }
.footer__socail-item i{ line-height: 1; }
.footer__socail-desc dt{ display: block; font-weight: 700; font-size: 1em; line-height: calc(13/10);color: #52606D; }
.footer__socail-desc dd{ margin-top: 0.5em; display: block; font-size: .8em; line-height: calc(13/8); color: var(--main-color); }
.footer__logo-lists{ margin-top: 18em; display: flex; flex-wrap: nowrap; gap:1.2em; align-items: center; }
.footer__logo-lists li:first-child{ width: 9.6em; }
.footer__logo-lists li:nth-child(2){ width: 15.8em; }
.footer__logo-lists a{ display: block; }
.footer__bar{ margin-top: 2em; background-color: var(--blue-color); }
.footer__bar--row{ padding: 0 8.5em; min-height: 4.6em; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.footer-copyright{ font-size: 1.2em; font-weight: 500; line-height: calc(28/12); color:#fff; }
.footer__quick--nav{ display: inline-flex; flex-wrap: wrap; flex:1; align-items: center; justify-content: flex-end; }
.footer__quick--nav li{ position: relative; }
.footer__quick--nav a{ padding: 0 1.166em; display: block; font-size: 1.2em; font-weight: 500; line-height: 1.4; color:#fff }
.footer__quick--nav a:hover{ text-decoration: underline; }

.footer-external { position: relative;}
.footer-external .footer__socail,
.footer-external .footer__logo-lists { justify-content: flex-end; }
.footer-external .footer__socail { gap: 2em; }
.footer-external .footer__socail svg { width: auto; height: 2.2em; }
.footer-external .footer__logo-lists { margin-top: 2em; }
.footer-external .footer__logo-lists li:first-child { width: 4em; }
.footer-external .footer__logo-lists li:nth-child(2) { width: 6.1em; }

@media only screen and (min-width: 769px) {
	.footer__quick--nav li:not(:last-child):after{ content: "|"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color:#fff; }
	.footer__info-contact:hover{ background-color: var(--blue-color); border-color: var(--blue-color); }
	.footer__info-contact:hover span{ color: #fff; }
	.footer__info-contact:hover path{ fill:#fff; }
	.footer-column { display: flex; gap: 2em; justify-content: center; align-items: flex-end; }
	.footer-links { display: flex; gap: 4em; }
	.footer-links-lists:not(:first-child) { padding-left: 4em; border-left: 1px solid #666; }
}

@media only screen and (max-width: 768px) {
	#footer{ padding-top: 6.65em; }
	.footer-top-page{ right: 2em; }
	.footer-column { display: grid; gap: 2em; }
	.footer-links-lists:not(:first-child) { margin-top: 2em; padding-top: 2em; border-top: 1px solid #666; }
	.footer-row{ padding: 0 2em; }
	.footer__info{ width: 100%; }
	.footer__links{ flex-wrap: wrap; }
	.footer-links-lists__item { font-size: 1.2em; }
	.footer__right{ margin-top: 2em; width: 100%; max-width: unset; }
	.footer-external .footer__socail svg { height: 3em; }
	.footer-external .footer__logo-lists li:first-child { width: 6em; }
	.footer-external .footer__logo-lists li:nth-child(2) { width: 9.3em; }
	.footer__logo-lists{ margin-top: 12.6em; justify-content: center; }
	.footer__bar--row{ padding: 1em 2em; flex-direction: column-reverse; justify-content: center; height: unset; }
	.footer__quick--nav{ flex:0; flex-direction: column; justify-content: center; align-items: unset; width: 100%; }
	.footer__quick--nav li{ border-bottom: 1px solid #fff; }
	.footer-copyright{ margin-top: 1em; }
}