@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');

body {
    background-color: #F7F8F8;
    font-family: 'tbnpgothic-std','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-style: normal; font-weight: 500;
     font-style: normal; 
     font-weight: normal;
	margin:0 ;
	
	}

.cf:after {
	content: "";
	display: block;
	clear: both;
}

p{ margin: 0}

header,
footer,
.container {
	margin: 0 auto;
	overflow: hidden;
}

section {
	    margin: -20px 0 10px;
    position: relative;
    padding-top: 90px;
}

img {
	vertical-align: bottom;
}

label { cursor: pointer;}

label img:hover,
a img:hover {
	opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}

.modal-wrap label img:hover{ animation: none}
.fss{ font-size: small}


@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}



@media screen and (max-width: 749.5px) {
	/* header,
	footer, */
	.container {
		max-width: 600px;
	}
		.pc {
		display: none;
	}
}

@media screen and (min-width: 749.5px) {
	/* header,
	footer, */
	.container {
		width: 880px;
	}
	.container {
		margin: 80px auto 0;
	}
	
	.topP.container{margin: 85px auto 0;}
	
	.sp {
		display: none !important;
	}
	.sub-page.special {
	margin-top: 5px;}
	
	.pcpb0{ padding-bottom: 0}
	
	

}



.pc-image img {
	width: 880px;
}

.sp-image img {
	width: 300px;
}

.sp-image {
	width: 300px;
	margin: 20px auto 0;
}

footer {
	font-size: 9px;
}

footer p {
    text-align: center;
	margin-bottom: 15px;
}
.mt-5px{ margin-top: -5px !important}
.mt25{ margin-top: 25px !important}
.mt30{ margin-top: 30px !important}
.mt40{ margin-top: 40px !important}
.mt50{ margin-top: 50px !important}
.mt55{ margin-top: 55px !important}
.mt60{ margin-top: 60px !important}
.mb40{ margin-bottom: 40px !important}
.mb30{ margin-bottom: 30px !important}
.mt2em{ margin-top: 1.5em}
.mt1em{ margin-top: 0.8em}
.pcMt-5{ margin-top: -5px}
.pb35{ padding-bottom: 35px !important}


@media screen and (min-width: 749.5px) {
	.interview01 {
		border-bottom: 1px solid #333333;
	}
	
	.interview-list {
		
		margin: 35px 0;
	
		
		
		overflow: hidden;
		    line-height: 0;
	}
	
	.interview-list:nth-child(2n) {
	
	}
	
	.interview-list img {
		width: 100%;
		
	}
	
	.pb50{ padding-bottom: 50px !important}
}

@media screen and (max-width: 749.5px) {
	.interview-list {
		width: 300px;
		margin: 20px auto 30px;
	}
	.interview-list img {
		width: 300px;
	}
	.spmt30{margin-top: 30px}
}


