@charset "UTF-8";
 @-ms-viewport {
width: device-width;
}
body {
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "游ゴシック", YuGothic, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
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, var, b, i, p, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
img {
	width: 100%;
	height:auto;
	vertical-align: bottom;
}
a {
	outline: none;
}

.red {
	color: #f00;
}
.orenge {
	color: #ff6600;
}
.green {
	color: #339900;
}
.border-box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*---------------clearfix---------------*/
.cf:before, .cf:after {
	content: "";
	display: block;
	overflow: hidden;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}
/*
940pxに対するpx→％
5px→0.53191489%
10px→1.06382979%
15px→1.59574468%
20px→2.12765957%
30px→3.19148936%
40px→4.25531915%
50px→5.31914897%
100px→10.6382979%
200px→20.8333333%
450px→47.8723404%
*/

/*スマホ用mb
-------------------------------------*/
.mb5 {
	margin-bottom: 0.53191489%;
}
.mb10 {
	margin-bottom: 1.06382979%;
}
.mb20 {
	margin-bottom: 2.12765957%;
}
.mb30 {
	margin-bottom: 3.19148936%;
}
.mb40 {
	margin-bottom: 4.25531915%;
}
.mb50 {
	margin-bottom: 5.31914897%;
}
.mb100 {
	margin-bottom: 10.6382979%;
}
/*スマホ用mt
-------------------------------------*/
.mt5 {
	margin-top: 0.53191489%;
}
.mt10 {
	margin-top: 1.06382979%;
}
.mt20 {
	margin-top: 2.12765957%;
}
.mt30 {
	margin-top: 3.19148936%;
}
.mt40 {
	margin-top: 4.25531915%;
}
/*---------------wrapper---------------*/
#wrapper {
	font-size: 14px;
	position:relative;
}
/*---------------header---------------*/
#header{
	width: 95%;
	margin: 0 auto;
	max-width: 940px;
}
.main_logo {
    width: 95%;
    margin: 0px auto;
    position: absolute;
	padding-top:2%;
    top: 0px;
    z-index: 5000;
}
.main_logo_img{
	width:25.5%;
}
.main_img_sp {
	max-width: 940px;
	margin: 0 auto;
}
.navi_sp {
	max-width: 470px;
	margin: 0 auto;
	margin-bottom: 3.19148936%;
}
.navi_pc {
	display: none;
}
.tell_pc {
	display: none;
}
.biz_txt {
	max-width: 596px;
}
.pro_txt{
	max-width:518px;
}
.ho_txt{
	max-width:487px;
}
#navi_head {
	display: none;
}
#nafcoBtn{
	position:relative;
	text-align: right;
	width: 100%;
	margin-top: 2%;
	margin-bottom: 2%;
}
#nafcoBtn img{
	width: auto;
}
/*---------------card---------------*/
#card{
	width: 95%;
	margin: 0 auto;
}

.point {
	max-width: 466px;
	margin: 0 auto;
}
.logo {
	width: 40%;
}
#nadebiz .logo {
	max-width: 193px;
}
#nadepro .logo {
	max-width: 204px;
}
#nadeho .logo {
	max-width: 191px;
}
.card_txt_biz{
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
.card_txt_pro{
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
.card_txt_ho{
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

.point ul li {
	width: 30%;
	padding-bottom: 5%;
	float: left;
	max-width: 140px;
}
.note {
	clear: both;
}
.service_plan {
	max-width: 620px;
}
.qa_open, .qa_close {
	position: relative;
	max-width: 300px;
	margin: 0 auto;
	cursor:pointer;
}
.qa_close {
	display: none;
}
.bec_right {
	width: 16.6666%;
	position: absolute;
	top: 0px;
	right: 0px;
}
.one_fifth {
	width: 18%;
	float: left;
	max-width: 60px;
}
.four_fifth {
	width: 80%;
	float: right;
}
.four_fifth {
	font-size: 16px;
}
.four_fifth p {
	font-weight: bold;
}
.faq {
	margin-bottom: 2.12765957%;
}
.answer {
	clear: both;
	padding-top: 3.19148936%;
}
.third {
	display: none;
}
.p_1n {
	padding-right: 5%;
}
.p_2n {
	padding-right: 5%;
}
.biz_side{
	display:none;
}
.pro_side{
	display:none;
}
.ho_side{
	display:none;
}

.biz_qa_ttl{
	max-width:550px;
	margin:0 auto;
	margin-bottom:5%;
	z-index:200;
}
.pro_qa_ttl{
	max-width:536px;
	margin:0 auto;
	margin-bottom:5%;
	z-index:200;
}

.ho_qa_ttl{
	max-width:550px;
	margin:0 auto;
	margin-bottom:5%;
	z-index:200;
}

/*---------------footer---------------*/
#footer_sp {
	text-align: center;
	color: #fff;
	background-color: #333333;
	padding: 6%;
	clear: both;
	font-size:12px;
}
#footer_pc{
	display:none;
}
#footer_sp a{
	color:#fff;
}
.tell_num {
	font-size: 18px;	
}
.go_to_top {
	display: none;
}
/*アコーディオン
-------------------------------------*/
.acordion {
	clear: both;
}
.open-close {
	float: right;
	text-indent: -9999px;
	display: block;
}

