@charset "UTF-8"; 

@media (min-width:768px){ #microdevices .forsp { display:none!important; } }
@media (max-width:767px){ #microdevices .forpc { display:none!important; } body{ width:100%; margin:0; } p{ margin:0; } }



/* --------------------------------------------------------
	#header
-------------------------------------------------------- */

	@media only screen and (min-width:768px)
	{
		.mobile,
		#footNav,
		.headLogo { display:none; }
	}
	@media only screen and (max-width:767px)
	{
		#header,
		#header #gNav,
		#header #gNav .nav							{ width:100%; }
		#header #headNav .headGroup					{ display:none; }
		#header #gNav > .logo,
		#header #gNav > .nav						{ display:none; }
		#header										{ padding:0; font-family:sans-serif; }
		#header #headNav							{ background:#fff; border-bottom:1px solid #e1e1e1;}
		#header #headNav .jpHeaderLogo				{ display:inline-block; max-width:90px; min-width:90px; margin:10px 15px; }
		#header #headNav .jpHeaderLogo img			{ max-width:100%; height:auto; }
		#header #headNav .btnSearch					{ display:inline-block; position:absolute; top:14px; right:52px; width:17px; height:24px; background:url('https://www.epson.jp/s/common/images/btn_search_sp.png')no-repeat 0 0; }
		#header #headNav .serch						{ display:none; position:fixed; z-index:1099; box-sizing:border-box; float:none; width:100%; padding:10px 8px; background:#fff; }
		#header #headNav .serch fieldset .img		{ display:none; }
		#header #headNav .serch form				{ position:relative; box-sizing:border-box; width:100%; padding:4px 8px 5px; overflow:hidden; background:#fff; border:1px solid #ddd; border-radius:50px; }
		#header #headNav .serch form p				{ width:100%; background:none; }
		#header #headNav .serch form p .txt label	{ display:none!important; }
		#header #headNav .serch form input			{ border:none; outline:none; }
		#header #headNav .serch form input[type="text"]					{ width:100%; box-sizing:border-box; padding:0 15px; color:#000000; font-size:16px; line-height:21px; height:21px; transform:scale(1); }
		#header #headNav .serch form input[type="text"]::placeholder	{ color:#C6C6C6; }
		#header #headNav .serch form p span.img input[type="image"]		{ position:absolute; top:2px; left:6px; z-index:10; width:27px; padding:0; margin:0; line-height:normal; }

		#header #headNav .mobile.menuButton						{ position:absolute; top:11px; right:9px; display:inline-block; width:30px; height:30px; background:url('https://www.epson.jp/s/common/images/btn_gnav_sp_00.png')no-repeat 50% 50%; }
		#header #gNav											{ margin:0; }
		#header #gNav .mobile.menuItems							{ display:none; position:fixed; width:100%; z-index:1099; font-size:16px; font-weight:bold; background:-moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%) 0 0 repeat scroll rgb(255, 255, 255); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(#e6e6e6)) 0 0 repeat scroll rgb(255, 255, 255); background:-ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%) 0 0 repeat scroll rgb(255, 255, 255); background:linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%) 0 0 repeat scroll rgb(255, 255, 255); }
		#header #gNav .mobile.menuItems li a					{ font-size:18px; font-weight:normal; position:relative; display:block; padding:11px 40px 10px 15px; color:#003399; text-decoration:none; }
		#header #gNav .mobile.menuItems li.icon a				{ padding-left:52px; }
		#header #gNav .mobile.menuItems li a::before			{ position:absolute; top:calc(50% - 16px); left:13px; display:inline-block; width:30px; height:30px; content:""; transform:scale(0.9); }
		#header #gNav .mobile.menuItems li a img.nWindow		{ margin:5px; }
		#header #gNav .mobile.menuItems li a::after				{ position:absolute; top:calc(50% - 9px); right:9px; display:inline-block; width:18px; height:18px; content:""; }
		#header #gNav .mobile.menuItems li .accContent			{ display:none; }
		#header #gNav .mobile.menuItems li .accContent a:before,
		#header #gNav .mobile.menuItems li .accContent a:after	{ background:none; }
		#header .headLogo										{ display:none; }
		#header .headLogo .logo.mobile							{ text-align:center; padding:20px 0 15px 0; }
		#header .headLogo .logo.mobile img						{ width:35%; }
        
        
        
        header #headNav .serch, header #headNav .navBlock{
            float: right;
        }
        #header #headNav{
             clear: both; min-height:30px;
        }
        
        
	}






