@charset "UTF-8";

/**********************************************************
*　Mainvisual
**********************************************************/
.fv { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 0; }
.fv::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(3,110,183,0.3); mix-blend-mode: multiply; content: ""; }
.fv__ttl { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -65%); transition: .4s; }
.fv__ttl._hide { opacity: 0; }
.fv__ttl img { max-width: none; width: 377px; }
.fv__movie { width: 100%; height: 100%; }
.fv__movie video { width: 100%; height: 100%; object-fit: cover; }
@media screen and (max-width: 680px) {
	.fv__scr { display: none; }
}
@media screen and (min-width: 681px) {
	.fv { }
	.fv::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 120px; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.65) 100%); content: ""; opacity: .5; mix-blend-mode: multiply; }
	.fv__ttl { transform: translate(-50%, -50%); z-index: 10; }
	.fv__ttl img { width: 1410px; }
	.fv__scr { position: absolute; left: 84px; bottom: 5px; transform: rotate(-90deg); }
}

/**********************************************************
	Common Things
**********************************************************/
.content-outer-wrap { position: relative; margin-top: 100vh; z-index: 50; }
.header._bg { background: rgba(35,173,246,0.7); }
@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}


/**********************************************************
	Intro
**********************************************************/
.sec--intro { background: #fff; padding-top: 100px; padding-bottom: 86px; }
.sec--intro .l-wrapper { position: relative; }
.sec--intro .l-wrapper::before { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); display: block; width: 386px; height: 61px; background: url("../img/obj_intro.svg") no-repeat center/contain; content: ""; z-index: 0; }
.intro { position: relative; }
.intro__inner { position: relative; z-index: 10; }
.intro__ttl { font-size: 2.0rem; font-weight: 700; line-height: 1.6; color: var(--c-blue); }
.intro__catch { margin-top: 13px; }
.intro__catch img { width: 218px; }
.intro__txt { margin-top: 52px; font-size: 1.6rem; font-weight: 400; line-height: 2.215; }
.intro__img { position: absolute; top: 78px; left: 159px; width: calc(50% + 50vw - 159px); height: 226px; z-index: 0; }
.intro__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 10%; }
.intro__img::before,
.intro__img::after,
.intro-obj { position: absolute; display: block; aspect-ratio: 1/1; opacity: .5; }
.intro-obj { background: var(--c-yellow); }
.intro-obj--1 { top: -115px; right: 10px; width: 30px; }
.intro-obj--2 { top: -88px; left: 12px; width: 20px; }
.intro-obj--3 { bottom: 0; right: 0; width: 20px; }
.intro-obj--4 { bottom: -54px; right: 25px; width: 30px; }
.intro__img::before,
.intro__img::after { content: ""; }
.intro__img::before { top: -10px; right: 30px; width: 20px; }
.intro__img::after { left: -15px; bottom: -15px; width: 30px; background: var(--c-yellow); }
@media only screen and (max-width: 680px) {
	.intro__img::before { background: linear-gradient(to right, rgba(191,191,214,1) 0%,rgba(144,186,216,1) 100%); }
}
@media only screen and (min-width: 681px) {
	.sec--intro { padding-top: 140px; padding-bottom: 203px; }
	.sec--intro .l-wrapper::before { top: -50px; transform: translateX(-86%); width: 815px; height: 129px; z-index: 10; mix-blend-mode: multiply; }
	.intro__ttl { font-size: 3.7rem; line-height: 1.891;}
	.intro__catch { margin-top: 17px; }
	.intro__catch img { width: 671px; }
	.intro__txt { margin-top: 38px; width: 480px; font-size: 1.7rem; line-height: 2.058; }
	.intro__img { top: 18px; left: auto; right: 0; width: 504px; height: auto; box-shadow: 4px 6px 1px 0px rgba(3,35,58,0.08); }
	.intro-obj--1 { top: -182px; right: -84px; width: 84px; }
	.intro-obj--2 { top: -88px; left: auto; right: 70px; width: 46px; }
	.intro-obj--3 { bottom: 0; right: calc(100% + 48px); width: 46px; }
	.intro-obj--4 { bottom: -128px; right: calc(100% - 28px); width: 46px; }
	.intro__img::before { top: 104px; right: -23px; width: 46px; background: var(--c-yellow); }
	.intro__img::after { left: auto; bottom: -42px; right: 35px; width: 84px; }
}


