@charset "utf-8";

/* common
---------------------*/

a {
	color: #000000;
	text-decoration: underline;
}

@media (min-width:768px) {
	
	a:hover {
		text-decoration: none;
	}
	
	a:hover img {
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		opacity:0.7;
	}
	
}

dt{
	font-weight:normal;
}

/* uタグ用ダミーテキストスタイル */

u {
	display:inline-block !important;
	color:#f00 !important;
/*	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FAA), color-stop(0.25, #FAA), color-stop(0.25, #AAA), color-stop(0.5, #AAA), color-stop(0.5, #FAA), color-stop(0.75, #FAA), color-stop(0.75, #AAA), color-stop(1, #AAA)) !important;
	background: -moz-linear-gradient(left top, #FAA, #FAA 25%, #AAA 25%, #AAA 50%,#FAA 50%, #FAA 75%, #AAA 75%,#AAA) !important;
	background: -webkit-linear-gradient(left top, #FAA, #FAA 25%, #AAA 25%, #AAA 50%,#FAA 50%, #FAA 75%, #AAA 75%,#AAA) !important;
	background: linear-gradient(left top, #FAA, #FAA 25%, #AAA 25%, #AAA 50%,#FAA 50%, #FAA 75%, #AAA 75%,#AAA) !important;*/
	-moz-background-size: 20px 20px !important;
	-webkit-background-size: 20px 20px !important;
	background-size: 20px 20px !important;
	text-decoration:none !important;
	text-shadow:1px 1px 0 #FFF,-1px 1px 0 #FFF,1px -1px 0 #FFF,-1px -1px 0 #FFF !important;
}

u img {
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity:0.7;
	border:1px solid #f00;
}

/* imglightbox */

#imagelightbox
{
	position: fixed;
	z-index: 9999;
}

/* container */

.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

@media (min-width:1000px) {
	.container {
		width: 1000px;
	}
}

@media (max-width:767px) {
	
	.spNone {
		display:none;
	}
	
}

@media (min-width:768px) {
	
	.pcNone {
		display:none;
	}
	
}

/* header */

header {
	border-top: 2px solid #F981AF;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 84%, #f6f5f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(84%,#ffffff), color-stop(100%,#f6f5f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 84%,#f6f5f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 84%,#f6f5f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 84%,#f6f5f0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 84%,#f6f5f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f5f0',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #F981AF;
}

header a {
	text-decoration:none;
}

header h1 {
	font-size:0.7142857142857143em;
	line-height:1em;
	padding-top:5px;
}

.logoArea {
	padding: 26px 10px 10px;
}

@media (min-width:600px) {
	
	.logoArea {
		float:left;
		padding: 26px 0 0;
	}
	
}

.headerInfoArea {
		float:none;
		padding:0;
		margin-top:0;
}

.header_tel {
	width:68%;
	display:inline-block;
}

.header_tel img {
	width:100%;
}

.header_tel:hover img {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	opacity:1;
}

.header_entry_btn {
	width:30%;
	display:inline-block;
}

.header_entry_btn img {
	width:100%;
}

@media (min-width:600px) {
	
	.headerInfoArea {
		float:right;
		padding:0 0.1428571428571429em 0 0;
		margin-top:-2px;
	}
	
}

.navbar {
	margin-bottom:0;
	min-height:auto;
}

.navbar-nav li {
	border-left:1px solid #ECEBE8;
	dispaly:block;
	width:16.66666666666666%;
	height:40px;
}

.navbar-nav li img {
	width:100%;
}

.navbar-nav li.gnav_message {
	background:url(../img/gnav_message_on.png) no-repeat 1px 0;
	background-size:100% auto;
}

.navbar-nav li.gnav_features {
	background:url(../img/gnav_features_on.png) no-repeat;
	background-size:100% auto;
}

.navbar-nav li.gnav_facility {
	background:url(../img/gnav_facility_on.png) no-repeat;
	background-size:100% auto;
}

.navbar-nav li.gnav_about_work {
	background:url(../img/gnav_about_work_on.png) no-repeat;
	background-size:100% auto;
}

.navbar-nav li.gnav_interview {
	background:url(../img/gnav_interview_on.png) no-repeat;
	background-size:100% auto;
}

.navbar-nav li.gnav_career {
	background:url(../img/gnav_career_on.png) no-repeat;
	background-size:100% auto;
}

.navbar-nav > li:first-child {
	border-left:none;
	padding-left:1px;
}

.navbar-collapse {
	padding-top:17px;
	padding-right:0;
	padding-left:0;
}

.navbar-default {
	background:none;
	border:none;
}

.navbar-nav > li > a {
	padding:0;
}

.navbar-nav li a:hover img,
.navbar-nav li a.active img {
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	opacity:0;
}

/* breadcrumb */

.breadcrumb {
	margin-bottom: 8px;
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
}

.breadcrumb li {
	font-size: 0.857142857em;
	margin: 0 0 8px;
	padding: 8px 0 4px;
}

.breadcrumb li,
.breadcrumb li a {
	color: #777777;
}

@media (min-width:600px) {
	.breadcrumb li {
		margin: 0;
	}
}

/* footer */

footer {
	border-top:2px solid #F880AE;
	background:url(../img/footer_bg.png) repeat;
}

