@charset "utf-8";
 @media screen and (min-width:800px) {
 body {
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
 h1 {
 background:url(../images/h1Back.png) no-repeat;
 font-size:25px;
 color:#fff;
 width:874px;
 height:69px;
 padding-left:20px;
 padding-top:30px;
 margin-bottom:20px;
}
 h2 {
 color:#F18D00;
 font-weight:bold;
 font-size:22px;
 border-bottom:2px dashed #F18D00;
 margin-bottom:20px;
 margin-left:8px;
}
.aboutTable {
	margin-left:20px;
	font-size:14px;
	width:700px;	
}
.aboutTable td {
	padding:10px;	
}
.leftTable {
	width:20%;	
}
 .geneList {
	margin-top:16px;
 margin-left:30px;
}
.geneList li {
	margin-bottom:10px;
	font-size:14px;
}
 p {
 margin-left:10px;
 margin-top:20px;
}
 #wrap {
}
 #headerWrap {
 background:url(../images/headerBack.jpg) repeat-x;
 min-height:650px;
 padding-bottom:90px;
}
 #header {
 margin:0 auto;
 width:1200px;
 background:url(../images/topBack.jpg) no-repeat;
 font-size:14px;
}
 #headerLeft {
 width:300px;
 margin-top:20px;
 margin-left:100px;
 float:left;
}
 #headerLeft p {
 margin-top:0;
}
 #headerRight {
 margin-top:5px;
 margin-left:390px;
 float:left;
}
 #headerRight p {
 padding:2px 0 2px 20px;
 width:280px;
 background-color:#00AEEF;
 color:#fff;
 margin-top:0;
 margin-bottom:2px;
}
 .rightBanner li {
 text-align:right;
}
 #mailBanner {
 margin-left:138px;
}
 #mailBanner span {
 display:block;
 width:168px;
 background:url(../images/mailBanner.png) 0 0 no-repeat;
 padding-top:44px;
 height:0;
 overflow:hidden;
}
 #mailBanner a:hover {
 filter:alpha(opacity=80);
 opacity:0.8;
 -moz-opacity:0.8;
}
#eyecatchWrap {
position:relative;	
}
 #eyecatch {
 margin-left:90px;
 background:url(../images/eyecatch.png) no-repeat;
 height:286px;
 margin-bottom:50px;
}
#eyecatchEcoleon {
	width:309px;
	height:297px;
	position:absolute;
	top:38px;
	right:77px;
	background:url(../images/ecoleon.png) no-repeat;
}
#eyecatchEcoleon p {
	position:absolute;
	top:25px;
	left:10px;
	font-weight:bold;
	font-size:18px;
}
 #gmenuWrap {
 background:url(../images/gmenuBack.png);
 height:76px;
 padding:7px 0;
}
#menuButton {
 display:none;
}
 #sidr {
 width:1010px;
 margin:0 auto;
}
 #sidr li {
 float:left;
}
 /*#sidr li a:hover {
 filter:alpha(opacity=80);
 opacity:0.8;
 -moz-opacity:0.8;
}*/
#sidr li:hover {
 filter:alpha(opacity=80);
 opacity:0.8;
 -moz-opacity:0.8;
}
 .gmenu01 span {
 display:block;
 width:201px;
 background:url(../images/gmenu01.png) 0 0 no-repeat;
 padding-top:76px;
 height:0;
 overflow:hidden;
}
 .gmenu02 span {
 display:block;
 width:201px;
 background:url(../images/gmenu02.png) 0 0 no-repeat;
 padding-top:76px;
 height:0;
 overflow:hidden;
}
 .gmenu03 span {
 display:block;
 width:201px;
 background:url(../images/gmenu03.png) 0 0 no-repeat;
 padding-top:76px;
 height:0;
 overflow:hidden;
}
 .gmenu04 span {
 display:block;
 width:201px;
 background:url(../images/gmenu04.png) 0 0 no-repeat;
 padding-top:76px;
 height:0;
 overflow:hidden;
}
 .gmenu05 span {
 display:block;
 width:201px;
 background:url(../images/gmenu05.png) 0 0 no-repeat;
 padding-top:76px;
 height:0;
 overflow:hidden;
}
 #contents {
 width:1000px;
 margin:-170px auto 0 auto;
 overflow:hidden;
}
 #goCompany {
 color:#555;
 padding:15px;
 width:970px;
 min-height:390px;
 background:#FFFFE7;
}
 #goCompany h2 {
 width:480px;
 margin-top:-6px;
}
 .goCompanyWord {
 width:930px;
}
 .goBanner {
 margin-left:774px;
 margin-top:10px;
}
 #goRecruit {
 margin-top:50px;
}

