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, input, select, button, caption, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height: 1;
	word-break: break-all;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
body {
	background: #fff;
	font-family: Verdana, "Verdana", Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #4a4a4a;
	-webkit-text-size-adjust: 100%
}
html {
	font-size: 62.5%;
	overflow: auto;
	-webkit-font-smoothing: antialiased;
	-ms-overflow-style: none
}
body, html {
	height: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
table {
	border-collapse: collapse
}
a {
	color: #49A5E0;
	text-decoration: none;
	overflow: hidden;
	outline: none
}
img, video, object, embed {
	max-width: 100%;
	height: auto!important
}
img {
	vertical-align: bottom;
	border: 0
}
iframe {
	max-width: 100%
}
input, textarea, button, select {
	font-family: Verdana, "Verdana", Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}
select {
	-webkit-appearance: none
}
input[type='text'], input[type='date'], input[type='password'], select, textarea {
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 3px;
	padding: 8px 10px;
	cursor: pointer
}
input[type='text']:focus, input[type='date']:focus, input[type='password']:focus, select:focus, textarea:focus {
	border-color: #F1CE00
}
input[type='file'], input[type='checkbox'], input[type='radio'] {
	cursor: pointer
}
button:focus, input[type='text']:focus, input[type='password']:focus, input[type='date']:focus, input[type='file']:focus, input[type='checkbox']:focus, input[type='radio']:focus, select:focus, textarea:focus {
	outline: none
}
label {
	display: inline-block;
	cursor: pointer
}
button {
	cursor: pointer
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button
}
button::-moz-focus-inner, input::-moz-focus-inner {
	margin: 0;
	padding: 0;
	border: 0
}
::-moz-selection {
	background: #bbb;
	color: #fff;
	text-shadow: none
}
::selection {
	background: #bbb;
	color: #fff;
	text-shadow: none
}
a, img, input, button, select, .nav-menu [id^="icon-"], .link svg, .btn-head-login svg {
	-webkit-transition: .3s;
	transition: .3s
}
header:after, .container:after, .footer-inner:after, #wrap-step1:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	overflow: hidden
}
.defs {
	display: none
}
.container {
	width: 95%;
	max-width: 1280px;
	margin: 0 auto
}
header {
	width: 100%;
	padding: 1em 0;
	background: #fff;
	border-top: solid 5px #9B1F35;
	-webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, .1);
	-ms-box-shadow: 0 1px 3px rgba(51, 51, 51, .1);
	box-shadow: 0 1px 3px rgba(51, 51, 51, .1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20
}
header>div {
	display: table;
	padding: 0 .8rem
}
header .logo, header .nav {
	display: table-cell;
	vertical-align: middle
}
header .logo {
	width: 280px
}
header .logo a {
	display: block
}
header .logo img {
	width: 100%;
	height: auto
}
header .nav {
	text-align: right
}
header a {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: .02em;
	color: #4a4a4a;
	line-height: 1.2
}
header .link-signup {
	color: #49A5E0
}
header .btn-head-login {
	padding: .4em .8em;
	border: solid 1px #49A5E0;
	border-radius: 5px;
	color: #49A5E0
}
header .btn-head-login:hover {
	background: #49A5E0;
	color: #fff
}
header .btn-head-login:hover svg {
	fill: #fff
}
header li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 2.8em
}
header .none {
	display: none
}
.icon-login {
	width: 15px;
	height: 15px;
	fill: #49A5E0;
	vertical-align: middle;
	margin: 0 .4rem .15rem 0
}
#btn-menu, #btn-close {
	display: none
}
main {
	margin-top: 52px;
	display: block
}
#wrap-main {
	width: 100%;
	height: 750px;
	background: url(../img/landing/main_bg.jpg) center center no-repeat #E9EEEF;
	background-size: cover;
	overflow: hidden;
	position: relative;
	z-index: 1
}
#wrap-main .container {
	height: 100%;
	padding: 12rem 0 0 1.5rem;
	position: relative;
	z-index: 5
}
#wrap-main h1 {
	width: 70%;
	max-width: 750px;
	margin-bottom: 6rem
}
#wrap-main h1 img {
	width: 100%;
	height: auto
}
#wrap-main h2 {
	font-size: 59px;
	font-size: 5.9rem;
	letter-spacing: .6rem;
	line-height: 1.3
}
.main-thumbnail {
	width: 670px;
	height: 670px;
	background: url(../img/landing/main.png) center bottom no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: 0;
	right: -7.5rem;
	z-index: 6
}
.main-thumbnail div {
	width: 252px;
	height: 448px;
	border: solid .14rem #555;
	border-radius: .1rem;
	position: absolute;
	right: 9.85rem;
	bottom: 12.7rem;
	background: url(../img/landing/main_image.png) top center no-repeat #555;
	background-size: cover;
	z-index: 7
}
.main-link {
	margin-top: 6.5rem
}
.main-link a {
	display: inline-block;
	margin-right: 2rem;
	padding: 2.6rem 6rem;
	border: solid 1px #49A5E0;
	border-radius: 40rem;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: .18rem
}
.main-link .btn-signup {
	background: #49A5E0;
	color: #fff
}
.main-link .btn-signup:after {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 0 .1em 1em;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.main-link .btn-signup:hover {
	background: #68b4e5
}
.main-link .btn-login {
	color: #49A5E0
}
.main-link .btn-login:hover {
	background: #fff
}
#particles-js {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}
#particles-js canvas {
	display: block;
	vertical-align: bottom
}
.main-device {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}
.main-device .device-1 {
	width: 280px;
	height: auto;
	position: absolute;
	bottom: -7em;
	left: -16em;
	-webkit-animation: "floating01" 6s ease .5s infinite, alternate;
	animation: "floating01" 6s ease .5s infinite, alternate;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.main-device .device-2 {
	width: 130px;
	height: auto;
	position: absolute;
	top: -2em;
	left: 4em;
	-webkit-animation: "floating02" 5.5s ease .3s infinite, alternate;
	animation: "floating02" 5.5s ease .3s infinite, alternate;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.main-device .device-3 {
	width: 70px;
	height: auto;
	position: absolute;
	top: 8em;
	right: 3em;
	-webkit-animation: "floating03" 4s ease .2s infinite, alternate;
	animation: "floating03" 4s ease .2s infinite, alternate;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes floating01 {
	0% {
		bottom: -7em
	}
	50% {
		bottom: -4.5em
	}
	100% {
		bottom: -7em
	}
}
@keyframes floating01 {
	0% {
		bottom: -7em
	}
	50% {
		bottom: -4.5em
	}
	100% {
		bottom: -7em
	}
}
@-webkit-keyframes floating02 {
	0% {
		top: -2em
	}
	50% {
		top: -3em
	}
	100% {
		top: -2em
	}
}
@keyframes floating02 {
	0% {
		top: -2em
	}
	50% {
		top: -3em
	}
	100% {
		top: -2em
	}
}
@-webkit-keyframes floating03 {
	0% {
		top: 8em
	}
	50% {
		top: 10em
	}
	100% {
		top: 8em
	}
}
@keyframes floating03 {
	0% {
		top: 8em
	}
	50% {
		top: 10em
	}
	100% {
		top: 8em
	}
}
.link-scroll-down {
	display: block;
	width: 70px;
	height: 70px;
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -35px;
	text-align: center;
	z-index: 5
}
.link-scroll-down p {
	width: 100%;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: 600;
	color: #49A5E0;
	letter-spacing: .1em;
	position: absolute;
	bottom: 0;
	left: 0
}
.link-scroll-down span {
	display: block;
	width: 2px;
	height: 48px;
	background: #49A5E0;
	position: absolute;
	bottom: 25px;
	left: 33px;
	-webkit-transition: .1s;
	transition: .1s
}
.link-scroll-down span:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border-bottom: solid 2px #49A5E0;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 2px;
	left: -3px
}
.link-scroll-down:hover span {
	bottom: 18px
}
#wrap-device, #wrap-service, #wrap-app {
	padding: 15rem 0
}
.section-head {
	margin-bottom: 6.5rem;
	text-align: center
}
.section-head h3 {
	margin-bottom: 4.2rem;
	padding-bottom: 3.8rem;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 900;
	letter-spacing: .3rem;
	position: relative
}
.section-head h3:after {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	background: #4a4a4a;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -30px
}
.section-head p {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 2.5;
	letter-spacing: .02em
}
.section-head a {
	margin-top: 2.5em;
	display: inline-block;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 700;
	color: #49A5E0;
	line-height: 1.5
}
.section-head a:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 .5rem .2rem 1.3rem;
	border-right: solid 2px #49A5E0;
	border-bottom: solid 2px #49A5E0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.section-head a:hover {
	text-decoration: underline
}
#wrap-device {
	position: relative
}
.thumbnails-device {
	width: 100%;
	height: 445px;
	margin-bottom: 10rem;
	background: url(../img/landing/device_list.jpg) center center no-repeat;
	background-size: cover
}
.device-lists dt {
	padding: 1.4rem;
	background: #28272B;
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	letter-spacing: .2rem;
	text-align: center
}
.device-lists .cols {
	padding: 3rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-line-pack: stretch;
	align-content: stretch
}
.device-lists .series {
	padding: 1.5rem 2rem;
	border-right: dotted 1px #ddd
}
.device-lists .series:nth-child(2) {
	width: 23%
}
.device-lists .series:nth-child(1), .device-lists .series:nth-child(3), .device-lists .series:nth-child(4), .device-lists .series:nth-child(5), .device-lists .series:nth-child(6) {
	width: 25%
}
.device-lists .series:nth-child(3) {
	width: 25%
}
.device-lists .series:last-child {
	border-right: none
}
.device-lists .series a {
	display: inline-block;
	width: 100%;
	margin-bottom: 2rem;
	font-size: 15px;
	font-size: 1.5rem;
	color: #49A5E0;
	letter-spacing: .1rem;
	white-space: nowrap
}
.device-lists .series a:before {
	content: '';
	display: inline-block;
	margin-right: 1rem;
	border-left: solid .7rem #ddd;
	border-top: solid .5rem transparent;
	border-bottom: solid .5rem transparent
}
.device-lists .series a:hover {
	text-decoration: underline
}
.device-lists .info {
	text-align: center
}
.device-lists .info p {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: .06rem
}
.device-lists .info a:hover {
	text-decoration: underline
}
#wrap-service {
	background: #FAFAFA
}
#wrap-service>p {
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: .2rem
}
.thumbnail-service {
	max-width: 1280px;
	margin-bottom: 5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.thumbnail-service>div {
	width: 50%
}
.thumbnail-service img {
	width: 96%;
	height: auto;
	margin: 0 auto;
	display: block
}
#wrap-app {
	padding-bottom: 4rem
}
.block-apps {
	margin-top: 9rem;
	padding: 0 10rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around
}
.block-apps dl {
	width: 50%;
	margin-bottom: 10rem;
	padding: 0 8rem;
	text-align: center
}
.block-apps dl:nth-child(1) {
	width: 100%;
	padding: 0 20%
}
.block-apps dl:nth-child(4) dt img {
	width: 160px
}
.block-apps h4 {
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: 600;
	letter-spacing: .1rem;
	line-height: 2;
	white-space: nowrap
}
.block-apps dt p {
	margin-bottom: 3.5rem;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: .1rem
}
.block-apps dt img {
	width: 140px;
	height: auto
}
.block-apps .desc {
	height: 140px;
	padding: 3rem 0;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.8;
	letter-spacing: .04em;
	-webkit-text-align: justify;
	-ms-text-align: justify;
	text-align: justify
}
.block-apps .link {
	font-size: 0
}
.block-apps .link a {
	display: inline-block;
	border: solid 1px;
	border-radius: 5px;
	font-weight: 600;
	letter-spacing: .08rem;
	text-align: center
}
.link-iphone {
	margin-right: 2%;
	border-color: #4a4a4a;
	color: #4a4a4a
}
.link-iphone svg {
	fill: #4a4a4a
}
.link-iphone:hover {
	background: #4a4a4a
}
.link-android {
	margin-left: 2%;
	border-color: #A0B93F;
	color: #A0B93F
}
.link-android svg {
	fill: #A0B93F
}
.link-android:hover {
	background: #A0B93F
}
.link-iphone, .link-android {
	width: 48%;
	padding: 1.4rem .1rem;
	font-size: 13px;
	font-size: 1.3rem
}
.link-iphone svg, .link-android svg {
	width: 20px;
	height: 20px;
	margin: 0 .5rem .3rem 0;
	vertical-align: middle
}
.link-iphone:hover svg, .link-android:hover svg {
	fill: #fff
}
.link-detail {
	width: 100%;
	padding: 1.6rem .5rem;
	font-size: 14px;
	font-size: 1.4rem
}
.link-detail:hover {
	background: #49A5E0
}
.link-iphone:hover, .link-android:hover, .link-detail:hover {
	color: #fff
}
footer {
	padding: 8rem;
	background: #173B5A;
	text-align: center;
	color: #fff
}
footer .logo {
	display: inline-block;
	width: 420px
}
footer .logo img {
	width: 100%;
	height: auto
}
footer li {
	display: inline-block
}
footer a {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem
}
footer a:hover {
	opacity: .8
}
footer>p {
	margin-bottom: 2rem;
	font-size: 14px;
	font-size: 1.4rem
}
footer>p a {
	font-weight: 600
}
footer>p a:hover {
	text-decoration: underline
}
footer small {
	font-size: 12px;
	font-size: 1.2rem;
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: .2rem
}
.footer-nav {
	margin: 3.5rem 0
}
.footer-nav li:after {
	content: '|';
	display: inline-block;
	vertical-align: bottom;
	margin: 0 .6rem .2rem 1rem
}
.footer-nav li:last-child:after {
	content: none
}
.footer-sns {
	margin-bottom: 3.5rem
}
.footer-sns li {
	margin: 0 1rem
}
.footer-sns svg {
	width: 45px;
	height: 45px
}
.icon-fb {
	fill: #344F8D
}
.icon-tw {
	fill: #00A3EA
}
.icon-is {
	fill: #5989BD
}
#wrap-step1, #wrap-step2, #wrap-step3 {
	margin-bottom: 10rem;
	padding: 0 4rem
}
#wrap-step1 h2, #wrap-step2 h2, #wrap-step3 h2 {
	margin-bottom: 3rem;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .1rem
}
#wrap-step1 h2 span, #wrap-step2 h2 span, #wrap-step3 h2 span {
	font-family: "Trebuchet MS", sans-serif;
	letter-spacing: .2rem
}
#wrap-step1 h2 span:after, #wrap-step2 h2 span:after, #wrap-step3 h2 span:after {
	content: '|';
	margin: 0 1.2rem;
	font-weight: 100;
	color: #999;
	display: inline-block;
	vertical-align: top
}
#wrap-step1 p, #wrap-step2 p, #wrap-step3 p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: .02rem;
	-webkit-text-align: justify;
	-ms-text-align: justify;
	text-align: justify
}
#wrap-step1 a, #wrap-step2 a, #wrap-step3 a {
	font-size: 16px;
	font-size: 1.6rem
}
#wrap-step1 a:hover, #wrap-step2 a:hover, #wrap-step3 a:hover {
	text-decoration: underline
}
.marker {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(0%, #fff2a5));
	background: linear-gradient(transparent 60%, #fff2a5 0%)
}
#nav-manual {
	margin: 12rem 0 6rem;
	padding: 0 4rem
}
#nav-manual ul {
	width: 100%;
	display: table;
	border: solid 1px #49A5E0;
	text-align: center
}
#nav-manual li {
	display: table-cell;
	width: 50%;
	vertical-align: middle
}
#nav-manual a, #nav-manual .current {
	padding: 1.5rem;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: .1rem;
	vertical-align: middle
}
#nav-manual a {
	display: block
}
#nav-manual .current {
	background: #49A5E0;
	color: #fff;
	position: relative
}
#nav-manual .current:after {
	content: '';
	display: block;
	border-top: solid 10px #49A5E0;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px
}
#wrap-step1 img {
	float: left;
	width: 340px;
	height: auto;
	margin-right: 2rem
}
.link-login {
	display: inline-block;
	margin-top: 3rem;
	font-weight: 600
}
.link-login:before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 1rem .05rem .2rem;
	border-right: solid 2px;
	border-bottom: solid 2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
