@charset "utf-8";
/** |READ ME| **********************************************************************************************************

"Interview"

Cascading Style Sheet Setting File

Ver.20251122

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

.ishikawa{color:#5C6C96;background: #FCE3D5;}
.hassan{color:#309D63;background: #FAF3BA;}
.fujita{color:#2F8959;background: #DEEFCF;}
.kishida{color:#886950;background: #DEF0F5;}
.massimo{color:#3E4C74;background: #F2EDE1;}
.amamiya{color:#FC6969;background: #F8D7DC;}
.nagamoto{color:#655986;background: #E3D9F2;}
.ishikawa .int-mai-img::after{background: #FCE3D5;}
.hassan .int-mai-img::after{background: #FAF3BA;}
.fujita .int-mai-img::after{background: #DEEFCF;}
.kishida .int-mai-img::after{background: #DEF0F5;}
.massimo .int-mai-img::after{background: #F2EDE1;}
.amamiya .int-mai-img::after{background: #F8D7DC;}
.nagamoto .int-mai-img::after{background: #E3D9F2;}
.int-mdl-cls{position:fixed;top:30px;right:30px;width:110px;height:30px;background:#fff;border-radius:50px;line-height:30px;text-indent:10px;font-size:14px;z-index:1;}
.int-mdl-cls::before {content: " ";display: block;height: 1px;width:12px;position: absolute;top:14.5px;left:12px;background: #000;transform: rotate(45deg);}
.int-mdl-cls::after {content: " ";display: block;height: 1px;width:12px;position: absolute;bottom:14.5px;left:12px;background: #000;transform: rotate(-45deg);}
.int-mai{position: relative;overflow: hidden;}
.int-mai-img{width:60%;margin:0;height:100vh;position:relative;}
.int-mai-img::after{content:" ";display: block;width:100%;top:0;bottom:0;position: absolute;transition: width 0.7s ease-out;background: #fff;}
.int-mai-img.view::after{width:0;}
.int-mai-img img{transform: translate(-50%, -50%);top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;position: relative;}
.int-mai-img-pc{display: block;}
.int-mai-img-sp{display: none;}
.int-mai-sta{display:none;padding:0 20px;}
.int-mai-sta-inn{position: relative;}
.int-mai-sta-ico{width: 80px;margin: 0 0 0 auto;display: block;}
.int-mai-sta-msg01,.int-mai-sta-msg02{position: absolute;top:25px;right:80px;width:170px;transform:scale3d(0,0,1);}
.int-mai-sta-msg01{animation:action-popup-loop 8s infinite cubic-bezier(.47,1.64,.41,.8);animation-delay: -4s;}
.int-mai-sta-msg02{animation:action-popup-loop 8s infinite cubic-bezier(.47,1.64,.41,.8);}
@keyframes action-popup-loop{
    0%{transform:scale3d(0,0,1);}
    50%{transform:scale3d(0,0,1);}
    58%{transform:scale3d(1,1,1);}
    100%{transform:scale3d(1,1,1);}
}
.int-mai-hed{position:absolute;top:28%;left:55%;right:0;text-align: left;}
.int-mai-hed-num{font-size:14px;font-weight: bold;padding:0 0 20px;}
.int-mai-hed-tit{font-size:40px;line-height:1.5;padding:0 0 20px;font-weight: bold;}
.int-mai-hed-sub{font-size:16px;}
.int-cnt{padding:120px 0;}
.int-cnt-list{margin:auto;max-width: 800px;text-align: left;}
.int-cnt-list dt{font-size: 24px;font-weight: bold;padding: 0 0 20px;}
.int-cnt-list dd{line-height:2.5;padding:0 0 80px;font-size:15px;}
.int-cnt-list img{width:100%;height:auto;}
.int-wrap{position:relative;}
.int-sty{position: absolute;top:0;bottom:0;right:0;}
.int-sty-inn{position: sticky;top:0;height:100svh;}
.int-sty-msg01{width:176px;bottom: 210px;right: 20px;position: absolute;transform:scale3d(0,0,1);}
.int-sty-msg02{width:176px;bottom: 210px;right: 20px;position: absolute;transform:scale3d(0,0,1);}
.int-sty-ico{width:70px;bottom: 20px;right: 40px;position: absolute;}
.int-sty-msg01.act,.int-sty-msg02.act{animation-name:action-popup;animation-duration:0.6s;animation-timing-function:cubic-bezier(.47,1.64,.41,.8);animation-fill-mode:forwards;}
@keyframes action-popup{
	0% {transform:scale3d(0.1,0.1,1);}
	100%{transform:scale3d(1,1,1);}
}
.int-fot{background:#fff;color:#333;padding:120px 0 60px;}
.int-fot-tit{font-size: 24px;font-weight: bold;margin:0 auto 40px;}
.int-fot-inn{margin:0 auto 60px;padding:0 100px;position: relative;max-width:800px;transition:opacity 0.3s ease-in-out;}
.int-fot-inn:hover{opacity:0.8;}
.int-fot-inn a{display: block;position: absolute;top:0;right:0;left: 0;bottom:0;font-size: 0;}
.int-fot-inn img{width:100%;height:auto;border-radius: 10px;}
.int-fot-inf{position: absolute;top:50%;right:20px;transform: translate(0,-50%);display: inline-block;text-align: left;}
.int-fot-inf b{display: block;padding:0 0 5px;font-weight: bold;}
.int-fot-inf strong{font-size:30px;display: block;line-height: 1.5;}
.int-fot-inf strong + strong{margin:10px 0 0;} 
.int-fot-inf strong span{display: inline-block;border-bottom:3px solid #333;}
.int-fot-inf small{font-size:14px;display: block;margin:20px 0 0;}
.int-fot-btn{font-size:16px;max-width:240px;padding:15px;width:100%;margin:auto;border:1px #ddd solid;display: inline-block;}
.int-fot-img-pc{display:block;}
.int-fot-img-sp{display:none;}
@media (max-width:1000px) and (min-width:641px){
    .int-fot-inn{padding: 0 50px;}
	.int-fot-inf{right:0;}
	.int-mai-hed-num{font-size:13px;padding:0 0 15px;}
	.int-mai-hed-tit{font-size:30px;padding:0 0 15px;}
	.int-mai-hed-sub{font-size:15px;}
}
@media (max-width:640px){
	.int-mai-img{width:100%;max-height:none;padding:80% 0 0;height:auto;}
	.int-mai-img img{position: absolute;}
	.int-mai-img-pc{display: none;}
	.int-mai-img-sp{display:block;}
	.int-mai-sta{display:block;}
	.int-mai-hed{top:auto;left:auto;transform:none;right:auto;position: relative;padding: 30px 20px 10px;}
	.int-mai-hed-tit{font-size:24px;padding: 0 0 10px;}
	.int-mai-hed-sub{font-size:14px;}
	.int-mai-hed-num{font-size: 14px;padding: 0 0 5px;}
	.int-cnt{padding:10% 0 15%;}
	.int-cnt-list{text-align: left;}
	.int-cnt-list dt{font-size: 18px;padding: 0 0 10px;letter-spacing:0;}
	.int-cnt-list dd{line-height:2;padding:0 0 10%;}
	.int-cnt-list dd:last-child{padding-bottom: 0;;}
	.int-cnt-list dd + dt{padding-top:5%;}
	.int-sty{display:none;}
	.int-fot{padding:10% 0 5%;}
	.int-fot .cmn-frm{padding:0 10px;}
	.int-fot-tit{font-size: 20px;margin: 0 auto 30px;}
	.int-fot-inn{padding:0;margin:0 auto 30px;}
	.int-fot-img{overflow: hidden;border-radius: 10px;margin:0;position: relative;width:55%;}
	.int-fot-img::after{content:" ";display: block;padding:80% 0 0;width:100%;}
	.int-fot-img img{border-radius:0;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:100%;height:100%;object-fit:cover;}
	.int-fot-inf{right:auto;left:50%;}
	.int-fot-inf b{font-size:13px;}
	.int-fot-inf strong{font-size:4.8vw;}
	.int-fot-inf strong + strong{margin:10px 0 0;} 
	.int-fot-inf strong span{border-bottom: 2px solid #333;}	
	.int-fot-inf small{font-size:13px;display: block;margin:10px 0 0;}
	.int-fot-btn{font-size: 12px;padding:8px 10px 7px;max-width: 130px;}
	.int-fot-img-pc{display:none;}
	.int-fot-img-sp{display:block;}
}