/* --------------------------------------------------------
	#footer
-------------------------------------------------------- */
#footer		{ margin-top:0; }
@media screen and (max-width:960px) and (min-width:768px)
{
	#footer								{ width:100%; }
	#footer #deepFoot					{ width:100%; }
	#footer #deepFoot .main				{ width: 72vw; }
	#footer #deepFoot .side				{ width: 20vw; }
	#footer #deepFoot					{ width:100%; }
	#footer #fNav						{ width: 96vw; padding:1.6vw 2vw; }
}
@media screen and (max-width:767px)
{
	#footer								{ min-width:100%; padding:0; font-family:sans-serif; margin-top:0; background:none; background-color:#FAFAFA; }
	#footer #fNav .nav					{ width:100%; }
	#footer #fNav						{ width:100%; display:none; box-sizing:border-box; }
	#footer p, 
	#footer a, 
	#footer li,
	#footNav p,
	#footNav a, 
	#footNav li							{ font-size:12px; }
	#footer #pagetopBlock				{ display:none; }
	#footer a							{ display:block; font-size:104%; }
	#footer li							{ display:inline-block; }
	#footer .list li					{ font-size:90%; display:inline-block; width:49%; vertical-align:top; }
	#footer dl							{ padding-top:0!important; }
	#footer span						{ letter-spacing:-0.5px; }

	#footer #deepFoot						{ width:100%; box-sizing:border-box; padding:18px 15px 8px 15px; background-color:#FAFAFA; }
	#footer #deepFoot .main					{ width:100%; float:none; line-height:1.3; }
	#footer #deepFoot .main .listBlock		{ background:none; }
	#footer #deepFoot .main .layCol02 > p	{ margin-top:-26px !important; border-bottom:none !important; }
	#footer #deepFoot .side					{ float:none; width:100%; }

	#footer #deepFoot .list li				{ margin-top:0; }
	#footer #deepFoot .layCol01,
	#footer #deepFoot .layCol02,
	#footer #deepFoot .layCol03				{ padding-right:0; width:100% !important; }
	#footer #deepFoot .layCol01 br			{ display:none; }
	#footer #deepFoot .layCol01 dt, 
	#footer #deepFoot .layCol01 dd,
	#footer #deepFoot .layCol02 dt, 
	#footer #deepFoot .layCol02 dd,
	#footer #deepFoot .layCol03 dt, 
	#footer #deepFoot .layCol03 dd			{ padding:0 !important; margin-top:0; line-height:1.3; }
	#footer #deepFoot .ttl					{ border-bottom:1px solid #ccc; padding-top:0; padding-bottom:10px; margin-bottom:16px; background:none; }
	#footer #deepFoot dt					{ font-size:92% !important; font-weight:bold; padding:8px 0 0; }
	#footer #deepFoot .layCol01 li, 
	#footer #deepFoot .layCol02 li			{ display:block; width:100%; margin-top:0; }
	#footer #deepFoot .layCol01 p, 
	#footer #deepFoot .layCol01 dt, 
	#footer #deepFoot .layCol01 ul			{ margin-left:0!important; margin-top:0!important; }
	#footer #deepFoot .layCol01 ul,
	#footer #deepFoot .layCol02 ul			{ padding:6px 0 10px; }
	#footer #deepFoot .layCol03 dt			{ padding:10px 0 6px !important; }
	#footer #deepFoot .layCol01 .first p	{ margin-top:0 !important; font-size:100%; }
	#footer #deepFoot .layCol02				{ border-bottom:1px dotted #ccc; margin-bottom:6px; }
	#footer #deepFoot .side					{ padding:10px 0 0; }
	#footer #deepFoot .side li				{ margin:5px 0; font-weight:bold; }


	#footNav						{ background:#FAFAFA; }
	#footNav ul						{ display:block; text-align:center; padding:0; margin-bottom:-5px; }
	#footNav ul li a				{ font-size:64%; line-height:1.4; }
	#footNav ul:nth-child(1) li		{ display:inline-block; max-width:35%; }
	#footNav ul:nth-child(2) li		{ display:inline-block; max-width:75%; }
	#footNav .copy					{ font-size:64%; font-weight:bold; text-align:center; padding:10px 10px 12px; margin:15px 15px 15px; background-color:#EAEAEA; letter-spacing:-0.5px; }
	#footNav .copy span				{ display:block; }

	#footer #footer_broad #fNav .copy					{ float:none; width:auto; text-align:center; font-size:64%; font-weight:bold; text-align:center; margin:10px 15px 0; padding:10px 10px 12px; background-color:#EAEAEA; }
	#footer #footer_broad #fNav							{ display:block; background:none; padding:15px 0; }
	#footer #footer_broad #fNav .nav					{ float:none; display:grid; grid-template-areas:"1 1 1" "2 2 2"; grid-template-columns:auto 6em auto; }
	#footer #footer_broad #fNav .nav li					{ display:block; padding:0; }
	#footer #footer_broad #fNav .nav li:nth-child(1),
	#footer #footer_broad #fNav .nav li:nth-child(2),
	#footer #footer_broad #fNav .nav li:nth-child(3)	{ grid-area:1; position:relative; left:-3em; margin-bottom:5px; }
	#footer #footer_broad #fNav .nav li:nth-child(4),
	#footer #footer_broad #fNav .nav li:nth-child(5),
	#footer #footer_broad #fNav .nav li:nth-child(6)	{ grid-area:2; }
	#footer #footer_broad #fNav .nav li:nth-child(1),
	#footer #footer_broad #fNav .nav li:nth-child(4)	{ justify-self:end; }
	#footer #footer_broad #fNav .nav li:nth-child(3),
	#footer #footer_broad #fNav .nav li:nth-child(6)	{ justify-self:start; }
	#footer #footer_broad #fNav .nav li:nth-child(1) a::after,
	#footer #footer_broad #fNav .nav li:nth-child(4) a::after	{ content:' |'; }
	#footer #footer_broad #fNav .nav li:nth-child(3) a::before,
	#footer #footer_broad #fNav .nav li:nth-child(6) a::before	{ content:'| '; }
	#footer #footer_broad #fNav .nav li:nth-child(2),
	#footer #footer_broad #fNav .nav li:nth-child(5)	{ justify-self:center; }
	#footer #footer_broad #fNav .nav li a				{ font-size:64%; line-height:1.4; }
	#footer #footer_broad #fNav .copy span				{ letter-spacing:normal; }
}



