@charset "UTF-8";
html {
    color: #004051;
    font-size: 10px;
    line-height: 1;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
a {
	text-decoration:none;
	color:#717171;
}
a:hover img { opacity:0.7; }
img {
	max-width:100%;
}
.ac { text-align:center; }

.sp { display:none; }

@media only screen and (max-width: 42em) {
  .pc { display:none; }
  .sp { display:block; }
}

body {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 4em;
}
@media only screen and (max-width: 65em) {
  body {
    font-size: 3.84615385vw;
  }
}
@media only screen and (max-width: 42em) {
  body {
    font-size: 6.25vw;
  }
}

.clearfix:after {
  clear: both;
  content: '';
  display: block;
}

p {
	font-size:.4em;
	line-height:1.8em;
}

@media only screen and (max-width: 42em) {
	p {
		font-size:14px;
	}
}


/* ======================================================

	header

========================================================= */
header {
	position:fixed;
	width:100%;
	top:0;
	z-index:100;
	background-color:#fff;
}
header nav li {
	float:left;
}
header .logo {
	top:.25em;
	left:.5em;
	position:absolute;
	width:3.45em;
}
header nav {
	width:24.9em;
	margin:auto;
}
header nav ul {
	padding-left:0;
	margin-top:1.3em;
	margin-bottom:0;
}
header nav li {
	list-style-type:none;
	margin-right:3.31em;
}
header nav li:last-child {
	margin-right:0;
}
header .nav01 img.pc {
	width:3.05em;
}
header .nav02 img.pc {
	width:2.475em;
}
header .nav03 img.pc {
	width:1.825em;
}
header .nav04 img.pc {
	width:1.8em;
}
header .nav05 img.pc {
	width:2.475em;
}
	
header .topContact {
	position:absolute;
	top:0;
	right:0;
	display:block;
	background-color:#152687;
	padding:0 1em .1em;
}
header .topContact span {
	background:url(../img/contact_icon.png) no-repeat left .62em;
	padding-left:.6em;
}
header .topContact img {
	width:4.425em;
}
header .topTel {
	position:absolute;
	top:.08em;
	right:8em;
	pointer-events:none;
}
header .topTel img.pc {
	width:5.725em;
}

/* 1480px以下 */
@media only screen and (max-width: 92.5em) {
	header nav {
		width:19.51em;
	}
	header nav li {
		margin-right:1.97em;
	}
}

/* 1100px以下 */
@media only screen and (max-width: 68.75em) {
	header nav {
		width:16.83em;
	}
	header nav li {
		margin-right:1.3em;
	}
}

@media only screen and (max-width: 42em) {
	header {
		height:66px;
	}
	header .logo {
		width:100px;
	}
	header nav {
		width:100%;
	}
	header nav li {
		margin-right:0;
		border-bottom:1px solid #90cec2;
		width:100%;
	}
	header .topContact {
		background-color:inherit;
		top:32%;
		right:35%;
	}
	header .topContact span {
		background:none;
		padding-left:0;
	}
	header .topContact img {
		width:36px;
	}
	header .topTel {
		top:26%;
		right:24%;
		pointer-events:inherit;
	}
	header .topTel img {
		width:25px;
	}
}






/* ======================================================

	main

========================================================= */

/* ===============================
製品に関する重要なお知らせ
================================*/

.productNews {
    background: #e3eef9;
    display: block;
    padding: 10px;
    margin: 10px 0;
}
.inner-frame .productNews dd, .inner-frame .productNews dt {
    float:none !important;
}
.inner-frame .productNews dt {
    color:#152687;
}
.inner-frame .productNews dl {
    margin: 0 !important;
    padding: 3px !important;
    border: none !important;
}
@media only screen and (max-width: 42em) {
    .inner-frame .productNews dd {
        margin-top: 7px !important;
    }
}
#mainImg, .visual {
	margin-top:2.3em;
	position:relative;
}
#mainImg .txt {
	margin-top:1.5em;
	margin-left:1.5em;
	margin-bottom:1.1em;
	width:14.95em;
	position:absolute;
	z-index:5;
}
#mainImg .inner {
	width:25.1em;
	margin:-1em auto 1em;
	background-color:rgba(255, 255, 255, .85);
	border-radius:20px;
	padding:.4em .9em;
	box-shadow:1px 2px 8px 1px rgba(0,0,0,.15);
	z-index:1;
	position:relative;
}
#mainImg .inner.download-news {
	margin-top:1em;
}
#mainImg .inner .title01 {
	font-size:.4em;
	margin:0;
	color:#152687;
}
#mainImg .inner .title01 a {
	color:#152687;
}
#mainImg .inner .inner-frame .left {
	float:left;
	width:17em;
	margin-right:.5em;
}
#mainImg .inner .inner-frame .right {
	float:left;
	width:7.5em;
}
#mainImg .inner .inner-frame .right iframe:last-child {
	margin-top:.5em;
}
#mainImg .inner dl {
	margin:.3em 0 0;
	border-bottom:1px solid #eee;
	padding-bottom:.2em;
}
#mainImg .inner dt, #mainImg .inner dd {
	font-size:.35em;
	float:left;
}
#mainImg .inner .inner-frame dt, #mainImg .inner .inner-frame dd, #mainImg .inner.download-news dd {
	line-height:1.7em;
}
#mainImg .inner .inner-frame dt, #mainImg .inner.download-news dt {
	width:100%;
}
#mainImg .inner .inner-frame dd, #mainImg .inner.download-news dd {
	margin-left:0;
}
#mainImg .inner .inner-frame .link {
	text-align:right;
	font-size:.35em;
	margin-bottom:0;
}
.DL_page_btn {
	position:absolute;
	right:2.6em;
	top:2em;
	font-size:.35em;
	background-color:#152687;
	color:#fff;
	padding:1em 1em .8em;
}
#mainImg .inner.download-news .comment {
	font-size:.35em;
	margin-top:0;
}