#goRecruit span {
	display:block;
 width:1000px;
 height:0;
 background:url(../images/goRecruit.png) 0 0 no-repeat;
 padding-top:244px;
 overflow:hidden;	
}
 #digressions h1 {
 background:none;
 padding:0;
 height:127px;
 width:885px;
 margin-top:60px;
 margin-left:8px;
 overflow:hidden;
}
 #digressions h1 span {
 display:block;
 width:885px;
 background:url(../images/h1Digression.png) 0 0 no-repeat;
 padding-top:127px;
 overflow:hidden;
}
 #digressions h3 {
 background:#00AEEF;
 width:290px;
 text-align:center;
 padding:4px 0;
 color:#fff;
/*	font-weight:bold;*/
	font-size:18px;
}
 #digressions p {
 margin-left:0;
 width:280px;
}
 .digression {
 background:url(../images/digressionBack.png) no-repeat;
 width:310px;
 height:285px;
 padding-top:20px;
 padding-left:15px;
 float:left;
 margin-right:10px;
 margin-top:10px;
}
 .digression:last-child {
 margin-right:0;
}
 .goMore {
 padding-left:180px;
}
 .goMore a {
	 color:#EB2B70; 
 }
 #footerWrap {
 margin-top:12px;
 min-height:530px;
 background:url(../images/footerBack.jpg) repeat-x 0 24px;
}
 #footer {
 width:1024px;
 margin:0 auto;
}
 #dishonestBanner {
 margin-bottom:50px;
}
#dishonestBanner span {
			display:block;
			height:0;
 width:1024px;
 background:url(../images/dishonestBanner.png) 0 0 no-repeat;
 padding-top:305px;
 overflow:hidden;
}
 #footerLeft {
 float:left;
 margin-left:12px;
 font-size:14px;
 color:#444;
}
 #footerLeft p {
 margin-top:0;
}
 #footerRight {
 float:left;
 text-align:right;
 margin-left:516px;
}
 #footerRight ul {
 margin-top:43px;
}
 #footerRight li {
 color:#fff;
 font-weight:bold;
 background:#036497;
 padding:3px 26px;
 margin-bottom:10px;
}
 #footerRight a {
 text-decoration:none;
 color:#fff;
}
 .footerAbout {
 text-align:right;
}
 .fixed {
 position: fixed;
 top: 0;
 left:0;
 right:0;
    /*width: 100%;*/
    z-index: 10000;
 margin:0 !important;
}
 .fixed2 {
 height:0;
}



/*              sub              */
.leftWords {
	float:left;
	width:570px;	
}

.rightPict {
	margin-left:80px;
	float:left;	
}

#subContents h2 {
	margin-top:40px;
	margin-left:10px;
}
#subContents h3 {
	margin-top:30px;
	margin-left:14px;
	font-weight:bold;
	font-size:18px;
	color:#036497;
}
#subContents h4 {
	margin-top:26px;
	margin-left:16px;
	font-weight:bold;
	font-size:16px;	
}

#subContents p {
	margin-left:20px;
	font-size:14px;
}