section[id^='usage-'] {
	margin-bottom: 10rem;
	padding: 0 4rem
}
#usage-top {
	margin-bottom: 8rem
}
#usage-top img {
	width: 100%;
	height: auto;
	border: solid 1px #eee;
	border-bottom: none;
	border-radius: 5px 5px 0 0
}
#usage-top p {
	padding: 2rem 1rem;
	background: #34353B;
	border-radius: 0 0 5px 5px;
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	letter-spacing: .1rem;
	line-height: 1.3;
	text-align: center
}
#usage-top a {
	font-weight: 600
}
#usage-top a:hover {
	text-decoration: underline
}
#usage-top h2 {
	margin-top: 10rem;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: .18rem
}
#usage-top h2 br {
	display: none
}
section[id^='usage-0'] h3 {
	margin-bottom: 2rem;
	padding-left: 7rem;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 600;
	letter-spacing: .16rem;
	line-height: 48px;
	position: relative
}
section[id^='usage-0'] h3 svg {
	width: 48px;
	height: 48px;
	fill: #ccc;
	position: absolute;
	top: 0;
	left: 0
}
section[id^='usage-0']>div {
	padding-left: 7rem
}
section[id^='usage-0']>div>p {
	margin-bottom: 3rem;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.8;
	letter-spacing: .04rem;
	-webkit-text-align: justify;
	-ms-text-align: justify;
	text-align: justify
}
section[id^='usage-0'] ul {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around
}
section[id^='usage-0'] li p {
	margin-top: 1.5rem;
	font-size: 13px;
	font-size: 1.3rem;
	color: #999;
	line-height: 1.5;
	letter-spacing: .04rem
}
section[id^='usage-0'] .steps li {
	position: relative;
	width: 30%
}
section[id^='usage-0'] .steps li:after {
	content: '';
	display: inline-block;
	border-left: solid 10px #ddd;
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	position: absolute;
	top: 50%;
	right: -7.5%;
	margin-top: -20px
}
section[id^='usage-0'] .steps li:last-child:after {
	content: none
}
section[id^='usage-0'] .steps img {
	border: solid 1px #eee
}
#usage-01 li p {
	text-align: center
}
#usage-02 li {
	width: 48%
}
#usage-02 li p {
	text-align: center
}
#usage-03>div, #usage-06>div {
	text-align: center
}
#usage-03 img, #usage-06 img {
	width: 80%;
	height: auto
}
#usage-03 img+p, #usage-06 img+p {
	margin-top: 1.5rem;
	font-size: 13px;
	font-size: 1.3rem;
	color: #999;
	letter-spacing: .04rem;
	text-align: center
}
#usage-06 .desc {
	margin-top: 4rem;
	padding: 2rem 2rem 2rem 6rem;
	background: #fbfbfb;
	border: solid 1px #eee;
	border-radius: 3px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: .04rem;
	-webkit-text-align: justify;
	-ms-text-align: justify;
	text-align: justify;
	position: relative
}
#usage-06 .desc:before {
	content: '注）';
	display: block;
	position: absolute;
	top: 2.1rem;
	left: 2.7rem
}
.link-before {
	display: inline-block;
	padding: .5rem .6rem;
	background: #f7f7f7;
	border-radius: 3px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 600;
	color: #666;
	letter-spacing: .04em;
	vertical-align: middle
}
.link-before svg {
	width: 13px;
	height: 13px;
	margin-right: .4em;
	vertical-align: bottom;
	fill: #666
}
#wrap-info {
	min-height: 80vh;
	padding: 5rem 7rem
}
#wrap-info h1 {
	margin-bottom: 3rem;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: .18rem
}
#wrap-info h1+p {
	margin-bottom: 4rem;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6
}
#wrap-info h1+p a {
	display: inline-block;
	width: 100%;
	margin: 1.2rem 0 .7rem;
	padding-left: .5rem;
	font-weight: 600
}
#wrap-info h1+p a:hover {
	text-decoration: underline
}
#wrap-info h2 {
	margin: 2.5rem 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: .1rem;
	line-height: 1.4;
	-webkit-text-align: justify;
	-ms-text-align: justify;
	text-align: justify
}
#wrap-info h2+p {
	padding-left: 1rem
}
#wrap-info ol, #wrap-info ul {
	margin-left: 0;
	padding-left: 2.8rem
}
#wrap-info h2+p, #wrap-info li {
	margin-bottom: 1.5rem;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.7;
	-webkit-text-align: justify;
	-ms-text-align: justify;
	text-align: justify
}
#wrap-info ul {
	list-style-type: circle
}
#block-service {
	margin-bottom: 8rem;
	padding: 3rem 3rem 2rem;
	background: #f9f9f9
}
#block-service>p:not(.headline), #block-service li {
	margin-bottom: 1rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	letter-spacing: .02rem
}
#block-service .headline {
	margin-bottom: 2.2rem;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: 600;
	letter-spacing: .18rem
}
#block-service .headline span {
	display: inline-block;
	padding-bottom: .8rem;
	border-bottom: solid 2px #9B1F35
}
#block-service ol {
	margin-bottom: 2rem
}
#block-service small {
	display: inline-block;
	padding: 1rem;
	background: #fff;
	border: solid 1px #f5f5f5;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.8;
	letter-spacing: .02rem
}
#block-service p {
	line-height: 1.6
}
#block-service p+p {
	margin-top: .8em
}
#block-service p em {
	font-weight: 600;
	font-style: normal
}
#block-service table {
	margin: 1.2em 0 1.4em;
	background: #fff;
	border: solid 1px #ddd
}
#block-service table th, #block-service table td {
	padding: .5em .8em;
	border: solid 1px #ddd;
	vertical-align: middle
}
#block-service table th {
	font-weight: 600;
	color: #666;
	letter-spacing: .06em
}
#block-service table td {
	line-height: 1.6
}
#block-service table thead th {
	background: #eef2f4;
	text-align: center
}
#block-service table tbody th {
	background: #e2f0fa
}
#block-service .info {
	padding: .8em 1.2em;
	background: #fff;
	border: solid 1px #eee
}
.block-requirements {
	margin-top: 5rem;
	padding: 2rem;
	background: #fcfcfc
}
.block-requirements p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8
}
.block-requirements .headline {
	margin-bottom: .4rem;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: .2rem
}
.block-requirements .sub {
	display: inline-block;
	margin: .8rem 0;
	padding: 0 .6rem;
	border: solid 1px #293B49;
	font-weight: 600;
	color: #293B49;
	letter-spacing: .1rem
}
.block-requirements a:hover {
	text-decoration: underline
}
#wrap-error {
	min-height: 75vh;
	padding: 20em 0;
	text-align: center
}
#wrap-error h1 {
	margin-bottom: 2.5rem;
	padding-bottom: 3.5rem;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: 600;
	letter-spacing: .2rem;
	position: relative
}
#wrap-error h1:after {
	content: '';
	display: inline-block;
	width: 60px;
	height: 1px;
	background: #333;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -30px
}
#wrap-error p {
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: .08rem;
	line-height: 2
}
#wrap-error p br {
	display: none
}
#wrap-error .link {
	margin-top: 5rem
}
#wrap-error a {
	display: inline-block;
	margin: 0 1.4rem;
	font-weight: 600
}
#wrap-error a:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 .8rem .1rem 0;
	border-right: solid 2px;
	border-bottom: solid 2px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