#intro {
	margin-bottom:1.6em;
}
#intro h1 {
	background-color:#000;
	text-align:center;
	padding-bottom:.05em;
}
#intro h2 {
	text-align:center;
	margin-top:.45em;
	margin-bottom:.45em;
}
#intro .title02 {
	background-color:#feeca2;
	border-radius:20px;
	text-align:center;
	width:25em;
	margin:0 auto 1em;
	padding:.7em 0 .6em;
	position:relative;
}
#intro .title02:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -20px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #feeca2 transparent transparent transparent;
}
#intro .inner, #merit .frame, #function .frame, #connect .frame {
	width:22.5em;
	margin:auto;
}
#intro ul {
	list-style-type:none;
	width:25em;
	margin:1.25em auto 0;
	padding-left:0;
}
#intro li {
	float:left;
	width:7.8em;
	margin-right:.8em;
}
#intro li.mb {
	margin-bottom:.8em;
}
#intro li:nth-child(3n) {
	margin-right:0;
}
.attention {
	color:#ea526f;
}

#merit {
	margin-bottom:1.25em;
}
#merit h1 {
	background-color:#152687;
	text-align:center;
	padding-bottom:.17em;
	position:relative;
}
#merit h1:after {
	content: "";
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -20px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #152687 transparent transparent transparent;
}
#merit h2 {
	text-align:center;
	margin-top:.5em;
	margin-bottom:.5em;
}
#merit h2.tt02 {
	margin-bottom:0;
}
#merit .img01 {
	width:28.425em;
	margin:auto;
	display:block;
}
#merit .inner {
	background-color:#eeeeee;
}
#merit .inner > div {
	width:25em;
	margin:.4em auto 0;
}
#merit .inner .left {
	width:11.5em;
	float:left;
	margin-top:2.45em;
}
#merit .inner .left h3 {
	margin-top:0;
	margin-bottom:.513em;
}
#merit .inner .left h4 {
	margin-top:0;
	margin-bottom:2em;
	font-size:initial;
}
#merit .inner .left p {
	font-size:.45em;
	line-height:2em;
}
#merit .inner .right {
	width:12.5em;
	float:right;
}

