@charset "UTF-8";
/*
Theme Name: MINAMI AOYAMA GROUP
Theme URI: http://www.ndesign-studio.com
Description: A theme by <a href="http://www.tcmobile.jp/4-ffff/">4f by Technomobile</a>.
Version: 1
Author: 4f by Technomobile
Author URI: http://www.tcmobile.jp/4-ffff/
*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.0em;
	font-size: 100%; }
html {
	-webkit-font-smoothing: antialiased; }
body {
	margin: 0 auto;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif; }
p, h1, h2, h3, h4, li, dl {
	color: #333333; }
a {
	text-decoration: none; }
a:hover {
	text-decoration: underline;
	opacity: 0.7; }
a img:hover {
	opacity: 0.8; }
li {
	color: #333333;
	list-style: none; }
.pc {
	display: block; }
.sp {
	display: none; }
.spmenu, .spmenu-btn {
	display: none; }

#container {
	background-color: #000000;
	min-width: 1020px;}
	.bg {
		background-color: #F3F3F3;
		opacity: 1.0; }
	.bg-black {
		opacity: 1.0; }

header {
	width: 100%;
	background-color: #FFFFFF; }
	header a {
		color: #333333; }
	header #group-nav {
		height: 36px;
		width: 100%;
		min-width: 1020px;
		font-size: 12px;
		background-color: #F3F3F3;
		overflow: hidden; }
		header #group-nav p {
			line-height: 36px;
			float: left;
			margin-left:15px; }
		header #group-nav .nav-contact {
			float: right;
			height: 36px;
			width: 148px; }
		header #group-nav #group-list {
			float: right;
			height: 36px;}
			header #group-nav #group-list li {
				float: left;
				height: 36px;
				margin-right: 20px;
				background: url(images/header_icon_arrow.png) no-repeat;
				background-position: 0px center; }
				header #group-nav #group-list li a {
					line-height: 36px;
					display: block;
					padding-left: 10px; }
	header #header-wrap {
		height: 100px;
		width: 1020px;
		margin: auto;
		background-color: #FFFFFF; }
		header #header-wrap h1 img {
			float: left;
			margin-top: 30px;
			margin-left: 10px;
			height: auto;
			width: 198px; }
		header #header-wrap #pcmenu {
			float: right;
			/*margin-left: 166px; */}
			header #header-wrap #pcmenu div {
				height: 100px;
				float: left; }
			header #header-wrap #pcmenu .pcmenu-business {
				width: 98px;
				background-image: url(images/header_nav_business_off.png);
				float: left; } 
				header #header-wrap #pcmenu .pcmenu-business img {
					visibility: hidden; }
				header #header-wrap #pcmenu .pcmenu-business:hover img {
					visibility: visible; }
			header #header-wrap #pcmenu .pcmenu-company {
				width: 98px;
				background-image: url(images/header_nav_company_off.png);
				float: left; } 
				header #header-wrap #pcmenu .pcmenu-company img {
					visibility: hidden; }
				header #header-wrap #pcmenu .pcmenu-company:hover img {
					visibility: visible; }
			header #header-wrap #pcmenu .pcmenu-seminars {
				width: 128px;
				background-image: url(images/header_nav_seminars_off.png);
				float: left; } 
				header #header-wrap #pcmenu .pcmenu-seminars img {
					visibility: hidden; }
				header #header-wrap #pcmenu .pcmenu-seminars:hover img {
					visibility: visible; }
			header #header-wrap #pcmenu .pcmenu-access {
				width: 96px;
				background-image: url(images/header_nav_access_off.png);
				float: left; } 
				header #header-wrap #pcmenu .pcmenu-access img {
					visibility: hidden; }
				header #header-wrap #pcmenu .pcmenu-access:hover img {
					visibility: visible; }
			header #header-wrap #pcmenu .pcmenu-recruit {
				width: 98px;
				background-image: url(images/header_nav_recruit_off.png);
				float: left; } 
				header #header-wrap #pcmenu .pcmenu-recruit img {
					visibility: hidden; }
				header #header-wrap #pcmenu .pcmenu-recruit:hover img {
					visibility: visible; }
			header #header-wrap #pcmenu .active img {
				visibility: visible; }


#inside-container {
	width: 980px;
	margin:auto;
	padding-top: 25px;
	overflow: hidden; }