/**********************************************************
	就職率
**********************************************************/
.sec--rate { position: relative; padding-bottom: 60px; }
.sec--rate::before { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; display: block; width: 100%; min-height: 206px; background: var(--c-blue); opacity: .77; content: ""; z-index: 0; }
.rate-ttl,
.rate-wrap,
.rate-notice { position: relative; z-index: 50; }
.rate-ttl { position: relative; margin-top: -26px; }
.rate-wrap { margin-top: 48px; }
.rate { text-align: center; }
.rate-notice { margin-top: 32px; font-size: 1.2rem; font-weight: 400; line-height: 1.3; white-space: nowrap; color: #fff; }
@media only screen and (max-width: 680px) {
	.sec--rate::before { aspect-ratio: 375/206; }
	.rate-ttl { padding-left: 10px; padding-right: 10px; }
	.rate:not(:first-of-type) { margin-top: 12px; }
	.rate img { width: calc(100% - 153px); }
	.rate-notice { text-align: center; }
}
@media only screen and (min-width: 681px) {
	.sec--rate { padding-bottom: 82px; }
	.sec--rate::before { min-height: 243px; }
	.rate-ttl { margin-top: -42px; }
	.rate-ttl img { width: 612px; }
	.rate-wrap { display: flex; justify-content: center; align-items: center; margin-top: 56px; }
	.rate { width: 260px; }
	.rate:not(:first-of-type) { margin-left: 26px; }
	.rate-notice { margin-top: 12px; }
}


/**********************************************************
	
**********************************************************/
.bg-wrap { position: relative; background: #fff; padding-top: 145px; padding-bottom: 70px; }
.bg-wrap::before,
.bg-wrap::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; content: ""; }
.bg-wrap::before { height: 1798px; background: url("../img/gra_career_outer_sp.png") repeat-x 0 100%/1px 100%; z-index: 0; }
.bg-wrap::after { aspect-ratio: 375/835; background: url("../img/bg_urban_sp.png") no-repeat 50% 100%/contain; opacity: .4; mix-blend-mode: multiply; z-index: 5; }

.sec--career { position: relative; z-index: 10; }
.career-ttl-wrap { position: relative; padding-bottom: 48px; }
.career-ttl-wrap::before { position: absolute; top: -75px; left: 50%; transform: translateX(-50%); display: block; width: 345px; height: 117px; background: url("../img/deco_career_title.svg") no-repeat center/contain; content: ""; z-index: 0; }
.career-ttl { position: relative; text-align: center; z-index: 10; }
.career-ttl img { width: 335px; max-width: none; }
.career-ttl-obj { position: absolute; display: block; aspect-ratio: 1/1; background: var(--c-yellow); opacity: .5; }
.career-ttl-obj--1,
.career-ttl-obj--2 { width: 20px; }
.career-ttl-obj--3 { width: 30px; }
@media only screen and (max-width: 680px) {
	.career-ttl-obj { top: 50%; left: 50%; }
	.career-ttl-obj--1 { transform: translate(-800%, -740%); }
	.career-ttl-obj--2 { transform: translate(740%, -390%); }
	.career-ttl-obj--3 { transform: translate(-490%, 90%); }
	.career-ttl-obj--4,
	.career-ttl-obj--5 { display: none; }
}
@media only screen and (min-width: 681px) {
	.bg-wrap { padding-top: 0; padding-bottom: 33px; }
	.bg-wrap::before { width: 100%; height: 1740px; aspect-ratio: none; background: url("../img/gra_career_outer_pc.png") no-repeat 50% 100%/100% 100%; }
	.bg-wrap::after { aspect-ratio: 1400/830; background-image: url("../img/bg_urban_pc.png"); }
	.career-ttl-wrap { width: 1000px; margin-left: auto; margin-right: auto; padding-top: 368px; padding-bottom: 72px; }
	.career-ttl-wrap::before { top: 195px; transform: translateX(-70%); width: 887px; height: 300px; }
	.career-ttl {  }
	.career-ttl img { width: 888px; }
	.career-ttl-obj--1,
	.career-ttl-obj--2 { width: 47px; }
	.career-ttl-obj--4,
	.career-ttl-obj--5 { width: 30px; }
	.career-ttl-obj--1 { top: 86px; left: -92px; }
	.career-ttl-obj--2 { bottom: 233px; right: -46px; }
	.career-ttl-obj--3 { top: 230px; left: -15px; }
	.career-ttl-obj--4 { bottom: 158px; right: -97px; }
	.career-ttl-obj--5 { bottom: 74px; right: 53px; }
}


/**********************************************************
	Career Slick
**********************************************************/
.career-sl-wrap { position: relative; }
.career-sl-wrap .slick-track { display: flex !important; align-items: center; }
.career-sl { transform: scale(0.9); width: 208px; transition: all .4s ease; }
.career-sl.slick-active { transform: scale(1); }

.career-sl a { position: relative; display: block; box-shadow: 4px 5px 1px rgba(94,171,234,0.08); }
.career-sl a::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url("../img/gra_career_sl_sp.png") repeat-x center/100% 100%; content: ""; z-index: 10; }
.career-sl__info { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; padding-bottom: 13px; font-weight: 700; text-align: center; color: #fff; z-index: 50; }
.career-sl__info__depa { position: relative; margin-bottom: 8px; font-size: 1.4rem; }
.career-sl__info__depa::before { position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); display: block; width: calc(100% - 14px); height: 1px; background: #fff; content: ""; }
.career-sl__info__occu::before { display: block; font-size: 1.3rem; content: "勤務先"; }
.career-sl__info__occu { font-size: 1.6rem; }
.career-sl__img {  }

.slick-prev, .slick-next { width: 36px; aspect-ratio: 1/1; z-index: 10; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity: 1; }

.slick-prev { left: 50%; transform: translateX(-350%); }
.slick-next { right: 50%; transform: translateX(350%); }
.slick-prev::before,
.slick-next::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 36px; aspect-ratio: 1/1; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; opacity: 1; }
.slick-prev::before { background-image: url("../img/icon_prev.svg"); }
.slick-next::before { background-image: url("../img/icon_next.svg"); }
.slick-dotted.slick-slider { margin-bottom: 76px; }
.career-sl-wrap .slick-list { padding-bottom: 10px !important; }
.slick-dots { bottom: -44px; }
.career-sl-wrap .slick-dots li { margin: 0; }
.career-sl-wrap .slick-dots li button { width: 10px; height: 10px; opacity: 1; background-color: #ccc; }
.career-sl-wrap .slick-dots li.slick-active button { background-color: var(--c-blue); }

.under-career-sl {  }
.under-career-sl__notice {  }
.under-career-sl__notice span { font-family: var(--ff-nosa); font-size: 1.0rem; font-weight: 400; line-height: 1.2; letter-spacing: 0.025em; }
.under-career-sl__btn { display: flex; justify-content: center; align-items: center; width: calc(100% - 80px); height: 50px; background: #fec800; border: 1px solid #fff; margin: 30px auto 0; }
.under-career-sl__btn ._icon { position: relative; width: 15px; height: 15px; margin-right: 18px; }
.under-career-sl__btn ._icon::before,
.under-career-sl__btn ._icon::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; background: #fff; content: ""; }
.under-career-sl__btn ._icon::before { width: 100%; height: 1px; }
.under-career-sl__btn ._icon::after { width: 1px; height: 100%; }
.under-career-sl__btn ._txt { display: flex; align-items: center; width: 87px; }
@media only screen and (max-width: 680px) {
	.career-sl-wrap { margin-left: -20px; margin-right: -20px; }
	.career-sl-wrap::before,
	.career-sl-wrap::after { position: absolute; display: block; aspect-ratio: 1/1; background: var(--c-yellow); opacity: .5; content: ""; }
	.career-sl-wrap::before { bottom: -20px; left: 50%; transform: translateX(-780%); width: 20px; }
	.career-sl-wrap::after { bottom: -70px; right: 50%; transform: translateX(570%); width: 30px; }
	.under-career-sl__notice span { display: block; }
	.under-career-sl__notice span:not(:first-of-type) { margin-top: 5px; }
}
@media only screen and (min-width: 681px) {
	.career-sl-wrap { left: 50%; transform: translateX(-50%); width: 100vw; }
	.career-sl { width: 260px; }
	.slick-prev, .slick-next { width: 45px; }
	.slick-prev { transform: translateX(-350%); }
	.slick-next { transform: translateX(350%); }
	.slick-prev::before,
	.slick-next::before { width: 45px; }
	.under-career-sl__notice span { font-size: 1.1rem; }
	.under-career-sl__notice span:not(:first-of-type) { margin-left: 5px; }
	.under-career-sl__btn { max-width: 960px; height: 70px; margin: 95px auto 0; }
	.under-career-sl__btn ._icon { margin-right: 28px; }
}

@media only screen and (min-width: 1401px) {
	.career-sl { width: 280px; }
	.slick-prev { transform: translateX(-380%); }
	.slick-next { transform: translateX(380%); }
}


/**********************************************************
	Occupation
**********************************************************/
.career-subttl { position: relative; font-size: 1.8rem; font-weight: 700; line-height: 1.2; text-align: center; }
.career-subttl::before { position: absolute; top: calc(100% + 19px); left: 50%; transform: translateX(-50%); display: block; width: 58px; height: 5px; content: ""; }
.occu { margin-top: 116px; }
.occu__ttl { margin-bottom: 66px; }
.occu__ttl::before { background: var(--c-blue); }
.occu__list-wrap { display: grid; grid-template-columns: auto auto; align-items: start; background: rgba(255,255,255,0.8); padding: 18px 20px 10px; }
.occu__list {  }
.occu__list li { margin-bottom: 7px; padding-left: 1.35em; text-indent: -1.35em; font-size: 1.4rem; font-weight: 700; }
.occu__list li::before { content: "\025cf"; margin-right: 5px; font-weight: 500; color: #fedc2c; }
@media only screen and (max-width: 680px) {
	.occu__list:nth-of-type(1) { order: 1; }
	.occu__list:nth-of-type(3) { order: 2; }
	.occu__list:nth-of-type(2) { order: 3; }
	.occu__list:nth-of-type(4) { order: 4; }
}
@media only screen and (min-width: 681px) {
	.career-subttl { font-size: 2.8rem; }
	.occu__ttl { margin-bottom: 70px; }
	.occu__list-wrap { grid-template-columns: repeat(4, auto); grid-template-rows: 1fr; grid-column-gap: 100px; grid-row-gap: 0px; padding: 66px 60px 59px; }
	.occu__list { position: relative; }
	.occu__list:not(:last-of-type)::before { position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 45px); display: block; width: 1px; height: calc(100% - 10px); background: #b3b3b3; content: ""; pointer-events: none; }
	.occu__list li { font-size: 1.6rem; }
}


/**********************************************************
	
**********************************************************/
.occu-depa-outer-wrap { margin-top: 69px; }
.occu-depa-ttl::before { background: #fee92c; }
.occu-depa-wrap { margin-top: 64px; }
.occu-depa { background-color: rgba(255,255,255,0.8); border: 1px solid #fff; }
.occu-depa__btn { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 54px; color: #000; }
.occu-depa__btn__txt { font-family: YakuHanMP, "Noto Serif JP", serif; font-size: 1.5rem; font-weight: 700; line-height: 1; letter-spacing: 0.025em; text-indent: 0.025em; text-align: center; }
.occu-depa__btn__txt sup { font-size: 70%; }
.occu-depa__btn__icon { position: absolute; top: 50%; transform: translateY(-50%); right: 25px; display: block; width: 12px; height: 12px; }
.occu-depa__btn__icon::before,
.occu-depa__btn__icon::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; background: var(--c-dblue); content: ""; }
.occu-depa__btn__icon::before { width: 100%; height: 1px; }
.occu-depa__btn__icon::after { width: 1px; height: 100%; transition: .4s; }

.occu-depa__btn.is-opened .occu-depa__btn__icon::after { width: 0; height: 0; }

.occu-depa__cont { position: relative; display: none; padding: 0 16px 10px; }
.occu-depa__cont::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: calc(100% - 32px); height: 1px; background: #b3b3b3; content: ""; transition: .4s; opacity: 0; }
.occu-depa__btn.is-opened+.occu-depa__cont::before { opacity: 1; }
.occu-depa__note { padding-top: 7px; font: 400 1.0rem var(--ff-nosa); line-height: 1.3; letter-spacing: 0.025em; }
.occu-depa__chart { padding-top: 20px; }
.occu-depa__list { column-count: 2; margin-top: 25px; }
.occu-depa__list li { break-inside: avoid; margin-bottom: 7px; padding-left: 1.35em; text-indent: -1.35em; font-size: 1.1rem; font-weight: 400; line-height: 1.3; }
.occu-depa__list li::before { content: "\025cf"; margin-right: 5px; font-weight: 500; color: var(--c-blue); }

.occu-depa-notice { margin-top: 28px; }
.occu-depa-notice li { font-family: var(--ff-nosa); font-size: 1.0rem; font-weight: 400; line-height: 1.2; letter-spacing: 0.025em; }
.occu-depa-outer-wrap .occu-depa-notice li { color: #fff; }
@media only screen and (max-width: 680px) {
	.occu-depa:not(:first-of-type) { margin-top: 14px; }
	.occu-depa__note { text-indent: 0.025em; text-align: center; }
	.occu-depa-notice li:not(:first-of-type) { margin-top: 3px; }
}
@media only screen and (min-width: 681px) {
	.occu-depa-outer-wrap { margin-top: 87px; }
	.occu-depa-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
	.occu-depa { width: calc(50% - 12px); margin-bottom: 24px; }
	.occu-depa__btn { height: 90px; }
	.occu-depa__btn__txt { font-size: 2.0rem; }
	.occu-depa__btn__icon { width: 20px; height: 20px; }
	.occu-depa__note { padding-top: 14px; font-size: 1.1rem; text-align: right; }
	.occu-depa__chart { padding-top: 42px; }
	
	.occu-depa__list { margin-top: 50px; }
	.occu-depa__list li { margin-bottom: 1px; font-size: 1.5rem; line-height: 1.8; }
	
	.occu-depa-notice { display: flex; margin-top: 26px; }
	.occu-depa-notice li { font-size: 1.1rem; }
	.occu-depa-notice li:not(:first-of-type) { margin-left: 5px; }
}


/**********************************************************
	
**********************************************************/
.bg-white { background: #fff; padding-bottom: 100px; }

.sec--got { padding-top: 95px; }
.got-ttl { position: relative; font-size: 2.4rem; font-weight: 700; line-height: 1.2; text-align: center; white-space: nowrap; }
.got-ttl ._emp { color: var(--c-blue); }
.got-ttl::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100vw; height: 1px; background: var(--c-dblue); content: ""; }
.got { background: url("../img/bg_got_sp.png") no-repeat 0% 0%/auto 318px; }
.got__ttl { position: relative; display: inline-block; margin-bottom: 44px; padding-left: 16px; font-size: 1.6rem; font-weight: 700; line-height: 1; color: #fff; }
.got__ttl::before { position: absolute; display: block; bottom: 0; left: -20px; width: calc(100% + 20px); height: 1px; background: #fff; content: ""; }
.got__list { column-count: 2; width: 300px; font-size: 1.4rem; font-weight: 500; line-height: 1; letter-spacing: -0.025em; color: #fff; }
.got__list li { break-inside: avoid; margin-bottom: 15px; }
.got__list li::before { content: "\025cf"; margin-right: 5px; font-weight: 500; color: var(--c-yellow); }
@media only screen and (max-width: 680px) {
	.got { position: relative; max-width: 675px; min-height: 318px; margin-top: 71px; margin-right: -20px; padding: 50px 0 0 20px; }
	.got__ttl {  }
}
@media only screen and (min-width: 441px) {
	.got__list { width: 100%; }
}
@media only screen and (min-width: 681px) {
	.bg-white { padding-bottom: 160px; }
	.sec--got { padding-top: 255px; }
	.got-ttl { font-size: 5.2rem; }
	.got { position: relative; width: 1160px; height: 323px; background: url("../img/bg_got_pc.png") no-repeat center/auto 100%; margin-top: 107px; margin-left: 150px; padding: 60px 0 0 355px; }
	.got::before,
	.got::after { position: absolute; display: block; background-repeat: no-repeat; background-size: contain; background-position: center; box-shadow: 4px 5px 3px 0px rgba(159,170,237,0.08); content: ""; }
	.got::before { top: 60px; left: -62px; width: 337px; height: 228px; background-image: url("../img/ph_got_1.jpg"); z-index: 10; }
	.got::after { top: -110px; right: calc(100% + 20px); width: 279px; height: 198px; background-image: url("../img/ph_got_2.jpg"); z-index: 20; }
	.got__ttl { position: absolute; top: 60px; left: 355px; display: inline-block; margin-bottom: 44px; padding-left: 0; }
	.got__ttl::before { left: auto; right: 0; width: calc(100% + 375px); }
	.got__list { width: 474px; font-size: 2.0rem; }
	.got__list::before { display: block; height: 20px; margin-bottom: 22px; content: ""; }
	.got__list li { margin-bottom: 22px; }
}


/**********************************************************
	
**********************************************************/
.sec--tc { padding-top: 87px; }
.tc-ttl { font-size: 2.0rem; font-weight: 700; line-height: 1.55; text-align: center; }
.tc-underttl { margin-top: 10px; font-size: 1.5rem; font-weight: 700; line-height: 1; text-align: center; color: #346ca8; }
.tc-tbl-wrap { border-top: 1px solid #000; margin-top: 26px; }
.tc-tbl { border-bottom: 1px solid #000; width: 100%; font-weight: 700; }
.tc-tbl colgroup col:nth-of-type(1) { width: 7.5% }
.tc-tbl colgroup col:nth-of-type(2) { width: 25.5%; }
.tc-tbl colgroup col:nth-of-type(3) { width: 67%; }
.tc-tbl th { background: #a7defb; padding: 5px 5px; font-size: 1.1rem; line-height: 1.45; color: var(--c-navy); }
.tc-tbl th.cate { background: var(--c-blue); font-size: 0.9rem; color: #fff; }
.tc-tbl td { background: #fff; padding: 5px 10px; font-size: 1.2rem; line-height: 1.75; }
.tc-tbl tr:not(:last-of-type) th { border-bottom: 1px solid #fff; }
.tc-tbl tr:not(:last-of-type) td { border-bottom: 1px solid #c7c3c9; }
.sec--tc .occu-depa-notice { margin-top: 20px; }
.sec--tc .occu-depa-notice li { color: #000; }

@media only screen and (max-width: 680px) {
	.tc-tbl colgroup col:nth-of-type(1) { width: 10% }
	.tc-tbl colgroup col:nth-of-type(2) { width: 22.5%; }
	.tc-tbl colgroup col:nth-of-type(3) { width: 67.5%; }
	.tc-tbl th.cate { border-bottom: none !important; padding: 0; text-align: center; }
	.tc-tbl td span { display: block; }
	.tc-tbl td span._sepa { display: none; }
	.line-single th,
	.line-single td { padding-top: 15px; padding-bottom: 16px; }
}
@media only screen and (min-width: 681px) {
	.sec--tc { padding-top: 115px; }
	.tc-ttl { font-size: 2.8rem; line-height: 1; }
	.tc-underttl { margin-top: 18px; font-size: 1.6rem; }
	.tc-tbl-wrap { margin-top: 58px; }
	.tc-tbl th,
	.tc-tbl td { padding: 17px 22px; font-size: 1.5rem; }
	.tc-tbl th.cate { border-bottom: none !important; padding-left: 0; padding-right: 0; font-size: 1.7rem; text-align: center; }
}


/**********************************************************
	小学校教諭免許取得プログラム
**********************************************************/
.sec--elmt { position: relative; padding-top: 115px; padding-bottom: 142px; }
.sec--elmt .l-wrapper { position: relative; z-index: 100; }
.sec--elmt::before,
.sec--elmt::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ""; }
.sec--elmt::before { background: #fec800; clip-path: polygon(0 27%, 100% 0%, 100% 100%, 0 73%); opacity: .6; z-index: 0; }
.sec--elmt::after { background-color: transparent; background-image: radial-gradient(circle, #fec800 1px, transparent 1px), radial-gradient(circle, #fec800 1px, transparent 1px); background-position: 0 0, 4px 8px; background-size: 8px 16px; clip-path: polygon(0 0, 100% 29%, 100% 71%, 0 100%); z-index: 5; }
.elmt-ttl { display: flex; flex-direction: column; align-items: center; text-align: center; }
.elmt-ttl__sub { font-size: 1.4rem; font-weight: 700; line-height: 1; letter-spacing: 0.15em; text-indent: 0.15em; color: var(--c-navy); }
.elmt-ttl__main { display: flex; justify-content: center; align-items: center; width: 100%; height: 30px; background: var(--c-navy); margin-top: 12px; clip-path: polygon(5px 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%); font-size: 1.9rem; font-weight: 700; line-height: 1; color: #fff; }
.elmt-catch { margin-top: 10px; font-size: 1.4rem; font-weight: 500; line-height: 1.64; text-align: center; color: var(--c-navy); }
.elmt { background: rgba(255,255,255,0.7); border: 2px solid #fff; margin-top: 20px; padding: 19px 20px 19px; text-align: center; }
.elmt__label { display: inline-block; font-size: 1.4rem; font-weight: 400; line-height: 1; letter-spacing: 0.05em; text-indent: 0.05em; text-align: center; }
.elmt__label::before { content: "［"; margin-right: 10px; }
.elmt__label::after { content: "］"; margin-left: 10px; }
.elmt__ttl { margin-top: 10px; text-align: center; }
.elmt__ttl span { display: inline-block; border-bottom: 2px solid var(--c-navy); margin-bottom: 5px; padding-bottom: 4px; font-size: 1.7rem; font-weight: 700; line-height: 1; letter-spacing: 0.05em; text-indent: 0.05em; }
.elmt__txt { padding-top: 9px; font-size: 1.5rem; font-weight: 400; line-height: 1.8; text-align: justify; }
.elmt__notice { margin-top: 5px; font-family: var(--ff-nosa); font-size: 1.1rem; font-weight: 400; line-height: 1.2; text-align: left; }
@media only screen and (max-width: 680px) {
	.elmt-ttl { padding-left: 10px; padding-right: 10px; }
	.elmt { width: calc(100% - 20px); margin-left: auto; margin-right: auto; }
}
@media only screen and (min-width: 681px) {
	.sec--elmt { padding-top: 175px; padding-bottom: 200px; }
	.elmt-ttl {  }
	.elmt-ttl__sub { font-size: 2.0rem; }
	.elmt-ttl__main { max-width: 492px; height: 58px; clip-path: polygon(10px 0, 100% 0%, calc(100% - 10px) 100%, 0% 100%); font-size: 2.8rem; }
	.elmt-catch { margin-top: 15px; font-size: 1.5rem; }
	.elmt { max-width: 606px; margin-top: 26px; margin-left: auto; margin-right: auto; padding: 40px 55px 55px; }
	.elmt__label { font-size: 1.5rem; }
	.elmt__ttl { margin-top: 20px; text-align: center; }
	.elmt__ttl span { margin-bottom: 10px; font-size: 1.8rem; }
	.elmt__txt {  }
	.elmt__notice { margin-top: 15px; font-size: 1.2rem; text-align: right; }
}


/**********************************************************
	License
**********************************************************/
.sec--lic { padding-top: 29px; }
.sec--lic .l-wrapper { padding-left: 10px; padding-right: 10px; }
.lic-ttl { font-size: 2.0rem; font-weight: 700; line-height: 1.55; text-align: center; }
.lic-wrap { margin-top: 37px; }
.lic { display: flex; justify-content: space-between; align-items: center; height: 108px; background: #f4f5f7; padding-left: 30px; padding-right: 30px; border: 1px solid var(--c-blue); box-shadow: 4px 5px 1px rgba(0,0,0,0.08); color: var(--c-blue); }
.lic__txt { font-size: 1.8rem; font-weight: 700; }
.lic__txt__main,
.lic__txt__sub { display: block; }
.lic__txt__main {  }
.lic__txt__sub { margin-top: 2px; font-size: 70%; }
.lic__txt__sub::before { content: "［"; }
.lic__txt__sub::after { content: "］"; }
.lic::after { width: 15px; height: 17px; background: url("../img/icon_lic_arrow.svg") no-repeat center/contain; content: ""; }
@media only screen and (max-width: 680px) {
	.lic:not(:first-of-type) { margin-top: 20px; }
}
@media only screen and (min-width: 681px) {
	.sec--lic { padding-top: 66px; }
	.sec--lic .l-wrapper { padding-left: 88px; padding-right: 88px; }
	.lic-ttl { font-size: 2.8rem; }
	.lic-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; margin-top: 73px; }
	.lic { padding-left: 50px; padding-right: 50px; }
}


/**********************************************************
	
**********************************************************/

@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}


/**********************************************************
	
**********************************************************/

@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}


/**********************************************************
	
**********************************************************/

@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}


/**********************************************************
	
**********************************************************/

@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}


/**********************************************************
	
**********************************************************/

@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}


/**********************************************************
	
**********************************************************/

@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}


/**********************************************************
	
**********************************************************/

@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}


/**********************************************************
	
**********************************************************/

@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}


/**********************************************************
	
**********************************************************/

@media only screen and (max-width: 680px) {
	
}
@media only screen and (min-width: 681px) {
	
}