#function {
	background-color:#eeeeee;
	padding-bottom:1.6em;
}
#function h1 {
	background-color:#152687;
	text-align:center;
	padding-bottom:.05em;
	margin-bottom:.7em;
}
#function h2 {
	text-align:center;
	margin-bottom:.5em;
}
.width {
	width:25em;
	margin:auto;
}
#function h3, #function h4 {
	margin:0;
}
#function h4 {
	line-height:0;
}
#function .left {
	margin-right:1.55em;
}
#function .left, #function .right {
	float:left;
	width:11.725em;
}
#function ul {
	list-style-type:none;
	padding-left:0;
}
#function li.first {
	height:6em;
}
#function li.second {
	height:6.3em;
}
#function li.third {
	height:6em;
}
#function .right li.last {
	text-align:right;
}
#function .left02 {
	float:left;
	width:5.25em;
}
#function .left02 p {
	font-size:.35em;
}
#function .right02 {
	float:right;
	width:5.85em;
}
	
#function .img01 {
	width:25em;
	margin:1.25em auto 0;
	display:block;
}

#product, #connect, #contact {
	text-align:center;
}
#product {
	padding-bottom:1em;
}
#product h1 {
	background-color:#152687;
	margin-bottom:.7em;
}
#product .inner {
	margin-bottom:1em;
}
#product .inner .left {
	width:12.5em;
	float:left;
}
#product .inner .right {
	width:11.3em;
	float:left;
	margin-left:1.2em;
	text-align:left;
	line-height:1.7;
}
#product .inner .right .img01, #product .inner .right .img02 {
	width:5.45em;
}
#product h2 {
	text-align:left;
	color:#152687;
	font-size:.5em;
	font-weight:normal;
	margin-bottom:.7em;
}
#product table {
	width:100%;
	border-top:2px solid #152687;
}
#product th, #product td {
	text-align:left;
	border-bottom:2px solid #152687;
}
#product th {
	vertical-align:top;
	font-size:.4em;
	font-weight:normal;
	padding:1.5em 0;
	width:23em;
}
#product th span {
	color:#152687;
}
#product td {
	font-size:.35em;
	padding:1.5em 0;
	line-height:1.8em;
}
#connect {
	margin-bottom:1.6em;
}
#connect h1 {
	margin-top:.35em;
	margin-bottom:.14em;
}

#contact h1 {
	background-color:#152687;
}
#contact .intro {
	margin-top:1.8em;
}
#contact table {
	width:25em;
	margin:0 auto .6em;
	border-collapse:collapse;
}
#contact th, #contact td {
	border:1px solid #fff;
	font-weight:normal;
	font-size:.4em;
	text-align:left;
	padding:1em 2em;
}
#contact th {
	background-color:#ffebb0;
	line-height:1.8em;
	width:13.25em;
}
#contact td {
	background-color:#fff7e0;
}
#contact .first th {
	border-top-left-radius:30px;
}
#contact .first td {
	border-top-right-radius:30px;
}
#contact .last th {
	border-bottom-left-radius:30px;
}
#contact .last td {
	border-bottom-right-radius:30px;
}
#contact input[type="text"], #contact textarea {
	width:96%;
	height:3em;
	border-radius:20px;
	border:1px solid #152687;
	padding-left:4%;
}
#contact textarea {
	height:inherit;
}
#contact input[type="text"].zip {
	width:21%;
	margin-left:1em;
	margin-bottom:1em;
}
#contact .agreement {
	border:1px solid #152687;
	width:19em;
	margin:0 auto 1.175em;
	padding:0 .5em;
	height:2.6em;
	text-align:left;
	overflow:auto;
}
#contact .agreement h2, #contact .agreement p, #contact .agreement h3, #contact .agreement h4 {
	font-size:.35em;
}
#contact .agreement .inner {
	margin-left:.35em;
}
#contact .agreement ol {
	font-size:.35em;
	line-height:1.5em;
	padding-left:2em;
}
#contact .submit {
	text-indent:-9999px;
	border:none;
	width:16.1em;
	height:1.75em;
	background:url(../img/contact_btn.png) no-repeat;
	background-size: 100%;
}
#contact .submit:hover {
	opacity:.7;
}

@media only screen and (max-width: 68.75em) {
	#mainImg .inner {
		width:90%;
	}
	#mainImg .txt {
		margin-left:1em;
	}
}