/* --------------------------------------------------------
	hacks
-------------------------------------------------------- */
#microdevices .ma		{ margin-left:auto; margin-right:auto; }
#microdevices .pr		{ position:relative; }
#microdevices .pa		{ position:absolute; }
#microdevices .pf		{ position:fixed; }
#microdevices .ps		{ position:static; }
#microdevices .db		{ display:block; }
#microdevices .di		{ display:inline; }
#microdevices .dib		{ display:inline-block; }
#microdevices .dn		{ display:none; }
#microdevices .df		{ display:flex; flex-wrap:wrap; }
#microdevices .jcc		{ justify-content:center; }
#microdevices .jcsb		{ justify-content:space-between; }
#microdevices .jcfs		{ justify-content:flex-start; }
#microdevices .jcfe		{ justify-content:flex-end; }
#microdevices .aic		{ align-items:center; }
#microdevices .aifs		{ align-items:flex-start; }
#microdevices .aife		{ align-items:flex-end; }
#microdevices .tl		{ text-align:left; }
#microdevices .tc		{ text-align:center; }
#microdevices .tr		{ text-align:right; }

/* global */
#microdevices a:visited			{ color:#003399; }
#microdevices p img				{ width:100%; }
#microdevices section	.inner	{ max-width: 960px; width:100%; margin:0 auto; }



/* --------------------------------------------------------
	topicPath & h1
-------------------------------------------------------- */
#microdevices #topicPath ul li		{ line-height:1.5!important; letter-spacing:0!important; list-style-type:none; display:inline-block; vertical-align:middle; margin-right:7px; padding:0 13px 0 0; background:url(https://www.epson.jp/common/images/bg_topicpath_01.gif) no-repeat right center; font-size:79%; }
#microdevices #topicPath ul li.current { background: none!important;}
#microdevices #topicPath a:link,
#microdevices #topicPath a:visited	{ color:#003399; text-decoration:none; }

#microdevices h1					{ max-width:960px; width:100%; margin:0 auto 25px; font-size:26px; }

	@media only screen and (max-width:960px) and (min-width:768px)
	{
		#microdevices h1			{ width:92vw; }
	}
	@media only screen and (max-width:767px)
	{
		#microdevices #topicPath ul	{ width:92vw; margin:0 auto 4.0vw; padding:0; }
		#microdevices h1			{ width:92vw; margin:0 auto 2.4vw; font-size:4.8vw; }
	}

