.row {
	max-width: 61.9rem;
}

#header {
	position: fixed;
	width: 100%;
	height: 100px;
	background: #ffffff;
	border-bottom: 1px solid #eee;
	z-index: 9999;
	top: 0;
}

/*#header h1 {*/
#header .shoulder {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0;
	padding: 10px 0 0 0;
}

#logo {
	margin: 5px 20px 0 20px;
}

#nav {
	margin: 0;
	padding: 0;
}

#nav ul {
	margin: 30px 0 0 0;
	padding: 0;
	display: inline-block;
	float: right;
}

#nav ul li {
	font-size: 12px;
	margin: 0 20px 0 0;
	float: left;
	letter-spacing: 2px;
	list-style-type: none;
}

#nav ul li a {
	display: block;
	color: #999;
	text-decoration: none;
}

#nav ul li a:hover {
	color: #000;
}

#subnav {
	margin: 0;
	padding: 0;
}

#subnav ul {
	margin: 15px 0 0 0;
	padding: 0;
	display: inline-block;
	float: right;
}

#subnav ul li {
	font-size: 11px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	letter-spacing: 2px;
	list-style-type: none;
	vertical-align: middle;
}

#subnav ul li.nav-social a {
	display: none;
	padding: 0;
	margin: -5px 5px 0 5px;
}

#subnav ul li a {
	display: block;
	color: #999;
	padding: 3px 0;
	text-decoration: none;
}

#subnav ul li a:hover {
	color: #000;
}

#subnav ul li.nav-registration a {
	display: block;
	color: #ff0000;
	text-decoration: none;
	padding: 2px 10px;
	border: 1px solid #ff0000;
}

#subnav ul li.nav-registration a:hover {
	color: #fff;
	background-color: #ff0000;
}


/* content */

#content {
	position: relative;
	z-index: 2;
}

/* index */

#title {
	position: fixed;
	width: 100%;
	height: 640px;
	background-image: url(images/hiroshima.jpg);
	background-size: cover;
	background-position: center bottom;
	top: 100px;
	z-index: 1;
	-webkit-transform: translateZ(0);
}

#title-banner {
	width: 670px;
	margin: 140px auto 0 auto;
}

.home #content {
	margin: 740px 0 0 0;
}

#top-news {
	width: 100%;
	margin: 0;
	padding: 20px 0;
	background-image: url(images/bg-black.gif);
	z-index: 2;
}

#top-news-content {
	margin: 0;
	padding: 30px;
	background-color: #222;
	opacity: 0.9;
}

#top-news-title {
/*	padding: 30px 0 30px 0;*/
}

#top-news-title h2 {
	color: #fff;
	font-size: 18px;
	text-align: right;
	letter-spacing: 2px;
	margin: 0 0 5px 0;
}

#top-news-title h3 {
	color: #fff;
	font-size: 10px;
	text-align: right;
	letter-spacing: 2px;
	margin: 0;
}

#top-news-list {
	overflow: hidden;
	margin: 0;
	padding: 0 30px;
	border-left: 1px solid #fff;
}

#top-news-list ul {
	margin: 5px 0;
	padding: 0;
}

#top-news-list ul li {
	margin: 0 0 10px 0;
	padding: 0;
}

#top-news-list ul li .date {
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
	margin: 0 20px 0 0;
	padding: 3px 15px;
	border: 1px solid #fff;
}

#top-news-list ul li,
#top-news-list ul li a {
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	list-style: none;
}
#top-news-list ul li a {
	text-decoration: underline;
}

.top-service {
	width: 100%;
	margin: 0;
	padding: 0;
}

.top-service-content {
	padding: 60px 0 0 0;
}

.top-service-content-inner {
	background: url(images/top-service-bg.png) bottom center repeat-x;
}

.top-service-headline {
	text-align: center;
	margin: 0 0 40px 0;
}

.top-service-description {
	width: 540px;
	height: 100px;
	margin: 0 auto;
	color: #fff;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 4px;
}

.top-service-voices {
	position: relative;
	overflow: hidden;
	height: 460px;
}

.top-service-footer {
	padding: 0 0 30px 0;
	background-image: url(images/bg-black.gif);
}

.top-service-footer-inner {
	padding: 40px 0;
	background-color: #ddd;
}

.top-service-footer .top-service-footer-button {
	text-align: center;
	margin: 0 80px;
	padding: 0;
}

.top-service-footer .button {
	background: #181818;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
	margin: 0;
	padding: 20px 50px;
}

.top-service-footer .button:hover {
	background: #ff3300;
}

#top-career {
	z-index: 3;
}

#top-career .top-service-content{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(89, 200, 255)),
		color-stop(1, rgb(50, 187, 255))
	);
	background-image: -o-linear-gradient(bottom, rgb(89, 200, 255) 0%, rgb(50, 187, 255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(89, 200, 255) 0%, rgb(50, 187, 255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(89, 200, 255) 0%, rgb(50, 187, 255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(89, 200, 255) 0%, rgb(50, 187, 255) 100%);
	background-image: linear-gradient(to bottom, rgb(89, 200, 255) 0%, rgb(50, 187, 255) 100%);
}

#top-career .top-service-title {
	height: 240px;
	padding: 50px 0 0 0;
	background-color: #e0f5ff;
	text-align: center;
}

#top-career #top-career-jimushoku {
	width: 350px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#top-career #top-career-jimushoku #top-career-jimushoku-main {
	position: absolute;
	left: 80px;
	bottom: 0;
}

#top-career #top-career-jimushoku #top-career-jimushoku-circle {
	position: absolute;
	left: 0;
	bottom: 70px;
}

#top-career #top-career-jimushoku #top-career-jimushoku-fukidashi {
	position: absolute;
	left: 10;
	bottom: 260px;
}

#top-career #top-career-eigyo {
	width: 310px;
	position: absolute;
	left: 350px;
	bottom: 0;
}

#top-career #top-career-eigyo #top-career-eigyo-main {
	position: absolute;
	right: 60px;
	bottom: 0;
}

#top-career #top-career-eigyo #top-career-eigyo-circle {
	position: absolute;
	right: 0;
	bottom: 100px;
}

#top-career #top-career-eigyo #top-career-eigyo-fukidashi {
	position: absolute;
	right: 80px;
	bottom: 280px;
}

#top-career #top-career-yakuzaishi {
	width: 350px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#top-career #top-career-yakuzaishi #top-career-yakuzaishi-main {
	position: absolute;
	right: 40px;
	bottom: 0;
}

#top-career #top-career-yakuzaishi #top-career-yakuzaishi-circle {
	position: absolute;
	right: 0;
	bottom: 90px;
}

#top-career #top-career-yakuzaishi #top-career-yakuzaishi-fukidashi {
	position: absolute;
	right: 5px;
	bottom: 270px;
}

#top-student {
	z-index: 4;
}

#top-student .top-service-voices {
	height: 480px;
}

#top-student .top-service-content{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(163, 218, 109)),
		color-stop(1, rgb(153, 204, 102))
	);
	background-image: -o-linear-gradient(bottom, rgb(163, 218, 109) 0%, rgb(153, 204, 102) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(163, 218, 109) 0%, rgb(153, 204, 102) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(163, 218, 109) 0%, rgb(153, 204, 102) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(163, 218, 109) 0%, rgb(153, 204, 102) 100%);
	background-image: linear-gradient(to bottom, rgb(163, 218, 109) 0%, rgb(153, 204, 102) 100%);
}

#top-student .top-service-title {
	height: 240px;
	padding: 50px 0 0 0;
	background-color: #f0f7e8;
	text-align: center;
}

#top-student #top-student-man {
	width: 400px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#top-student #top-student-man #top-student-man-main {
	position: absolute;
	left: 150px;
	bottom: 0;
}

#top-student #top-student-man #top-student-man-circle {
	position: absolute;
	left: 30px;
	bottom: 30px;
}

#top-student #top-student-man #top-student-man-fukidashi {
	position: absolute;
	left: 10px;
	bottom: 250px;
}

#top-student #top-student-woman {
	width: 540px;
	position: absolute;
	left: 270px;
	bottom: 0;
}

#top-student #top-student-woman #top-student-woman-main {
	position: absolute;
	left: 80px;
	bottom: 0;
}

#top-student #top-student-woman #top-student-woman-circle {
	position: absolute;
	left: 0;
	bottom: 230px;
}

#top-student #top-student-woman #top-student-woman-fukidashi {
	position: absolute;
	left: 290px;
	bottom: 280px;
}

#top-student #top-student-rirekisho {
	width: 350px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#top-student #top-student-rirekisho #top-student-rirekisho-main {
	position: absolute;
	right: 0;
	bottom: 0;
}

#top-student #top-student-rirekisho #top-student-rirekisho-circle {
	position: absolute;
	right: 120px;
	bottom: 100px;
}

