@charset "UTF-8";

/* FV
-------------------------------*/
.fv { position: relative; padding-bottom: 67px; }
.fv .l-wrapper { position: relative; z-index: 50; }
.fv__gra { position: absolute; left: 0; top: 0; display: block; width: 100%; z-index: 0; mix-blend-mode: overlay; pointer-events: none; }
.result-ttl { text-align: center; }
.fv__img {  }
.fv__inner {  }
.fv__num { position: relative; display: inline-block; }
.fv__num::before { position: absolute; bottom: calc(100% + 25px); left: 35%; transform: translateX(-50%); display: block; width: 1px; min-height: 400px; height: calc(100% - 50px); background: #28a5ff; content: ""; }
.fv__num img { width: auto; height: 72px; }
.fv-cmnttl-wrap { margin-top: 12px; margin-left: -8px; text-align: left; }
.fv-cmnttl {  }
.fv-cmnttl img { width: auto; max-width: none; height: 44px !important; }
@media screen and (max-width: 680px) {
	.fv__inner { margin-top: -41px; }
	.fv__num { margin-left: -22px; }
	.fv-cmnttl:not(:first-of-type) { margin-top: 20px !important; }
	.fv__img { margin-right: -30px; padding-left: 65px; }
}
@media screen and (min-width: 681px) {
	.fv { padding-bottom: 163px; }
	.fv .l-wrapper { padding-top: 404px; padding-left: 74px; }
	.fv__img { position: absolute; top: 0; left: 300px; width: calc(50% + 50vw - 300px); height: 526px; }
	.fv__img img { width: 100%; height: 100%; object-fit: cover; }
	.fv__num { margin-left: -14px; }
	.fv__num img { height: 122px; }
	.fv-cmnttl-wrap { margin-top: 50px; }
	.fv-cmnttl img { height: 75px !important; }
	
	.fv-cmnttl:not(:first-of-type) { margin-top: 38px; }
}


/* Upper Interview
-------------------------------*/
.sec--interview { padding-bottom: 90px; }
.interview-top { }
.interview-deco { display: flex; width: 100vw; padding-top: 25px; padding-bottom: 25px; }
.interview-deco img { width: auto; max-width: none; height: 30px; opacity: .2; margin-right: 20px; }
.interview-deco img:first-child { animation: flow1Sp 30s -15s linear infinite; }
.interview-deco img:nth-child(2) { animation: flow2Sp 30s linear infinite; }
@media screen and (max-width: 680px) {
	.interview-deco { border-bottom: 1px solid #14145a; }
}
@media screen and (min-width: 681px) {
	.sec--interview { padding-bottom: 201px; }
	.interview-top { height: 526px; }
	.interview-top img { width: 100%; height: 100%; object-fit: cover; }
	.interview-deco { padding-top: 76px; padding-bottom: 76px; }
	.interview-deco img { height: 55px; margin-right: 40px; }
	.interview-deco img:first-child { animation: flow1Pc 30s -15s linear infinite; }
	.interview-deco img:nth-child(2) { animation: flow2Pc 30s linear infinite; }
}
@media screen and (min-width: 1601px) {
	.interview-top img { object-position: top center; }
}

/* Interview
-------------------------------*/
.interview-wrap { padding-top: 30px; }
.interview { font-family: YakuHanMP_Noto, "Noto Serif JP", serif; }
.interview__ttl { margin-right: -25px; font-size: 2.0rem; font-weight: 600; line-height: 1.7; letter-spacing: 0.06em; }
.interview__ttl ._ktkn { font-weight: 600; letter-spacing: 0; }
.interview__txt { margin-top: 16px; font-size: 1.4rem; font-weight: 600; line-height: 1.857; letter-spacing: 0.05em; text-align: justify; color: #333; }

.interview__img {  }

.interview__img__main {  }
.interview__img__sub { position: absolute; bottom: -70px; right: 55.2%; width: calc(50% + 50vw - 175px); height: 140px; }
.interview__img__bottom img { width: 100%; height: 100%; object-fit: cover; }

.interview__img__bottom--irr {  }
.design-wrap {  }
.design-ttl { font: 600 1.8rem YakuHanMP_Noto, "Noto Serif JP", serif; line-height: 1; letter-spacing: 0.05em; color: #333; }
.design { display: grid; grid-template-columns: repeat(2, auto); grid-template-rows: repeat(2, auto); grid-column-gap: 15px; grid-row-gap: 15px; margin-top: 22px; }
.design__img {  }
.design__img img { max-width: none; width: 100%; height: 100%; object-fit: cover; }


@media screen and (max-width: 680px) {
	.interview__img--upper { position: relative; margin-top: 60px; margin-bottom: 100px; margin-right: -30px; }
	.interview__img__main { max-height: 405px; padding-left: 50px; overflow: hidden; }
	.interview__img__main img,
	.interview__img__sub img { max-width: none; width: 100%; height: 100%; object-fit: cover; }
	.interview__img--lower { position: relative; margin-top: 60px; margin-right: -30px; padding-left: 45px; }
	.interview__img__bottom { max-height: 440px; overflow: hidden; }
	#irr.interview__img--lower { padding-left: 0; }
	#irr .interview__img__bottom { max-height: none; }
	
}
@media screen and (max-width: 374px) {
	.interview__ttl { font-size: 1.9rem; }
	.interview__ttl { font-size: 1.3rem; }
}
@media screen and (min-width: 681px) {
	.interview-wrap { position: relative; padding-top: 0; }
	.interview--1 { width: 502px; margin-left: auto; margin-right: 40px; }
	.interview--2 { width: 506px; margin-top: 432px; }
	.interview__ttl { margin-right: -70px; font-size: 3.0rem; line-height: 1.7667; letter-spacing: 0.2em; }
	.interview__ttl ._ktkn { letter-spacing: 0.1em; }
	.interview__txt { margin-top: 29px; font-size: 1.6rem; line-height: 1.875; }
	.interview__img--upper,
	.interview__img--lower { position: absolute; }
	.interview__img--upper { top: 0; left: -100px; }
	.interview__img__main { height: 420px; }
	.interview__img__main img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 10%; }
	.interview__img__sub { bottom: -301px; right: -48px; width: auto; height: auto; }
	.interview__img__sub img { width: 285px; }
	.interview__img--lower { bottom: 6px; right: -100px; }
	.interview__img__bottom { height: 570px; }
	
	#interview-02 .interview--2 { margin-top: 402px; }
	#irr.interview__img--lower { right: auto; left: 573px; width: calc(50% + 50vw - 573px); }
/*	#irr.interview__img--lower { left: auto; right: -100px; bottom: 16px; width: 527px; }
	#irr .interview__img__bottom { position: relative; z-index: 50; }
	#irr .interview__img__bottom img { object-fit: contain; height: auto; }
*/
	
	.design-ttl { padding-left: 27px; font-size: 2.4rem; }
	.design { display: flex; flex-wrap: wrap; justify-content: space-between; min-width: 527px; min-height: 515px; }
	.design__img { width: calc(50% - 0.75rem); height: calc(50% - 0.75rem); }
}
@media screen and (min-width: 1201px) {
	.interview__img--upper { left: auto; right: 600px; width: calc(50% + 50vw - 600px); }
	.interview__img--lower { right: auto; left: 573px; width: calc(50% + 50vw - 573px); }
	.design { height: 518px; }
/*
	#irr.interview__img--lower { right: 50%; transform: translateX(110%); bottom: -4px; width: 791px; }
	#irr .interview__img__bottom { width: 791px; height: 560px; }
*/
}
@media screen and (min-width: 1729px) {
	
}


/* 
-------------------------------*/
.sec--others {  }
.others-wrap {  }
.others { position: relative; display: flex; justify-content: flex-end; background-repeat: no-repeat; padding: 58px 25px 45px 0; overflow: hidden; }
.others__txt { position: relative; z-index: 10; }
.others__txt img { width: auto; height: 216px; }
.others__bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #fff; overflow: hidden; }
.others__bg img { width: 100%; max-width: none; height: 100%; object-fit: cover; transition: .4s; }
@media screen and (max-width: 680px) {
	.others { max-height: 360px; }
}
@media screen and (min-width: 681px) {
	.sec--others {  }
.others-wrap {  }
	.others { height: 250px; align-items: center; padding: 0; }
	.others__txt { width: 1000px; margin-left: auto; margin-right: auto; padding: 0 48px; }
	.others__txt img { height: 130px; }
	.others__bg img { object-position: top center; }
}
@media screen and (min-width: 1401px) {
	.sec--others {  }
	.others-wrap {  }
	.others { height: 323px; }
	.others:hover .others__bg img { transform: scale(1.05); opacity: 0.8; }
}
/* 
-------------------------------*/
.bar-wrap--1,
.bar-wrap--3 { position: absolute; top: -25px; right: -30px; z-index: 50; }
.bar-wrap--1 img,
.bar-wrap--3 img,
.bar-wrap--4 img { height: 50px; }
.bar-wrap--4 { position: absolute; bottom: -25px; left: -30px; z-index: 50; }

#irr .bar-wrap--3 { top: 0; }
#irr .bar-wrap--5 { position: absolute; top: 0; left: -30px; }
#irr .bar-wrap--5 img { width: 45px; height: 100%; }
@media screen and (max-width: 680px) {
	.bar-wrap--2 { display: none; }
}
@media screen and (min-width: 681px) {
	.bar-wrap--1,
	.bar-wrap--4 { display: none; }
	
	.bar-wrap--2 { position: absolute; top: 370px; left: -100px; z-index: 50; }
	.bar-wrap--2 img { height: 100px; }
	.bar-wrap--3 { right: -100px; top: -50px; }
	.bar-wrap--3 img { height: 100px; }
	#irr .bar-wrap--5 { left: -33px; z-index: 100; }
}
@media screen and (min-width: 1201px) {
	.bar-wrap--2 { left: auto; right: 230px; width: calc(50% + 50vw - 580px); }
	.bar-wrap--3 { right: auto; left: 126px; width: calc(50% + 50vw - 463px); }
}



/* 
-------------------------------*/

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


/*	Conveyor	*/
@keyframes flow1Sp {
	0% { transform: translateX(calc(100% + 20px)); }
	100% { transform: translateX(calc(-100% - 20px)); }
}
@keyframes flow2Sp {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-200% - 40px)); }
}
@keyframes flow1Pc {
	0% { transform: translateX(calc(100% + 40px)); }
	100% { transform: translateX(calc(-100% - 40px)); }
}
@keyframes flow2Pc {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-200% - 80px)); }
}