#sidebar {
	float: left;
	overflow: hidden;
	height: auto;
	width: 270px;
	margin-bottom: 50px;
	margin-left: 30px; }
	#sidebar a {
		color: #333333; }
	#sidebar #banner-contact img {
		height: 80px;
		width: 100%;
		margin-bottom: 10px; }
	#sidebar #banner-seminars img {
		height: 80px;
		width: 100%;
		margin-bottom: 10px; }
	#sidebar #banner-format img {
		height: 80px;
		width: 100%;
		margin-bottom: 10px; }
	#sidebar #banner-format-medical img {
		height: 80px;
		width: 100%;
		margin-bottom: 20px; }
	#sidebar .side-item {
		background-color: #FFFFFF;
		margin-bottom: 15px;
		border-top: 3px solid #333333; }
			#sidebar .side-item h2 {
				width: 270px;
				height: 54px;
				border-bottom: 1px solid #F3F3F3; }
			#sidebar .side-item ul {
				margin-bottom: -1px; }
			#sidebar .side-item li {
				height: auto;
				border-bottom: 1px dotted #e8e8e8;
				background: url(images/side_icon_arrow_pc.png) no-repeat;
				background-position: 10px center; }
				#sidebar .side-item li a {
					display: block;
					font-size: 13px;
					line-height: 18px;
					padding: 15px 0px 15px 25px; }
	#sidebar #banner-format img, #sidebar #banner-format-medical img {
		height: auto;
		width: 100%; }

	#sidebar #side-nav {
		border: 0px; }
		#sidebar #side-nav #current {
			line-height: 18px;
			font-size: 13px;
			padding: 15px 0px 15px 10px;
			background: url(images/side_menu_current.png) no-repeat;
			background-size: cover; }
			#sidebar #side-nav #current img {
				margin-right: 10px;
				height: 10px; }
		#sidebar #side-nav .child  {
		 	background: url(images/side_icon_arrow_pc.png) no-repeat;
			background-position: 20px center; }
			#sidebar #side-nav .child a {
				padding-left: 35px; }


#sidebar #banner-cloud img {
  width: 100%;
  height: auto;
  margin-bottom: 10px; 
}

#sidebar #banner-engagement img {
  width: 100%;
  height: auto;
  margin-bottom: 10px; 
}

#sidebar #banner-miraikaikei img {
  width: 100%;
  height: auto;
  margin-bottom: 10px; 
}


.img-p-mark {
  padding: 7px 7px 5px 0;
  text-align: right;
}
.img-p-mark img {
  width: 100%;
  max-width: 62px;
  display: inline !important;
}
img {
  image-rendering: -webkit-optimize-contrast;
}

#pagetop {
	margin-bottom: 15px;
	clear: both;
	overflow: hidden; }
	#pagetop img {
		float: right; }

footer {
	width: 100%;
	min-width: 1020px;
	clear: both;
	font-size: 12px; 
	color: #FFFFFF;
	background-color: #4E4E4E; }
	footer a, footer p {
		font-size: 12px; 
		color: #FFFFFF; }
	footer a:hover {
		opacity: 1.0; }
	footer #footer-wrap {
		overflow: hidden;
		width: 1000px;
		padding: 30px 10px 0px 10px;
		margin: auto; }
		footer #footer-wrap #footer-top {
			height: 40px;
			padding-bottom: 20px;
			margin-bottom: 30px;
			border-bottom: 1px solid #666666; }
			footer #footer-wrap #footer-top h2 img {
				float: left;
				margin-right: 30px; }
			footer #footer-wrap #footer-top nav {
				margin-top: 10px;
				float: left; }
				footer #footer-wrap #footer-top nav li {
					height: 20px;
					float: left;
					margin-right: 20px;
					background: url(images/footer_icon_arrow_pc.png) no-repeat;
					background-position: 0px center;  }
					footer #footer-wrap #footer-top nav li a {
						display: block;
						line-height: 20px;
						padding-left: 15px;}
			footer #footer-wrap #footer-top .nav-contact {
				float: right;
				margin-top: 5px;
				height: 30px;
				width: 128px; }
		footer #footer-wrap #footer-right {
			float: left;
			overflow: hidden;
			height: auto;
			margin-bottom: 20px;
			width: 580px; }
			footer #footer-wrap #footer-right .footer-item {
				float:left;
				margin-bottom: 20px;
				margin-right: 30px; }
				footer #footer-wrap #footer-right .footer-item li {
					background: url(images/footer_icon_arrow_pc.png) no-repeat;
					background-position: 0px center; 
					margin-top: 12px;
					height: 12px; }
					footer #footer-wrap #footer-right .footer-item li a {
						line-height: 1.0em;
						display: block;
						padding-left: 10px; }
		footer #footer-wrap #fb {
			float: right;
			border: 1px solid #FFFFFF;
			width: 410px;
			height: 270px; }
	footer #copyright {
		height: 20px;
		width: 1000px;
		border-top: 1px solid #666666;
		padding: 20px 0px 40px 0px;
		margin: auto;
		overflow: hidden; }
		footer #copyright li {
			float: left;
			background: url(images/footer_icon_arrow_pc.png) no-repeat;
			background-position: 0px center; 
			margin-right: 15px; }
			footer #copyright li a {
				display: block;
				padding-left: 10px;
				line-height: 20px; }
	footer #company-info {
		text-align: center;
		background-color: #333333;
		padding: 20px 10px; }
		footer #company-info p {
			font-size: 12px;
			line-height: 20px; }



