@charset "UTF-8";
/*   
Theme Name: KENKOUYOYAKU APP
Description: KENKOUYOYAKU APP
Version: 2020.01
Author: YH
*/

/* ------------------------------------------
   Reset
------------------------------------------ */
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,
font,
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-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}

* {
	outline: none;
}

body {
	line-height: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

ol,
ul {
	list-style: none;
}

blockquote {
	quotes: none;
}

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

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
}

a:focus {
	outline: none;
}

a img {
	border: none;
}

input,
button,
select,
textarea {
	border-radius: 0;
}

@media screen and (max-width: 767px) {

	input,
	button,
	select,
	textarea {
		-webkit-appearance: none;
	}
}

/* ------------------------------------------
   Utility Class
------------------------------------------ */
/*** clearfix ***/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* Style
-------------------------------------------------------------- */
html {
	height: 100%;
	font-size: 10px;
}

body {
	opacity: 0;
	height: 100%;
	font-size: 1.7rem;
	line-height: 1.6em;
	color: #2e302e;
	background: #fff;
	-webkit-text-size-adjust: none;
	min-width: 980px;
	font-family: Helvetica, Arial, Doroid Sans, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	transition: opacity 0.6s ease;
	-webkit-print-color-adjust: exact;
}

body p {
	color: inherit;
	font-size: inherit;
	line-height: 2em;
}

a,
a img {
	text-decoration: none;
	color: #231814;
	transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease;
}

a:hover {
	opacity: 0.75;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: inherit;
}

.non_pc {
	display: none !important;
}

.title.w-space {
	white-space: nowrap;
	flex-shrink: 0;
}

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

	Common

=========================================================================================== */
.outline {
	min-width: 1000px;
	overflow: hidden;
}

.main {
	z-index: 100;
	margin: 0 auto;
	/* max-width: 1440px; */
	padding-top: 31px;
	position: relative;
	transition: opacity 0.3s ease;
	margin-top: 30px;
}

.f_en {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.2em;
}

.f_en2 {
	font-family: 'Roboto', sans-serif;
}

/* Header *******************************/
header {
	width: 100%;
	/* min-width: 1000px; */
	top: 0;
	z-index: 12000;
	transition: all 0.3s ease;
}

header>.inner {
	width: 980px;
	margin: 0 auto;
	padding: 9px 0 0 0;
	height: 60px;
}

header .logo {
	display: block;
	position: relative;
	width: 342px;
	margin-top: 15px;
	float: left;
}

header>.inner>.bt_contact {
	float: right;
	font-size: 13px;
	text-align: center;
	width: 138px;
	line-height: 34px;
	border: 1px solid #d9d9d9;
	border-radius: 30px;
	margin-top: 8px;
}


header .menu {
	position: absolute;
	width: 100%;
	border-top: 1px solid #d9d9d9;
	text-align: center;
	height: 60px;
	z-index: 1000;
	background: #faf8f7;
}

body.pc_view header .menu {
	display: block !important;
	opacity: 1 !important;
}

header .menu ul li {
	position: relative;
	display: inline-block;
}

header .menu ul li::before {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background: #000;
	transform: rotate(20deg);
	top: 23px;
	left: -3px;
}

header .menu ul li:first-child::before {
	display: none
}

header .menu ul li a {
	line-height: 60px;
	font-size: 14px;
	padding: 0px 22px;
	letter-spacing: 0.1em;
}

body.pc_view header .menu ul li a:hover {
	opacity: 0.5;
}


/*** footer *********************************************/
footer {
	position: relative;
}

footer>.inner {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0;
}

footer nav {
	float: left;
	font-size: 13px;
}

footer nav a {
	font-size: 13px;
	line-height: 40px;
}

footer .copyright {
	text-align: center;
	font-size: 10px;
	line-height: 40px;
	float: right;
}

.bt_pagetop {
	display: block;
	position: fixed;
	width: 48px;
	height: 48px;
	bottom: 70px;
	right: 30px;
	text-indent: -9999px;
	overflow: hidden;
	transition: none;
	border-radius: 50px;
	background: #fff;
	z-index: 10000;
}

.bt_pagetop::after {
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	left: 50%;
	top: 21px;
	content: "";
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	margin: 0 0 0 -6px;
	transform: rotate(-45deg);
}

.bt_pagetop.show:hover {
	opacity: 1;
}

/***********************************************/
/* Index */
/***********************************************/

#index .main {
	background: #faf8f7;
}

#index .main>.inner {
	width: 950px;
	margin: 0 auto;
	padding: 40px 0 50px 0;
}

#index .h_label,
#index .contents h2,
#index .setting h2,
#index .support h2,
#index .faq h2 {
	position: relative;
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 40px;
}

#index .h_label {
	margin-bottom: 30px;
}

#index .h_label::before,
#index .contents h2::before,
#index .setting h2::before,
#index .support h2::before,
#index .faq h2::before {
	position: absolute;
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background: #000;
	bottom: 4px;
	left: 110px;
}

#index .h_label::before {
	left: 100px;
}

#index .contents h2::before {
	left: 120px;
}

#index .setting h2::before {
	left: 100px;
}

#index .support h2::before {
	left: 107px;
}

#index .faq h2::before {
	left: 55px;
}

#index img.lead {
	height: 25px;
}

#index span.color {
	color: #71c7d1;
	font-weight: bold;
}

#index span.mini {
	display: inline-block;
	position: relative;
	transform: scale(0.8);
	top: -3px;
}

#index span.icon {
	display: inline-block;
	width: 30px;
	height: 1em;
	position: relative;
	margin: 0 2px;
}