@media screen and (min-width: 749.5px) {
	.interview01 {
		border-bottom: 1px solid #333333;
		display: flex;
		justify-content: space-between;
		height: auto
	}
	
	
	.interview01:last-child{ border-bottom: none} {
		border-bottom: 1px solid #333333;
	}
	
	.interview-list {
		width: 414px;
		margin: 35px 0;
		 align-self: flex-start;
		overflow: hidden;
	}
	.interview01:last-child .interview-list, .interview01:last-child .border-height{ margin-bottom: 0}
	
	
	.border-height{ width: 1px; height: 360px; border-left: 1px solid #333333; margin: 35px 0 }
	.heiht380{ height: 380px}
	
	.interview-list:nth-child(2n) {
		padding-left: 26px;
		padding-right: 0;
		border-right: none;
	
	}
	
	.interview-list img {
		width: 413px;
	}
	.pcmb0{ margin-bottom: 0}
	
}


.qa-image img {
	width: 100%;
}

.qa-navi {
	position: relative;
	margin: 20px auto;
}

.qa-navi img {
	width: 100%;
}

.qa-list01,
.qa-list02,
.qa-list03,
.qa-list04,
.qa-list05,
.qa-list06,
.qa-list07 {
		position: absolute;
		overflow: hidden;
}

@media screen and (min-width: 749.5px) {
	.qa-image {
		width: 700px;
		margin: 30px auto;
	}
	.qa-navi {
		height: 581px;
		width: 880px;
	}

	.qa-list01 {
		height: 462px;
		width: 163px;
		top: 0;
		left: 0;
	}

	.qa-list02 {
		height: 80px;
		width: 703px;
		top: 0px;
		right: 0px;
	}

	.qa-list03 {
		height: 127px;
		width: 526px;
		top: 94px;
		left: 177px;
	}

	.qa-list04 {
		height: 228px;
		width: 334px;
		top: 235px;
		left: 177px;
	}

	.qa-list05 {
		height: 227.5px;
		width: 177px; 
		top: 235px;
		left: 525px;
	}

	.qa-list06 {
		width: 163px;
		height: 486px;
		top: 94px;
		right: 0px;
	}

	.qa-list07 {
		height: 105px;
		width: 703px;
		bottom: 0px;
		left: 0px;
	}
	
	
}

@media screen and (max-width: 749.5px) {
	.qa-image {
		width: 300px;
		margin: 20px auto;
	}
	.qa-navi {
		height: 415px;
		width: 300px;
	}

	.qa-list01 {
		width: 72px;
		top: 0;
		left: 0;
	}

	.qa-list02 {
		width: 218px;
		top: 0px;
		right: 0px;
	}

	.qa-list03 {
		width: 218px;
		top: 70px;
		right: 0;
	}

	.qa-list04 {
		width: 139px;
		top: 137px;
		left: 82px;
	}

	.qa-list05 {
		width: 221px;
		top: 241px;
		left: 0px;
	}

	.qa-list06 {
		width: 70px;
		top: 136px;
		right: 0px;
	}

	.qa-list07 {
		width: 300px;
		top: 348px;
		left: 0px;
	}
}

table {
	margin: 50px auto;
}

table th {
	font-weight: normal;
	width: 150px;
	vertical-align: top;
	text-align: left;
}

@media screen and (max-width: 749.5px) {
	table {
		width: 300px;
	}
	table th,
	table td {
		display: block;
	}
	table th,
	table th p {
		padding: 0;
		margin: 0;
	}
	table td p {
		margin-top: 5px;
		line-height: 1.5;
		font-size: 15px;
	}
}



.bottom-nav01 {
	margin: 60px auto;
	text-align: center;
}
.recruit-image {
	width: 170px;
	margin: 30px auto;
}
.bottom-nav01 img {
	width: 100%;
}
.bottom-nav01 a {
	display: block;
	margin: 20px auto;
}

.bottom-nav02 {
	margin: 10px auto 50px;
}
.bottom-nav-list-text {
	font-size: 12px;
}


@media screen and (min-width: 749.5px) {
	.bottom-nav01 a {
		width: 545px;
	}
	.bottom-nav-list {
		width: 255px;
		margin-right: 57.5px;
		float: left;
	}
    
	.bottom-nav-list:last-child {
		margin-right: 0;
	}
	.bottom-nav-list img {
		width: 100%;
        max-width: 200px;
        margin-left: 25px;
	}
	.bottom-nav-list-btn img {
		width: 100%;
        max-width: 255px;
        margin-left: 0;
	}
	/*.bottom-nav-list-text {
		height: 100px;
	}*/
}

@media screen and (max-width: 749.5px) {
	.bottom-nav01 a {
		width: 300px;
	}
	.bottom-nav-list {
		width: 300px;
		margin: 30px auto;
		text-align: left;
	}
	.bottom-nav-list>img {
		width: 200px;
        margin: 0 0 20px 50px;
	}
	.bottom-nav-list-btn a {
		width: 300px;
	}
	.bottom-nav-list-btn img {
		width: 300px;
	}
}



@media screen and (min-width: 749.5px) {
	header {
		margin: 0 auto;
	}
	#top-head {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: #F7F8F8;
		z-index: 1;
	}
	#nav-drawer {
		width: 880px;
		margin: 0 auto;
		position: relative;
	}
	#nav-content {
		margin: 0 auto;
	}
	#nav-open,#nav-input {
		display: none; 
	}
	#nav-content ul {
		display: flex;
		justify-content: space-between;
		padding: 0;
		width: 620px;
	}
	#nav-content ul li {
		padding:  10px 0;
		list-style: none;
		
	}
	#nav-content ul li:first-child {
		padding-left: 0px;
	}
	#nav-content ul li img {
	
	}
	.entry-btn {
		position: absolute;
		right: 0;
		top: 0;
	}
	.entry-btn img {
		height: 45px;
	}
	
}