.footerLink {
	padding-top:14px;
	text-align:center;
	padding-bottom:8px;
	font-size:0.8571428571428571em;
	color:#333;
}

.footerLink a {
	color:#333;
	text-decoration:none;
	display:block;
	padding:10px 0;
	border-bottom:1px solid #f0f0f0;
}

@media (min-width:768px) {
	
	.footerLink a {
		display:inline;
		padding:0;
		border-bottom:none;
	}
	
	.footerLink a:hover {
		color:#808080;
		text-decoration:underline;
	}
	
}

@media (max-width:767px) {

.navbar-collapse {
	padding-top:0;
	margin:0 -20px;
}

.navbar-nav {
	margin:0;
}

.navbar-nav li {
	border:none;
	border-bottom:1px solid #ECEBE8;
	width:100%;
	height:auto;
	text-align:center;
}

.navbar-nav li img {
	width:auto;
	padding-top:10px;
}

.navbar-nav li.gnav_message {
	background:url(../img/gnav_message_on.png) no-repeat center top 10px;
	background-size:auto auto;
}

.navbar-nav li.gnav_features {
	background:url(../img/gnav_features_on.png) no-repeat center top 10px;
	background-size:auto auto;
}

.navbar-nav li.gnav_facility {
	background:url(../img/gnav_facility_on.png) no-repeat center top 10px;
	background-size:auto auto;
}

.navbar-nav li.gnav_about_work {
	background:url(../img/gnav_about_work_on.png) no-repeat center top 10px;
	background-size:auto auto;
}

.navbar-nav li.gnav_interview {
	background:url(../img/gnav_interview_on.png) no-repeat center top 10px;
	background-size:auto auto;
}

.navbar-nav li.gnav_career {
	background:url(../img/gnav_career_on.png) no-repeat center top 10px;
	background-size:auto auto;
}
	
}

.corp_discript,
.footerSubLinks {
	float:left;
}

.corp_discript {
	color:#6885AC;
	font-size:0.8571428571428571em;
}

.corp_discript img {
	padding:22px 5px 7px;
}

footer a {
	text-decoration:none;
}

.corp_discript a {
	font-size:0.8333333333333333em;
	display:block;
	text-decoration:none;
	padding:0 0 0 11px;
	margin:10px 0 17px;
	background:url(../img/icon/icon_arrow.png) no-repeat 0 3px;
}

.corp_discript a:hover {
	color:#808080;
	text-decoration:underline;
}

.footerInfoArea,
.copyArea {
	float:right;
}

.footerInfoArea {
	padding-bottom:20px;
}

.footer_tel {
	vertical-align:bottom;
	padding-right:8px;
	width:68%;
	display:inline-block;
}

.header_tel {
	width:68%;
	display:inline-block;
}

.footer_tel:hover img {
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	opacity:1;
}

.footer_bottom {
	border-top:1px solid #DFDFDF;
	background:#EEEEEE;
	font-size:0.7142857142857143em;
	padding-top:1.5em;
	padding-bottom:1.5em;
}

.footer_bottom a:hover {
	color:#808080;
	text-decoration:underline;
}

/* mainimg */

#mainimg {
	padding-top:48px;
	padding-bottom:33px;
	position:relative;
	background:url(../img/mainimg_bg.png) no-repeat;
	background-size:100% 100%;
}

@media (min-width:768px) {
	#mainimg {
		background:none;
	}
}

.animationParts {
	position:relative;
	overflow:hidden;
}