/* --------------------------------------------------------
	fv
-------------------------------------------------------- */
#microdevices .fv						{ width:100%; height:464px; overflow:hidden; background:#000; }
#microdevices .fv .video				{ width:200%; left:50%; top:50%; transform:translate(-56%,-50%); }
#microdevices .fv .video video			{ width:100%; height:100%; }
#microdevices .fv .main					{ left:0; right:0; top:0; bottom:0; }
#microdevices .fv .main dl				{ left:0; top:50%; transform:translateY(-50%); color:#fff; }
#microdevices .fv .main dt				{ font-size:16px; line-height:1.0; font-weight:300; letter-spacing:0.05em; margin:0; }
#microdevices .fv .main dd .txt			{ font-size:40px; line-height:1.6; font-weight:500; margin:0 0 25px; }
#microdevices .fv .main dd .btn a		{ font-size:16px; width:200px; height:50px; border:solid 2px #fff; color:#fff; font-weight:bold; text-decoration:none; }
#microdevices .fv .main dd .btn span	{ padding-left:40px; background:url('../img/pc/btn.png') left center no-repeat; background-size:25px 25px; line-height:25px; }

	@media only screen and (min-width:960px)
	{
		#microdevices .fv .video				{ width:1800px; }
	}
	@media only screen and (max-width:960px) and (min-width:768px)
	{
		#microdevices .fv .main .inner			{ width:92vw; }
		/*
		#microdevices .fv .main dt				{ font-size:1.667vw; }
		#microdevices .fv .main dd .txt			{ font-size:4.167vw; }
		#microdevices .fv .main dd .btn a		{ font-size:1.667vw; }
		*/
	}
	@media only screen and (max-width:767px)
	{
		#microdevices .fv						{ width:100%; height:62vw; }
		#microdevices .fv .main .inner			{ width:92vw; }
		#microdevices .fv .main dl,
		#microdevices .fv .main dd				{ margin:0; }
		#microdevices .fv .main dt				{ font-size:3.200vw; margin:0 0 2vw; }
		#microdevices .fv .main dd .txt			{ font-size:5.334vw; margin:0 0 4vw; }
		#microdevices .fv .main dd .btn a		{ font-size:3.200vw; width:34.667vw; height:8vw; background:#fff; color:#003399; }
		#microdevices .fv .main dd .btn span	{ padding-left:8.4vw; background:url('../img/sp/btn.png') left center no-repeat; background-size:5.6vw 5.6vw; line-height:5.6vw; }
	}