@media screen and (max-width: 749.5px) {
	#nav-open {
		position: fixed;
		top: 10px;
		right: 20px;
		display: inline-block;
		width: 30px;
		height: 30px;
		vertical-align: middle;
		z-index: 9999;
	}
	#nav-drawer {
		width: 330px;
		margin: 0 auto;
		position: relative;
	}

	/*チェックボックス等は非表示に*/
	.nav-unshown {
		display:none;
	}

	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
		position: absolute;
		height: 3px;/*線の太さ*/
		width: 25px;/*長さ*/
		border-radius: 3px;
		background: #555;
		display: block;
		content: '';
		cursor: pointer;
		z-index: 9999;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}
	#nav-close {
		display: none;
		position: fixed;
		z-index: 9998;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #333333;
		opacity: 0;
		transition: .3s ease-in-out;
	}

	#nav-content {
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
		width: 100%;
		max-width: 749.5px;
		opacity: 0.8;
		transition: .3s ease-in-out;
		-webkit-transform: translateY(-105%);
		transform: translateY(-105%);
	}
	#nav-content ul {
		padding: 0;
	}
	#nav-content ul li {
		padding: 27px;
		text-align: center;
	}
	#nav-content ul li img {
		width: 130px;
	}
	#nav-input:checked ~ #nav-close {
		display: block;
		opacity: 0.9;
	}
	#nav-input:checked ~ #nav-content {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.modal-wrap {
}

.modal-wrap img {
	width: 60%;
}

.close {
	color: #fff!important;
}


/*interview single*/



article {
	padding-bottom: 30px;
}
.border-top {
	border-top: 1px solid #333333;
}
article.border-btm {
	border-bottom: 1px solid #333333;
}

article img {
	width: 100%;
}

article .image700 {
	width: 700px;
	margin: 40px auto 25px;
}

article .qa-title {
	    margin-bottom: 30px;
    padding-bottom: 30px;
	border-bottom: 1px solid #333333;
}
article .sp-title-image {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #333333;
}
.fl-left {
	float: left;
	padding-right: 30px;
	padding-bottom: 15px;
}
.fl-right {
	float: right;
	padding-left: 35px;
	padding-bottom: 15px;
}
p {
    line-height: 2.0em;
	text-align: justify;

}

.bottom-nav02 {
    margin: 50px auto 30px;
	max-width: 570px;
}

.mt0{ margin-top: 0}
.mt10{ margin-top: 10px !important}
.mt20{ margin-top: 20px !important}
.mt25{ margin-top: 25px !important}
.mt85{ margin-top: 85px !important}
.pt20{ padding-top: 20px}
.pt40{ padding-top: 35px}
.bbnpb10{ border-bottom: none;padding-bottom: 10px}
.sub-page{ margin-top: 5px; padding-top: 4px}
.pb25{ padding-bottom: 25px}
.adkLink{ width: 170px !important}
.special article{ border-bottom: 4px solid; margin: 0 auto;}
.bbn{ border-bottom: none!important;}
.special article .sp-title-image { border-bottom: none; margin-bottom: 0; padding-bottom: 0}
.interview02 .interview-list,.interview04 .interview-list{ margin-bottom: 0}
.pb0{ padding-bottom: 0!important}
.pb20{ padding-bottom: 20px}
.mb20{ margin-bottom: 20px!important}
.close-bottom{    width: 45px;    position: fixed;    top: 6%;    right: 20%;}
.close-bottom img{ width: 100%}
.InttopTxt{ margin:  35px 0}
.inttit{ margin: 40px auto}
.intLImg{ margin: 35px auto}
.pt05em{ padding-top: 0.5em}
.mb15{ margin-bottom: 15px}

#recriut p{ margin: 16px 0}
#company p{ margin: 4px 0}

.speMimgC{ text-align: right; font-size:10px }