.animationParts li {
	position: absolute;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.animationParts li.aniBase {
	width:960px;
	height:395px;
	position:relative;
}

.animationParts li.aniBase img {
	width:960px;
	height:395px;
}

.animationParts li.aniBg {
	top:0;
	left:0;
	text-align:center;
	padding-left:1.1%;
	padding-right:1.1%;
	z-index:2;

	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	opacity:0;
}

.animationParts li.aniPerson01 {
	bottom:-13px;
	margin-bottom:-100%;
	left:-1.2%;
	z-index:6;
}

.animationParts li.aniPerson02 {
	bottom:0;
	margin-bottom:-100%;
	left:27%;
	z-index:5;
}

.animationParts li.aniPerson03 {
	bottom:0;
	margin-bottom:-100%;
	left:50%;
	z-index:4;
}

.animationParts li.aniPerson04 {
	bottom:0;
	margin-bottom:-100%;
	left:72%;
	z-index:3;
}

.animationParts li.aniCover {
	bottom:0;
	left:0;
	z-index:7;
}

.slaBase {
	height:315px;
}

.slaCover {
	position:absolute;
	bottom:0;
	left:0;
	z-index:7;
}

.slideParts {
	position:absolute;
	top:30px;
	width:100%;
}

.aniLeaves {
	position: absolute;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	bottom:4%;
	margin-bottom:-3%;
	left:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	opacity:0;
	z-index:8;
}

.aniCatch {
	position: absolute;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	bottom:1%;
	left:0;
	width:100%;
	text-align:center;
	z-index:9;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	opacity:0;
}

.slideParts li {
	width:100%;
	text-align:center;
}

.contentList li {
	padding-bottom:40px;
}

.contentList li {
	float:left;
	margin-left:1.7203775%;
}

.contentList li:first-child {
	margin-left:0;
}

.news {
	padding-bottom: 3.6em;
}

.news h3 {
	color:#A05A8C;
	font-size:1.428571428571429em;
	padding-left:1.75em;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	background:url(../img/icon/icon_maker01.png) no-repeat 0 4px,
	url(../img/icon/h3_line_bg.png) repeat-x left bottom;
}

.news h3 a {
	float:right;
	padding-top:1%;
	padding-left:2%;
	padding-bottom:1%;
	font-size:0.6em;
	background:url(../img/icon/icon_arrow.png) no-repeat left center;
}

.news h3 a:hover {
	color:#808080;
	text-decoration:underline;
}

.newsTable {
	width:100%;
	height:180px;
	overflow:auto;
	padding-right:2%;
}

.newsTable table {
	width:100%;
}

.newsTable tr {
	background:#FFF7FA;
}

.newsTable tr:nth-child(2n) {
	background:#fff;
}

.newsTable th,
.newsTable td {
	vertical-align:middle;
}

.newsTable th {
	font-size:0.8571428571428571em;
	padding:16px 0 12px;
	font-weight:bold;
	width:20%;
	text-align:center;
}

.newsTable td {
	padding:10px 0 13px;
	width:80%;
}

.newsTable a:hover {
	color:#808080;
	text-decoration:underline;
}

@media (max-width:479px) {
	
	.newsTable,
	.newsTable tbody,
	.newsTable tr,
	.newsTable th,
	.newsTable td {
		width:100%;
		display:block;
		border-top:none;
	}
	
	.newsTable {
		border-top: 1px solid #aaa;
		height:auto;
	}
	
}

.bnrBox {
	padding-top:4%;
	padding-bottom: 3.6em;
}

.bnrBox img {
	width:100%;
}

@media (min-width:768px) {
	
	.news {
		float:left;
		width:75%;
	}
	
	.bnrBox {
		float:right;
		width:22.9175%;
	}
	
}

/* common */
.clumb {
	background:#F9F9F7;
	margin-bottom:2.2em;
}

.clumb li {
	display:inline-block;
	line-height:1;
	font-size:0.8571428571428571em;
	padding:11px 0 11px 6px;
}

.clumb li a:hover {
	text-decoration:underline;
}

@media (min-width:768px) {
	
	.clumb li a:hover {
		color:#808080;
	}
	
}

.clumb li:before {
	content:">";
	padding-right:6px;
}

.clumb li:first-child:before {
	content:"";
}

.pageTitleImg {
	padding-bottom:1.4em;
}

@media (min-width:768px) {
	
	.content {
		float:left;
		width:75%;
		padding-bottom: 3.6em;
	}
	
}

.contentBox {
	padding-bottom:2.4em;
}

.content h4 {
	color:#A05A8C;
	font-size:1.428571428571429em;
	padding-left:1.75em;
	padding-bottom:0.5em;
	margin-bottom:0.75em;
	background:url(../img/icon/icon_maker01.png) no-repeat 0 4px,
	url(../img/icon/h3_line_bg.png) repeat-x left bottom;
}

.content h5 {
	color:#6685AC;
	font-size:1.285714285714286em;
	padding-top:1.75em;
	padding-bottom:1.75em;
}

.clmBox {
	padding-bottom:2em;
}

.everyWork {
	display:table;
	border-collapse:separate;
	border-spacing: 20px 21px;
	margin:-21px -20px;
}

.everyWork .clmBoxRow {
}

.everyWork .halfShadowBox {
	float:none !important;
}

.halfBox {
	width: 100%;
	padding-bottom:20px;
}

.halfBox img {
	width: 100%;
}

.halfShadowBox {
	width: 100%;
	-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
	box-shadow:0 0 5px 0 rgba(0,0,0,0.3);
	line-height:2.0em;
	padding: 1.6945%;
	margin-bottom:3%;
}

.firstBox {
}

.secondBox {
}

.firstBox img,
.secondBox img {
	width:100%;
}

@media (min-width:768px) {
	
	.everyWork .clmBoxRow {
		display:table-row;
	}
	
	.everyWork .halfShadowBox {
		display: table-cell;
		float:none !important;
	}
	
	.halfBox {
		width: 48.5%;
		padding-bottom:0;
	}
	
	.halfShadowBox {
		width: 48.5%;
	}
	
	.firstBox {
		float:left;
	}
	
	.secondBox {
		float:right;
	}
	
}

.content .halfBox h5 {
	padding-top:0;
	line-height:1.23em;
	padding-bottom:0.5em;
}

.content .halfBox h5 strong {
	display:block;
	font-size:1.222222222222222em;
	font-weight:bold;
}

.halfShadowBox h5 {
	color: #333;
	font-size: 1.142857142857143em;
	padding-top: 0.25em;
	padding-bottom: 1em;
}

.pinkIcon {
	background:#F981AF;
	color:#fff;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	border-radius:12px;
	padding:0 1em;
	line-height:24px;
	white-space: nowrap;
}

.content .halfBox p {
	float:left;
	padding:1em 0;
	font-size:1.142857142857143em;
}

.content .halfBox a {
	float:left;
	padding:0 0 0 1em;
	font-size:1.142857142857143em;
	font-weight:bold;
	margin:2.5em 0 1em 10%;
	background:url(../img/icon/icon_y_arrow.png) no-repeat left 3.5px;
	color:#FCC51D;
	text-decoration:none;
}

@media (min-width:768px) {
	
	.content .halfBox a:hover {
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		opacity:0.7;
	}
	
}

.content h5.firstLead {
	padding-top:1.2em;
}

.textBox.contentBody {
	line-height:1.75em;
	padding-bottom:1.5em;
}

.contentBody {
	line-height:2em;
}

.specBox {
	padding-bottom:1.5em;
}

.specTable {
}

.specTable th,
.specTable td {
	border-bottom:1px dashed #BBB;
	padding:1em 0.25em 1em;
	color:#333;
	font-weight:normal;
	vertical-align:top;
}

.specTable th {
	width:27.39130434782609%;
}

.specTable td {
	width:72.60869565217391%;
}

.specFirstTr th,
.specFirstTr td {
	padding-top:0.3em;
}

th.specCaption {
	font-size:1.142857142857143em;
	border-bottom:none;
}

.specImg {
}

.specImg img {
	width:100%;
}
@media (max-width:767px) {
	
	.specTable,
	.specTable tbody,
	.specTable tr,
	.specTable th,
	.specTable td {
		display:block;
		width:100%;
		border-top:none;
	}
	
	.specTable {
		border-top:1px solid #aaa;
	}
	
}

@media (min-width:768px) {
	
	.specTable {
		float:left;
		width: 63.8%;
	}
	
	.specTable th,
	.specTable td {
		border-bottom:1px dashed #BBB;
		padding:1em 0.25em 1em;
		color:#333;
		font-weight:normal;
		vertical-align:top;
	}
	
	.specTable th {
		width:27.39130434782609%;
	}
	
	.specTable td {
		width:72.60869565217391%;
	}
	
	.specFirstTr th,
	.specFirstTr td {
		padding-top:0.3em;
	}
	
	th.specCaption {
		font-size:1.142857142857143em;
		border-bottom:none;
	}
	
	.specImg {
		float:right;
		width:34%;
	}
	
}

a.pageNextBnr {
	display:block;
	background:#FDEDE4;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	position:relative;
	padding:160px 23px 16px;
	margin-right:5px;
	-webkit-box-shadow:2px 2px 4px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:2px 2px 4px 4px rgba(0,0,0,0.3);
	-ms-box-shadow:2px 2px 4px 4px rgba(0,0,0,0.3);
	box-shadow:2px 2px 4px 4px rgba(0,0,0,0.3);
	text-decoration:none;
	margin-bottom:30px;
}

.content .pageNextBnr h4 {
	color: #989CA2;
	font-size: 1.42857em;
	padding:0;
	margin:0;
	background:none;
	
	position:absolute;
	top:-0.5em;
	left:1em;
}

.pageNextBnr h5 {
	color:#A05A8C;
	font-size:1.428571428571429em;
	padding-top:0;
	padding-left:1.75em;
	padding-bottom:0.4em;
}

.pageNextBnr em {
	font-size:1em;
	text-decoration:underline;
	padding:0.8em 3em 0.2em 0;
	float:right;
	font-style:normal;
	background:url(../img/icon/icon_c_arrow.png) no-repeat right 0.7em;
}

/* pageNextsetting */

#message .pageNextBnr {
	background:url(../message/img/next_img.jpg) no-repeat #FDEDE4 bottom 170px center;
	background-size:100% auto;
}