#subContentsInner {
	margin-bottom:60px;
}

#headerSubWrap {
 background:url(../images/headerSubBack.jpg) repeat-x;
 min-height:450px;
 padding-bottom:90px;
}

#headerSub {
 margin:0 auto;
 width:1200px;
 background:url(../images/topSubBack.jpg) no-repeat;
 font-size:14px;
 padding-bottom:40px;
}

#subContents {
 width:940px;
 margin:-250px auto 0 auto;
 overflow:hidden;
 padding:30px 30px 340px 30px;
 background:#FFFFE7;
 position:relative;
}

#subEcoleon {
	width:309px;
	height:297px;
	position:absolute;
	bottom:30px;
	right:30px;
}
#subEcoleon p {
	position:absolute;
	top:25px;
	left:10px;
	font-weight:bold;
	font-size:18px;
}

#footerSubWrap {
 margin-top:12px;
 background:url(../images/footerBack.jpg) repeat-x 0 0px;
 padding-bottom:50px;
 overflow:hidden;
}

#footerSubWrap #goRecruit {
	padding-bottom:30px;
	margin-left:10px;
}

#gmenuSubWrap {
 background:url(../images/gmenuBack.png);
 height:76px;
 padding:7px 0;
}

#episode .bcms_content {
	margin-bottom:100px;	
}

.episodeAnc {
	margin-top:-65px;
	padding-bottom:45px;
	}




/* メールフォーム */

.form table{border-collapse: separate;
border-spacing: 10px 6px;}

/*#recruitForm td {
	border-top:2px solid #E6E6E6;	
}*/

.form .formLeft {
	width:220px;
	padding:10px;
	background:#E6E6E6;
}

.form .formLeft {
	
}


.form .bcms_content {
	margin-top:30px;
	margin-left:14px;}

.form .bcms_content p {
	padding-bottom:10px;
	margin-left:10px;	
}

.form #bcms_mail_form {
	padding-left:25px;
}

.form .bcms_form_formnameblock {
	margin-top:15px;
	margin-bottom:10px;
	color:#333;
	font-size:14px;
	font-weight:bold;
}

.form .bcms_form_text,.form .bcms_form_textarea,.form .bcms_form_select {
	margin-left:25px;
	border-radius: 4px;
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	height:24px;
	background-color:#F9F9F9;
}

.form .bcms_form_text {
	width:100%;
}

.form .bcms_form_textarea {
	width:100%;
}

.form .bcms_form_textarea {
	height:260px;
	resize: none; 
}

.form .bcms_form_submitblock {
	margin-top:60px;
	margin-left:42%;
}

.form #bcms_form_submit, .form #bcms_form_submit_back {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:16px 30px;
	border-radius: 4px;
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	background-color:#ec2b70;
	cursor: pointer;
}

.form #bcms_form_submit_back {
	margin-right:30px;	
}

.form .bcms_form_err {
	padding-top:0px!important;
	padding-bottom:0px!important;
	font-weight:bold;
	color:#d00;
	font-size:12px !important;
}

.form .bcms_form_radio_label {
	margin-left:25px;	
}



}


