@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');

/* ------------------------------
 Reset
------------------------------ */

* { box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, em, img,strong, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video { color: #2E2A3D; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top; background:transparent; list-style-type:none; font-family: 'Noto Serif JP', serif; font-weight: 500; line-height: 1.75; word-break: break-all; box-sizing: border-box; text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
img { vertical-align: top; }
html { font-size: 16px; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; word-break:keep-all; }
body { font-size: 16px; text-align:center; background: #fff; -webkit-text-size-adjust:none; }
th { text-align:left; white-space: nowrap; }
select, input, textarea { word-wrap:break-word; word-break:break-all; font-weight: normal; font-style:500; }
article, aside, dialog, div, figure, footer, header, hgroup, nav, section { display: block; }
input[type="search"],
input[type="email"],
input[type="text"] { border:1px solid #DCDFE2; background:#fff none 0 0 no-repeat; border-radius: 2px; vertical-align: middle; text-indent: 5px; font-family: 'Noto Serif JP', serif; }
input[type="search"]:focus,
input[type="email"]:focus,
input[type="text"]:focus { border:1px solid #8C9499; background: #EEF3F8 none 0 0 no-repeat; font-family: 'Noto Serif JP', serif; }
select { border:1px solid #DCDFE2; background:#fff none 0 0 no-repeat; border-radius: 2px; vertical-align: middle; text-indent: 0; padding: 3px 0; outline: none; font-family: 'Noto Serif JP', serif; }
select:focus { border:1px solid #8C9499; background:#EEF3F8 none 0 0 no-repeat; }
textarea { border:1px solid #DCDFE2; background:#fff none 0 0 no-repeat; border-radius: 2px; outline: none; font-family: 'Noto Serif JP', serif; }
textarea:focus { border:1px solid #8C9499; background:#EEF3F8 none 0 0 no-repeat; }
a { text-decoration: none; color: #2E2A3D; }

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

#container { position: relative; }
header { width: 100%; height: auto; position: absolute; top: 0; left: 0; z-index: 999; }
.headInr { width: 100%; }
.headerLogo { display: flex; align-items: center; padding: 30px; height: auto; position: relative; }
.headerLogo .logo { width: 250px; }
.headerLogo .logo a { display: block; }
.headerLogo p { font-size: 1rem; font-weight: bold; color: #2E51A3; line-height: 40px; vertical-align: baseline; padding: 10px 10px 0; }
.headInr .entryBtn { position: fixed; top: 0; right: 80px; height: 80px; display: flex; z-index: 9999; }
.headInr .entryBtn li a { display: flex; height: 100%; align-items: center; font-size: 1rem; font-weight: bold; color: #fff; line-height: 20px; text-align: center; padding: 20px 40px; transition: all 0.3s; }
.entryBtn li.mynavi a { background: #004EA0; background: -webkit-linear-gradient(left, #004EA0 0%, #00A0E9 100%); background: linear-gradient(90deg, #004EA0 0%, #00A0E9 100%); }
.entryBtn li.asagaku a { background: #048CB6; background: -webkit-linear-gradient(left, #048CB6 0%, #1ECCB1 100%); background: linear-gradient(90deg, #048CB6 0%, #1ECCB1 100%); }
.entryBtn li a:hover { opacity: 0.8; }

.menuBox { display: block; width: 80px; height: 80px; float: right; position: relative; z-index: 9999; background: #2E51A3; }
.menuBox:hover { cursor: pointer; }
.menuBtn { display: block; position: absolute; top: 39px; right: 20px; width: 36px; height: 2px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.menuBtn:before { content: ''; position: absolute; width: 36px; height: 2px; background: #fff; top: -12px; right: 0; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.menuBtn:after { content: ''; position: absolute; width: 36px; height: 2px; background: #fff; bottom: -12px; right: 0; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.menuBtn.active { background: transparent; }
.menuBtn.active:before { -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); top: 0; right: 0; }
.menuBtn.active:after { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); bottom: 0; right: 0; }
#nav-drawer { display: block; padding: 0; position: fixed; top: 0; right: 0; }
#nav-content { z-index: 88888; display: block; position: absolute; width: 100vw; height: 100vh; top: 0; right: 0; z-index: 999; padding: 80px 0 0; -webkit-overflow-scrolling: touch; transition: .3s ease-in-out; -webkit-transform: translate(120% , -120%); transform: translate(120% , -120%); background: #2E51A3; }
#nav-input:checked ~ #nav-content { -webkit-transform: translateX(0); transform: translateX(0); }
.nav-unshown { display:none; }

.nav-continr { height: 100vh; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; }
.globalNav { max-width: 60vw; margin: 0 auto; padding: 5vw 0 0; display: flex; flex-wrap: wrap; }
.globalNav::-webkit-scrollbar { display:none; }
.globalNav .topLink { padding: 10px; width: 100%; }
.globalNav .topLink a { position: relative; display: inline-block; text-decoration: none; font-size: 1.2rem; line-height: 1.2; color: #fff; padding: 0; transition: all 0.3s; }
.globalNav .pageLink { padding: 0 0 0 1rem; width: 50%; }
.globalNav .otherLink { padding: 0 0 0 1rem; width: 50%; }
.globalNav li { padding: 10px; }
.globalNav li > a { position: relative; display: inline-block; text-decoration: none; font-size: 1.2rem; line-height: 1.2; color: #fff; padding: 0; transition: all 0.3s; }
.globalNav li > a:hover { opacity: 0.8; }
.globalNav li > a > span { font-size: 0.75rem; color: #2EA38F; padding: 0.5rem; }

.mainCatch { width: 100%; margin: 0 auto; position: relative; }
.mainCatch .mainSlider { width: 100%; margin: 0 auto; }
.mainCatch .mainSlider .slide { width: 100%; height: 100vh; max-height: 100vh; margin: 0; }
.mainCatch .mainSlider .slide img { object-fit: cover; width: 100%; height: 100%; }
@keyframes zoomOut {
  0% {
    transform: scale(1.2); /* 拡大率 */
  }
  100% {
    transform: scale(1);
  }
}
.add-animation {
  animation: zoomOut 10s linear 0s normal both;
}
.mainCatch .slideInr { position: absolute; left: 0; bottom: 0; padding: 0 5vw 5vw 5vw; }
.mainCatch .slideInr h2 { width: 100%; text-align: left; font-size: 3rem; line-height: 1.5; font-weight: bold; color: #fff; text-shadow: 0px 3px 6px rgba(0,0,0,0.2); }
.mainCatch .slideInr p { width: 100%; text-align: left; font-size: 1.5rem; line-height: 1.5; font-weight: bold; color: #fff; text-shadow: 0px 3px 6px rgba(0,0,0,0.2); }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { background: #2E51A3; }
.slick-dots li.slick-active button:before { background: #2E51A3; }
.seminarSlider .slick-dots { position: static; display: block; padding: 5px 0; }
.seminarSlider .slick-dots li button:before { background: #F2F5FB; }
.seminarSlider .slick-dots li.slick-active button:before { background: #2E51A3; }
.seminarSlider .slick-dots li button:hover:before,
.seminarSlider .slick-dots li button:focus:before { background: #2E51A3; }

.headline01 { font-size: 2.8rem; font-weight: bold; line-height: 1.2; text-align: left; margin: 0 auto 40px; }
.headline02 { font-size: 2rem; font-weight: bold; line-height: 1.2; text-align: left; margin: 0 auto 40px; }

.sectionInr { max-width: 1100px; padding: 10vw 0; margin: 0 auto; }
.sectionInr .desc { font-size: 1.25rem; margin: 0 auto 40px; }
.moreBtn { text-align: center; margin: 40px auto 0; }
.moreBtn a { display: block; width: 100%; max-width: 500px; margin: 0 auto; border-radius: 40px; color: #fff; font-size: 1.25rem; line-height: 40px; font-weight: bold; text-align: center; text-decoration: none; padding: 20px; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); background: #048CB6; background: -webkit-linear-gradient(left, #048CB6 0%, #1ECCB1 100%); background: linear-gradient(90deg, #048CB6 0%, #1ECCB1 100%); transition: all 0.3s; position: relative; }
.moreBtn a:hover { opacity: 0.8; }
.moreBtn a::after { transform: rotate(45deg); width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: block; content: ''; position: absolute; top: 34px; right: 34px; }

.messageCont { background: url(/images/renew/bg_message.png) no-repeat right bottom; background-size: 50%; }
.messageCont p { margin: 0 auto; text-indent: 1rem; }
.messageCont p.mb1rem { margin: 0 auto 1rem; }
.messageCont .sign { text-align: right; }
.messageCont dl { display: inline-block; margin: 0 0 0 auto; }
.messageCont .messageInr { padding: 0 20vw 0 0; }

.aboutCont { background: #F2FBFA; }
.aboutInr { display: flex; }
.aboutInr dl { width: calc( 50% - 30px ); margin-right: 60px; }
.aboutInr dl:last-child { margin-right: 0; }
.aboutInr dl dt img { width: 100%; }
.aboutInr dl dd { font-size: 1.25rem; font-weight: bold; line-height: 1.5; text-align: center; padding: 10px 0 0; }
.aboutInr dl dd i { font-size: 1.25rem; font-weight: bold; line-height: 1.5; color:#2E51A3; margin-right: 10px; }
.swiper-container { position: relative; }
.aboutInr dl dt { overflow: hidden; }
.swiper-button-prev { color: #2E51A3; font-size: 1.5rem; }
.swiper-button-next { color: #2E51A3; font-size: 1.5rem; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }

.interviewInr { display: flex; }
.interviewInr dl { width: calc(( 100% - 80px ) / 3 ); margin-right: 40px; }
.interviewInr dl:last-child { margin-right: 0; }
.interviewInr dl dd { display: flex; padding: 10px 0 0; }
.interviewInr dl dd .team { font-size: 1rem; line-height: 1.5rem; }
.interviewInr dl dd i { font-size: 1.25rem; font-weight: bold; line-height: 3rem; color:#2E51A3; margin-right: 10px; }
.interviewInr dl dd .name { font-size: 1.25rem; font-weight: bold; line-height: 1.5rem; }
.movie { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.flowCont { background: #F2FBFA; }
.flowInr { padding: 0 0 5vw; margin: 0 auto 5vw; border-bottom: 1px solid #D5D7DC; }
.flowInr:last-child { padding: 0; margin: 0 auto; border-bottom: none; }
.flowInr .profile { display: flex; align-items: center; padding: 0 0 5vw; }
.flowInr .profile .thumb { width: 400px; }
.flowInr .profile .thumb img { width: 100%; }
.flowInr .profile .profTxt { width: calc( 100% - 400px ); padding: 0 0 0 5vw; }
.flowInr .profile .profTxt .post { font-size: 1.25rem; line-height: 1.5; color:#2E51A3; }
.flowInr .profile .profTxt dl { padding: 20px 0; }
.flowInr .profile .profTxt dl dt { font-size: 2rem; font-weight: bold; line-height: 1.5; }
.flowInr .profile .profTxt dl dd { font-size: 1.25rem; line-height: 1.5; }
.flowInr .profile .profTxt p { line-height: 1.5; }
.flowInr .schedule { position: relative; }
.flowInr .schedule li { position: relative; display: flex; padding: 0 0 40px; }
.flowInr .schedule li:before { position: absolute; top: 6px; left: 0; display: block; content: ''; width: 24px; height: 24px; background:#2E51A3; border-radius: 50%; z-index: 2; }
.flowInr .schedule li:after { position: absolute; top: 15px; left: 9px; display: block; content: ''; width: 6px; height: calc( 100% - 6px ); background: rgba(46,81,163,0.4); z-index: 1; }
.flowInr .schedule li:last-child:after { display: none; }
.flowInr .schedule li .txtBlock { width: 70%; display: flex; padding: 0 20px 0 0; }
.flowInr .schedule li .txtBlock .time { width: calc( 5rem + 50px ); padding: 0 20px 0 30px; text-align: right; font-size: 1.5rem; line-height: 1.5; font-weight: bold; color:#2E51A3; }
.flowInr .schedule li .txtBlock .timeInr { width: calc( 100% - ( 5rem + 50px )); }
.flowInr .schedule li .txtBlock h4 { font-size: 1.5rem; line-height: 1.5; font-weight: bold; color:#2E51A3; }
.flowInr .schedule li .txtBlock p { font-size: 1.1rem; line-height: 1.5; padding: 1rem 0 0 0; }
.flowInr .schedule li .thumbBlock { width: 30%; padding: 0 0 0 20px; }
.flowInr .schedule li .thumbBlock img { width: 100%; }

.numbersCont .numbersInr ul { display: flex; flex-wrap: wrap; }
.numbersCont .numbersInr ul li { width: calc( 50% - 10px ); margin: 0 20px 20px 0; background: #F2FBFA; display: flex; align-items: center; }
.numbersCont .numbersInr ul li:nth-child(2n) { margin: 0 0 20px; }
.numbersCont .numbersInr ul li dl { width: calc( 100% - 180px ); padding: 10px; }
.numbersCont .numbersInr ul li dl dt { font-size: 1.25rem; font-weight: bold; line-height: 1.2; padding: 0 0 10px; text-align: center; }
.numbersCont .numbersInr ul li dl dd .number { font-size: 2rem; font-weight: bold; line-height: 4rem; vertical-align: baseline; text-align: center; }
.numbersCont .numbersInr ul li dl dd .number span { font-size: 4rem; font-weight: bold; line-height: 4rem; color:#2E51A3; display: inline-block; padding: 0 5px; vertical-align: baseline; }
.numbersCont .numbersInr ul li dl dd p { font-size: 1rem; text-align: center; }
.numbersCont .numbersInr ul li dl dd .supplement { font-size: 0.8rem; text-align: center; }
.numbersCont .numbersInr ul li .icon { width: 180px; padding: 10px; }
.numbersCont .numbersInr ul li .icon img { width: 100%; max-width: 100px; }

.companyCont { background: #F2FBFA; }
.companyCont .time { padding: 0 0 10px; text-align: right; }
.designTable { width: 100%; border-collapse: collapse; }
.designTable th { width: 180px; padding: 15px; font-weight: bold; color: #2E51A3; border-bottom: 1px solid #2E51A3; }
.designTable tr:first-child th { border-top: 1px solid #2E51A3; }
.designTable td { padding: 15px; border-bottom: 1px solid #D5D7DC; }
.designTable tr:first-child td { border-top: 1px solid #D5D7DC; }
.designTable h4 { font-size: 1rem; }
.designTable ul { padding: 0 0 10px; }
.designTable ul span { display: inline-block; width: 20rem; }
.designTable dl { padding: 0 0 10px; }
.designTable .pl1r { padding-left: 1rem; }

.monoTable { width: 100%; border-collapse: collapse; }
.monoTable th { width: 180px; padding: 15px; font-weight: bold; border-bottom: 1px solid #D5D7DC; }
.monoTable tr:first-child th { border-top: 1px solid #D5D7DC; }
.monoTable td { padding: 15px; border-bottom: 1px solid #D5D7DC; }
.monoTable tr:first-child td { border-top: 1px solid #D5D7DC; }
.monoTable h4 { font-size: 1rem; }
.monoTable ul { padding: 0 0 10px; }
.monoTable ul span { display: inline-block; width: 20rem; }
.monoTable ul li a { text-decoration: underline; }
.monoTable ul li a:hover { color:#2E51A3; }
.monoTable dl { padding: 0 0 10px; }
.monoTable .pl1r { padding-left: 1rem; }

.entryStep { margin: 5vw auto 0; }
.entryStep ul { display: flex; align-items: center; }
.entryStep ul li { margin-right: 70px; }
.entryStep ul li:last-child { margin-right: 0; }
.entryStep ul li div { position: relative; vertical-align: baseline; text-align: center; padding: 5px 0; }
.entryStep ul li div::after { transform: rotate(45deg); width: 10px; height: 10px; border-top: 2px solid #2E51A3; border-right: 2px solid #2E51A3; display: block; content: ''; position: absolute; top: calc( 50% - 5px); right: -40px; }
.entryStep ul li:last-child div::after { display: none; }
.entryStep ul li span { font-size: 1.25rem; vertical-align: baseline; text-align: center; }

.contactCont { background: #F2FBFA; }
.contactCont .headline01 { text-align: center; }
.contactInr .entryBtn { display: flex; }
.contactInr .entryBtn li { width: 50%; padding: 20px; }
.contactInr .entryBtn li a { position: relative; display: block; font-size: 1.25rem; font-weight: bold; color: #fff; line-height: 40px; border-radius: 40px; text-align: center; padding: 20px; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); transition: all 0.3s; }
.contactInr .entryBtn li a::after { transform: rotate(45deg); width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; display: block; content: ''; position: absolute; top: 34px; right: 34px; }

.footInr { padding: 5vw; display: flex; flex-wrap: wrap; }
.footLogo { width: calc( 100% / 3 ); }
.footBlock { width: calc( 100% / 3 ); }
.footInr .logo { width: 250px; margin-bottom: 5vw; }
.footInr .logo a { display: block; }
.footInr .bnr { display: flex; }
.footInr .bnr li { width: 100px; margin-right: 20px; }
.footInr .bnr li a { display: block; }
.footInr .bnr li a img { width: 100%; }
.sitemap li { margin: 0 0 10px; }
.sitemap li a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f077"; font-size: 5px; color: #ccc; margin-right: 8px; }
.terms li { margin: 0 0 10px; }
.terms li a::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; font-size: 5px; color: #ccc; margin-right: 8px; }

.copyRight { background: #fff; padding: 20px; font-size: 12px; color: #4B505B; text-align: center; border-top: 1px solid #D5D7DC; }
.pageTop { position: fixed; right: 30px; bottom: 30px; }
.pageTop a { display: block; padding: 20px; line-height: 1; background: #F2FBFA; border: 1px solid #2EA38F; border-radius: 50%; transition: all 0.3s; }
.pageTop a img { width: 20px; height: 20px; line-height: 1; }
.pageTop a:hover { padding: 15px 20px 25px; }

.pageCatch .pageTit { padding: 8vw; background: rgba(6,21,55,0.68); }
.pageCatch .pageTit h1 { position: relative; font-size: 32px; font-weight: bold; color: #fff; text-align: left; }
.pageCatch .pageTit h1:after { position: absolute; left: 0; bottom: -20px; display: block; content: ''; width: 80px; height: 2px; background: #fff; }

.questionCont .sectionInr { padding: 0 0 10vw 0;}
.questionInr dl + dl { margin-top: 20px;}
.questionInr dl .item { display: flex; align-items: center; font-size: 1.2rem; background: #f5f5f5; font-weight: 600; padding: 20px 40px 20px 20px; position: relative; cursor: pointer;}
.questionInr dl .item span.mark { margin-right: 10px; display: block; color: #FFF; border-radius: 100px; font-weight: 800; text-align: center; vertical-align: middle; width: 36px; min-width: 36px; height: 36px; margin-right: 15px; line-height: 36px; font-size: 1rem; background: #2E51A3;}
.questionInr dl .item span.plus { display: inline-block; vertical-align: middle; color: #9d9d9d; line-height: 1; width: 1.3rem; height: 2px; background: currentColor; border-radius: 0.1em; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.questionInr dl .item span.plus::before { content: ''; color: #9d9d9d; position: absolute; top: 0; left: 0; width: 1.3rem; height: 2px; background: inherit; border-radius: inherit; transform: rotate(90deg); transition: .3s;}
.questionInr dl.active .item span.plus::before { content: ''; color: #9d9d9d; position: absolute; top: 0; left: 0; width: 1.3rem; height: 2px; background: inherit; border-radius: inherit; transform: rotate(0deg);}
.questionInr dl dd { display: none; padding: 20px ;}
.questionInr dl.active dd { display: flex !important; font-size: 1.2rem;}
.questionInr dl dd span {  margin-right: 10px; display: block; color: #FFF; border-radius: 100px; font-weight: 800; text-align: center; vertical-align: middle; width: 36px; min-width: 36px; height: 36px; margin-right: 15px; line-height: 36px; font-size: 1rem; background: #e51515;}


/* ─────────────────────────────────────────────────────────────────────────── */

@media screen and (max-width:1200px){
	.sectionInr ,
	.questionCont .sectionInr { padding: 10vw 5vw; }
}

@media screen and (max-width:1023px){
	.headInr .entryBtn li a { padding: 20px; }
	.globalNav { max-width: 80vw; }
	.mainCatch .slideInr { padding: 0 5vw 20vw 5vw; }
	.messageCont { background-size: 70%; }
	.messageCont .messageInr { padding: 0 20vw 10vw 0; }
	.messageCont .sign { text-align: left; }
	.flowInr .profile .thumb { width: 40%; }
	.flowInr .profile .profTxt { width: 60%; }
	.numbersCont .numbersInr ul li dl { width: calc( 100% - 100px ); }
	.numbersCont .numbersInr ul li dl dd .number { font-size: 1.5rem; line-height: 3rem; }
	.numbersCont .numbersInr ul li dl dd .number span { font-size: 2.5rem; line-height: 3rem; }
	.numbersCont .numbersInr ul li .icon { width: 100px; padding: 15px; }
	.numbersCont .numbersInr ul li .icon img { width: 100%; max-width: 80px; }
	.contactInr .entryBtn li { padding: 10px; }
	.footLogo { width: 100%; margin-bottom: 5vw; }
	.footBlock { width: 50%; }
	.footInr .logo { margin-bottom: 3vw; }
	.pageTop { right: 20px; bottom: 20px; }

}

@media screen and (max-width:767px){
	html { font-size: 14px; }
	body { font-size: 14px; }
	.headerLogo { display: block; padding: 2vw; }
	.headerLogo .logo { width: 40vw; }
	.headerLogo p { font-size: 0.8rem; line-height: 20px; padding: 0 0 0 7vw; }
	.headInr .entryBtn { right: 60px; }
	.headInr .entryBtn li a { font-size: 0.8rem; padding: 10px; }
	.menuBox { width: 60px; height: 60px; }
	.menuBtn { top: 29px; right: 15px; width: 30px; height: 2px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
	.menuBtn:before { width: 30px; height: 2px; top: -10px; right: 0; }
	.menuBtn:after { width: 30px; height: 2px; bottom: -10px; right: 0; }
	.headInr .entryBtn { height: 60px;}
	#nav-content { padding: 60px 0 0; height: 100vh; }
	.nav-continr { height: calc( 100vh - 60px ); overflow-y: auto; }
	.globalNav { max-width: 100%; height: auto; padding: 5vw 5vw 10vw; display: block; }
  .globalNav .pageLink { width: 100%; }
  .globalNav .otherLink { width: 100%; }
  .moreBtn { margin: 20px auto 0; }
  .moreBtn a { border-radius: 30px; padding: 10px; }
  .moreBtn a::after { width: 6px; height: 6px; top: 26px; right: 26px; }
	.mainCatch .slideInr h2 { font-size: 2rem; }
	.mainCatch .slideInr p { font-size: 1rem; }
	.slick-dots { bottom: 20px; }
  .headline01 { font-size: 2rem; margin: 0 auto 5vw; }
  .headline02 { font-size: 1.75rem; margin: 0 auto 5vw; }
	.sectionInr .desc { font-size: 1rem; margin: 0 auto 5vw; }
	.messageCont .messageInr { padding: 0 0 20vw 0; }
	.aboutInr { display: block; }
	.aboutInr dl { width: 100%; margin-right: 0; padding: 10px; }
	.interviewInr { display: block; }
	.interviewInr dl { width: 100%; margin-right: 0; padding: 10px; }
	.flowInr .profile { display: block; }
	.flowInr .profile .thumb { width: 100%; max-width: 400px; margin: 0 auto; }
	.flowInr .profile .profTxt { width: 100%; padding: 5vw 0 0; }
	.flowInr .profile .profTxt dl { padding: 10px 0; }
	.flowInr .schedule li { display: block; padding: 0 0 5vw; }
	.flowInr .schedule li:before { top: 6px; left: 0; width: 20px; height: 20px; }
	.flowInr .schedule li:after { top: 13px; left: 7px; width: 6px; height: calc( 100% - 6px ); }
	.flowInr .schedule li:last-child:after { display: none; }
	.flowInr .schedule li .txtBlock { width: 100%; display: block; padding: 0; }
	.flowInr .schedule li .txtBlock .time { font-size: 1.2rem; width: 100%; padding: 0 0 0 30px; text-align: left; }
	.flowInr .schedule li .txtBlock .timeInr { width: 100%; }
	.flowInr .schedule li .txtBlock h4 { padding: 0 0 0 30px; }
	.flowInr .schedule li .txtBlock p { font-size: 1rem; padding: 1rem 0 0 30px; }
	.flowInr .schedule li .thumbBlock { width: 100%; padding: 20px 0 0 30px; }
	.numbersCont .numbersInr ul { display: block; }
	.numbersCont .numbersInr ul li { width: 100%; margin: 0 0 20px; }
	.numbersCont .numbersInr ul li:nth-child(2n) { margin: 0 0 20px; }
	.designTable th { display: block; font-size: 1.2rem; width: 100%; padding: 10px 10px 0; border-bottom: none; }
	.designTable td { display: block; padding: 10px; border-bottom: 1px solid #2E51A3; }
	.designTable tr:first-child td { border-top: none; }
	.monoTable th { display: block; font-size: 1.2rem; width: 100%; padding: 10px 10px 0; border-bottom: none; }
	.monoTable td { display: block; padding: 10px; }
	.monoTable tr:first-child td { border-top: none; }
  .entryStep { margin: 10vw auto 0; }
  .entryStep ul { display: block; }
  .entryStep ul li { margin-right: 0; margin-bottom: 40px; text-align: center; }
  .entryStep ul li:last-child { margin-bottom: 0; }
  .entryStep ul li div { display: inline-block; position: relative; vertical-align: baseline; text-align: center; padding: 0 10px; }
  .entryStep ul li div::after { transform: rotate(45deg); width: 10px; height: 10px; border-top: none; border-bottom: 2px solid #2E51A3; top: auto; bottom: -20px; right: calc( 50% - 5px); }
  .entryStep ul li span { font-size: 1.25rem; vertical-align: baseline; text-align: center; }
	.contactInr .entryBtn { display: block; }
	.contactInr .entryBtn li { width: 100%; }
  .contactInr .entryBtn li a { border-radius: 30px; padding: 10px; }
  .contactInr .entryBtn li a::after { width: 6px; height: 6px; top: 26px; right: 26px; }
	.footInr { padding: 10vw 5vw; display: block; }
	.footBlock { width: 100%; }

	.copyRight { padding: 10vw 5vw 20vw; }
	.pageTop { right: 5vw; bottom: 5vw; }
	.pageTop a { padding: 12px; }
	.pageTop a img { width: 16px; height: 16px; }
	.pageTop a:hover { padding: 12px; }

	.questionInr dl .item { padding: 10px 40px 10px 10px;}
	.questionInr dl .item span.plus { right: 10px;}
	.questionInr dl dd { padding: 20px 10px;}

}