#top-student #top-student-rirekisho #top-student-rirekisho-fukidashi {
	position: absolute;
	right: 5px;
	bottom: 165px;
}

#top-student #top-student-rirekisho #top-student-rirekisho-seminar {
	position: absolute;
	left: 0;
	bottom: -25px;
}

#top-consulting {
	z-index: 5;
}

#top-consulting .top-service-content{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(213, 170, 255)),
		color-stop(1, rgb(204, 153, 255))
	);
	background-image: -o-linear-gradient(bottom, rgb(213, 170, 255) 0%, rgb(204, 153, 255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(213, 170, 255) 0%, rgb(204, 153, 255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(213, 170, 255) 0%, rgb(204, 153, 255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(213, 170, 255) 0%, rgb(204, 153, 255) 100%);
	background-image: linear-gradient(to bottom, rgb(213, 170, 255) 0%, rgb(204, 153, 255) 100%);
}

#top-consulting .top-service-title {
	height: 240px;
	padding: 50px 0 0 0;
	background-color: #f7f0ff;
	text-align: center;
}

#top-consulting #top-consulting-man {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}

#top-consulting #top-consulting-man #top-consulting-man-main {
	position: absolute;
	left: 240px;
	bottom: 0;
}

#top-consulting #top-consulting-man #top-consulting-man-circle01 {
	position: absolute;
	left: 80px;
	bottom: 40px;
}

#top-consulting #top-consulting-man #top-consulting-man-circle02 {
	position: absolute;
	right: 240px;
	bottom: -20px;
}

#top-consulting #top-consulting-man #top-consulting-man-circle03 {
	position: absolute;
	right: 50px;
	bottom: 220px;
}

#top-consulting #top-consulting-man #top-consulting-man-fukidashi01 {
	position: absolute;
	left: 50px;
	bottom: 240px;
}

#top-consulting #top-consulting-man #top-consulting-man-fukidashi02 {
	position: absolute;
	left: 490px;
	bottom: 250px;
}

#top-consulting #top-consulting-man #top-consulting-man-fukidashi03 {
	position: absolute;
	left: 640px;
	bottom: 55px;
}

#top-consulting .top-consulting-info {
	padding: 0;
	background-color: #9973bf;
}

#top-consulting .top-consulting-info-inner {
	padding: 40px 0;
}

#top-consulting .top-consulting-info p {
	font-size: 16px;
	letter-spacing: 4px;
	color: #fff;
	font-weight: bold;
	line-height: 46px;
	border: 2px solid #fff;
	margin: 0 100px;
}

#top-consulting .top-consulting-info .top-consulting-info-left {
	padding: 15px 40px;
	border-right: 2px solid #fff;
	text-align: center;
}

#top-consulting .top-consulting-info .top-consulting-info-right {
	padding: 15px 40px;
	text-align: center;
}

#top-support {
	width: 100%;
	margin: 0;
	padding: 30px 0;
	background-image: url(images/bg-pink.gif);
}

#top-support-content {
	overflow: hidden;
	margin: 0;
	padding: 40px 50px 0 50px;
	background-color: #fff;
	height: 600px;
}

.top-support-title {
	margin: 50px 0 30px 0;
}

#top-support-details {
	margin: 0 40px 0 0;
}

.top-support-number {
	font-size: 12px;
	letter-spacing: 3px;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	margin: 0 0 50px 0;
	background-color: #ff6666;
}

.top-support-description {
	font-size: 13px;
	letter-spacing: 2px;
	color: #ff6666;
	font-weight: bold;
	line-height: 1.8;
	padding: 15px 20px;
	border: 2px solid #ff6666;
}

.top-support-target {
	font-size: 14px;
	letter-spacing: 4px;
	color: #ff6666;
	font-weight: bold;
	line-height: 46px;
	border: 2px solid #ff6666;
	margin: 0 0 50px 0;
}

.top-support-target-title {
	padding: 15px 20px;
	border-right: 2px solid #ff6666;
	text-align: center;
}

.top-support-target-content {
	padding: 15px 20px;
	text-align: center;
}

.top-support-button {
	text-align: center;
	margin: 0;
	padding: 0;
}

.top-support-button .button {
	width: 100%;
	background: #555555;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0;
	padding: 20px 0;
}

.top-support-button .button:hover {
	background: #ff6666;
}

#top-support-voices {
	height: 560px;
}

#top-support-fukidashi {
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
}

#top-support-image {
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center;
}

#top-about {
	margin: 0;
	padding: 80px 0 140px 0;
	background-color: #fff;
}

#top-about-header {
	margin: 0 0 100px 0;
}

#top-about-header h2 {
	color: #555;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	margin: 0 0 40px 0;
}

#top-about-header p {
	width: 520px;
	color: #555;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 3px;
	margin: 0 auto;
}

#top-about-content {
	margin: 0 40px;
}

.top-about-content-box {
	text-align: center;
}

.top-about-content-box img {
	margin: 0 0 20px 0;
}

.top-about-content-box h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	letter-spacing: 1px;
}

#top-contact {
	background-color: #ccc;
}

#registration {
	padding-right: 0;
}

#registration .top-contact-box {
	background-color: #aeaeae;
}

#contact {
	background-color: #a3a3a3;
	padding-left: 0;
}

#contact .top-contact-box {
	background-color: #a3a3a3;
}


.top-contact-box {
	height: 480px;
	padding: 100px 60px 0 60px;
}

.top-contact-box h3 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	margin: 0;
}

.top-contact-box h2 {
	font-family: serif;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 4px;
	margin: 0 0 40px 0;
}

.top-contact-box p {
	color: #fff;
	font-size: 13px;
	line-height: 1.8;
	letter-spacing: 2px;
	margin: 0;
	height: 140px;
}

.top-contact-box .top-contact-box-button {
	text-align: center;
	margin: 0;
	padding: 0;
}

.top-contact-box .button {
	border: 2px solid #fff;
	background: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
	margin: 0;
	padding: 15px 50px;
}

.top-contact-box .button:hover {
	background: #bbb;
}


/* container */

#container {
	padding: 50px 0;
	background-color: #eee;
}

#content {
	padding: 0;
	background-color: #fff;
}

#breadcrumb {
	margin: 0 0 15px 0;
}

#breadcrumb p {
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0;
}

#breadcrumb p a {
	color: #333;
}

#breadcrumb p a:hover {
	text-decoration: underline;
}

#page-header {
	padding: 0 0 4px 0;
	background: url(images/line.png) center bottom no-repeat;
}

#page-header-inner {
	background-color: #fff;
	padding: 60px 40px 60px 40px;
}

.content-title {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	letter-spacing: 4px;
	padding: 10px 20px;
	margin: 0 0 40px 0;
	background-color: #abbbc9;
}

.content-section {
	padding: 0 0 4px 0;
	background: url(images/line.png) center bottom no-repeat;
}

.content-section-inner {
	background-color: #fff;
	padding: 60px 40px 60px 40px;
}

.content-inside {
	position: relative;
	margin: 0 20px 40px 20px;
}

.content-headline {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 2px;
	padding: 2px 0 2px 10px;
	margin: 0 0 20px 0;
	border-left: 6px solid #abbbc9;
}

.content-description {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8;
	letter-spacing: 4px;
	padding: 0;
	margin: 0 0 40px 0;
}

.content-gray-box {
	padding: 30px;
	background-color: #ddd;
}

.content-flow-box {
	margin: 0 40px;
	padding: 30px;
	background-color: #ddd;
}

.page-headline {
	margin: 0 0 40px 0;
}

.page-description p {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 1.8;
	margin: 0;
}

.content-strong-inside {
	margin: 0 20px -30px 20px;
}


/* strong */

.strong {
	margin: 0 0 30px 0;
	border: 1px solid #ccc;
}

.strong-header {
	padding: 0;
	border-bottom: 1px solid #ccc;
}

.strong-header h3 {
	font-size: 18px;
	margin: 0 0 0 60px;
	padding: 17px 0 17px 0;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #fff;
	border-left: 1px solid #ccc;
}

.strong-content {
	padding: 20px;
	height: 220px;
}

.strong-content h4 {
	font-size: 16px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
}

.strong-content p {
	font-size: 12px;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
}

.strong-content .strong-banner {
	text-align: center;
	margin: 0 0 20px 0;
}

.strong-noborder .strong-content {
	padding: 10px 0 0 0;
	height: 220px;
}

.strong-noborder .strong-content h3 {
	color: #333;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0;
	letter-spacing: 1px;
	font-weight: bold;
}

.strong-noborder .strong-content p {
	font-size: 11px;
	margin: 0 0 20px 0;
	padding: 0;
}

/* attend */

.attend {
	margin: 0 0 30px 0;
	background-color: #fff;
}

.attend-header {
	margin: 0;
	padding: 0;
}

