@charset "utf-8";

/* common
----------------------------------------------------*/
/* 汎用クラス */
@media screen and (max-width: 767px) {
.bdTN_sp { border-top: none !important; }
.bdT_sp_2 { border-top: 2px solid #dedede !important; }
.bdB_sp_2 { border-bottom: 2px solid #dedede !important; }
.bdB_sp { border-bottom: 1px solid #dedede !important; }
}

/* レイアウト */
@media screen and (max-width: 767px) {
.grid  > .grid-mod {
	margin-bottom: 0;	
}
	.grid-mod > .txt01 {
		margin: 0 10px;
	}
}

/* 見出しH1 */
.h1_basic01Wrap,
.h1_basic02Wrap {
	position: relative;
}
	.h1_basic01Wrap .dpLinkTop01,
	.h1_basic02Wrap .dpLinkTop01 {
		margin-top: 10px;
	    position: absolute;
	    right: 10px;
	    top: 0px;
	}
@media screen and (max-width: 767px) {
.h1_basic01Wrap,
.h1_basic02Wrap {
    padding: 25px 10px 30px;
}
	.h1_basic01Wrap .h1_basic01,
	.h1_basic02Wrap .read {
		padding-top: 10px;
	}
}
/* メインビジュアル */
.mv {
	margin-bottom: 20px;
}

/* セクション */
.dpSection01 {
	margin-top: 0;
	margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
.dpSection01 {
	margin-bottom: 0;
}
	.dpSection01 > .grid > .grid-mod {
		margin-bottom: 0;
	}
}

/* 見出しh2 */
.dpSection01 .h2_basic01Wrap {
	margin-top: 0;
	padding-top: 0;
}	
	.dpSection01 .h2_basic01Wrap .h2_basic01 {
		display: inline-block;
		vertical-align: bottom;
	}
	.dpSection01 .h2_basic01Wrap .ul_arrow01 {
		margin: 0;
		display: inline-block;
		padding: 0 0 6px 20px;
		vertical-align: bottom;
	}
		.dpSection01 .h2_basic01Wrap .ul_arrow01 li {
			margin: 0;
			padding-left: 15px;
		}
@media screen and (max-width: 979px) {
.dpSection01 .h2_basic01Wrap.mt45_tb {
	margin-top: 45px;
}
}
@media screen and (max-width: 767px) {
.dpSection01 .h2_basic01Wrap {
	margin-top: 45px;
}
.h2_basic01Wrap.mb00_sp + .grid > .grid-mod:first-child > .indexBox01 {
	border-top: none;	
}
}

/* 説明文 */
.explain  {
}
/* 説明文右横のボタン */
.dpInquiryBtn01 li a.btn01 {
	margin-top: 15px;	
}
.explain .txt01:first-child,
.dpInquiryBtn01 li:first-child a.btn01 {
	margin-top: 0;
}
@media screen and (max-width: 767px) {
/* 説明文 */
.explain  {
}
	.explain .note01 {
		margin: 30px 10px 0;
	}
/* 説明文右横のボタン */
.dpInquiryBtn01 {
	margin-top: 20px;
}
	.dpInquiryBtn01 li {
		position: relative;
	}
		.dpInquiryBtn01 li a.btn01 {
			margin: 0;
			padding: 10px 0 8px;
			height: auto;
			background: none;
			border-width: 2px 0 0;
		}
		.dpInquiryBtn01 li a.btn01:after {
			content: url(/common/images/ico_arrow_l01_2x.png);
			-webkit-transform: scale(0.5);
			-moz-transform: scale(0.5);
			margin-top: -12px;
			position: absolute;
			top: 50%;
			right: 10px;
		}
			.dpInquiryBtn01 li a.btn01 span {
				padding: 0 36px 0 10px;	
			}
}

/* バナー */
@media screen and (max-width: 767px) {
.indexBox01Wrap {
	margin-top: 0;
	border-bottom: 2px solid #dedede;
}
}

/* 見出しボタン */
.indexBox01 {
}
	.indexBox01 .h3_arrow01.fzM {
		font-size: 100%;
		background-position: 0 0.35em;
	}
.indexBox01.dpBtn01 {
	padding: 0;
}
.dpList01 + .dpBtn01 {
	margin-top: 30px;
}
	.indexBox01.dpBtn01 .h3_arrow01 {
		display: table;
		padding: 0;
		width: 100%;
		height: 56px;
		background-position: 15px center !important;
	}
		.indexBox01.dpBtn01 .h3_arrow01 > a {
			display: table-cell;
			padding: 0 15px 0 36px;
			vertical-align: middle;
		}
@media screen and (max-width: 767px) {
.indexBox01,
.indexBox01Wrap > ul > li:first-child .indexBox01 {
	border-top: 2px solid #dedede;
	border-bottom: none;
}
.dpList01 + .dpBtn01 {
	margin-top: 0;
}
	.indexBox01.dpBtn01 .h3_arrow01 {
		padding: 10px;
		height: auto;
	}
		.indexBox01.dpBtn01 .h3_arrow01 > a {
			padding: 0;	
		}
}

/* 見出しボタン下のリスト */
.dpListTit01 {
	margin: 15px 5px 0 17px;
	font-weight: 600 !important;	
}
.dpList01 {
	margin: 15px 5px 0 17px;
}
@media screen and (max-width: 767px) {
.dpListTit01 {
	margin: 0;
	padding: 10px 10px 0;	
}
.dpList01 {
	border-top: 1px solid #dedede;
	margin: 0;
	padding: 10px 10px 0;
}
.dpListTit01 + .dpList01 {
	border-top: none;	
}
}

/* お知らせ */
.grid .dl_news01 dt,
.grid .dl_news01 dd {
	float: none;
	width: 100%;
	padding-left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.grid .dl_news01 dt,
.grid .dl_news01 dd {
	padding-left: 10px;
}

.h2_basic01Wrap {
}
	.h2_basic01Wrap .h2_basic01 {
		display: inline-block;
		font-size: 128.57%;
	}
	.indexNewsLink01 {
		margin-top: -30px;
		border-bottom: 2px solid #dedede;
	}
		.indexNewsLink01 li {
			font-size: 114.28%;
			font-weight: 600 !important;
		}
}

/* PDF */
@media screen and (max-width: 767px) {
.boxReader.box01 {
	margin-bottom: 0;	
}
}


/* SNS
----------------------------------------*/

#snsShareArea { text-align:right; }
#snsShareArea > div { height:20px; overflow:hidden; display:inline-block; *display:inline; *zoom:1; vertical-align:top; padding:0 0 0 14px; }
#snsShareArea .fb_iframe_widget > span { vertical-align: baseline !important; }

@media screen and (max-width: 767px) {
#snsShareArea { padding:0 10px; }	
}

/****************************************************************************

index.html

****************************************************************************/

.basics_idx #mainimg {
	background-color: #010101;
	background-image: url(/corporate/technology/basics/images/mainimg_basics_01.jpg);
	margin-bottom:20px;
	border-bottom:#bfcbd5 1px solid;
}
html>/**/body.basics_idx  #mainimg {
	background-image/*\**/: url(/corporate/technology/basics/images/mainimg_basics_01_legacy.jpg)\9;
}
	.basics_idx #mainimg .inner h1 {
		color: #fff;
		font-weight: 500 !important;
	}
	.basics_idx #mainimg .read {
		color: #fff;
	}