#features .pageNextBnr {
	background:url(../features/img/next_img.jpg) no-repeat #FDEDE4 bottom 170px center;
	background-size:100% auto;
}

#facility .pageNextBnr {
	background:url(../facility/img/next_img.jpg) no-repeat #FDEDE4 bottom 170px center;
	background-size:100% auto;
}

#about_work .pageNextBnr {
	background:url(../about_work/img/next_img.jpg) no-repeat #FDEDE4 bottom 170px center;
	background-size:100% auto;
}

#interview .pageNextBnr {
	background:url(../interview/img/next_img.jpg) no-repeat #FDEDE4 bottom 170px center;
	background-size:100% auto;
}

#message .pageNextBnr h5 {
	background: url(../img/icon/icon_arrow_one_color.png) no-repeat 0 4px;
}

#features .pageNextBnr h5 {
	background: url(../img/icon/icon_features.png) no-repeat;
}

#facility .pageNextBnr h5 {
	background: url(../img/icon/icon_facility.png) no-repeat;
}

#about_work .pageNextBnr h5 {
	background: url(../img/icon/icon_about_work.png) no-repeat;
}

#interview .pageNextBnr h5 {
	background: url(../img/icon/icon_interview.png) no-repeat;
}

@media (min-width:480px) {
	
	a.pageNextBnr {
		padding:20px 44% 16px 23px;
	}
	
	#message .pageNextBnr {
		background:url(../message/img/next_img.jpg) no-repeat top right -30% #FDEDE4;
		background-size:55% 100%;
	}
	
	#features .pageNextBnr {
		background:url(../features/img/next_img.jpg) no-repeat top right -30% #FDEDE4;
		background-size:55% 100%;
	}
	
	#facility .pageNextBnr {
		background:url(../facility/img/next_img.jpg) no-repeat top right -30% #FDEDE4;
		background-size:55% 100%;
	}
	
	#about_work .pageNextBnr {
		background:url(../about_work/img/next_img.jpg) no-repeat top right -30% #FDEDE4;
		background-size:55% 100%;
	}
	
	#interview .pageNextBnr {
		background:url(../interview/img/next_img.jpg) no-repeat top right -30% #FDEDE4;
		background-size:55% 100%;
	}
	
}