/* --------------------- */
@media screen and (max-width: 640px) {
body {
	width: 100%;
}
.pc {
	display: none; }
.sp {
	display: block; }

.bg-black {
	opacity: 0.3; }

#container {
	width: 100%;
	min-width: 100%; }


.spmenu {
	display: none;
	background-color: #FFFFFF;
	width: 100%;
	height: auto;
	z-index: 100;
	position: absolute;
	top: 50px;
	right: -100%; }
	.spmenu .menu li {
		font-size: 0.9em;
		height: auto;
		overflow: hidden; }
		.spmenu .menu li a {
			display: block;
			color: #333333;
			line-height: 20px;
			padding: 15px 20px 15px 30px; }
	.spmenu .white li {
		background-color: #FFFFFF;
		border-top: 1px solid #F3F3F3;
		background: url(images/menu_arrow_black_sp.png) no-repeat;
		background-size: 5px 10px;
		background-position: 12px center; }
		.spmenu .white li .en {
			font-size: 0.5em;
			color: #666666;
			margin-left: 10px; }
	.spmenu .black li {
		border-top: 1px solid #666666;
		background: url(images/menu_arrow_white_sp.png) no-repeat;
		background-size: 5px 10px;
		background-position: 12px center;
		background-color: #333333;
		color: #FFFFFF;  }
		.spmenu .black li a {
			color: #FFFFFF;
			float: left;
			width: 70%; }
			.spmenu .black li a:hover {
				opacity: 1.0; }
		.spmenu .black li .btn_plus {
			float: right;
			height: 34px;
			width: 34px;
			background: url(images/menu_btn_minus_sp.png) no-repeat;
			background-size: contain;
			cursor: pointer;
			margin-top: 8px;
			margin-right: 8px; }
		.spmenu .black li .btn_plus img {
			height: 34px;
			visibility: visible;}
		.spmenu .black li .btn_minus img {
			visibility: hidden;}
		.spmenu .child {
			display: none; }
		.spmenu .child-open {
			display: block; }
			.spmenu .child li {
				border-top: 1px solid #666666;
				background: url(images/menu_arrow_white_sp.png) no-repeat;
				background-size: 6px;
				background-position: 30px center;
				background-color: #333333;  }
				.spmenu .child li a {
					line-height: 20px;
					margin-top: 0px;
					padding-left: 48px;
					float: none;
					width: 75%; }

.spmenuOpen {
	right: 0px;
	display: block; }




header #header-wrap {
	height: 50px;
	width: 100%; }
	header #header-wrap h1 {
		width: 55%;
		height: 50px;
		float: left;
		display: block;
		position: relative;
		padding-left: 10px; }
	header #header-wrap h1 img {
		width: auto;
		max-width: 75%;
		height: auto;
		/*max-height: 24px;*/
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto; }
	header #header-wrap .spmenu-btn {
		display: block;
		float: right;
		height: 100%;
		cursor: pointer;
		background: url(images/header_btn_menu_close_sp.png) no-repeat;
		background-size: contain; }
		header #header-wrap .spmenu-btn img {
			height: 100%;
			width: auto;
			visibility: visible; }
		header #header-wrap .close-btn img {
			visibility: hidden; }
	header #header-wrap #sp-contact {
		float: right;
		height: 100%; }
		header #header-wrap #sp-contact img {
			height: 100%;
			width: auto; }


#inside-container {
	width: 100%;
	padding-top: 20px; }