@media only screen and (max-width: 42em) {
	#mainImg, .visual {
		margin-top:66px;
	}
	#mainImg .txt {
		margin-left:2%;
		margin-top:2%;
		width:50%;
	}
	#mainImg .inner {
		width:86%;
		padding:4% 7%;
		background-color:#fff;
		border-radius:inherit;
		margin-top:.5em;
	}
	#mainImg .inner .title01 {
		font-size:16px;
	}
	#mainImg .inner .inner-frame .left, #mainImg .inner .inner-frame .right {
		float:none;
		width:100%;
	}
	#mainImg .inner dl {
		margin:.5em 0 0;
		padding-bottom:.4em;
	}
	#mainImg .inner dt, #mainImg .inner dd {
		font-size:14px;
	}
	#mainImg .inner dd {
		margin-left:0;
		margin-top:3%;
	}
	#mainImg .inner .inner-frame .link {
		margin-bottom:1em;
		font-size:14px;
	}
	#intro h1, #contact h1 {
		padding-bottom:2%;
	}
	#intro h1 img {
		width:90%;
	}
	#intro h2 img {
		width:50%;
	}
	#intro .title02 {
		width:90%;
		padding:6% 0;
		margin-bottom:8%;
	}
	#intro .title02 img {
		width:90%;
		margin:auto;
	}
	#intro .inner, #merit .frame, #function .frame, #connect .frame {
		width:90%;
	}
	#intro .inner iframe, #merit .frame iframe, #function .frame iframe, #connect .frame iframe {
		height:300px;
	}
	#intro ul {
		width:95%;
	}
	#intro li {
		width:48%;
		margin-right:4%;
		margin-bottom:.8em;
	}
	#intro li:nth-child(3n) {
		margin-right:4%;
	}
	#intro li:nth-child(even) {
		margin-right:0;
	}
	#merit .inner .left, #product .inner .left, #product .inner .right, #product .inner03 .left, #product .inner03 .right {
		float:none;
	}
	#merit .inner .left {
		margin-top:0;
		padding-top:7%;
	}
	#merit h1 img, #contact h1 img {
		width:50%;
	}
	#merit h1:after {
		bottom:-15px;
		margin-left:-15px;
		border-width:15px 15px 0 15px;
	}
	#merit h2 img, #product .img {
		width:90%;
	}
	#merit .img01 {
		display:none;
	}
	#merit .img02 {
		margin:auto;
	}
	#merit .img02, #connect .img {
		width:95%;
	}
	#merit .inner > div, #merit .inner .left, #product .inner .left, #product .inner .right, #product .inner03 .left, #product .inner03 .right,
	#product .inner03 h3 {
		width:100%;
	}
	#merit .inner .left p {
		font-size:14px;
		margin:0 10% 4%;
	}
	#merit .inner .left h3, #merit .inner .left h4 {
		text-align:center;
	}
	#merit .inner .left h3 img {
		width:70%;
		display:inline-block;
	}
	#merit .inner .left h4 {
		margin-bottom:5%;
	}
	#merit .inner .left h4 img {
		width:85%;
	}
	#merit .inner .right {
		float:none;
		width:80%;
		display:block;
		margin:0 auto 4%;
	}
	#function h2 img {
		width:55%;
	}
	#function .width {
		width:90%;
		
	}
	#function .left, #function .right, #function .left02 {
		float:none;
		width:100%;
	}
	#function ul, #function li {
		width:100%;
	}
	#function li {
		margin-bottom:18%;
	}
	#function li.first, #function li.second, #function li.third, #function li.fourth {
		height:inherit;
	}
	#function .left02 p {
		font-size:14px;
	}
	#function .right02, #function .right02.list01, #function .right02.list02 {
		float:none;
		width:initial;
		display:block;
		margin:auto;
	}
	#function .left02 h4 {
		text-align:center;
	}
	#function .img01 {
		width:95%;
	}
	#product h1 {
		padding-bottom:.5%;
	}
	#product h1 img, #function h1 img {
		width:30%;
	}
	#product .width {
		width:95%;
	}
	#product .inner .right {
		margin-left:0;
		text-align:center;
	}
	#product h2 {
		font-size:18px;
	}
	#product th {
		padding:1.5em 0 0;
		border-bottom:none;
	}
	#product th, #product td {
		width:100%;
		font-size:14px;
		display:block;
	}
	#connect h1 img {
		width:75%;
	}
	#contact table {
		width:100%;
	}
	#contact .first th {
		border-top-left-radius:inherit;
	}
	#contact .first td {
		border-top-right-radius:inherit;
	}
	#contact .last th {
		border-bottom-left-radius:inherit;
	}
	#contact .last td {
		border-bottom-right-radius:inherit;
	}
	#contact th, #contact td {
		display:block;
		padding:1em 5%;
		border:none;
		font-size:14px;
	}
	#contact th {
		width:90%;
	}
	#contact input[type="text"].zip {
		width:45%;
	}
	#contact .agreement {
		width:83%;
		height:3.6em;
	}
	#contact .agreement h2, #contact .agreement p, #contact .agreement h3, #contact .agreement h4, #contact .agreement ol {
		font-size:14px;
	}
	#contact .submit {
		width:90%;
		background-size:100%;
	}
	#contact input[type="text"], #contact textarea {
		width:100%;
		box-sizing:border-box;
		border-radius:10px;
	}
	.DL_page_btn {
		position:relative;
		font-size:14px;
		top:inherit;
		line-height:4em;
		right:0;
	}
}