.attend-header h3 {
	font-size: 14px;
	margin: 0 0 0 120px;
	padding: 5px 0 5px 10px;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #eee;
}

.attend-content {
	overflow: hidden;
	padding: 20px;
}

.attend-voice {
	float: right;
	width: 250px;
	margin :0;
	padding: 0;
	height: 120px;
}

.attend-voice h4 {
	color: #fff;
	font-size: 13px;
	text-align: center;
	line-height: 1.4;
	margin: 20px 0 10px 0;
	padding: 0;
	letter-spacing: 2px;
	font-weight: bold;
}

.attend-voice p {
	color: #fff;
	font-size: 11px;
	margin: 0;
	padding: 0 15px;
	line-height: 1.4;
}

.attend-propose {
	clear: both;
	overflow: hidden;
	margin :0;
	padding: 0;
	border: 1px solid #ff6666;
}

.attend-propose h4 {
	width: 20%;
	float: left;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	padding: 10px 12px;
	letter-spacing: 2px;
	font-weight: bold;
	background-color: #ff6666;
}

.attend-propose p {
	width: 80%;
	float: left;
	margin: 0;
	padding: 15px 10px;
	font-size: 11px;
}

.attend-propose p .red {
	color: #ff0000;
}

/* flow */

#flow .content-description {
	margin: 0;
}

.flow {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(images/flow-arrow.png) center bottom no-repeat;
}

.flow-last {
	margin: 0;
	padding: 0;
	background: none;
}

.flow-header {
	margin: 0;
	padding: 0;
	height: 50px;
}

.flow-header h3 {
	font-size: 24px;
	margin: 0 0 0 80px;
	padding: 10px 0 0 30px;
	letter-spacing: 4px;
	font-weight: bold;
	background-color: #eee;
	height: 50px;
}

.flow .free h3 {
	background: #eee url(images/flow-header-free.png) center right no-repeat;
}

.flow-content {
	overflow: hidden;
	padding: 40px 30px 0 30px;
	margin: 0;
	background-color: #fff;
}

.flow-content p {
	font-size: 14px;
	margin: 0 0 30px 0;
	padding: 0;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}

.flow-content p .small {
	font-size: 12px;
}

.flow-button {
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
}

.flow-button .button {
	color: #fff;
	background: #b50000;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
	margin: 0;
	padding: 15px 50px;
}

.flow-button .button:hover img {
	opacity: 1;
}
.flow-button .button:hover {
	background: #ff0000;
}

.flow-image {
	text-align: center;
	margin: 0 0 30px 0;
}



/* 160510追加 */

.flow-button-s {
	text-align: left;
	padding: 0;
}

.flow-button-s .button {
	color: #fff;
	background: #b50000;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 4px;
	margin: 0;
	padding: 25px 60px;
}

.flow-button-s .button:hover img {
	opacity: 1;
}
.flow-button-s .button:hover {
	background: #ff0000;
}




/* support */

#support {
	padding: 0;
	background: none;
}

#support .content-title {
	margin: 0;
}

#support .content-inside {
	padding: 60px 0;
	margin: 0 20px 0 40px;
	height: 200px;
}

#support .content-inside .support-woman {
	position: absolute;
	top: -80px;
	right: 0;
}

#support .support {
	padding: 40px;
	background-color: #fff;
}

#support .support .content-description {
	font-size: 12px;
	letter-spacing: 0;
	line-height: 2;
	margin: 0 0 30px 0;
}


/* access */

.access #banner {
	margin: 100px 0 0 0;
	background: url(images/banner-bg.png) center top repeat-x;
}

.access .content-inside {
	margin: 0 20px;
}

.access .access-content {
	margin: 0 0 60px 0;
}

.access .access-content:last-child {
	margin: 0;
}

.access .access-content .access-content-detail {
	padding: 5px 0 0 0;
}

.access .access-content .access-content-detail p {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0;
	letter-spacing: 2px;
}

.access .access-content .access-content-detail p.access-content-title { /* TM */
	margin: 0 0 20px 0;
	font-size: 20px;
	border-left: 6px solid #ABBBC9;
	padding: 0 0 0 30px;
}

.access .access-content .access-content-detail p.access-content-title span { /* TM */
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	display: block;
	margin: 8px 0;
}

.access .access-content .access-content-detail p.access-content-title a { /* TM */
	font-size: 12px;
	display: block;
	margin: 8px 0;
}

#map-hiroshima,
#map-tokyo,
#map-osaka,
#map-matsuyama {
	width: 100%;
	height: 200px;
}
#map-hiroshima iframe,
#map-tokyo iframe,
#map-osaka iframe,
#map-matsuyama iframe {
	width: 100%;
	height: 200px;
}

.access .table {
	margin: 0 0 30px 0;
	border: 3px solid #ddd;
	border-bottom: 0;
}

.access .table-row {
	border-bottom: 3px solid #ddd;
}

.access .table-title {
	padding: 30px 30px;
}

.access .table-title h3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}

.access .table-content {
	padding: 30px 30px 15px 30px;
	border-left: 3px solid #ddd;
}

.access .table-content p {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 0;
	letter-spacing: 2px;
}

.access .shiten-title {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0 0;
}

.access .shiten {
	font-size: 13px;
	margin: 5px 0 0 0;
}

.access .shiten-row {
	margin: 0 0 25px;
}

.access .note {
	font-size: 11px;
	font-weight: normal;
	color: #666;
}

.access .table-content ul li {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px 0;
	letter-spacing: 2px;
}

.access .table-content h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px 0;
	letter-spacing: 2px;
}










.support .shiten-title {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0 0;
}

.support .shiten {
	font-size: 13px;
	margin: 5px 0 0 0;
}

.support .access-content {
	margin: 0 0 60px 0;
}

.support .access-content:last-child {
	margin: 0;
}

.support .access-content .access-content-detail {
	padding: 5px 0 0 0;
}

.support .access-content .access-content-detail p {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0;
	letter-spacing: 2px;
}

.support .access-content .access-content-detail p.access-content-title { /* TM */
	margin: 0 0 20px 0;
	font-size: 20px;
	border-left: 6px solid #ff6666;
	padding: 0 0 0 30px;
}

.support .access-content .access-content-detail p.access-content-title span { /* TM */
	font-size: 10px;
	font-weight: normal;
	line-height: 15px;
	display: block;
	margin: 8px 0;
}

.support .access-content .access-content-detail p.access-content-title a { /* TM */
	font-size: 12px;
	display: block;
	margin: 8px 0;
}

.support #map-hiroshima,
.support #map-tokyo,
.support #map-osaka {
	width: 100%;
	height: 200px;
}





/* registration */

.registration #banner {
	margin: 100px 0 0 0;
	background: url(images/banner-bg.png) center top repeat-x;
}

.registration .page-description {
	margin: 0;
}

.registration .contact-phone {
	text-align: center;
}

.registration .contact-description {
	font-size: 12px;
	margin: 0 0 15px 0;
}

.registration .form {
	margin: 0 0 30px 0;
	border: 3px solid #ddd;
	border-bottom: 0;
}

.registration .form-row {
	border-bottom: 3px solid #ddd;
}

.registration .form-title {
	padding: 15px 30px;
	font-weight: bold;
}

.registration .form-title label {
	margin: 0;
	font-weight: bold;
}

.registration .form-content {
	padding: 15px 30px;
	border-left: 3px solid #ddd;
}

.registration .form-content label.inline {
	margin: 0;
}

.registration .form-content .hyphen {
	line-height: 2.3125rem;
}

.registration .form-content input {
	margin: 0;
}

.registration .form-content textarea {
	height: 300px;
	margin: 0;
}

.registration .form-content .form-content-grid input {
	margin: 0 0 15px 0;
}

.registration .form-button {
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
}

.registration .form-button .button {
	color: #fff;
	background: #abbbc9 url(images/arrow.png) 240px center no-repeat;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
	margin: 0;
	padding: 15px 120px;
}

.registration .form-button .button:hover {
	background: #9caab7 url(images/arrow.png) 240px center no-repeat;
}

.contact .error-message,
.registration .error-message {
	color: red;
	font-size: 13px;
	font-weight: bold;
}

.registration .example {
	font-size: 0.8rem;
	color: #4d4d4d;
	cursor: pointer;
	display: block;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 0;
}

.registration .kiyaku {
	width: 80%;
	height: 200px;
	overflow: scroll;
	margin: 0 auto 30px;
	border: 1px solid #ccc;
	padding: 15px 25px;
}

.registration .kiyaku p,
.registration .kiyaku ul,
.registration .kiyaku dl {
	font-size: 12px !important;
}

.registration .kiyaku h2 {
	font-size: 18px;
	font-weight: bold;
}

.registration .kiyaku h3 {
	font-size: 16px;
	font-weight: bold;
}

.registration .agree {
	text-align: center;
	margin: 0 auto 30px;
}



/* contact */

