@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
:root {
	--ff-grmd: "EB Garamond", serif;
	--ff-josefin: "Josefin Sans", sans-serif;
	/*	career 下層ページ用	*/
	--ff-nose: YakuHanMP, "Noto Serif JP", serif;
	--c-txt: #4c505b;		/*	本文					*/
	--c-ink: #3e3a39;		/*	英字見出し・罫線		*/
	--c-seiji: #f39524;		/*	政治学科				*/
	--c-keizai: #00a1ac;	/*	経済学科				*/
	--c-accent: #ffa245;	/*	学年・キャンパス名		*/
	--c-lime: #d3d649;		/*	特長見出し帯			*/
	--c-purple: #9e8cd8;	/*	特長カード見出し		*/
	--c-purple-d: #927dd3;	/*	特長カード見出し（濃）	*/
}




/*	iOS Sarafi Hack	*/
_::-webkit-full-page-media,
_:future,
:root .something {  }



/*----------------------------
	Common Things
----------------------------*/
.whole-wrap { background: #fff; }
.subttl { color: #3e3a39; }
.subttl__en { position: relative; font: 400 9.7rem var(--ff-grmd); line-height: 1; }
.subttl__en::before { position: absolute; left: 2px; bottom: -3px; display: block; width: calc(100% - 2px); height: 8px; background: #3e3a39; content: ""; }
.subttl__jp { font-size: 1.5rem; font-weight: 500; line-height: 1; letter-spacing: 0.86em; }
.subttl__jp::before { content: "［"; }
.subttl__jp::after { content: "］"; }

.subcatch { font-family: var(--ff-nose); font-weight: 700; color: var(--c-txt); text-align: center; }
.subcatch::after { content: ""; display: block; width: 3px; height: 39px;
	background: url("../img/top/icon_dotline.png") no-repeat center/contain; }
.fixed-btn-wrap { display: none; }
@media screen and (max-width: 680px) {
	.l-wrapper { width: calc(100% - 40px); }
	.subttl__en,
	.subttl__jp { display: inline-block; }
	.subttl__jp { margin-top: 18px; }
	
	.subcatch { margin-top: 78px; font-size: 2.0rem; line-height: 1.6; letter-spacing: 0.11em; text-indent: 0.11em; }
	.subcatch::after { height: 40px; margin: 15px auto 0; }
}
@media screen and (min-width: 681px) {
	.subttl { display: flex; align-items: center; }
	.subttl__en { font-size: 18.7rem; }
	.subttl__jp { margin-top: 42px; margin-left: 48px; font-size: 2.3rem; letter-spacing: 1.06em; }
	
	.subcatch { margin-top: 76px; font-size: 2.8rem; line-height: 1.64; letter-spacing: 0.11em; text-indent: 0.11em; }
	.subcatch::after { height: 39px; margin: 24px auto 0; }
}

@media screen and (max-width: 820px) {
	
}
@media screen and (min-width: 821px) {
	
}



/*----------------------------
	Career - Top
----------------------------*/
.subfv { position: relative; display: flex; width: 100%; background: url("../img/top/bg_subfv_sp.jpg") no-repeat center/cover; z-index: 100; }
.subfv__ttl {  }
.subfv__catch {  }
@media screen and (max-width: 680px) {
	.subfv { justify-content: center; align-items: center; height: calc(100svh - 60px); margin-top: 60px; }
	.subfv__ttl { text-align: center; }
	.subfv__ttl img { width: calc(100% - 42px); }
	.subfv__catch { position: absolute; top: 20px; right: 24px; width: 96px; }
}
@media screen and (min-width: 681px) {
	.subfv { justify-content: space-between; height: calc(100vh - 100px); background-image: url("../img/top/bg_subfv_pc.jpg"); margin-top: 100px; padding: 60px 70px 0 60px; }
	.subfv__ttl { width: 617px; margin-top: 25px; }
	.subfv__catch { width: 177px; }
}


/*----------------------------
	Stories
----------------------------*/
.sec--stories { background: #fff; padding-top: 35px; padding-bottom: 140px; }
.stories-wrap { margin-top: 27.2vw; }
.stories {  }
.stories__img { position: relative; 
}
.stories__img__txt { position: absolute; top: -21.335vw; aspect-ratio: 86/321; width: 22.935vw; z-index: 10; }


.stories__img__who { position: relative; height: 58.67vw; background-repeat: no-repeat; background-position: center; background-size: cover; }
.stories__img__who::before { position: absolute; top: 0; display: block; width: 29.334vw; aspect-ratio: 110/220; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; z-index: 10; }
.stories__img__who__person { position: absolute; bottom: 0; width: auto; }

.stories__info { color: #474d6d; }
.stories__info__ttl { position: relative; margin-bottom: 34px; font: 700 2.6rem var(--ff-nose); line-height: 1.4; }
.stories__info__ttl__cname,
.stories__info__ttl__coccu { display: block; }
.stories__info__ttl__cname {  }
.stories__info__ttl__coccu { font-size: 1.6rem; }
.stories__info__ttl::before { position: absolute; bottom: -10px; display: block; width: 100vw; height: 1px; background: var(--c-ink); content: ""; }
.stories__info__dtl { display: grid; grid-template-columns: 110px 1fr; grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 0px; }
.stories__info__dtl__label { align-content: center; background: var(--c-lime); text-align: center; font-size: 1.6rem; font-weight: 700; line-height: 1; color: #fff; }
.stories__info__dtl__txt {  }
.stories__info__dtl__txt__name { font-size: 1.6rem; font-weight: 500; line-height: 1; }
.stories__info__dtl__txt__name::after { font-size: 1.2rem; content: "さん"; }
.stories__info__dtl__txt__data { margin-top: 8px; font-size: 1.3rem; font-weight: 400; line-height: 1.5; }
.stories__info__more { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 46px; background: var(--c-accent); border-radius: 23px; margin-top: 40px; font: 500 1.5rem var(--ff-josefin); line-height: 1; letter-spacing: 0.11em; text-indent: 0.11em; text-align: center; color: #fff; }
.stories__info__more::before { position: absolute; top: 50%; transform: translateY(-50%); right: 8px; display: block; width: 30px; height: 30px; background: #fff url("../img/top/icon_arrow_more.png") no-repeat 50% 50%/10px 8px; border-radius: 50%; content: ""; }
.stories__info__more._disable { background: #c9caca; pointer-events: none; }
.stories:not(:first-of-type) { margin-top: 37.335vw; }

.stories:nth-child(odd) .stories__img__who { background-image: url("../img/top/bg_stories_1_sp.jpg"); }
.stories:nth-child(odd) .stories__img__who::before { left: 0; background-image: url("../img/top/mask_stories_odd.png"); }
.stories:nth-child(odd) .stories__img__txt { left: 61.5vw; }

.stories:nth-child(even) .stories__img__who { background-image: url("../img/top/bg_stories_2_sp.jpg"); }
.stories:nth-child(even) .stories__img__who::before { right: 0; background-image: url("../img/top/mask_stories_even.png"); }
.stories:nth-child(even) .stories__img__txt { right: 61.5vw; }

@media screen and (max-width: 680px) {
	.stories__info { margin-top: 42px; }
	.stories__info__ttl::before { left: 50%; transform: translateX(-50%); }
	.stories:nth-child(odd) .stories__img__who { margin-right: -20px; }
	
	.stories:nth-child(odd) .stories__img__who::before { clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%); }
	.stories:nth-child(even) .stories__img__who { margin-left: -20px; }
	.stories:nth-child(even) .stories__img__who::before { clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%); }
	.stories:nth-child(1) .stories__img__who__person { left: 0; height: 80vw; }
	.stories:nth-of-type(1) .stories__img__txt { top: -21.335vw; }
	.stories:nth-child(2) .stories__img__who__person { right: 0; height: 73vw; }
	.stories:nth-of-type(2) .stories__img__txt { top: -9.335vw; }
}
@media screen and (min-width: 681px) {
	
	.sec--stories { padding-top: 80px; padding-bottom: 150px; }
	.sec--stories .l-wrapper { min-width: 1000px; width: 1000px; }
	.stories-wrap { margin-top: 56px; }
	.stories { position: relative; display: flex; align-items: center; min-height: 440px; }
	.stories__img { position: absolute; width: 680px; }
	.stories__img::before { position: absolute; bottom: 0; display: block; width: 480px; aspect-ratio: 480/520; background-repeat: no-repeat; background-position: 50% 100%; background-size: contain; clip-path: polygon(25% 0, 75% 0, 75% 20%, 25% 20%); content: ""; z-index: 100; }
	.stories:nth-child(1) .stories__img::before { left: 0; background-image: url("../img/top/ph_stories_1_pc.png"); }
	.stories:nth-child(2) .stories__img::before { right: 0; background-image: url("../img/top/ph_stories_2_pc.png"); }
	
	.stories__img__txt { top: -30px; width: 132px; height: auto; }
	.stories__img__who { height: 440px; overflow: hidden; }
	.stories__img__who::before { width: 220px; }
	.stories__img__who__person { height: 520px; }
	
	
	.stories__info { width: 430px; }
	.stories__info__ttl { margin-bottom: 54px; font-size: 3.6rem; white-space: nowrap; }
	.stories__info__ttl::before { bottom: -15px; z-index: 20; }
	.stories__info__dtl { grid-template-columns: 140px 1fr; grid-column-gap: 24px; }
	.stories__info__dtl__label { font-size: 2.2rem; }
	.stories__info__dtl__txt {  }
	.stories__info__dtl__txt__name { font-size: 1.8rem; }
	.stories__info__dtl__txt__name::after { font-size: 1.4rem; }
	.stories__info__dtl__txt__data { margin-top: 10px; font-size: 1.4rem; line-height: 1.714; }
	.stories__info__more { height: 56px; border-radius: 28px; margin-top: 46px; }
	.stories__info__more::before { width: 40px; height: 40px; background-size: 15px 9px; }
	
	.stories:not(:first-of-type) { margin-top: 60px; }

	.stories:nth-child(odd) { padding-left: 45px; }
	.stories:nth-child(odd) .stories__img__who { background-image: url("../img/top/bg_stories_1_pc.jpg"); }
	.stories:nth-child(odd) .stories__img__txt { left: 315px; }
	.stories:nth-child(odd) .stories__info__ttl::before { right: -56px; }

	.stories:nth-child(even) { justify-content: flex-end; padding-right: 45px; }
	.stories:nth-child(even) .stories__img__who { background-image: url("../img/top/bg_stories_2_pc.jpg"); }
	.stories:nth-child(even) .stories__img__txt { right: 315px; }
	.stories:nth-child(even) .stories__info__ttl::before { left: -56px; }

	
	.stories:nth-child(odd) .stories__img { left: 520px; }
	.stories:nth-child(even) .stories__img { right: 520px; }
	.stories:nth-child(1) .stories__img__who__person {  }
	.stories:nth-child(2) .stories__img__who__person { right: 0; }
}


@media screen and (min-width: 1056px) {
	.stories__img { width: calc(50% + 50vw - 520px); }
}



/*----------------------------
	Career - 共通レイアウト
----------------------------*/
/*	デザインの版面は PC 1000px / SP 左右20px（style.css の .l-wrapper を上書き）	*/
.l-wrapper--career {  }
@media screen and (max-width: 680px) {
	.l-wrapper--career { width: calc(100% - 40px); }
	
}
@media screen and (min-width: 681px) {
	.l-wrapper--career { min-width: 1000px; max-width: 1000px; }
	
}



/*----------------------------
	Fact - 就職実績
----------------------------*/
/*	背景の斜めグラデーション装飾は書き出し画像を想定（CSSグラデーションへの置き換えも可）	*/
.sec--fact { position: relative; background: #fff; padding-top: 57px; }
.sec--fact::before,
.sec--fact::after { position: absolute; display: block; background-repeat: no-repeat; content: ""; }
.sec--fact::before { top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 170px; background-image: url("../img/top/deco_fact_upper_sp.png"); background-size: 100% 100%; }
.sec--fact::after { bottom: -80px; left: 50%; transform: translateX(-50%); width: 100vw; height: 280px; background-image: url("../img/top/deco_fact_lower_sp.png"); background-size: 100% 100%; }
.fact-wrap {  }
.fact { display: flex; flex-direction: column; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }
.fact--seiji { --c-fact: var(--c-seiji); }
.fact--keizai { --c-fact: var(--c-keizai); }
.fact__ttl { position: relative; display: flex; justify-content: center; align-items: center; padding-bottom: 2px; background-color: var(--c-fact); font-family: var(--ff-nose); font-weight: 700; color: #fff; text-align: center; }
.fact__ttl::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-style: solid; border-color: var(--c-fact) transparent transparent; }
.fact__body { flex: 1; border: 1px solid var(--c-fact); border-top: none; }
.fact__cat-wrap { display: flex; flex-wrap: wrap; }
.fact__cat { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 55px; border: 1px solid var(--c-fact); border-radius: 4px; font-size: 1.4rem; font-weight: 500; color: var(--c-fact); line-height: 1.2; text-align: center; }
.fact__cat__note { font-size: 1.2rem; }
.fact__result-ttl { font-weight: 700; color: var(--c-fact); line-height: 1.4; }
.fact__result-ttl__term { font-weight: 500; }
.fact__result-txt { color: var(--c-txt); }
.fact__result-txt sup { font-size: 60%; }
.fact__result-note { color: var(--c-txt); text-align: right; }

@media screen and (max-width: 680px) {
	.sec--fact { padding-bottom: 120px; }
	
	.fact-wrap { margin-top: 32px; }
	.fact + .fact { margin-top: 33px; }
	.fact__ttl { height: 60px; font-size: 2.8rem; letter-spacing: 0.11em; text-indent: 0.11em; }
	.fact__ttl::after { border-width: 16px 12px 0; }
	.fact__body { padding: 37px 28px 28px; }
	.fact__cat-wrap { gap: 8px; }
	.fact__cat { width: calc((100% - 8px) / 2); }
	.fact__result-ttl { margin-top: 30px; font-size: 1.6rem; }
	.fact__result-ttl__term { display: block; margin-top: 2px; font-size: 1.3rem; }
	.fact__result-txt { margin-top: 12px; font-size: 1.3rem; line-height: 1.75; }
	.fact__result-note { margin-top: 6px; font-size: 1.0rem; }
}
@media screen and (min-width: 681px) {
	.sec--fact { padding: 122px 0 200px; background-image: url("../img/bg_fact_pc.jpg"); }
	
	.sec--fact::before { top: 0; left: 0; transform: none; width: 830px; height: 360px; background-image: url("../img/top/deco_fact_upper_pc.png"); background-size: contain; }
	.sec--fact::after { bottom: -250px; right: 0; left: auto; transform: none; width: 850px; height: 600px; background-image: url("../img/top/deco_fact_lower_pc.png"); background-size: contain; }
	
	.fact-wrap { display: flex; justify-content: space-between; margin-top: 49px; }
	.fact { width: 48.4%; }
	.fact__ttl { height: 80px; font-size: 3.4rem; letter-spacing: 0.11em; text-indent: 0.11em; }
	.fact__ttl::after { border-width: 17px 11px 0; }
	.fact__body { padding: 34px 28px 30px; }
	.fact__cat-wrap { gap: 13px 7px; }
	.fact__cat { width: calc((100% - 14px) / 3); }
	.fact__result-ttl { margin-top: 31px; font-size: 1.8rem; }
	.fact__result-ttl__term { margin-left: 2px; font-size: 1.5rem; }
	.fact__result-txt { margin-top: 12px; font-size: 1.4rem; line-height: 1.75; }
	.fact__result-note { margin-top: 6px; font-size: 1.2rem; }
}



/*----------------------------
	Reason - 2つのキャンパス
----------------------------*/
.sec--reason {  }
.sec--reason .subttl__jp { letter-spacing: 0.18em; }
.reason-inner { background-color: #fff; border-radius: 0 80px 80px 0; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); }
.campus-wrap { margin-top: 67px; }
.campus {  }
.campus__hd {  }
.campus__grade {  }
.campus__grade__num {  }
.campus__grade__num img { width: auto; height: 45px; margin-right: 5px; }
.campus__grade__dot { font-size: 0.35em; margin: 0 -0.3em; vertical-align: 0.28em; }
.campus__grade__unit { font-weight: 700; color: var(--c-accent); }
.campus__name { font-family: var(--ff-nose); font-weight: 700; color: var(--c-accent); line-height: 1; }
.campus-lead { border-left: 8px solid var(--c-lime); }
.campus-lead__ttl { font-family: var(--ff-nose); font-weight: 700; color: var(--c-txt); }
.campus-lead__txt { color: var(--c-txt); }
.feature-group {  }
.feature-group__ttl { background-color: var(--c-lime); font-family: var(--ff-nose); font-weight: 700; color: #fff; text-align: center; }
.feature-wrap {  }
.feature { position: relative; }
.feature__ttl { position: relative; display: flex; justify-content: center; align-items: center; background-color: var(--c-purple); font-size: 1.8rem; font-weight: 500; color: #fff; line-height: 1.25; text-align: center; }
.feature__ttl::before { content: ""; position: absolute; right: 4px; bottom: 4px; left: 4px; background-color: var(--c-purple-d); }
.feature__ttl__inner { position: relative; }
.feature__icn { text-align: center; }
.feature__icn img { width: auto; max-width: 100%; }
.feature__txt { color: var(--c-txt); }

@media screen and (max-width: 680px) {
	.sec--reason { padding-bottom: 80px; }
	.reason-inner { padding: 72px 0 100px; }
	.campus:not(:first-of-type) { margin-top: 65px; }
	.campus__hd { text-align: center; }
	.campus__grade {  }
	.campus__grade__unit { font-size: 1.4rem; }
	.campus__name { position: relative; margin-top: 24px; font-size: 1.6rem; letter-spacing: 0.05em; text-indent: 0.05em; }
	/*	罫線は SP のみ画面幅いっぱい	*/
	.campus__name::before { content: ""; position: absolute; top: -15px; left: calc(50% - 50vw); width: 100vw; height: 1px; background-color: var(--c-ink); }
	.campus-lead { margin-top: 44px; padding-left: 13px; }
	.campus-lead__ttl { font-size: 2.0rem; line-height: 1.4; }
	.campus-lead__txt { margin-top: 10px; font-size: 1.4rem; line-height: 1.75; }
	.feature-group { margin-top: 61px; }
	.feature-group + .feature-group { margin-top: 35px; }
	.feature-group__ttl { height: 50px; border-radius: 25px; font-size: 2.4rem; letter-spacing: 0.08em; text-indent: 0.08em; line-height: 50px; }
	.feature-wrap { margin-top: 25px; }
	.feature:not(:first-of-type) { margin-top: 26px; }
	.feature__ttl { height: 60px; }
	.feature__ttl::before { height: 26px; }
	.feature__icn { margin-top: 24px; }
	.feature__icn img { height: 130px; }
	.feature__txt { margin-top: 22px; font-size: 1.3rem; line-height: 2.0; }
}
@media screen and (min-width: 681px) {
	.sec--reason { position: relative; padding-bottom: 200px; }
	.sec--reason::before { position: absolute; right: 0; bottom: 0; display: block; width: 930px; height: 453px; background: url("../img/top/deco_reason_lower.png") no-repeat 100% 100%/contain; content: ""; z-index: 0; }
	.reason-inner { position: relative; border-radius: 0 200px 200px 0; padding: 100px 0 120px; z-index: 10; }
	.campus + .campus { margin-top: 34px; }
	.campus__hd { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 52px; }
	.campus__grade {  }
	.campus__grade__num img { height: 82px; }
	.campus__grade__unit { font-size: 2.0rem; }
	.campus__name { flex: 1; margin-left: -38px; padding-top: 12px; border-top: 1px solid var(--c-ink); font-size: 2.7rem; letter-spacing: 0.05em; text-align: right; }
	.campus-lead { margin-top: 52px; padding-left: 14px; }
	.campus-lead__ttl { font-size: 3.0rem; line-height: 1.4; letter-spacing: 0.02em; text-indent: 0.02em; }
	.campus-lead__txt { margin-top: 12px; font-size: 1.6rem; line-height: 1.75; }
	.feature-group { margin-top: 51px; }
	.feature-group + .feature-group { margin-top: 42px; }
	.feature-group__ttl { height: 60px; border-radius: 30px; font-size: 2.6rem; letter-spacing: 0.08em; text-indent: 0.08em; line-height: 60px; }
	.feature-wrap { display: flex; justify-content: space-between; margin-top: 32px; }
	.feature { width: 30.6%; }
	/*	カラム間の点線	*/
	.feature + .feature::before { content: ""; position: absolute; top: 0; bottom: 0; left: -23px; width: 3px; background-image: linear-gradient(to bottom, #b5b5b6 2px, transparent 2px); background-size: 3px 6px; }
	.feature__ttl { height: 69px; }
	.feature__ttl::before { height: 30px; }
	.feature__icn { margin-top: 30px; }
	.feature__icn img { height: 132px; }
	.feature__txt { margin-top: 36px; font-size: 1.4rem; line-height: 2.0; }
}


/*----------------------------
	More - Extension
----------------------------*/
.sec--reason + .sec--shadow { box-shadow: 0px 0px 80px 0px rgba(0,0,0,0.15); }
.sec--more { position: relative; z-index: 100; }
.footer { position: relative; z-index: 110; }
@media screen and (min-width: 681px) {
	
}


/*----------------------------
	東海大学の特待生入試
----------------------------*/
.sec--entry {
	--grad: linear-gradient(to right, #b47bff 0%, #655aff 50%, #007aff 100%);
	--line-w: 3px;		/*	右下の線の太さ		*/
	--line-gap: 3px;	/*	ボタンと線のすき間	*/
	--line-dur: .3s;	/*	線が消える速さ		*/
	padding-top: 77px; padding-bottom: 10px;
}
.clsBlank { fill: #fff; }
.entry-ttl { font-weight: 600; color: var(--c-darkgrey); text-align: center; }
.entry-bnr-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.entry-bnr { display: block; }

.entry-btn { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; background: var(--grad); }
.entry-btn__txt { font-weight: 600; color: #fff; line-height: 1; }
.entry-btn__icon { position: absolute; top: 50%; transform: translateY(-50%); display: block; color: #fff; }
/*	右下の線（ボタンと同じグラデーション）	*/
.entry-btn__line { position: absolute; display: block; background-image: var(--grad); }
.entry-btn__line--btm { right: calc(var(--line-w) * -1 - var(--line-gap)); bottom: calc(var(--line-w) * -1 - var(--line-gap)); left: calc(var(--line-w) + var(--line-gap)); height: var(--line-w); }
/*	縦線はグラデーションの右端の色だけが出るよう、ボタン幅ぶんに引き伸ばして右寄せ	*/
.entry-btn__line--rgt { top: calc(var(--line-w) + var(--line-gap)); right: calc(var(--line-w) * -1 - var(--line-gap)); bottom: calc(var(--line-w) * -1 - var(--line-gap)); width: var(--line-w); background-size: 1000px 100%; background-position: 100% 0; background-repeat: no-repeat; }

@media screen and (max-width: 680px) {
	.entry-ttl { font-size: 2.5rem; letter-spacing: 0.016em; text-indent: 0.016em; line-height: 1.4; }
	.entry-bnr-wrap { margin-top: 22px; }
	.entry-bnr { width: 100%; }
	.entry-bnr + .entry-bnr { margin-top: 12px; }
	.entry-btn { height: 78px; margin-top: 35px; padding-right: 45px; }
	.entry-btn__txt { font-size: 2.3rem; letter-spacing: 0.04em; }
	.entry-btn__icon { right: 29px; width: 25px; height: 25px; }
}
@media screen and (min-width: 681px) {
	.sec--entry { padding-top: 127px; }
	.entry-ttl { font-size: 4.0rem; letter-spacing: 0.036em; text-indent: 0.036em; line-height: 1; }
	.entry-bnr-wrap { margin-top: 52px; }
	.entry-bnr { width: 49%; transition: .4s; }
	.entry-bnr:hover { opacity: .8; }
	.entry-btn { height: 70px; margin-top: 40px; }
	.entry-btn__txt { font-size: 2.5rem; }
	.entry-btn__icon { right: 29px; width: 30px; height: 30px; }
}
/*	hover：下の線が左→右に消え、続けて右の線が下→上に消える	*/
@media (any-hover: hover) and (min-width: 681px) {
	.entry-btn__line { transition: transform var(--line-dur) ease; }
	/*	戻りは「右の線 → 下の線」の順	*/
	.entry-btn__line--btm { transform-origin: right center; transition-delay: var(--line-dur); }
	.entry-btn__line--rgt { transform-origin: center top; transition-delay: 0s; }
	.entry-btn:hover .entry-btn__line--btm { transform: scaleX(0); transition-delay: 0s; }
	.entry-btn:hover .entry-btn__line--rgt { transform: scaleY(0); transition-delay: var(--line-dur); }
}