@media screen and (max-width: 979px) and (min-width: 768px) {
.basics_idx .h2_basic01Wrap { padding-top:42px; }
}

@media screen and (max-width: 767px) {
.basics_idx #mainimg {
	background-color: transparent;
	background-image: url(/corporate/technology/basics/images/mainimg_basics_01_sp.jpg);
	border:none;
}
.basics_idx #mainimg .read {
	color: #333;
}

.basics_idx .h2_basic01Wrap { padding-top:32px; margin-bottom:0; }
.basics_idx #indexSec03 .indexBnrList01 li:first-child { border-top:0 !important; }
.basics_idx #contentsIn { margin-top:0; }
.basics_idx #snsShareArea { padding-bottom:10px; }
.basics_idx .indexBnrList01 { border-bottom:none; }
}

/****************************************************************************

下層共通

****************************************************************************/

.basics_uLayer .h2_basic01Wrap { margin-bottom:20px; }
.basics_uLayer .h3_basic01Wrap { margin-bottom:26px; }
.basics_uLayer #snsShareArea { padding:0 0 18px 0; }
.basics_uLayer #basicsUlayerContainer,
.basics_uLayer #basicsUlayerContainer * { box-sizing:border-box; }
.basics_uLayer #basicsUlayerContainer { overflow:hidden; }
.basics_uLayer #basicsUlayerContainer figure img { width:100%; }
.basics_uLayer #basicsUlayerContainer > figure { margin:20px 0 0 0; }
.basics_uLayer #basicsUlayerContainer > p,
.basics_uLayer #basicsUlayerContainer .bu_wrap01 { margin:20px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap01 { width:680px; position:relative; left:-15px; }
.basics_uLayer #basicsUlayerContainer .bu_wrap01 > div { width:340px; float:left; padding:0 15px; }
.basics_uLayer #basicsUlayerContainer .bu_wrap01 h5 { font-weight:600 !important; }
.basics_uLayer #basicsUlayerContainer .bu_wrap01 .bu_wrap01_col01 { padding:10px 0 15px 0; }
.basics_uLayer #basicsUlayerContainer .firstCont { margin-top:0 !important; }
.basics_uLayer #basicsUlayerContainer .buBdr01 { border:#ddd 1px solid; }
.basics_uLayer #basicsUlayerContainer .box01Wrap { margin-bottom:0; }
.basics_uLayer #basicsUlayerContainer .box01Wrap .ul_arrow01 { margin-top:10px; }