@media screen and (min-width: 749.5px) {
	article {
		margin: 0 auto;
		padding-bottom: 10px;
	}
	.mojits{     font-size: 0.98em;
    letter-spacing: -0.05em;}
	#qa{ padding-top:  80px}
}
@media screen and (max-width: 749.5px) {
	section{ padding-top: 0}
	section.sub-page {
		margin: 10px auto;
        padding-top: 35px;
	}
	article {
		margin: 20px auto;
		width: 300px;
	}
	article .sp-title-image {
		margin-top: 40px;
	}
	.entry-btn{ text-align: center; margin: 35px 0}
	#qa{ margin-bottom: 20px}
	
	section {
    margin: 40px 0;
	}
	.sppb0{ padding-bottom: 0	}
	.spbbn{ border-bottom: none !important; padding-bottom: 0 !important}
	.top-head{ display: none;}
	.bottom-nav-list a.clogo{ width: 300px;display: block; text-align: center;}
	.bottom-nav-list a.clogo img{ width: 200px}
	.border-topsp{ border-top: 1px solid;}
	.modal-wrap img {		width: 100%;}
		footer p{ line-height: 1.5}
	footer.mt25{ margin-top: 0}

.sub-page p{font-size: 14px;}
	.bbnpmb00{ border-bottom: none!important ;  padding: 0 auto !important; margin: 0 auto !important;}
	
	.special .pt40{ padding-top: 0}
	.special .sp-image{ margin: 0 auto}
	.special .fl-right{ padding-bottom: 0;}
	.special article {
		border-bottom: 2px solid;}
	.special .fl-left{ padding-bottom: 0}
	.special article.spbbn{ border-bottom: none}
	
	table {
    margin: 25px auto;
}
	.fl-left {     padding-right:0}
	.fl-right{     padding-bottom: 0;}
	.spbtn{ border-top: none}
	.spmt0{ margin-top: 0 !important}
	
	.close-bottom{   width: 27px;    position: fixed;    top: 3%;    right: 4%;}
	.special .sp-title-image { border-bottom: none; margin: 15px 0 10px !important; padding-bottom: 0}
	
	#company p, #recriut p{ margin: 5px 0}
	.interview02 .interview-list, .interview04 .interview-list {
    margin-bottom: 30px;
		
}
	.spmt15{ margin-top: 15px!important}
	.speMimgC{ text-align:  center; font-size:10px !important;transform:scale(0.7); }
	#qa{ padding-top: 0px}
	
	.sppb20 { padding-bottom: 20px !important}
	.spmt40{ margin-top: 40px !important}
	
}


.modal-wrap::-webkit-scrollbar{
 display:none;
}

.modal-wrap{
 -ms-overflow-style:none;
}

.popclosebtn{ width: 45px; z-index: 9999; cursor: pointer}

#popQa{background: #555; position: relative;}
#popQa div.popimgbox { width: 90%; margin: 0 auto; text-align: center}
#popQa div.popimgbox img{ width: 100%; max-width: 300px; margin-top: 30px}
#popQa div.closeBtnBox {
    position: fixed;
    width: 50px;
    top: 2%;
	right: 3%;}

#popQa div.closeBtnBox img{ width: 100%}



.bottom-nav-list-btn{ margin-top:20px;}



#newsList{ list-style: none; padding-left: 0}
#newsList li{ }
#newsList li .title{display: block ; font-size: 13px; letter-spacing: 0.1em}
#newsList a,.pNav a, .backORcloseBtn a, .pager a {text-decoration: none; color: #333}
.detailText a{ text-decoration: underline; color: #333}

#newsList a:hover,.pNav a:hover , .backORcloseBtn a:hover , .pager a:hover ,.detailText a:hover  {
	opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}


.catName{ display: inline-block; border: 1px solid; padding: 1px 5px;}

.pager {
    text-align: center;
    padding: 10px;
    clear: both;
}
.pager a {font-size: 12px;    letter-spacing: 0.2em;	font-weight: bold;    margin-right: 5px;    font-family: 'Montserrat', sans-serif;}
.pager a.current{ text-decoration: underline}
.pager:first-child{display: none}
.pager { margin-bottom: 3em}

/*.detailText:first-child{ font-size: 1.2em; font-weight: normal; line-height: 1.5em}*/
.comment { letter-spacing: 0.1em}

.detailText {line-height: 2.0em;    text-align: justify;}
.detailUpfile{ padding: 0 0;text-align: center}
.detailUpfile img{ width: 100%; margin: 1.5em 0}
.pNav { margin-top: 2em; font-size: 12px}
.backORcloseBtn { margin: 4em 0}

#newsList{ display: flex; flex-wrap: wrap;/*justify-content: space-between;  */  margin-top: 2em;margin-bottom: 3em;}
#newsList a { display: block;width: 285px;      padding-right:  21px;    margin-bottom: 1.5em;    padding-top: 1.5em;    border-top: 1px solid #aaa; }
#newsList a:first-child,#newsList a:nth-child(3n+1){ width: 264px; }
#newsList a:first-child,#newsList a:nth-child(2),#newsList a:nth-child(3){ padding-top: 0; border-top: none}


