@charset "utf-8";
/* CSS Document */
#contents, #contents div, #contents span, #contents object, #contents iframe, #contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6, #contents p, #contents blockquote, #contents pre, #contents abbr, #contents address, #contents cite, #contents code, #contents del, #contents dfn, #contents em, #contents img, #contents ins, #contents kbd, #contents q, #contents samp, #contents small, #contents strong, #contents sub, #contents sup, #contents var, #contents b, #contents i, #contents dl, #contents dt, #contents dd, #contents ol, #contents ul, #contents li, #contents fieldset, #contents form, #contents  label, #contents legend, #contents table, #contents caption, #contents tbody, #contents tfoot, #contents thead, #contents tr, #contents th, #contents td, #contents article, #contents aside, #contents canvas, #contents details, #contents figcaption, #contents figure, #contents siteFooter, #contents header, #contents hgroup, #contents menu, #contents nav, #contents section, #contents main, #contents summary, #contents time, #contents mark, #contents audio, #contents video, #contents a, #contents input, #contents textarea{-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#contents * {margin:0;padding:0; border:0; font-size:100%; background:transparent;}
#contents article,
#contents aside,
#contents details,
#contents figcaption,
#contents figure,
#contents header,
#contents hgroup,
#contents menu,
#contents nav,
#contents section,
#contents main{ display:block;}
#contents nav ul{ list-style:none;}
#contents ul{ list-style:none; }
#contents blockquote,
#contents q{ quotes:none;}
#contents blockquote:before,
#contents blockquote:after,
#contents q:before,
#contents q:after{ content:''; content:none;}
#contents pre,
#contents code,
#contents kbd,
#contents samp{ font-family:monospace,monospace; font-size:inherit;}
#contents table{ border-collapse:collapse; border-spacing:0;}
#contents img{border:0;}
#contents address,
#contents caption,
#contents cite,
#contents code,
#contents dfn,
#contents em,
#contents th,
#contents var{ font-style:normal; font-weight:normal;}
#contents caption,
#contents th{ text-align:left;}
/*h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}*/
#contents sup{ vertical-align:text-top; font-size:75%;}
#contents sub{ vertical-align:text-bottom; font-size:75%;}
#contents input,
#contents textarea,
#contents select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
#contents audio:not([controls]){ display:none;}
#contents time{ display:inline;}
#contents small {font-size:95%;}
#contents [hidden]{ display:none;}
#contents input::-ms-clear,
#contents input::-ms-reveal,
#contents input:focus::-ms-clear,
#contents input:focus::-ms-reveal{visibility:hidden; display:none;}
#contents button::-moz-focus-inner,
#contents input[type="reset"]::-moz-focus-inner,
#contents input[type="button"]::-moz-focus-inner,
#contents input[type="submit"]::-moz-focus-inner,
#contents input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0;}
/*==================================================== */
body #contents {-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:/**/'Roboto','Droid Sans',"¥Ò¥é¥®¥Î½Ç¥´ Pro W3","Hiragino Kaku Gothic Pro",Arial,"¥á¥¤¥ê¥ª","Meiryo","£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif; line-height:1.8;}
#contents button,#contents input{font-family:'Roboto','Droid Sans',"¥Ò¥é¥®¥Î½Ç¥´ Pro W3","Hiragino Kaku Gothic Pro",Arial,"¥á¥¤¥ê¥ª","Meiryo","£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif; cursor:pointer;}
#contents {color:#002063; overflow: hidden; opacity:0; transition:opacity 0.2s ease-out; position: relative;}
.imgloaded #contents,
.isIE #contents{opacity: 1;}

#pageBody{position:relative; z-index:1;}

#contents table{width:100%; border:none;padding:0;}
#contents .clearFix {clear:both; zoom:1;}
#contents aside:after,
#contents details:after,
#contents figcaption:after,
#contents figure:after, #siteFooter:after,#siteHeader:after,hgroup:after,menu:after,.globalNavi:after,.footerNavi:after,section:after,#container:after,.clearFix:after,#siteHeader .inner:after{content:''; clear:both; display:block;}
#contents a{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
#contents a:link,
#contents a:visited{color: #002664;text-decoration:none;}
#contents a:hover{color: #002664;text-decoration:underline;}
#contents .touch a:hover {opacity:1 !important;filter:alpha(opacity=100) !important;-ms-filter:"alpha(opacity=100)" !important;-khtml-opacity: 1 !important;-moz-opacity:1 !important;}/*---touchÓåǥХ¤¥¹•r¡¡hover„IÀí---- */

#headerSub {margin-bottom: 0 !important;}