.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 { width:669px; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 > li { width:204px; float:left; margin:20px 19px 0 0; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 > li section { padding:8px 0 0 0; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 > li h5 { font-weight:600 !important; text-align:center; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 > li p { padding:2px 0 0 0; }

.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 { width:705px; margin:25px 0 0 0; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 > li { width:180px; float:left; margin:0 55px 0 0; position:relative; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 > li.endCont { }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 li h5 { font-weight:600 !important; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 li p { margin:6px 0 0 0; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 li figure { margin:10px 0 0 0; position:relative; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 li figure:after { content:''; width:25px; height:38px; position:absolute; right:-40px; top:50%; margin:-19px 0 0 0; background:URL(/corporate/technology/basics/rubber/images/ico_arrow01.png) no-repeat center center; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 li.endCont figure:after { display:none; }

.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 { }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 > li { width:100%; height:150px; display:table; border:#e5e5e5 2px solid; padding:12px 0 12px 20px; margin:20px 0 0 0; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li > * { display:table-cell; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li > section { vertical-align:top; padding:0 30px 0 0; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li > figure { width:201px; vertical-align:middle; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li section h4 { font-size:128.57%; font-weight:600 !important; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li section p { margin:8px 0 0 0; }

.basics_uLayer #basicsUlayerContainer .bu_wrap05 { border:#e5e5e5 2px solid; padding:15px; margin:20px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top > div { width:100px; margin:0 20px 0 0; float:left; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top h5 { width:100px; height:30px; line-height:30px; font-weight:600 !important; text-align:center; background:#badcf5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top section { float:left; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top section h4 { font-size:128.57%; font-weight:600 !important; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top section p { margin:8px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Btm { margin:15px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Btm > section { background:#eee; width:300px; padding:15px; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Btm > section h5 { font-weight:600 !important; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Btm > section p { margin:10px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Btm > section figure { margin:15px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_fL { float:left; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_fR { float:right; }


.basics_uLayer #basicsUlayerContainer .bu_wrap06 { width:100%; display:table; margin:30px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap06 > * { display:table-cell; vertical-align:top; }
.basics_uLayer #basicsUlayerContainer .bu_wrap06 > figure { width:200px; }
.basics_uLayer #basicsUlayerContainer .bu_wrap06 > p { padding:0 30px 0 0; }

/* clearfix element */
.bu_wrap01:after,
.bu_wrap02:after,
.bu_wrap03:after,
.bu_wrap05 > div:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .bu_wrap01,
* html .bu_wrap02,
* html .bu_wrap03,
* html .bu_wrap05 > div { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .bu_wrap01,
*:first-child+html .bu_wrap02,
*:first-child+html .bu_wrap03,
*:first-child+html .bu_wrap05 > div { zoom:1; }

.basics_uLayer #basicsUlayerContainer .clear { clear:both !important; }

@media screen and (max-width: 979px) and (min-width: 768px) {
.basics_uLayer .h1_basic01Wrap { margin-bottom:25px; }
.basics_uLayer #main { padding-bottom:30px; }
.basics_uLayer #contentsIn { margin-top:0; }
.basics_uLayer .h3_basic01Wrap { margin:28px 0 15px 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap01 .bu_wrap01_col01 { padding:6px 0 10px 0; }
}

@media screen and (max-width: 767px) {
.basics_uLayer .h1_basic01Wrap { margin-bottom:20px; }
.basics_uLayer #main { padding-bottom:15px; }
.basics_uLayer #contentsIn { margin-top:0; }
.basics_uLayer .h2_basic01Wrap { margin-bottom:12px; }
.basics_uLayer .h3_basic01Wrap { margin:25px 0 15px 0; }

.basics_uLayer #snsShareArea { padding:0 10px 15px 10px; }
.basics_uLayer #basicsUlayerContainer { }
.basics_uLayer #basicsUlayerContainer > p { margin:15px 0 0 0; padding:0 10px; }
.basics_uLayer #basicsUlayerContainer > figure { width:100%; max-width:540px; margin:15px auto 0 auto; padding:0 10px; } 
.basics_uLayer #basicsUlayerContainer .bu_wrap01 { width:100%; left:0; margin:0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap01 figure { width:100%; max-width:540px; margin:0 auto; }
.basics_uLayer #basicsUlayerContainer .bu_wrap01 > div { width:100%; float:none; padding:20px 10px 0 10px; }
.basics_uLayer #basicsUlayerContainer .bu_wrap01 .bu_wrap01_col01 { padding:2px 0 8px 0; }
.basics_uLayer #basicsUlayerContainer .box01Wrap { margin-top:30px; }
.basics_uLayer #basicsUlayerContainer .box01Wrap .box01 { border-left:none; border-right:none; }
.basics_uLayer #basicsUlayerContainer .box01Wrap .ul_arrow01 { margin-top:8px; }

.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 { width:100%; padding:0 10px; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 > li { width:100%; float:none; margin:20px 0 0 0; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 > li h5 { }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 > li p { padding:2px 0 0 0; text-align:center; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap02 > li figure { width:100%; max-width:360px; margin:0 auto; }

/**/
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 { width:100%; margin:15px 0 0 0; padding:0 10px; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 > li { width:100%; float:none; margin:0; position:relative; padding:0 0 40px 0; background-size:40px auto !important; background:URL(/corporate/technology/basics/rubber/images/ico_arrow02.gif) no-repeat center bottom 6px; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 > li.endCont { padding-bottom:0; background:none !important; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 li figure { width:100%; max-width:360px; margin:10px auto 0 auto; padding:0 30px; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap03 li figure:after { display:none; }

.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 { }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 > li { height:auto !important; display:block; border-left:none; border-right:none; padding:10px; margin:10px 0 0 0; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li > * { display:block; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li > section { padding:0; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li > figure { width:100%; max-width:360px; margin:10px auto 0 auto; padding:0 30px; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li section h4 { font-size:100%; }
.basics_uLayer #basicsUlayerContainer ul.bu_wrap04 li section p { margin:6px 0 0 0; }

.basics_uLayer #basicsUlayerContainer .bu_wrap05 { border-left:none; border-right:none; padding:15px 10px 10px 10px; margin:20px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top { width:100%; display:table; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top > * { display:table-cell; vertical-align:top; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top > div { width:100px; float:none; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top h5 { margin:0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top section { float:none; padding:0 0 0 10px; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Top section p { margin:4px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Btm { margin:0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Btm > section { width:100%; padding:12px 10px 10px 10px; margin:10px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Btm > section p { margin:6px 0 0 0; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_wrap05Btm > section figure { width:100%; max-width:360px; margin:10px auto 0 auto; padding:0 30px; }
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_fL,
.basics_uLayer #basicsUlayerContainer .bu_wrap05 .bu_fR { float:none; }

.basics_uLayer #basicsUlayerContainer .bu_wrap06 { display:block; margin:15px 0 0 0; padding:0 10px; }
.basics_uLayer #basicsUlayerContainer .bu_wrap06 > * { display:block; }
.basics_uLayer #basicsUlayerContainer .bu_wrap06 > figure { width:100%; max-width:360px; margin:10px auto 0 auto; padding:0 35px; }
.basics_uLayer #basicsUlayerContainer .bu_wrap06 > p { padding:0; }
}

/****************************************************************************

/rubber/index.html

****************************************************************************/

.basics_uLayer.bu_content02 #basicsUlayerContainer ul.bu_wrap03 li p { height:69px; }

@media screen and (max-width: 767px) {
.basics_uLayer.bu_content02 #basicsUlayerContainer ul.bu_wrap03 li p { height:auto !important; }	
}

/****************************************************************************

/function/index.html

****************************************************************************/

.basics_uLayer.bu_content04 #basicsUlayerContainer .bu_wrap01.bu_typeA { margin-top:0; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .bu_wrap01.bu_typeA > div { margin-top:32px; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .bu_wrap01.bu_typeA > div h5 { margin:0 0 8px 0; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .bu_wrap01.bu_typeA > div p { margin:0 0 15px 0; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .ul_arrow01 { margin-top:15px; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .ul_arrow01 li { margin-bottom:0; }

@media screen and (max-width: 767px) {
.basics_uLayer.bu_content04 #basicsUlayerContainer .bu_wrap01.bu_typeA > div { margin-top:0; padding-top:25px; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .bu_wrap01 > div.bu_pT00 { padding-top:0 !important; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .bu_wrap01.bu_typeA > div h5 { margin:0 0 4px 0; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .bu_wrap01.bu_typeA > div p { margin:0 0 10px 0; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .bu_wrap01.bu_typeA > div figure { max-width:440px; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .ul_arrow01 { margin-top:10px; }
.basics_uLayer.bu_content04 #basicsUlayerContainer > .ul_arrow01 { padding:0 10px; }
.basics_uLayer.bu_content04 #basicsUlayerContainer .ul_arrow01 li { margin-bottom:0; }
}

/****************************************************************************

/material/index.html

****************************************************************************/

.basics_uLayer.bu_content05 #basicsUlayerContainer .bu_wrap01 .ul_arrow01 { margin-top:20px; }

@media screen and (max-width: 767px) {
.basics_uLayer.bu_content05 #basicsUlayerContainer .bu_wrap01 div:first-child { padding-top:0; }
.basics_uLayer.bu_content05 #basicsUlayerContainer .bu_wrap01 div:last-child { padding-top:15px; }
.basics_uLayer.bu_content05 #basicsUlayerContainer .bu_wrap01 .ul_arrow01 { margin-top:15px; }	
}

/****************************************************************************

/life/index.html

****************************************************************************/

.basics_uLayer.bu_content06 .bu_contNav01 { width:650px; height:64px; overflow:hidden; background:URL(/corporate/technology/basics/life/images/bg_contNav_01.png) no-repeat center top; }
.basics_uLayer.bu_content06 .bu_contNav01 li,
.basics_uLayer.bu_content06 .bu_contNav01 li a { height:64px; display:block; position:relative; }
.basics_uLayer.bu_content06 .bu_contNav01 li { float:left; }
.basics_uLayer.bu_content06 .bu_contNav01 li a { color:#333; font-size:114.28%; font-weight:600 !important; text-align:center; line-height:64px; text-decoration:none; background:URL(/corporate/technology/basics/life/images/bg_contNav_02.png) no-repeat left center; }
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav01 { width:217px; z-index:2; }
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav01 a { background:none; }
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav02 { width:217px; z-index:1; }
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav03 { width:216px; z-index:0; overflow:hidden; }
.basics_uLayer.bu_content06 .bu_contNav01 li:hover a,
.basics_uLayer.bu_content06 .bu_contNav01 li.current a { color:#fff; background:none; }
.basics_uLayer.bu_content06 .bu_contNav01 li:hover a:before,
.basics_uLayer.bu_content06 .bu_contNav01 li.current a:before { content:''; width:227px; height:64px; position:absolute; top:0; left:0; z-index:-1; }
.basics_uLayer.bu_content06 .bu_contNav01 li:hover.bu_nav01 a:before,
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav01.current a:before { background:URL(/corporate/technology/basics/life/images/bg_contNav_03.png) no-repeat left top; }
.basics_uLayer.bu_content06 .bu_contNav01 li:hover.bu_nav02 a:before,
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav02.current a:before { background:URL(/corporate/technology/basics/life/images/bg_contNav_04.png) no-repeat left top; }
.basics_uLayer.bu_content06 .bu_contNav01 li:hover.bu_nav03 a:before,
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav03.current a:before { background:URL(/corporate/technology/basics/life/images/bg_contNav_05.png) no-repeat left top; }

/* clearfix element */
.bu_contNav01:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .bu_contNav01 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .bu_contNav01 { zoom:1; }

.basics_uLayer.bu_content06 #bu_life01 { margin:25px 0 0 0; }
.basics_uLayer.bu_content06 .bu_contMain { padding:10px 0 20px 0; }
.basics_uLayer.bu_content06 .bu_contMain li { padding:0 0 44px 0; margin:10px 0 0 0; }
.basics_uLayer.bu_content06 .bu_contMain li.endCont { padding-bottom:0 !important; background:none !important; }
.basics_uLayer.bu_content06 #bu_life01 .bu_contMain li { background:URL(/corporate/technology/basics/life/images/ico_arrow01.gif) no-repeat center bottom; }
.basics_uLayer.bu_content06 #bu_life02 .bu_contMain li { background:URL(/corporate/technology/basics/life/images/ico_arrow02.gif) no-repeat center bottom; }
.basics_uLayer.bu_content06 #bu_life03 .bu_contMain li { background:URL(/corporate/technology/basics/life/images/ico_arrow03.gif) no-repeat center bottom; }
.basics_uLayer.bu_content06 .bu_contMain li section { width:100%; height:176px; display:table; border:#e9e9e9 2px solid; }
.basics_uLayer.bu_content06 .bu_contMain li section > * { display:table-cell; }
.basics_uLayer.bu_content06 .bu_contMain li section > div { padding:10px 20px 10px; vertical-align:top; }
.basics_uLayer.bu_content06 .bu_contMain li section > figure { vertical-align:middle; background:#fff; }
.basics_uLayer.bu_content06 .bu_contMain li section h4 { font-size:128.57%; font-weight:600 !important; }
.basics_uLayer.bu_content06 .bu_contMain li section p { margin:8px 0 0 0; }

.basics_uLayer.bu_content06 .gumImg { margin-top:15px !important; }
.basics_uLayer.bu_content06 .gumImg img { position:relative; top:-3px; }

@media screen and (max-width: 767px) {
.basics_uLayer.bu_content06 .bu_contNav01 { width:100%; height:auto !important; background:none; padding:0 10px; }
.basics_uLayer.bu_content06 .bu_contNav01 li,
.basics_uLayer.bu_content06 .bu_contNav01 li a { width:100% !important; height:50px; }
.basics_uLayer.bu_content06 .bu_contNav01 li { margin:0 0 16px 0; }
.basics_uLayer.bu_content06 .bu_contNav01 li:last-child { margin-bottom:0 !important; }
.basics_uLayer.bu_content06 .bu_contNav01 li a { 
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.basics_uLayer.bu_content06 .bu_contNav01 li { float:none !important; }
.basics_uLayer.bu_content06 .bu_contNav01 li a,
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav01 a,
.basics_uLayer.bu_content06 .bu_contNav01 li:hover a { color:#333; font-size:107.14%; line-height:50px; background:#e9e9e9 URL(/corporate/technology/basics/life/images/bg_contNav_06_sp.png) no-repeat right 10px center; background-size:8px auto; border:#ccc 1px solid; }
.basics_uLayer.bu_content06 .bu_contNav01 li a:before { display:none !important; }
.basics_uLayer.bu_content06 .bu_contNav01 li.current a { color:#fff; border:none; }
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav01.current a { background:#68bd00; }
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav02.current a { background:#f6a615; }
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav03.current a { background:#28a7ef; }
.basics_uLayer.bu_content06 .bu_contNav01 li a:after { content:''; width:12px; height:8px; position:absolute; bottom:-12px; left:50%; margin:0 0 0 -6px; background:URL(/corporate/technology/basics/life/images/bg_contNav_07_sp.png) no-repeat center bottom; background-size:100% 100%; }
.basics_uLayer.bu_content06 .bu_contNav01 li:last-child a:after { display:none; }
.basics_uLayer.bu_content06 .bu_contNav01 li.current a:after { width:18px; height:12px; bottom:-12px; margin:0 0 0 -9px; }
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav01.current a:after { background-image:URL(/corporate/technology/basics/life/images/bg_contNav_08_sp.png) !important; }
.basics_uLayer.bu_content06 .bu_contNav01 li.bu_nav02.current a:after { background-image:URL(/corporate/technology/basics/life/images/bg_contNav_09_sp.png) !important; }


.basics_uLayer.bu_content06 #bu_life01 { margin:15px 0 0 0; }
.basics_uLayer.bu_content06 .bu_contMain { padding:4px 0 15px 0; }
.basics_uLayer.bu_content06 .bu_contMain li { padding:0 0 33px 0; margin:6px 0 0 0; background-size:40px auto !important; }
.basics_uLayer.bu_content06 .bu_contMain li section { height:auto !important; display:block; border-left:none; border-right:none; padding:10px 10px 15px 10px; }
.basics_uLayer.bu_content06 .bu_contMain li section > * { display:block; }
.basics_uLayer.bu_content06 .bu_contMain li section > div { padding:0; }
.basics_uLayer.bu_content06 .bu_contMain li section > figure { margin:10px auto 0 auto; }
.basics_uLayer.bu_content06 .bu_contMain li section h4 { font-size:114.28%; }
.basics_uLayer.bu_content06 .bu_contMain li section p { margin:6px 0 0 0; }	
}

/****************************************************************************

/trivia/index.html

****************************************************************************/

.basics_uLayer.bu_content08 #basicsUlayerContainer .bu_wrap01 { margin-top:0; }
.basics_uLayer.bu_content08 #basicsUlayerContainer .bu_wrap01 figcaption { text-align:right; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section { margin:45px 0 0 0; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section h4 { font-weight:600 !important; padding:0 0 0 24px; position:relative; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section h4:before { content:''; width:14px; height:23px; position:absolute; left:0; top:-2px; background:URL(/corporate/technology/basics/trivia/images/ico_ques01.png) no-repeat center center; background-size:100% 100%; }
html>/**/body.basics_uLayer.bu_content08 #basicsUlayerContainer section h4:before {
	background-image/*\**/: url(/corporate/technology/basics/trivia/images/ico_ques01_legacy.png)\9;
}
.basics_uLayer.bu_content08 #basicsUlayerContainer section .ul_arrow01 { margin:14px 0 0 0; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section p { margin:14px 0 0 0; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section figure { padding:4px 0 0 0; }
.basics_uLayer.bu_content08 #basicsUlayerContainer .box01Wrap .bu_fR { width:440px; float:right; }
.basics_uLayer.bu_content08 #basicsUlayerContainer .box01Wrap .bu_fL { width:144px; float:left; }
.basics_uLayer.bu_content08 #basicsUlayerContainer .box01Wrap h5 { width:100px; height:30px; line-height:30px; font-weight:600 !important; text-align:center; background:#badcf5; margin:0 0 15px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}

/* clearfix element */
.basics_uLayer.bu_content08 .box01Wrap:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .basics_uLayer.bu_content08 .box01Wrap { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .basics_uLayer.bu_content08 .box01Wrap { zoom:1; }

@media screen and (max-width: 979px) and (min-width: 768px) {

}

@media screen and (max-width: 767px) {
.basics_uLayer.bu_content08 #basicsUlayerContainer .bu_wrap01 > div { padding:10px 0 0 0; }
.basics_uLayer.bu_content08 #basicsUlayerContainer .bu_wrap01 > div:first-child { padding-top:0; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section { padding:0 10px; margin-top:35px; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section figure { padding-top:0; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section p { margin-top:10px; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section .ul_arrow01 { margin-top:8px; }
.basics_uLayer.bu_content08 #basicsUlayerContainer section .ul_arrow01 li { margin-bottom:0; }


.basics_uLayer.bu_content08 #basicsUlayerContainer .box01Wrap .bu_fR { width:100%; float:none; }
.basics_uLayer.bu_content08 #basicsUlayerContainer .box01Wrap .bu_fL { width:144px; margin:14px auto 0 auto; float:none; }
.basics_uLayer.bu_content08 #basicsUlayerContainer .box01Wrap h5 { margin-bottom:10px; }
}

/****************************************************************************

/air/index.html

****************************************************************************/

.basics_uLayer.bu_content01 { }

@media screen and (max-width: 979px) and (min-width: 768px) {

}

@media screen and (max-width: 767px) {
.basics_uLayer.bu_content01 #basicsUlayerContainer .bu_wrap01 { padding-bottom:10px; }
.basics_uLayer.bu_content01 #basicsUlayerContainer .bu_wrap01 > div:first-child { padding-top:0 !important; }
.basics_uLayer.bu_content01 #basicsUlayerContainer .bu_mWidth01 { max-width:420px; }
}

/****************************************************************************

/variety/index.html

****************************************************************************/

.basics_uLayer.bu_content03 { }

@media screen and (max-width: 979px) and (min-width: 768px) {

}

@media screen and (max-width: 767px) {
.basics_uLayer.bu_content03 #basicsUlayerContainer .bu_wrap01 { padding-bottom:10px; }
.basics_uLayer.bu_content03 #basicsUlayerContainer .bu_wrap01 > div:first-child { padding-top:0 !important; }
}

/****************************************************************************

/*youtube動画をレスポンシブ

****************************************************************************/

.ed_embedContainer { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; } 
.ed_embedContainer iframe, 
.ed_embedContainer object, 
.ed_embedContainer embed { position:absolute; top:0; left:0; width:100%; height:100%; }
#vjs_video_3 { width:100% !important; position:relative; padding-bottom:71.6%; height:0 !important; overflow:hidden; max-width:100%; }
#mediaspace_wrapper { margin-top:7px !important; }

.eyes_detail .h2_basic01Wrap { margin-bottom:20px; }
.eyes_detail #updateWrap { padding:0 0 18px 0; text-align:right; }
.eyes_detail #updateWrap > p,
.eyes_detail #updateWrap #snsShareArea { display:inline-block; *display:inline; *zoom:1; vertical-align:top; }
.eyes_detail #updateWrap > p { padding:0 0 0 20px; line-height:22px; }
.eyes_detail #eyesDetailContainer,
.eyes_detail #eyesDetailContainer * { box-sizing:border-box; }
.eyes_detail #eyesDetailContainer { overflow:hidden; }
.eyes_detail #eyesDetailContainer figure img,
.eyes_detail #eyesDetailContainer .ed_movieWrap img { width:100%; }
.eyes_detail #eyesDetailContainer > figure { margin:20px 0 0 0; }
.eyes_detail #eyesDetailContainer > p,
.eyes_detail #eyesDetailContainer .ed_wrap01 { margin:20px 0 0 0; }
.eyes_detail #eyesDetailContainer .ed_wrap01 { width:680px; position:relative; left:-15px; }
.eyes_detail #eyesDetailContainer .ed_wrap01 > div { width:340px; float:left; padding:0 15px; }
.eyes_detail #eyesDetailContainer .ed_movieTxt { margin:40px 0 0 0; text-align:right; font-size:85.71%; }
.eyes_detail #eyesDetailContainer .top_movieTxt { margin:0; text-align:right; font-size:85.71%; }
.eyes_detail #eyesDetailContainer .ed_movieWrap { width:99%; position:relative; margin:7px auto 0 auto; overflow:hidden; }
.eyes_detail #eyesDetailContainer .ed_movieWrap video { width:100%; vertical-align:top; }
.eyes_detail #eyesDetailContainer .firstCont { margin-top:0 !important; }
.eyes_detail #eyesDetailContainer .edBdr01 { border:#ddd 1px solid; }
.eyes_detail #eyesDetailContainer .ed_cmWrap { width:100%; display:table; padding:40px 0 20px 0; }
.eyes_detail #eyesDetailContainer .ed_cmWrap > * { display:table-cell; vertical-align:top; }
.eyes_detail #eyesDetailContainer .ed_cmWrap > figure { width:200px; }
.eyes_detail #eyesDetailContainer .ed_cmWrap > div { padding:0 30px 0 0; }

/* clearfix element */
.ed_wrap01:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .ed_wrap01 { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .ed_wrap01 { zoom:1; }

@media screen and (max-width: 979px) and (min-width: 768px) {
.eyes_detail .h1_basic02Wrap { margin-bottom:25px; }
.eyes_detail #main { padding-bottom:30px; }
.eyes_detail #contentsIn { margin-top:0; }
.eyes_detail #eyesDetailNav .h3_basic01Wrap { margin-bottom:0; }
.eyes_detail #eyesDetailNav .ul_arrow01 { margin-top:20px; }
}

@media screen and (max-width: 767px) {
.eyes_detail .h1_basic02Wrap { margin-bottom:20px; padding:13px 10px; }
.eyes_detail .h1_basic02Wrap .read { padding-top:0; }

.eyes_detail #main { padding-bottom:15px; }
.eyes_detail #contentsIn { margin-top:0; }
.eyes_detail #eyesDetailNav .h3_basic01Wrap { margin-bottom:0; }
.eyes_detail #eyesDetailNav .ul_arrow01 { margin-top:15px; padding:0 10px; }

.eyes_detail .h2_basic01Wrap { margin-bottom:12px; }
.eyes_detail #updateWrap { padding:0 10px 10px 10px; }
.eyes_detail #updateWrap #snsShareArea { padding:0; }
.eyes_detail #updateWrap > p { display:block; margin:6px 0 0 0; }
.eyes_detail #eyesDetailContainer { padding:0 10px; }
.eyes_detail #eyesDetailContainer > p { margin:15px 0 0 0; }
.eyes_detail #eyesDetailContainer > figure { width:100%; max-width:540px; margin:15px auto 0 auto; } 
.eyes_detail #eyesDetailContainer .ed_wrap01 { width:100%; max-width:540px; left:0; margin:0 auto; }
.eyes_detail #eyesDetailContainer .ed_wrap01 > div { width:100%; float:none; padding:0; margin:15px 0 0 0; }
.eyes_detail #eyesDetailContainer .ed_movieTxt { width:100%; max-width:540px; margin:30px auto 0 auto; }
.eyes_detail #eyesDetailContainer .ed_movieWrap { width:100%; max-width:540px; margin:7px auto 0 auto; }
.eyes_detail #eyesDetailContainer .ed_cmWrap { display:block; padding:30px 0 0 0; }
.eyes_detail #eyesDetailContainer .ed_cmWrap > * { display:block; }
.eyes_detail #eyesDetailContainer .ed_cmWrap > figure { width:100%; max-width:320px; margin:0 auto; }
.eyes_detail #eyesDetailContainer .ed_cmWrap > div { padding:0 0 15px 0; }

}

.eyes_p { padding-left: 1em; text-indent: -1em; }