.contact #banner {
	margin: 100px 0 0 0;
	background: url(images/banner-bg.png) center top repeat-x;
}

.registration .page-description,
.contact .page-description {
	margin: 0 0 30px 0;
}

.contact .contact-phone {
	margin: 0 15px;
	padding: 0 20px;
	text-align: left;
	border-left: 5px solid #ABBBC9;
}

.contact .contact-phone h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 1.25rem;
}

.contact .contact-phone p {
	margin-bottom: .5rem;
}

.contact .contact-description {
	font-size: 12px;
	margin: 0 0 15px 0;
}

.contact .form {
	margin: 0 0 30px 0;
	border: 3px solid #ddd;
	border-bottom: 0;
}

.contact .form-row {
	border-bottom: 3px solid #ddd;
}

.contact .form-title {
	padding: 15px 30px;
	font-weight: bold;
}

.contact .form-title label {
	margin: 0;
	font-weight: bold;
}

.contact .form-content {
	padding: 15px 30px;
	border-left: 3px solid #ddd;
}

.contact .form-content label.inline {
	margin: 0;
}

.contact .form-content .hyphen {
	line-height: 2.3125rem;
}

.contact .form-content input {
	margin: 0;
}

.contact .form-content textarea {
	height: 300px;
	margin: 0;
}

.contact .form-content .form-content-grid input {
	margin: 0 0 15px 0;
}

.contact .form-button {
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
}

.contact .form-button .button {
	color: #fff;
	background: #abbbc9 url(images/arrow.png) 240px center no-repeat;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 4px;
	margin: 0;
	padding: 15px 120px;
}

.contact .form-button .button:hover {
	background: #9caab7 url(images/arrow.png) 240px center no-repeat;
}

/* consulting */

.consulting #banner {
	margin: 100px 0 0 0;
	background-color: #cc99ff;
}

.consulting .content-title {
	background-color: #cc99ff;
}

.consulting .content-headline {
	border-left: 6px solid #cc99ff;
}

.consulting .join {
	font-size: 16px;
	letter-spacing: 2px;
	color: #cc99ff;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 4px;
	margin: 0;
	padding: 0;
	border: 3px solid #cc99ff;
}

.consulting .join-title {
	padding: 10px 30px;
	border-bottom: 3px solid #cc99ff;
	text-align: center;
}

.consulting .join-subtitle {
	padding: 10px 30px;
	text-align: center;
}

.consulting .join-logo {
	margin: 30px 0 0 0;
}

.consulting #about .content-gray-box {
	margin: 0 0 60px 0;
}

.consulting .response {
	margin: 0 0 30px 0;
	border: 1px solid #ccc;
}

.consulting .response-header {
	padding: 0;
	border-bottom: 1px solid #ccc;
}

.consulting .response-header h3 {
	font-size: 18px;
	margin: 0 0 0 60px;
	padding: 17px 0 17px 0;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
	background-color: #fff;
	border-left: 1px solid #ccc;
}

.consulting .response-content {
	padding: 20px;
	height: 140px;
}

.consulting .response-content h4 {
	font-size: 16px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
}

.consulting .response-content p {
	font-size: 12px;
	margin: 0;
	padding: 0;
	letter-spacing: 2px;
}

.consulting .response01 .response-header {
	background: #cc99ff url(images/consulting-response01.png) 18px center  no-repeat;
}

.consulting .response02 .response-header {
	background: #cc99ff url(images/consulting-response02.png) 18px center  no-repeat;
}


.consulting .response03 .response-header {
	background: #cc99ff url(images/consulting-response03.png) 18px center  no-repeat;
}

.consulting .consulting-system {
	text-align: center;
}


.consulting .flow .notice {
	text-align: left;
	line-height: 1.5;
	letter-spacing: 3px;
	padding: 30px;
	background-color: #eee;
}

.consulting .flow .process {
	border: 2px solid #ff0000;
	color: #ff0000;
	font-size: 24px;
	padding: 5px 0;
	text-align: center;
}


.consulting #support .content-inside {
	padding: 40px 0 0 0;
	margin: 0 20px;
	height: auto;
}

.consulting #support .content-gray-box {
	padding: 3px;
}

.consulting #support p {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 30px 0;
}

.consulting #support .support-freecall {
	text-align: center;
	margin: 0 -15px 0 0;
	padding: 40px 0 0 0;
	border-right: 3px solid #dddddd;
	background-color: #fff;
	height: 220px;
}

.consulting #support .support-mail {
	text-align: center;
	margin: 0 0 0 -15px;
	padding: 50px 0 0 0;
	background-color: #fff;
	height: 220px;
}

.consulting .consulting-cost {
	margin: 0;
	padding: 0;
}

.consulting .consulting-cost-header {
	margin: 0;
	padding: 0;
	height: 60px;
	background: #cc99ff url(images/consulting-cost.png) 8px center  no-repeat;
}

.consulting .consulting-cost-header h3 {
	font-size: 16px;
	margin: 0 0 0 60px;
	padding: 10px 0 0 20px;
	letter-spacing: 4px;
	font-weight: bold;
	line-height: 1.4;
	background-color: #eee;
	height: 60px;
}

.consulting .consulting-cost-content {
	overflow: hidden;
	padding: 30px;
	margin: 0;
	background-color: #fff;
}

.consulting .plan {
	margin: 0 0 20px 0;
	padding: 0;
}

.consulting .plan:last-child {
	margin: 0;
}

.consulting .plan-header {
	margin: 0;
	padding: 0;
	height: 40px;
	background-color: #cc99ff;
	cursor: pointer;
}



.consulting .plan01 .plan-header {
	background: #cc99ff url(images/consulting-plan-order01.png) 15px center no-repeat;
}

.consulting .plan02 .plan-header {
	background: #cc99ff url(images/consulting-plan-order02.png) 15px center no-repeat;
}

.consulting .plan03 .plan-header {
	background: #cc99ff url(images/consulting-plan-order03.png) 15px center no-repeat;
}

.consulting .plan04 .plan-header {
	background: #cc99ff url(images/consulting-plan-order04.png) 15px center no-repeat;
}

.consulting .plan05 .plan-header {
	background: #cc99ff url(images/consulting-plan-order05.png) 15px center no-repeat;
}

.consulting .plan06 .plan-header {
	background: #cc99ff url(images/consulting-plan-order06.png) 15px center no-repeat;
}

.consulting .plan07 .plan-header {
	background: #cc99ff url(images/consulting-plan-order07.png) 15px center no-repeat;
}

.consulting .plan01 .plan-header:hover,
.consulting .plan02 .plan-header:hover,
.consulting .plan03 .plan-header:hover,
.consulting .plan04 .plan-header:hover,
.consulting .plan05 .plan-header:hover,
.consulting .plan06 .plan-header:hover,
.consulting .plan07 .plan-header:hover {
	background-color: #b689e4;
}

.consulting .plan-header h3 {
	color: #fff;
	font-size: 16px;
	margin: 0 20px 0 42px;
	padding: 10px 0 0 0;
	letter-spacing: 3px;
	font-weight: bold;
	height: 40px;
}

.consulting .on .plan-header h3 {
	background: url(images/consulting-plan-off.png) right center no-repeat;
}

.consulting .off .plan-header h3 {
	background: url(images/consulting-plan-on.png) right center no-repeat;
}

.consulting .plan-content {
	overflow: hidden;
	padding: 40px;
	margin: 0;
	background-color: #fff;
}

.consulting .on .plan-content {
	display: block;
}

.consulting .off .plan-content {
	display: none;
}

.consulting .plan-content ul {
	margin: 0;
	padding: 0;
}

.consulting .plan-content ul li {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
	background: url(images/consulting-plan-list.png) left 2px no-repeat;
}

.consulting .plan-content ul li:last-child {
	margin: 0;
}

.consulting .step01 .flow-header {
	background: #cc99ff url(images/flow-step01.png) 25px center  no-repeat;
}

.consulting .step02 .flow-header {
	background: #cc99ff url(images/flow-step02.png) 25px center  no-repeat;
}

.consulting .step03 .flow-header {
	background: #cc99ff url(images/flow-step03.png) 25px center  no-repeat;
}

.consulting .step04 .flow-header {
	background: #cc99ff url(images/flow-step04.png) 25px center  no-repeat;
}

.consulting .step05 .flow-header {
	background: #cc99ff url(images/flow-step05.png) 25px center  no-repeat;
}


.consulting .instance {
	margin: 0 0 30px 0;
	padding: 0;
}

.consulting .instance:last-child {
	margin: 0;
}

.consulting .instance-header {
	margin: 0;
	padding: 0;
	height: 50px;
}

.consulting .instance01 .instance-header {
	background: #cc99ff url(images/consulting-instance01.png) 22px center  no-repeat;
}

.consulting .instance02 .instance-header {
	background: #cc99ff url(images/consulting-instance02.png) 22px center  no-repeat;
}

