@charset "UTF-8";
/* CSS Document */

/*
p {font-family: 'Noto Sans JP', sans-serif;
	font-feature-settings: "palt" 1;}
 font-weight: regular 400,medium 500,semibold 600,bold 700;
*/


/* モーダルと背景の指定 */
.js-modal{display:none;
  position:fixed;z-index:999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(102,102,102,85%);
  padding: 80px 0;
  overflow: auto;
  /*opacity: 0;*/
  /*visibility: hidden;*/
  transition: .3s ease;
  box-sizing: border-box;
}
@media screen and (max-width:750px){
	.js-modal{padding:13.33vw 0;}
}

/* モーダル内側の指定 */
.modal-container{
	max-width:1200px;
	position:relative;
	display:inline-block;
	vertical-align:top;}
@media screen and (max-width:1300px){
	.modal-container{width:92.30vw;}
}
@media screen and (max-width:750px){
	.modal-container{width:92%;}
}



/* モーダルを閉じるボタンの指定 */
.js-modalClose{
	position:absolute;
	top:-80px;right:0px;
	width:80px;height:80px;
	background:none;
	cursor: pointer;}
@media screen and (max-width:750px){
	.js-modalClose{top:-10.66vw;
		width:10.66vw;height:10.66vw;}
}

.js-modalClose2{
	position:absolute;
	bottom:-80px;right:0px;
	width:80px;height:80px;
	background:none;
	cursor:pointer;}
@media screen and (max-width:750px){
	.js-modalClose2 {bottom:-10.66vw;
		width:10.66vw;height:10.66vw;}
}


/* モーダルのコンテンツ部分の指定 */
.modal-content {
	width:100%;
	margin:0 auto;
	background:#fff;
	display:block;
	border-radius:20px;
	padding-bottom:100px;
}
@media screen and (max-width:1300px){
	.modal-content {padding-bottom:7.69vw;}
}
@media screen and (max-width:750px){
	.modal-content {
		border-radius:2.66vw;
		padding-bottom:8vw;}
}

/*トップ画像・タイトルコピー*/
.mc_top {width:81.66%;margin:0 auto;}
.mc_title {width:71.66%;margin:80px auto 100px;}
@media screen and (max-width:1300px){
	.mc_title {margin:6.15vw auto 7.69vw;}
}
@media screen and (max-width:750px){
	.mc_top {width:91.30%;margin:0 auto;}
	.mc_title {width:91.30%;margin:16vw auto;}
}


/*本文｜1・3ブロック目設定*/
.interview_A {width:81.66%;margin:0 auto 100px;
	display:flex;justify-content:space-between;}
.i_A_left {width:50%;margin-left:60px;}
.i_A_right {width:38.77%;}
@media screen and (max-width:1300px){
	.interview_A {margin:0 auto 7.69vw;}
	.i_A_left {margin-left:4.61vw;}
}
@media screen and (max-width:750px){
	.interview_A {width:91.30%;margin:0 auto 13.33vw;
		display:block;}
	.i_A_left {width:100%;margin-left:0;margin-bottom:8vw;}
	.i_A_right {width:100%;}
}

/*本文見出し・テキスト設定*/
.q_txt {color:#007CE6;font-size:18px;font-weight:500;
	line-height:1.66;text-align:left;letter-spacing:0.05em;
	display:flex;justify-content:flex-start;}
.q_top {width:28px;}
.ans_txt {text-align:justify;color:#000;
	font-size:16px;font-weight:400;line-height:2;
	letter-spacing:0.05em;margin-top:30px;}
@media screen and (max-width:1300px){
	.q_txt {font-size:1.38vw;}
	.q_top {width:2.15vw;}
	.ans_txt {font-size:1.23vw;margin-top:2.30vw;}
}
@media screen and (max-width:750px){
	.q_txt {width:100%;font-size:4.26vw;line-height:1.62;}
	.q_txt p {width:76.53vw;text-align:justify;}
	.q_top {width:8vw;}
	.ans_txt {font-size:3.73vw;margin-top:5.33vw;}
}

/*本文｜2ブロック目設定*/
.interview_B {width:85.83%;margin-bottom:100px;
	display:flex;justify-content:space-between;}
.i_B_left {width:47.57%;}
.i_B_right {width:47.57%;}
.q_m_tp {margin-top:50px;}
@media screen and (max-width:1300px){
	.interview_B {margin-bottom:7.69vw;}
	.q_m_tp {margin-top:3.84vw;}
}
@media screen and (max-width:750px){
	.interview_B {width:100%;margin-bottom:13.33vw;
		display:block;}
	.i_B_left {width:100%;}
	.i_B_right {width:91.30%;margin:0 auto 8vw;}
	.q_m_tp {margin-top:8vw;}
}


/*就活生へのメッセージ*/
.i_message {width:81.66%;margin:0 auto;
	background:#007CE6;border-radius:10px;
	color:#fff;font-size:16px;font-weight:500;
	line-height:2;letter-spacing:0.05em;
	text-align: justify;}
.i_message_inner {width:87.75%;margin:0 auto;
	display:flex;justify-content:space-between;
	padding:40px 0;}
.i_message_inner li:first-child {width:25.58%;}
.i_message_inner li:last-child {width:67.09%;}
@media screen and (max-width:1300px){
	.i_message {font-size:1.23vw;}
	.i_message_inner {padding:3.07vw 0;}
}
@media screen and (max-width:750px){
	.i_message {width:91.30%;margin:0 auto;
		border-radius:1.33vw;font-size:3.73vw;}
	.i_message_inner {width:92.06%;margin:0 auto;
		display:block;padding:6.66vw 0;}
	.i_message_inner li:first-child {
		width:100%;margin-bottom:6.66vw;}
	.i_message_inner li:last-child {width:100%;}
}


/*注釈*/
.caption {text-align:left;margin-left:110px;
	font-size:12px;font-weight:400;
	margin-top:50px;}
@media screen and (max-width:1300px){
	.caption {margin-left:8.46vw;
	margin-top:3.84vw;}
}
@media screen and (max-width:750px){
	.caption {margin-left:4vw;font-size:3.2vw;
		margin-top:8vw;}
}