@media (min-width:541px) {
	
	a.pageNextBnr {
		padding:20px 250px 16px 23px;
	}
	
	#message .pageNextBnr {
		background:url(../message/img/next_img.jpg) no-repeat top right -65px #FDEDE4;
		background-size:55% 100%;
	}
	
	#features .pageNextBnr {
		background:url(../features/img/next_img.jpg) no-repeat top right -65px #FDEDE4;
		background-size:55% 100%;
	}
	
	#facility .pageNextBnr {
		background:url(../facility/img/next_img.jpg) no-repeat top right -65px #FDEDE4;
		background-size:55% 100%;
	}
	
	#about_work .pageNextBnr {
		background:url(../about_work/img/next_img.jpg) no-repeat top right -65px #FDEDE4;
		background-size:55% 100%;
	}
	
	#interview .pageNextBnr {
		background:url(../interview/img/next_img.jpg) no-repeat top right -65px #FDEDE4;
		background-size:55% 100%;
	}
	
}

@media (min-width:592px) {

	a.pageNextBnr {
		padding:30px 300px 16px 23px;
	}
	
	#message .pageNextBnr {
		background:url(../message/img/next_img.jpg) no-repeat top right -40px #FDEDE4;
		background-size:auto 100%;
	}
	
	#features .pageNextBnr {
		background:url(../features/img/next_img.jpg) no-repeat top right #FDEDE4;
		background-size:auto 100%;
	}
	
	#facility .pageNextBnr {
		background:url(../facility/img/next_img.jpg) no-repeat top right -40px #FDEDE4;
		background-size:auto 100%;
	}
	
	#about_work .pageNextBnr {
		background:url(../about_work/img/next_img.jpg) no-repeat top right -40px #FDEDE4;
		background-size:auto 100%;
	}
	
	#interview .pageNextBnr {
		background:url(../interview/img/next_img.jpg) no-repeat top right -40px #FDEDE4;
		background-size:auto 100%;
	}
	
}

@media (min-width:768px) {
	
	.pageNextBnr:hover  {
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		opacity:0.7;
		color:inherit;
	}
	
	.sideMenu {
		float:right;
		width:22.9175%;
	}
	
}

@media (min-width:776px) {
	
	#message .pageNextBnr {
		background:url(../message/img/next_img.jpg) no-repeat top right #FDEDE4;
		background-size:auto 100%;
	}
	
	#facility .pageNextBnr {
		background:url(../facility/img/next_img.jpg) no-repeat top right #FDEDE4;
		background-size:auto 100%;
	}
	
	#about_work .pageNextBnr {
		background:url(../about_work/img/next_img.jpg) no-repeat top right #FDEDE4;
		background-size:auto 100%;
	}
	
	#interview .pageNextBnr {
		background:url(../interview/img/next_img.jpg) no-repeat top right #FDEDE4;
		background-size:auto 100%;
	}
	
}

.entryBox {
	border:1px solid #F981AF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	text-align:center;
	padding:25px 10px;
	margin-bottom:1.6em;
}

.entryBox a:first-child {
	margin-bottom:14px;
	display: inline-block;
}

.sideBnrBox {
	padding-bottom: 3.6em;
}

.sideBnrBox img {
	width:100%;
}

.pageInnerLink a {
	border:1px solid #F981AF;
	display:block;
	padding:8px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:url(../img/icon/icon_c_arrow_s.png) no-repeat 94% 93%;
	margin-bottom:20px;
}

.pageInnerLink a.careerLink {
	padding-left:44px;
	background: url(../img/icon/icon_v_arrow.png) no-repeat 0.75em 50%;
	color:#9F598C;
	font-size:1.285714285714286em;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:2em;
}

.pageInnerLink a img {
	float:left;
}

.pageInnerLink a p {
	float:left;
	min-width: 115px;
	padding-left:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	line-height:2em;
}

.content h4.staffTitle {
	padding:1em 0;
	margin:0;
	background:none;
}
.interviewBox > div {
	padding-top:2em;
	padding-bottom:2em;
}

.interviewBox h5 {
	padding-top:0;
	padding-bottom:0.5em;
}

.interviewBox p {
	line-height:1.75;
}

.summaryBox {
	background:url(../img/icon/border_bg.png) repeat;
	padding:5px;
	margin-top:5%;
}

.summaryBox .inner {
	background:#fff;
	padding:7px 15px;
}

.summaryBox .inner h3 {
	font-size:1.285714285714286em;
	font-weight:bold;
	color:#6685AC;
	padding:0.5em 0 0.5em 2em;
	background:url(../img/icon/icon_pencil.png) no-repeat 0.5em 0;
	border-bottom:1px solid #E3E3E3;
}

.summaryBox .inner .firstBox {
	width:100%;
}

.summaryBox .inner ul {
	margin-right:-2em;
}

.summaryBox .inner li {
	font-size:1.142857142857143em;
	line-height:3em;
	padding-left:1.75em;
	background:url(../img/icon/icon_o.png) no-repeat 0.125em 1em;
}