.consulting .instance-header h3 {
	font-size: 22px;
	margin: 0 0 0 100px;
	padding: 10px 0 0 20px;
	letter-spacing: 3px;
	font-weight: bold;
	background-color: #eee;
	height: 50px;
}

.consulting .instance-content {
	overflow: hidden;
	padding: 40px 30px 0 30px;
	margin: 0;
	background-color: #fff;
}

.consulting .instance-content p {
	font-size: 14px;
	margin: 0 0 30px 0;
	padding: 0;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}

.consulting .instance-content .instance-content-detail {
	margin: 0 0 30px 0;
	padding: 0 20px;
}

.consulting .instance-content .instance-content-detail ol {
	margin: 0;
	padding: 0;
}

.consulting .instance-content .instance-content-detail ol li {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
}

.instance-content .instance-content-detail ol li:last-child {
	margin: 0;
}

.instance-content .instance-content-detail ol li.order01 {
	background: url(images/consulting-instance-list01.png) left 4px no-repeat;
}

.instance-content .instance-content-detail ol li.order02 {
	background: url(images/consulting-instance-list02.png) left 4px no-repeat;
}

.instance-content .instance-content-detail ol li.order03 {
	background: url(images/consulting-instance-list03.png) left 4px no-repeat;
}

.instance-content .instance-content-result {
	margin: 0 0 10px 0;
	padding: 0;
}

.content-interview-box {
	margin: 0 40px;
	padding: 30px;
	background-color: #ddd;
}

.consulting .interview {
	padding: 30px;
	background-color: #fff;
}

.consulting .interview-content {
	margin: 0 0 30px 0;
}

.consulting .interview-content h3 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 2px;
	border-left: 4px solid #cc99ff;
	margin: 0 0 15px 0;
	padding: 3px 10px;
}

.consulting .interview-content p {
	overflow: hidden;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 20px;
	letter-spacing: 2px;
	line-height: 1.8;
	background-color: #eee;
	border-radius: 10px;
}

.consulting .interview-content p img {
	float: right;
	margin: 0 0 0 20px;
	width: 120px;
}




/* support */

.support #banner {
	margin: 100px 0 0 0;
	background-color: #ff6666;
}

.support .content-title {
	background-color: #ff6666;
}

.support .content-headline {
	border-left: 6px solid #ff6666;
}

.support #about .content-inside {
	margin: 0 20px;
}

.support #about .content-description {
	margin: 0;
}

.support .step01 .flow-header {
	background: #ff6666 url(images/flow-step01.png) 25px center  no-repeat;
}

.support .step02 .flow-header {
	background: #ff6666 url(images/flow-step02.png) 25px center  no-repeat;
}

.support .step03 .flow-header {
	background: #ff6666 url(images/flow-step03.png) 25px center  no-repeat;
}

.support .step04 .flow-header {
	background: #ff6666 url(images/flow-step04.png) 25px center  no-repeat;
}

.support .step05 .flow-header {
	background: #ff6666 url(images/flow-step05.png) 25px center  no-repeat;
}

.support #support .content-inside {
	padding: 40px 0 0 0;
	margin: 0 20px;
	height: auto;
}

.support #support .content-gray-box {
	padding: 3px;
}

.support #support p {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	margin: 0 0 30px 0;
}

.support #support .support-freecall {
	text-align: center;
	margin: 0 -15px 0 0;
	padding: 40px 0 0 0;
	border-right: 3px solid #dddddd;
	background-color: #fff;
	height: 220px;
}

.support #support .support-mail {
	text-align: center;
	margin: 0 0 0 -15px;
	padding: 50px 0 0 0;
	background-color: #fff;
	height: 220px;
}



/* career agent student */

.student #banner {
	margin: 100px 0 0 0;
	background-color: #99cc66;
}

.student .content-title {
	background-color: #99cc66;
}

.student .content-headline {
	border-left: 6px solid #99cc66;
}

.student .student-about ul {
	margin-bottom: -1.25rem;
}

.student .student-about ul li {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}

.student .student-about ul li span {
	display: block;
	padding: 10px 20px 10px 44px;
	background-color: #fff;
}

.student .student-about ul li.order01 span {
	background: #fff url(images/student-about-order01.png) 20px center no-repeat;
}

.student .student-about ul li.order02 span {
	background: #fff url(images/student-about-order02.png) 20px center no-repeat;
}

.student .student-about ul li.order03 span {
	background: #fff url(images/student-about-order03.png) 20px center no-repeat;
}

.student .student-about ul li.order04 span {
	background: #fff url(images/student-about-order04.png) 20px center no-repeat;
}

.student .student-about ul li.order05 span {
	background: #fff url(images/student-about-order05.png) 20px center no-repeat;
}

.student .student-about ul li.order06 span {
	background: #fff url(images/student-about-order06.png) 20px center no-repeat;
}

.student .strong01 {
	background: #eee url(images/student-strong-header01.png) 16px center no-repeat;
}

.student .strong02 {
	background: #eee url(images/student-strong-header02.png) 16px center no-repeat;
}

.student .strong03 {
	background: #eee url(images/student-strong-header03.png) 16px center no-repeat;
}

.student #attend .content-gray-box {
	padding: 30px 30px 0 30px;
}

.student .attend-propose {
	border: 1px solid #99cc66;
}

.student .attend-propose p {
	padding: 8px 10px;
}

.student .attend-propose h4 {
	background-color: #99cc66;
}

.student .voice01 .attend-header {
	background: #99cc66 url(images/attend-voice01.png) 25px center  no-repeat;
}

.student .voice02 .attend-header {
	background: #99cc66 url(images/attend-voice02.png) 25px center  no-repeat;
}

.student .voice01 .attend-content {
	background: url(images/attend-voice-bg02.png) top right no-repeat;
}

.student .voice02 .attend-content {
	background: url(images/attend-voice-bg01.png) top right no-repeat;
}

.student .step01 .flow-header {
	background: #99cc66 url(images/flow-step01.png) 25px center  no-repeat;
}

.student .step02 .flow-header {
	background: #99cc66 url(images/flow-step02.png) 25px center  no-repeat;
}

.student .step03 .flow-header {
	background: #99cc66 url(images/flow-step03.png) 25px center  no-repeat;
}

.student .step04 .flow-header {
	background: #99cc66 url(images/flow-step04.png) 25px center  no-repeat;
}

.student .step05 .flow-header {
	background: #99cc66 url(images/flow-step05.png) 25px center  no-repeat;
}



/* career agent */

.career #banner {
	margin: 100px 0 0 0;
	background-color: #32bbff;
}

.career .content-title {
	background-color: #32bbff;
}

.career .content-headline {
	border-left: 6px solid #32bbff;
}

.career .career-about {
	background-color: #fff;
}

.career .career-about .career-about-header {
	position: relative;
	padding: 10px 20px;
	background-color: #32bbff;
	height: 50px;
}

.career .career-about .career-about-header .career-about-image {
	position: absolute;
	top: -80px;
	right: 0;
}

.career .career-about .career-about-header h3 {
	font-size: 24px;
	color: #fff;
	margin: 0;
	padding: 0;
	letter-spacing: 4px;
}

.career .career-about .career-about-content {
	padding: 20px;
	background-color: #fff;
	height: 220px;
}

.career .career-about .career-about-content p {
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.career .career-about .career-about-content .career-about-banner {
	text-align: center;
	margin: 0 0 20px 0;
}

.strong-noborder .strong-content h3 {
	color: #32bbff;
}

.career .strong01 {
	background: #eee url(images/career-strong-header01.png) 16px center no-repeat;
}

.career .strong02 {
	background: #eee url(images/career-strong-header02.png) 16px center no-repeat;
}

.career .strong03 {
	background: #eee url(images/career-strong-header03.png) 16px center no-repeat;
}

.career .strong04 {
	background: #eee url(images/career-strong-header04.png) 16px center no-repeat;
}

.career .strong05 {
	background: #eee url(images/career-strong-header05.png) 16px center no-repeat;
}



.career .content-headline {
	border-left: 6px solid #32bbff;
}

.career #attend .content-gray-box {
	padding: 30px 30px 0 30px;
}

.career .attend-propose {
	border: 1px solid #32bbff;
}

.career .attend-propose h4 {
	background-color: #32bbff;
}

.career .voice01 .attend-header {
	background: #32bbff url(images/attend-voice01.png) 25px center  no-repeat;
}

.career .voice02 .attend-header {
	background: #32bbff url(images/attend-voice02.png) 25px center  no-repeat;
}

.career .voice03 .attend-header {
	background: #32bbff url(images/attend-voice03.png) 25px center  no-repeat;
}

.career .voice04 .attend-header {
	background: #32bbff url(images/attend-voice04.png) 25px center  no-repeat;
}