/* ======================================================

	bxslider

========================================================= */
#mainImg .bx-wrapper {
	margin-bottom:0;
}




/* ======================================================

	slick

========================================================= */
.slider-nav02 {
	width:30em;
	margin:1em auto 0;
}
.slider-nav02 .slick-slide {
	line-height:.3;
	text-align:center;
	margin-right:.6em;
}
.slider-nav02 .slick-slide:last-child {
	margin-right:0;
}
.slider-nav02 .slick-slide span.bg {
	display:block;
	background-color:#152687;
}
.slider-nav02 .slick-slide span.bg img {
	opacity:.5;
}
.slider-nav02 .slick-slide.slick-current span.bg img {
	opacity:1;
}
.slider-nav02 .slick-slide span {
	font-size:.35em;
	line-height:1;
}
.slider-nav02 .slick-current {
	position:relative;
}
.slider-nav02 .slick-current:before {
	content: "";
	position: absolute;
	top: -11px;
	left: 50%;
	margin-left: -6px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 13px 6px;
	border-color: transparent transparent #152687 transparent;
}
.slider-nav02 .slick-slide img {
	border:6px solid #152687;
	box-sizing:border-box;
}

@media only screen and (max-width: 42em) {
	.slider-nav02 {
		display:none !important;
	}
}




/* ======================================================

	thanks

========================================================= */
.thanks section {
	margin-top:2.3em;
	text-align:center;
}
.thanks section h1 {
	color:#fff;
	padding:.5em 0 .3em;
	background-color:#29a23b;
	font-size:1em;
}

@media only screen and (max-width: 42em) {
	.thanks section {
		margin-top:66px;
	}
}




/* ======================================================

	faq

========================================================= */
#faq header, .thanks header {
	height:2.3em;
}
#faq .visual {
	background:url(../img/faq_visual_bg.jpg) no-repeat;
	background-size:cover;
	text-align:right;
	position:relative;
}
#faq .visual p {
	padding:6em 21em 5.7em 0;
	margin-bottom:0;
}
#faq .visual p img {
	width:11.5em;
}
#faq .visual a {
	position:absolute;
	bottom:.7em;
	right:4.7em;
}
#faq .visual a img {
	width:7.5em;
}
#faq .contents h1 {
	background-color:#152687;
	text-align:center;
	font-size:1.7em;
}
.faqLink {
	width:25em;
	margin:1em auto .5em;
	padding-left:0;
	list-style-type:none;
}
.faqLink li {
	font-size:.35em;
	float:left;
	margin-right:1.525em;
	margin-bottom:1.525em;
}
.faqLink li:nth-child(4n) {
	margin-right:0;
}
.faqLink li a {
	display:block;
	width:16.571em;
	text-align:center;
	color:#152687;
	border:1px solid #152687;
	border-radius:25px;
	padding:1em 0;
	background:url(../img/faq_arrow.png) no-repeat 1.5em 50%;
}
#faq h2 {
	color:#fff;
	font-size:.45em;
	background-color:#152687;
	padding:1.2em 0 1em;
	font-weight:normal;
}
#faq h2 span {
	display:block;
	width:55.556em;
	margin:auto;
}
#faq dl {
	margin:.6em 0;
}
#faq dt, #faq dd {
	font-size:.4em;
	padding-left:2em;
	line-height:2em;
}
#faq dt {
	color:#152687;
	background:url(../img/q_icon.png) no-repeat left .4em;
	border-bottom:2px dotted #152687;
	padding-bottom:.4em;
	margin-bottom:.7em;
}
#faq dd {
	margin-left:0;
	background:url(../img/a_icon.png) no-repeat left .4em;
}
#faq dd p {
	font-size:.875em;
	margin-top:0;
}
#faq .pagetop_back {
	text-align:right;
	margin-bottom:3em;
	margin-top:2em;
}