#newsList a:first-child .listborder,#newsList a:nth-child(3n+1) .listborder{ display: none}
#newsList a:nth-child(3n){  padding-right: 0}

#newsList a:first-child,#newsList a:nth-child(7n){margin-left: 0}


.up_ymd{ font-size: 11px;font-family: 'Montserrat', sans-serif; font-weight: 600; letter-spacing: 0.2em;}
.listborder{ border-right: 1px solid #aaa;height:100%; float: left}
/*.listborder:last-child{ border-right: none}
.listborder:nth-child(6n){ display: none}
.newthum:nth-child(6n){margin-right: 0}*/
.newthum{ float: right;     width: 264px;}

.thumbNailWrap{width: 264px;    height: 194px;    display: block;    overflow: hidden;    text-align: center;    position: relative;}
.thumbNail {    position: absolute;    top: 50%;    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
 }
.sub-page h2{ text-align: center; font-size: 35px; font-weight: normal; margin: 0.5em 0 0.5em}
.sub-page #up_ymd{ font-size: 12px ;font-family: 'Montserrat', sans-serif; font-weight: 600; letter-spacing: 0.2em; margin-top: 1em;　 margin-bottom: 1em}
.backORcloseBtn{ text-align: center; font-size: 12px; letter-spacing: 0.2em; font-weight: bold; font-family: 'Montserrat', sans-serif;}



#newsList a:after {
	content: "";
	display: block;
	clear: both;
}





@media screen and (max-width: 749.5px) {
	.sub-page{     margin: 20px auto;    width: 300px;}
	.sub-page h2{ font-size: 20px; text-align: left }
	
	#newsList { display: block}
	#newsList a{ width: 100%;border-right: none;    padding-left:0}
	.thumbNailWrap,	.thumbNail{ width: 100%; height: auto; position: relative}
	.newthum { float: none;     width: 100%;}
	#newsList a:first-child, #newsList a:nth-child(3n+1){ width: 100% }
	#newsList a:nth-child(2),#newsList a:nth-child(3){ padding-top: 0; border-top: 1px solid #aaa;padding-top: 1.5em;     padding-right: 0;}
	.listborder{ display: none}
	
/*	.detailText:first-child{ line-height: 1.5em;}
	.detailText:first-child font{ font-size: 18px !important;}*/
	.detailText { font-size: 14px}
	
	.thumbNail {
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
		transform: unset;
	}
	
	.pager { text-align: center; font-size: 16px}
	.pager a,.backORcloseBtn{ font-size: 14px}
	.detailUpfile:nth-child(2) img{ margin-top: 0.1em}
	
	
	.spLSpece2{ letter-spacing: -0.026em}
	.spLSpece3{ letter-spacing: -0.028em}
	
}
.spLSpece1{ letter-spacing: -0.02em	}
.spLSpece4{ letter-spacing: -0.06em	}

.specTolkbtn{ padding-bottom: 35px; border-bottom: 1px solid #333; margin-top: 30px}



.intspBox1 .space{ float: right; height: 2.5em }
.intspBox1 .imgBox{ width: 560px; float: right;/*画像の位置を右下にしたい場合はright*/
  clear: both;/*.spaceのfloat解除*/ margin-left: 25px}
.intspBox5 .imgBox{ width: 590px; float: right; clear: both;margin-left: 25px }
.intspBox5 .space{ float: right; height: 2.5em; }

.intspBox2 .space{ float: left; height: 10.5em }
.intspBox2 .imgBox{ width: 573px; float: left;/*画像の位置を右下にしたい場合はright*/
  clear: both;/*.spaceのfloat解除*/ margin-right: 25px; }



.intspBox3 .space{ float: right; height:2.5em }
.intspBox3 .imgBox{ width: 289px; float: right;/*画像の位置を右下にしたい場合はright*/
  clear: both;/*.spaceのfloat解除*/ margin-left: 25px; padding-bottom: 2em}

.intspBox4 .space{ float: right; height: 10.5em }
.intspBox4 .imgBox{ width: 568px; float: right;/*画像の位置を右下にしたい場合はright*/
  clear: both;/*.spaceのfloat解除*/ margin-left: 25px; padding-bottom: 2em}


/*辻野緊急対応20221116*/
.up_ymd ,.sub-page #up_ymd{	display: none}
.thumbNailWrap {	margin-bottom: 5px;}