.career .voice01 .attend-content {
	background: url(images/attend-voice-bg01.png) top right no-repeat;
}

.career .voice02 .attend-content {
	background: url(images/attend-voice-bg02.png) top right no-repeat;
}

.career .voice03 .attend-content {
	background: url(images/attend-voice-bg03.png) top right no-repeat;
}

.career .voice04 .attend-content {
	background: url(images/attend-voice-bg04.png) top right no-repeat;
}


.career .step01 .flow-header {
	background: #32bbff url(images/flow-step01.png) 25px center  no-repeat;
}

.career .step02 .flow-header {
	background: #32bbff url(images/flow-step02.png) 25px center  no-repeat;
}

.career .step03 .flow-header {
	background: #32bbff url(images/flow-step03.png) 25px center  no-repeat;
}

.career .step04 .flow-header {
	background: #32bbff url(images/flow-step04.png) 25px center  no-repeat;
}

.career .step05 .flow-header {
	background: #32bbff url(images/flow-step05.png) 25px center  no-repeat;
}












/* footer */

#footer {
	padding: 60px 0 80px 0;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

#footer-logo {
	text-align: center;
	margin: 0 0 20px 0;
}

#copyright {
	color: #999;
	font-size: 10px;
	text-align: center;
	letter-spacing: 1px;
}


@media only screen and (max-width: 640px) {

	body {
		font-size: 12px;
	}

	ody, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
		font-size: 13px;
	}
	
	.row {
		max-width: 100%;
		min-width: 320px;
	}

	.row .row {
		margin: 0 -15px;
	}

	.columns {
		padding: 0 15px;
	}

	.columns .columns {
		padding: 0 15px;
	}

	.columns .columns .columns {
		padding: 0 15px;
	}

	#wrapper {
		min-width: 100%;
	}

	.tab-bar {
		width: 100%;
		position: fixed;
		background: #fff;
		color: #333;
		border-bottom: 1px solid #ccc;
		z-index: 9999;
	}

	.tab-bar .left-small {
		border: 0;
	}

	.tab-bar .right-small {
		border: 0;
	}

	.tab-bar .menu-icon {
		float: left;
		text-indent: 2.1875rem;
		width: 2.8125rem;
		height: 2.8125rem;
		display: block;
		line-height: 2.0625rem;
		padding: 0;
		color: white;
		position: relative;
		-ms-transform: translate(0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.tab-bar .menu-icon span {
		position: absolute;
		display: block;
		height: 0;
		width: 1rem;
		line-height: 1;
		top: 0.9375rem;
		left: 0.90625rem;
		box-shadow: 0 0px 0 2px #333, 0 7px 0 2px #333, 0 14px 0 2px #333;
	}

	.tab-bar .menu-icon span:after {
		content: none;
	}

	.tab-bar .menu-icon:hover span {
		box-shadow: 0 0px 0 2px #ccc, 0 7px 0 2px #ccc, 0 14px 0 2px #ccc;
	}

	.tab-bar img {
		width: 100px;
		margin: 0 auto;
	}

	#header {
		display: none;
	}

	#title {
		position: fixed;
		width: 100%;
		height: 320px;
		background-image: url(images/hiroshima.jpg);
		background-size: cover;
		background-position: center bottom;
		top: 0;
		z-index: -9999;
	}

	#title-banner {
		width: 90%;
		margin: 120px auto 0 auto;
	}

	.home #content {
		margin: 320px 0 0 0;
	}

	#top-news {
		padding: 15px 0;
	}

	#top-news-content {
		padding: 0;
	}

	#top-news-title {
		padding: 20px 0;
		text-align: center;
	}

	#top-news-title h2 {
		display: inline;

	}

	#top-news-title h3 {
		display: inline;
	}

	#top-news-list {
		border-left: 0;
	}

	#top-news-list ul {
		margin: 0 0 30px 0;
	}

	#top-news-list ul li {
		line-height: 1.4;
	}

	#top-news-list ul li .date {
		display: block;
		margin: 0;
		padding: 0;
		border: 0;
	}

	#top-career .top-service-title,
	#top-student .top-service-title,
	#top-consulting .top-service-title {
		padding: 20px 0;
		height: auto;
	}

	#top-career .top-service-content,
	#top-student .top-service-content,
	#top-consulting .top-service-content {
		padding: 20px 0 0 0;
	}

	#top-student .top-service-title img {
		height: 90px;
	}

	#top-consulting .top-service-title img {
		height: 50px;
	}

	.top-service-headline {
		margin: 0 0 20px 0;
	}

	.top-service-description {
		width: auto;
		font-size: 13px;
		letter-spacing: 1px;
		line-height: 1.6;
	}

	.top-service-voices {
		width: auto;
		margin: 0 -15px;
		height: 230px;
	}

	#top-student .top-service-voices {
		width: auto;
		margin: 0 -15px;
		height: 230px;
	}

	.top-service-voices img {
		
	}

	#top-career #top-career-jimushoku {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	#top-career #top-career-jimushoku #top-career-jimushoku-main {
		width: 134px;
		position: absolute;
		left: 40px;
		bottom: 0;
	}

	#top-career #top-career-jimushoku #top-career-jimushoku-circle {
		width: 90px;
		position: absolute;
		left: 0;
		bottom: 35px;
	}

	#top-career #top-career-jimushoku #top-career-jimushoku-fukidashi {
		width: 105px;
		position: absolute;
		left: 5;
		bottom: 130px;
	}

	#top-career #top-career-eigyo {
		width: 100%;
		position: absolute;
		left: 170px;
		bottom: 0;
	}

	#top-career #top-career-eigyo #top-career-eigyo-main {
		width: 121px;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	#top-career #top-career-eigyo #top-career-eigyo-circle {
		width: 90px;
		position: absolute;
		left: 60px;
		bottom: 50px;
	}

	#top-career #top-career-eigyo #top-career-eigyo-fukidashi {
		width: 105px;
		position: absolute;
		left: 10px;
		bottom: 140px;
	}

	#top-student #top-student-man {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	#top-student #top-student-man #top-student-man-main {
		width: 118px;
		position: absolute;
		left: 60px;
		bottom: 0;
	}

	#top-student #top-student-man #top-student-man-circle {
		width: 90px;
		position: absolute;
		left: 0;
		bottom: 15px;
	}

	#top-student #top-student-man #top-student-man-fukidashi {
		width: 125px;
		position: absolute;
		left: -10px;
		bottom: 125px;
	}

	#top-student #top-student-woman {
		width: 100%;
		position: absolute;
		left: 100px;
		bottom: 0;
	}

	#top-student #top-student-woman #top-student-woman-main {
		width: 169px;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	#top-student #top-student-woman #top-student-woman-circle {
		width: 90px;
		position: absolute;
		left: 100px;
		bottom: 45px;
	}

	#top-student #top-student-woman #top-student-woman-fukidashi {
		width: 130px;
		position: absolute;
		left: 100px;
		bottom: 130px;
	}

	#top-student #top-student-rirekisho #top-student-rirekisho-seminar {
		width: 80px;
		position: absolute;
		left: 260px;
		bottom: -15px;
	}

	#top-consulting #top-consulting-man {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
	}

	#top-consulting #top-consulting-man #top-consulting-man-main {
		width: 150px;
		position: absolute;
		left: 80px;
		bottom: 0;
	}

	#top-consulting #top-consulting-man #top-consulting-man-circle01 {
		width: 90px;
		position: absolute;
		left: 0;
		bottom: 20px;
	}

	#top-consulting #top-consulting-man #top-consulting-man-circle02 {
		width: 90px;
		position: absolute;
		left: 220px;
		bottom: -10px;
	}

	#top-consulting #top-consulting-man #top-consulting-man-fukidashi01 {
		width: 135px;
		position: absolute;
		left: -10px;
		bottom: 120px;
	}

	#top-consulting #top-consulting-man #top-consulting-man-fukidashi02 {
		width: 135px;
		position: absolute;
		left: 200px;
		bottom: 125px;
	}





















	.top-service-footer-inner {
		padding: 15px 0 5px 0;
	}

	.top-service-footer .top-service-footer-button {
		margin: 0;
	}

	.top-service-footer .button {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 15px 0;
		font-size: 13px;
		font-weight: normal;
		letter-spacing: 1px;
	}

	#top-consulting .top-consulting-info-inner {
		padding: 20px 0;
	}

	#top-consulting .top-consulting-info-inner p {
		margin: 0;
	}

	#top-consulting .top-consulting-info .top-consulting-info-left {
		display: block;
		padding: 10px;
		border-right: 0;
		border-bottom: 2px solid #fff;
		font-size: 16px;
		line-height: 1.6;
		letter-spacing: 1px;
		font-weight: normal;
	}

	#top-consulting .top-consulting-info .top-consulting-info-right {
		display: block;
		padding: 10px;
		font-size: 20px;
		line-height: 1.6;
		letter-spacing: 4px;
		font-weight: normal;
	}

	#top-support-content {
		padding: 0;
		height: auto;
	}

	.top-support-title {
		margin: 20px;
	}

	#top-support-details {
		margin: 0 20px 20px 20px;
	}

	.top-support-number {
		margin: 0 0 20px 0;
		font-size: 10px;
		letter-spacing: 1px;
	}

	.top-support-description {
		font-weight: normal;
		letter-spacing: 1px;
	}

	.top-support-target {
		font-size: 12px;
		font-weight: normal;
		line-height: 1.6;
		margin: 0 0 20px 0;
	}

	.top-support-target-title {
		display: block;
		padding: 5px;
		letter-spacing: 1px;
		border-right: 0;
		border-bottom: 2px solid #ff6666;
	}

	.top-support-target-content {
		display: block;
		padding: 5px;
		letter-spacing: 0;
	}

	.top-support-button .button {
		font-size: 10px;
		font-weight: normal;
		letter-spacing: 0;
		padding: 15px 0;
	}

	.top-support-button .button:hover {
		
	}
	
	#top-support-voices {
		position: relative;
		margin-top: 25px;
		height: 260px;
	}
	
	#top-support-fukidashi,
	#top-support-image {
		width: 165px;
		left: 60px;
	}
	
	

	#top-about {
		padding: 40px 0 20px 0;
	}

	#top-about-header h2 {
		font-size: 18px;
		letter-spacing: 2px;
		margin: 0 0 20px 0;
	}

	#top-about-header {
		margin: 0 0 20px 0;
	}

	#top-about-header p {
		width: auto;
		letter-spacing: 1px;
		line-height: 1.6;
	}

	#top-about-content {
		margin: 0;
	}

	.top-about-content-box img {
		margin: 0 0 5px 0;
	}

	.top-about-content-box h3 {
		font-size: 12px;
		margin: 0 0 15px 0;
		letter-spacing: 0;
	}

	.top-contact-box {
		height: auto;
		padding: 40px 20px;
	}

	.top-contact-box h3 {
		font-size: 12px;
		font-weight: normal;
	}

	.top-contact-box h2 {
		font-size: 24px;
		font-weight: normal;
		margin: 0 0 20px 0;
	}

	.top-contact-box p {
		line-height: 1.6;
		letter-spacing: 1px;
		height: auto;
		margin: 0 0 20px 0;
	}

	.top-contact-box .button {
		width: 100%;
		font-size: 14px;
		font-weight: normal;
		padding: 10px 0;
	}

	#registration {
		padding-right: 15px;
	}

	#contact {
		background: none;
		padding-left: 15px;
	}








