@charset "utf-8";


html{
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,main,menu,nav,section,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body{
	background:#FFF;
	color:#324f63;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	-webkit-text-size-adjust:100%;
}

a{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	text-decoration:underline;
}

a:link{
color:#257dc9;
}
a:visited{
color:#257dc9;
}
a:hover, a:focus{
color:#257dc9;
text-decoration:none;
}
a:active{
color:#257dc9;
}

img{
width:auto;
max-width:100%;
vertical-align:top;
}

ul li{
list-style-type:none;
}

ol li{
list-style-position:inside;
list-style-type:decimal;
}

address{
font-style:normal;
}

strong{
font-weight:bold;
font-style:normal;
}

em{
font-weight:bold;
font-style:oblique;
}

sup,sub{
font-size:10px;
line-height:1;
}

sup{
vertical-align:top;
}

/* 下マージン */
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,blockquote,pre,fieldset{
margin-bottom:1.5em;
}

li,caption{
margin-bottom:0.5em;
}

table{
width:100%;
border-spacing:0;
border-collapse:collapse;
}

caption{
font-weight:bold;
}

caption,th{
text-align:left;
}

th,td{
border:solid 1px #DDD;
padding:5px 15px;
}

th{
font-weight:bold;
background-color:#EEE;
text-align:left;
vertical-align:top;
}

pre{
font-family:"Courier 10 Pitch",Courier,monospace;
}

code{
font-family:Monaco,Consolas,monospace;
}

object,
embed{
vertical-align:top;
}

img,abbr,acronym{
border:0;
}

hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #CCC;
	margin:2em 0;
	padding:0;
}


/*** サイトコンポーネント ここから ***/
.container{
	width:100%;
}

.container_2{
	width:100%;
	background-color: #FFF;
	margin:-40px 0 30px 0;
}

.container_2 .contents{
	padding:6px 6% 20px 6%;
}

header{
	position: fixed;
	top:0;
	width: 100%;
	height:45px;
	background-color: #fff;
	border-top:solid 5px #db0a00;
	z-index:9000;
}

header .tm_ci{
	width:145px;
	height:30px;
	margin:8px 0 0 9px;
}

#btn_menu, #btn_menu_close{
	position: absolute;
	right:6px;
	top:3px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

#btn_menu_close{
	top:8px;
}

#local_nav{
	display: none;
	width: 100%;
	height:2000px;
	overflow: hidden;
	position:absolute;
	left:0;
	top:-5px;
	background-color:rgba(255,255,255,0.8);
}

#local_nav_body{
	position: relative;
	top:50px;
	margin:0px 7px 0 7px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
	border-radius:4px;
}

#local_nav ul{
	margin-bottom: 0;
	padding: 16px 8px 8px 8px;
	background-color: #d30900;
	border-radius:4px 4px 0 0;
}

#local_nav li{
	border-bottom: dotted 1px #e98480;
	padding:8px 0;
	line-height: 17px;
	margin-bottom: 0;
}

#local_nav li a{
	display: block;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#local_nav li .dot_num{
	width: 17px;
	height: 17px;
	margin-right:5px;
}

#btn_menu_close_small{
	color: #FFF;
	text-align: right;
	font-weight: bold;
	background-color: #bd0800;
	padding:3px 8px;
	border-radius:0 0 4px 4px;
	cursor: pointer;
}

.contents{
	padding:6px 1.56% 20px 1.56%;
}

.contents section{
	margin-bottom:10px;
}

.section_in{
	background-color: #fff;
	border-radius:4px;
	box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#faq .section_in{
	background-color:transparent;
	box-shadow: none;
}

.section_in_2{
	padding:15px 4.3%;
}

#faq .section_in_2{
	padding-top:0;
}

.section_in_3{
	padding:15px 2.3%;
}

#how.section_in_3{
	padding-bottom: 0;
}

.section_in_4{
	padding:15px 5%;
}

.title_1{
	background:transparent url(/jp/forHome/solution/pwm/how-to/images/bgi_title_1.png) left center repeat-x;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	border-radius:3px 3px 0 0;
	margin: 0;
	padding: 10px 2.3%;
}