/* ---------------------------------------- */
/* ---------------------------------------- */
/* -------------------sp------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */


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

 p {
 font-size:14px;
}
 h1 {
 background-color:#036497;
 font-size:14px;
 color:#fff;
 font-weight:bold;
 padding:15px 4px;
 text-align:center;
 margin-bottom:20px;
}
 h2 {
 color:#F18D00;
 font-weight:bold;
 font-size:18px;
 margin-top:40px;
 margin-bottom:20px;
 text-align:center;
 border-bottom:dashed 2px #F18D00;
 padding-bottom:6px;
}
 h3 {
 color:#036497;
 font-weight:bold;
 font-size:18px;
 margin-top:30px;
 margin-bottom:20px;
 text-align:center;
}
h4 {
	margin-top:20px;
	font-weight:bold;
	font-size:16px;
	text-align:center;	
}
 .geneList {
 font-size:14px;
 margin-left:10px;
 margin-bottom:10px;
}
 .geneList li {
 margin-top:10px;
}
#headerTop {
	padding-top:16px;
	padding-bottom:6px;	
}
 #headerLeft p {
 font-size:12px;
 margin-left:10px;
 margin-top:10px;
}
 #headerLeft img {
	 width:50%;
	 height:auto;
}
 #headerRight p {
 display:none;
}
 #telNum {
 display:none;
}
 #mailBanner {
 position:absolute;
 top:30px;
 right:65px;
}
 #mailBanner span {
 display:block;
 width:45px;
 background:url(../images/mailBannerSpMini.jpg) 0 0 no-repeat;
 padding-top:45px;
 height:0;
 overflow:hidden;
}
 #gmenuWrap {
 position:absolute;
 top:30px;
 right:10px;
}
 #menuButton {
 }
 #menuButton span {
 display:block;
 width:45px;
 background:url(../images/menuSpMini.jpg) 0 0 no-repeat;
 padding-top:45px;
 height:0;
 overflow:hidden;
}
 #eyecatch {
 height:0;
 padding-top:37.6%;
 margin-top:20px;
 background:url(../images/eyecatchSp.png) no-repeat;
 background-size:contain;
}
#eyecatchEcoleon {
	display:none;	
}
 #goCompany {
 color:#555;
 padding:15px 0;
 width:100%;
 background:#FFFFE7;
 /*margin-top:30px;*/
}
 #goCompany p {
 padding-left:10px;
 padding-right:10px;
}
 #goCompany img {
 width:46%;
 height:100%;
}
 .goBanner {
 margin-top:16px;
 text-align:center;
}
 #goRecruit {
 margin-top:30px;
}
#goRecruit img {
 width:100%;
 height:auto;
}
#goRecruit span {
	display:block;
 height:0;
 background:url(../images/goRecruitSp.png) 0 0 no-repeat;
 padding-top:56%;
 background-size:100%;
 overflow:hidden;	
}
#digressions h1 {
 padding-top:12%;
 margin-top:10px;
 background:url(../images/h1DigressionSp.png) 0 0 no-repeat;
 background-size:100%;
}
.digression {
 background:#e0ecf2;
 margin:0 10px 20px 10px;
 padding:10px;
 border-radius:10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 box-shadow:rgba(113, 135, 164, 0.79) 2px 2px 3px -1px;
-webkit-box-shadow:rgba(113, 135, 164, 0.79) 2px 2px 3px -1px;
-moz-box-shadow:rgba(113, 135, 164, 0.79) 2px 2px 3px -1px;
}
 #digressions h3 {
 background:#00AEEF;
 width:92%;
 text-align:center;
 padding:2px 0;
 color:#fff;
 font-size:16px;
 margin:0 auto 20px auto;
 font-weight:bold;
 border-radius:10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
}
 .goMore {
 margin-top:10px;
 color:#EB2B70;
 text-align:center;
}
 #dishonestBanner {
 margin-bottom:30px;
}
#dishonestBanner span {
display:block;
			height:0;
 background:url(../images/dishonestBannerSp.png) 0 0 no-repeat;
 background-size:100%;
 padding-top:68%;
 overflow:hidden;
}
#footer {
 position:relative;
}
 #footerLeft {
 float:left;
 margin-left:12px;
 font-size:14px;
 color:#444;
}
#footerLeft img {
	width:48%;
	height:auto;

}
 #footerLeft p {
 margin-top:0;
 font-size:12px;
}
 #footerRight {
 text-align:right;
 position:absolute;
 top:75%;
 right:0;
}
/* #footerRight ul {
 margin-top:50px;
}*/
 #footerRight li {
 color:#fff;
 font-weight:bold;
 background:#036497;
 padding:3px 6px;
 margin-bottom:10px;
 font-size:11px;
}
 #footerRight a {
 text-decoration:none;
 color:#fff;
}
 .footerAbout {
 }
 
 
 
 /*                sub                */