#index span.icon::before {
	display: block;
	position: absolute;
	content: "";
	background: url(../../images/icon_con.png) no-repeat right top;
	background-position: center;
	background-size: 28px auto;
	width: 28px;
	height: 20px;
	top: -1px;
	left: 0;
}

#index span.icon.memorypush {
	display: inline-block;
	width: 24px;
	height: 1em;
	position: relative;
	margin: 0 2px;
}

#index span.icon.memorypush::before {
	background-image: url(../../images/icon_memorypush.png);
	background-size: 20px auto;
	background-position: center;
	width: 22px;
	height: 20px;
	left: 0;
}

#index span.icon.bluetooth-black {
	display: inline-block;
	width: 10px;
	height: 1em;
	position: relative;
	margin: 0 2px;
}

#index .setting .detail .body .sec1 {
	margin-top: 20px;
	padding-top: 20px;
}

#index .setting .detail .body section.sec3 ol li:nth-child(2) .info .icon {
	width: 16px;
	margin: 0 5px;
}

#index .setting .detail .body section.sec3 ol li:nth-child(2) .info .icon::before {
	background-image: url(../../images/icon_bluetooth.png);
	background-size: 10px auto;
	background-position: center;
	width: 16px;
}

#index .setting .detail .body section.sec3 ol li:nth-child(4) .info .icon {
	width: 40px;
	margin: 0 5px;
}

#index .setting .detail .body section.sec3 ol li:nth-child(4) .info .icon::before {
	background-image: url(../../images/icon_con.png);
	background-size: 28px auto;
	width: 28px;
	height: 15px;
	top: 1px;
	left: 0;
}

#index .setting.transfer .detail .body section.sec2 ol li:first-child {
	background: none;
}

#index span.icon.transfer-stop {
	width: 35px;
}

#index span.icon.transfer-stop::before {
	background-image: url(../../images/icon_transfer-stop.png);
	background-size: 30px auto;
	width: 35px;
	height: 25px;
}

#index span.icon.average::before {
	background-image: url(../../images/icon_average.png);
}

/* #index span.icon.bluetooth-black {
	height: 20px;
} */
/* #index span.icon.memorypush::before {
	background-image: url(../../images/icon_memorypush.png);
	background-size: 20px auto;
    background-position: center;
    width: 22px;
    height: 20px;
    left: 0;
} */
#index span.icon.bluetooth-black::before {
	background-image: url(../../images/icon_bluetooth.png);
	background-size: 10px auto;
	background-position: center;
	width: 10px;
	height: 20px;
	/* top: 4px; */
	/* left: 0; */
}

#index .p_return {
	font-size: 14px;
	text-align: center;
	width: 280px;
	line-height: 50px;
	border: 2px solid #d9d9d9;
	background: #fff;
	border-radius: 30px;
	margin: 40px auto 0;
}

#index .p_return span {
	display: block;
	font-weight: bold;
}

/*** Visual ********************/
#index .visual {
	position: relative;
}

#index .visual .bt_box {
	position: absolute;
	top: 64%;
	left: 40.4%;
}

#index .visual .bt_box a {
	display: block;
	float: left;
}

#index .visual .bt_box a img {
	height: 50px;
}

#index .visual .bt_box a:nth-child(2) {
	margin-left: 20px;
}

/*** Contents ********************/
#index .contents {
	margin-top: -30px;
	padding-top: 110px;
	background: url(../../images/img_contents.png) no-repeat right 80px;
	background-size: 343px auto;
}

#index .contents ul {
	width: 560px;
	margin-top: 40px;
}

#index .contents ul li {
	position: relative;
	background: #fff;
	margin-top: 40px;
	padding: 22px 0 22px 110px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0.05em
}

#index .contents ul li:first-child {
	margin-top: 0;

}

#index .contents ul li img {
	position: absolute;
	width: 66px;
	left: 20px;
	top: -10px;
}

#index .contents ul li span {
	display: inline-block;
	font-size: 12px;
	position: relative;
	top: -1px;
	margin-left: 5px;
}

#index .contents .detail {
	margin-top: 40px;
	position: relative;
	border: 2px solid #71c7d1;
	border-radius: 8px;
	padding: 20px 20px 35px 20px;
	background: url(../../images/img_contents_detail.png) no-repeat 490px 67px #fff;
	background-size: 380px auto;
}

#index .contents .detail::after,
#index .contents .detail::before {
	bottom: 100%;
	left: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#index .contents .detail::after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 8px;
	margin-left: -8px;
}

#index .contents .detail::before {
	border-color: rgba(113, 199, 209, 0);
	border-bottom-color: #71c7d1;
	border-width: 11px;
	margin-left: -11px;
}

#index .contents .detail .title {
	color: #71c7d1;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.1em;
}

#index .contents .detail ol {
	padding-left: 10px;
	margin-top: 30px;
	width: 382px;
}

#index .contents .detail ol li {
	position: relative;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	margin-top: 15px;
}

#index .contents .detail ol li:first-child {
	margin-top: 0;
}

#index .contents .detail ol li::before {
	position: absolute;
	content: "1";
	background: #71c7d1;
	color: #fff;
	display: block;
	width: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 12px;
	border-radius: 20px;
	left: 0;
	top: 4px;
	font-weight: normal;
}

#index .contents .detail ol li:nth-child(1)::before {
	content: "1";
}

#index .contents .detail ol li:nth-child(2)::before {
	content: "2";
}

#index .contents .detail ol li:nth-child(3)::before {
	content: "3";
}