.title_1 .dot_num{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.title_1.line2_sp{
	line-height:1.4;
}

.title_1.line2_sp .dot_num{
	margin-top:10px;
}

.title_2{
	font-size:15px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:0.5em;
}

.title_step{
	margin-top: 1.5em;
	font-size:15px;
	font-weight:bold;
	text-align: center;
}

.title_num{
	display: block;
	width:5.5em;
	margin: 0 auto 10px auto ;
	font-size:13px;
	height:18px;
	line-height:18px;
	text-align: center;
	color: #FFF;
	font-weight:bold;
	border-radius:9px;
	background-color: #324f63;
}


main{
	background-color: #F2F2F2;
}

.flex_support .flex{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

.flex_support .flex_box_1{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}

.flex_support .flex_box_2{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}

.flex_support.device_win_mac .flex_box_1{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}

.flex_support.device_win_mac .flex_box_2{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}

.accordion{
	width:100%;
	margin-bottom: 1.5em;
}

.accordion_body{
	border-radius:4px;
	background-color:#eef0f1;
}

.accordion.green .accordion_body{
	background-color:#83d5ce;
}

.accordion_q,
.accordion_a_in{
	position:relative;
	padding:10px 4.6%;
}

/*
.accordion_q p:last-child,
.accordion_a_in p:last-child{
	margin-bottom: 0;
}
*/

.accordion_q{
	border-radius:4px;
	font-size:16px;
	line-height:1.4;
	color: #FFF;
	background-color:#324f63;
}

.accordion_q:after{
	content: "";
	clear: both;
	display: block;
}

.accordion.active .accordion_q{
	cursor: pointer;
}
.accordion.active .accordion_q h3{
	margin: 0;
}

.accordion_body.open .accordion_q{
	border-radius:4px 4px 0 0;
}

.accordion_q .accordion_btn{
	position: absolute;
	right:4.6%;
	top:50%;
	width:24px;
	height:24px;
	margin-top: -12px;
	cursor:pointer;
}

.accordion_body.open .accordion_q .accordion_btn{
	background:#324f63 url(/jp/forHome/solution/pwm/how-to/images/btn_arrow_t_white.png) no-repeat right center;
	background-size: 24px;
}

.accordion_body.open .accordion_q .accordion_btn img{
	opacity:0;
}

.accordion_a .accordion_btn{
	padding:5px 0;
	font-size: 14px;
	text-align: center;
	background-color:#e2e4e5;
	border-radius:0 0 4px 4px;
	cursor: pointer;
}

.accordion.green .accordion_a .accordion_btn{
	background-color: #7ccac3;
}

.accordion_a .accordion_btn img{
	width: 24px;
	height: 24px;
	margin-left:7px;
}

.anchor_head{
	position: relative;
	padding-top:50px;
	margin-top:-50px;
}

#about{ z-index: 900; }
#save{ z-index: 800; }
#protect{ z-index: 700; }
#control{ z-index: 600; }
#form{ z-index: 500; }
#faq{ z-index: 400; }

#main_visual{
	margin-bottom:10px;
	padding:50px 1.56% 1.56%;
	text-align: center;
	background-color: #fff;
}

#main_visual h1{
	margin-bottom: 0;
	padding-bottom:0px;
	font-weight:normal;
	font-size:19px;
	color: #d70a00;
	line-height:1.2;
}

#main_visual .movie{
	position: relative;
	margin:0 auto;
	width: 100%;
	max-width: 560px;
	max-height: 315px;
	padding: calc(315 / 560 * 100%) 0 0;
}

#main_visual .movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 560px;
	max-height: 315px;
}

.swiper-wrapper{
	width:100%;
}

.swiper-container {
	width:100%;
	height:auto;
	margin: 0 auto;
}

.slide_title,
.slide_image,
.slide_text{
	padding: 0 6.5%;
}

.slide_title,
.slide_image{
	text-align: center;
}

.slide_title{
	font-size:15px;
	font-weight:bold;
}

.slide_image{
	margin-bottom:50px;
}

.slide_text .dl_2col,
.slide_text .dl_2col dd{
	margin-bottom: 0;
}

.box_white{
	padding:17px 0;
	margin-bottom:20px;
	border-radius:4px;
	background-color:#FFF;
}

.box_white_sp{
	padding:17px 0;
	margin-bottom:20px;
	border-radius:4px;
	background-color:#FFF;
}

.box_red{
	padding:17px 6.5%;
	margin-bottom:20px;
	border-radius:4px;
	color: #FFF;
	background-color:#d9344c;
}

.box_border_gray{
	padding:25px 6.5%;
	margin-bottom:20px;
	border-radius:4px;
	border: 1px solid #CCC;
}