@media screen and (min-width : 768px) {
/*---------------header---------------*/
#nafcoBtn{
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 1000;
	margin: 0;
}
.navi_sp {
	display: none;
}
.navi_pc {
	display: block;
}
.navi_pc ul li {
	width: 30%;
	padding-bottom: 5%;
	float: left;
	max-width: 300px;
}
.tell_sp {
	display: none;
}
.tell_pc {
	display: block;
	max-width: 940px;
	margin: 0 auto;
	margin-bottom:20px;
}
.n_1n {
	padding-right: 5%;
}
.n_2n {
	padding-right: 5%;
}
/*---------------card---------------*/
.point {
	max-width: 620px;
}
.point ul{
	width:640px;
	margin-right:-20px;
	overflow:hidden;
}
.point ul li {
	padding:0!Important;
	float: left;
	margin-right:20px;
	margin-bottom:20px;
}
.p_1n {
	padding-right: 3%;
}
.p_2n {
	padding-right: 3%;
}
.p_3n {
	padding-right: 3%;
}
.single {
	display: none;
}
.third {
	display: block;
	clear: both;
}
.faq {
	float: left;
	width: 30%;
}
#footer_sp {
	display:none;
}
#footer_pc{
	text-align: center;
	color: #fff;
	background-color: #333333;
	clear: both;
	display:block;
	padding:20px;
	font-size:14px;
}
.copy_right{
	font-size:10px;
}
.mb10_pc{
	margin-bottom:10px;
}
/*---------------ie7用---------------*/
*:first-child+html .gn_pc {
	width: 67%;
	display: block;
	position: absolute;
	right: 0px;
	top: 9%;
}
}

@media screen and (min-width : 940px) {
	
	/*PC用mb
-------------------------------------*/
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb75 {
	margin-bottom: 75px;
}
.mb100 {
	margin-bottom: 100px;
}

/*---------------header---------------*/

.main_logo {
    width: 940px;
    margin: 0px auto;
    padding-top: 30px;
    position: absolute;
    top: 0px;
    z-index: 5500;
}
.main_img_sp {
	display:none;
}
#navi_head {
	display: block;
	height: 80px;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}
.navi_pc_02 {
	width: 940px;
	margin: 0 auto;
	z-index:9999;
}
.navi_pc_02 ul {
	width: 960px;
	margin-right: -20px;
	z-index: 1;
}
.navi_pc_02 ul li {
	width: 300px;
	height: 80px;
	float: left;
	margin-right: 20px;
}
#nadebiz{
	margin-top:-110px;
	padding-top:110px;
}
#nadepro{
	margin-top:-100px;
	padding-top:100px;
}
#nadeho{
	margin-top:-100px;
	padding-top:100px;
}

/*---------------contents---------------*/
#header{
	width:100%;
}
.navi_pc{
	height:160px;
	margin-bottom:20px;
}
.navi_pc ul{
	width: 960px;
	margin-right: -20px;
	z-index: 1;
}
.navi_pc ul li{
	padding:0;
	width: 300px;
	height: 160px;
	float: left;
	margin-right: 20px;
}
/*---------------card---------------*/
#card{
	width: 100%;
	margin: 0 auto;
	margin-top:150px;
}
#nadebiz{
	position:relative;
}
#nadepro{
	position:relative;
}
#nadeho{
	position:relative;
}
.q_and_a{
	width:95%;
	margin:0 auto;
	max-width:940px;
}

.logo{
	position:absolute;
	left:50%;
	margin-left:-150px;
}
.card_contents{
	width:620px;
	position:absolute;
	left:50%;
	margin-left:-150px;
}
.card_txt{
	margin-left:50%;
	padding-top:30px;
}
.card_txt_biz{
	margin-left:65px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
.card_txt_pro{
	margin-left:65px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
.card_txt_ho{
	margin-left:65px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

#biz_qa{
	margin-top:1340px;
}
#pro_qa{
	margin-top:1390px;
}
#ho_qa{
	margin-top:1540px;
}
.biz_side{
	display:block;
	width:641px;
	position:absolute;
	top:110px;
	right:50%;
	margin-right:170px;
}
.pro_side{
	display:block;
	width:741px;
	position:absolute;
	top:100px;
	right:50%;
	margin-right:170px;
}
.ho_side{
	display:block;
	width:741px;
	position:absolute;
	top:100px;
	right:50%;
	margin-right:170px;
}
/*---------------footer---------------*/
.go_to_top {
	position: fixed;
	left: 50%;
	bottom:0px;
	margin-left:480px;
}

.go_to_top a{
	width:60px;
	height:60px;
	display: block;
}

/*---------------ie7用---------------*/

*:first-child+html #biz_qa{
	padding-top:1240px;
}
*:first-child+html #pro_qa{
	padding-top:1290px;
}
*:first-child+html #ho_qa{
	padding-top:1440px;
}

*:first-child+html #nadebiz{
	margin-top:0;
	padding-top:0;
}
*:first-child+html #nadepro{
	margin-top:0;
	padding-top:0;
}
 *:first-child+html #nadeho{
	margin-top:0;
	padding-top:0;
}
*:first-child+html .biz_side{
	display:block;
	width:641px;
	position:absolute;
	top:0px;
	right:50%;
	margin-right:170px;
}
*:first-child+html .pro_side{
	display:block;
	width:741px;
	position:absolute;
	top:0px;
	right:50%;
	margin-right:170px;
}
*:first-child+html .ho_side{
	display:block;
	width:741px;
	position:absolute;
	top:0px;
	right:50%;
	margin-right:170px;
}


}


@media screen and (min-width : 1280px) {
.top_slider {
	display:block;
	background-image:url(../img/common/main_imgbg.jpg);
	background-repeat:repeat-x;
	height:480px;
}
}