#contents {min-height: 640px; width: 100%; text-align: center; min-width: 980px; padding:0; /*border-bottom: 1px solid #ccc; */font-size: 0; line-height: 1;}
#contents .section img {width: 100%; height: auto; max-width: 980px;}
#contents figure{position: relative; margin: 0 auto;}
#contents img{display:inline;}
#contents figure img + img {position: absolute; left:50%; top: 0; margin-left: -490px;}
#contents .section {position: relative;}

#contents .nav {background: #fff; padding: 75px 0 75px;}
#contents .nav ul {text-align: center; line-height: 1; vertical-align: top; width: 980px; margin: 0 auto; padding:98px 0 0; font-size: 0;}
#contents .nav ul li {display: inline-block; width: 285px; overflow: hidden; text-align: left; margin: 0 12px;}
#contents .nav ul li:nth-child(n+4) {margin-top: 24px;}
#contents .nav ul li img {width: 285px; height: auto;}
#contents .nav a img{transition: opacity 0.3s;}
#contents .nav a:hover img {opacity: 0.7;}

/* animation */
/*#contents .section h2 ,*/
#contents .section h3 ,
#contents .section .animation ,
#contents .section .animations img {opacity: 0; transition: 0.6s ease-out;}
#contents .section h2.fadein ,
#contents .section h3.fadein ,
#contents .section .animation.fadein ,
#contents .section .animations img.fadein {opacity: 1;}
#contents .section .animation.popup {position: relative; top: 20px;}
#contents .section .animation.popup.fadein {top: 0;}

#contents a.linkbtn {
padding: 10px;
display: block;
border: 5px solid #ddd;
margin: 20px auto;
color: #333;
background-color: #f3f3f3;
width: 670px;
font-size: 21px;
}


#contents .ban_research {
	width: 670px;
	margin: 0 auto;
	overflow: hidden;
}
#contents .ban_research a {
	width: 326px;
	height: 69px;
	float: left;
	border: 2px solid #d8d8d8;
	position: relative;
	color: #666;
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
	padding: 7px 0 7px 24px;
	background: url("/corporate/news_center/research/img/ico_arrow.png") no-repeat 8px 0.8em;
	text-decoration: underline;
}
#contents .ban_research a:first-child {
	margin-right: 18px;
}
#contents .ban_research a img {
	position: absolute;
	top: 0;
	right: 0;
}
#contents .ban_research a:hover {
	border: 2px solid #e4e4e4;
	color: #427fda;
	background: #f8f8f8 url("/corporate/news_center/research/img/ico_arrow.png") no-repeat 8px 0.8em;
}
#contents .nav .ban_research a:hover img {
	opacity: 1;
}

/****
}
SP¥ì¥¤¥¢¥¦¥È
@media screen and (max-width: 640px){
#contents {min-width: inherit;}
#contents figure img + img {margin: 0; left: 0;}
#contents .sp_offset {margin: 0 -8vw;}
#contents .sp_offset img {width: 116vw;}
}
/
@keyframes bginfinitescroll {
	0% {background-position:0 0;}
	100% {background-position:-1500px 0;}
}
@keyframes bginfiniteupdown {
	0% {bottom:3px;}
	25% {bottom:0px;}
	50% {bottom:-2px;}
	75% {bottom:0px;}
	100% {bottom:3px;}
}
.pagetop {z-index: 1000 !important;}




@media screen and (max-width:767px){
#header,#footer{width:auto; padding:10px; min-width:0;}
#header .wrap{width:auto; padding:0;}
#header .wrap *{display:none;}
#header .wrap #logo{display:block !important; width:160px; height:36px; position:relative; left:auto; top:auto;}
#header .wrap #logo img{display:block; width:100%; height:auto;}
#header .wrap #logo *{display:block;}
#headerSub,
#footerLinks,
#footer ul{display:none;}
#footer address{position:relative; top:auto; left:auto;}
#contents{min-width:980px; width:980px;}
#contents .nav{padding:10px;}
#contents .nav p{padding:0 5px;}
#contents .nav ul{width:auto; padding:0; margin-top:30px;}
#contents .nav ul li{padding:0 5px 10px 5px; width:50%; display:block; float:left; margin:0;}
#contents .nav ul li:nth-child(n+4){margin-top:0;}
#contents .nav ul li a{display:block;}
#contents .nav img,
#contents .nav ul li img{display:block; width:100%; height:auto;}
#contents a.linkbtn {width: 100%; font-size: 30px;}

#contents .ban_research {width: 100%;}
#contents .ban_research a {width: 48.5%; height:94px; font-size: 24px;}
#contents .ban_research a img {width:auto; height: 100%; top: inherit; bottom: 0;}

.like-iphone #contents a.linkbtn {width: 100%; font-size: 15px;}
.like-iphone #contents .ban_research a {height:100px; font-size: 10px;}
.ios #contents a.linkbtn {width: 100%; font-size: 15px;}
.ios #contents .ban_research a {height:100px; font-size: 10px;}

}