#index .contents .detail ol li:nth-child(4)::before {
	content: "4";
}

#index .contents .detail ol li .note {
	margin-top: 10px;
	font-size: 12px;
	text-align: left;
}

#index .contents .detail .lead {
	text-align: center;
	border-top: 1px solid #d9d9d9;
	padding-top: 20px;
	margin-top: 25px;
	font-size: 16px;
	font-weight: bold;
}

#index .contents .detail>.note {
	font-size: 12px;
	margin-top: 10px;
	text-align: center;
	line-height: 1em;
}

/*** Setting ********************/
#index .setting {
	margin-top: -30px;
	padding-top: 0;
}

#index .setting .fbox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	grid-gap: 20px;
}

#index .setting .detail {
	background: #fff;
	border-radius: 6px;
}

#index .setting .detail .ti_note {
	line-height: 1em;
	font-size: 18px;
	padding: 21px 25px;
	margin: 30px auto 0 auto;
	letter-spacing: 0.1em;
}

#index .setting .detail .bt_open {
	position: relative;
	display: block;
	line-height: 1em;
	font-size: 18px;
	padding: 21px 25px;
	margin: 30px auto 0 auto;
	letter-spacing: 0.1em;
}

#index .setting .detail .bt_open::after {
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	right: 27px;
	top: 50%;
	margin-top: -10px;
	content: "";
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg);
}

#index .setting .detail .bt_open.open::after {
	transform: rotate(-45deg);
	margin-top: -5px;
}

#index .setting .detail .body {
	display: block;
	padding: 0 20px 40px 20px;
}

#index .setting .detail .body section {
	width: 840px;
}

#index .setting .detail .body section.sec2,
#index .setting .detail .body section.sec3 {
	margin-top: 35px;
	padding-top: 35px;
	border-top: 1px solid #D9D9D9;
}

#index .setting .detail .body section h3 {
	font-size: 18px;
	line-height: 1.6em;
}

#index .setting .detail .body section h3::before {
	content: "1";
	font-size: 20px;
	font-weight: 600;
	color: #71c7d1;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	margin-right: 20px;
	width: 20px;
	text-align: center;
}

#index .setting .detail .body section.sec2 h3::before {
	content: "2";
}

#index .setting .detail .body section.sec3 h3::before {
	content: "3";
}

#index .setting .detail .body section>.inner {

	margin-left: 40px;
}

#index .setting .detail .body section ol {
	margin-top: 20px;
}

#index .setting .detail .body section ol li {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
}

#index .setting .detail .body section ol li::before {
	content: "1.";
	font-size: 14px;
	font-weight: 600;
	color: #71c7d1;
	display: block;
	font-family: 'Montserrat', sans-serif;
	width: 20px;
	float: left;
}

#index .setting .detail .body section ol li:nth-child(2)::before {
	content: "2.";
}

#index .setting .detail .body section ol li:nth-child(3)::before {
	content: "3.";
}

#index .setting .detail .body section ol li:nth-child(4)::before {
	content: "4.";
}

#index .setting .detail .body section ol li:nth-child(5)::before {
	content: "5.";
}

#index .setting .detail .body section .note {
	font-size: 12px;
	line-height: 1.5em;
	margin-top: 8px;
}

#index .setting .detail .body section.sec2 ol li:first-child {
	background: url(../../images/icon_app.png) no-repeat right 15px;
	background-size: 80px auto;
}

#index .setting .detail .body section.sec2 .bt_box {
	margin-top: 25px;
	margin-left: 20px;
}

#index .setting .detail .body section.sec2 .bt_box a {
	display: block;
	float: left;
}

#index .setting .detail .body section.sec2 .bt_box a img {
	height: 50px;
}

#index .setting .detail .body section.sec2 .bt_box a:nth-child(2) {
	margin-left: 20px;
}

#index .setting .detail .body section.sec2 ol li:nth-child(2) {
	margin-top: 25px;
}

#index .setting.transfer .detail .body section.sec2 ol li:nth-child(2) {
	margin-top: 0;
}

#index .setting .detail .body section.sec3 .text,
#index .setting.transfer .detail .body section .text {
	font-size: 14px;
	margin-top: 10px;
}

#index .setting .detail .body section.sec3 ol li {
	margin-top: 60px;
}

#index .setting .detail .body section.sec3 ol li:first-child {
	margin-top: 40px;
}

#index .setting .detail .body section.sec3 ol li .info {
	float: left;
}

#index .setting .detail .body section.sec3 ol li .info p {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: 0.05em;
}

#index .setting .detail .body section.sec3 ol li .info p.text {
	font-weight: normal;
}

#index .setting .detail .body section.sec3 ol li img {
	max-width: 400px;
}

#index .setting .detail .body section.sec3 ol li div img {
	max-width: 400px;
}

/* #index .setting .detail .body section.sec3 ol li:nth-child(4) img {
	width: 200px;
} */

#index .setting .detail .body section.sec3 ol li:nth-child(4) .info {
	width: 410px;
}

#index .setting .detail .body section.sec3 ol li:nth-child(4) .box {
	margin-top: 20px;
	padding-left: 10px;
	position: relative;
}

#index .setting .detail .body section.sec3 ol li:nth-child(4) .box::before {
	content: "";
	font-size: 14px;
	font-weight: 600;
	background: #71c7d1;
	width: 6px;
	height: 6px;
	display: block;
	font-family: 'Montserrat', sans-serif;
	border-radius: 10px;
	float: left;
	position: absolute;
	left: 0;
	top: 7px;
}

#index .setting .detail .body section.sec3 ol li:nth-child(4) .box p {
	letter-spacing: 0;
	margin: 0;
}