.box_skyblue{
	padding:17px 6.5%;
	margin-bottom:20px;
	border-radius:4px;
	background-color:#f0fcff;
}

.link_list_icon:after{
	content: "";
	clear: both;
	display: block;
}

.link_list_icon{
	width: 100%;
	margin-bottom: 0;
}

.link_list_icon li{
	float:left;
	width:50%;
	text-align: center;
	margin-top:20px;
	margin-bottom: 0;
}

.link_list_icon li img{
	display: block;
	width: 88px;
	height: 89px;
	margin:0 auto 10px auto;
}

.link_list_icon li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	line-height: 1.2;
	padding:0 0 20px 0;
	background: url(/jp/forHome/solution/pwm/how-to/images/btn_dl.png) center bottom no-repeat;
	background-size:15px 15px;
}

.title_onepoint{
	font-size: 16px;
	line-height:22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}

.ico_onepoint{
	display: inline-block;
	width: 25px;
	height: 22px;
	margin-right: 10px;
	background: url(/jp/forHome/solution/pwm/how-to/images/ico_onepoint.png) 0 0 no-repeat;
	background-size:cover;
	vertical-align:top;
}

.ico_how{
	float: left;
	display:block;
	width:72px;
	height:54px;
	margin-right: 10px;
	margin-bottom: -10px;
	background:url(/jp/forHome/solution/pwm/how-to/images/img_how.png) 0 0 no-repeat;
	background-size:cover;
	position: relative
}

.ico_ios,
.ico_android,
.ico_win,
.ico_pc{
	float:left;
	display:block;
	position: relative;
	top:7px;
	width:30px;
	height:30px;
	margin:0 5px 10px 0;
	background: url(/jp/forHome/solution/pwm/how-to/images/ico_ios.png) 0 0 no-repeat;
	background-size:cover;
}
.ico_ios{ background-image:url(/jp/forHome/solution/pwm/how-to/images/ico_ios.png); }
.ico_android{ background-image: url(/jp/forHome/solution/pwm/how-to/images/ico_android.png); }
.ico_win{ background-image: url(/jp/forHome/solution/pwm/how-to/images/ico_windows.png); }
.ico_pc{ background-image: url(/jp/forHome/solution/pwm/how-to/images/ico_pc.png); }

.ico_setting{
	display:inline-block;
	width:20px;
	height:22px;
	margin:0 10px 0 0;
	background: url(/jp/forHome/solution/pwm/how-to/images/ico_setting.png) 0 0 no-repeat;
	background-size:cover;
	vertical-align: middle;
}

.link_arrow:before{
	content:'\003e\2003';
}

.link_arrow{
	margin-left:20px;
	text-indent:-20px;
}

.box_red .link_arrow a{
	color: #FFF;
}

.link_check{
	margin:0;
}

.link_check li{
	font-weight: bold;
	padding-left: 30px;
	margin:1em 0;
	background:url(/jp/forHome/solution/pwm/how-to/images/ico_checked.png) left center no-repeat;
	background-size:22px 21px;
}

#scroll_to_top{
	width:36px;
	height:36px;
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:8000;
	cursor: pointer;
}

.btn_red a{
	display: block;
	width: 290px;
	color: #FFF;
	text-decoration: none;
	border-radius: 4px;
	margin: 30px auto;
	padding:10px 0 10px 0;
	font-size: 14px;
	text-indent:15px;
	background:#da2148 url(/jp/forHome/solution/pwm/how-to/images/btn_dotarrow_r.png) 96% center no-repeat;
	background-size: 24px;
	box-shadow:0 0 4px rgba(0,0,0,0.3);
}

footer{
	background-color: #f2f2f2;
	text-align: center;
	padding:0px 0 20px 0;
}

footer .tm_ci img{
	height: 30px;
	margin:8px 0 10px 9px;
}

footer small{
	font-size: 8px;
	margin-bottom: 0;
}

.w_160{ width:160px; }

.hide_sp{ display: none;}

/*** サイトコンポーネント ここまで ***/



/*** 汎用スタイル ここから ***/
.fz_10{ font-size:10px; }
.fz_11{ font-size:11px; }
.fz_12{ font-size:12px; }
.fz_13{ font-size:13px; }
.fz_14{ font-size:14px; }
.fz_15{ font-size:15px; }
.fz_16{ font-size:16px; }
.fz_17{ font-size:17px; }
.fz_18{ font-size:18px; }
.fz_19{ font-size:19px; }
.fz_20{ font-size:20px; }
.fz_21{ font-size:21px; }
.fz_22{ font-size:22px; }
.fz_23{ font-size:23px; }
.fz_24{ font-size:24px; }

