@charset "UTF-8";

@font-face { font-family: 'dinpro700'; src: url('fonts/dinpro-bold.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; }
:root {
	--c-navy: #003856;
	--c-green: #4da159;
	--report-pink: #ec7993;
	--report-green: #70bc65;
	--report-blue: #48aae0;
	
}

/*	Common Things	*/
.l-body { color: #231815; }

.l-wrapper { width: calc(100% - 30px); }
.l-pc-lg-wrapper { max-width: 1100px; }
.sec--ag { background: url("../img/vol2/bg_ag_sp.jpg") no-repeat 50% 0/cover; padding-bottom: 52px; }



@media screen and (max-width: 680px) {
	
}
@media screen and (min-width: 681px) {
	.l-body { min-width: 1200px; }
	.sec--ag { background-image: url("../img/vol2/bg_ag_pc.jpg"); }
	.obj-person__txt__item { height: 20px; margin-top: 3px; padding-bottom: 1px; font-size: 1.4rem; }
	.obj-person__txt__item--name { padding-bottom: 2px; height: 24px; font-size: 1.9rem; }
	.obj-person__txt__item--name::after { transform: translateY(2px); font-size: 1.4rem; }
}
@media screen and (min-width: 1201px) {
}



/*--------------
	
--------------*/
/*		*/
.sec--sup { position: relative; background: #fffded; overflow: hidden; }
.sup-cont { position: relative; z-index: 10; }
@media screen and (max-width: 680px) {
	
}
@media screen and (min-width: 681px) {
	.sec--sup { padding-bottom: 150px; }
	
}

/*	Sup Intro	*/
.sup-intro { position: relative; padding-top: 36px; }
.sup-intro::before,
.sup-intro::after { position: absolute; left: 50%; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
.sup-intro::before { top: -113px; transform: translateX(-54%) rotate(-15deg); width: 441px; aspect-ratio: 1/1.385; background-image: url("../img/vol4/bg_sup_intro.svg"); z-index: 0; }
.sup-intro::after { top: 0; transform: translateX(25%) rotate(-22deg); width: 266px; aspect-ratio: 2/0.17; background-image: url("../img/vol4/obj_sup_intro.svg"); z-index: 20; }
.sup-intro__inner { position: relative; z-index: 10; }
.sup-intro__ttl { text-align: center; }
.sup-intro__ttl img { max-width: 430px; }
.sup-intro__txt { margin-top: 26px; font-size: 1.5rem; line-height: 1.8667; }
@media screen and (max-width: 680px) {
	.sup-intro { padding-left: 45px; padding-right: 45px; }
}
@media screen and (min-width: 681px) {
	.sup-intro { padding-top: 58px; }
	.sup-intro::before { top: -465px; transform: translateX(-55%) rotate(-15deg); width: 773px; }
.sup-intro::after { top: -8px; transform: translateX(25%) rotate(-22deg); width: 545px; }
	.sup-intro__inner { padding-left: 90px; }
	.sup-intro__txt { font-size: 1.8rem; line-height: 1.778; letter-spacing: -0.025em; text-align: center; }
}

/*	Sup Curriculum	*/
.sup-crcl-outer-wrap { position: relative; }
.sup-crcl-outer-wrap::before { position: absolute; top: -190px; left: 50%; transform: translateX(-47%); display: block; width: calc(100% + 80px); height: 150%; background: url("../img/vol4/bg_sup_sp.svg") no-repeat 50% 0%/100% auto; content: ""; z-index: 0; }

.sup-crcl-wrap { position: relative; margin-top: 280px; }
.sup-crcl-wrap::before,
.sup-crcl-wrap::after { position: absolute; z-index: 0; }
.sup-crcl-wrap::before { bottom: calc(100% - 6px); left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; width: 136px; height: 68px; background: #ffd800; border: 2px solid var(--c-navy); border-radius: 68px 68px 0 0; font-size: 2.4rem; font-weight: 700; line-height: 1; letter-spacing: 0.075em; text-indent: 0.075em; text-align: center; color: var(--c-navy); content: "START"; z-index: 5; }
.sup-crcl-wrap::after { top: calc(100% - 65px); left: 50%; transform: translateX(-50%); width: 136px; aspect-ratio: 1/1.375; background: url("../img/vol4/obj_crcl_goal.svg") no-repeat center/contain; content: ""; }

.sup-cont__obj--stu1 { position: absolute; top: -141px; left: -26px; width: 147px; z-index: 0; }

.sup-crcl { position: relative; background: #fff; border: 2px solid var(--c-navy); padding: 6px; color: var(--c-navy); z-index: 10; }
.sup-crcl--orange,
.sup-crcl--darkgreen,
.sup-crcl--purple { color: #fff; }
.sup-crcl__inner { padding: 20px 20px 18px; }
.sup-crcl__grade { background: rgba(255,255,255,0.8); margin-bottom: 6px; padding: 4px 0 6px; font-size: 1.6rem; font-weight: 700; line-height: 1; letter-spacing: 0.2em; text-indent: 0.2em; text-align: center; }
.sup-crcl__ttl { font-size: 1.6rem; font-weight: 700; line-height: 1.5; text-align: center; }
.sup-crcl__txt { margin-top: 13px; font-size: 1.2rem; font-weight: 500; line-height: 1.5; text-align: justify; }

.sup-crcl--orange .sup-crcl__inner { background: rgba(234,96,75,1.0); }
.sup-crcl--orange .sup-crcl__grade { color: rgba(234,96,75,1.0); }
.sup-crcl--pink .sup-crcl__inner { background: rgba(234,96,75,0.2); }
.sup-crcl--darkgreen .sup-crcl__inner { background: rgba(50,152,123,1.0); }
.sup-crcl--darkgreen .sup-crcl__grade { color: rgba(50,152,123,1.0); }
.sup-crcl--green .sup-crcl__inner { background: rgba(50,152,123,0.2); }
.sup-crcl--purple .sup-crcl__inner { background: rgba(99,85,161,1.0); }
.sup-crcl--purple .sup-crcl__grade { color: rgba(99,85,161,1.0); }

.sup-crcl--orange .sup-crcl__txt,
.sup-crcl--darkgreen .sup-crcl__txt,
.sup-crcl--purple .sup-crcl__txt { margin-top: 3px; }


.sup-crcl__arrow { position: absolute; width: 32px; height: 32px; background: var(--c-navy); border-radius: 50%; z-index: 10; }
.sup-crcl__arrow::before { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; background: url("../img/vol4/obj_crcl_arrow.svg") no-repeat center/contain; content: ""; }
.sup-crcl:first-of-type .sup-crcl__arrow { display: none; }

.sup-cont__stu2 { position: relative; left: 50%; transform: translateX(-48%); width: 364px; margin-top: 130px; }
.sup-cont__stu2 img {  }

.sup-crcl__wb { position: absolute; z-index: 50; }
.sup-crcl__wb img { height: 102px; }

.sup-crcl__wb--3 { top: -40px; right: -55px; }
.sup-crcl__wb--4 { top: -40px; left: -55px; }
.sup-crcl__wb--6 { top: -55px; right: -55px; }
.sup-crcl__wb--8 { top: -40px; left: -55px; }
.sup-crcl__wb--9 { top: -40px; right: -55px; }
@media screen and (max-width: 680px) {
	.sup-crcl-wrap { width: calc(100% - 90px); margin-left: auto; margin-right: auto; }
	.sup-crcl:not(:first-of-type) { margin-top: 14px; }
	.sup-crcl__arrow { left: 50%; transform: translateX(-50%); bottom: calc(100% - 8px); }
	.sup-crcl__arrow::before { transform: translate(-50%, -50%); }
}
@media screen and (min-width: 681px) {
	.sup-crcl-outer-wrap { padding-bottom: 186px; }
	.sup-crcl-outer-wrap::before { top: -561px; transform: translateX(-49%); width: 1383px; background-image: url("../img/vol4/bg_sup_pc.svg"); background-position: 50% 0; }
	.sup-cont__stu2 { position: absolute; bottom: -20px; left: 112px; width: 489px; height: 497px; }
	.sup-crcl-wrap { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 40px; width: calc(100% + 100px); margin-top: 100px; margin-left: -50px; }
	.sup-crcl { min-height: 278px; }
	.sup-crcl:nth-of-type(1) { grid-area: 1 / 1 / 2 / 2; }
	.sup-crcl:nth-of-type(2) { grid-area: 1 / 2 / 2 / 3; }
	.sup-crcl:nth-of-type(3) { grid-area: 1 / 3 / 2 / 4; }
	.sup-crcl:nth-of-type(4) { grid-area: 2 / 3 / 3 / 4; }
	.sup-crcl:nth-of-type(5) { grid-area: 2 / 2 / 3 / 3; }
	.sup-crcl:nth-of-type(6) { grid-area: 2 / 1 / 3 / 2; }
	.sup-crcl:nth-of-type(7) { grid-area: 3 / 1 / 4 / 2; }
	.sup-crcl:nth-of-type(8) { grid-area: 3 / 2 / 4 / 3; }
	.sup-crcl:nth-of-type(9) { grid-area: 3 / 3 / 4 / 4; }
	.sup-crcl:nth-of-type(10) { grid-area: 4 / 3 / 5 / 4; }
	.sup-crcl:nth-of-type(11) { grid-area: 4 / 2 / 5 / 3; }
	.sup-crcl-wrap::before { bottom: calc(100% - 6px); left: 87px; transform: none; width: 170px; height: 85px; border-radius: 85px 85px 0 0; font-size: 3.0rem; }
	.sup-crcl-wrap::after { top: calc(100% - 70px); width: 170px; }
	
	.sup-cont__obj--stu1 { top: -150px; left: -38px; }
	
	.sup-crcl { padding: 10px; }
	.sup-crcl__inner { height: 100%; padding-top: 34px; }
	.sup-crcl__grade { padding: 7px 0 9px; font-size: 2.6rem; }
	.sup-crcl__ttl { margin-left: -10px; margin-right: -10px; font-size: 3.0rem; line-height: 1.26; }
	.sup-crcl__txt { margin-top: 13px; font-size: 1.4rem; line-height: 1.785; }
	
	.sup-crcl--orange .sup-crcl__txt,
	.sup-crcl--darkgreen .sup-crcl__txt,
	.sup-crcl--purple .sup-crcl__txt { margin-top: 4px; }
	.sup-crcl--orange .sup-crcl__inner,
	.sup-crcl--darkgreen .sup-crcl__inner,
	.sup-crcl--purple .sup-crcl__inner { padding-top: 20px; }
	
	.sup-crcl:nth-of-type(3)::before,
	.sup-crcl:nth-of-type(4)::before,
	.sup-crcl:nth-of-type(9)::before,
	.sup-crcl:nth-of-type(10)::before { position: absolute; transform-origin: center; display: block; width: 29px; height: 29px; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
	
	.sup-crcl:nth-of-type(3),
	.sup-crcl:nth-of-type(9) { border-radius: 0 100px 0 30px; margin-bottom: -10px; }
	.sup-crcl:nth-of-type(3) .sup-crcl__inner,
	.sup-crcl:nth-of-type(9) .sup-crcl__inner { border-radius: 0 90px 0 0; }
	.sup-crcl:nth-of-type(3)::before,
	.sup-crcl:nth-of-type(9)::before { left: -2px; bottom: -2px; background-image: url("../img/vol4/mask_crcl_bl.svg"); }
	
	.sup-crcl:nth-of-type(4),
	.sup-crcl:nth-of-type(10) { border-radius: 30px 0 100px 0; margin-top: -10px; }
	.sup-crcl:nth-of-type(4) .sup-crcl__inner,
	.sup-crcl:nth-of-type(10) .sup-crcl__inner { border-radius: 0 0 90px 0; }
	.sup-crcl:nth-of-type(4)::before,
	.sup-crcl:nth-of-type(10)::before { left: -2px; top: -2px; background-image: url("../img/vol4/mask_crcl_ul.svg"); }
	
	.sup-crcl:nth-of-type(6) { border-radius: 100px 0 0 0; margin-bottom: -10px; }
	.sup-crcl:nth-of-type(6) .sup-crcl__inner { border-radius: 90px 0 0 0; }
	.sup-crcl:nth-of-type(6)::after { position: absolute; bottom: -50px; left: -97px; display: block; width: 130px; height: 297px; background: url("../img/vol4/obj_crcl_stu_2.png") no-repeat center/contain; content: ""; z-index: 100; }
	.sup-crcl:nth-of-type(7) { border-radius: 0 0 0 100px; margin-top: -10px; }
	.sup-crcl:nth-of-type(7) .sup-crcl__inner { border-radius: 0 0 0 90px; }
	.sup-crcl:nth-of-type(7) .sup-crcl__ttl,
	.sup-crcl:nth-of-type(7) .sup-crcl__txt { padding-left: 9px; }
	
	.sup-crcl__arrow { width: 50px; height: 50px; }
	.sup-crcl__arrow::before { width: 50px; height: 50px; }
	
	.sup-crcl:nth-of-type(2) .sup-crcl__arrow,
	.sup-crcl:nth-of-type(3) .sup-crcl__arrow,
	.sup-crcl:nth-of-type(8) .sup-crcl__arrow,
	.sup-crcl:nth-of-type(9) .sup-crcl__arrow
	{ top: 50%; transform: translateY(-50%); left: -36px; }
	
	.sup-crcl:nth-of-type(2) .sup-crcl__arrow::before,
	.sup-crcl:nth-of-type(3) .sup-crcl__arrow::before,
	.sup-crcl:nth-of-type(8) .sup-crcl__arrow::before,
	.sup-crcl:nth-of-type(9) .sup-crcl__arrow::before
	{ transform: translate(-47%, -50%) rotate(-90deg); }
	
	.sup-crcl:nth-of-type(5) .sup-crcl__arrow,
	.sup-crcl:nth-of-type(6) .sup-crcl__arrow,
	.sup-crcl:nth-of-type(11) .sup-crcl__arrow
	{ top: 50%; transform: translateY(-50%); right: -36px; }
	
	.sup-crcl:nth-of-type(5) .sup-crcl__arrow::before,
	.sup-crcl:nth-of-type(6) .sup-crcl__arrow::before,
	.sup-crcl:nth-of-type(11) .sup-crcl__arrow::before
	{ transform: translate(-53%, -50%) rotate(90deg); }
	
	.sup-crcl:nth-of-type(4) .sup-crcl__arrow,
	.sup-crcl:nth-of-type(7) .sup-crcl__arrow,
	.sup-crcl:nth-of-type(10) .sup-crcl__arrow
	{ left: 50%; transform: translateX(-50%); top: -36px; }
	.sup-crcl:nth-of-type(4) .sup-crcl__arrow::before,
	.sup-crcl:nth-of-type(7) .sup-crcl__arrow::before,
	.sup-crcl:nth-of-type(10) .sup-crcl__arrow::before
	{ transform: translate(-50%, -50%); }
	
	.sup-crcl:nth-of-type(10)::after { position: absolute; top: -215px; right: -102px; display: block; width: 153px; height: 303px; background: url("../img/vol4/obj_crcl_stu_3.png") no-repeat center/contain; content: ""; z-index: 100; }
	.sup-crcl__wb img { height: 142px; }
	.sup-crcl__wb--3 { top: -60px; right: -75px; }
	.sup-crcl__wb--4 { top: -10px; left: auto; right: -75px; }
	.sup-crcl__wb--6 { top: -70px; right: auto; left: -75px; }
	.sup-crcl__wb--8 { top: -80px; left: -85px; }
	.sup-crcl__wb--9 { top: -80px; right: -45px; }
	
}

/*--------------
		Recruit
--------------*/
/*	Wrap and Intro	*/
.sup-rcrt-outer-wrap { position: relative; background: url("../img/vol4/bg_rcrt_sp.jpg") no-repeat center/cover; padding: 115px 0 27px; }
.sup-rcrt-outer-wrap::before,
.sup-rcrt-outer-wrap::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; content: ""; pointer-events: none; }
.sup-rcrt-outer-wrap::before { width: calc(100% - 20px); height: calc(100% - 20px); border: 10px solid #fff; z-index: 0; }
.sup-rcrt-outer-wrap::after { width: calc(100% - 4px); height: calc(100% - 4px); border: 2px solid var(--c-navy); z-index: 1; }
.sup-rcrt-intro { position: relative; color: var(--c-navy); z-index: 10; }
.sup-rcrt-intro__label { position: absolute; bottom: calc(100% + 20px); left: 50%; transform: translateX(-50%); display: block; width: 130px; height: 130px; }

.sup-rcrt-intro__ttl img { width: 206px; }
.sup-rcrt-intro__txt { margin-top: 17px; font-size: 1.4rem; font-weight: 700; line-height: 1.785; letter-spacing: 0.01em; }
.sup-rcrt-intro__notice { margin-top: 4px; font-size: 1.0rem; font-weight: 500; line-height: 1.4; letter-spacing: 0.025em; }
.sup-rcrt-intro::before,
.sup-rcrt-intro::after { position: absolute; display: block; }
.sup-rcrt-intro::before { top: -60px; width: 72px; height: 71px; background: url("../img/vol4/icon_rcrt_hands.svg") no-repeat center/contain; content: ""; pointer-events: none; }

@media screen and (max-width: 680px) {
	.sup-rcrt-outer-wrap { width: calc(100% - 20px); margin: -165px auto 0; }
	.sup-rcrt-intro__ttl { text-align: center; }
	.sup-rcrt-intro__txt { text-indent: 0.01em; text-align: center; }
	.sup-rcrt-intro__notice { text-indent: 0.025em; text-align: center; }
	.sup-rcrt-intro::before { left: 50%; transform: translateX(90%); }
	.sup-rcrt-intro::after { top: 50%; left: 50%; transform: translate(-47%, -54%); width: 280px; height: 244px; background: url("../img/vol4/icon_rcrt_shine.svg") no-repeat center/contain; content: ""; }
}
@media screen and (min-width: 681px) {
	
.sup-rcrt-outer-wrap { background-image: url("../img/vol4/bg_rcrt_pc.jpg"); margin-left: -50px; margin-right: -50px; padding: 70px 0 887px; }
	.sup-rcrt-intro { display: inline-block; left: 50%; transform: translateX(-54%); padding-left: 250px; }
	.sup-rcrt-intro::after { position: absolute; top: 20px; left: -90px; display: block; width: 40px; height: 46px; background: url("../img/vol4/obj_rcrt_clip_green.svg") no-repeat center/contain; content: ""; }
	.sup-rcrt-intro__label { bottom: auto; top: 0; left: 0; transform: none; width: 220px; height: 220px; }
	.sup-rcrt-intro__ttl img { width: 408px; }
	.sup-rcrt-intro__txt { margin-top: 17px; font-size: 1.8rem; line-height: 1.445; letter-spacing: 0; }
	.sup-rcrt-intro__notice { margin-top: 13px; font-size: 1.2rem; }
	.sup-rcrt-intro::before { top: -5px; left: calc(100% - 10px); transform: none; width: 143px; height: 140px; }

}

/*	Recruit Items	*/
.sup-rcrt-wrap { margin-top: 60px; color: var(--c-navy); }
.sup-rcrt { position: relative; padding-bottom: 29px; }
.sup-rcrt::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 100%; height: 2px; background: url("../img/vol4/ptn_dot_line.svg") repeat-x center/6px auto; content: ""; }
.sup-rcrt__img { text-align: center; }
.sup-rcrt__img img { }

.sup-rcrt__cont {  }
.sup-rcrt__cont__ttl { font-size: 1.8rem; font-weight: 700; line-height: 1.223; text-align: center; }
.sup-rcrt__cont__ttl ._smaller { display: block; margin-top: 2px; font-size: 70%; }
.sup-rcrt__cont__txt { margin-top: 10px; font-size: 1.2rem; font-weight: 500; line-height: 1.75; text-align: justify; }
.sup-rcrt__cont__txt ._smaller { font-size: 80%; }
.sup-rcrt__obj { }
.sup-rcrt__deco { position: absolute; top: 50%; left: 50%; z-index: 50; }
.sup-rcrt__deco--chart { transform: translate(-260%, -405%); width: 38px; }
.sup-rcrt__deco--book { transform: translate(-190%, -177%); width: 92px; }
.sup-rcrt__deco--clip_purple { transform: translate(380%, -90%); width: 25px; }
.sup-rcrt__deco--laptop { transform: translate(90%, -170%); width: 78px; }
.sup-rcrt__deco--phone { transform: translate(-345%, -20%); width: 40px; }
.sup-rcrt__deco--bag { transform: translate(-268%, -180%); width: 66px; }
.sup-rcrt__deco--plane { transform: translate(178%, -30%); width: 58px; }
.sup-rcrt__deco--pencil { transform: translate(-320%, -222%); width: 33px; }
.sup-rcrt__deco--eraser { transform: translate(370%, 10%) rotate(-70deg); width: 25px; }
.sup-rcrt__deco--dress { transform: translate(67%, -133%); width: 82px; }
.sup-rcrt__deco--heel { transform: translate(-276%, -30%); width: 57px; }
.sup-rcrt__deco--docu { transform: translate(80%, -160%); width: 73px; }
.sup-rcrt__deco--meal { transform: translate(-180%, -180%) rotate(-27deg); width: 63px; }
@media screen and (max-width: 680px) {
	.sup-rcrt-wrap { padding-left: 40px; padding-right: 40px; }
	.sup-rcrt:last-of-type::before { display: none; }
	.sup-rcrt__cont { margin-top: 16px; }
	.sup-rcrt__cont__ttl { letter-spacing: 0.05em; text-indent: 0.05em; }
	.sup-rcrt__obj { position: relative; left: 50%; transform: translateX(-47%); width: 421px; margin-top: -40px; z-index: 100; }
	.sup-rcrt--busi .sup-rcrt__img img { width: 142px; }
	.sup-rcrt--kind .sup-rcrt__img img { width: 93px; }
	.sup-rcrt--serv .sup-rcrt__img img { width: 99px; }
	.sup-rcrt--tour .sup-rcrt__img img { width: 90px; }
	.sup-rcrt--teac .sup-rcrt__img img { width: 97px; }
	.sup-rcrt--desi .sup-rcrt__img img { width: 92px; }
	.sup-rcrt--psyc .sup-rcrt__img img { width: 98px; }
	.sup-rcrt--nutr .sup-rcrt__img img { width: 88px; }
}
@media screen and (min-width: 681px) {
	
.sup-rcrt-wrap { margin-top: 60px; color: var(--c-navy); }
.sup-rcrt { position: absolute; left: 50%; top: 50%; display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 10px; z-index: 50; }
.sup-rcrt::before { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; width: 100%; height: 2px; background: url("../img/vol4/ptn_dot_line.svg") repeat-x center/6px auto; content: ""; }
.sup-rcrt__img { text-align: center; }
.sup-rcrt__img img { width: auto; height: 166px;}
	
	.sup-rcrt__obj { position: absolute; bottom: 0; right: -63px; width: 490px; z-index: 100; }
	
	.sup-rcrt__cont { flex: 1; margin-left: 10px; }
.sup-rcrt__cont__ttl { font-size: 2.5rem; }
.sup-rcrt__cont__ttl ._smaller { displaymt: 4px; }
.sup-rcrt__cont__txt { margin-top: 10px; font-size: 1.4rem; line-height: 1.5; }
.sup-rcrt__cont__txt ._smaller { font-size: 80%; }
	.sup-rcrt--busi { transform: translate(-84%, -152%); width: 430px; padding-bottom: 6px; }
	.sup-rcrt--busi .sup-rcrt__cont { margin-left: 15px; }
	.sup-rcrt--teac { transform: translate(62%, -175%); width: 315px; }
	.sup-rcrt--serv { transform: translate(-34%, -64%); width: 296px; }
	.sup-rcrt--kind { transform: translate(-140%, -20%); width: 324px; }
	.sup-rcrt--nutr { transform: translate(-42%, 80%); width: 284px; }
	.sup-rcrt--psyc { transform: translate(-70%, 196%); width: 292px; }
	.sup-rcrt--tour { transform: translate(77%, -15%); width: 283px; }
	.sup-rcrt--desi { transform: translate(-182%, 97%); width: 274px; }
	
	
	.sup-rcrt__deco {  }
	.sup-rcrt__deco--chart { transform: translate(-420%, -215%); width: 46px; }
	.sup-rcrt__deco--book { transform: translate(-204%, -144%); width: 131px; }
	.sup-rcrt__deco--docu { transform: translate(-280%, 10%); width: 110px; }
	.sup-rcrt__deco--dress { transform: translate(-182%, 100%); width: 124px; }
	.sup-rcrt__deco--heel { transform: translate(228%, -150%); width: 60px; }
	.sup-rcrt__deco--meal { transform: translate(165%, -80%); width: 108px; }
	.sup-rcrt__deco--clip_purple { transform: translate(1110%, 150%); width: 37px; }
	.sup-rcrt__deco--phone { transform: translate(75%, -420%); width: 52px; }
	.sup-rcrt__deco--laptop { transform: translate(-491%, -318%); width: 120px; }
	.sup-rcrt__deco--plane { transform: translate(-281%, -270%); }
	.sup-rcrt__deco--bag { transform: translate(70%, -170%); width: 92px; }
	.sup-rcrt__deco--pencil { transform: translate(146%, -212%); width: 44px; }
	.sup-rcrt__deco--eraser { transform: translate(575%, -210%); width: 31px; }
}

/*		*/

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

/*		*/

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

/*		*/

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







/*--------------
		Report
--------------*/
/*	Intro	*/
.sec--report { background: #a7d074; padding-top: 47px; padding-bottom: 58px; }
.report-ttl { text-align: center; }
.report-ttl img { width: 209px; }
.report-label { margin-top: 20px; text-align: center; }
.report-label img { max-width: 510px; }
.report-intro { margin-top: 12px; font-size: 1.4rem; font-weight: 500; line-height: 1.8; text-align: justify; color: #fff; }
@media screen and (max-width: 680px) {
	.report-upper { padding-left: 18px; padding-right: 18px; }
}
@media screen and (min-width: 681px) {
	.sec--report { padding-top: 116px; padding-bottom: 195px; }
	.report-ttl img { width: 414px; }
	.report-label { margin-top: 42px; }
	.report-intro { margin-top: 43px; font-size: 1.8rem; line-height: 2; text-align: center; }
}
@media screen and (min-width: 1201px) {
	
}

/*	Interviewer	*/
.report-who { position: relative; background: var(--c-green); border-radius: 20px; margin-top: 86px; padding: 170px 30px 40px; color: #fff; }
.report-who__img { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); width: 200px; aspect-ratio: 1/1; border: 5px solid var(--c-green); border-radius: 50%; overflow: hidden; }
.report-who__list-wrap {  }
.report-who__list { font-weight: 700; }
.report-who__list dt { font-size: 1.4rem; }
.report-who__list dt strong { font-size: 1.6rem; font-weight: 700; }
.report-who__list dd { margin-top: 15px; font-size: 1.3rem; line-height: 1.5; }
.report-who__txt { margin-top: 20px; font-size: 1.4rem; font-weight: 400; line-height: 2; text-align: justify; }
@media screen and (max-width: 680px) {
	.report-who__list { text-align: center; }
	.report-who__list:not(:first-of-type) { border-top: 1px solid #fff; margin-top: 19px; padding-top: 18px; }
}
@media screen and (min-width: 681px) {
	.report-who { display: flex; flex-direction: column; justify-content: center; width: 939px; height: 300px; border-radius: 150px; margin-top: 72px; margin-left: auto; margin-right: auto; padding: 0 110px 0 330px; }
	.report-who::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: calc(100% - 120px); height: 1px; background: #fff; content: ""; z-index: 0; }
	.report-who__img { top: 50%; left: 20px; transform: translateY(-50%); width: 260px; border: none; z-index: 10; }
	.report-who__list-wrap { display: flex; justify-content: flex-start; }
	.report-who__list:last-of-type { position: relative; margin-left: 76px; }
	.report-who__list:last-of-type::before { position: absolute; top: 50%; transform: translateY(-50%); left: -38px; display: block; width: 1px; height: 100%; background: #fff; content: ""; }
	.report-who__list dt { font-size: 1.5rem; }
	.report-who__list dt strong { font-size: 1.7rem; }
	.report-who__list dd { margin-top: 10px; font-size: 1.4rem; }
	.report-who__txt { margin-top: 53px; font-size: 1.5rem; }
}
@media screen and (min-width: 1201px) {
	
}

/*	Timeline	*/
.report-wrap { position: relative; margin-top: 96px; }
.report { position: relative; background: #fff; border-radius: 8px; padding: 15px 15px 15px; z-index: 50; }/*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);*/
.report__time { position: relative; display: flex; flex-direction: column; margin-bottom: 20px; padding-left: 50px; }
.report__time::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: block; width: 37px; height: 37px; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
.report__time__num { font: 700 1.2rem 'dinpro700'; line-height: 1; }
.report__time__num::after { content: "〜"; font-family: YakuHanJP_Noto, "Noto Sans JP", sans-serif; line-height: 1; }
.report__time__txt { margin-top: 2px; font-size: 1.6rem; font-weight: 700; line-height: 1.3; color: var(--c-green); }
.report__img { margin-bottom: 14px; }

.report__msg { display: flex; justify-content: space-between; align-items: center; }
.report__msg__txt { flex: 1; border-radius: 8px; padding: 10px 14px 10px; font-size: 1.3rem; font-weight: 400; line-height: 1.307; text-align: justify; color: #fff; }
.report__msg._pink .report__msg__txt { background: var(--report-pink); }
.report__msg._blue .report__msg__txt { background: var(--report-blue); }
.report__msg__img { width: 75px; }
.report__msg._img-l .report__msg__img { margin-right: 10px; }
.report__msg._img-r .report__msg__img { margin-left: 10px; }

.report__msg-wrap .report__msg:not(:first-of-type) { margin-top: 12px; }

.report--1::before { position: absolute; top: -55px; right: -17px; display: block; width: 220px; height: 105px; background: url("../img/vol4/obj_bicycle_sp.png") no-repeat center/contain; content: ""; }
.report--1 .report__time::before { background-image: url("../img/vol4/obj_clock_1.svg"); }
.report--2 .report__time::before { background-image: url("../img/vol4/obj_clock_2.svg"); }
.report--3 .report__time::before { background-image: url("../img/vol4/obj_clock_3.svg"); }
.report--4 .report__time::before { background-image: url("../img/vol4/obj_clock_4.svg"); }
.report--5 .report__time::before { background-image: url("../img/vol4/obj_clock_5.svg"); }
.report--6 .report__time::before { background-image: url("../img/vol4/obj_clock_6.svg"); }

.report--3 .report__time::after,
.report--4 .report__time::after { position: absolute; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
.report--3 .report__time::after { bottom: -6px; right: -26px; width: 51px; height: 57px; background-image: url("../img/vol4/obj_report_cutlery.svg"); }
.report--4 .report__time::after { bottom: -24px; right: -20px; width: 55px; height: 79px; background-image: url("../img/vol4/obj_report_work.svg"); }

.report__msg__txt--meal { position: relative; }
.report__msg__txt--meal::before,
.report__msg__txt--meal::after { position: absolute; display: block; background-repeat: no-repeat; background-position: center; background-size: contain; content: ""; }
.report__msg__txt--meal::before { top: -40px; right: -10px; width: 93px; height: 56px; background-image: url("../img/vol1/obj_nutrition.png"); }
.report__msg__txt--meal::after { bottom: -85px; right: 0; width: 114px; height: 87px; background-image: url("../img/vol1/ph_report_2.png"); border: 2px solid #ec7476; border-radius: 5px; }
.report__img--6 img { vertical-align: bottom; }
.report__msg._flstSp { justify-content: flex-start; }
/*.report--3 { z-index: 100; }*/
/*.report--3 .report__img { position: absolute; bottom: -115px; left: 8px; }*/
/*.report--3 .report__img img { width: 160px; }*/
.report--4 .report__msg._flstSp .report__msg__txt { flex: unset; }

@media screen and (max-width: 375px) {
	.report__msg__txt--ca { text-align: left; }
	.report__msg__txt--meal::after { bottom: -75px; }
}
@media screen and (max-width: 680px) {
	.report-wrap { display: flex; flex-direction: column; }
	.report--1 { order: 1; }
	.report--2 { order: 2; }
	.report--3 { order: 3; }
	.report--4 { order: 4; }
	.report--5 { order: 5; }
	.report:not(:first-of-type) { margin-top: 30px; }
/*	.report--4 { margin-top: 110px !important; }*/
/*	.report--4::after { top: -110px !important; height: 110px !important; }*/
	.report:not(:first-of-type)::after { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 24px; height: 30px; background: #fff; content: ""; z-index: 10; }
	.report__img--1 { margin-top: -10px; margin-right: -18px; }
	.report__img--2 { position: relative; left: 50%; transform: translateX(-50%); width: calc(100% + 75px); margin-top: -11px; margin-bottom: -25px; }
	.report__img--3 { margin: 9px 0 0 -30px; }
	.report__img--4 { margin: -10px -10px -15px 10px; }
	.report__img--5 { margin-top: 10px; margin-bottom: 0; }
	.report__img--6 { margin-top: -17px; margin-bottom: -15px; }
	
	
	.report__msg__txt--ca__img { margin-top: 11px; }
}
@media screen and (min-width: 681px) {
	.report-wrap { margin-top: 144px; }
	.report-wrap::before,
	.report-wrap::after { content: ""; display: table; }
	.report-wrap::after { clear: both; }
	
	.report { width: calc(50% - 15px); margin-top: 30px; border-radius: 30px; padding: 30px 30px 30px; }
	.report--1, .report--2 { float: left; }
	.report--3, .report--4, .report--5 { float: right; }
	.report--1, .report--5 { margin-top: 0; }
	.report--1 { z-index: 150; }
	.report--2 { z-index: 100; }
	.report--3 { padding-bottom: 197px; }
	.report--5 { z-index: 100; padding-bottom: 240px; }
	.report::after { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); width: 40px; height: 30px; background: #fff; content: ""; z-index: 10; }
	.report--2::after { display: none; }
	.report--3::after { bottom: 50%; transform: translateY(-60%); left: -30px; height: 40px; width: 30px; }
	
	
	
	.report__time { padding-left: 60px; }
	.report__time::before { width: 50px; height: 50px; }
	.report--3 .report__time::after { bottom: -10px; right: -5px; width: 70px; height: 79px; }
	.report--4 .report__time::after { bottom: -2px; right: -12px; width: 88px; height: 122px; }
/*.report:not(:first-of-type)::after { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); width: 24px; height: 30px; background: #fff; content: ""; z-index: 10; }*/
	
	.report__time__num { font-size: 1.8rem; font-weight: 500; }
	.report__time__txt { margin-top: 2px; font-size: 2.4rem; }

	.report__img { margin-bottom: 30px; }
	
	.report__msg { align-items: stretch; }
	.report__msg__txt { display: flex; align-items: center; border-radius: 10px; padding: 0 20px; font-size: 1.4rem; line-height: 1.571; }
	.report__msg__img { width: 100px; }
	.report__msg._img-l .report__msg__img { margin-right: 15px; }
	.report__msg._img-r .report__msg__img { margin-left: 15px; }

	.report__msg-wrap .report__msg:not(:first-of-type) { margin-top: 20px; }
	
	.report--1::before { top: -102px; right: -7px; width: 364px; height: 167px; }
	.report__img--1 { margin-top: -10px; margin-bottom: 10px; }
	.report__img--2 { position: relative; left: 50%; transform: translateX(-50%); width: calc(100% + 110px); margin-top: -7px; margin-bottom: -40px; }
	.report__img--3 { margin-top: 35px; margin-bottom: 0; padding-right: 20px; }
	.report__img--4 { position: absolute; left: 50%; transform: translateX(-46%); top: 255px; width: calc(100% - 50px); margin-bottom: 0; }
	.report__img--5 { margin-top: 20px; margin-bottom: 0; }
	.report__img--6 { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 60px); margin-bottom: 0 !important; }
/*
	.report--2 .report__img img { position: relative; left: 50%; transform: translateX(-51.5%); width: 561px; }
	.report--3 .report__img { bottom: -155px; left: -15px; }
	.report--3 .report__img img { width: 222px; }
	.report--3 .report__msg__txt { letter-spacing: -0.06em; }
	.report--4 { position: relative; padding-bottom: 117px; }
	.report--4 .report__img { position: absolute; top: calc(100% - 130px); left: 50%; transform: translateX(-50%); max-width: none; width: 545px; margin-bottom: 0; }
	
	*/
	
	.report__msg__txt--meal { padding-bottom: 25px; }
	.report__msg__txt--meal::before { top: -44px; right: -22px; width: 118px; height: 57px; }
	.report__msg__txt--meal::after { bottom: -111px; right: 20px; width: 170px; height: 130px; border-width: 3px; }
	.report__msg__txt--ca { position: relative; padding-bottom: 30px; }
	.report__msg__txt--ca__img { position: absolute; bottom: -135px; right: 20px; width: 150px; height: 150px; border: 3px solid #ec7476; border-radius: 5px; }
}
/*
@media screen and (min-width: 681px) and (max-width: 1200px) {
	.report__msg__txt--meal::before,
	.report__msg__txt--meal::after,
	.report__msg__txt--ca__img { display: none; }
	.report--6 .report__msg:last-of-type .report__msg__txt { flex: 1; width: auto; padding-top: 0; padding-bottom: 0; }
	.report--4 .report__msg._flstSp .report__msg__txt { flex: 1; }
}
*/
@media screen and (min-width: 1201px) {
	.report { width: 535px; }
}


/*--------------
		Facilities
--------------*/

/*	Upper	*/
.sec--fac { padding-top: 48px; padding-bottom: 140px; }
.fac-ttl { text-align: center; }
.fac-ttl img { width: 242px; }

.fac-underttl { position: relative; margin-top: 15px; padding-top: 49px; text-align: center; }
.fac-underttl__txt {  }
.fac-underttl__txt._emp { color: #8d80bb; }

.fac-underttl__main { font-size: 2.0rem; font-weight: 700; line-height: 1.25; letter-spacing: 0.1em; text-indent: 0.1em; }
.fac-underttl__sub { margin-top: 10px; font-size: 1.4rem; font-weight: 500; line-height: 1.357; }

.fac-underttl::before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; width: 1px; height: 35px; background: #231815; content: ""; }

.fac-main { position: relative; }

.fac-main__label__upper { width: 87px; }
.fac-main__label__lower { margin-top: 16px; font-size: 1.2rem; font-weight: 400; line-height: 1.58334; letter-spacing: -0.025em; text-align: center; }
.fac-main__wb { position: absolute; top: 39%; left: 0; width: 72vw; }
.fac-main__bg {  }
.fac-subti { padding: 22px 0; text-align: center; }
.fac-subti img { width: 276px; }
.fac-sub__item { position: relative; }
.fac-sub__item--1 { padding-bottom: 10px; }
.fac-sub__item__obj,
.fac-sub__item__wb { position: absolute; }
.fac-sub__item__obj--stu1 { bottom: 0; left: -5px; width: 45%; }
.fac-sub__item__wb { top: -11%; right: -12%; width: 50%; }

.fac-sub__dtl-wrap {  }
.fac-sub__dtl img { vertical-align: bottom; }
.fac-sub__btn { display: block; margin-top: 14px; }
.fac-sub__btn::after { display: none; }
.fac-sub__btn img { position: relative; max-width: none; width: calc(100% + 12px); margin-left: -12px; }

@media screen and (max-width: 680px) {
	.fac-main { margin-top: 40px; }
	.fac-sub { margin-top: 30px; }
	.fac-underttl__txt { display: block; }
	.fac-main__label { display: none; }
	.fac-sub__item__obj--stu2 { position: relative; display: block; width: 90%; margin: -36px -5px 0 auto; }
	.fac-sub__item__bg3 { position: relative; max-width: none; width: 106.1%; margin-top: -36%; z-index: 10; }
}
@media screen and (min-width: 681px) {
	
	.sec--fac { padding-top: 196px; padding-bottom: 0; }
	.sec--fac .l-wrapper { max-width: 1100px; }
	
	
	.fac-ttl img { width: 656px; }
	.fac-underttl { margin-top: 39px; padding-top: 164px; line-height: 1; }
	.fac-underttl::before { height: 112px; }
	
	.fac-underttl__main { font-size: 2.5rem; }
	.fac-underttl__sub { margin-top: 18px; font-size: 1.8rem; }
	
	
	.fac-wrap { margin-top: 65px; }
	
	.fac-main__label { position: absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 234px; aspect-ratio: 1/1; background: #fff; border-radius: 0 0 0 25px; }
	.fac-main__label__upper { width: 145px; }
	.fac-main__label__lower { position: relative; margin-top: 50px; font-size: 1.4rem; line-height: 1.6428; }
	.fac-main__label__lower::before { position: absolute; top: -27px; left: 50%; transform: translateX(-50%); display: block; width: 28px; height: 1px; background: #3c4348; content: ""; }
	.fac-main__wb { top: 370px; width: 272px; }
	.fac-subti { display: none; }
	.fac-sub { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 20px; }
	.fac-sub__item--1 { width: 526px; padding-bottom: 100px; }
	.fac-sub__item--2 { width: 555px; }
	.fac-sub__item__wb { top: -5%; right: auto; left: -122px; width: 221px; }
	.fac-sub__item__obj--stu1 { bottom: 0; left: -20px; width: 208px; }
	.fac-sub__item__obj--stu2 { top: 15px; right: -20px; width: 208px; }
	
	.fac-sub__item__bg3 { width: 487px; margin-left: -10px; }
	.fac-sub__dtl img { max-width: none; }
	.fac-sub__dtl:nth-of-type(1) img { width: 447px; margin-left: -11px; }
	.fac-sub__dtl:nth-of-type(2) img { width: 440px; }
	.fac-sub__btn { transition: .4s; } 
	.fac-sub__btn:hover { opacity: 0.75; } 
	.fac-sub__btn img { width: calc(100% + 17px); margin-left: -12px; margin-bottom: -5px; }
}

/*		*/

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

/*		*/

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

/*		*/

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

/*		*/

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