* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
:root {
--primary-color: #35B9E9;
--primary-dark-color: #164564;
--primary-footer-color: #fff;
--primary-light-color: #EBFAFF;
--txt-menu-color: #0A0D14;
--txt-color: #fff;
--txt-color2: #000;
--txt-color3: #0A0D14;
--txt-color4: #D9D9D9;
--text-soft-400: #868C98;
--text-main-900: #0A0D14;
--text-soft-400: #868C98;
--teal-dark: #1F87AD;
--border-color: #D9D9D9;
--bg-weak-100: #F6F8FA;
--stroke-soft-200: #E2E4E9;
--neutral-100: #F6F8FA;
--neutral-200: #E2E4E9;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 900;
src: url(//www.maharpolaris.com/assets/fonts/ProximaNovaBlack.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 800;
src: url(//www.maharpolaris.com/assets/fonts/ProximaNovaExtrabold.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
src: url(//www.maharpolaris.com/assets/fonts/ProximaNovaBold.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 700;
src: url(//www.maharpolaris.com/assets/fonts/ProximaNovaBold.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 600;
src: url(//www.maharpolaris.com/assets/fonts/ProximaNovaSemibold.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 500;
src: url(//www.maharpolaris.com/assets/fonts/ProximaNovaRegular.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 400;
src: url(//www.maharpolaris.com/assets/fonts/ProximaNovaLight.otf);
font-style: normal;
}
@font-face {
font-family: "Proxima Nova", sans-serif;
font-weight: 300;
src: url(//www.maharpolaris.com/assets/fonts/ProximaNovaThin.otf);
font-style: normal;
}
ul,
li {
list-style-type: none;
}
body {
line-height: 1.2;
margin: 0 auto;
background-color: var(--white);
font-family: "Proxima Nova", sans-serif;
font-weight: 500;
color: #000000;
max-width: 1920px;
letter-spacing: -0.5px;
}
img {
width: 100%;
max-width: 100%;
margin: 0 auto;
vertical-align: middle;
}
.container {
width: 85%;
margin: 0 auto;
}
a {
text-decoration: none;
color: var(--txt-menu-color);
cursor: pointer;
}
sup {
vertical-align: super;
}
.pc {
display: block;
}
.sp {
display: none;
}
.flex-wrap {
flex-wrap: wrap;
}
.home .header {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 5;
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
.home .header .container {
border-top: 1px solid var(--txt-color);
}
.header .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-top: 1px solid var(--txt-color2);
margin-top: 65px;
}
.top-bar {
position: absolute;
top: 17px;
right: 95px;
z-index: 99;
}
.time-display {
color: var(--txt-color2);
font-weight: bold;
padding: 5px 15px;
border-radius: 5px;
display: inline-block;
font-size: 24px;
}
.home .time-display {
color: var(--txt-color);
}
.header .header-logo {
width: 100px;
}
.header .header-logo a {
display: block;
}
.header .nav {
display: flex;
align-items: center;
justify-content: space-between;
width: 82%;
}
.header .nav .nav-list {
display: flex;
align-items: center;
}
.header .nav .nav-list li a {
font-size: 16px;
font-weight: 600;
position: relative;
text-align: center;
letter-spacing: -0.5px;
color: var(--txt-menu-color);
}
.home .header .nav .nav-list li a {
color: var(--txt-color);
}
.header .nav .nav-list li:last-child {
margin-right: 0;
}
.header .nav .nav-list li {
margin-right: 21px;
position: relative;
}
.header .nav .nav-list .submenu-item .submenu-list li {
margin-right: 0;
}
.header .nav .nav-list .sub-menu {
padding-right: 21px;
}
.header .nav .nav-list .sub-menu::after {
content: "";
position: absolute;
right: 0;
top: 50%;
background: url(//www.maharpolaris.com/wp-content/themes/maharpolaris/assets/img/ico_downarr.svg) no-repeat center/cover;
width: 12px;
height: 8px;
transform: translateY(-50%);
filter: brightness(0.1);
}
.home .header .nav .nav-list .sub-menu::after {
filter: brightness(0) invert(1);
}
.header .nav .nav-list .submenu-item .submenu-list a:after {
content: unset;
}
.header .nav .nav-list .submenu-item {
position: absolute;
top: 35px;
background-color: var(--txt-color);
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
width: 300px;
text-align: left;
border-radius: 8px;
padding: 20px 20px;
display: none;
z-index: 5;
}
.header .nav .nav-list .submenu-item .submenu-list li a {
color: var(--txt-menu-color);
display: block;
text-align: left;
padding-bottom: 20px;
}
.header .nav .nav-list .submenu-item .submenu-list li:last-child a {
padding-bottom: 0;
}
.header .nav .nav-list .submenu-item .submenu-list li a:hover {
color: var(--primary-color);
}
.btn {
background-color: var(--primary-color);
color: var(--txt-color);
font-size: 16px;
text-align: center;
padding: 16px 33px 16px 27px;
position: relative;
border-radius: 8px;
display: inline-block;
font-weight: 600;
}
.btn:hover {
background-color: var(--teal-dark);
}
.contact-us {
width: 165px;
}
.header .contact-us:after {
content: "";
position: absolute;
right: 20px;
top: 50%;
background: url(//www.maharpolaris.com/wp-content/themes/maharpolaris/assets/img/ico_contact.svg) no-repeat center/cover;
width: 16px;
height: 16px;
transform: translateY(-50%);
}
.language-switcher {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 10px;
}
.language-switcher li {
display: inline-block;
}
.language-switcher img {
width: 20px;
height: auto;
margin-right: 5px;
vertical-align: middle;
} .banner {
position: relative;
}
.banner::after {
width: 100%;
height: 100%;
content: "";
position: absolute;
background: linear-gradient(180deg, rgba(0, 0, 0, 1.7) 0%, rgba(0, 0, 0, 0) 100%);
top: 0;
left: 0;
z-index: 2;
}
.banner video {
height: 100vh;
object-fit: cover;
width: 100%;
}
.banner-content {
position: absolute;
padding: 0 109px;
color: var(--txt-color);
top: 50%;
transform: translateY(-50%);
z-index: 3;
}
.banner-content .banner-ttl {
font-size: 48px;
font-weight: 700;
letter-spacing: -1.3px;
line-height: 1.2;
}
.banner-content .banner-txt {
font-size: 18px;
font-weight: 400;
padding: 20px 0 41px;
display: block;
}
.common-ttl {
font-size: 48px;
font-weight: 800;
letter-spacing: -0.5px;
}
.org_banner {
width: 70%;
margin: 20px auto;
height: 100%;
} .about {
margin: 88px 0;
}
.about .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.about .left-content {
width: 43%;
}
.about .left-content .about-txt {
padding: 17px 0 22px;
font-weight: 600;
font-size: 16px;
letter-spacing: -0.5px;
line-height: 1.5;
}
.about .right-content {
width: 54%;
display: flex;
justify-content: space-between;
align-items: center;
}
.about .right-content img {
object-fit: cover;
}
.about .right-content .img01 {
width: 54%;
position: relative;
}
.about .right-content .board-list .board-detail-list {
position: absolute;
border: 8px solid var(--txt-color);
border-radius: 8px;
background-color: var(--txt-color);
}
.about .right-content .board-list .board-list1 {
left: -44px;
top: -44px;
width: 193px;
}
.about .right-content .board-list .board-list2 {
left: 55%;
transform: translateX(-50%);
bottom: -39px;
width: 217px;
}
.about .right-content .board-list .board-list3 {
right: -83px;
transform: translateY(-50%);
top: 45%;
width: 169px;
}
.about .right-content .board-list .board-detail-list .number {
font-size: 40px;
font-weight: 800;
letter-spacing: -0.5px;
}
.about .right-content .board-list .board-detail-list span {
display: block;
text-align: center;
}
.about .right-content .board-list .board-detail-list .info-ttl {
font-size: 18px;
font-weight: 600;
letter-spacing: -0.5px;
padding-top: 10px;
}
.about .right-content .board-list .board-detail-list {
padding: 6px 0 7px;
}
.about .right-content .img-list {
width: 42%;
}
.about .right-content .img-list .img02 {
margin-bottom: 20px;
} .services {
padding: 108px 0 95px;
}
.sub-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.sub-content span {
font-size: 18px;
width: 44%;
line-height: 1.45;
font-weight: 600;
letter-spacing: -0.52px;
}
.sub-content a {
font-weight: 600;
font-size: 18px;
color: var(--primary-color);
padding: 20px;
border-radius: 10px;
}
.sub-content a:hover {
background-color: var(--primary-light-color);
}
.services-list {
padding: 44px 0px;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.services-list li  {
width: 31.5%;
margin-right: 29px;
}
.services-list li:last-child {
margin-right: 0;
}
.services-list li a {
display: block;
}
.services-list li a .img-blk {
position: relative;
z-index: 0;
}
.services-list li a img {
height: 382px;
object-fit: cover;
border-radius: 8px;
}
.services-list li a .overlay {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
right: 0;
height: 50%;
bottom: 0%;
border-radius: 8px;
background: linear-gradient(180.21deg, rgba(22, 69, 100, 0) 40.27%, #164564 94.63%);
transition: height 0.4s ease, background 0.4s ease;
}
.img-blk:hover .overlay {
height: 100%;
background: linear-gradient(180.21deg, rgba(22, 69, 100, 0.1) 40.27%, #164564 94.63%);
}
.services-list li a .service-txt {
position: absolute;
bottom: 32px;
padding: 0 31px;
color: var(--txt-color);
}
.services-list li a .service-ttl {
font-size: 22px;
font-weight: 800;
letter-spacing: -0.5px;
line-height: 1.45;
}
.services-list li a .service-txt-blk {
font-size: 16px;
font-weight: 400;
padding-top: 0;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.4s ease, opacity 0.4s ease;
}
.services-list li a:hover .service-txt-blk {
max-height: 100px;
opacity: 1;
padding-top: 20px;
} .choose .container {
display: flex;
justify-content: space-between;
}
.choose .left-content {
width: 47%;
padding: 0 25px;
}
.choose .left-content .sub-content span {
width: 100%;
padding-top: 20px;
display: block;
}
.choose .right-content {
width: 52%;
display: flex;
}
.choose .right-content .choose-number {
font-size: 32px;
font-weight: 800;
}
.choose .right-content .choose-list li {
display: flex;
justify-content: space-between;
margin-bottom: 11px;
}
.choose .choose-content {
padding: 0 21px;
}
.choose .choose-content h3 {
font-size: 24px;
font-weight: 800;
letter-spacing: -0.5px;
}
.choose .choose-content p {
font-size: 16px;
font-weight: 400;
line-height: 1.4;
padding: 20px 0;
letter-spacing: -0.1px;
} .paratener {
background-color: var(--primary-light-color);
padding: 81px 0 41px;
margin: 67px 0 94px;
}
.paratener .common-ttl {
text-align: center;
font-size: 40px;
letter-spacing: -0.5px;
}
.paratener .paratener-list {
padding: 43px 0;
}
.paratener .paratener-list li {
width: 24%;
margin-right: 20px;
}
.paratener .paratener-list li:last-child {
margin-right: 0;
}
.paratener .paratener-list li img {
object-fit: cover;
height: auto;
}
.slider-content {
padding: 60px 15px;
}
.slider-list {
display: flex;
justify-content: space-between;
}
.slider-list .left-content {
width: 48%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0 20px 40px 20px;
height: 500px; }
.slider-list .left-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #F5F5F5;
border-radius: 5px;
}
.slider-list .left-content::-webkit-scrollbar {
width: 3px;
background-color: #F5F5F5;
border-radius: 5px;
}
.slider-list .left-content::-webkit-scrollbar-thumb {
background-color: var(--primary-color);
border: 2px solid var(--primary-color);
border-radius: 5px;
}
.slider-list .person-info {
border-top: 1px solid var(--border-color);
font-weight: 600;
font-size: 14px;
padding-top: 20px;
}
.slider-list .person-info .person-name {
font-size: 16px;
padding-bottom: 5px;
display: inline-block;
}
.slider-list .left-content h6 {
font-size: 30px;
font-weight: 600;
}
.slider-list .left-content .txt-blk {
font-size: 20px;
font-weight: 400;
padding: 15px 0 20px;
line-height: 1.25;
text-align: left;
}
.slider-list .img-content {
width: 48%;
}
.slider-list .img-content {
object-fit: cover;
}
.slide-counter {
text-align: center;
padding: 50px 0 0;
font-size: 20px;
}
.slick-prev,
.slick-next {
position: absolute;
bottom: -72px;
border: none;
font-size: 0;
width: 24px;
height: 24px;
cursor: pointer;
}
.slick-slide img {
width: 570px;
height: 571px;
object-fit: cover;
border-radius: 8px;
}
.news .slick-prev {
left: 46%;
transform: rotate(180deg);
background: url(//www.maharpolaris.com/wp-content/themes/maharpolaris/assets/img/ico_slider_arr.svg) no-repeat center/cover;
}
.news .slick-next {
right: 46%;
background: url(//www.maharpolaris.com/wp-content/themes/maharpolaris/assets/img/ico_slider_arr.svg) no-repeat center/cover;
} .sub-page.banner-bottom {
padding-bottom: 90px;
}
.sub-page.banner-bottom .sub-page-banner .sub-common-ttl {
font-size: 32px;
margin: 0 0 20px 0;
}
.sub-page.banner-bottom .sub-page-banner span {
font-size: 14px;
font-weight: 400;
}
.sub-page.banner-bottom .sub-page-banner .work-us {
margin-top: 20px;
background-color: var(--primary-light-color);
color: var(--primary-color);
}
.sub-page.banner-bottom .sub-page-banner .work-us:hover {
background-color: var(--txt-color);
}
.sub-page.banner-bottom .banner-content {
top: 58%;
width: 50%;
padding: 0 0 0 50px;
}
.sub-page.banner-bottom .sub-page-banner .banner-image-blk::before {
background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 60.5%);
height: 77%;
top: 23%;
} .footer {
background-color: var(--primary-footer-color);
color: var(--txt-color3);
padding: 88px 0;
}
.footer .ft-upper-content {
display: flex;
border-bottom: 1px solid var(--txt-color4);
padding-bottom: 10px;
}
.footer .ft-social-content {
width: 25.5%;
}
.footer .ft-social-content h5 {
font-size: 20px;
margin-top: 20px;
margin-left: 6px;
font-weight: 700;
}
.footer .ft-social-content a {
display: block;
max-width: 160px;
}
.footer .ft-social-content .ft-social-list {
display: flex;
padding: 10px 0;
}
.footer .ft-social-content .ft-social-list li {
margin-right: 11px;
}
.footer .ft-social-content .ft-social-list a {
display: block;
}
.footer .ft-ttl {
font-size: 20px;
font-weight: 700;
padding-bottom: 22px;
}
.footer .ft-services-blk,
.ft-discover-blk {
width: 25.5%;
padding-top: 20px;
}
.footer .ft-contact-blk {
padding-top: 20px;
}
.footer .ft-list a {
color: var(--txt-color3);
font-size: 16px;
display: block;
font-weight: 600;
padding-bottom: 10px;
}
.footer .contact-list {
padding: 3px;
}
.footer .contact-list li a,
.footer .contact-list li span {
display: block;
font-weight: 600;
}
.footer .contact-list li span {
font-size: 16px;
}
.footer .contact-list li a {
font-size: 16px;
color: var(--txt-color3);
line-height: 1.35;
}
.footer .contact-list li {
padding-bottom: 20px;
}
.footer .copyright-content { font-size: 12px;
font-weight: 400;
letter-spacing: 0.5px;
}
.footer .copyright-content .sc:hover {
color: var(--primary-color);
}
.footer .btm-footer {
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
padding-top: 36px;
}
.footer .cv-form-link {
background-color: var(--primary-color);
color: var(--txt-color);
border-radius: 8px;
padding: 16px 33px 16px 27px;
} .pagination-container {
display: flex;
justify-content: center;
align-items: center;
padding: 24px 0;
}
.pagination-container .pagination-item .page-numbers {
margin: 0 5px;
border: 1px solid var(--stroke-soft-200);
background-color: var(--txt-color);
color: var(--txt-color2);
transition: all 0.2s;
border-radius: 10px;
padding: 8px 10px;
}
.pagination-container .pagination-item .page-numbers.current {
background-color: var(--bg-weak-100);
color: var(--text-main-900);
}
.pagination-container .prev.page-numbers,
.pagination-container .next.page-numbers {
padding: 9.3px 0;
text-align: center;
border: none;
background-color: unset;
}
.pagination-container .prev.page-numbers {
margin-right: 10px;
}
.pagination-container .next.page-numbers {
margin-left: 10px;
} @media only screen and (min-width:768px) and (max-width:1280px) {
.container {
width: 95%;
}
.header .container {
padding: 0.781vw 0;
}
.top-bar {
top: 1.328vw;
right: 7.422vw;
}
.time-display {
padding: 0.391vw 1.172vw;
border-radius: 0.391vw;
font-size: 1.875vw;
}
.header .header-logo {
width: 7.813vw;
}
.header .nav .nav-list li a {
font-size: 1.25vw;
letter-spacing: -0.039vw;
}
.header .nav .nav-list li {
margin-right: 1.9vw; }
.header .nav .nav-list .submenu-item .submenu-list li {
margin-right: 0;
}
.header .nav .nav-list .sub-menu {
padding-right: 1.641vw;
}
.header .nav .nav-list .sub-menu::after {
width: 0.938vw;
height: 0.625vw;
}
.header .nav .nav-list .submenu-item {
top: 2.734vw;
width: 23.438vw;
border-radius: 0.625vw;
padding: 1.563vw 1.563vw;
}
.header .nav .nav-list .submenu-item .submenu-list li a {
padding-bottom: 1.563vw;
}
.btn {
font-size: 1.25vw;
padding: 1.25vw 2.578vw 1.25vw 2.109vw;
border-radius: 0.625vw;
}
.contact-us {
width: 13.828vw;
}
.header .contact-us:after {
right: 1.563vw;
width: 1.25vw;
height: 1.25vw;
}
.banner-content {
padding: 0 3.516vw;
}
.banner-content .banner-ttl {
font-size: 3.75vw;
letter-spacing: -0.102vw;
}
.banner-content .banner-txt {
font-size: 1.406vw;
padding: 1.563vw 0 3.203vw;
}
.common-ttl {
font-size: 3.75vw;
letter-spacing: -0.191vw;
} .about {
margin: 6.875vw 0;
}
.about .left-content {
width: 43%;
}
.about .left-content .about-txt {
padding: 1.328vw 0 1.719vw;
font-size: 1.25vw;
letter-spacing: -0.051vw;
}
.about .right-content .board-list .board-detail-list {
position: absolute;
border: 0.625vw solid var(--txt-color);
border-radius: 0.625vw;
}
.about .right-content .board-list .board-list1 {
left: -3.438vw;
top: -3.438vw;
width: 15.078vw;
}
.about .right-content .board-list .board-list2 {
bottom: -3.047vw;
width: 16.953vw;
}
.about .right-content .board-list .board-list3 {
right: -6.484vw;
width: 13.203vw;
}
.about .right-content .board-list .board-detail-list .number {
font-size: 3.125vw;
letter-spacing: -0.156vw;
}
.about .right-content .board-list .board-detail-list .info-ttl {
font-size: 1.406vw;
font-weight: 600;
letter-spacing: 0vw;
padding-top: 0.781vw;
}
.about .right-content .board-list .board-detail-list {
padding: 0.469vw 0 0.547vw;
}
.about .right-content .img-list {
width: 42%;
}
.about .right-content .img-list .img02 {
margin-bottom: 1.563vw;
} .services {
padding: 6.875vw 0;
}
.sub-content a {
font-size: 1.406vw;
}
.sub-content span {
font-size: 1.406vw;
letter-spacing: -0.063vw;
}
.services-list {
padding: 2.578vw 0vw;
margin-bottom: 1.563vw;
}
.services-list li {
margin-right: 1.484vw;
}
.services-list li a img {
height: 29.844vw;
border-radius: 0.625vw;
}
.services-list li a .overlay {
border-radius: 0.625vw;
}
.services-list li a .service-txt {
bottom: 2.5vw;
padding: 0 2.422vw;
}
.services-list li a .service-ttl {
font-size: 1.719vw;
letter-spacing: -0.078vw;
}
.services-list li a .service-txt-blk {
font-size: 1.25vw;
}
.services-list li a:hover .service-txt-blk {
max-height: 7.813vw;
padding-top: 1.563vw;
} .choose .left-content {
padding: 0 1.953vw;
}
.choose .left-content .sub-content span {
padding-top: 1.563vw;
}
.choose .right-content .choose-number {
font-size: 2.5vw;
}
.choose .right-content .choose-list li {
margin-bottom: 0.859vw;
}
.choose .choose-content {
padding: 0 1.641vw;
}
.choose .choose-content h3 {
font-size: 1.875vw;
letter-spacing: -0.117vw;
}
.choose .choose-content p {
font-size: 1.25vw;
padding: 1.719vw 0;
} .paratener {
padding: 5.391vw 0;
margin: 5.234vw 0;
}
.paratener .common-ttl {
text-align: center;
font-size: 3.125vw;
letter-spacing: -0.039vw;
}
.paratener .paratener-list {
padding: 2.188vw 0;
}
.slider-content {
padding: 3.516vw 1.172vw;
}
.slider-list .left-content {
padding: 0 1.563vw 3.125vw 1.563vw;
height: 39.063vw;
}
.slider-list .person-info {
font-size: 1.094vw;
padding-top: 2.5vw;
}
.slider-list .person-info .person-name {
font-size: 1.25vw;
padding-bottom: 0.391vw;
}
.slider-list .left-content h6 {
font-size: 2.344vw;
}
.slider-list .left-content .txt-blk {
font-size: 2.031vw;
padding: 2.344vw 0 1.563vw;
}
.slide-counter {
padding: 1.563vw;
font-size: 1.563vw;
}
.slick-slide img {
height: 47.266vw;
border-radius: 0.625vw;
}
.news .slick-prev,
.news .slick-next {
bottom: -7.8%;
width: 1.875vw;
height: 1.875vw;
} .sub-page.banner-bottom {
padding-bottom: 7.031vw;
}
.sub-page.banner-bottom .sub-page-banner .sub-common-ttl {
font-size: 2.5vw;
margin: 0 0 1.563vw 0;
}
.sub-page.banner-bottom .sub-page-banner span {
font-size: 1.094vw;
}
.sub-page.banner-bottom .sub-page-banner .work-us {
margin-top: 1.563vw;
}
.sub-page.banner-bottom .banner-content {
padding: 0 0 0 3.906vw;
} .footer {
padding: 6.875vw 0;
}
.footer .ft-upper-content {
border-bottom: 0.078vw solid var(--txt-color);
padding-bottom: 0.781vw;
}
.footer .ft-social-content {
width: 25.5%;
}
.footer .ft-social-content a {
max-width: 12.5vw;
}
.footer .ft-social-content .ft-social-list {
padding: 0.625vw 0;
}
.footer .ft-social-content .ft-social-list li {
margin-right: 0.859vw;
}
.footer .ft-ttl {
font-size: 1.563vw;
padding-bottom: 1.719vw;
}
.footer .ft-services-blk,
.ft-discover-blk {
width: 25.5%;
padding-top: 1.563vw;
}
.footer .ft-contact-blk {
padding-top: 1.563vw;
}
.footer .ft-list a {
font-size: 0.938vw;
padding-bottom: 0.781vw;
}
.footer .contact-list {
padding: 0.234vw;
}
.footer .contact-list li span {
font-size: 0.938vw;
}
.footer .contact-list li a {
font-size: 1.406vw;
}
.footer .contact-list li {
padding-bottom: 1.563vw;
}
.footer .copyright-content { font-size: 0.938vw;
letter-spacing: 0.039vw;
}
.footer .btm-footer {
padding-top: 2.813vw;
}
.footer .cv-form-link {
font-size: 1.25vw;
padding: 1.25vw 2.578vw 1.25vw 2.109vw;
border-radius: 0.625vw;
} .pagination-container {
padding: 1.875vw 0;
}
.pagination-container .pagination-item .page-numbers {
margin: 0 0.391vw;
border-radius: 0.781vw;
padding: 0.625vw 0.781vw;
}
.pagination-container .prev.page-numbers,
.pagination-container .next.page-numbers {
padding: 0.727vw 0;
}
.pagination-container .prev.page-numbers {
margin-right: 0.781vw;
}
.pagination-container .next.page-numbers {
margin-left: 0.781vw;
}
} @media all and (max-width:767.9px) {
.pc {
display: none;
}
.block {
display: none;
}
.container {
width: 90%;
}
.header .container {
display: block;
padding: 3.2vw 0;
}
.top-bar {
top: 4.533vw;
right: 1.333vw;
}
.time-display {
padding: 1.333vw 4vw;
border-radius: 1.333vw;
font-size: 5.333vw;
}
.header .burger-menu {
display: block;
height: 6.933vw;
width: 7.2vw;
position: absolute;
top: 26.667vw;
right: 5.333vw;
z-index: 30;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.header .burger-menu .line {
display: block;
height: 1.067vw;
width: 100%;
background: var(--txt-color2);
}
.home .header .burger-menu .line {
background: var(--txt-color);
}
.header .burger-menu.change .line {
background-color: var(--text-main-900);
}
.header .burger-menu.change .line1 {
transform-origin: -10% 0%;
transition: transform 0.4s ease-in-out;
transform: rotate(45deg);
}
.header .burger-menu.change .line2 {
transition: transform 0.2s ease-in-out;
transform: scaleY(0);
}
.header .burger-menu.change .line3 {
transform: rotate(-45deg);
transform-origin: -10% 100%;
transition: transform 0.4s ease-in-out;
}
.header .nav {
width: 100%;
display: none;
position: absolute;
top: 0;
background: #fff;
left: 0;
height: 100vh;
z-index: 11;
overflow-y: auto;
}
.header .nav .nav-list {
display: block;
padding: 26.667vw 10.667vw 5.333vw 10.667vw;
}
.home .header .nav .nav-list li a {
color: var(--txt-menu-color);
}
.header .nav .nav-list li a {
font-size: 4.267vw;
letter-spacing: -0.133vw;
color: var(--txt-menu-color);
}
.header .nav .nav-list li:last-child {
margin-right: 0;
}
.header .nav .nav-list li {
margin-right: 0;
margin-bottom: 10.667vw;
}
.header .nav .nav-list .submenu-item .submenu-list li {
margin-bottom: 0;
}
.header .nav .nav-list .sub-menu {
padding-right: 5.6vw;
}
.header .nav .nav-list .sub-menu::after {
width: 3.2vw;
height: 2.133vw;
}
.home .header .nav .nav-list .sub-menu::after {
filter: invert(1);
}
.home .header .nav .nav-list li.active .sub-menu::after {
transform: rotate(180deg);
top: 30%;
}
.header .nav .nav-list .submenu-item {
width: 100%;
padding: 5.333vw 5.333vw;
display: none;
position: unset;
box-shadow: unset;
}
.header .nav .nav-list .submenu-item .submenu-list li a {
padding-bottom: 5.333vw;
}
.header-btn {
margin-left: 10.667vw;
}
.btn {
font-size: 4.267vw;
padding: 4.267vw 6.667vw 4.267vw 6.667vw;
position: relative;
border-radius: 2.133vw;
display: inline-block;
width: auto;
}
.contact-us {
width: 50%;
margin: 0 10.667vw 10vw;
padding: 4.267vw 13.067vw 4.267vw 6.667vw;
}
.header .contact-us:after {
right: 5.333vw;
width: 4.267vw;
height: 4.267vw;
}
.banner-content {
padding: 0 8vw;
top: unset;
transform: translateY(0px);
bottom: 10.667vw;
}
.banner-content .banner-ttl {
font-size: 6.4vw;
letter-spacing: -0.347vw;
}
.banner-content .banner-txt {
font-size: 3.733vw;
padding: 4.933vw 0 4.933vw;
}
.org_banner {
width: 100%;
margin: 0 auto;
height: 100%;
}
.common-ttl {
font-size: 6.4vw;
letter-spacing: -0.191vw;
} .about {
margin: 11.733vw 0;
}
.about .container {
display: block;
}
.about .left-content {
width: 100%;
padding: 6.667vw 0;
}
.about .left-content .about-txt {
padding: 5.133vw 0 5.867vw;
font-size: 3.733vw;
letter-spacing: -0.173vw;
}
.about .right-content {
width: 100%;
margin-top: 10.667vw;
}
.about .right-content .board-list .board-detail-list {
border: 2.133vw solid var(--txt-color);
border-radius: 2.133vw;
}
.about .right-content .board-list .board-list1 {
left: -5.333vw;
top: -11.733vw;
width: 51.467vw;
}
.about .right-content .board-list .board-list2 {
bottom: -10.4vw;
width: 57.867vw;
}
.about .right-content .board-list .board-list3 {
right: -22.133vw;
width: 45.067vw;
}
.about .right-content .board-list .board-detail-list .number {
font-size: 6.4vw;
letter-spacing: -0.533vw;
}
.about .right-content .board-list .board-detail-list .info-ttl {
font-size: 3.733vw;
font-weight: 600;
letter-spacing: -0.191vw;
padding-top: 2.667vw;
}
.about .right-content .board-list .board-detail-list {
padding: 1.6vw 0 1.867vw;
}
.about .right-content .img-list .img02 {
margin-bottom: 5.333vw;
} .services {
padding: 11.733vw 0 0;
}
.sub-content {
flex-wrap: wrap;
}
.sub-content a {
font-size: 3.733vw;
}
.sub-content span {
font-size: 3.733vw;
width: 100%;
letter-spacing: -0.213vw;
padding-top: 4vw;
}
.services-list {
padding: 8.8vw 0vw;
margin-bottom: 5.333vw;
}
.services-list li {
width: 100%;
margin-bottom: 5.333vw;
margin-right: 0;
}
.services-list li a img {
height: 66.667vw;
border-radius: 2.133vw;
}
.services-list li a .overlay {
width: 100%;
height: 100%;
border-radius: 2.133vw;
}
.services-list li a .service-txt {
bottom: 8.533vw;
padding: 0 8.267vw;
}
.services-list li a .service-ttl {
font-size: 4.8vw;
letter-spacing: -0.191vw;
line-height: 1.45;
}
.services-list li a .service-txt-blk {
font-size: 3.733vw;
padding-top: 5.333vw;
opacity: 1;
max-height: unset;
}
.services-list li a:hover .service-txt-blk {
max-height: unset;
opacity: 1;
padding-top: unset;
}
.choose .container {
flex-wrap: wrap;
}
.choose .left-content {
width: 100%;
padding: 0;
margin-bottom: 5.333vw;
}
.choose .left-content .sub-content span {
width: 100%;
padding-top: 4vw;
}
.choose .right-content {
width: 100%;
display: flex;
}
.choose .right-content .choose-number {
font-size: 5.333vw;
font-weight: 800;
}
.choose .right-content .choose-list li {
margin-bottom: 2.933vw;
}
.choose .choose-content {
padding: 0 2.667vw;
}
.choose .choose-content h3 {
font-size: 4.8vw;
letter-spacing: -0.267vw;
}
.choose .choose-content p {
font-size: 3.733vw;
padding: 3.2vw 0;
}
.paratener {
padding: 10.4vw 0;
margin: 9.867vw 0;
}
.paratener .common-ttl {
font-size: 5.333vw;
letter-spacing: -0.133vw;
}
.paratener .paratener-list {
padding: 7.467vw 0;
}
.paratener .paratener-list li {
width: 24%;
}
.slider-content {
padding: 12vw 4vw 0;
}
.slider-list {
flex-direction: column-reverse;
}
.slider-list .left-content {
width: 100%;
padding: 10.667vw 2.667vw 10.667vw 2.667vw;
height: 120vw;
}
.slider-list .person-info {
border-top: 0.267vw solid var(--border-color);
font-weight: 600;
font-size: 3.733vw;
padding-top: 8.533vw;
}
.slider-list .person-info .person-name {
font-size: 3.733vw;
padding-bottom: 1.333vw;
}
.slider-list .left-content h6 {
font-size: 5.333vw;
}
.slider-list .left-content .txt-blk {
font-size: 4.267vw;
padding: 8vw 0 5.333vw;
line-height: 1.25;
overflow: auto;
}
.slider-list .img-content {
width: 100%;
}
.slide-counter {
padding: 5.333vw;
font-size: 4.267vw;
}
.news .slick-prev,
.news .slick-next {
bottom: -9.333vw;
width: 3.4vw;
height: 3.4vw;
}
.slick-slide img {
height: 82.133vw;
border-radius: 2.133vw;
}
.news .slick-prev {
left: 40%;
}
.news .slick-next {
right: 40%;
} .sub-page.banner-bottom {
padding-bottom: 10.667vw;
}
.sub-page.banner-bottom .sub-page-banner .sub-common-ttl {
font-size: 3.733vw;
margin: 0 0 2.667vw 0;
}
.sub-page.banner-bottom .sub-page-banner span {
font-size: 2.667vw;
}
.sub-page.banner-bottom .sub-page-banner .work-us {
margin-top: 2.667vw;
font-size: 12.251px;
padding: 12.251px 21.251px 12.251px 21.251px;
}
.sub-page.banner-bottom .banner-content {
top: 48%;
width: 76%;
padding: 0 0 0 5.867vw;
}
.sub-page.banner-bottom .sub-page-banner .banner-image {
min-height: 60.333vw;
} .footer {
padding: 23.467vw 0;
}
.footer .ft-upper-content {
padding-bottom: 2.667vw;
display: block;
margin: 0 auto;
}
.footer .ft-social-content {
width: 100%;
}
.footer .ft-social-content a {
max-width: 30.667vw;
}
.footer .ft-social-content .ft-social-list {
padding: 1.467vw 0;
}
.footer .ft-social-content .ft-social-list li {
margin-right: 0.933vw;
}
.footer .ft-ttl {
font-size: 4.8vw;
font-weight: 700;
padding-bottom: 5.867vw;
}
.footer .ft-services-blk,
.ft-discover-blk {
width: 100%;
padding-top: 5.333vw;
}
.footer .ft-contact-blk {
padding-top: 5.333vw;
}
.footer .ft-list a {
font-size: 3.2vw;
padding-bottom: 2.667vw;
}
.footer .ft-contact-blk {
width: 100%;
}
.footer .contact-list {
padding: 0.8vw;
}
.footer .contact-list li span {
font-size: 3.2vw;
}
.footer .contact-list li a {
font-size: 3.733vw;
line-height: 1.35;
}
.footer .contact-list li {
padding-bottom: 5.333vw;
}
.footer .btm-footer {
display: block;
}
.footer .copyright-content {
padding: 9.6vw 0;
font-size: 3.2vw;
font-weight: 400;
letter-spacing: 0.133vw;
} .pagination-container {
padding: 3.2vw 0;
}
.pagination-container .pagination-item .page-numbers {
margin: 0 1.333vw;
border-radius: 1.333vw;
padding: 1.6vw 2.133vw;
}
.pagination-container .prev.page-numbers,
.pagination-container .next.page-numbers {
padding: 2.48vw 0;
}
.pagination-container .prev.page-numbers {
margin-right: 2.667vw;
}
.pagination-container .next.page-numbers {
margin-left: 2.667vw;
}
}