.inner_1200 {
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.col_box {
	max-width: 100%;
}
.flex_box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 0 1 auto;
	flex-wrap: wrap;
}

.flex_box .col_in_1 {
	-ms-flex: 0 1 auto;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	padding-left: 10px;
}

.td_n{
text-decoration:none !important;
}

.fw_b{
font-weight:bold;
}

.c_red{
color:#fd0f0d;
}

.c_brown{
color:#9f8958;
}

.c_green{
color:#1db5b6;
}

.ta_l{
text-align:left !important;
}

.ta_r{
text-align:right !important;
}

.ta_c{
text-align:center !important;
}

@media screen and (max-width: 768px) {
	.taL_sp {
		text-align: left !important;
	}
}

.fl_l{
float:left;
}

.fl_r{
float:right;
}

.cl_b{
clear:both;
}

.cl_fix:after{
	content: "";
	clear: both;
	display: block;
}

.dl_2col:after{
	content: "";
	clear: both;
	display: block;
}

.dl_2col dt{
clear:both;
float:left;
width:3em;
margin:0 0 20px 0;
}

.dl_2col dd{
margin:0 0 20px 3em;
}

.list_notice{
	font-size: 10px;
}

.list_notice:after{
	content: "";
	clear: both;
	display: block;
}

.list_notice dt{
clear:both;
float:left;
width:2.5em;
margin:0 0 1em 0;
}

.list_notice dd{
margin:0 0 1em 2.5em;
}


.bg_n{background:none !important;}

.bd_n{border:none !important;}

.bg_fff { background: #fff;}

.m_0{margin:0;}

.mt_-20{margin-top:-20px;}
.mt_-10{margin-top:-10px;}
.mt_0{margin-top:0;}
.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_45{margin-top:45px;}
.mt_50{margin-top:50px;}

.mr_0{margin-right:0;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mr_20{margin-right:20px;}
.mr_25{margin-right:25px;}
.mr_30{margin-right:30px;}
.mr_35{margin-right:35px;}
.mr_40{margin-right:40px;}
.mr_45{margin-right:45px;}
.mr_50{margin-right:50px;}

.mb_0{margin-bottom:0;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}
.mb_35{margin-bottom:35px;}
.mb_40{margin-bottom:40px;}
.mb_45{margin-bottom:45px;}
.mb_50{margin-bottom:50px;}

.ml_0{margin-left:0;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}
.ml_35{margin-left:35px;}
.ml_40{margin-left:40px;}
.ml_50{margin-left:50px;}
.ml_60{margin-left:60px;}
.ml_80{margin-left:80px;}
.ml_100{margin-left:100px;}

.p_0{padding:0;}

.pt_0{padding-top:0;}
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}
.pt_25{padding-top:25px;}
.pt_30{padding-top:30px;}
.pt_35{padding-top:35px;}
.pt_40{padding-top:40px;}
.pt_45{padding-top:45px;}
.pt_50{padding-top:50px;}

.pr_0{padding-right:0;}
.pr_5{padding-right:5px;}
.pr_10{padding-right:10px;}
.pr_15{padding-right:15px;}
.pr_20{padding-right:20px;}
.pr_25{padding-right:25px;}
.pr_30{padding-right:30px;}
.pr_35{padding-right:35px;}
.pr_40{padding-right:40px;}
.pr_45{padding-right:45px;}
.pr_50{padding-right:50px;}

.pb_0{padding-bottom:0;}
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pb_15{padding-bottom:15px;}
.pb_20{padding-bottom:20px;}
.pb_25{padding-bottom:25px;}
.pb_30{padding-bottom:30px;}
.pb_35{padding-bottom:35px;}
.pb_40{padding-bottom:40px;}
.pb_50{padding-bottom:50px;}

.pl_0{padding-left:0;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_20{padding-left:20px;}
.pl_25{padding-left:25px;}
.pl_30{padding-left:30px;}
.pl_35{padding-left:35px;}
.pl_40{padding-left:40px;}
.pl_45{padding-left:45px;}
.pl_50{padding-left:50px;}
.pl_80{padding-left:80px;}

.w_25p{ width:25%; }
.w_40p{ width:40%; }
.w_75p{ width:75%; }

/*** 汎用スタイル ここまで ***/