/* page */

#container {
	padding: 20px 0;
	background-color: #fff;
}

#breadcrumb {
	margin: 0 0 10px 0;
}

#breadcrumb p {
	font-size: 10px;
	letter-spacing: 0;
}

#page-header {
	margin: 0 -15px;
}

#page-header-inner {
	padding: 0 15px;
}

#page-content {
	margin: 0 -15px;
}

.content-section-inner {
	padding: 30px 15px;
}

.content-title {
	letter-spacing: 2px;
	margin: 0 -15px 30px -15px;
	padding: 5px 10px;
	line-height: 1.6;
}

.content-headline {
	font-size: 16px;
	padding: 0 0 0 10px;
	line-height: 1.4;
}

.content-description {
	font-size: 12px;
	letter-spacing: 0;
	margin: 0 0 30px 0;
}

.content-inside {
	margin: 0 0 20px 0;
}

.content-gray-box {
	margin: 0 -15px;
	padding: 20px 15px;
}

.content-flow-box {
	margin: 0 -15px;
	padding: 20px 15px;
}

.page-headline {
	margin: 0 0 20px 0;
}

.page-description p {
	font-size: 12px;
	letter-spacing: 0;
	margin: 0 0 20px 0;
}

.page-banner-free {
	margin: 0 0 20px 0;
}



/* strong */

.content-strong-inside {
	margin: 0 0 0 0;
}

.strong {
	margin: 0 0 15px 0;
}

.strong-header {
	height: 40px;
	background-size: 20px;
	background-position-x: 10px;
}

.strong-header h3 {
	margin: 0 0 0 40px;
	padding: 10px 0 0 0;
	font-size: 16px;
	height: 39px;
}

.strong-content h4 {
	font-size: 15px;
	margin: 0 0 15px 0;
}

.strong-content {
	padding: 15px;
	height: auto;
}

.strong-noborder .strong-content {
	padding: 10px 10px 0 10px;
	height: auto;
}

.strong-content p:last-child {
	margin: 0;
}


/* attend */

.attend {
	margin: 0 0 15px 0;
}

.attend-last {
	margin: 0;
}

.attend-header h3 {
	margin: 0 0 0 70px;
	font-size: 12px;
	letter-spacing: 0;
}

.attend-content {
	padding: 20px;
}

.attend-voice {
	float: none;
	width: auto;
	height: 100px;
}

.attend-voice h4 {
	margin: 10px 0 5px 0;
}

.attend-voice p {
	font-size: 12px;
}

.attend-propose h4 {
	float: none;
	width: auto;
	padding: 5px 0;
}

.attend-propose p {
	float: none;
	width: auto;
	font-size: 12px;
}


/* flow */

#flow .content-description {
	margin: 0 0 15px 0;
}

.flow {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background-size: 30px;
}

.flow-last {
	margin: 0;
	padding: 0;
}

.flow-header h3 {
	font-size: 16px;
	margin: 0 0 0 40px;
	padding: 9px 0 0 12px;
	letter-spacing: 1px;
	height: 40px;
}

.flow-content {
	padding: 30px 20px;
}

.flow-content p {
	font-size: 12px;
	letter-spacing: 0;
	text-align: left;
	margin: 0 0 15px 0;
}

.flow-content p:last-child {
	margin: 0;
}

.flow-button .button {
	width: 100%;
	padding: 10px 0;
	letter-spacing: 0;
}

.flow-button {
	margin: 0;
}

.flow-image {
	margin: 0;
}

#support .content-inside {
	padding: 30px 0;
	margin: 0;
	height: auto;
}

#support .content-gray-box {
	padding: 0 15px;
	background-color: #fff;
}

#support .content-title {
	margin: 0 -15px;
}

#support .support {
	padding: 0;
}

#support .support .content-description {
	margin: 0 0 15px 0;
}



/* support */

.support #banner {
	margin: 45px 0 0 0;
}

.support #about .content-inside {
	margin: 0;
}

.support .step01 .flow-header,
.support .step02 .flow-header,
.support .step03 .flow-header,
.support .step04 .flow-header {
	height: 40px;
	background-size: 25px;
	background-position-x: 8px;
}

.support #support .content-inside {
	margin: 0;
	padding: 30px 0 0 0;
}

.support #support .content-gray-box {
	background-color: #ddd;
	padding: 15px;
}

.support #support p {
	margin: 0 0 15px 0;
}

.support #support .support-freecall {
	border: 0;
	border-bottom: 15px solid #ddd;
	margin: 0;
	padding: 15px 30px;
	background-color: #fff;
	height: auto;
}

.support #support .support-mail {
	margin: 0;
	padding: 15px 30px;
	background-color: #fff;
	height: auto;
}



/* access */

.access #banner {
	margin: 45px 0 0 0;
}

.access .content-inside {
	margin: 0;
}

.access .access-content {
	margin: 0 0 30px 0;
}

.access .table {
	margin: 0;
	padding: 0;
	border: 0;
}

.access .table-row {
	margin: 0 0 15px 0;
	border: 0;
}

.access .table-title {
	margin: 0 0 15px 0;
	padding: 0;
}

.access .table-title h3 {
	font-size: 13px;
	border-left: 4px solid #abbbc9;
	padding: 0 0 0 8px;
}

.access .table-content {
	padding: 0;
	border: 0;
}

.access .table-content p {
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.access .shiten-row .columns {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.access .services {
	padding: 0 15px;
}

/* registration */

.registration #banner {
	margin: 45px 0 0 0;
}

.registration .form {
	margin: 0 -15px 30px -15px;
	border-left: 0;
	border-right: 0;
}

.registration .form-title {
	padding: 15px 15px 0 15px;
	border: 0;
}

.registration .form-title label {
	padding: 0;
}

.registration .form-content {
	padding: 15px;
	border: 0;
}

.registration .form-content .row {
	min-width: 100%;
}

.registration .form-content textarea {
	height: 160px;
}

.registration .form-button .button {
	padding: 15px 0;
	width: 100%;
}

/* contact */

.contact #banner {
	margin: 45px 0 0 0;
}

.registration .contact-phone,
.contact .contact-phone {
	margin: 0 0 15px 0;
}

.registration .contact-phone img,
.contact .contact-phone img {
	margin: 0 0 15px 0;
}