.summaryBox .inner .secondBox {
	margin: -6% 0px -1.15%;
	text-align:right;
}

.summaryBox .inner .secondBox img {
	width:auto;
}

@media (min-width:768px) {
	.summaryBox .inner .firstBox {
		width:80%;
	}
}

#kadoya,
#kitano,
#koyama {
	padding-bottom:3em;
	border-bottom:1px dashed #CCC;
}

#kadoya .summaryBox .inner .secondBox {
	padding-right: 2%;
}

#kitano .summaryBox .inner .secondBox {
	margin-left:-5%;
	margin-right:-2%;
}

#koyama .summaryBox .inner .secondBox {
	margin-top:0;
	margin-left:-5%;
}


#career table {
	margin-top:25px;
	margin-bottom:32px;
}

.btnBox {
	text-align:center;
	padding-bottom:50px;
}

#faq li {
	border-bottom:1px dashed #ccc;
	padding:10px 10px 19px;
}

#faq li:nth-child(2n) {
	background:#F8F8F8;
}

#faq dt,
#faq dd {
	line-height:2.1875em;
	padding-left:42px;
}

#faq dt {
	background:url(../img/icon/icon_q.png) no-repeat left 5px;
	font-size:1.142857142857143em;
	font-weight:bold;
	color:#6885AC;
}

#faq dd {
	background:url(../img/icon/icon_a.png) no-repeat left 5px;
	color:#333;
}

#career #flow ul {
	padding-top:21px;
}

#career #flow li {
	padding-bottom:28px;
}

#career #flow h5 {
	padding-top:0;
	padding-bottom:1.6em;
}

#career #flow h5:first-child {
	padding-bottom:1.25em;
}

#career #flow p {
	padding-bottom:1.25em;
}

#career .contactBox {
	border:1px solid #F981AF;
	padding:0 15px;
	width:72.1%;
	margin:0 auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#career .contactBox .col-lg-6 {
	padding-left:33px;
	padding-top:24px;
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(../img/icon/icon_tel.png) no-repeat left 0 bottom 0;
}

#career .contactBox .col-lg-6 h6 {
	font-size:1em;
	padding-bottom:19px;
}

#career .contactBox .col-lg-6:first-child {
	padding-left:60px;
	padding-bottom:0;
	background:url(../img/icon/icon_pc.png) no-repeat left 0 bottom 4px;
}

#career .flowLead {
	border:1px solid #F981AF;
	color:#F981AF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	padding:0.75em 0;
}

#entry input[type="text"],
#entry textarea {
	width:80%;
}

@media (max-width:767px) {
	
	#career #application table,
	#career #application table tbody,
	#career #application table tr,
	#career #application table th,
	#career #application table td {
		display:block;
		width:100%;
		border-top:none;
	}
	
	#career #application table {
		border-top:1px solid #aaa;
	}
	
}

@media (min-width:768px) {
	
	#career .contactBox .col-lg-6 h6 {
		white-space:nowrap;
	}
	
	#entry input[type="image"]:hover {
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		opacity:0.7;
	}

}

#entry p {
	line-height:2em;
	padding-bottom:1em;
}

#entry .telNo {
	color: #ff0000;
	font-weight: bold;;
}

#entry th {
	width:30.6%;
	background:#F9ECF3;
	font-size:1.142857142857143em;
	color:#333;
	line-height:1.5em;
}

#entry td {
	font-size:1.142857142857143em;
}

.form-text01 {
	font-size: 0.75em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	color: #A0A0A0;
}

#entry .error {
	display: inline-block;
	font-size: 0.75em;
	vertical-align: top;
	padding-left: 1em;
	color: #f00;
}

#entry .col-sm-5 .error {
	width:130px;
}

#entry em {
	font-style:normal;
}

#entry label {
	margin-right:3em;
	font-weight:normal;
}

#entry label input {
	margin-right:1em;
	vertical-align:--0.02em;
}

#entry textarea {
	height:14em;
	resize: none; 
	overflow:auto;
}

#entry .form-text02 {
	font-size:0.75em;
}

#entry .required {
	font-size:0.75em;
	font-weight:bold;
	color:#fff;
	background:#f00;
	padding:0 0.5em;
	float:right;
}

#entry .col-sm-5,
#entry .col-sm-2 {
	padding-right:0;
	padding-left:0;
}

#entry .col-sm-5 input[type="text"] {
	margin-left:0.5em;
	width:65%;
}

#entry select {
	margin-right:0.25em;
	margin-left:0.25em;
}

#entry td select:first-child {
	margin-left:0;
}

#entry .form-birth {
	text-align:right;
}

#entry #entry_inquiry_zip1,
#entry #entry_inquiry_zip2 {
	width:30%;
}

#entry .notes {
	border:3px solid #E6E6E6;
	font-size:1em;
	line-height:2em;
	color:#333;
	padding:1em 2em;
	margin:3em 0;
}

#entry .contactBox {
	border:1px solid #F981AF;
	padding:0 15px;
	width:72.1%;
	margin:0 auto;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#entry .contactBox .col-lg-6 {
	padding-left:33px;
	padding-top:24px;
	padding-bottom:10px;
	margin-bottom:20px;
	background:url(../img/icon/icon_tel.png) no-repeat left 0 bottom 0;
}

#entry .contactBox .col-lg-6 h6 {
	font-size:1em;
	padding-bottom:19px;
}