#wrap-error a:hover {
	text-decoration: underline
}
@media screen and (max-width:1280px) {
	body {
		-webkit-text-size-adjust: none
	}
	#wrap-main {
		height: 620px
	}
	#wrap-main .container {
		padding-top: 8rem
	}
	#wrap-main h2 {
		font-size: 52px;
		font-size: 5.2rem
	}
	.main-thumbnail {
		width: 600px;
		height: 600px
	}
	.main-thumbnail div {
		right: 7.6rem;
		bottom: 9rem;
		-webkit-transform: scale(.89, .89);
		transform: scale(.89, .89)
	}
	.main-link {
		position: absolute;
		left: 2rem;
		bottom: 4rem;
		z-index: 7
	}
	.main-link .btn-login {
		background: #f0f1f3
	}
}
@media screen and (max-width:1024px) {
	body {
		-webkit-text-size-adjust: none
	}
	header, main, footer, .container {
		width: 100%;
		min-width: auto
	}
	.container {
		max-width: 720px;
		min-width: auto
	}
	header>div {
		padding: 0
	}
	header .logo {
		width: 30%
	}
	header a {
		font-size: 12px;
		font-size: 1.2rem
	}
	header li {
		margin-left: 1.2rem
	}
	header .btn-head-login {
		padding: .3rem .5rem
	}
	.icon-login {
		margin: 0 .3rem 0 0;
		-webkit-transform: scale(.8, .8);
		transform: scale(.8, .8)
	}
	main {
		margin-top: 50px
	}
	#wrap-main {
		height: 380px;
		max-height: 380px
	}
	#wrap-main .container {
		padding: 6.5rem 0 0
	}
	#wrap-main h1 {
		width: 70%;
		margin-bottom: 3rem
	}
	#wrap-main h2 {
		font-size: 35px;
		font-size: 3.5rem;
		letter-spacing: .4rem
	}
	.main-link {
		margin-top: 3.2rem
	}
	.main-link a {
		padding: 1.5rem 2rem;
		font-size: 15px;
		font-size: 1.5rem;
		letter-spacing: .2rem;
		margin-right: 1rem
	}
	.main-link .btn-signup:after {
		margin: 0 0 .1em .6em
	}
	.main-thumbnail {
		width: 350px;
		height: 350px;
		right: -2rem
	}
	.main-thumbnail div {
		width: 130px;
		height: 235px;
		right: 5.3rem;
		bottom: 6.5rem;
		-webkit-transform: none;
		transform: none
	}
	.main-device .device-1 {
		width: 150px;
		left: -10em
	}
	.main-device .device-2 {
		width: 90px;
		left: 1rem
	}
	.main-device .device-3 {
		width: 60px;
		right: .5rem
	}
	.link-scroll-down {
		-webkit-transform: scale(.8, .8);
		transform: scale(.8, .8)
	}
	#wrap-device, #wrap-service, #wrap-app {
		padding: 10rem 0
	}
	.section-head h3 {
		margin-bottom: 3.4rem;
		padding-bottom: 3.2rem;
		font-size: 25px;
		font-size: 2.5rem
	}
	.section-head p {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 2.3
	}
	.section-head a {
		margin-top: 2.4rem;
		font-size: 15px;
		font-size: 1.5rem
	}
	.thumbnails-device {
		height: 23vh;
		margin-top: -2rem;
		margin-bottom: 6rem
	}
	.device-lists {
		width: 90%
	}
	.device-lists dt {
		padding: 1rem
	}
	.device-lists .cols {
		padding: 2rem 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
	.device-lists .series {
		width: 33.3%!important;
		padding: 2rem .5rem .5rem 2rem
	}
	.device-lists .series a {
		margin-bottom: 1.6rem;
		font-size: 14px;
		font-size: 1.4rem;
		white-space: normal
	}
	.device-lists .series:nth-child(1), .device-lists .series:nth-child(2), .device-lists .series:nth-child(3) {
		border-bottom: dotted 1px #ddd
	}
	.device-lists .series:nth-child(3) {
		border-right: none
	}
	.device-lists .info p {
		font-size: 14px;
		font-size: 1.4rem
	}
	#wrap-service>p {
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: .1rem
	}
	#wrap-app {
		padding-bottom: 2rem
	}
	.block-apps {
		padding: 0
	}
	.block-apps dl {
		padding: 0 2.4rem
	}
	.block-apps dt img {
		-webkit-transform: scale(.8, .8);
		transform: scale(.8, .8)
	}
	.block-apps h4 {
		font-size: 17px;
		font-size: 1.7rem
	}
	.block-apps .desc {
		height: 120px;
		padding: 2rem 0;
		font-size: 14px;
		font-size: 1.4rem
	}
	.block-apps .link a {
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 0
	}
	.link-iphone, .link-android {
		padding: 1.2rem .2rem
	}
	.link-iphone svg, .link-android svg {
		margin: 0 .2rem .3rem 0;
		-webkit-transform: scale(.8, .8);
		transform: scale(.8, .8)
	}
	footer {
		padding: 5rem 1.5rem
	}
	footer .logo {
		width: 240px
	}
	footer a {
		font-size: 13px;
		font-size: 1.3rem
	}
	footer>p {
		margin-bottom: 1.5rem;
		font-size: 13px;
		font-size: 1.3rem
	}
	footer small {
		font-size: 11px;
		font-size: 1.1rem
	}
	.footer-nav {
		margin: 2.8rem 0
	}
	.footer-sns {
		margin-bottom: 2.8rem
	}
	.footer-sns svg {
		width: 40px;
		height: 40px
	}
}
@media screen and (max-width:767px), screen and (max-width:1280px) and (orientation:portrait) {
	.container {
		max-width: 100%
	}
	header {
		width: 100%;
		height: 100%;
		padding: 0 2em 3em;
		background: #9B1F35;
		display: block;
		position: fixed;
		top: -99.5%;
		left: 0;
		-webkit-box-shadow: none;
		-ms-box-shadow: none;
		box-shadow: none;
		-webkit-transition: .3s;
		transition: .3s
	}
	header .logo {
		display: none
	}
	header .nav {
		display: none;
		width: 80%;
		margin: 0 auto;
		text-align: center
	}
	header a {
		display: block;
		padding: 1em 0;
		font-size: 16px;
		font-size: 1.6rem;
		color: #fff;
		letter-spacing: .1rem
	}
	header li {
		margin: 0 0 1.2em;
		display: block
	}
	header li:last-child {
		margin: 2em 0 0
	}
	header li:nth-child(2), header li:nth-child(3), header li:nth-child(4) {
		position: relative
	}
	header li:nth-child(2):after, header li:nth-child(3):after, header li:nth-child(4):after {
		content: '';
		display: inline-block;
		width: 5px;
		height: 5px;
		border-right: solid 2px #fff;
		border-bottom: solid 2px #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		position: absolute;
		right: 1rem;
		top: 50%;
		margin-top: -3px
	}
	header .none {
		display: block;
		margin-bottom: 2.5em
	}
	header .none img {
		width: 100%;
		height: auto
	}
	header .link-signup {
		color: #fff
	}
	header .btn-head-login {
		margin-top: 1.8em;
		padding: .8em;
		border-color: #fff;
		color: #fff
	}
	header .btn-head-login:hover {
		background: transparent
	}
	.icon-login {
		width: 20px;
		height: 20px;
		margin: 0 .3rem .08rem 0;
		fill: #fff
	}
	#btn-menu {
		display: block;
		width: 74px;
		height: 38px;
		position: fixed;
		top: 2px;
		right: 15px;
		text-align: center;
		z-index: 10
	}
	#btn-menu span {
		display: inline-block;
		padding: .3rem 0 .5em;
		font-size: 10px;
		font-size: 1rem;
		color: #fff;
		letter-spacing: .1rem;
		position: relative;
		z-index: 11
	}
	#btn-menu span:after {
		content: '';
		display: inline-block;
		width: 10px;
		height: 1px;
		background: #fff;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -5px
	}
	#btn-menu:before {
		content: '';
		display: inline-block;
		border-top: solid 38px #9B1F35;
		border-left: solid 37px transparent;
		border-right: solid 37px transparent;
		position: absolute;
		top: 0;
		right: 0
	}
	#btn-close {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		top: .6rem;
		right: .6rem
	}
	#btn-close:before, #btn-close:after {
		content: '';
		width: 46px;
		height: 2px;
		background: #fff;
		position: absolute;
		top: 2.2rem;
		right: .2rem
	}
	#btn-close:before {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	#btn-close:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.header-down {
		padding-top: 22vh;
		top: 0!important;
		overflow-y: scroll;
		z-index: 15
	}
	.header-down .nav {
		display: block
	}
	main {
		margin-top: 0
	}
	#wrap-main {
		min-height: 500px;
		max-height: 80vh;
		text-align: center
	}
	#wrap-main h1 {
		width: 90%;
		margin: 0 auto 1.4rem
	}
	#wrap-main h2 {
		width: 90%;
		margin: 0 auto;
		font-size: 17px;
		font-size: 1.7rem;
		letter-spacing: .1rem
	}
	#wrap-main h2 br {
		display: none
	}
	#wrap-main .container {
		max-width: 520px;
		padding-top: 6rem
	}
	.main-thumbnail {
		width: 320px;
		background: url(../img/landing/main_sp.png) center bottom no-repeat;
		background-size: cover;
		right: auto;
		left: 50%;
		margin-left: -160px
	}
	.main-thumbnail div {
		width: 110px;
		height: 200px;
		right: 4rem;
		bottom: 9.8rem;
		-webkit-transform: none;
		transform: none
	}
	.main-link {
		width: 100%;
		margin: 0;
		position: absolute;
		bottom: 1rem;
		left: 0;
		z-index: 7
	}
	.main-link a {
		width: 46%;
		margin: 0 1%;
		padding: 1.6rem 1rem;
		border-width: 2px;
		border-radius: 4px;
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing: .04rem;
		white-space: nowrap
	}
	.main-link .btn-signup:after {
		width: 5px;
		height: 5px
	}
	.main-link .btn-login {
		background: #fff
	}
	.main-device {
		display: none
	}
	.link-scroll-down {
		display: none
	}
	#wrap-device, #wrap-service, #wrap-app {
		padding: 7rem 0
	}
	.section-head {
		margin-bottom: 5rem;
		padding: 0 1.4rem
	}
	.section-head h3 {
		margin-bottom: 2.4rem;
		padding-bottom: 2.8rem;
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: .03rem;
		white-space: nowrap
	}
	.section-head p {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.7;
		-webkit-text-align: justify;
		-ms-text-align: justify;
		text-align: justify
	}
	.section-head p br {
		display: none
	}
	.section-head a {
		font-size: 13px;
		font-size: 1.3rem;
		letter-spacing: .02rem
	}
	.section-head a:after {
		width: 5px;
		height: 5px;
		margin-left: .5rem
	}
	.thumbnails-device {
		height: 18vh;
		min-height: 180px;
		margin-bottom: 4rem;
		background-size: 115%
	}
	.device-lists {
		width: 94%
	}
	.device-lists dt {
		padding: .8rem;
		font-size: 14px;
		font-size: 1.4rem
	}
	.device-lists .cols {
		padding: 1.5rem 0
	}
	.device-lists .series {
		width: 50%!important;
		padding: 1.6rem .3rem 0 1.2rem
	}
	.device-lists .series:before {
		margin-right: .6rem
	}
	.device-lists .series:nth-child(3) {
		border-right: dotted 1px #ddd
	}
	.device-lists .series:nth-child(4), .device-lists .series:nth-child(5), .device-lists .series:nth-child(6) {
		border-bottom: dotted 1px #ddd
	}
	.device-lists .series:nth-child(2), .device-lists .series:nth-child(4) {
		border-right: none
	}
	.device-lists .series a {
		font-size: 12px;
		font-size: 1.2rem
	}
	.device-lists .info {
		padding: 1rem .8rem 0;
		-webkit-text-align: justify;
		-ms-text-align: justify;
		text-align: justify
	}
	.device-lists .info p {
		font-size: 13px;
		font-size: 1.3rem
	}
	.device-lists .info p br {
		display: none
	}
	.thumbnail-service {
		width: 94%;
		margin-bottom: 3rem
	}
	#wrap-service>p {
		width: 92%;
		margin: 0 auto;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.6
	}
	#wrap-app {
		padding-bottom: 0
	}
	.block-apps {
		margin-top: 3rem;
		display: block
	}
	.block-apps dl, .block-apps dl:nth-child(1) {
		width: 100%;
		max-width: 820px;
		margin: 0 auto 8rem;
		padding: 0 2rem
	}
	.block-apps dt p {
		margin-bottom: 1.2rem;
		font-size: 12px;
		font-size: 1.2rem
	}
	.block-apps h4 {
		margin-bottom: .6rem;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.3
	}
	.block-apps .desc {
		height: auto;
		padding: 1rem 0 1.5rem;
		font-size: 13px;
		font-size: 1.3rem
	}
	.block-apps .link a {
		font-size: 13px;
		font-size: 1.3rem
	}
	footer>p {
		padding: 0 .5rem;
		line-height: 1.7
	}
	footer>p a {
		text-decoration: underline
	}
	.footer-nav {
		margin: 2.4rem 0 1.8rem
	}
	.footer-nav li {
		margin: 0 .8rem 1rem
	}
	.footer-nav li:after {
		content: none
	}
	#wrap-step1, #wrap-step2, #wrap-step3 {
		margin-bottom: 6rem;
		padding: 0 1.4rem
	}
	#wrap-step1 h2, #wrap-step2 h2, #wrap-step3 h2 {
		margin-bottom: 2rem;
		font-size: 18px;
		font-size: 1.8rem
	}
	#wrap-step1 p, #wrap-step1 a, #wrap-step2 p, #wrap-step2 a, #wrap-step3 p, #wrap-step3 a {
		font-size: 14px;
		font-size: 1.4rem
	}
	#wrap-step1 img {
		float: none;
		width: 100%;
		margin: 0 0 2rem
	}
	#nav-manual {
		margin: 6rem 0 3rem;
		padding: 0 1.4rem
	}
	#nav-manual a, #nav-manual .current {
		padding: .8rem;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.3;
		vertical-align: middle
	}
	section[id^='usage-'] {
		margin-bottom: 6rem;
		padding: 0 1.4rem
	}
	#usage-top {
		margin-bottom: 4rem
	}
	#usage-top h2 {
		margin-top: 5rem;
		padding-bottom: 2rem;
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.3;
		text-align: center;
		position: relative
	}
	#usage-top h2 br {
		display: block
	}
	#usage-top h2:after {
		content: '';
		display: block;
		width: 30px;
		height: 1px;
		background: #4a4a4a;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -15px
	}
	#usage-top p {
		padding: 1.6rem;
		font-size: 13px;
		font-size: 1.3rem
	}
	section[id^='usage-0'] h3 {
		margin-bottom: 1.6rem;
		padding-left: 5rem;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 35px
	}
	section[id^='usage-0'] h3 svg {
		width: 35px;
		height: 35px;
		margin-left: .5rem
	}
	section[id^='usage-0']>div {
		padding: 0 1rem
	}
	section[id^='usage-0']>div>p {
		margin-bottom: 1.5rem;
		font-size: 13px;
		font-size: 1.3rem
	}
	section[id^='usage-0'] ul {
		display: block
	}
	section[id^='usage-0'] li {
		width: 100%;
		margin-bottom: 2.2rem
	}
	section[id^='usage-0'] li p {
		font-size: 12px;
		font-size: 1.2rem
	}
	section[id^='usage-0'] .steps li {
		width: 100%
	}
	section[id^='usage-0'] .steps li:after {
		content: none
	}
	#usage-02 li {
		width: 100%
	}
	#usage-03 img, #usage-06 img {
		width: 100%
	}
	#usage-03 img+p, #usage-06 img+p {
		font-size: 12px;
		font-size: 1.2rem
	}
	#usage-06 .desc {
		margin-top: 2rem;
		padding: 1.2rem 1.2rem 1.2rem 3.4rem;
		font-size: 12px;
		font-size: 1.2rem
	}
	#usage-06 .desc:before {
		top: 1.2rem;
		left: 1.2rem
	}
	#wrap-info {
		padding: 4rem 1.5rem
	}
	#wrap-info h1 {
		font-size: 20px;
		font-size: 2rem
	}
	#wrap-info h1+p {
		margin-bottom: 3rem;
		padding: 1.2rem;
		font-size: 12px;
		font-size: 1.2rem
	}
	#wrap-info h1+p br {
		display: none
	}
	#wrap-info h2 {
		margin: 2.2rem 0;
		font-size: 14px;
		font-size: 1.4rem
	}
	#wrap-info h2+p {
		padding-left: .6rem
	}
	#wrap-info h2+p, #wrap-info li {
		margin-bottom: 1.3rem;
		font-size: 12px;
		font-size: 1.2rem
	}
	#wrap-info ol, #wrap-info ul {
		padding-left: 2.2rem
	}
	#block-service {
		margin-bottom: 5rem;
		padding: 1.6rem 1.3rem
	}
	#block-service .headline {
		margin-bottom: 1.7rem;
		font-size: 15px;
		font-size: 1.5rem
	}
	#block-service .headline span {
		line-height: 1.4
	}
	#block-service>p:not(.headline), #block-service li {
		font-size: 11px;
		font-size: 1.1rem
	}
	#block-service ol {
		padding-left: 1.6rem
	}
	#block-service table th, #block-service table td {
		padding: .6em
	}
	#block-service table tbody th {
		width: 35%
	}
	.block-requirements {
		padding: 1.5rem 1.3rem
	}
	.block-requirements .healine {
		font-size: 15px;
		font-size: 1.5rem
	}
	#wrap-error {
		min-height: 60vh;
		padding: 10rem 1.5rem 8rem
	}
	#wrap-error h1 {
		font-size: 20px;
		font-size: 2rem
	}
	#wrap-error p {
		font-size: 13px;
		font-size: 1.3rem
	}
	#wrap-error p br {
		display: block
	}
}

.series .mt{
  margin-top:35px; 
}

.device-lists .series.sp {
  display:none; 
}

.series .mt.sp{
  display:none;
}

@media screen and (max-width:1024px) {
  .series .mt{
    margin-top:30px; 
  } 
}

@media screen and (max-width:767px), screen and (max-width:1280px) and (orientation:portrait) {
  .series .mt{
    margin-top:0px; 
  }
  
  .series .pc{
    display:none;
  }
  
  .series .mt.sp{
    display:block;
  }
  
  .device-lists .series.sp {
    display:block;
		padding: 1.6rem 0;
    width:100% !important;
	}
	
	.device-lists .series.sp{
		border-top: dotted 1px #ddd;
    border-bottom:none;
    border-right:none;
	}
}