@media only screen and (max-width: 42em) {
	#faq .visual p {
		text-align:center;
		padding:2em 2em 4em;
	}
	#faq .visual p img {
		width:initial;
	}
	#faq .visual a {
		bottom:1em;
		right:3em;
		display:block;
		width:80%;
	}
	#faq .visual a img {
		width:inherit;
	}
	#faq .contents h1 img {
		width:95%;
	}
	.faqLink {
		width:90%;
	}
	.faqLink li a {
		width:79%;
		padding-left:21%;
		text-align:left;
	}
	.faqLink li {
		width:48%;
		margin-right:4%;
		font-size:12px;
	}
	.faqLink li:nth-child(even) {
		margin-right:0;
	}
	.faqLink li a {
		background-position:1em 50%;
	}
	#faq h2 {
		font-size:18px;
		padding-left:5%;
	}
	#faq h2 span {
		width:100%;
	}
	#faq .width {
		width:95%;
	}
	#faq dt, #faq dd {
		font-size:16px;
		word-break : break-all;
	}
	#faq .pagetop_back {
		text-align:center;
	}
}



/* ======================================================

	contactPage

========================================================= */
.contactPage header {
	position:relative;
	height:2.3em;
}
/*.contactPage header .logo {
	right:0;
	left:0;
	margin:auto;
}*/

@media only screen and (max-width: 42em) {
	.contactPage header {
		height:66px;
	}
	.contactPage header .logo {
		top:0;
		width:initial;
	}
}




/* ======================================================

	downloadPage

========================================================= */
.downloadPage .width {
	margin-top:1em;
}
#faq .downloadPage h2 {
	background-color:transparent;
	color:#004051;
	font-weight:bold;
	padding:0;
	font-size:.5em;
}
.downloadPage .inner {
	margin-bottom:1.4em;
}
.downloadPage .inner article {
	font-size:.45em;
	margin-bottom:.6em;
}
.downloadPage .inner article a {
	background:url(../img/right_arrow.png) no-repeat left .35em;
	padding-left:1.4em;
	margin-left:1em;
}
.downloadPage .inner.banner h3 {
	font-size:1em;
	font-weight:normal;
	margin-bottom:.3em;
}
.downloadPage .inner.banner .linkCode {
	border:2px solid #152687;
	font-size:1.9em;
	margin-top:.4em;
	padding:0 .4em;
	margin-bottom:1em;
}
.downloadPage .inner.banner .howto {
	margin-left:1em;
	font-size:.8em;
}

@media only screen and (max-width: 42em) {
	#faq .downloadPage h2 {
		font-size:16px;
	}
	.downloadPage .inner article {
		font-size:14px;
		margin-bottom:.8em;
	}
	.downloadPage .inner article a {
		background:url(../img/right_arrow.png) no-repeat left 4px;
	}
	.downloadPage .inner.banner .howto {
		display:block;
		margin-left:0;
		margin-top:3%;
		font-size:12px;
		line-height:1.5;
	}
}




/* ======================================================

	footer

========================================================= */
footer {
	text-align:center;
	margin-top:2.5em;
}
footer .company01, footer .company02 {
	margin-top:2em;
	margin-bottom:2em;
}
footer .copyright {
	background-color:#000;
	color:#fff;
	margin-top:3em;
	margin-bottom:0;
	padding:1.3em 0;
}
#page-top {
	position:fixed;
	right:20px;
	bottom:8em;
}
#page-top img {
	width:5em;
}
@media only screen and (max-width: 42em) {
	footer img {
		width:40%;
	}
	footer .company01, footer .company02 {
		width:90%;
		margin-right:auto;
		margin-left:auto;
	}
	#page-top {
		position:relative;
		bottom:inherit;
		right:inherit;
		margin-top:2.5em;
	}
	#page-top img {
		width:60px;
	}
}