#entry .contactBox .col-lg-6:first-child {
	padding-left:60px;
	padding-bottom:0;
	background:url(../img/icon/icon_pc.png) no-repeat left 0 bottom 4px;
}

@media (max-width:767px) {
	
	#entry #form1 table,
	#entry #form1 table tbody,
	#entry #form1 table tr,
	#entry #form1 table th,
	#entry #form1 table td {
		display:block;
		width:100%;
		border-top:none;
	}
	
	#entry #form1 table {
		border-top:1px solid #aaa;
	}
	
	#entry #form1 table .col-sm-5 {
		margin-bottom:20px;
	}
	
	#entry #form1 table .form-text01 {
		font-size:0.825em;
	}
	
	#entry .col-sm-5 input[type="text"] {
		width: 90%;
	}
	
	#entry input[type="text"],
	#entry textarea {
		width:100%;
	}
	
}

ul.listPink li{
	background: url(../img/icon/ico_pink.png) no-repeat left 8px;
	padding-left: 16px;
	
}

.pic{
	margin-bottom: 8px;
}

.pic img {
	width:100%;
}

.massege{
	border: 1px solid #A05A8C;
	padding: 20px;
	margin-top: 24px;
	padding: 
}


/*-----採用情報-----*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400|Inconsolata);
ul#tabs-list {
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
}

label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #666;
  cursor: pointer;
  background-color: #ecf0f1;
  -webkit-transition-property: border-top, background-color, color;
  transition-property: border-top, background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
label.panel-label:hover {
  color: #A05A8C;;
}
 
#panels {
  background-color: white;
}
#panels .container {
  margin: 0 auto;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#panels section header label.panel-label {
  padding: 12px 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#panels section main {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
}
 
#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: initial;
  opacity: 1;
  /*padding: 48px 24px;*/
}
 
#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: initial;
  opacity: 1;
  /*padding: 48px 24px;*/
}
 
#panel-3-ctrl:checked ~ #panels #panel-3 main {
  max-height: initial;
  opacity: 1;
  /*padding: 48px 24px;*/
}
 
#panel-4-ctrl:checked ~ #panels #panel-4 main {
  max-height: initial;
  opacity: 1;
  /*padding: 48px 24px;*/
}
 
#panel-5-ctrl:checked ~ #panels #panel-5 main {
  max-height: initial;
  opacity: 1;
  /*padding: 48px 24px;*/
}
 
