@charset "UTF-8";
.clearfix, .container .header > .inner .logo-company, .container .header > .inner .header-contents, .container .header > .inner .header-contents .global-nav, .container .contents .img-lay-01, #top .container .contents .column-02, #top .container .contents .column-02 .col.small .share-btn-01, #feature .container .contents .section02 > .inner .list-step-01, #howto .container .contents .section-01 .list-img-01, #howto .container .contents .section-01 .list-img-02 {
	*zoom:1;
}
.clearfix:after, .container .header > .inner .logo-company:after, .container .header > .inner .header-contents:after, .container .header > .inner .header-contents .global-nav:after, .container .contents .img-lay-01:after, #top .container .contents .column-02:after, #top .container .contents .column-02 .col.small .share-btn-01:after, #feature .container .contents .section02 > .inner .list-step-01:after, #howto .container .contents .section-01 .list-img-01:after, #howto .container .contents .section-01 .list-img-02:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:middle;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display:block;
}

body {
	line-height:1.5;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

body {
	font-size:93.75%;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

a {
	color:#0490d6;
	text-decoration:underline;
}
a:hover {
	color:#0490d6;
	text-decoration:none;
}

strong {
	color: #e40000;
}

p, li, table, dl, ol, th, td, h2, h3, select {
	color:#000;
}

html, body {
	height:100%;
}
html .container, body .container {
	width:100%;
	position:relative;
	min-height:100%;
}
html .container .contents, body .container .contents {
	padding-bottom:198px;
}
html .container .footer, body .container .footer {
	position:absolute;
	bottom:0;
	width:100%;
	z-index:10;
}

.container .header {
	background:url("/sp/rolto/images/bg_header.png") repeat-x;
	height:146px;
	min-width:1080px;
}
.container .header > .inner {
	margin:0 auto;
	padding:19px 24px 0 30px;
	width:1026px;
}
.container .header > .inner .logo-company {
	margin:0 26px 23px 0;
}
.container .header > .inner .logo-company a {
	float:right;
}
.container .header > .inner .header-contents {
	padding-top:3px;
}
.container .header > .inner .header-contents .logo-product {
	float:left;
}
.container .header > .inner .header-contents .global-nav {
	float:right;
	padding-top:9px;
}
.container .header > .inner .header-contents .global-nav li {
	float:left;
	margin-left:30px;
}
.container .header > .inner .header-contents .global-nav li:first-child {
	margin-left:0;
}
.container .header > .inner .header-contents .logo-product {
	margin-top:-12px;
}
.container .contents {
	margin:0 auto;
	padding:36px 0 0 0;
	width:1080px;
}
.container .footer {
	background:#fbf17f;
	min-width:1080px;
}
.container .footer > .inner {
	position:relative;
	margin:0 auto;
	padding:14px 0 11px;
	width:1080px;
}
.container .footer > .inner .copy {
	text-align:center;
}
.container .footer > .inner .toTop {
	position:absolute;
	top:-86px;
	right:31px;
}

.container .contents em {
	font-size:120%;
}
.container .contents em em {
	font-size:127.7%;
	line-height:1.3;
}
.container .contents .note {
	position:relative;
	padding-left:19px;
}
.container .contents .note span {
	position:absolute;
	top:0;
	left:0;
}
.container .contents .list-bullet-01 {
	margin-bottom:30px;
}
.container .contents .list-bullet-01 li {
	background:url("/sp/rolto/images/icon_bullet_01.png") no-repeat left 0.4em;
	padding-left:14px;
	margin-bottom:3px;
}
.container .contents .list-note-01 li {
	font-size:86.6%;
}
.container .contents .img-lay-01.left .img {
	float:left;
	padding-right:30px;
}
.container .contents .img-lay-01.right .img {
	float:right;
	padding-left:30px;
}
.container .contents .tbl-01 {
	text-align:left;
	margin-bottom:60px;
	width:100%;
}
.container .contents .tbl-01 tbody th, .container .contents .tbl-01 tbody td {
	border:1px solid #020000;
	padding:8px 20px;
}
.container .contents .tbl-01 tbody th {
	background:#dfdfdf;
}
.container .al-c {
	text-align:center !important;
}
.container .al-l {
	text-align:left !important;
}
.container .pb-0 {
	padding-bottom:0 !important;
}
.container .mb-0 {
	margin-bottom:0 !important;
}
.container .mb-5 {
	margin-bottom:5px !important;
}
.container .mb-10 {
	margin-bottom:10px !important;
}
.container .mb-15 {
	margin-bottom:15px !important;
}
.container .mb-20 {
	margin-bottom:20px !important;
}
.container .mb-25 {
	margin-bottom:25px !important;
}
.container .mb-30 {
	margin-bottom:30px !important;
}
.container .mb-40 {
	margin-bottom:40px !important;
}
.container .mb-45 {
	margin-bottom:45px !important;
}
.container .mb-50 {
	margin-bottom:50px !important;
}

#top .container {
	overflow-y:hidden;
}
#top .container .contents {
	position:relative;
	height:720px;
}
#top .container .contents .column-02 .col.large {
	float:left;
	position:relative;
	width:765px;
}
#top .container .contents .column-02 .col.large .img-01 {
	position:absolute;
	top:90px;
	left:17px;
}
#top .container .contents .column-02 .col.large .txt-01 {
	position:absolute;
	top:80px;
	left:464px;
}
#top .container .contents .column-02 .col.large .txt-02 {
	position:absolute;
	top:18px;
	left:17px;
}
#top .container .contents .column-02 .col.small {
	float:right;
	margin-right:80px;
	width:315px;
}
#top .container .contents .column-02 .col.small h2 {
	text-align:center;
	margin-bottom:15px;
}
#top .container .contents .column-02 .col.small p {
	text-align:center;
	margin-bottom:15px;
}
#top .container .contents .column-02 .col.small .share-btn-01 li {
	float:left;
	margin-left:20px;
}
#top .container .contents .column-02 .col.small .share-btn-01 li:first-child {
	margin-left:0;
}
#top .container .contents .column-02 .col.small .share-btn-01 li.facebook {
	margin-left:10px;
	width:130px;
}
#top .container .contents .enabled-device {
	position:relative;
	padding-left:76px;
}
#top .container .contents .enabled-device span {
	position:absolute;
	top:0;
	left:0;
}
#top .container .contents .main-visual-01 {
	position:relative;
	z-index:5;
}
#top .container .contents .main-visual-01 p {
	position:absolute;
}
#top .container .contents .main-visual-01 .hand-01 {
	top:950px;
	left:50%;
	margin-left:-269px;
}
#top .container .contents .main-visual-01 .hand-02 {
	display:none;
	top:450px;
	left:576px;
}
#top .container .contents .main-visual-01 .point-01 {
	display:none;
	top:450px;
	left:576px;
}
#top .container .contents .main-visual-01 .rolto-01 {
	display:none;
	top:75px;
	left:530px;
}
#top .container .contents .main-visual-01 .rolto-01 {
	display:none;
	top:75px;
	left:530px;
}
#top .container .contents .main-visual-01 .wave-01 {
	display:none;
	top:75px;
	left:255px;
}
#top .container .contents .main-visual-01 .wave-02 {
	display:none;
	top:239px;
	left:313px;
}
#top .container .contents .main-visual-01 .wave-03 {
	display:none;
	top:472px;
	left:299px;
}
#top .container .contents .main-visual-01 .wave-04 {
	display:none;
	top:521px;
	left:293px;
}
#top .container .contents .main-visual-01 .wave-05 {
	display:none;
	top:303px;
	left:302px;
}
#top .container .contents .main-visual-01 .wave-06 {
	display:none;
	top:351px;
	left:281px;
}
#top .container .contents .main-visual-01 .wave-07 {
	display:none;
	top:391px;
	left:265px;
}
#top .container .contents .main-visual-01 .hand-03 {
	display:none;
	top:282px;
	left:-68px;
}
#top .container .contents .main-visual-01 .overlay-01 {
	display:none;
	top:347px;
	left:64px;
}
#top .container .contents .main-visual-01 .overlay-01 {
	display:none;
	top:347px;
	left:64px;
}
#top .container .contents .main-visual-01 .rolto-02 {
	display:none;
	top:76px;
	left:400px;
}
#top .container .contents .main-visual-01 .rolto-03 {
	display:none;
	top:109px;
	left:400px;
}
#top .container .contents .main-visual-01 .paper-02 {
	display:none;
	top:92px;
	left:482px;
}
#top .container .contents .main-visual-01 .flash-01 {
	display:none;
	top:321px;
	left:680px;
}
#top .container .contents .main-visual-01 #skip-01 {
	left:20px;
	top:0;
}
#top .container .contents .main-visual-01 > .container-01 {
	overflow:hidden;
	width:233px;
	height:212px;
	top:366px;
	left:63px;
	position:relative;
}
#top .container .contents .main-visual-01 > .container-01 .display-01 {
	display:none;
}
#top .container .contents .last-contents {
	position:absolute;
	width:100%;
}