.aboutTable {
	font-size:14px;
	width:94%;
	margin:20px auto 0 auto;
	
}

.aboutTable td {
	padding:8px;
	vertical-align:top;
}

.leftTable {
	width:28%;
	color:#036497;
	font-weight:bold;
}

.leftWords {
	
}

.rightPict {
	margin-top:30px;
	text-align:center;	
}
 
#gmenuSubWrap {
 position:absolute;
 top:30px;
 right:10px;
}

#subContents {
	margin-top:30px;	
}

#subContents p {
	margin:20px auto 0 auto;
	width:94%;
}


 
#subEcoleon {
	position:relative;
	text-align:center;
	margin-top:60px;
}
#subEcoleon img {
	text-align:center;
	height:100%;
	width:88%;	
}
#subEcoleon p {
	position:absolute;
	top:15%;
	left:11%;
	font-weight:bold;
	font-size:16px;
	margin:0 !important;
	width:auto !important;
}

#footer #goRecruit {
	margin-bottom:20px;	
}


/* メールフォーム */

.form table{border-collapse: separate;
border-spacing:10px 6px;
width:96%;}


.form .formLeft {
	width:44%;
	padding:4px;
	background:#E6E6E6;
}


.form .bcms_content {
	margin-top:30px;}

.form .bcms_content p {
	padding-bottom:10px;
	margin-left:10px;	
}

.form #bcms_mail_form {
	padding-left:25px;
}

.form .bcms_form_formnameblock {
	margin-top:15px;
	margin-bottom:10px;
	color:#333;
	font-size:12px;
	font-weight:bold;
}

.form .bcms_form_text,.form .bcms_form_textarea,.form .bcms_form_select {
	margin-left:4px;
	border-radius: 4px;
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	height:24px;
	background-color:#F9F9F9;
}

.form .bcms_form_text {
	width:100%;
}

.form .bcms_form_textarea {
	width:100%;
}

.form .bcms_form_textarea {
	height:260px;
	resize: none; 
}

.form .bcms_form_submitblock {
	margin-top:30px;
	text-align:center;
}

.form #bcms_form_submit, .form #bcms_form_submit_back {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	padding:16px 30px;
	border-radius: 4px;
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	background-color:#ec2b70;
	cursor: pointer;
}

.form #bcms_form_submit_back {
	margin-right:30px;	
}

.form .bcms_form_err {
	padding-top:0px!important;
	padding-bottom:0px!important;
	font-weight:bold;
	color:#d00;
	font-size:12px !important;
}

.form .bcms_form_radio_label {
	margin-left:25px;	
}



/* ---------------------------------- */
/* ---------------sidr--------------- */
/* ---------------------------------- */


