@charset "utf-8";

:root {
	--clr-indigo:#00326d;
	--clr-blue:#0075ff;
}

body{
	font-family:'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
	font:13px;
	font-size:100%;
	line-height:1;
	letter-spacing:0;
	color:#333;
}

.bldFnt{font-weight:bold!important;}
.nmlFnt{font-weight:normal!important;}



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	body{
		font-weight:400;
	}
	.spHide{display:none !important;}

	/* ///////////////////////////////////////////////////// */
	.headWrap{
		display:flex;
		align-items:center;
		width:97%;
		position:fixed;
		top:1.5%;
		left:50%;
		transform:translateX(-50%);
		z-index:10;
	}
	.headWrap .headInner{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		width:100%;
		height:50px;
		padding:0 3% 0;
		background-color:rgba(255, 255, 255, 0.8);
		border-radius:7.5px;
		/*padding:10px 0;*/
		transition:all 0.2s ease-in-out;
	}
	.headWrap.opened .headInner{
		height:97dvh;
		background-color:rgba(255, 255, 255, 1);
		box-shadow:0px 0px 8px rgba(0, 0, 0, .15);
	}

	/* ============================================ */
	.headWrap .headInner .logoBox{
		display:flex;
		align-items:center;
		width:70%;
		height:50px;
		color:#333;
	}
	.headWrap .headInner .logoBox .logo_cml{
		width:32%;
		max-width:100px;
	}
	/*.headWrap .headInner .logoBox .logo_cps{
		width:32%;
		max-width:100px;
		margin-left:3%;
	}*/
	.headWrap .headInner .logoBox .logo_txt{
		width:30%;
		font-size:3.6vw;
		font-weight:500;
		margin-left:2%;
	}

	/* ============================================ */
	.headWrap .headInner .linkBox{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
		justify-content:end;
		width:30%;
		height:50px;
	}
	/* ------------------------------------ */
	.headWrap .headInner .linkBox .entryBtnBox{
		display:none;
	}
	/* ------------------------------------ */
	.headWrap .headInner .linkBox .iconBox{
		width:30%;
		max-width:35px;
		margin-right:8%
	}

	/* ============================================ */
	.headWrap .headInner .linkBox .hamburgerMenu{
		display:flex;
		justify-content:end;
		align-items:center;
		width:30px;
		height:100%;
		right:0;
		/*background-color:#fcc;*/

		opacity:1;
		transition:all 0.3s ease-in-out;
		cursor:pointer;
	}
	.headWrap .headInner .linkBox .hamburgerMenu:hover{
		opacity:0.7;
	}
	.headWrap .headInner .linkBox .hamburgerMenu span{
		position:relative;
		width:25px;
		height:1px;
		background-color:rgba(0, 0, 0, 1);

		transition:all 0.2s ease-in-out;
	}
	.headWrap .headInner .linkBox .hamburgerMenu span::before,
	.headWrap .headInner .linkBox .hamburgerMenu span::after{
		position:absolute;
		display:block;
		content:"";
		width:100%;
		height:1px;
		background-color:rgba(0, 0, 0, 1);

		transform:rotate(0);
		transition:all 0.2s ease-in-out;
	}
	.headWrap .headInner .linkBox .hamburgerMenu span::before{
		top:-7px;
	}
	.headWrap .headInner .linkBox .hamburgerMenu span::after{
	 bottom:-7px;
	}

	/* ------------------------------------ */
	.headWrap.opened .headInner .linkBox .hamburgerMenu span{
		background-color:rgba(51,51,51,0);
	}
	.headWrap.opened .headInner .linkBox .hamburgerMenu span::before{
		transform:rotate(45deg);
		top:0px;
	}
	.headWrap.opened .headInner .linkBox .hamburgerMenu span::after{
		transform:rotate(-45deg);
		bottom:0px;
	}

	/* ============================================ */
	.headWrap .navBox{
		/*display:none;*/
		width:96%;
		
		border-top:0.5px solid #333;
		padding:3% 3% 5% 3%;
		position:fixed;
		top:7.2%;
		top:50px;
		left:50%;
		transform:translateX(-50%);
		z-index:9;

		height:90%;
		overflow-y:scroll;

		transition:all 0.2s ease-in-out;
		opacity:0;
		visibility:hidden;
	}
	.headWrap .navBox.show{
		opacity:1;
		visibility:visible;
	}
	/*.headWrap.opened .navBox{
		opacity:1;
		visibility:visible;
	}*/

	/* ------------------------------------ */
	.headWrap .navBox nav > ul{
		width:100%;
		/*padding:0 0 0 10%;
		overflow-y:scroll;*/
	}
	.headWrap .navBox nav > ul > li{
		margin-top:20px;
	}
	.headWrap .navBox nav > ul > li:first-child{
		margin-top:0;
	}
	.headWrap .navBox nav > ul > li p{
		color:#333;
	}
	.headWrap .navBox nav > ul > li > p{
		display:flex;
		align-items:center;
		padding-left:clamp(15px, 4.8vw, 17px);
		font-size:clamp(0.1rem, 3.6vw, 1.1rem);
		font-weight:500;
		position:relative;
	}
	.headWrap .navBox nav > ul > li > p::before{
		content:"−";
		position:absolute;
		left:0;
	}

	/* ------------------------------------ */
	.headWrap .navBox nav > ul > li > ul{}
	.headWrap .navBox nav > ul > li > ul li{
		margin-top:10px;
	}
	.headWrap .navBox nav > ul > li > ul > li a{
		display:flex;
		align-items:center;
		width:100%;
		position:relative;
		padding-left:clamp(26px, 9.0vw, 53px);
		color:#333;
		font-size:clamp(0.75rem, 3.6vw, 1.1rem);
	}
	.headWrap .navBox nav > ul > li > ul > li a:active{
		color:var(--clr-blue);
	}
	.headWrap .navBox nav > ul > li > ul > li a::before{
		display:flex;
		justify-content:center;
		align-items:center;
		width:3.0vw;
		height:3.0vw;
		max-width:16px;
		max-height:16px;
		content:"→";
		font-size:clamp(0.2rem,2.4vw,0.8rem);
		border:1px solid #333;
		position:absolute;
		left:5%;
		top:2%;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.block{
		padding-top:10%;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.footWrap{
		width:98%;
		margin:10% auto 1%;
		padding:6% 4%;
		background-color:var(--clr-indigo);
		border-radius:10px;
	}
	.footWrap .footBox{
		display:flex;
		flex-direction:column-reverse;
		width:100%;
		margin:0 auto 0;
	}
	/* ------------------------------------ */
	.footWrap .footBox .leftBox{
		display:flex;
		flex-direction:column;
		justify-content: end;
		align-items:end;
		width:100%;
		margin-top:6%;
	}
	.footWrap .footBox .rightBox{
		width:100%;
	}
	/* ------------------------------------ */
	.footWrap .footBox .leftBox .copyright{
		color:#fff;
		font-size:2vw;
	}
	/* ------------------------------------ */
	.footWrap .footBox .rightBox .navigation{
		display:flex;
		flex-wrap:wrap;
	}
	.footWrap .footBox .rightBox .navigation > li{
		margin-top:8%;
	}
	.footWrap .footBox .rightBox .navigation > li:nth-child(odd){
		width:40%;
	}
	.footWrap .footBox .rightBox .navigation > li:nth-child(even){
		width:60%;
	}
	.footWrap .footBox .rightBox .navigation > li:nth-child(-n+2){
		margin-top:0;
	}
	.footWrap .footBox .rightBox .navigation > li > ul > li{
		margin-top:5%;
	}
	.footWrap .footBox .rightBox .navigation > li > ul > li:first-child{
		margin-top:0;
	}
	.footWrap .footBox .rightBox .navigation > li > ul > li a{
		display:flex;
		align-items:center;
		padding-left:3.7vw;
		color:#fff;
		font-size:2.8vw;
		/*font-weight:300;*/
		position:relative;
	}
	.footWrap .footBox .rightBox .navigation > li > ul > li a::before{
		display:flex;
		align-items:center;
		justify-content:center;
		content:"→";
		width:2.6vw;
		height:2.6vw;
		font-size:2.0vw;
		border:0.5px solid #fff;
		position:absolute;
		left:0;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.topPage .block.third > .inner .interviewListBox{
		margin-top:4%;
	}
	.topPage .block.third > .inner .interviewListBox > .items{
		display:block;
		margin-top:6%;
	}
	.topPage .block.third > .inner .interviewListBox > .items:first-child{
		margin-top:0;
	}
	.interviewList .block.first > .inner .interviewListBox > .items{
		display:block;
		margin-bottom:6%;
	}
	.interviewList .block.first > .inner .interviewListBox{
		display:flex;
		flex-wrap:wrap;
	}
	.interviewList .block.first > .inner .interviewListBox a{
		width:50%;
	}
	.topPage .block.third > .inner .interviewListBox > .items .innerBox,
	.interviewList .block.first > .inner .interviewListBox > .items .innerBox{
		display:flex;
		flex-direction:column-reverse;
	}
	
	/* ============================================ */
	.topPage .block.third > .inner .interviewListBox > .items .innerBox .regularBox{
		background:#000;
	}
	.topPage .block.third > .inner .interviewListBox > .items .innerBox .regularBox .contentBox,
	.interviewList .block.first > .inner .interviewListBox > .items .innerBox .regularBox .contentBox{
		width:100%;
		height:100%;
		position:relative;
	}
	/* ------------------------------------ */
	.topPage .block.third > .inner .interviewListBox > .items .innerBox .regularBox .contentBox .txtBox,
	.interviewList .block.first > .inner .interviewListBox > .items .innerBox .regularBox .contentBox .txtBox{
		display:flex;
		align-items:center;
		position:absolute;
		bottom:7%;
		left:4%;
		z-index:5;
		color:#fff;
	}
	.interviewList .block.first > .inner .interviewListBox > .items .innerBox .regularBox .contentBox .txtBox{
		bottom:5%;
		left:4%;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p,
	.interviewList .block.first > .inner .interviewListBox > .items .innerBox .regularBox .contentBox .txtBox p{
		display:flex;
		align-items:center;
		font-size:5.5vw;
		color:#fff;
		position:relative;
	}
	.interviewList .block.first > .inner .interviewListBox > .items .innerBox .regularBox .contentBox .txtBox p{
		font-size:3.8vw;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p span,
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .regularBox .contentBox .txtBox p span{
		border:0.5px solid #fff;
		padding:5px 5px;
		font-size:4vw;
		writing-mode:vertical-lr;
		margin-right:0.8em;
	}
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .regularBox .contentBox .txtBox p span{
		padding:5px 3px;
		font-size:3.3vw;
		margin-right:0.6em;
	}
	/* ============================================ */
	.topPage .block.third > .inner .interviewListBox > .items > .innerBox .regularBox .contentBox .imgBox,
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .regularBox .contentBox .imgBox{
		width:100%;
		position:relative;
		overflow:hidden;
		z-index:2;
	}
	.topPage .block.third > .inner .interviewListBox > .items .innerBox .regularBox .contentBox .imgBox::before,
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .regularBox .contentBox .imgBox::before{
		content:"";
		display:block;
		padding-top:75%;
	}
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .regularBox .contentBox .imgBox::before{
		padding-top:90%;
	}
	.topPage .block.third > .inner .interviewListBox > .items .innerBox .regularBox .contentBox .imgBox::after,
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .regularBox .contentBox .imgBox::after{
		content:"";
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		background-color:rgba(0, 0, 0, .4);
	}
	.topPage .block.third > .inner .interviewListBox > .items .innerBox .regularBox .contentBox .imgBox .innerCover,
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .regularBox .contentBox .imgBox .innerCover{
		/*width:100%;
		height:100%;*/
		position:absolute;
		top:0;
		left:0;
		/*background-color:rgba(0, 0, 0, 1);
		z-index:4;*/
	}
	.topPage .block.third > .inner .interviewListBox > .items .innerBox .coverBox,
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .coverBox{
		margin-top:1%;
	}
	.topPage .block.third > .inner .interviewListBox > .items .innerBox .coverBox p,
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .coverBox p{
		font-size:4.6vw;
		/*font-weight:300;*/
		line-height:1.3;
		color:#333;
	}
	.interviewList .block.first > .inner .interviewListBox > .items > .innerBox .coverBox p{
		font-size:3.5vw;
		padding:0 0.3em;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .coverBox p > .linkTxt,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .coverBox p > .linkTxt{
		display:none;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.underlayer{
		padding:25% 0 0 0;
	}
	/* ------------------------------------ */
	.underlayer .pageTtlBox{
		width:95%;
		margin:0 auto 0;
		padding:0 3% 10% 3%;
		border-bottom:1px solid #333;
	}
	.underlayer .pageTtlBox .enTtlTxt{
		color:var(--clr-blue);
		font-size:4vw;
		font-weight:300;
	}
	.underlayer .pageTtlBox .jpTtlTxt{
		margin-top:1.5%;
		font-size:7vw;
		line-height:1.2;
		letter-spacing:-0.06em;
	}

	.underlayer .pageTtlBox .jpTtlTxt_2lines{
		margin-top:2%;
	}
	.underlayer .pageTtlBox .jpTtlTxt_2lines .subTxt{
		display:inline-block;
		font-size:4.1vw;
	}
	.underlayer .pageTtlBox .jpTtlTxt_2lines .mainTxt{
		display:inline-block;
		font-size:7vw;
		margin-top:1.0%;
	}

	/* ------------------------------------ */
	.underlayer .breadcrumbsBox{
		width:95%;
		margin:0 auto 0;
		border-bottom:1px solid #333;
		overflow-x:scroll;
		-ms-overflow-style:none;
		scrollbar-width:none;
	}
	.underlayer .breadcrumbsBox::-webkit-scrollbar{
		display:none;
	}
	.underlayer .breadcrumbsBox ul{
		display:flex;
		align-items:center;
		width:max-content;
		padding:2% 0.5em;
	}
	.underlayer .breadcrumbsBox ul li{
		display:flex;
		align-items:center;
		position:relative;
		padding-left:4vw;
	}
	.underlayer .breadcrumbsBox ul li:first-child{
		padding-left:0;
	}
	.underlayer .breadcrumbsBox ul li::before{
		content:"\\";
		display:block;
		position:absolute;
		left:1.4vw;
		font-size:clamp(0.05rem, 2.6vw, 0.8rem);
	}
	.underlayer .breadcrumbsBox ul li:first-child::before{
		display:none;
	}
	.underlayer .breadcrumbsBox ul li a,
	.underlayer .breadcrumbsBox ul li p{
		display:block;
		font-size:clamp(0.75rem, 2.2vw, 0.9rem);
		padding-bottom:0.1em;
	}
	.underlayer .breadcrumbsBox ul li a{
		color:var(--clr-blue);
		border-bottom:1px solid var(--clr-blue);
	}


	/* ============================================ */
	.underlayer .block{
		width:95%;
		margin:0 auto 0;
		padding:7% 3% 0 3%;
	}
	.underlayer .block > .inner{
		width:100%;
		padding:0 0;
	}
	/* ------------------------------------ */
	.underlayer .block .blockTtlBox h3{
		padding-left:4vw;
		font-size:5vw;
		font-weight:400;
		position:relative;
	}
	.underlayer .block .blockTtlBox h3::before{
		display:block;
		content:"";
		width:2.8vw;
		height:3.3vw;
		/*max-width:18px;
		max-height:21px;
		min-width:15px;
		min-height:17px;*/
		background-image:url(../images/common/blockTtlHead-min.png);
		background-repeat:no-repeat;
		background-size:100% auto;
		/*background-color:#0f0;*/
		position:absolute;
		left:0;
		top:0.8vw;
	}

	/* ------------------------------------ */
	.block > .inner .cmnBtnBox{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-direction:column;
		margin-top:15%;
	}
	.block > .inner .cmnBtnBox a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:80%;
		max-width:400px;
		padding:4% 0;
		border:1px solid #333;
		font-size:4vw;
		color:#333;
		position:relative;
	}
	.block > .inner .cmnBtnBox a::before{
		content:"→";
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:3.7vw;
		color:#333;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		right:0.5em;
	}
	.block > .inner .cmnBtnBox a:not(:first-child){
		margin-top:5%;
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (min-width:768px){
	body{
		font-weight:300;
	}
	.pcHide{display:none !important;}

	a.alpHov{
		opacity:1;
		-webkit-transition:all 0.4s ease;
		-moz-transition:all 0.4s ease;
		-ms-transition:all 0.4s ease;
		-o-transition:all 0.4s ease;
		transition:all 0.4s ease;
	}
	a.alpHov:hover{
		opacity:0.5;
	}

	/* ///////////////////////////////////////////////////// */
	.headWrap{
		width:98%;
		height:60px;
		padding:0 20px;
		background-color:rgba(255, 255, 255, 0.8);
		border-radius:7.5px;
		position:fixed;
		top:10px;
		left:50%;
		transform:translateX(-50%);
		z-index:10;
		
		transition:all 0.3s ease-in-out;
	}
	.headWrap.opened{
		height:600px;
		background-color:rgba(255, 255, 255, 1);
		box-shadow:0px 0px 8px rgba(0, 0, 0, .15);
	}
	.headWrap .headInner{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		width:100%;
		padding:10px 0;
	}

	/* ============================================ */
	.headWrap .headInner .logoBox{
		display:flex;
		align-items:center;

		transition:all 0.2s ease-in-out;
		opacity:1;
	}
	.headWrap .headInner .logoBox:hover{
		opacity:0.7;
	}
	.headWrap .headInner .logoBox .logo_cml{
		width:160px;
	}
	/*.headWrap .headInner .logoBox .logo_cps{
		width:160px;
		padding-left:15px;
	}*/
	.headWrap .headInner .logoBox .logo_txt{
		font-size:1.6rem;
		font-weight:400;
		padding-left:0.5em;
		color:#333;
	}

	/* ============================================ */
	.headWrap .headInner .linkBox{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	/* ------------------------------------ */
	.headWrap .headInner .linkBox .entryBtnBox{
		margin-right:20px;
	}
	.headWrap .headInner .linkBox .entryBtnBox a{
		display:flex;
		justify-content:center;
		align-items:center;
		height:32px;
		padding:0 30px;
		font-size:1.1rem;
		color:#333;
		border:1px solid #333;
		position:relative;

		transition:all 0.2s ease-in-out;
	}
	.headWrap .headInner .linkBox .entryBtnBox a::before{
		content:"→";
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:0.9rem;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		right:0.2em;
	}
	.headWrap .headInner .linkBox .entryBtnBox a:hover{
		color:var(--clr-blue);
		border:1px solid var(--clr-blue);
	}
	/* ------------------------------------ */
	.headWrap .headInner .linkBox .iconBox{
		width:30px;
		margin-right:20px;
	}

	/* ============================================ */
	.headWrap .headInner .linkBox .hamburgerMenu{
		display:flex;
		align-items:center;
		width:30px;
		height:100%;
		right:0;
		/*background-color:#fcc;*/

		opacity:1;
		transition:all 0.3s ease-in-out;
		cursor:pointer;
	}
	.headWrap .headInner .linkBox .hamburgerMenu:hover{
		opacity:0.7;
	}
	.headWrap .headInner .linkBox .hamburgerMenu span{
		position:relative;
		width:30px;
		height:1px;
		background-color:rgba(0, 0, 0, 1);

		transition:all 0.2s ease-in-out;
	}
	.headWrap .headInner .linkBox .hamburgerMenu span::before,
	.headWrap .headInner .linkBox .hamburgerMenu span::after{
		position:absolute;
		display:block;
		content:"";
		width:100%;
		height:1px;
		background-color:rgba(0, 0, 0, 1);

		transform:rotate(0);
		transition:all 0.2s ease-in-out;
	}
	.headWrap .headInner .linkBox .hamburgerMenu span::before{
		top:-7px;
	}
	.headWrap .headInner .linkBox .hamburgerMenu span::after{
	 bottom:-7px;
	}

	/* ------------------------------------ */
	.headWrap.opened .headInner .linkBox .hamburgerMenu span{
		background-color:rgba(51,51,51,0);
	}
	.headWrap.opened .headInner .linkBox .hamburgerMenu span::before{
		transform:rotate(45deg);
		top:0px;
	}
	.headWrap.opened .headInner .linkBox .hamburgerMenu span::after{
		transform:rotate(-45deg);
		bottom:0px;
	}

	/* ============================================ */
	.headWrap .navBox{
		width:99%;
		border-top:1px solid #333;
		padding:40px;
		position:fixed;
		top:65px;
		left:50%;
		transform:translateX(-50%);
		z-index:9;

		transition:all 0.2s ease-in-out;
		opacity:0;
		visibility:hidden;
	}
	.headWrap .navBox.show{
		opacity:1;
		visibility:visible;
	}

	/* ------------------------------------ */
	.headWrap .navBox nav > ul{
		display:flex;
		flex-wrap:wrap;
		width:100%;
	}
	.headWrap .navBox nav > ul > li{
		width:calc(100% / 3);
		margin-top:50px;
		padding-right:1.5em;
	}
	.headWrap .navBox nav > ul > li:nth-child(-n+3){
		margin-top:0;
	}
	/*.headWrap .navBox nav > ul > li:nth-child(odd){background:#fcc;}
	.headWrap .navBox nav > ul > li:nth-child(even){background:#cfc;}*/
	.headWrap .navBox nav > ul > li p{
		color:#333;
	}
	.headWrap .navBox nav > ul > li > p{
		display:flex;
		align-items:center;
		padding-left:1.1em;
		position:relative;
		font-size:clamp(0.9rem, 1.5vw, 1.4rem);
		font-weight:500;
	}
	.headWrap .navBox nav > ul > li > p::before{
		content:"−";
		position:absolute;
		left:0;
	}

	/* ------------------------------------ */
	.headWrap .navBox nav > ul > li > ul{}
	.headWrap .navBox nav > ul > li > ul li{
		margin-top:15px;
	}
	.headWrap .navBox nav > ul > li > ul > li a{
		display:flex;
		align-items:center;
		position:relative;
		padding-left:3.0em;
		color:#333;
		font-size:clamp(0.9rem, 1.3vw, 1.25rem);

		transition:all 0.2s ease-in-out;
		transform: translateX(0);
	}
	.headWrap .navBox nav > ul > li > ul > li a:hover{
		color:var(--clr-blue);
		transform: translateX(3px);
	}
	.headWrap .navBox nav > ul > li > ul > li a::before{
		display:flex;
		justify-content:center;
		align-items:center;
		width:1.3vw;
		height:1.3vw;
		max-width:20px;
		max-height:20px;
		content:"→";
		font-size:clamp(0.4rem, 1vw, 1rem);
		border:1px solid #333;
		position:absolute;
		left:clamp(1.4rem, 1.8vw ,2rem);
		top:0;
	}
	.headWrap .navBox nav > ul > li > ul > li a:hover::before{
		border:1px solid var(--clr-blue);
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.block{
		padding-top:80px;
	}
	.block > .inner{
		width:92%;
		margin:0 auto 0;
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.footWrap{
		width:98%;
		margin:100px auto 10px;
		padding:40px 0 40px 0;
		/*padding:100px 40px 20px 40px;*/
		background-color:var(--clr-indigo);
		border-radius:10px;
	}
	.footWrap .footBox{
		display:flex;
		width:95%;
		margin:0 auto 0;
	}
	/* ------------------------------------ */
	.footWrap .footBox .leftBox{
		display:flex;
		flex-direction:column;
		justify-content: end;
		width:40%;
	}
	.footWrap .footBox .rightBox{
		width:60%;
	}
	/* ------------------------------------ */
	.footWrap .footBox .leftBox .copyright{
		color:#fff;
		font-size:0.8rem;
	}
	/* ------------------------------------ */
	.footWrap .footBox .rightBox .navigation{
		display:flex;
		flex-wrap:wrap;
		/*background:#fcc;*/
	}
	.footWrap .footBox .rightBox .navigation > li{
		width:50%;
		margin-top:40px;
	}
	.footWrap .footBox .rightBox .navigation > li:nth-child(-n+2){
		margin-top:0;
	}
	/* ------------------------------------ */
	.footWrap .footBox .rightBox .navigation > li > ul{}
	.footWrap .footBox .rightBox .navigation > li > ul > li{
		margin-top:15px;
	}
	.footWrap .footBox .rightBox .navigation > li > ul > li:first-child{
		margin-top:0;
	}
	/* ------------------------------------ */
	.footWrap .footBox .rightBox .navigation > li > ul > li a{
		display:flex;
		align-items:center;
		padding-left:clamp(1.1rem, 1.8vw ,1.6rem);
		color:#fff;
		font-size:clamp(0.8rem, 1.2vw ,1.2rem);
		font-weight:300;
		position:relative;

		transition:all 0.2s ease-in-out;
		opacity:1;
		transform:translateX(0);
	}
	.footWrap .footBox .rightBox .navigation > li > ul > li a::before{
		display:flex;
		align-items:center;
		justify-content:center;
		content:"→";
		width:1.2vw;
		height:1.2vw;
		max-width:20px;
		max-height:20px;
		min-width:12px;
		min-height:12px;
		font-size:clamp(0.1rem, 1.0vw ,1.0rem);
		border:0.5px solid #fff;
		position:absolute;
		left:0;
	}
	.footWrap .footBox .rightBox .navigation > li > ul > li a:hover{
		opacity:0.6;
		transform:translateX(3px);
	}

	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.topPage .block.third > .inner .interviewListBox,
	.interviewList .block.first > .inner .interviewListBox{
		display:flex;
		flex-wrap:wrap;
		width:100%;
		margin-top:30px;
	}

	/* ------------------------------------ */
	.topPage .block.third > .inner .interviewListBox a,
	.interviewList .block.first > .inner .interviewListBox a{
		display:flex;
		flex-wrap:wrap;
		width:calc(100% / 3);
		position:relative;
	}
	.interviewList .block.first > .inner .interviewListBox a{
		width:calc(100% / 4);
	}
	.topPage .block.third > .inner .interviewListBox a::before,
	.interviewList .block.first > .inner .interviewListBox a::before{
		content:"";
		display:flex;
		padding-top:100%;
	}
	.topPage .block.third > .inner .interviewListBox a.new::after,
	.interviewList .block.first > .inner .interviewListBox a.new::after{
		content:"⚫︎NEW";
		display:flex;
		align-items:center;
		font-size:clamp(0.9rem, 1.4vw, 1.4rem);
		color:#f00;
		position:absolute;
		top:2%;
		left:2%;
		z-index:2;
	}
	.interviewList .block.first > .inner .interviewListBox a.new::after{
		font-size:clamp(0.8rem, 1.1vw, 1.1rem);
	}
	/*.topPage .block.third > .inner .interviewListBox a:nth-child(odd){
		background:#fcc;
	}
	.topPage .block.third > .inner .interviewListBox a:nth-child(even){
		background:#cfc;
	}*/

	/* ------------------------------------ */
	.topPage .block.third > .inner .interviewListBox a > .innerBox,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox{
		width:100%;
		height:100%;
		position:relative;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .coverBox,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .coverBox{
		width:100%;
		height:100%;
		padding:4%;
		position:absolute;
		top:0;
		left:0;
		background-color:rgba(0, 0, 0, .6);
		z-index:3;

		transition:all 0.2s ease-in-out;
		opacity:0;
		visibility:hidden;
	}
	.topPage .block.third > .inner .interviewListBox a:hover > .innerBox .coverBox,
	.interviewList .block.first > .inner .interviewListBox a:hover > .innerBox .coverBox{
		opacity:1;
		visibility:visible;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .coverBox p,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .coverBox p{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
		width:100%;
		height:100%;
		padding:0 20px;
		font-size:clamp(1.3rem, 2vw, 2.2rem);
		color:#fff;
		line-height:1.2;
		/*border:0.5px solid #ccc;*/
		position:relative;
	}
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .coverBox p{
		font-size:clamp(1.05rem, 1.4vw, 1.4rem);
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .coverBox p > .linkTxt,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .coverBox p > .linkTxt{
		display:flex;
		align-items:center;
		position:absolute;
		bottom:5%;
		font-size:clamp(1.0rem, 1.5vw, 1.5rem);
		color:#fff;
	}
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .coverBox p > .linkTxt{
		font-size:clamp(0.85rem, 1.25vw, 1.25rem);
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .coverBox p > .linkTxt > span,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .coverBox p > .linkTxt > span{
		display:flex;
		justify-content:center;
		align-items:center;
		width:1.7vw;
		height:1.7vw;
		margin-left:0.3em;
		transform:translateY(8%);
		font-size:clamp(0.8rem, 1.3vw, 1.3rem);
		border:1px solid #fff;
	}

	/* ------------------------------------ */
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		z-index:2;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox{
		width:100%;
		height:100%;
		position:relative;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .imgBox,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .imgBox{
		width:100%;
		height:100%;
		position:absolute;
		z-index:3;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .imgBox .innerCover,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .imgBox .innerCover{
		width:100%;
		height:100%;
		position:relative;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .imgBox .innerCover::before,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .imgBox .innerCover::before{
		content:"";
		display:inline-block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		background-color:rgba(0, 0, 0, .3);
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox{
		width:90%;
		position:absolute;
		left:50%;
		bottom:5%;
		transform:translateX(-50%);
		z-index:5;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p{
		display:flex;
		align-items:center;
		font-size:clamp(1.2rem, 1.6vw, 1.7rem);
		color:#fff;
		position:relative;
	}
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p{
		font-size:clamp(1.0rem, 1.3vw, 1.3rem);
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p span,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p span{
		border:1px solid #fff;
		padding:5px 7px;
		font-size:clamp(0.9rem, 1.2vw, 1.3rem);
		writing-mode:vertical-lr;
		margin-right:10px;
		background-color:rgba(0, 0, 0, .2);
	}
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p span{
		padding:4px 5px;
		font-size:clamp(0.80rem, 1.0vw, 1.0rem);
	}
	/*.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p::before,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p::before{
		display:flex;
		justify-content:center;
		align-items:center;
		border:1px solid rgba(255, 255, 255, 0.8);
		position:absolute;
		top:0;
		left:0;
		background:#0f0;
	}
	.topPage .block.third > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p.newgraduate::before,
	.interviewList .block.first > .inner .interviewListBox a > .innerBox .regularBox .contentBox .txtBox p.newgraduate::before{
		white-space:pre;
		content:"新\A卒";
	}*/


	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	/* ///////////////////////////////////////////////////// */
	.underlayer{
		padding:80px 0 0 0;
	}
	/* ------------------------------------ */
	.underlayer .pageTtlBox{
		width:95%;
		margin:0 auto 0;
		padding:80px 4%;
		border-bottom:1px solid #333;
	}
	.underlayer .pageTtlBox .enTtlTxt{
		color:var(--clr-blue);
		font-size:clamp(1.5rem, 1.7vw, 1.7rem);
		font-weight:300;
	}
	.underlayer .pageTtlBox .jpTtlTxt{
		font-size:clamp(2.6rem, 4.6vw, 4.0rem);
		margin-top:15px;
	}

	.underlayer .pageTtlBox .jpTtlTxt_2lines{
		margin-top:15px;
	}
	.underlayer .pageTtlBox .jpTtlTxt_2lines .subTxt{
		display:inline-block;
		font-size:clamp(1.5rem, 2.2vw, 2.0rem);
	}
	.underlayer .pageTtlBox .jpTtlTxt_2lines .mainTxt{
		display:inline-block;
		margin-top:5px;
		font-size:clamp(3.2rem, 4.6vw, 4.0rem);
	}


	/* ------------------------------------ */
	.underlayer .breadcrumbsBox ul{
		display:flex;
		align-items:center;
		width:95%;
		margin:0 auto 0;
		padding:8px 4%;
		border-bottom:1px solid #333;
	}
	.underlayer .breadcrumbsBox ul li{
		display:flex;
		align-items:center;
		position:relative;
		padding-left:1.5vw;
	}
	.underlayer .breadcrumbsBox ul li:first-child{
		padding-left:0;
	}
	.underlayer .breadcrumbsBox ul li::before{
		content:"\\";
		display:block;
		position:absolute;
		/*top:50%;
		transform: translateY(-0.4vw);*/
		left:0.6vw;
		font-size:clamp(0.70rem, 1.0vw, 1.0rem);
	}
	.underlayer .breadcrumbsBox ul li:first-child::before{
		display:none;
	}
	.underlayer .breadcrumbsBox ul li a,
	.underlayer .breadcrumbsBox ul li p{
		display:inline-block;
		font-size:clamp(0.75rem, 1.1vw, 1.1rem);
	}
	.underlayer .breadcrumbsBox ul li a{
		color:#333;
		border-bottom:1px solid #333;
		transition:all 0.3s ease-in-out;
	}
	.underlayer .breadcrumbsBox ul li a:hover{
		color:var(--clr-blue);
		border-bottom:1px solid var(--clr-blue);
	}
	/* ============================================ */
	.underlayer .block{
		width:95%;
		margin:0 auto 0;
		padding:80px 4% 0 4%;
	}
	.underlayer .block > .inner{
		width:100%;
	}
	/* ------------------------------------ */
	.underlayer .block .blockTtlBox h3{
		padding-left:clamp(18px, 2vw, 25px);
		font-size:clamp(1.4rem, 3.4vw, 2.5rem);
		font-weight:300;
		position:relative;
	}
	.underlayer .block .blockTtlBox h3::before{
		display:block;
		content:"";
		width:1.25vw;
		height:1.48vw;
		max-width:18px;
		max-height:21px;
		min-width:15px;
		min-height:17px;
		background-image:url(../images/common/blockTtlHead-min.png);
		background-repeat:no-repeat;
		background-size:100% auto;
		/*background-color:#0f0;*/
		position:absolute;
		left:0;
		top:clamp(5px, 0.8vw, 10px);

		/*top:50%;
		transform:translateY(-45%);*/
	}
	/* ------------------------------------ */
	.underlayer .block .blockTtlBox.vertical h3{
		display:flex;
		align-items:center;
		writing-mode: vertical-rl;
		padding:25px 0 0 0.10em;
		font-size:clamp(2.4rem, 3.4vw, 3.4rem);
		line-height:1;
	}
	.underlayer .block .blockTtlBox.vertical h3::before{
		left:50%;
		top:0;
		transform:translateX(-50%);
	}
	/* ------------------------------------ */
	.block > .inner .cmnBtnBox{
		display:flex;
		justify-content:center;
		margin-top:100px;
	}
	.block > .inner .cmnBtnBox a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:max-content;
		padding:25px 120px;
		border:1px solid #333;
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		color:#333;
		position:relative;

		transition:all 0.2s ease-in-out;
		transform:scale(1);
	}
	.block > .inner .cmnBtnBox a::before{
		content:"→";
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:clamp(0.9rem, 1.2vw, 1.2rem);
		color:#333;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		right:10px;

		transition:all 0.2s ease-in-out;
	}
	.block > .inner .cmnBtnBox a:not(:first-child){
		margin-left:20px;
	}
	.block > .inner .cmnBtnBox a:hover{
		transform:scale(1.03);
		color:var(--clr-blue);
		border:1px solid var(--clr-blue);
	}
	.block > .inner .cmnBtnBox a:hover::before{
		color:var(--clr-blue);
		right:4px;
	}
}