.contact .form {
	margin: 0 -15px 30px -15px;
	border-left: 0;
	border-right: 0;
}

.contact .form-title {
	padding: 15px 15px 0 15px;
	border: 0;
}

.contact .form-title label {
	padding: 0;
}

.contact .form-content {
	padding: 15px;
	border: 0;
}

.contact .form-content .row {
	min-width: 100%;
}

.contact .form-content textarea {
	height: 160px;
}

.contact .form-button .button {
	padding: 15px 0;
	width: 100%;
}


/* consulting */

.consulting #banner {
	margin: 45px 0 0 0;
}

.consulting #about .content-gray-box {
	margin: 0 -15px 30px -15px;
}

.consulting .join {
	margin: 0 0 30px 0;
}

.consulting .consulting-cost {
	margin: 0 0 15px 0;
}

.consulting .consulting-cost-header h3 {
	font-size: 16px;
	padding: 10px 0 0 15px;
	letter-spacing: 2px;
}

.consulting .consulting-cost-content {
	padding: 20px;
}

.consulting .response {
	margin: 0 0 15px 0;
}

.consulting .response .response-header {
	background-size: 16px;
	background-position-x: 13px;
}

.consulting .response .response-header h3 {
	font-size: 16px;
	margin: 0 0 0 40px;
	padding: 10px 0;
}

.consulting .response-content {
	height: auto;
}

.consulting .plan-header {
	background-position-x: 10px;
}

.consulting .plan-header h3 {
	font-size: 14px;
	margin: 0 10px 0 35px;
	padding: 12px 0 0 0;
	letter-spacing: 1px;
}

.consulting .plan-content {
	padding: 0;
}

.consulting .plan-content ul {
	margin: 15px;
}

.consulting .plan-content ul li {
	font-size: 12px;
	margin: 0 0 15px 0;
	padding: 0 0 0 26px;
	background-size: 16px;
}

.consulting .instance {
	margin: 0 0 15px 0;
}

.consulting .instance .instance-header {
	background-size: 40px;
	background-position-x: 5px;
}

.consulting .instance-header h3 {
	margin: 0 0 0 50px;
	padding: 6px 0 0 10px;
	font-size: 14px;
}

.consulting .instance-content {
	padding: 0;
}

.consulting .instance-content .instance-content-detail {
	margin: 0 0 15px 0;
	padding: 0;
}

.consulting .instance-content .instance-content-detail ol {
	margin: 15px 15px 0 15px;
}

.consulting .instance-content .instance-content-detail ol li {
	font-size: 13px;
	letter-spacing: 0;
	margin: 0 0 10px 0;
	padding: 0 0 0 22px;
	background-size: 16px;
	background-position-y: 2px;
}

.consulting .instance-content .instance-content-detail ol li:last-child {
	margin: 0;
}

.instance-content .instance-content-result {
	margin: 0 0 15px 0;
	padding: 0;
}

.instance-content .instance-content-result ul {
	margin: 0;
}

.instance-content .instance-content-result ul li {
	margin: 0;
	padding: 0 15px 10px 15px;
	width: 100%;
}

.instance-content .instance-content-result ul li:last-child {
	padding: 0 15px 0 15px;
}

.instance-content .instance-content-result ul li img {
	width: 100%;
}

.consulting .step01 .flow-header,
.consulting .step02 .flow-header,
.consulting .step03 .flow-header,
.consulting .step04 .flow-header,
.consulting .step05 .flow-header {
	height: 40px;
	background-size: 25px;
	background-position-x: 8px;
}

.consulting .flow .notice {
	padding: 15px;
}

.consulting .flow .free h3 {
	background-size: 65px;
}

.consulting .flow .process {
	font-size: 16px;
	letter-spacing: 4px;
}

.consulting .content-interview-box {
	margin: 0 -15px;
	padding: 15px;
}

.consulting .interview {
	padding: 15px;
}

.consulting .interview-content h3 {
	font-size: 13px;
}

.consulting .interview-content p {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	padding: 15px;
}

.consulting #support .content-inside {
	margin: 0;
	padding: 30px 0 0 0;
}

.consulting #support .content-gray-box {
	background-color: #ddd;
	padding: 15px;
}

.consulting #support p {
	margin: 0 0 15px 0;
}

.consulting #support .support-freecall {
	border: 0;
	border-bottom: 15px solid #ddd;
	margin: 0;
	padding: 15px 30px;
	background-color: #fff;
	height: auto;
}

.consulting #support .support-mail {
	margin: 0;
	padding: 15px 30px;
	background-color: #fff;
	height: auto;
}


/* career agent student */

.student #banner {
	margin: 45px 0 0 0;
}

.student #about .content-gray-box {
	padding: 20px 15px 0 15px;
}

.student .student-about ul {
	margin-bottom: 0;
}

.student .student-about ul li {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0;
}

.student .student-about ul li span {
	width: 100%;
	display: block;
	padding: 8px 8px 8px 38px;
	background-color: #fff;
}

.student .student-about ul li.order01 span,
.student .student-about ul li.order02 span,
.student .student-about ul li.order03 span,
.student .student-about ul li.order04 span,
.student .student-about ul li.order05 span,
.student .student-about ul li.order06 span {
	background-position-x: 12px;
}

.student .strong01,
.student .strong02,
.student .strong03,
.student .strong04,
.student .strong05 {
	height: 40px;
	background-size: 20px;
	background-position-x: 10px;
}

.student #attend .content-gray-box {
	padding: 20px 15px;
}

.student .voice01 .attend-header,
.student .voice02 .attend-header,
.student .voice03 .attend-header,
.student .voice04 .attend-header {
	background-size: 50px;
	background-position-x: 10px;
}

.student .voice01 .attend-content,
.student .voice02 .attend-content,
.student .voice03 .attend-content,
.student .voice04 .attend-content {
	background-image: url(images/attend-voice-bg.png);
}

.student .step01 .flow-header,
.student .step02 .flow-header,
.student .step03 .flow-header,
.student .step04 .flow-header,
.student .step05 .flow-header {
	height: 40px;
	background-size: 25px;
	background-position-x: 8px;
}


/* career agent */

.career #banner {
	margin: 45px 0 0 0;
}

.career .career-about {
	margin: 0 0 30px 0;
}

.career .career-about-last {
	margin: 0;
}

.career .career-about .career-about-header {
	padding: 7px 0 0 15px;
	height: 40px;
}

.career .career-about .career-about-header h3 {
	font-size: 18px;
	font-weight: bold;
}

.career .career-about .career-about-header .career-about-image {
	top: -25px;
	right: 15px;
}

.career .career-about .career-about-header .career-about-image img {
	width: 65px;
}

.career .career-about .career-about-content {
	height: auto;
}

.career .strong01,
.career .strong02,
.career .strong03,
.career .strong04,
.career .strong05 {
	height: 40px;
	background-size: 20px;
	background-position-x: 10px;
}

.career #attend .content-gray-box {
	padding: 20px 15px;
}

.career .voice01 .attend-header,
.career .voice02 .attend-header,
.career .voice03 .attend-header,
.career .voice04 .attend-header {
	background-size: 50px;
	background-position-x: 10px;
}

.career .voice01 .attend-content,
.career .voice02 .attend-content,
.career .voice03 .attend-content,
.career .voice04 .attend-content {
	background-image: url(images/attend-voice-bg.png);
}

.career .step01 .flow-header,
.career .step02 .flow-header,
.career .step03 .flow-header,
.career .step04 .flow-header,
.career .step05 .flow-header {
	height: 40px;
	background-size: 25px;
	background-position-x: 8px;
}



	/* footer */

	#footer {
		padding: 20px 0;
		background-color: #eee;
	}

	#footer-logo {
		margin: 0 0 10px 0;
	}

	#footer-logo img {
		width: 100px;
	}

}


/* -----------------------------------
  20160429 追記
----------------------------------- */

a img {
	opacity: 1;
	transition: opacity .2s linear;
}
a:hover img {
	opacity: .35;
}

.off-canvas-list {
	position: absolute;
	width: 100%;
}

.row.shiten-row .columns {
    margin-bottom: 15px;
}

a.shiten-tel {
	color: #222;
	cursor: default;
}

#banner h1 {
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	#nav ul li {
	    margin: 0 13px 0 0;
	    letter-spacing: 1px;
	}

	a.shiten-tel {
	    font-size: 14px;
	    color: #fff;
	    text-decoration: none;
	    line-height: inherit;
	    /*font-weight: bold;*/
	    background-color: #ff0000;
	    display: inline-block;
	    border-radius: 2px;
	    padding: 3px 12px;
	    margin: 2px 0;
	    letter-spacing: .05em;
		cursor: pointer;
	}

	a.shiten-tel::after {
		content: "（タップで発信）";
	    font-size: 12px;
	}
}