#feature .container .contents .section01 {
	height:738px;
	background:url("/sp/rolto/images/bg_feature_01.png") no-repeat center bottom;
	position:relative;
}
#feature .container .contents .section01 .img {
	position:absolute;
}
#feature .container .contents .section01 .img.img-01 {
	top:74px;
	left:50px;
}
#feature .container .contents .section01 .img.img-02 {
	top:90px;
	right:0;
}
#feature .container .contents .section01 .img.img-03 {
	top:222px;
	left:0;
}
#feature .container .contents .section01 .img.img-04 {
	top:60px;
	left:307px;
}
#feature .container .contents .section01 .img.img-05 {
	top:535px;
	left:30px;
}
#feature .container .contents .section01 .img.img-06 {
	top:191px;
	left:337px;
}
#feature .container .contents .section02 {
	background:url("/sp/rolto/images/bg_feature_02.png") no-repeat center top;
	margin-bottom:50px;
	overflow:hidden;
	position:relative;
}
#feature .container .contents .section02 > .inner {
	height:397px;
	padding:32px 50px 20px;
}
#feature .container .contents .section02 > .inner h2 {
	text-align:center;
	margin-bottom:32px;
}
#feature .container .contents .section02 > .inner .list-step-01 li {
	position:absolute;
	left:1100px;
	top:109px;
	z-index:10;
}
#feature .container .contents .section02 > .inner .list-step-01 li.step-01 {
	width:270px;
}
#feature .container .contents .section02 > .inner .list-step-01 li.step-02 {
	width:245px;
}
#feature .container .contents .section02 > .inner .list-step-01 li.step-03 {
	width:245px;
}
#feature .container .contents .section02 > .inner .list-step-01 li .fig-01 {
	margin-bottom:25px;
}
#feature .container .contents .section02 > .inner .list-step-01 li .txt-01 {
	text-align:center;
}

#howto .container .contents .section-01 {
	background:#ebebeb;
	padding:16px 48px 20px 51px;
	margin-bottom:50px;
}
#howto .container .contents .section-01 h2 {
	margin-bottom:19px;
}
#howto .container .contents .section-01 .list-img-01 {
	margin-left:-8px;
}
#howto .container .contents .section-01 .list-img-01 li {
	float:left;
	margin:0 0 11px 8px;
	position:relative;
}
#howto .container .contents .section-01 .list-img-01 li .num-icon {
	position:absolute;
}
#howto .container .contents .section-01 .list-img-01 li .num-icon.icon-left {
	top:0;
	left:-30px;
}
#howto .container .contents .section-01 .list-img-01 li .num-icon.icon-right {
	top:0;
	right:-30px;
}
#howto .container .contents .section-01 .list-img-02:before {
	content:url("/sp/rolto/images/icon_arrow_01.png");
	display:block;
	text-align:right;
	margin-right:223px;
}
#howto .container .contents .section-01 .list-img-02 li {
	float:left;
}
#howto .container .contents .section-01 .list-img-02 li h2 {
	margin-bottom:0;
}

#spec .container .contents .section-01 {
	margin:0 auto 80px;
	padding:0 20px;
	width:1000px;
}