#sidebar {
	width: 90%;
	float: none;
	margin: auto;
	margin-bottom: 15px; }
	#sidebar #banner-contact, #sidebar #banner-seminars, #sidebar #banner-format,
  #sidebar #banner-format-medical,
  #sidebar #banner-cloud {
		height: auto; }
	#sidebar #banner-contact img ,#sidebar #banner-seminars img, #sidebar #banner-format img,
  #sidebar #banner-format-medical img,
  #sidebar #banner-cloud img {
		width: 100%;
		height: auto;}
	#sidebar .side-item h2 {
		width: 100%;
		height: 51px; }
	#sidebar .side-item h2 .side-logo {
		margin-top: 2px;
		height: 47px; }
	#sidebar .side-item li {
		background: url(images/side_icon_arrow_sp.png) no-repeat;
		background-position: 15px center;
		background-size: 5px 10px; }
		#sidebar .side-item li a {
			font-size: 13px;
			line-height: 18px;
			padding: 20px 20px 20px 30px; }
	#sidebar #side-nav #current {
		padding: 20px 0px 20px 15px; }
		#sidebar #side-nav #current img {
			height: 10px;
			width: 5px; }
	#sidebar #side-nav .child  {
	 	background: url(images/side_icon_arrow_sp.png) no-repeat;
		background-position: 25px center;
		background-size: 5px 10px; }
		#sidebar #side-nav .child a {
			padding-left: 40px; }

#pagetop {
	width: 90%;
	margin: auto;
	margin-bottom: 15px; }
	#pagetop img {
		height: 22px;
		width: auto; }

footer {
	min-width: 100%; }
	footer #footer-wrap {
		width: auto;
		padding-top: 10px; }
		footer #footer-wrap #footer-top {
			border-bottom: 0px; }
			footer #footer-wrap #footer-top h2 img {
				height: 24px;
				width: auto;
				margin-right: 10px;
				margin-top: 3px; }
			footer #footer-wrap #footer-top .nav-contact {
				height: 30px;
				width: auto;
				margin-top: 0px; }
		footer #footer-wrap #footer-top nav {
			clear: both;
			width: 100%;
			padding-top: 15px;
			border-top: 1px solid #666666;
			padding-bottom: 15px;
			border-bottom: 1px solid #666666; }
			footer #footer-wrap #footer-top nav li {
				width: 45%;
				height: 30px;
				background: url(images/footer_icon_arrow_sp.png) no-repeat;
				background-position: 0px center;
				background-size: 5px 7px;
				margin-right: 5%;  }
				footer #footer-wrap #footer-top nav li a {
					font-size: 14px;
					line-height: 30px; }


	footer #copyright {
		height: auto;
		width: 100%;
		margin: 0px;
		padding: 15px 0px;
		border-style: none; }
		footer #copyright li {
			clear: both;
			background: url(images/footer_icon_arrow_sp.png) no-repeat;
			background-position: 0px center;
			background-size: 5px 7px; }
			footer #copyright li a {
				line-height: 24px;
				padding-left: 16px; }

}



/*  ====================================================
  追記
===================================================== */

/* 個人データの安全管理に係る基本方針 */
#main .main-item .contents.privacy-style h4.privacy-ttl {
  font-size: 16px;
  line-height: 1.5;
  padding-top: 30px;
  margin: 30px 0 12px;
  border-top: 1px solid #eee;
}

#main .main-item .contents.privacy-style h5 {
  margin-bottom: 10px;
}

.new-tbl {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  line-height: 1.4;
  border-top: solid 1px #eee;
  border-left: solid 1px #eee;
}
.new-tbl th {
  width: 40%;
  padding: 12px 15px 12px 10px;
  text-align: left;
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
  background: #f6f6f6;
}
.new-tbl td {
  width: 60%;
  padding: 12px 15px 12px 10px;
  text-align: left;
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
}

#main .main-item .contents .list .new-list-normal > li {
  margin: 0 0 8px;
  padding-left: 1.2rem;
  text-indent: -1.2rem;
}


#main .main-item .contents .list .new-list-normal-inner {
  margin: 5px 0 0 0;
}
#main .main-item .contents .list .new-list-normal-inner > li {
  margin: 0 0 5px;
  padding-left: 0.7rem;
  text-indent: -0.7rem;
}
#main .main-item .contents .list .new-list-normal-inner > li:before {
  display: none;
}
#main .main-item .contents .list .new-list-normal-inner > li:last-of-type {
  margin: 0;
}


.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}