body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,table,caption,tr,th,td,dl,dt,dd,a,img,form,input,textarea,button,header,nav,article,section,footer,aside{font-weight:400;margin:0;padding:0}
header,footer,article,section,div{box-sizing:border-box}
table{border:0;border-collapse:collapse;border-spacing:0}
p,th,td,li{word-break:break-all}
legend{display:none}
li{list-style:none}
a,img{outline:0;border:0;text-decoration:none}
br{line-height:inherit}
span,strong,em,i,address{padding:0;font-size:inherit;line-height:inherit;font-style:inherit;color:inherit}
input{outline:0}
input[type=submit],input[type=reset],button{cursor:pointer}
strong{font-weight:inherit}
i,em,address{font-style:normal}
address{font-size:inherit}
label{color:inherit;font-size:inherit}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
input{line-height:normal}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
*,::before,::after{box-sizing:border-box}
html{font-size:.7142857143vw}
@media screen and (min-width: 1400px) {
html{font-size:62.5%}
}
body{color:#000;font-family:"Zen Kaku Gothic New",sans-serif;font-size:1.6rem;font-weight:700;line-height:1.6;-webkit-text-size-adjust:100%;-ms-overflow-style:none;scrollbar-width:none}
body::-webkit-scrollbar{display:none}
body[data-is-open=true]{height:100%;position:fixed;width:100%}
img{height:auto;max-width:100%;vertical-align:top;-webkit-user-drag:none}
a{text-decoration:none}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
main{display:block}
iframe{max-width:100%}
input[type=text],input[type=tel],input[type=email],select,textarea{border:1px solid #ccdae9;border-radius:3px;padding:7px 20px}
@media screen and (max-width: 1399px) {
input[type=text],input[type=tel],input[type=email],select,textarea{padding:5px 10px}
}
input::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}
input::placeholder,textarea::placeholder{color:#aaa}
@media all {
.container{overflow:clip}
}
@media all {
.header-logo{left:8rem;position:fixed;pointer-events:none;transition:all .2s ease-in-out;top:2rem;width:20rem;z-index:1100}
.header-logo a{pointer-events:all}
.header-logo[data-is-home=true]{top:4rem;width:32rem}
.header-logo[data-is-home=true][data-is-scroll=true]{top:2rem;width:20rem}
.header-logo[data-page=special],.header-logo[data-page=general],.header-logo[data-page=special-detail]{left:0;padding-left:2%;width:98%}
.header-logo[data-page=special] img,.header-logo[data-page=general] img,.header-logo[data-page=special-detail] img{width:20rem}
}
@media screen and (max-width: 800px) {
.header-logo{left:20px;top:10px;width:160px}
.header-logo[data-is-home=true]{top:10px;width:160px}
.header-logo[data-is-home=true][data-is-scroll=true]{top:10px;width:160px}
.header-logo[data-page=general],.header-logo[data-page=special],.header-logo[data-page=special-detail]{left:20px;top:10px;width:160px}
.header-logo[data-page=general] img,.header-logo[data-page=special] img,.header-logo[data-page=special-detail] img{width:100%}
}
@media screen and (min-width: 1651px) {
.header-logo[data-page=general],.header-logo[data-page=special],.header-logo[data-page=special-detail]{padding-left:8%;width:92%}
}
@media all {
.header{background-color:rgba(255,255,255,0);height:8.8rem;left:0;position:fixed;transition:all .2s ease-in-out;top:0;width:100%;z-index:1000}
.header[data-is-scroll=true]{background-color:#fff}
.header__block{display:flex;position:absolute;right:8.8rem;top:0}
.header__wrap{position:relative}
.header__search{left:-50.7rem;position:absolute}
.header__boxes{display:flex}
.header__button{background-color:#f9faff;color:#3e3a39;cursor:pointer;display:flex;flex-direction:column;height:8.8rem;justify-content:center;text-align:center;transition:all .2s ease-in-out;width:8.8rem}
.header__button img{transition:all .2s ease-in-out}
.header__button:hover{color:#fff;background-color:#000}
.header__button:hover img{filter:brightness(0) invert(1)}
.header__icon{display:flex}
.header__icon--01{margin:0 auto .8rem;width:2.6rem}
.header__icon--02{margin:0 auto .8rem;width:2.8rem}
.header__icon--03{margin:0 auto .6rem;width:2.4rem}
.header__text{font-size:1.2rem;line-height:1.4;font-weight:700}
}
@media screen and (max-width: 800px) {
.header{height:55px}
.header__block{right:0;top:55px;z-index:1200}
.header__search{left:initial;right:0}
.header__boxes{flex-direction:column}
.header__button{height:55px;width:55px}
.header__icon{line-height:1;margin:0 auto}
.header__icon--01{margin-bottom:5px;width:17px}
.header__icon--02{margin-bottom:5px;width:18px}
.header__icon--02 img{vertical-align:middle}
.header__icon--03{margin-bottom:5px;width:14px}
.header__text{font-size:9px}
}
@media all {
.header-search{display:none}
.header-search__block{background-color:#fff;display:flex}
.header-search__boxes{border:2px solid #000;display:flex}
.header-search__box{width:43rem}
.header-search__box input{border:none;font-size:1.8rem;font-weight:700;height:100%;width:100%}
.header-search__button{height:8.4rem;width:8.1rem;position:relative}
.header-search__button::before{background-color:#000;bottom:0;content:"";display:block;height:5.5rem;margin:auto 0;position:absolute;top:0;width:.2rem;z-index:100}
.header-search__button input{background-color:#fff;border:none;height:100%;width:100%;background-image:url(/hdu/shared/img/common/icon_search.svg);background-size:2.5rem 2.6rem;background-repeat:no-repeat;background-position:center;position:absolute}
.header-search__close{align-items:center;background-color:#16160e;border-top:.2rem solid #16160e;border-right:.2rem solid #16160e;border-bottom:.2rem solid #16160e;cursor:pointer;display:flex;height:8.8rem;justify-content:center;width:8rem;z-index:100}
.header-search__close:hover{background-color:#fff}
.header-search__close:hover span{background-color:#16160e}
.header-search__close-bar{height:2.5rem;position:relative;width:2.5rem}
.header-search__close-bar span{background-color:#fff;border-radius:2px;height:.2rem;left:0;position:absolute;width:100%}
.header-search__close-bar span:nth-child(1){transform:rotate(-45deg);top:46%}
.header-search__close-bar span:nth-child(2){transform:rotate(45deg);bottom:46%}
}
@media screen and (max-width: 800px) {
.header-search__box{width:200px}
.header-search__box input{font-size:16px}
.header-search__button::before{height:30px}
.header-search__button input{background-size:12px 13px}
.header-search__button{height:51px;width:55px}
.header-search__close{height:55px;width:55px}
.header-search__close-bar{height:10px;width:18px}
.header-search__close-bar span{height:2px}
}
@media all {
.hamburger{background-color:#ebd842;cursor:pointer;display:flex;flex-direction:column;height:8.8rem;justify-content:center;position:fixed;right:0;top:0;transition:all .2s ease-in-out;width:8.8rem;z-index:1100}
.hamburger:hover{background:#16160e;color:#fff}
.hamburger:hover span{background-color:#fff}
.hamburger[data-is-open=true]{background:#16160e;color:#fff;box-shadow:0 8px 32px rgba(0,0,0,.24)}
.hamburger[data-is-open=true] span{background-color:#fff}
.hamburger__text{line-height:1;margin-bottom:.8rem;text-align:center}
.hamburger__text::before{font-family:"Oswald",sans-serif;font-size:1.2rem;font-weight:700;letter-spacing:.15em}
.hamburger__text[data-is-open=false]::before{content:"MENU"}
.hamburger__text[data-is-open=true]::before{content:"CLOSE"}
.hamburger__box{height:2rem;margin:0 auto;position:relative;width:3.6rem}
.hamburger__box span{background-color:#000;border-radius:2px;height:.4rem;left:0;position:absolute;transition:all .2s ease-in-out;width:100%}
.hamburger__box span:nth-child(1){top:0}
.hamburger__box span:nth-child(2){bottom:0}
.hamburger__box[data-is-open=true] span:nth-child(1){transform:rotate(-45deg);top:46%}
.hamburger__box[data-is-open=true] span:nth-child(2){transform:rotate(45deg);bottom:46%}
}
@media screen and (max-width: 800px) {
.hamburger{height:55px;width:55px}
.hamburger__text{margin-bottom:4px}
.hamburger__text::before{font-size:9px}
.hamburger__box{height:10px;width:18px}
.hamburger__box span{height:2px}
.hamburger__box[data-is-open=true] span:nth-child(2){bottom:43%}
}
@media all {
.drawer{align-items:center;background:#fff;height:100%;position:fixed;transition:all .2s ease-in-out;right:-64rem;top:0;width:64rem;z-index:1000}
.drawer[data-is-open=true]{box-shadow:0 8px 32px rgba(0,0,0,.24);right:0}
.drawer__block{height:100%;overflow-y:scroll;overscroll-behavior:contain;padding:6.5rem 3rem 16.5rem 13.9rem;-ms-overflow-style:none;scrollbar-width:none}
.drawer__block::-webkit-scrollbar{display:none}
.drawer__box{margin-bottom:4rem}
.drawer__list:not(:last-child){margin-bottom:2rem}
.drawer__button{color:#000;font-size:2rem;font-weight:700}
.drawer__button:hover{opacity:.7}
.drawer__special{margin-bottom:5rem}
.drawer__navies{display:grid;grid-template-columns:1fr 1fr;margin-bottom:3rem;max-width:21rem}
.drawer__navi{margin-bottom:15px}
.drawer__navi:nth-last-child(-n+2){margin-bottom:0}
.drawer__navi-button{color:#000;font-size:14px;font-weight:900}
.drawer__navi-button:hover{opacity:.7}
.drawer__open-campus-button{color:#000;font-weight:900;font-size:24px}
.drawer__open-campus-button:hover{opacity:.7}
}
@media screen and (max-width: 800px) {
.drawer{right:-100%;width:100%}
.drawer__button{font-size:14px}
.drawer__block{padding:90px 13px}
.drawer__box{margin-bottom:20px}
.drawer__list:not(:last-child){margin-bottom:10px}
.drawer__special{margin-bottom:13px}
.drawer__navies{margin-bottom:20px;max-width:240px}
.drawer__navi{margin-bottom:15px;line-height:1}
.drawer__navi-button{font-size:12px}
.drawer__open-campus{margin-bottom:25px}
.drawer__open-campus-button{font-size:14px}
}
@media all {
.drawer-special__box:hover{opacity:.7}
.drawer-special__en{color:#1e50a2;font-size:1.6rem;font-family:"Oswald",sans-serif;font-weight:700;line-height:1;margin-bottom:1rem}
.drawer-special__copy{color:#1e50a2;font-size:2.4rem;font-weight:700;letter-spacing:0;margin-left:-1.5rem}
}
@media screen and (max-width: 800px) {
.drawer-special__en{font-size:12px;margin-bottom:0}
.drawer-special__copy{font-size:16px;margin-left:-8px}
}
@media all {
.drawer-sns{right:3rem;position:absolute;top:12.5rem}
.drawer-sns__box{align-items:center;display:flex;flex-direction:column}
.drawer-sns__list:not(:last-child){margin-bottom:1.6rem}
.drawer-sns__button:hover{opacity:.7}
}
@media screen and (max-width: 800px) {
.drawer-sns{position:static;right:0;top:0}
.drawer-sns__box{align-items:center;flex-direction:row}
.drawer-sns__list{line-height:1}
.drawer-sns__list:not(:last-child){margin-bottom:0;margin-right:15px}
}
@media all {
.footer-examinees{background-color:#fff;padding-top:6.5rem}
.footer-examinees__title{margin:0 auto 6rem;max-width:140rem;width:92%}
.footer-examinees__title-en{color:#007bbb;font-family:"Oswald",sans-serif;font-size:8.8rem;font-weight:700;line-height:1;letter-spacing:.04em;margin-bottom:1.8rem}
.footer-examinees__title-jp{font-size:2.4rem;font-weight:700}
.footer-examinees__block{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}
.footer-examinees__button{color:#fff;display:block;padding:5rem;min-height:64.8rem;overflow:hidden;position:relative}
.footer-examinees__button::before{background-size:cover;background-position:center center;background-repeat:no-repeat;content:"";height:100%;left:0;position:absolute;transition:all .2s ease-in-out;top:0;width:100%}
.footer-examinees__button::after{background-color:rgba(22,22,14,.32);content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.footer-examinees__button--01::before{background-image:url(/hdu/shared/img/common/bgimg_exam_site.png)}
.footer-examinees__button--02::before{background-image:url(/hdu/shared/img/common/bgimg_opencampus.png)}
.footer-examinees__button--03::before{background-image:url(/hdu/shared/img/common/bgimg_document_request.png)}
.footer-examinees__button--04::before{background-image:url(/hdu/shared/img/common/bgimg_campus_life.png)}
.footer-examinees__button:hover::before{transform:scale(1.05)}
.footer-examinees__button:hover .arrow-button__icon{left:3px}
.footer-examinees__name{border-top:2px solid #fff;border-bottom:2px solid #fff;font-weight:700;font-size:2rem;letter-spacing:.1em;padding:2.2rem 0;position:relative;text-align:center;z-index:100}
.footer-examinees__detail{bottom:4rem;position:absolute;right:2.4rem;z-index:100}
}
@media screen and (max-width: 800px) {
.footer-examinees{padding-top:28px}
.footer-examinees__title{margin:0 auto 20px;max-width:calc(100% - 30px)}
.footer-examinees__title-en{font-size:24px;margin-bottom:8px}
.footer-examinees__title-jp{font-size:14px}
.footer-examinees__block{grid-template-columns:1fr 1fr}
.footer-examinees__button{padding:22px 20px;min-height:240px;height:0}
.footer-examinees__button--01::before{background-image:url(/hdu/shared/img/common/bgimg_exam_site_i.png)}
.footer-examinees__button--02::before{background-image:url(/hdu/shared/img/common/bgimg_opencampus_i.png)}
.footer-examinees__button--03::before{background-image:url(/hdu/shared/img/common/bgimg_document_request_i.png)}
.footer-examinees__button--04::before{background-image:url(/hdu/shared/img/common/bgimg_campus_life_i.png)}
.footer-examinees__name{border-top:1px solid #fff;border-bottom:1px solid #fff;font-size:16px;padding:5px 0}
.footer-examinees__name--02{font-size:15px;letter-spacing:.01em}
.footer-examinees__detail{bottom:19px;right:12px}
}
@media screen and (min-width: 1400px) {
.footer-examinees__name{font-size:24px}
}
@media all {
.footer-colors{background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(/hdu/shared/img/common/bgimg_canvas.png);padding:12rem 0;position:relative;z-index:200}
.footer-colors__block{align-items:center;color:#000;display:flex;margin:0 auto;max-width:108rem;justify-content:space-between;width:138.8rem;transition:all .2s ease-in-out;padding:6.4rem 10.9rem;position:relative;z-index:100}
.footer-colors__block:hover{transform:scale(1.03)}
.footer-colors__block::before{background-color:rgba(255,255,255,.96);content:"";height:100%;left:0;position:absolute;transition:all .2s ease-in-out;top:0;width:100%;z-index:-1}
.footer-colors__boxes{width:43.8rem}
.footer-colors__title{font-family:"Oswald",sans-serif;font-size:4.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:.5rem}
.footer-colors__intro{font-size:clamp(12px,140vw,1.4rem);line-height:2.2857142857;margin-bottom:3.5rem}
.footer-colors__logo{width:40rem}
}
@media screen and (max-width: 800px) {
.footer-colors{padding:40px 0}
.footer-colors__block{display:block;padding:25px 32px;max-width:92%}
.footer-colors__boxes{margin-bottom:20px;width:100%}
.footer-colors__title{font-size:24px;margin-bottom:8px}
.footer-colors__intro{font-size:14px;line-height:2;margin-bottom:5px}
.footer-colors__logo{text-align:center;width:100%}
}
@-webkit-keyframes footerLoop {
from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}
@keyframes footerLoop {
from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}
@-webkit-keyframes footerLoop2 {
from{transform:translateX(0)}
to{transform:translateX(-200%)}
}
@keyframes footerLoop2 {
from{transform:translateX(0)}
to{transform:translateX(-200%)}
}
@media all {
.footer{background-color:#1e50a2;padding-top:11.6rem;overflow:hidden;position:relative;z-index:200}
.footer__block{margin-bottom:8rem}
.footer__boxes{max-width:140rem;margin:0 auto;display:flex;justify-content:space-between;position:relative;width:92%}
.footer__box{max-width:76rem}
.footer__info-wrap{position:relative;max-width:40rem}
.footer__info{transform:translateY(-10px)}
.footer__info__logo{margin-bottom:4.6rem;transform:translateX(-25px)}
.footer__info__address{font-size:clamp(14px,140vw,1.6rem);color:#fff;margin-bottom:5.5rem;line-height:1.9}
.footer__copy{position:absolute;display:inline-block;font-size:1.2rem;font-family:"Oswald",sans-serif;color:#fff;right:-5px;writing-mode:vertical-lr}
}
@media screen and (max-width: 800px) {
.footer{padding-top:38px}
.footer__block{margin-bottom:18px}
.footer__boxes{display:block;margin-bottom:25px;position:relative;width:calc(100% - 40px)}
.footer__box{max-width:initial;width:100%}
.footer__info-wrap{display:flex;justify-content:space-between;position:static}
.footer__info{margin-right:0}
.footer__info__logo{max-width:400px;width:53.3vw;margin-bottom:5px;transform:translateX(-12px)}
.footer__info__address{font-size:14px;margin-bottom:15px}
.footer__copy{bottom:0;font-size:8px;left:auto;text-align:right;right:-10px}
}
@-webkit-keyframes FooterLoop {
from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}
@keyframes FooterLoop {
from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}
@-webkit-keyframes FooterLoop2 {
from{transform:translateX(0)}
to{transform:translateX(-200%)}
}
@keyframes FooterLoop2 {
from{transform:translateX(0)}
to{transform:translateX(-200%)}
}
@media all {
.footer-loop{pointer-events:none}
.footer-loop__box{display:flex;margin-inline:calc(50% - 50vw);width:100vw;overflow:hidden}
.footer-loop__list{color:#1e50a2;flex-shrink:0;font-family:"Oswald",sans-serif;font-size:14rem;font-weight:700;display:inline-block;line-height:.9;padding-inline:2rem;white-space:nowrap;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff}
.footer-loop__list:nth-child(odd){animation:FooterLoop 260s -130s infinite linear reverse}
.footer-loop__list:nth-child(even){animation:FooterLoop2 260s infinite linear reverse}
}
@media screen and (max-width: 800px) {
.footer-loop__list{font-size:60px;-webkit-text-stroke-width:.75px}
}
@media all {
.link-list{display:flex;border-bottom:#fff 1px solid;padding-bottom:5.8rem;margin-bottom:4rem}
.link-list__wrap{display:flex}
.link-list__list:nth-child(2){margin:0 6.2rem}
.link-list__lists{line-height:1.2}
.link-list__lists:not(:last-child){margin-bottom:2rem}
.link-list__button{display:flex;align-items:center;color:#fff;font-size:clamp(12px,140vw,1.6rem);font-weight:700;position:relative}
.link-list__button--ex-border{padding-left:2rem}
.link-list__button--ex-border::before{background-color:#fff;content:"";height:.2rem;left:0;position:absolute;top:1rem;width:1.5rem}
.link-list__button:hover{opacity:.7}
.link-list__img{text-align:center;width:3rem}
.link-list__img img{vertical-align:middle}
.link-list__text{width:calc(100% - 3rem)}
}
@media screen and (max-width: 800px) {
.link-list{display:block;padding-bottom:26px;margin-bottom:20px}
.link-list__list{font-size:14px}
.link-list__list:nth-child(1){margin-right:30px}
.link-list__list:nth-child(2){margin:0}
.link-list__lists:not(:last-child){margin-bottom:15px}
.link-list__button{font-size:14px}
.link-list__button--ex-border{padding-left:15px}
.link-list__button--ex-border::before{height:1px;top:10px;width:6px}
}
@media all {
.sns-list-sp{display:flex;align-items:center;margin-top:31.9px}
.sns-list-sp__lists{margin-right:17.35px}
.sns-list-sp__button{color:#fff;display:flex}
.sns-list-sp__text{font-size:12px;padding-left:5px;line-height:1.1}
}
@media all {
.school-group{display:flex;flex-wrap:wrap;gap:1.7rem}
.school-group__button{border:1px solid #fff;background-color:#fff;color:#1e50a2;display:block;font-weight:700;font-size:clamp(12px,140vw,1.4rem);border-radius:8px;padding:.2rem 2rem;transition:all .2s ease-in-out}
.school-group__button:hover{background-color:#1e50a2;color:#fff}
}
@media screen and (max-width: 800px) {
.school-group{max-width:640px;width:100%;gap:12px;margin-bottom:34px}
.school-group__button{font-size:12px;padding:4px 15px}
}
@media all {
.search__box{position:absolute}
.search__box input{width:28rem;height:4.8rem;box-shadow:0 8px 32px rgba(0,0,0,.24)}
.search__button{width:4.8rem;height:4.8rem;position:relative;top:0;left:23.3rem}
.search__button input[type=submit]{border:none;background:url(/hdu/shared/img/common/icon_search.svg) 50% no-repeat;background-size:2.5rem;filter:invert(20%) sepia(24%) saturate(6110%) hue-rotate(208deg) brightness(101%) contrast(87%);height:100%;width:100%}
}
@media screen and (max-width: 800px) {
.search__box input{box-shadow:0 4px 32px rgba(0,0,0,.24);font-size:16px;height:28px;width:200px}
.search__button{width:24px;height:24px;top:2px;left:172px}
.search__button input[type=submit]{background-size:12px 12.5px}
}
@media all {
.page-title{font-family:"Oswald",sans-serif;font-size:48px;font-weight:700}
.page-title--green{color:#80ac09}
.page-title--pink{color:#de76c1}
.page-title--orange{color:#e66106}
.page-title--blue{color:#6a7add}
.page-title--bigger{font-family:"Oswald",sans-serif;font-size:80px;font-weight:700}
.page-title__sub{font-size:24px;font-weight:700}
}
@media screen and (max-width: 800px) {
.page-title{font-size:24px}
.page-title--bigger{font-size:40px}
.page-title__sub{font-size:12px}
}
@media all {
.svg svg{width:100%}
.svg--blue path{fill:#1e50a2}
.svg--white path{fill:#fff}
}
@media all {
.detail-button{display:inline-flex}
.detail-button--black{color:#000}
.detail-button__text{font-size:1.4rem;font-size:clamp(12px,140vw,1.4rem);font-weight:700;margin-right:1.3rem}
}
@media screen and (max-width: 800px) {
.detail-button__text{font-size:14px;margin-right:10px}
}
@media all {
.arrow-button{align-items:center;line-height:2.4rem;display:flex;position:relative;width:3.3rem}
.arrow-button::after{border-radius:50%;content:"";display:inline-block;height:2.4rem;position:absolute;right:0;width:2.4rem}
.arrow-button--white::after{background-color:rgba(255,255,255,.08);border:1px solid #fff}
.arrow-button--black::after{border:1px solid #000}
.arrow-button--green::after{border:1px solid #80ac09}
.arrow-button--pink::after{border:1px solid #de76c1}
.arrow-button--orange::after{border:1px solid #e66106}
.arrow-button--blue::after{border:1px solid #6a7add}
.arrow-button__icon{left:0;display:block;height:0;padding-top:1.2rem;position:absolute;transition:all .2s ease-in-out;width:2.5rem}
.arrow-button__icon svg{height:100%;left:0;position:absolute;top:0;width:100%}
.arrow-button__icon--white path{fill:#fff}
.arrow-button__icon--green path{fill:#80ac09}
.arrow-button__icon--pink path{fill:#de76c1}
.arrow-button__icon--orange path{fill:#e66106}
.arrow-button__icon--blue path{fill:#6a7add}
}
@media screen and (max-width: 800px) {
.arrow-button{width:25px}
.arrow-button::after{height:18px;width:18px}
.arrow-button__icon{width:18px}
.arrow-button__icon svg{bottom:0;height:auto;top:0;margin:auto 0;width:100%}
}
@media all {
.common-breadcrumb{width:92%;display:flex;font-size:clamp(12px,140vw,1.4rem);margin:0 auto;max-width:140rem;justify-content:flex-end;padding:2rem 0 7rem}
.common-breadcrumb__list{letter-spacing:.04em}
.common-breadcrumb__list:not(:last-child)::after{content:">";margin:0 5px}
.common-breadcrumb--special{justify-content:flex-start;max-width:100%;width:100%;transform:translateX(-4rem);padding:14rem 0 14.7rem 2rem}
}
@media screen and (max-width: 800px) {
.common-breadcrumb{display:none}
}
@media all {
.breadcrumb{background-color:#fff;padding:35px 0 105px}
.breadcrumb--faculty{padding:35px 0 60px}
.breadcrumb__lists{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:flex-start}
.breadcrumb__lists--faculty{margin:0 auto;width:92%;max-width:140rem}
.breadcrumb__list a:hover{opacity:.7}
.breadcrumb__list:not(:last-child)::after{content:">";font-size:clamp(10px,140vw,1.2rem);margin:0 .5rem}
.breadcrumb__button{font-size:clamp(12px,140vw,1.4rem);letter-spacing:.1rem;color:#16160e}
}
@media screen and (max-width: 800px) {
.breadcrumb{padding:18px 0 30px}
.breadcrumb--news{padding:18px 0 50px}
.breadcrumb__lists{max-width:670px}
.breadcrumb__list:not(:last-child)::after{margin:0 3px}
.breadcrumb__button{font-size:12px}
}
@media all {
.common-title{margin-bottom:9.8rem}
.common-title--news{margin-bottom:6rem}
.common-title--news h1{text-transform:uppercase}
.common-title--pickup{margin-bottom:6rem}
.common-title h1{color:#000;font-family:"Oswald",sans-serif;font-size:8rem;font-weight:700;letter-spacing:.08em;line-height:1;margin-bottom:2rem}
.common-title p{color:#000;font-size:2rem;font-weight:700;letter-spacing:.1em}
}
@media screen and (max-width: 800px) {
.common-title{margin-bottom:40px}
.common-title--news{margin-bottom:30px}
.common-title h1{font-size:24px}
.common-title p{font-size:12px}
}
@media all {
.career-path__wrap[data-color=green]{border:.4rem solid #80ac09}
.career-path__wrap[data-color=pink]{border:.4rem solid #de76c1}
.career-path__wrap[data-color=orange]{border:.4rem solid #e66106}
.career-path__wrap[data-color=blue]{border:.4rem solid #6a7add}
.career-path__block{padding:4.8rem 4.4rem 9rem}
.career-path__name{font-size:3.6rem;text-align:center;color:#fff;font-weight:700;padding:3.2rem 0}
.career-path__name[data-color=green]{background-color:#80ac09}
.career-path__name[data-color=pink]{background-color:#de76c1}
.career-path__name[data-color=orange]{background-color:#e66106}
.career-path__name[data-color=blue]{background-color:#6a7add}
.career-path__boxes{display:flex;justify-content:center;margin-bottom:6rem;gap:8rem}
.career-path__box{width:62rem}
.career-path__head{padding:1.8rem 0;text-align:center;font-size:2.8rem;font-weight:700;color:#fff}
.career-path__head[data-color=green]{background-color:#80ac09}
.career-path__head[data-color=pink]{background-color:#de76c1}
.career-path__head[data-color=orange]{background-color:#e66106}
.career-path__head[data-color=blue]{background-color:#6a7add}
.career-path__result{padding:3.5rem 0 4.1rem}
.career-path__result[data-color=green]{border-bottom:2px solid #80ac09}
.career-path__result[data-color=pink]{border-bottom:2px solid #de76c1}
.career-path__result[data-color=orange]{border-bottom:2px solid #e66106}
.career-path__result[data-color=blue]{border-bottom:2px solid #6a7add}
.career-path__number{font-size:8.8rem;font-family:"Oswald",sans-serif;font-weight:700;text-align:center;line-height:8.8rem}
.career-path__number[data-color=green]{color:#80ac09}
.career-path__number[data-color=pink]{color:#de76c1}
.career-path__number[data-color=orange]{color:#e66106}
.career-path__number[data-color=blue]{color:#6a7add}
.career-path__count{font-size:6.4rem}
.career-path__caution{font-size:clamp(12px,140rem,1.4rem);font-weight:700;text-align:center}
.career-path__info{margin:2.2rem 1.5rem 0}
.career-path__info-title{font-size:2rem;font-weight:700;color:#1e50a2;margin-bottom:.8rem}
.career-path__info-content{font-size:1.6rem;font-weight:500}
}
@media screen and (max-width: 800px) {
.career-path__block{padding:25px 20px}
.career-path__name{font-size:18px;padding:13px 0}
.career-path__boxes{display:block;margin-bottom:30px}
.career-path__box{width:100%}
.career-path__box:not(:last-child){margin-bottom:20px}
.career-path__head{font-size:16px;padding:10px 0}
.career-path__result{padding:15px 0}
.career-path__number{font-size:44px;line-height:44px}
.career-path__count{font-size:32px}
.career-path__caution{font-size:10px}
.career-path__info{margin:10px 0 0}
.career-path__info-title{font-size:12px}
.career-path__info-content{font-size:10px}
}
@media all {
.career-route__title{color:#fff;font-size:2.8rem;font-weight:700;padding:1.8rem 0;text-align:center}
.career-route__title[data-color=green]{background-color:#80ac09}
.career-route__title[data-color=pink]{background-color:#de76c1}
.career-route__title[data-color=orange]{background-color:#e66106}
.career-route__title[data-color=blue]{background-color:#6a7add}
.career-route__caution{display:block;font-size:clamp(12px,140vw,1.4rem)}
.career-route__block{margin:4.8rem 4rem 0}
.career-route__box:not(:last-child){margin-bottom:2rem}
.career-route__head{cursor:pointer;font-size:2rem;font-weight:700;padding:3rem 0;position:relative;text-align:center}
.career-route__head[data-color=green]{border:1px solid #80ac09}
.career-route__head[data-color=green]::after{background-color:#80ac09}
.career-route__head[data-color=pink]{border:1px solid #de76c1}
.career-route__head[data-color=pink]::after{background-color:#de76c1}
.career-route__head[data-color=orange]{border:1px solid #e66106}
.career-route__head[data-color=orange]::after{background-color:#e66106}
.career-route__head[data-color=blue]{border:1px solid #6a7add}
.career-route__head[data-color=blue]::after{background-color:#6a7add}
.career-route__head[data-color=green]{background-color:#edf3c9}
.career-route__head[data-color=pink]{background-color:#e3cadc}
.career-route__head[data-color=orange]{background-color:#e5c5af}
.career-route__head[data-color=blue]{background-color:#c7cbe3}
.career-route__head::after{background-repeat:no-repeat;background-position:center;bottom:0;content:"";display:block;height:4rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin:auto 0;position:absolute;right:6.5rem;top:0;width:4rem}
.career-route__head[data-is-open=false]::after{-webkit-mask-image:url(/hdu/shared/img/parts/bgimg_plus.svg);mask-image:url(/hdu/shared/img/parts/bgimg_plus.svg)}
.career-route__head[data-is-open=true]::after{-webkit-mask-image:url(/hdu/shared/img/parts/bgimg_minus.svg);mask-image:url(/hdu/shared/img/parts/bgimg_minus.svg)}
.career-route__body{font-size:2rem;display:none;line-height:2.4;padding:3.5rem 4rem}
.career-route__body[data-color=green]{border:1px solid #80ac09;border-top:none}
.career-route__body[data-color=pink]{border:1px solid #de76c1;border-top:none}
.career-route__body[data-color=orange]{border:1px solid #e66106;border-top:none}
.career-route__body[data-color=blue]{border:1px solid #6a7add;border-top:none}
}
@media screen and (max-width: 800px) {
.career-route__title{font-size:16px;padding:10px 0}
.career-route__caution{font-size:10px}
.career-route__block{margin:20px 0 0}
.career-route__box:not(:last-child){margin-bottom:10px}
.career-route__head{font-size:12px;padding:10px 50px}
.career-route__head::after{height:15px;right:20px;width:15px}
.career-route__body{font-size:12px;padding:18px}
}
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}
.swiper-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-horizontal{touch-action:pan-y}
.swiper-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-3d{perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:rgba(0,0,0,0)}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@-webkit-keyframes swiper-preloader-spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}
.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}
.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}
.swiper-button-lock{display:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}
.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,0.2)}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet:only-child{display:none!important}
.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}
.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,0.25));position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,0.1))}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%))}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,0.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}
.swiper-slide-zoomed{cursor:move;touch-action:none}
.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-grid>.swiper-wrapper{flex-wrap:wrap}
.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-fade .swiper-slide-active{pointer-events:auto}
.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-cube{overflow:visible}
.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}
.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}
.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-flip{overflow:visible}
.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}
.swiper-cards{overflow:visible}
.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
.swiper-wrapper{transition-timing-function:linear}
.swiper-slide img{height:auto;width:100%}
@media all {
.pickup{margin:0 auto 8rem;max-width:140rem;padding-top:10.5rem;width:92%}
}
@media screen and (max-width: 800px) {
.pickup{margin:0 auto 40px;padding-top:50px}
}
@media all {
.archive-pickup{display:flex;justify-content:space-between}
.archive-pickup__content{width:65.7142857143%}
.archive-pickup__wrap{margin-bottom:8rem}
.archive-pickup__boxes{align-items:start;border-bottom:1px solid rgba(22,22,14,.23);color:#000;display:flex;padding:2.5rem 0}
.archive-pickup__boxes:hover{opacity:.7}
.archive-pickup__box{display:flex}
.archive-pickup__info{display:flex;margin-right:2.2rem;width:10rem}
.archive-pickup__date{font-size:clamp(10px,140vw,1.2rem);font-weight:700;letter-spacing:.03em}
.archive-pickup__article-title{font-size:clamp(16px,140vw,1.6rem);line-height:2;font-weight:700;margin-top:-.5rem;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.archive-pickup__none{font-size:clamp(16px,140vw,1.6rem);line-height:2;font-weight:700;margin-top:-.5rem}
.archive-pickup__archive-title{font-size:4.8rem;color:#1e79a2;font-weight:700;font-family:"Zen Kaku Gothic Antique",sans-serif;letter-spacing:.15rem;line-height:7.2rem;padding-left:4rem;border-left:1.6rem solid #38a1db;margin-bottom:4.2rem}
.archive-pickup__side{width:28.5714285714%}
}
@media screen and (max-width: 800px) {
.archive-pickup{display:block}
.archive-pickup__content{margin-bottom:40px;width:100%}
.archive-pickup__wrap{margin-bottom:30px}
.archive-pickup__boxes{padding:10px 0;display:block}
.archive-pickup__boxes:nth-child(n+4){display:none}
.archive-pickup__box{display:block;margin-bottom:5px}
.archive-pickup__info{margin-right:0;width:100%}
.archive-pickup__date{font-size:12px;width:60px}
.archive-pickup__article-title{font-size:14px;width:100%}
.archive-pickup__none{font-size:14px}
.archive-pickup__archive-title{font-size:20px;letter-spacing:1px;line-height:32px;padding-left:12px;border-left:6px solid #38a1db;margin-bottom:20px}
.archive-pickup__side{width:100%}
}
@media all {
.side-contents__block:not(:last-child){margin-bottom:8.5rem}
.side-contents__title{font-size:3.2rem;font-weight:700;border-top:.2rem solid #1e79a2;margin-bottom:4rem;padding-top:2.4rem;text-align:center}
.side-contents__box{color:#16160e;display:block}
.side-contents__box:hover img{transform:scale(1.1)}
.side-contents__box:not(:last-child){margin-bottom:4rem}
.side-contents__image{height:26.5rem;margin-bottom:1.5rem;overflow:hidden}
.side-contents__image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .2s ease-in-out}
.side-contents__info{display:flex;margin-bottom:1rem;justify-content:space-between}
.side-contents__date{font-size:clamp(10px,140vw,1.2rem);font-weight:700;letter-spacing:.03em;width:8rem}
.side-contents__tags{align-items:start;display:inline-flex;flex-wrap:wrap;gap:8px;width:calc(100% - 8.5rem)}
.side-contents__tag{font-size:clamp(10px,140vw,1rem);font-weight:700;background-color:#ebd842;padding:.2rem 1rem}
.side-contents__article-title{font-size:2rem;font-weight:700}
}
@media screen and (max-width: 800px) {
.side-contents__block:not(:last-child){margin-bottom:40px}
.side-contents__title{border-top:2px solid #1e79a2;font-size:20px;margin-bottom:15px;padding-top:15px}
.side-contents__boxes{display:grid;gap:15px;grid-template-columns:1fr 1fr}
.side-contents__box:not(:last-child){margin-bottom:0}
.side-contents__box:nth-child(n+3){display:none}
.side-contents__image{height:0;margin-bottom:10px;padding-top:66.5625%;position:relative}
.side-contents__image img{left:0;position:absolute;top:0}
.side-contents__info{margin-bottom:5px;justify-content:space-between}
.side-contents__date{font-size:12px;margin-top:-2px;width:60px}
.side-contents__tags{font-size:12px;width:calc(100% - 70px)}
.side-contents__article-title{font-size:12px}
}
@media all {
.single-pickup{display:flex;justify-content:space-between}
.single-pickup__content{width:65.7142857143%}
.single-pickup__head{display:flex;margin-bottom:2rem}
.single-pickup__date{font-size:2.4rem;font-weight:900;letter-spacing:.08em;margin-top:-.8rem;width:20%}
.single-pickup__tags{align-items:start;display:inline-flex;flex-wrap:wrap;gap:16px;width:calc(100% - 16.5rem)}
.single-pickup__tag{font-size:clamp(12px,140vw,1.4rem);font-weight:700;background-color:#ebd842;padding:.2rem 1.5rem;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.single-pickup__title{font-size:4.8rem;color:#1e79a2;font-weight:700;font-family:"Zen Kaku Gothic Antique",sans-serif;letter-spacing:.15rem;line-height:7.2rem;padding-left:4rem;border-left:1.6rem solid #38a1db;margin-bottom:4.2rem}
.single-pickup__thumbnail{height:0;margin-bottom:4rem;padding-top:43.4782608696%;position:relative}
.single-pickup__thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}
.single-pickup__side{width:28.5714285714%}
}
@media screen and (max-width: 800px) {
.single-pickup{display:block}
.single-pickup__content{margin-bottom:80px;width:100%}
.single-pickup__head{margin-bottom:20px}
.single-pickup__date{font-size:12px;width:80px}
.single-pickup__tags{gap:8px;width:calc(100% - 90px)}
.single-pickup__tags{font-size:10px}
.single-pickup__title{font-size:20px;letter-spacing:1px;line-height:32px;padding-left:12px;border-left:6px solid #38a1db;margin-bottom:20px}
.single-pickup__side{width:100%}
}
@media all {
.new-design{padding-bottom:8rem}
.new-design .download-button{height:6.4rem;margin-bottom:4rem;width:30rem}
.new-design .download-button__button{align-items:center;background-color:#1e50a2;border:1px solid #1e50a2;color:#fff;height:100%;justify-content:center;transition:all .2s ease-in-out;width:100%}
.new-design .download-button__button .arrow-button::after,.new-design .download-button__button path{transition:all .2s ease-in-out}
.new-design .download-button__button:hover{background-color:#fff;color:#1e50a2}
.new-design .download-button__button:hover .arrow-button__icon{left:3px}
.new-design .download-button__button:hover .arrow-button::after{border:1px solid #1e50a2}
.new-design .download-button__button:hover path{fill:#1e50a2}
.new-design p:not([class]){font-size:clamp(16px,140vw,1.8rem);font-family:"Zen Kaku Gothic Antique",sans-serif;letter-spacing:.08em;line-height:1.6em;margin-bottom:3rem}
.new-design a:not([class]){text-decoration:underline}
.new-design a:not([class]):hover{text-decoration:none}
.new-design h3:not([class]){color:#1e79a2;font-size:4rem;font-weight:700;letter-spacing:.05em;margin-bottom:4rem}
.new-design h4:not([class]){font-size:3.2rem;font-weight:700;letter-spacing:.05em;margin-bottom:4rem}
.new-design ul:not([class]){margin-bottom:4rem}
.new-design li:not([class]){display:flex;font-size:3.2rem;font-weight:700;padding-left:6rem;position:relative}
.new-design li:not([class])::before{background-color:#38a1db;content:"";display:block;height:.6rem;left:0;top:2.4rem;position:absolute;width:3.6rem}
.new-design li:not([class]):not(:last-child){margin-bottom:3.2rem}
.new-design table:not([class]){border-bottom:2px solid #16160e;border-top:2px solid #16160e;margin-bottom:4rem}
.new-design tr:not([class]){border-bottom:1px solid rgba(22,22,14,.4)}
.new-design th:not([class]),.new-design td:not([class]){font-size:2.4rem;padding:3.5rem 0}
.new-design th:not([class]){font-weight:700;text-align:left;vertical-align:top;width:28rem}
.new-design td:not([class]){font-size:2.4rem}
}
@media screen and (max-width: 800px) {
.new-design .download-button{height:50px;margin:0 auto 14px;width:250px}
.new-design p:not([class]){font-size:14px;margin-bottom:14px}
.new-design h3:not([class]){font-size:20px;margin-bottom:14px}
.new-design h4:not([class]){font-size:18px;margin-bottom:14px}
.new-design ul:not([class]){margin-bottom:14px}
.new-design li:not([class]){font-size:16px;padding-left:30px}
.new-design li:not([class])::before{height:3px;top:10px;width:18px}
.new-design li:not([class]):not(:last-child){margin-bottom:10px}
.new-design table:not([class]){margin-bottom:14px}
.new-design tr:not([class]){display:block;padding:20px 0}
.new-design th:not([class]),.new-design td:not([class]){display:block;font-size:14px;padding:0;width:100%}
.new-design th:not([class]){margin-bottom:10px}
}
@media all {
.pickup-navi{border-top:1px solid #16160e;box-sizing:content-box;height:6.4rem;padding-top:2.4rem}
.pickup-navi__lists{height:100%;position:relative}
.pickup-navi__list{height:100%}
.pickup-navi__link{position:absolute;display:flex;align-items:center;gap:1.7rem;color:#16160e}
.pickup-navi__link--prev{left:0;top:1.5rem}
.pickup-navi__link--prev:hover .pickup-arrow__icon{left:3px}
.pickup-navi__link--more{left:0;margin:0 auto;right:0;top:0}
.pickup-navi__link--next{right:0;top:1.5rem}
.pickup-navi__link--next:hover .pickup-arrow__icon{left:3px}
.pickup-navi__arrow--prev{transform:rotate(180deg)}
.pickup-navi__detail{font-family:"Oswald",sans-serif;font-size:3.2rem;font-weight:700;line-height:3.2rem;letter-spacing:2.2px}
}
@media screen and (max-width: 800px) {
.pickup-navi{height:50px;padding-top:20px}
.pickup-navi__link{gap:9px}
.pickup-navi__link--prev{top:14px}
.pickup-navi__link--next{top:14px}
.pickup-navi__detail{font-size:20px;line-height:20px;letter-spacing:0;padding-bottom:3px}
}
@media all {
.pickup-arrow{align-items:center;line-height:3.4rem;display:flex;position:relative;width:4.3rem}
.pickup-arrow::after{border-radius:50%;content:"";display:inline-block;height:3.4rem;position:absolute;right:0;width:3.4rem}
.pickup-arrow--black::after{border:1px solid #000}
.pickup-arrow__icon{left:0;display:block;height:0;padding-top:3.6rem;position:absolute;transition:all .2s ease-in-out;width:3rem}
.pickup-arrow__icon svg{height:100%;left:0;position:absolute;top:0;width:100%}
}
@media screen and (max-width: 800px) {
.pickup-arrow{width:25px}
.pickup-arrow::after{height:18px;width:18px}
.pickup-arrow__icon{width:18px}
.pickup-arrow__icon svg{bottom:0;height:auto;top:0;margin:auto 0;width:100%}
}
@media all {
.pickup-navi-button{width:24rem;height:6.4rem}
.pickup-navi-button__more{display:inline-flex;align-items:center;justify-content:center;background-color:#ebd842;border:1px solid #ebd842;height:100%;width:100%;transition:all .2s ease-in-out}
.pickup-navi-button__more .arrow-button::after,.pickup-navi-button__more path{transition:all .2s ease-in-out}
.pickup-navi-button__more:hover{background-color:#fff}
.pickup-navi-button__more:hover .arrow-button__icon{left:3px}
.pickup-navi-button__text{margin-right:1.3rem;font-size:14px;font-weight:700;color:#16160e}
}
@media screen and (max-width: 800px) {
.pickup-navi-button{width:160px;height:50px;line-height:32px}
}
@media screen and (max-width: 800px) {
.only-tab,.only-pc,.not-sp{display:none}
}
@media screen and (min-width: 801px)and (max-width: 1399px) {
.only-sp,.only-pc,.not-tab{display:none}
}
@media screen and (min-width: 1400px) {
.only-sp,.only-tab,.not-pc{display:none}
}