/*** Support ********************/
#index .support {
	margin-top: -30px;
	padding-top: 110px;
}

#index .support section.item .fbox {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

#index .support section.item .fbox .box {
	width: 420px;

}

#index .support section.item .fbox .box:nth-child(1)>img {
	width: 420px;
	margin: 10px 0 -30px 0;
}

#index .support section.item .fbox .box:nth-child(2)>img {
	width: 102px;
	margin: -80px 50px 0 auto;
}

#index .support section.device {}

#index .support section h3 {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#index .support section p,
#index .support section a {
	font-size: 14px;
	line-height: 1.8em;
	letter-spacing: 0.05em;
	position: relative;
}

#index .support section a {
	display: inline-block;
	padding-left: 12px;
	margin-top: 6px;
}

#index .support section a::before {
	left: 0;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #000000;
	border-width: 7px;
	margin-top: -8px;
	transform: scale(1, 0.6);
}

/*** Faq ********************/
#index .faq {
	margin-top: -30px;
	padding-top: 110px;
}

#index .faq a {
	background: #fff;
	border-radius: 6px;
	position: relative;
	display: block;
	line-height: 1em;
	font-size: 18px;
	padding: 31px 40px;
	margin: 30px auto 0 auto;
	letter-spacing: 0.2em;
	font-weight: bold;
}

#index .faq a::after {
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	right: 35px;
	top: 50%;
	margin-top: -6px;
	content: "";
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(45deg);
}

.footer_note {
	font-size: 14px;
	border: 1px solid #d9d9d9;
	width: 948px;
	margin: 80px auto 0px auto;
	box-sizing: border-box;
	padding: 18px 27px;
	line-height: 1.6em;
	text-align: left;
}

/***********************************************/
/* Inner */
/***********************************************/

#inner .main {
	background: #faf8f7;
}

#inner .main>.inner {
	width: 950px;
	margin: 0 auto;
	padding: 80px 0 50px 0;
}

#inner .h_label {
	position: relative;
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 40px;
}

#inner .h_label::before {
	position: absolute;
	content: "";
	display: block;
	width: 40px;
	height: 1px;
	background: #000;
	bottom: 4px;
	left: 50px;
}

#inner h1 img {
	height: 25px;
}

#inner.faq dl {
	margin-top: 35px;
}

#inner.faq dl dt {
	font-size: 18px;
	font-weight: bold;
	margin-top: 60px;
	position: relative;
	padding-left: 25px;
}

#inner.faq dl dt:first-child {
	margin-top: 0;
}

#inner.faq dl dt::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: #71c7d1;
	position: absolute;
	left: 0px;
	top: 6px;
	border-radius: 20px;
}

#inner.faq dl dd {
	margin-top: 25px;
}

#inner.faq dl dd ul {}

#inner.faq dl dd>ul>li {
	margin-top: 10px;
	background: #fff;
	border-radius: 6px;
}

#inner.faq dl dd .q {
	position: relative;
	display: block;
	line-height: 1.4em;
	font-size: 18px;
	padding: 17px 65px 17px 60px;
	margin: 0;
	letter-spacing: 0.1em;
}

#inner.faq dl dd .q::before {
	content: "Q";
	position: absolute;
	display: block;
	left: 25px;
	top: 16px;
	color: #71c7d1;
	font-size: 20px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

#inner.faq dl dd .q::after {
	display: block;
	position: absolute;
	width: 11px;
	height: 11px;
	right: 27px;
	top: 30px;
	margin-top: -10px;
	content: "";
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg);
}

#inner.faq dl dd .q.open::after {
	transform: rotate(-45deg);
	margin-top: -5px;
}

#inner.faq dl dd .a {
	display: none;
	padding: 0 80px 25px 60px;
	position: relative;
}

#inner.faq dl dd .a::before {
	content: "A";
	position: absolute;
	display: block;
	left: 25px;
	top: -2px;
	color: #000;
	font-size: 20px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
}

#inner.faq dl dd .a p {
	font-size: 14px;
	margin-top: 25px;
	line-height: 1.6em;
}

#inner.faq dl dd .a p:first-child {
	margin-top: 0;
}

#inner.faq dl dd .a p .note {
	font-size: 12px;
}

#inner.faq dl dd .a a {
	text-decoration: underline;
}

#inner.faq dl dd .a ul {
	margin-top: 25px;
}

#inner.faq dl dd .a ul li {
	font-size: 14px;
	line-height: 1.6em;
	text-indent: -1em;
	padding-left: 1em;

}

#inner.faq dl dd .a ul.note li {
	font-size: 12px;
}

#inner span.icon {
	display: inline-block;
	width: 20px;
	height: 1em;
	position: relative;
	margin: 0 2px;
}

#inner span.icon::before {
	display: block;
	position: absolute;
	content: "";
	background: url(../../images/icon_faq_menu.png) no-repeat center center;
	background-size: 20px auto;
	width: 20px;
	height: 20px;
	top: 1px;
	left: 0;
}

#inner span.icon.more::before {
	background-image: url(../../images/icon_faq_more.png);
	top: -1px;
}