/* --------------------------------------------------------
	modal
-------------------------------------------------------- */
.mfp-bg									{ top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:0.8; }
.mfp-wrap								{ top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none!important; -webkit-backface-visibility:hidden; }
.mfp-container							{ text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; box-sizing:border-box; }
.mfp-container:before					{ content:''; display:inline-block; height:100%; vertical-align:middle; }
.mfp-align-top .mfp-container:before	{ display:none; }
.mfp-content							{ position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045; }
.mfp-inline-holder	.mfp-content,
.mfp-ajax-holder	.mfp-content		{ width:100%; cursor:auto; }
.mfp-ajax-cur							{ cursor:progress; }
.mfp-zoom-out-cur, 
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out; }
.mfp-zoom								{ cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; }
.mfp-auto-cursor .mfp-content			{ cursor:auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter							{ -webkit-user-select:none; -moz-user-select:none; user-select:none; }
.mfp-loading.mfp-figure					{ display:none; }
.mfp-hide								{ display:none !important; }
.mfp-preloader							{ color:#CCC; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:1044; }
.mfp-preloader a						{ color:#CCC; }
.mfp-preloader a:hover					{ color:#FFF; }
.mfp-s-ready .mfp-preloader				{ display:none; }
.mfp-s-error .mfp-content				{ display:none; }
button.mfp-close,
button.mfp-arrow						{ overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; box-shadow:none; touch-action:manipulation; }
button::-moz-focus-inner				{ padding:0; border:0; }
.mfp-close								{ width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:0.65; padding:0 0 18px 10px; color:#FFF; font-style:normal; font-size:28px; font-family:Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus						{ opacity:1; }
.mfp-close:active						{ top:1px; }
.mfp-close-btn-in .mfp-close			{ color:#333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close			{ color:#FFF; right:-6px; text-align:right; padding-right:6px; width:100%; }
.mfp-counter							{ position:absolute; top:0; right:0; color:#CCC; font-size:12px; line-height:18px; white-space:nowrap; }

.mfp-arrow								{ position:absolute; opacity:0.65; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent; }
.mfp-arrow:active						{ margin-top:-54px; }
.mfp-arrow:hover,
.mfp-arrow:focus						{ opacity:1; }
.mfp-arrow:before,
.mfp-arrow:after						{ content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent; }
.mfp-arrow:after						{ border-top-width:13px; border-bottom-width:13px; top:8px; }
.mfp-arrow:before						{ border-top-width:21px; border-bottom-width:21px; opacity:0.7; }
.mfp-arrow-left							{ left:0; }
.mfp-arrow-left:after					{ border-right:17px solid #FFF; margin-left:31px; }
.mfp-arrow-left:before					{ margin-left:25px; border-right:27px solid #3F3F3F; }
.mfp-arrow-right						{ right:0; }
.mfp-arrow-right:after					{ border-left:17px solid #FFF; margin-left:39px; }
.mfp-arrow-right:before					{ border-left:27px solid #3F3F3F; }

.mfp-iframe-holder						{ padding-top:40px; padding-bottom:40px; }
.mfp-iframe-holder .mfp-content			{ line-height:0; width:100%; max-width:900px; }
.mfp-iframe-holder .mfp-close			{ top:-40px; }
.mfp-iframe-scaler						{ width:100%; height:0; overflow:hidden; padding-top:56.25%; }
.mfp-iframe-scaler iframe				{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#000; }

/* Main image in popup */
img.mfp-img								{ width:auto; max-width:100%; height:auto; display:block; line-height:0; box-sizing:border-box; padding:40px 0 40px; margin:0 auto; }

/* The shadow behind the image */
.mfp-figure								{ line-height:0; }
.mfp-figure:after						{ content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0, 0, 0, 0.6); background:#444; }
.mfp-figure small						{ color:#BDBDBD; display:block; font-size:12px; line-height:14px; }
.mfp-figure figure						{ margin:0; }
.mfp-bottom-bar							{ margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto; }
.mfp-title								{ text-align:left; line-height:18px; color:#F3F3F3; word-wrap:break-word; padding-right:36px; }
.mfp-image-holder .mfp-content			{ max-width:100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor:pointer; }

	@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px)
	{ /* Remove all paddings around the image on small screen */
		.mfp-img-mobile .mfp-image-holder		{ padding-left:0; padding-right:0; }
		.mfp-img-mobile img.mfp-img				{ padding:0; }
		.mfp-img-mobile .mfp-figure:after		{ top:0; bottom:0; }
		.mfp-img-mobile .mfp-figure small		{ display:inline; margin-left:5px; }
		.mfp-img-mobile .mfp-bottom-bar			{ background:rgba(0, 0, 0, 0.6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; box-sizing:border-box; }
		.mfp-img-mobile .mfp-bottom-bar:empty	{ padding:0; }
		.mfp-img-mobile .mfp-counter			{ right:5px; top:3px; }
		.mfp-img-mobile .mfp-close				{ top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0, 0, 0, 0.6); position:fixed; text-align:center; padding:0; }
	}
	@media all and (max-width:900px)
	{
		.mfp-arrow { -webkit-transform:scale(0.75); transform:scale(0.75); }
		.mfp-arrow-left { -webkit-transform-origin:0; transform-origin:0; }
		.mfp-arrow-right { -webkit-transform-origin:100%; transform-origin:100%; }
		.mfp-container { padding-left:6px; padding-right:6px; }
	}

/* --------------------------------------------------------
	vision
-------------------------------------------------------- */
#microdevices .vision .inner		{ max-width:1336px; width:100%; padding:100px 0; margin:0 auto; }
#microdevices .vision .txt			{ width:960px; margin:0 auto 60px; font-size:14px; line-height:1.8; transform:translateX(9.5px); }
#microdevices .vision .img			{ width:979px; margin:0 auto; }

	@media only screen and (max-width:1336px) and (min-width:768px)
	{
		#microdevices .vision .inner		{ padding:7.485vw 0; }
		#microdevices .vision .txt			{ width:92vw; margin:0 auto 6.25vw; /*transform:translateX(0.711vw);*/ }
		#microdevices .vision .img			{ width:73.279%; }
	}
	@media only screen and (max-width:767px)
	{
		#microdevices .vision .inner		{ padding:8vw 0 14vw; }
		#microdevices .vision .txt			{ width:92.000vw; font-size:3.5vw; text-align:left; margin:0 auto 8vw; transform:translateX(0.867vw); }
		#microdevices .vision .img			{ width:93.734vw; }
	}
/* --------------------------------------------------------
	devices
-------------------------------------------------------- */
#microdevices .devices				{ padding:0 0 140px; }
#microdevices .devices .inner		{ max-width:1336px; width:100%; padding:0 0 50px; }
#microdevices .devices .inner p,
#microdevices .devices .inner h2	{ width:71.857%; }
#microdevices .devices .nameEN		{ font-size:16px; line-height:1.0; margin:0 auto 20px; color:#003399; font-weight:500; letter-spacing:0.05em; }
#microdevices .devices h2			{ font-size:40px; line-height:1.0; margin:0 auto 50px; }
#microdevices .devices .detail		{ font-size:14px; line-height:1.8; margin:0 auto; }

#microdevices .devices .img			{ height:300px; background-position:center 0; background-size:contain; background-repeat:no-repeat; margin:0 0 50px; }
#microdevices #device1 .img			{ background-image:url(../img/pc/device1/bg.png);  }
#microdevices #device2 .img			{ background-image:url(../img/pc/device2/bg.png);  }
#microdevices #device3 .img			{ background-image:url(../img/pc/device3/bg.png);  }
#microdevices .devices .img .prod	{ right:53%; }
#microdevices #device1 .img .prod	{ width:563px; top:-18%; transform:translate(111%,-0%); }
#microdevices #device2 .img .prod	{ width:471px; top:-33%; transform:translate(125%,-0%); }
#microdevices #device3 .img .prod	{ width:463px; top:-36%; transform:translate(145%,-0%); }

#microdevices .devices .btn			{ transition:0.5s; width:400px; border:solid 2px #003399; margin:0 auto; }
#microdevices .devices .btn::after	{ transition:0.5s; content:''; display:block; width:10px; height:10px; border:solid 2px #003399; border-width:2px 2px 0 0; position:absolute; right:8%; top:50%; transform:rotate(45deg) translateY(-75%); }
#microdevices .devices .btn a		{ transition:0.5s; font-size:18px; display:block; text-decoration:unset; padding:20px 0; }

#microdevices .devices .btn:hover			{ transition:0.5s; background:#003399; }
#microdevices .devices .btn:hover::after	{ transition:0.5s; border-color:#fff; }
#microdevices .devices .btn a:hover			{ transition:0.5s; color:#fff; }

#microdevices .devices .btn-blank			{ transition:0.5s; width:400px; border:solid 2px #003399; margin:0 auto; }
#microdevices .devices .btn-blank::after { transition:0.5s; content: url(../img/pc/icon_pop_blue.png); display:block; width:18px; height:14px; position:absolute; right:5%; top:calc(50% - 7px);  }
#microdevices .devices .btn-blank a		{ transition:0.5s; font-size:18px; display:block; text-decoration:unset; padding:20px 0; }

#microdevices .devices .btn-blank:hover			{ transition:0.5s; background:#003399; }
#microdevices .devices .btn-blank:hover::after	{ transition:0.5s; content:url(../img/pc/icon_pop_white.png); }
#microdevices .devices .btn-blank a:hover			{ transition:0.5s; color:#fff; }



	@media only screen and (max-width:1336px) and (min-width:768px)
	{
		#microdevices .devices				{ padding:0 0 10.480vw; }
		#microdevices .devices .inner		{ padding:0 0  3.743vw; }
		#microdevices .devices .inner p,
		#microdevices .devices .inner h2	{ width:92vw; }
		#microdevices .devices .nameEN		{ /*font-size:1.198vw;*/ margin:0 auto 1.497vw; }
		#microdevices .devices h2			{ /*font-size:2.994vw;*/ margin:0 auto 3.743vw; }
		/*
		#microdevices .devices .detail		{ font-size:1.048vw; }
		*/
		
		#microdevices .devices .img			{ height:22.455vw; background-position:0 center; background-size:100%; background-repeat:no-repeat; margin:0 0 3.743vw; }
		#microdevices #device1 .img .prod	{ width:42.142vw; }
		#microdevices #device2 .img .prod	{ width:35.255vw; }
		#microdevices #device3 .img .prod	{ width:34.657vw; }
		
		#microdevices .devices .btn			{ width:29.94vw; }
		#microdevices .devices .btn::after	{ width:0.749vw; height:0.749vw; border-width:0.15vw 0.15vw 0 0; }
		#microdevices .devices .btn a		{ font-size:1.7vw; padding:1.497vw 0; }
        
        
		#microdevices .devices .btn-blank			{ width:29.94vw; }
		#microdevices .devices .btn-blank::after	{ top:calc(50% - 7px);}
		#microdevices .devices .btn-blank a		{ font-size:1.7vw; padding:1.497vw 0; }
        
        
	}
	@media only screen and (max-width:960px) and (min-width:768px)
	{
		#microdevices .devices .inner		{ padding:0 0 calc(120px - 6vw); }
	}
	@media only screen and (max-width:767px)
	{
		#microdevices .devices				{ padding:0 0 16vw; }
		#microdevices .devices .inner		{ padding:0 0 9.0vw; }
		#microdevices .devices .inner p,
		#microdevices .devices .inner h2	{ width:92vw; }

		#microdevices .devices .nameEN		{ font-size:3.200vw; margin:0 auto 4.0vw; }
		#microdevices .devices h2			{ font-size:6.933vw; margin:0 auto 5.0vw; }
		#microdevices .devices .detail		{ font-size:3.467vw; }

		#microdevices .devices .img			{ height:40vw; background-position:0 center; background-size:100%; background-repeat:no-repeat; margin:0 0 6.8vw; }
		#microdevices #device1 .img			{ background-image:url(../img/sp/device1/bg.png);  }
		#microdevices #device2 .img			{ background-image:url(../img/sp/device2/bg.png);  }
		#microdevices #device3 .img			{ background-image:url(../img/sp/device3/bg.png);  }
		#microdevices #device1 .img	.prod	{ width:50.800vw; top:-15%; transform:translate(100%,-0%); }
		#microdevices #device2 .img	.prod	{ width:48.000vw; top:-15%; transform:translate(100%,-0%); }
		#microdevices #device3 .img	.prod	{ width:48.533vw; top:-15%; transform:translate(100%,-0%); }
		#microdevices .devices .btn			{ width:92vw; background:#003399;}
		#microdevices .devices .btn::after	{ width:2vw; height:2vw; border:solid 0.4vw #fff; border-width:0.4vw 0.4vw 0 0; transform:rotate(45deg) translateY(-66%); }
		#microdevices .devices .btn	a		{ font-size:3.6vw; color:#fff; }
		#microdevices .devices .btn-blank			{ width:92vw; background:#003399;}
		#microdevices .devices .btn-blank::after	{ content:url(../img/pc/icon_pop_white.png); top:calc(50% - 7px); }
		#microdevices .devices .btn-blank	a		{ font-size:3.6vw; color:#fff; }
	}


/* --------------------------------------------------------
	news
-------------------------------------------------------- */
#microdevices .news 			{ max-width:1336px; width:100%; padding:0 0 120px; margin:0 auto; }
#microdevices .news .inner 		{ width:71.857%; margin:0 auto; }

#microdevices .news .nameEN		{ font-size:16px; line-height:1.0; margin:0 auto 20px; color:#003399; font-weight:500; }
#microdevices .news h2			{ font-size:40px; line-height:1.0; margin:0 auto 50px; }

#microdevices .news ol		 						{ margin: 0 0 20px; }
#microdevices .news ol li	 						{ padding:0 0 20px; border-bottom:solid 1px #000; margin:0 0 20px; }
#microdevices .news ol li p 						{ display:inline-block; }
#microdevices .news ol li .date						{ font-size:13px; width: 9%; margin:0 1% 0 0; }
#microdevices .news ol li .typeNews 				{ font-size:11px; width:11%; margin:0 1% 0 0; }
#microdevices .news ol li .typeProd 				{ font-size:13px; width:11%; margin:0 2% 0 0; }
#microdevices .news ol li .txt						{ font-size:13px; width:55%; margin:0 1% 0 0; }
#microdevices .news ol li .typeNews::before,
#microdevices .news ol li .typeProd::before			{ display: block; padding:12px 0; line-height:1; border-radius:5px; text-align:center; color:#fff; }
#microdevices .news ol li .typeNews.r::before		{ background:#003399; content:'リリース'; }
#microdevices .news ol li .typeNews.e::before		{ background:#003399; content:'イベント'; }
#microdevices .news ol li .typeProd.semi::before	{ background:#4f9b6b; content:'半導体'; }
#microdevices .news ol li .typeProd.sens::before	{ background:#ccbd6a; content:'センシング'; }
#microdevices .news ol li .typeProd.time::before	{ background:#2ba6bc; content:'水晶'; }

#microdevices .news ol.crrnt li:last-child	{ margin:0; }
#microdevices .news ol.archvs				{ display:none; }


#microdevices .news .btn				{ width:300px; background:#003399; cursor:pointer; margin:50px auto 0; }
#microdevices .news .btn::before		{ content:''; display:block; width:20px; height:20px; border-top:solid 2px #fff; position:absolute; right: 8%; top:47%; transform:rotate( 0deg); }
#microdevices .news .btn::after			{ transition:0.5s; content:''; display:block; width:6%; height:25%; border-top:solid 2px #fff; position:absolute; right:11%; top:35%; transform:rotate(90deg); }
#microdevices .news .btn.active::after	{ transition:0.5s; right: 8%; top:47%; transform:rotate(0deg); }
#microdevices .news .btn a				{ font-size:18px; color:#fff; display:block; text-decoration:unset; padding:20px 0; }
#microdevices .news .btn a::after		{ transition:0.5s; content:'もっと見る'; }
#microdevices .news .btn.active a::after{ transition:0.5s; content:'閉じる'; }

	@media only screen and (min-width:768px)
	{
		#microdevices .news ol li .txt					{ line-height:2; }
		#microdevices .news ol li.n::after				{ content:'NEW'; display:inline-block; width:7%; padding:10px 0; line-height:1; border-radius:15px; border:solid 1px #f00; color:#f00; text-align:center; font-weight:550; }
	}
	@media only screen and (max-width:1336px) and (min-width:768px)
	{
		#microdevices .news 							{ padding:0 0 8.982vw; }
		#microdevices .news .inner 						{ max-width:unset; width:92%; }
		
		#microdevices .news .nameEN						{ /*font-size:1.198vw;*/ margin:0 auto 1.497vw; }
		#microdevices .news h2							{ /*font-size:2.994vw;*/ margin:0 auto 3.743vw; }
		
		#microdevices .news ol		 					{ margin: 0 0 1.497vw; }
		#microdevices .news ol li	 					{ padding:0 0 1.497vw; margin:0 0 1.497vw; }
		/*
		#microdevices .news ol li .date					{ font-size:0.973vw; }
		#microdevices .news ol li .typeNews 			{ font-size:0.823vw; }
		#microdevices .news ol li .typeProd 			{ font-size:0.973vw; }
		#microdevices .news ol li .txt					{ font-size:0.973vw; }
		*/
		#microdevices .news ol li .typeNews::before,
		#microdevices .news ol li .typeProd::before		{ padding:0.898vw 0; border-radius:0.374vw; }		
		#microdevices .news ol li.n::after				{ padding:0.749vw 0; border-radius:50vw; }
		
		#microdevices .news .btn						{ width:22.455vw; }
		#microdevices .news .btn::before,
		#microdevices .news .btn::after					{ width:6%; height:17%; border-width:0.2vw 0.2vw 0 0; }
		#microdevices .news .btn a						{ /*font-size:1.347vw;*/ padding:1.497vw 0; }
		#microdevices .news .btn::before				{ right:7%; top:47%; }
		#microdevices .news .btn::after					{ right:9%; top:38%; }
		#microdevices .news .btn.active::after			{ right:7%; top:47%; }
	}
	@media only screen and (max-width:960px) and (min-width:768px)
	{
		#microdevices .news ol li .date					{ width:11%; margin:0 1% 0 0; }
		#microdevices .news ol li .typeNews 			{ width:13%; margin:0 1% 0 0; }
		#microdevices .news ol li .typeProd 			{ width:11%; margin:0 2% 0 0; }
		#microdevices .news ol li .txt					{ width:52%; margin:0 1% 0 0; }
	}
	@media only screen and (max-width:767px)
	{
		#microdevices .news								{ padding:0 0 16vw; }
		#microdevices .news .inner 						{ width:92vw; }
		#microdevices .news .nameEN						{ font-size:3.200vw; margin:0 auto 4.0vw; }
		#microdevices .news h2							{ font-size:6.933vw; margin:0 auto 5.0vw; }

		#microdevices .news ol		 					{ margin: 0 0 6.8vw; padding:0; }
		#microdevices .news ol li	 					{ padding:0 0 6.8vw; margin:0 0 6.8vw; }
		#microdevices .news ol li	.typeNews::before,
		#microdevices .news ol li	.typeProd::before	{ padding:2.4vw 0; border-radius:0.8vw; }
		#microdevices .news ol li	.date				{ width:22.0vw; font-size:3.2vw; margin:0 2vw 0 0; font-weight:550; }
		#microdevices .news ol li	.typeNews 			{ width:25.2vw; font-size:3.2vw; margin:0 3vw 0 0; }
		#microdevices .news ol li	.typeProd 			{ width:25.2vw; font-size:3.2vw; margin:0 0   0 0; }

		#microdevices .news ol li	.txt				{ width:100%; font-size:3.467vw;; line-height:2; margin:2vw 0 0; }
		#microdevices .news ol li.n .txt::after			{ content:'NEW'; display:inline-block; width:10vw; padding:0.4vw 0; margin:0 0 0 2vw; font-size:2.4vw; line-height:2; border-radius:2.7vw; border:solid 1px #f00; color:#f00; text-align:center; font-weight:550; transform:translateY(-0.5vw); }
		
		#microdevices .news .btn						{ width:72vw; }
		#microdevices .news .btn::before,
		#microdevices .news .btn::after					{ width: 5%; height:32%; border-width:0.4vw 0.4vw 0 0;  }
		#microdevices .news .btn::before				{ right: 7%; top:51%; }
		#microdevices .news .btn::after					{ right:10%; top:34%; }
		#microdevices .news .btn.active::after			{ right: 7%; top:51%; }
		#microdevices .news .btn a						{ font-size:3.6vw; }
	}