#sidr {
 display:none;
 position:absolute;
 position:fixed;
 top:0;
 height:100%;
 z-index:999999;
 width:220px;
 overflow-x:none;
 overflow-y:auto;
 font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
 font-size:15px;
 background:#f8f8f8;
 color:#333;
 -webkit-box-shadow:inset 0 0 5px 5px #ebebeb;
 -moz-box-shadow:inset 0 0 5px 5px #ebebeb;
 box-shadow:inset 0 0 5px 5px #ebebeb
}
#sidr .sidr-inner {
 padding:0 0 15px
}
#sidr .sidr-inner>p {
 margin-left:15px;
 margin-right:15px
}
#sidr.right {
 left:auto;
 right:-220px
}
#sidr.left {
 left:-220px;
 right:auto
}
#sidr h1, #sidr h2, #sidr h3, #sidr h4, #sidr h5, #sidr h6 {
 font-size:11px;
 font-weight:normal;
 padding:0 15px;
 margin:0 0 5px;
 color:#333;
 line-height:24px;
 background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));
 background-image:-webkit-linear-gradient(#ffffff, #dfdfdf);
 background-image:-moz-linear-gradient(#ffffff, #dfdfdf);
 background-image:-o-linear-gradient(#ffffff, #dfdfdf);
 background-image:linear-gradient(#ffffff, #dfdfdf);
 -webkit-box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2);
 -moz-box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2);
 box-shadow:0 5px 5px 3px rgba(0, 0, 0, 0.2)
}
#sidr p {
 font-size:13px;
 margin:0 0 12px
}
#sidr p a {
 color:rgba(51, 51, 51, 0.9)
}
#sidr>p {
 margin-left:15px;
 margin-right:15px
}
#sidr ul {
 display:block;
 margin:0 0 15px;
 padding:0;
 border-top:1px solid #dfdfdf;
 border-bottom:1px solid #fff
}
#sidr li {
 display:block;
 margin:0;
 line-height:48px;
 border-top:1px solid #fff;
 border-bottom:1px solid #dfdfdf
}
#sidr li:hover, #sidr li.active, #sidr li.sidr-class-active {
 border-top:none;
 line-height:49px
}
#sidr li:hover>a, #sidr li:hover>span, #sidr li.active>a, #sidr li.active>span, #sidr li.sidr-class-active>a, #sidr li.sidr-class-active>span {
 -webkit-box-shadow:inset 0 0 15px 3px #ebebeb;
 -moz-box-shadow:inset 0 0 15px 3px #ebebeb;
 box-shadow:inset 0 0 15px 3px #ebebeb
}
#sidr li a, #sidr li span {
 padding:0 15px;
 display:block;
 text-decoration:none;
 color:#333
}
#sidr li ul {
 border-bottom:none;
 margin:0
}
#sidr ul li ul li {
 line-height:40px;
 font-size:13px
}
#sidr ul li ul li:last-child {
 border-bottom:none
}
#sidr ul li ul li:hover, #sidr ul li ul li.active, #sidr ul li ul li.sidr-class-active {
 border-top:none;
 line-height:41px
}
#sidr ul li ul li:hover>a, #sidr ul li ul li:hover>span, #sidr ul li ul li.active>a, #sidr ul li ul li.active>span, #sidr ul li ul li.sidr-class-active>a, #sidr ul li ul li.sidr-class-active>span {
 -webkit-box-shadow:inset 0 0 15px 3px #ebebeb;
 -moz-box-shadow:inset 0 0 15px 3px #ebebeb;
 box-shadow:inset 0 0 15px 3px #ebebeb
}
#sidr ul li ul li a, #sidr ul li ul li span {
 color:rgba(51, 51, 51, 0.8);
 padding-left:30px
}
#sidr form {
 margin:0 15px
}
#sidr label {
 font-size:13px
}
#sidr input[type="text"], #sidr input[type="password"], #sidr input[type="date"], #sidr input[type="datetime"], #sidr input[type="email"], #sidr input[type="number"], #sidr input[type="search"], #sidr input[type="tel"], #sidr input[type="time"], #sidr input[type="url"], #sidr textarea, .sidr select {
 width:100%;
 font-size:13px;
 padding:5px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 margin:0 0 10px;
 -webkit-border-radius:2px;
 -moz-border-radius:2px;
 -ms-border-radius:2px;
 -o-border-radius:2px;
 border-radius:2px;
 border:none;
 background:rgba(0, 0, 0, 0.1);
 color:rgba(51, 51, 51, 0.6);
 display:block;
 clear:both
}
#sidr input[type=checkbox] {
 width:auto;
 display:inline;
 clear:none
}
#sidr input[type=button], #sidr input[type=submit] {
 color:#f8f8f8;
 background:#333
}
#sidr input[type=button]:hover, #sidr input[type=submit]:hover {
 background:rgba(51, 51, 51, 0.9)
}
}