@media all and (max-width: 767px) {
  #nav-ctrl:checked ~ #tabs-list #li-for-panel-1 {
    max-height: 46px;
    opacity: 1;
  }
 
  #nav-ctrl:checked ~ #tabs-list #li-for-panel-2 {
    max-height: 46px;
    opacity: 1;
  }
 
  #nav-ctrl:checked ~ #tabs-list #li-for-panel-3 {
    max-height: 46px;
    opacity: 1;
  }
 
  #nav-ctrl:checked ~ #tabs-list #li-for-panel-4 {
    max-height: 46px;
    opacity: 1;
  }
 
  #nav-ctrl:checked ~ #tabs-list #li-for-panel-5 {
    max-height: 46px;
    opacity: 1;
  }
 
  #open-nav-label {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
  }
 
  #nav-ctrl:checked ~ #tabs-list #open-nav-label {
    display: none;
  }
 
  #close-nav-label {
    display: block;
    max-height: 0;
    overflow-y: hidden;
    background-color: #444444;
    color: #ecf0f1;
    padding: 0px;
    -webkit-transition: max-height 200ms;
    transition: max-height 200ms;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 1px;
  }
 
  #nav-ctrl:checked ~ #tabs-list #close-nav-label {
    max-height: 36px;
    opacity: 1;
    padding: 12px 24px;
  }
 
  #tabs-list {
    position: relative;
  }
  #tabs-list label.panel-label {
    padding: 12px 0;
  }
  #tabs-list #li-for-panel-1 {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 200ms;
    transition: max-height 200ms;
  }
  #tabs-list #li-for-panel-2 {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 200ms;
    transition: max-height 200ms;
  }
  #tabs-list #li-for-panel-3 {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 200ms;
    transition: max-height 200ms;
  }
  #tabs-list #li-for-panel-4 {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 200ms;
    transition: max-height 200ms;
  }
  #tabs-list #li-for-panel-5 {
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: max-height 200ms;
    transition: max-height 200ms;
  }
 
  #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
    max-height: 46px;
    opacity: 1;
  }
  #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    background-color: #A05A8C;;
    color: white;
  }
 
  #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
    max-height: 46px;
    opacity: 1;
  }
  #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    background-color: #A05A8C;;
    color: white;
  }
 
  #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
    max-height: 46px;
    opacity: 1;
  }
  #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    background-color: #A05A8C;;
    color: white;
  }
 
  #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
    max-height: 46px;
    opacity: 1;
  }
  #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    background-color: #A05A8C;;
    color: white;
  }
 
  #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {
    max-height: 46px;
    opacity: 1;
  }
  #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    background-color: #A05A8C;;
    color: white;
  }
 
  #panels .container {
    width: 100%;
  }
  #panels section header {
    display: block;
  }
}
@media all and (min-width: 768px) {
  #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
    pointer-events: none;
    cursor: default;
    -webkit-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    transform: translate(0, 1px);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-right: none;
  }
  #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1:last-child {
    border-right: 1px solid #dfdfdf;
  }
  #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
    border-left: 1px solid #dfdfdf;
  }
  #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    border-top: 6px solid #A05A8C;;
    padding-top: 26px;
  }
 
  #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
    pointer-events: none;
    cursor: default;
    -webkit-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    transform: translate(0, 1px);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-right: none;
  }
  #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2:last-child {
    border-right: 1px solid #dfdfdf;
  }
  #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
    border-left: 1px solid #dfdfdf;
  }
  #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    border-top: 6px solid #A05A8C;;
    padding-top: 26px;
  }
 
  #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
    pointer-events: none;
    cursor: default;
    -webkit-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    transform: translate(0, 1px);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-right: none;
  }
  #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3:last-child {
    border-right: 1px solid #dfdfdf;
  }
  #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {
    border-left: 1px solid #dfdfdf;
  }
  #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    border-top: 6px solid #A05A8C;;
    padding-top: 26px;
  }
 
  #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
    pointer-events: none;
    cursor: default;
    -webkit-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    transform: translate(0, 1px);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-right: none;
  }
  #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4:last-child {
    border-right: 1px solid #dfdfdf;
  }
  #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li {
    border-left: 1px solid #dfdfdf;
  }
  #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    border-top: 6px solid #A05A8C;;
    padding-top: 26px;
  }
 
  #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {
    pointer-events: none;
    cursor: default;
    -webkit-transform: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    transform: translate(0, 1px);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top: none;
    border-right: none;
  }
  #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5:last-child {
    border-right: 1px solid #dfdfdf;
  }
  #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li {
    border-left: 1px solid #dfdfdf;
  }
  #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {
    background-color: white;
    color: #A05A8C;;
    border-top: 6px solid #A05A8C;;
    padding-top: 26px;
  }
 
  ul#tabs-list {
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
  }
  ul#tabs-list li {
    display: inline-block;
    text-align: center;
    font-size: 0.875em;
    width: 20%;
    -webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    -webkit-transition-property: border-top;
    transition-property: border-top;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
	vertical-align: bottom;
  }
  
  ul#tabs-list li:hover {
    border-top: none;
    border-right: none;
  }
  ul#tabs-list li:hover:last-of-type {
    border-right: 1px solid #dfdfdf;
  }
  ul#tabs-list li:hover + li {
    border-left: 1px solid #dfdfdf;
  }
  ul#tabs-list li label.panel-label {
    border-top: 0px solid #A05A8C;
    padding: 24px 0;
	margin-bottom: 0;
  }
  ul#tabs-list li label.panel-label:hover {
    border-top-width: 6px;
    padding-top: 25px;
  }
 
  #open-nav-label,
  #close-nav-label {
    display: none;
  }
 
  #nav-ctrl {
    display: none;
  }
  
  
}
@media all and (min-width: 900px) {
  main {
    width: 100%;
    margin: 0 auto;
  }
}
.panel-radios {
  position: fixed;
  left: 50%;
  top: 10px;
  width: 20px;
  opacity:0;
  z-index: -99;
}
.panel-radios:nth-child(1) {
  -webkit-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  transform: translateX(-50px);
}
.panel-radios:nth-child(2) {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
}
.panel-radios:nth-child(3) {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
}
.panel-radios:nth-child(4) {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.panel-radios:nth-child(5) {
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.panel-radios:nth-child(6) {
  top: 30px;
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
  display: block;
}
 
/*body {
  background: #e74c3c;
  color: #444444;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}*/
 
#introduction {
  width: 90%;
  margin: 0 auto;
  padding: 48px 24px;
  color: white;
}
#introduction h1 {
  font-weight: 300;
  text-align: center;
}
 
/*main h1 {
  margin-top: 0;
  font-weight: 300;
  color: #A05A8C;;
}*/
main p {
  line-height: 1.8;
}
main hr {
  margin: 12px 0;
  border-top: 1px solid #dfdfdf;
}
 
label.demo-label {
  background-color: #A05A8C;;
  color: white;
  padding: 4px 8px;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
label.demo-label:hover {
  background-color: #e74c3c;
}
 
#demo-child-toggle {
  display: none;
}
#demo-child-toggle:checked ~ #demo-parent #demo-child {
  color: #A05A8C;;
  font-weight: bold;
  text-transform: uppercase;
}
 
#demo-parent {
  margin-top: 8px;
}
 
code,
pre {
  color: #A05A8C;;
  font-family: Inconsolata, "Andale Mono", Andale, monowidth;
  background-color: #ecf0f1;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
}
 
code {
  padding: 2px 6px;
}
 
pre {
  padding: 12px;
  line-height: 1.6;
}
pre strong {
  color: #444444;
}

#panels th {
	width: 24%;
}



ul#tabs-list li label.panel-label.tabfix {
	padding: 15.5px 0;
}

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label.tabfix {
	padding-top: 17px;
}

#application p {
	display: block;
	margin-bottom: 30px;
}

@media all and (max-width: 767px) {
	
#nav-ctrl:checked ~ #tabs-list #li-for-panel-3 {
	max-height:none;
}

#li-for-panel-3 label.panel-label.tabfix {
	margin-bottom: 2px;
}

}