@charset "utf-8";
/*管理工学研究所*/
/* we override some style defined at company.css.
-------------------------------------------------------------- */

/*-- from index.html --*/
/* flexbox */
.flexbox {
	-js-display: flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;

	margin: 1em 0;
}
.flexbox-item { width: 300px; margin: 5px 5px; }
.flexbox-item img { max-width: 100%; height: auto; }

/* newsbox */
.newsbox { font-size: 95%; position: relative; width: 414px; padding: 0 1em 2em 1em; }
@media (max-width: 497px) {
	.newsbox { width: 95% }
}
@media (min-width: 498px) and (max-width:880px) {
	.newsbox { width: 80%; }
}

.newsbox > .section-title-line { border-color: #369; border-bottom-style: solid; }
.newsboxSep { position: relative; width: 3rem; }


.newsbtn { 
	font-size: 90%;
	display: inline-block;
	padding: 0 1.5em;
	text-decoration: none;

	color: #369 !important;
	background: #fff !important;

	border: 1px solid #369 !important;
	border-radius: 3px;
	transition: .3s;
}
.newsbtn:hover { background: #369 !important; color: #fff !important; }
.newstable { border-collapse: collapse; }
.newstable tr td:first-child { width: 5em; }
.newstable td, .newstable th { padding: 0.5em 0.5em; }
.newstable tr { border-bottom: 1.5px dotted #ccc; }
.newstable td { padding-bottom: 2em; }
.newstitle { font-weight: bold; }

.newsLink { color:#000; }
.newsLink:hover { color:#006699; }
.newsLink:active, .newsLink:focus { outline:0; }


/* pickup */
.pickuptable {
	margin: 0.5em 0;
	padding: 0.2em 0.2em 0 0.2em;
	border: 1px solid #ccc !important;
	border-radius: 4px;
}
.pickuptitle { font-weight: bold; color: #0009AF; }
.pickup-cont { padding: 0 1em; vertical-align:top; }
/*	.pickup-cont p { color: #000000; }*/

/* slider-pro */
.frame {
	padding:0;
	width:100%;
	width:100%;
	position:relative;
	line-height:0;
}
.sp-slides {
	margin:17px auto;
	max-width:100%;
	height:auto;
}

.sp-buttons { display: block !important; }
.sp-button { border: 0 !important; background-color: #aaaaaa !important; }
.sp-selected-button { background-color: #000000 !important; }

@media only screen and (min-width:320px) and (max-width:1024px){
	.sp-button { width:10px !important; height:10px !important; }
}


/*-- from inquiry.html --*/
ul.indent-list { list-style-type: none; list-style-image:none; }
ul.indent-list > li { display: block; text-indent: 2em; }


/*-- from recruit01_index.html --*/
ul.moveTo{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

ul.moveTo li a{
	font-size: 120%;
	display: inline-block;
	padding-top: 0;
	padding-right: 0.5px;
	padding-left: 0.5em;
	padding-bottom: 0;
	margin-right: 10px;
	text-decoration: none;
	color: #B7091E !important;
	background: #fff !important;
	border: 1px solid #B7091E !important;
	border-radius: 1px;
	transition: .3s;
	width: 240px;
	text-align: center;
}


/*-- from recruit02-01_internship.html --*/
ul.enum-list{
	list-style-type:"－";
	padding-left:3em;
}


/*-- from recruit04_nextmember.html --*/
.bold_statement { 
	font-weight: bold;
	color: #009999; 
}


/*-- from products01_package.html --*/
.inline_box { padding: 10px; overflow: hidden; }
.inline_image { float: left; margin-right: 10px; }
.inline_text { overflow: hidden; }


/*-- from legal_privacy.html --*/

.companybox {
	position: relative;
/*	width: 100%;*/
	padding-left: 1em;
	padding-right: 2em;
}
.companybox > .section-title-line {
	border-color: #369;
	border-bottom-style: solid;
}
.companytitle { font-weight: bold; }

/* ↓追加 */
#mainAreaWrap { clear: both; -ms-zoom: 100%; }
#mainAreaWrap::after { height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
#mainArea { clear: both; -ms-zoom: 100%; }
#mainArea::after { height: 0px; clear: both; display: block; visibility: hidden; content: ""; }
/* 追加 終了 */

/* 通常の箇条の入れ子 */
#main ul li ul li, 	#main ol li ul li { margin-left: 30px; list-style: none; }

/* 数字つき箇条 */
#main ol li { margin-left: 50px; padding:2px 0 2px 0px; }

/* local definition */
.sqRect { float:left; margin-right:10px; margin-bottom:10px; }
.sqRect100 { float:left; margin-right:10px; margin-bottom:10px; width:100px; height:100px; }
p.indentback{ text-indent: -2em; padding-left: 2em; }

div.companybox > div { margin-top: 0.7em; }

ol.declarationList { list-style-type: decimal; }
ol.declarationList > li { margin-bottom: 1em; }

table.GGList{ border-collapse: separate; border-spacing: 0.5em 0.1em; }
td.GGListLC { width: 30%; margin-right: 2em; }

@media (max-width: 414px) {
	table.GGList{ border-collapse: separate; border-spacing: 0.5em 0.5em; }
	td.GGListLC { width: 50%; }
}