/**************************************************************/
/**************************************************************/
/** SP ********************************************************/
/**************************************************************/
/**************************************************************/
@media screen and (max-width: 767px) {

	/* style
-------------------------------------------------------------- */
	body {
		min-width: 320px;
		overflow: visible !important;
	}

	body.fixed {
		overflow: hidden;
	}

	body p {
		color: inherit;
		font-size: 12px;
		line-height: 1.8em;
	}

	a:hover {
		opacity: 1;
	}

	.non_pc {
		display: block !important;
	}

	.non_sp {
		display: none !important;
	}

	.title.w-space {
	white-space: normal;
}

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

Common

=========================================================================================== */
	.outline {
		position: relative;
		min-width: 320px;
	}

	.main {
		width: auto;
		margin: 0 auto;
		position: relative;
		padding-top: 50px;
	}



	/* Header *******************************/
	header {
		width: 100%;
		/* min-width: 1000px; */
		top: 0;
		z-index: 12000;
		transition: all 0.3s ease;
		position: fixed;
		background: #fff;
	}

	header>.inner {
		width: auto;
		margin: 0 auto;
		padding: 10px 0 0 0;
		height: 40px;
	}

	header .logo {
		width: 237px;
		margin-top: 7px;
		margin-left: 15px;
		float: none;
	}


	header a.bt_menu {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		left: auto;
		width: 60px;
		height: 50px;
		border-left: 1px solid #efefee;
	}

	header a.bt_menu {
		z-index: 10060;
		overflow: hidden;
	}

	header a.bt_menu::before,
	header a.bt_menu::after,
	header a.bt_menu span::after {
		display: block;
		position: absolute;
		content: "";
		width: 26px;
		height: 2px;
		background: #000 !important;
		top: 50%;
		left: 17px;
		transition: all 0.3s ease;
		margin-top: 8px;
	}

	header a.bt_menu::after {
		margin-top: -8px;
	}

	header a.bt_menu span::after {
		margin-top: 0;
	}


	header a.bt_menu span {
		display: block;
		transition: all 0.3s ease;
		opacity: 1;
		color: #fff;
		letter-spacing: 0.2em;
		padding: 0 0 0 60px;
		line-height: 50px;
		width: 100px;
		font-size: 15px;
	}

	header.open a.bt_menu span {
		opacity: 0;
	}

	header.open a.bt_menu {
		overflow: visible;
	}

	header.open a.bt_menu::before,
	header.open a.bt_menu::after {
		width: 30px;
		transform: rotate(-45deg);
		margin-top: 0;
		left: 15px;
	}

	header.open a.bt_menu::after {
		transform: rotate(45deg);
	}

	header .menu {
		display: none;
		position: absolute;
		top: 50px;
		background: rgba(255, 255, 255, 0.7);
		height: 1000px;
		border-top: none;
	}

	header .menu ul {
		float: right;
		width: 230px;
		height: 1000px;
		background: #fff;
		text-align: left;
	}

	header .menu ul li {
		position: relative;
		display: block;
		border-top: 1px solid #efefee;
	}

	header .menu ul li::before {
		display: none;
	}

	header .menu ul li a {
		display: block;
		line-height: 50px;
		font-size: 12px;
		padding: 0 20px;
		letter-spacing: 0.1em;
	}

	header .menu ul li.bt_contact a {
		display: block;
		font-size: 13px;
		text-align: center;
		width: 200px;
		line-height: 45px;
		border: 1px solid #d9d9d9;
		border-radius: 30px;
		margin-top: 8px;
		padding: 0;
		margin: 15px auto;
	}




	/*** footer *********************************************/
	footer {
		position: relative;
		max-width: 430px;
		margin: 0 auto;
	}

	footer>.inner {
		width: auto;
		margin: 0 20px;
		padding: 20px 0;
	}

	footer nav {
		float: none;
		border-bottom: 1px solid #efefee;
	}

	footer nav span {
		display: none;
	}

	footer nav a {
		font-size: 12px;
		display: block;
		line-height: 50px;
		border-top: 1px solid #efefee;
	}

	footer .copyright {
		text-align: center;
		font-size: 11px;
		line-height: 40px;
		float: none;
		margin-top: 20px;
	}

	.bt_pagetop {
		display: block;
		left: auto;
		bottom: 40px;
		right: 10px;
		transform: translate(0, 0) scale(0.8);
	}


	/***********************************************/
	/* Index */
	/***********************************************/

	#index .main {
		background: #faf8f7;
	}

	#index .main>.inner {
		width: auto;
		margin: 0 auto;
		padding: 30px 15px 40px 15px;
	}

	#index .h_label,
	#index .contents h2,
	#index .setting h2,
	#index .support h2,
	#index .faq h2 {
		position: relative;
		font-size: 13px;
		font-weight: bold;
		line-height: 1em;
		margin-bottom: 25px;
	}

	#index .h_label::before,
	#index .contents h2::before,
	#index .setting h2::before,
	#index .support h2::before,
	#index .faq h2::before {
		position: absolute;
		content: "";
		display: block;
		width: 20px;
		height: 1px;
		background: #000;
		bottom: 4px;
		left: 110px;
	}

	#index .h_label::before {
		left: 82px;
	}

	#index .contents h2::before {
		left: 102px;
	}

	#index .setting h2::before {
		left: 82px;
	}

	#index .support h2::before {
		left: 89px;
	}

	#index .faq h2::before {
		left: 45px;
	}

	#index img.lead {
		height: 17px;
	}

	#index span.color {
		color: #71c7d1;
		font-weight: bold;
	}

	#index span.mini {
		display: inline-block;
		position: relative;
		transform: scale(0.8);
		top: -3px;
	}

	#index span.icon {
		display: inline-block;
		width: 30px;
		height: 1em;
		position: relative;
		margin: 0 2px;
	}

	#index span.icon::before {
		top: -3px;
		transform: scale(0.9);
	}

	/*#index .setting .detail .body section.sec3 ol li:nth-child(2) .info .icon {
    width: 16px;
    margin: 0 5px;
}
#index .setting .detail .body section.sec3 ol li:nth-child(2) .info .icon::before {
    background-image: url(../../images/icon_bluetooth.png);
    background-size: 16px auto;
    width: 16px;
    height: 16px;
    top: 0px;
    left: 0;
}
#index .setting .detail .body section.sec3 ol li:nth-child(5) .info .icon {
    width: 40px;
    margin: 0 5px;
}
#index .setting .detail .body section.sec3 ol li:nth-child(5) .info .icon::before {
    background-image: url(../../images/icon_conn.png);
    background-size: 40px auto;
    width: 40px;
    height: 15px;
    top: 1px;
    left: 0;
}*/
	#index .setting .fbox {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		grid-gap: 20px;
	}


	/*** Visual ********************/
	#index .visual {
		position: relative;
	}

	#index .visual .bt_box {
		position: absolute;
		top: 73.2%;
		left: 8%;
		width: 83%;
	}

	#index .visual .bt_box a {
		display: block;
		float: left;
		width: 54%;
	}

	#index .visual .bt_box a:first-child {
		width: 42%;
	}

	#index .visual .bt_box a img {
		height: auto;
	}

	#index .visual .bt_box a:nth-child(2) {
		margin-left: 4%;
	}


	/*** Contents ********************/
	#index .contents {
		margin-top: -20px;
		padding-top: 70px;
		background: url(../../images/img_contents.png) no-repeat 54% 150px;
		background-size: 230px auto;
	}

	#index .contents ul {
		width: auto;
		margin-top: 330px;
	}

	#index .contents ul li {
		position: relative;
		background: #fff;
		margin-top: 10px;
		padding: 11px 20px 11px 75px;
		border-radius: 6px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5em;
		letter-spacing: 0.1em;
	}

	#index .contents ul li:first-child {
		margin-top: 0;

	}

	#index .contents ul li img {
		position: absolute;
		width: 40px;
		left: 15px;
		top: 7px;
	}

	#index .contents ul li span {
		display: inline-block;
		font-size: 12px;
		position: relative;
		top: -1px;
		margin-left: 5px;
	}

	#index .contents .detail {
		margin-top: 20px;
		position: relative;
		border: 2px solid #71c7d1;
		border-radius: 4px;
		padding: 10px 15px 20px 15px;
		background: url(../../images/img_contents_detail.png) no-repeat center 285px #fff;
		background-size: 270px auto;
	}

	@media screen and (min-width: 450px) {
		#index .contents .detail {
			background-position: center 255px;
			background-size: 270px auto;
		}

	}

	#index .contents .detail::after,
	#index .contents .detail::before {
		bottom: 100%;
		left: 32px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	#index .contents .detail::after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 7px;
		margin-left: -7px;
	}

	#index .contents .detail::before {
		border-color: rgba(113, 199, 209, 0);
		border-bottom-color: #71c7d1;
		border-width: 10px;
		margin-left: -10px;
	}

	#index .contents .detail .title {
		color: #71c7d1;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: 0.1em;
	}

	#index .contents .detail ol {
		padding-left: 0;
		margin-top: 15px;
		width: auto;
	}

	#index .contents .detail ol li {
		position: relative;
		padding-left: 25px;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.8em;
		margin-top: 10px;
	}

	#index .contents .detail ol li:first-child {
		margin-top: 0;
	}

	#index .contents .detail ol li::before {
		position: absolute;
		content: "1";
		background: #71c7d1;
		color: #fff;
		display: block;
		width: 16px;
		line-height: 16px;
		text-align: center;
		font-size: 10px;
		border-radius: 20px;
		left: 0;
		top: 2px;
		font-weight: normal;
	}

	#index .contents .detail ol li:nth-child(1)::before {
		content: "1";
	}

	#index .contents .detail ol li:nth-child(2)::before {
		content: "2";
	}

	#index .contents .detail ol li:nth-child(3)::before {
		content: "3";
	}

	#index .contents .detail ol li:nth-child(4)::before {
		content: "4";
	}

	#index .contents .detail ol li .note {
		margin-top: 3px;
		font-size: 10px;
		text-align: left;
	}

	#index .contents .detail .lead {
		text-align: center;
		border-top: 1px solid #d9d9d9;
		padding-top: 15px;
		margin-top: 255px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5em;
	}

	#index .contents .detail>.note {
		font-size: 10px;
		margin-top: 5px;
		text-align: center;
		line-height: 1.7em;
	}

	/*** Setting ********************/
	#index .setting {
		margin-top: -20px;
		padding-top: 70px;
	}

	#index .setting .detail {
		background: #fff;
		border-radius: 6px;
	}

	#index .setting .detail .ti_note {
		line-height: 1em;
		font-size: 18px;
		padding: 21px 25px;
		margin: 30px auto 0 auto;
		letter-spacing: 0.1em;
	}

	#index .setting .detail .bt_open {
		position: relative;
		display: block;
		line-height: 1em;
		font-size: 14px;
		padding: 20px 20px;
		margin: 20px auto 0 auto;
		letter-spacing: 0.1em;
	}

	#index .setting .detail .bt_open::after {
		display: block;
		position: absolute;
		width: 9px;
		height: 9px;
		right: 20px;
		top: 50%;
		margin-top: -8px;
		content: "";
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		transform: rotate(135deg);
	}

	#index .setting .detail .bt_open.open::after {
		transform: rotate(-45deg);
		margin-top: -5px;
	}

	#index .setting .detail .body {
		display: block;
		padding: 0px 10px 30px 10px;
	}

	#index .setting .detail .body section {
		width: auto;
	}

	#index .setting .detail .body section.sec2,
	#index .setting .detail .body section.sec3 {
		margin-top: 25px;
		padding-top: 25px;
		border-top: 1px solid #D9D9D9;
	}

	#index .setting .detail .body section h3 {
		font-size: 14px;
		padding-left: 30px;
		position: relative;
	}

	#index .setting .detail .body section h3::before {
		content: "1";
		font-size: 14px;
		font-weight: 600;
		color: #71c7d1;
		display: block;
		font-family: 'Montserrat', sans-serif;
		margin-right: 10px;
		width: 20px;
		text-align: center;
		position: absolute;
		left: 6px;
	}

	#index .setting .detail .body section.sec2 h3::before {
		content: "2";
	}

	#index .setting .detail .body section.sec3 h3::before {
		content: "3";
	}

	#index .setting .detail .body section>.inner {
		margin-left: 30px;
	}

	#index .setting .detail .body section ol {
		margin-top: 12px;
	}

	#index .setting .detail .body section ol li {
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
		padding-left: 17px;
		position: relative;
	}

	#index .setting .detail .body section ol li::before {
		content: "1.";
		font-size: 14px;
		font-weight: 600;
		color: #71c7d1;
		display: block;
		font-family: 'Montserrat', sans-serif;
		width: 20px;
		position: absolute;
		left: 0;
	}

	#index .setting .detail .body section ol li:nth-child(2)::before {
		content: "2.";
	}

	#index .setting .detail .body section ol li:nth-child(3)::before {
		content: "3.";
	}

	#index .setting .detail .body section ol li:nth-child(4)::before {
		content: "4.";
	}

	#index .setting .detail .body section ol li:nth-child(5)::before {
		content: "5.";
	}

	#index .setting .detail .body section .note {
		font-size: 10px;
		line-height: 1.5em;
		margin-top: 8px;
	}

	#index .setting .detail .body section.sec2 ol li:first-child {
		background: url(../../images/icon_app.png) no-repeat 98% 0;
		background-size: 56px auto;
		padding-right: 80px;
	}

	#index .setting .detail .body section.sec2 .bt_box {
		margin-top: 25px;
		margin-left: 0;
		width: 300px;
	}

	#index .setting .detail .body section.sec2 .bt_box a {
		display: block;
		float: left;
	}

	#index .setting .detail .body section.sec2 .bt_box a img {
		height: 40px;
	}

	#index .setting .detail .body section.sec2 .bt_box a:nth-child(2) {
		margin-left: 12px;
	}

	#index .setting .detail .body section.sec2 ol li:nth-child(2) {
		margin-top: 25px;
	}

	#index .setting.transfer .detail .body section.sec2 ol li:nth-child(2) {
		margin-top: 0;
	}

	#index .setting .detail .body section.sec3 .text,
	#index .setting.transfer .detail .body section .text {
		font-size: 12px;
		margin-top: 10px;
	}

	#index .setting .detail .body section.sec3 ol li {
		margin-top: 30px;
	}

	#index .setting .detail .body section.sec3 ol li:first-child {
		margin-top: 40px;
	}

	#index .setting .detail .body section.sec3 ol li .info {
		float: none;
	}

	#index .setting .detail .body section.sec3 ol li .info p {
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
		letter-spacing: 0.05em;
	}

	#index .setting .detail .body section.sec3 ol li .info p.text {
		font-weight: normal;
	}

	#index .setting .detail .body section.sec3 ol li img {
		/*width: 280px;*/
		/*margin-top: 20px;*/
		width: 100%;
		max-width: 288px;
	}

	#index .setting .detail .body section.sec3 ol li:nth-child(2) img {
		max-width: 290px;
	}

	/* #index .setting .detail .body section.sec3 ol li:nth-child(4) img {
		width: 220px;
	} */

	#index .setting .detail .body section.sec3 ol li:nth-child(4) .info {
		width: auto;
	}

	#index .setting .detail .body section.sec3 ol li:nth-child(4) .box {
		margin-top: 20px;
		padding-left: 10px;
		position: relative;
	}

	#index .setting .detail .body section.sec3 ol li:nth-child(4) .box::before {
		content: "";
		font-size: 14px;
		font-weight: 600;
		background: #71c7d1;
		width: 6px;
		height: 6px;
		display: block;
		font-family: 'Montserrat', sans-serif;
		border-radius: 10px;
		float: left;
		position: absolute;
		left: 0;
		top: 7px;
	}

	#index .setting .detail .body section.sec3 ol li:nth-child(4) .box p {
		letter-spacing: 0;
		margin: 0;
	}

	/*** Support ********************/
	#index .support {
		margin-top: -20px;
		padding-top: 70px;
	}

	#index .support section.item .fbox {
		display: block;
	}

	#index .support section.item .fbox .box {
		width: auto;
	}

	#index .support section.item .fbox .box:nth-child(1)>img {
		width: auto;
		margin: 0;
	}

	#index .support section.item .fbox .box:nth-child(2) {
		margin-top: 20px;
	}

	#index .support section.item .fbox .box:nth-child(2)>img {
		width: 82px;
		margin: -70px 50px 0 auto;
	}

	#index .support section.device {
		float: none;
		margin-top: -50px;
		padding-top: 20px;
	}

	#index .support section h3 {
		border-bottom: 1px solid #d9d9d9;
		padding-bottom: 20px;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	#index .support section p,
	#index .support section a {
		font-size: 12px;
		line-height: 1.8em;
		letter-spacing: 0.05em;
		position: relative;
	}

	#index .support section a {
		display: inline-block;
		padding-left: 12px;
	}

	#index .support section a::before {
		left: 0;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #000000;
		border-width: 7px;
		margin-top: -8px;
		transform: scale(1, 0.6);
	}

	/*** Faq ********************/
	#index .faq {
		margin-top: -20px;
		padding-top: 70px;
	}

	#index .faq a {
		background: #fff;
		border-radius: 6px;
		position: relative;
		display: block;
		line-height: 1em;
		font-size: 14px;
		padding: 18px 20px;
		margin: 20px auto 0 auto;
		letter-spacing: 0.2em;
		font-weight: bold;
	}

	#index .faq a::after {
		display: block;
		position: absolute;
		width: 9px;
		height: 9px;
		right: 20px;
		top: 50%;
		margin-top: -6px;
		content: "";
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		transform: rotate(45deg);
	}

	.footer_note {
		font-size: 11px;
		border: 1px solid #d9d9d9;
		width: auto;
		margin: 40px auto 0px auto;
		box-sizing: border-box;
		padding: 15px 17px;
	}



	/***********************************************/
	/* Inner */
	/***********************************************/

	#inner .main {
		background: #faf8f7;
	}

	#inner .main>.inner {
		width: auto;
		margin: 0 auto;
		padding: 30px 15px 40px 15px;
	}

	#inner .h_label {
		position: relative;
		font-size: 13px;
		font-weight: bold;
		line-height: 1em;
		margin-bottom: 25px;
	}

	#inner .h_label::before {
		position: absolute;
		content: "";
		display: block;
		width: 20px;
		height: 1px;
		background: #000;
		bottom: 4px;
		left: 44px;
	}

	#inner h1 img {
		height: 17px;
	}

	#inner.faq dl {
		margin-top: 15px;
	}

	#inner.faq dl dt {
		font-size: 14px;
		font-weight: bold;
		margin-top: 40px;
		position: relative;
		padding-left: 15px;
	}

	#inner.faq dl dt:first-child {
		margin-top: 0;
	}

	#inner.faq dl dt::before {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		background: #71c7d1;
		position: absolute;
		left: 0px;
		top: 7px;
		border-radius: 20px;
	}

	#inner.faq dl dd {
		margin-top: 15px;
	}

	#inner.faq dl dd ul {}

	#inner.faq dl dd>ul>li {
		margin-top: 10px;
		background: #fff;
		border-radius: 6px;
	}

	#inner.faq dl dd .q {
		position: relative;
		display: block;
		line-height: 1.4em;
		font-size: 13px;
		padding: 17px 40px 17px 40px;
		margin: 0;
		letter-spacing: 0.1em;
	}

	#inner.faq dl dd .q::before {
		content: "Q";
		position: absolute;
		display: block;
		left: 15px;
		top: 16px;
		color: #71c7d1;
		font-size: 18px;
		font-weight: 500;
		font-family: 'Roboto', sans-serif;
	}

	#inner.faq dl dd .q::after {
		display: block;
		position: absolute;
		width: 9px;
		height: 9px;
		right: 15px;
		top: 28px;
		margin-top: -10px;
		content: "";
		border-top: 2px solid #000;
		border-right: 2px solid #000;
		transform: rotate(135deg);
	}

	#inner.faq dl dd .q.open::after {
		transform: rotate(-45deg);
		margin-top: -5px;
	}

	#inner.faq dl dd .a {
		display: none;
		padding: 0 20px 25px 40px;
		position: relative;
	}

	#inner.faq dl dd .a::before {
		content: "A";
		position: absolute;
		display: block;
		left: 15px;
		top: -5px;
		color: #000;
		font-size: 18px;
		font-weight: 500;
		font-family: 'Roboto', sans-serif;
	}

	#inner.faq dl dd .a p {
		font-size: 12px;
		margin-top: 15px;
		line-height: 1.6em;
	}

	#inner.faq dl dd .a p:first-child {
		margin-top: 0;
	}

	#inner.faq dl dd .a p .note {
		font-size: 12px;
	}

	#inner.faq dl dd .a a {
		text-decoration: underline;
	}

	#inner.faq dl dd .a ul {
		margin-top: 15px;
	}

	#inner.faq dl dd .a ul li {
		font-size: 12px;
		line-height: 1.6em;
		text-indent: -1em;
		padding-left: 1em;
	}

	#inner.faq dl dd .a ul.note li {
		font-size: 10px;
	}

	#inner span.icon {
		display: inline-block;
		width: 15px;
		height: 1em;
		position: relative;
		margin: 0 2px;
	}

	#inner span.icon::before {
		display: block;
		position: absolute;
		content: "";
		background: url(../../images/icon_faq_menu.png) no-repeat center center;
		background-size: 15px auto;
		width: 15px;
		height: 15px;
		top: 1px;
		left: 0;
	}

	#inner span.icon.more::before {
		background-image: url(../../images/icon_faq_more.png);
		top: -1px;
	}


	@media screen and (max-width: 374px) {
		#index .contents .detail {
			padding: 10px 10px 20px 10px;
			background-position: center 265px;
			background-size: 200px auto;
		}

		#index .contents .detail ol li {
			padding-left: 20px;
			font-size: 10px;
		}

		#index .contents .detail .lead {
			margin-top: 200px;
		}

		#index .setting .detail .body section h3 {
			font-size: 12px;
		}

		#index .setting .detail .body section.sec3 ol li .info p br,
		#index .setting .detail .body section.sec3 ol li:nth-child(4) .box .title br {
			display: none !important;
		}
	}

}