/***********************************************************************************************************************
******共通
******
************************************************************************************************************************/
body{width:100%; margin:0 auto; min-width:960px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.w960{width:960px; margin:0 auto; position:relative;}
.pc{display:inline-block;}
.sp{display:none;}
.down{display:none;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.f_left{float:left;}
.f_right{float:right;}
red{color:#be3325;}
.fm{font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","Times New Roman","游明朝",YuMincho,"メイリオ",Meiryo,"ＭＳ Ｐ明朝","MS PMincho",serif; font-weight:400;}

.stripe {
    background-color: #1a1a1a;
    background-image: linear-gradient(-45deg, #393939 25%, transparent 25%, transparent 50%, #393939 50%, #393939 75%, transparent 75%, transparent);
    background-size: 5px 5px;
    margin: 0;
    padding: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.bottom10{margin-bottom: 10px;}
.bottom30{margin-bottom: 30px;}

.clear{ clear: both; line-height: 0;}
.clearFix:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}


/* 画面外にいる状態 */
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

@media (max-width: 640px) {
body{width:100%; margin:0 auto; min-width:100%;}
.w960{width:96%; margin:0 auto;}
.pc{display:none;}
.sp{display:block;}
img{width:100%; height:auto;}
}
/***********************************************************************************************************************
******ヘッダー
******
************************************************************************************************************************/

header{}
header .pc{display:block !important;}
.header_content{margin:auto; height:175px; position:relative; border-bottom:solid 3px #f2f0e9;}
.header_content h1{position:absolute; top:25px; left:0;}
.header_content .amb{position:absolute; top:40px; right:0;}
.header_content .amb a{display:inline-block;}
.header_content .sitemap{font-size:12px; margin:0 auto; position:absolute; top:15px; right:0;}
.header_content .sitemap ul li{float:left; padding:0 10px; border-right:#333 solid 1px; line-height:18px;}
.header_content .sitemap ul li:last-child{border-right:none;}
.header_content .sitemap ul li img{margin-right:2px;}
.header_content nav div.w960{position:absolute; bottom:-3px; left:50%; margin:0 0 0 -450px; width:900px;}
.header_content nav ul li {float:left; border-bottom:solid 3px #f2f0e9;}
.header_content nav ul li img{border-right:#cdcdcd solid 1px; margin-bottom: 20px;}
.header_content nav ul li:last-child img{border:none;}
.header_content nav ul li:hover{border-bottom:solid 3px #999999;}

@media (max-width: 640px) {
header{height:50px; position:fixed; background:#f9f8f4; z-index:10000; width:100%; box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4);}
header .pc{display:none !important;}
.header_content img{width:100%;}
.header_content{margin:auto; height:50px; border:none;}
.header_content h1{width:50%; position:absolute; top:3%; left:2%;}
.header_content .amb{width:90px; position:absolute; top:15px; right:60px;}
.header_content p.nav_btn span{width:50px; height:50px; position:absolute; top:0; right:0; background:url(../images/sp/btn_menu.jpg) no-repeat scroll right 0 top 0 / 50px 50px; display: block;}
.header_content p.nav_btn span.open{width:50px; height:50px; position:absolute; top:0; right:0; background:url(../images/sp/btn_menu_open.jpg) no-repeat scroll right 0 top 0 / 50px 50px; display: block;}
.header_content nav.dropmenu{display:none; width:100%;position:absolute; top:50px; z-index:10000; padding:0 0 20px; background:#f9f8f4; box-shadow:#cdcdcd 0px 5px 5px; height:auto; border-top:#cdcdcd 2px solid; overflow-y:auto; max-height:450px;}
.header_content nav.dropmenu ul{width:100%; margin:0 auto;}
.header_content nav.dropmenu ul li{width:100%; margin:0 auto; text-align:center; height:50px; line-height:50px; border-bottom:#cdcdcd 1px solid; font-size:14px;}
.header_content nav.dropmenu ul li img{height:18px; width:auto; vertical-align:bottom; margin-right:2px;}
.header_content nav ul li:hover{border-bottom:#cdcdcd 1px solid;}
.header_content nav.dropmenu ul li.half{width:50%; float:left; clear: none; border-left:#cdcdcd 1px solid; box-sizing:border-box;}
.header_content nav.dropmenu ul li.child{color:#fff;}
.header_content nav.dropmenu ul li.child span {background:url(../images/sp/icon_menu_open.jpg) no-repeat scroll right 2% center / 5% auto; display: block;}
.header_content nav.dropmenu ul li.child.open span {background:url(../images/sp/icon_menu_close.jpg) no-repeat scroll right 2% center / 5% auto;}
.header_content nav ul.child_nav {display: none;}
.header_content nav ul.child_nav li {background:#f9f8f4;}
.header_content nav.dropmenu .btn_close{margin:0 auto; text-align:center;}
.header_content nav.dropmenu .btn_close img{margin:20px 0 0; height:18px; width:auto;}
.header_content nav ul li img{border-right:#cdcdcd solid 0px; margin-bottom: 20px;}
}

/***********************************************************************************************************************
******トップページ
******INDEX
************************************************************************************************************************/

.contents{width:100%;}
.mainvisual{width:100%; height:750px; margin:0 auto 10px; clear:both; overflow:hidden; text-align:center; border-bottom:solid 3px #f2f0e9;}
.mainvisual img{width:auto; height:100%;}
.mainvisual .inner{width:1280px; margin:0 auto; }
@media only screen and (min-width: 641px) and (max-width: 1280px) {
.mainvisual .inner{width:100%; margin:0 auto; }
.mainvisual .inner ul li{width:1280px !important;}
.mainvisual .inner .bx-viewport{width:1280px !important; position:relative; left:50%; margin-left:-600px;}
}

.top_content .main_copy_block{
		width:1280px; 
		margin:20px auto;
		text-align:center;
		font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E, serif;
}

.top_content p.main_copy{font-size:38px; line-height:150%; margin-bottom:30px;}
.top_content p.main_copy span{border-bottom:1px solid #333;}
.top_content p.sub_copy{font-size:24px; line-height:150%; margin-bottom:30px;}

.top_content .price_container{width:800px; height:400px; margin: 0 auto 150px; position:relative; background:#efefef;}

.top_content .price_box{width:300px; height:auto; position:absolute; top:15px; right:20px; 
			text-align:center; background:#fff; padding:10px; box-sizing:border-box;
			border:1px solid #dcdcdc;}

.price_title,.meyasu_title{
	width:260px; margin:10px auto 20px; height:auto; background:#cdcdcd; font-weight:700; font-size:22px; text-align:center; padding:10px;}

.price_image{width:400px; height:auto; position:absolute; top:15px; left:20px;}

.price_box_copy{font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E, serif; margin:7px 0 20px; font-size:18px;}

.price_box_copy2{margin-bottom:10px; line-height:160%;}

.price_box_copy3{margin-bottom:10px; line-height:160%; border:1px solid #dcdcdc; padding:15px;}

.red{color:#ff0000;}
.red_price{font-size:26px;}
.red_price2{font-size:18px;}
.gray{color:#ababab;}
.price_day{font-size:26px; font-weight:700; background:url(../images/calendar_icon.png); 
	background-repeat:no-repeat; background-size:auto 50px; background-position: 90px 0px;
	margin-bottom:0px; padding:18px 0 10px;
}

.canvas_container{width:1280px; height:600px; margin: 0 auto 80px; text-align:center; background:url(../images/canvas_back.jpg);
		background-repeat:no-repeat; position:relative;}

.canvas_btn{position:absolute; top:400px; right:280px;}

.service_container{width:1280px; height:auto; margin: 0 auto 80px; text-align:center;}
.menu_01{width:800px; height: 30px; text-align:center; padding:7px 0 10px; line-height:36px; font-weight:700; border:1px solid #dcdcdc; margin:20px auto;
	font-size:24px;
}

.menu_01_catch{font-size:38px; line-height:150%; margin-bottom:30px; font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E, serif;}
.menu_01_copy{font-size:24px; line-height:150%; margin-bottom:30px; font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E, serif;}

.order{margin:30px auto;}

.voice_container{width:1280px; height:auto; margin: 0 auto 40px; text-align:center;}

.other_container{width:1280px; height:auto; margin: 0 auto 80px; text-align:center;}

.menu_02{width:400px; height: 30px; text-align:center; padding:7px 0 10px; line-height:36px; font-weight:700; border:1px solid #dcdcdc; margin:20px 0 20px 120px; font-size:24px; float:left;}

.menu_03{width:400px; height: 30px; text-align:center; padding:7px 0 10px; line-height:36px;  font-weight:700; border:1px solid #dcdcdc; margin:20px 120px 20px 0; font-size:24px; float:right;}

.menu_04_box{width:960px; margin: 0 auto; overflow:hidden;}

.menu_04{width:300px; height: 40px; text-align:center; padding:7px 0 10px; line-height:27px; font-weight:700; border:1px solid #dcdcdc; margin:20px 10px;
	font-size:18px; float:left; box-sizing:border-box;}


@media (max-width: 640px) {
.top_content .main_copy_block{
		width:100%; 
		margin:3% auto;
		text-align:center;
		font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E, serif;
}

.top_content p.main_copy{font-size:24px; line-height:150%; margin-bottom:3%;}
.top_content p.main_copy span{border-bottom:1px solid #333;}
.top_content p.sub_copy{font-size:18px; line-height:150%; margin-bottom:3%; margin: 0 auto; text-align:left; width:94%;}

.top_content .price_container{width:96%; height:auto; margin: 0 auto 10%; position:relative; background:#efefef; padding:5% 2%;}

.top_content .price_box{width:96%; height:auto; position:relative; margin: 0 auto; top:0; right:0;
			text-align:center; background:#fff; padding:2%; box-sizing:border-box;
			border:1px solid #dcdcdc;}

.price_image{width:96%; height:auto; margin: 0 auto; position:relative; top:0; left:0; text-align:center;}
.price_image img{width:100%;}

.price_title,.meyasu_title{
	width:98%; margin:2% auto 3%; height:auto; background:#cdcdcd; font-weight:700; font-size:18px; text-align:center; padding:2%;}

.price_title img,.meyasu_title img{width:5%!important;}

.price_box_copy{font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E, serif; margin:3% 0 5%;}

.price_box_copy2{margin-bottom:2%; line-height:160%;}

.price_box_copy3{margin-bottom:2%; line-height:160%; border:1px solid #dcdcdc; padding:3%;}

.red{color:#ff0000;}
.red_price{font-size:22px;}
.red_price2{font-size:16px;}
.gray{color:#ababab;}
.price_day{font-size:22px; font-weight:700; background:url(../images/calendar_icon.png); 
	background-repeat:no-repeat; background-size:auto 100%; background-position: 42% 0;
	margin-bottom:0px; padding:6% 0 3%;
}

.canvas_container{width:96%; height:auto; margin: 0 auto 7%; text-align:center; background:none;
		background-repeat:no-repeat; position:relative;}

.canvas_btn{position:relative; top:0; right: 0; margin-top:5%;}

.service_container{width:96%; height:auto; margin: 10% auto 7%; text-align:center;}
.menu_01{width:96%; height: auto; text-align:center; padding:2%; font-weight:700; border:1px solid #dcdcdc; margin:5% auto 2%;
	font-size:20px;
}

.menu_01_catch{font-size:24px; line-height:150%; margin-bottom:2%; font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E, serif;}
.menu_01_copy{font-size:18px; line-height:150%; margin-bottom:2%; font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E, serif; text-align:left; margin: 0 auto; width:94%;}

.order{margin:7% auto;}

.voice_container{width:96%; height:auto; margin: 0 auto 3%; text-align:center;}

.other_container{width:96%; height:auto; margin: 0 auto 7%; text-align:center;}

.menu_02{width:96%; height: auto; text-align:center; padding:2%; font-weight:700; border:1px solid #dcdcdc; margin:2% auto;
	font-size:20px; float:none;}
.menu_03{width:96%; height: auto; text-align:center; padding:2%; font-weight:700; border:1px solid #dcdcdc; margin:2% auto;
	font-size:20px; float:none;}

.menu_04_box{width:96%; margin: 0 auto;}

.menu_04{width:96%; height: auto; text-align:center; padding:2%; font-weight:700; border:1px solid #dcdcdc; margin:2% auto;
	font-size:20px; float:none;}



}

.contents .inquiry{width:960px; height: 270px; margin:30px auto 40px; clear:both;}
.contents .inqu1{width:299px; height: 268px; float: left; border:#000 1px solid; border-right:none;margin:0 0 0 10px;}
.contents .inqu1 h3{font-size:1.5em; margin:24px auto; font-weight:normal; text-align:center;} 
.contents .inqu1 p{font-size: 0.9em;text-align:center;}
.contents .inqu1 p.text{text-align:left; line-height:18px; margin:10px 0 0 20px;}
.contents .inqu2{float: left; border:#000 1px solid; width:338px; height:268px;}
.contents .inqu2 dl{border-bottom:#000 solid 1px; height:90px;}
.contents .inqu2 dl:last-child{border:none;}
.contents .inqu2 dl dt{float:left;width:120px; text-align:center;line-height:90px;font-size:1.2em;}
.contents .inqu2 dl dd{float:right; width:218px;}
.contents .inqu2 .tel dd{font-weight:bold; font-size:1.4em; line-height:1.0em; margin:24px auto 0;}
.contents .inqu2 .tel dd span{display:block; font-size:0.6em; font-weight:normal;}
.contents .inqu2 .email{line-height:90px;}
.contents .inqu2 .email dd{font-weight:bold; font-size:1.4em;}
.contents .inqu2 .btinquiry{line-height:90px;}
.contents .inqu2 .btinquiry dd a{margin:12px auto; background: transparent;display:inline;line-height:114px;}
.contents .faqs{float:left; width:299px; height: 268px; border:#000 1px solid; border-left:none;}
.contents .faqs h3{margin:24px 0 30px 60px;}
.contents .faqs ul{margin:0 0 0 60px;}
.contents .faqs ul li{background:url(../images/icon_vec_right.png) no-repeat left center; padding:0 0 0 10px;}
.contents .faqs ul li a{text-decoration:underline; line-height:28px;}
.contents .faqs ul li a:hover{text-decoration:none;color:#999999;}

@media (max-width: 640px) {
.contents{width:100%; padding-top:50px;}
.mainvisual{width:100%; margin:0 auto 10px; height:auto;}
.mainvisual img{width:100%; height:auto;}
.mainvisual .inner{width:100%; min-width:100%; margin:0 auto;}
.page_title{margin:20px auto 0;}


.top_content .center{clear:both; width:100%; margin:20px auto 0;}
.top_content .news{display:none;}
.top_content .side{display:none;}
.contents .inquiry{display:none;}


}



/***********************************************************************************************************************
******下層ページ（全体）
******
************************************************************************************************************************/
.box.last{margin-right:0 !important;}
.shadow{box-shadow: 0 0 5px 3px #dbdada;}
.btn a{display:block;}
p a.blue{display:inline-block; color:#5794bb; text-decoration:underline;}
.margin10{margin:10px auto !important;}
.margin20{margin:20px auto;}
.margin30{margin:30px auto;}
.page_content .main_content{margin-bottom:100px;}
p.w500{width:500px;}

.bread{width:960px; margin:10px auto; text-align:left;}
.bread span{display:inline-block; margin-right:10px; vertical-align:bottom; font-size:14px;}
.bread span a{display:inline-block;}

@media (max-width: 640px) {
br.pc{display:none;}
.shadow{box-shadow:none; border:#dbdada solid 1px;}
.onlypc{display:none;}
.box.w100{width:92% !important;}
p.w500{width:92%;}
.bread{display:none;}
}



/**********************************************
******下層ページ（オーダーガイド）
******GUIDE
************************************************/

.mainvisual_guide{width:100%; height:480px; margin:0 auto 10px; clear:both; overflow:hidden; text-align:center; border-bottom:solid 3px #f2f0e9;}
.mainvisual_guide img{width:auto; height:100%;}
.mainvisual_guide .inner{width:1280px; margin:0 auto; }

@media only screen and (min-width: 641px) and (max-width: 1280px) {
.mainvisual_guide .inner{width:100%; margin:0 auto; }
.mainvisual_guide .inner ul li{width:1280px !important;}
.mainvisual_guide .inner .bx-viewport{width:1280px !important; position:relative; left:50%; margin-left:-600px;}
}

.ankerlink{width:960px; text-align:center; margin:0 auto;}
.ankerlink li{ display:inline-block; width:35%; margin:0 2% 2% 0;}
.ankerlink li:nth-child(even){margin:0 0 2% 0;}
.ankerlink li a{border:#000 solid 1px; display:block; background:url(../images/guide/icon_tab.jpg) no-repeat left 10px center; line-height:60px;}

.grayback{background:#f6f6f6;}
#guideline1{padding:80px 0;}
#guideline1 h2{margin-bottom:70px;}
.guidestyle{width:960px; margin:60px auto; position:relative;}
.guidestyle .gray_column h3{margin-top:30px; clear:both;}
.guidestyle .gray_column h5{margin:20px auto;}
.guidestyle .gray_column p{line-height:1.4;}
.guidestyle .gray_column table{width:380px; margin:20px auto; border:#000 solid 1px; line-height:2;}
.guidestyle .gray_column table caption{background:#000; color:#fff; font-weight:bold;}
.guidestyle .gray_column table tr{border-top:#000 1px solid;}
.guidestyle .gray_column table th{border-right:#000 solid 1px; width:240px;}
.guidestyle .gray_column table td{text-align:center;}
.guidestyle .gray_column .guideicon{float:left; margin-right:30px;}
.guidestyle .gray_column .guidetxt{float:left; width:700px;}

p.cregit{width:510px; margin:30px auto;}
.flow{width:740px; margin:60px auto 0;}
.flow .box{clear:both; margin-bottom:40px;}
.flow .box.last{padding-left:100px;}
.flow .box .flowicon{float:left; margin-right:30px; padding-bottom:20px;}
.flow .box .flowicon2{float:left; margin-right:30px; padding-bottom:80px;}
.flow .box h3{font-size:18px; margin-bottom:20px;}
.flow .box  p{line-height:1.2; margin-bottom:10px;}
.flow .box  p.border{border:#000 solid 1px; padding:10px; display:inline-block;}
.flow .box  p.btn a{background:#000; color:#fff; display:inline-block; padding:10px 20px;}
.fukidashi{display:inline-block; vertical-align:top; margin-left:20px;}


.large_price{width:740px; margin:0 auto 30px;}
.large_price_l{float:left; width:360px!important; margin:0 5px!important;}
.large_price_r{float:right; width:360px!important; margin:0 5px!important;}
.large_price_l th{background:#e0e0e0!important;}
.large_price_l td{background:#fff!important; border:1px solid #000!important;}
.large_price_r th{background:#e0e0e0!important;}
.large_price_r td{background:#fff!important; border:1px solid #000!important;}


@media (max-width: 640px) {

.mainvisual_guide{width:100%; height:auto; margin:0 auto 3%; clear:both; overflow:hidden; text-align:center; border-bottom:solid 3px #f2f0e9;}
.mainvisual_guide img{width:100%; height:auto;}
.mainvisual_guide .inner{width:100%; margin:0 auto; }

.ankerlink{width:96%;}
.ankerlink li{ display:block; width:100%; margin:0 0 2% 0;}
.ankerlink li:nth-child(even){margin:0 0 2% 0;}
.ankerlink li a{line-height:40px; text-align:left; padding-left:15%;}
	
#guideline1{padding:40px 0 20px;}
#guideline1 h2{margin-bottom:30px;}
.guidestyle{width:96%; margin:30px auto;}
.guidestyle .gray_column h5{font-size:14px;}
.guidestyle .gray_column p{line-height:1.4;}
.guidestyle .gray_column p.tac{text-align:left;}
.guidestyle .gray_column table{width:96%; margin:20px auto; font-size:14px;}
.guidestyle .gray_column table th{width:60%; font-weight:normal;}
.guidestyle .gray_column .guideicon{margin-right:20px; width:40px;}
.guidestyle .gray_column .guidetxt{width:74%; font-size:14px;}
.guidestyle.separate_column p{font-size:14px;}

p.cregit{width:98%; margin:10px auto;}
.flow{width:100%; margin:20px auto 0;}
.flow .box{clear:both; margin-bottom:30px;}
.flow .box.last{padding-left:0;}
.flow .box .flowicon{float:left; margin-right:20px; padding-bottom:20px; width:40px;}
.flow .box .flowicon2{float:left; margin-right:20px; padding-bottom:20px; width:40px;}
.flow .box h3{margin:0; padding:10px 0; font-size:16px;}
.flow .box  p{clear:both; font-size:14px;line-height:1.4;}
.flow .box  p.border{padding:10px; display:inline-block;}
.flow .box  p.btn{text-align:center;}
.flow .box  p.btn a{display:block;  font-size:14px;}
.fukidashi{display:inline-block; width:68%; margin-left:2%;}
img.inlineimg{display:inline-block; width:120px;}


.large_price{width:100%; margin:0 auto 10%;}
.large_price_l{float:none; width:96%!important; margin:0 auto 3%!important; table-layout: fixed; word-break: break-all; word-wrap: break-all;}
.large_price_r{float:none; width:96%!important; margin:0 auto!important; table-layout: fixed; word-break: break-all; word-wrap: break-all;}
.large_price_l th{background:#e0e0e0!important;}
.large_price_l td{background:#fff!important; border:1px solid #000!important;}
.large_price_r th{background:#e0e0e0!important;}
.large_price_r td{background:#fff!important; border:1px solid #000!important;}


}




/**********************************************
******下層ページ（よくある質問）
******QA
************************************************/

.tab-qa .qatxt{text-align:center; margin:30px auto;}
.tab-qa .tab_name{width:100%; text-align:left; margin:30px auto;}
.tab-qa .tab_name li{color:#333; width:300px; line-height:50px; background:#ebebeb; border:#333; border-radius:5px; display:inline-block; font-weight:bold; text-align:center; cursor:pointer; margin-right:20px; margin-bottom:10px;}
.tab-qa .tab_name li:nth-child(3n){margin-right:0;}
.tab-qa .tab_name li.selected{color:#fff; background:#333;}
.tab-qa .tab-container{border:none; padding:0;}

.tab-qa .tab dl{width:840px; margin:0 auto; border-bottom:#f4f2eb 2px dotted;}
.tab-qa .tab dt{font-size:16px; font-weight:bold; line-height:50px; padding:15px 0 15px 60px;}
.tab-qa .tab dt:hover{cursor:pointer; opacity:0.5;}
.tab-qa .tab dd{width:740px; background:url(../images/ICO_page_faq_A.jpg) no-repeat left top; padding:10px 0 30px 60px; line-height:1.4;}
.tab-qa .tab dd a{color:#D13828; display:inline;}
.tab-qa .tab dd strong{color:#D13828;}
.tab-qa .tab dd a:hover{text-decoration:underline;}
.tab-qa .tab dd p{text-align:left;}
.tab-qa .tab .drop{background:url(../images/icon_Q.jpg) no-repeat left center;}
.tab-qa .tab .drop span{background:url(../images/icon_close.jpg) no-repeat right 5px center; display:block;}
.tab-qa .tab .drop.open span{background:url(../images/icon_faq_open.jpg) no-repeat right 5px center;}
.tab-qa .tab .down{background:url(../images/icon_A.jpg) no-repeat left top;}


@media (max-width: 640px) {
.tab-qa .qatxt{text-align:left; margin:20px auto;}
.tab-qa .separate_column p{font-size:16px; line-height:1.4;}
.tab-qa .tab_name{width:100%; margin:30px auto;}
.tab-qa .tab_name li{width:49%; box-sizing:border-box; line-height:40px; border-radius:0; display:inline-block; margin-right:0%; margin-bottom:2%; font-size:14px;}
.tab-qa .tab_name li:nth-child(even){margin-right:0;}

.tab-qa .tab .drop{background:none;}
.tab-qa .tab .drop span{background:none; display:block;}
.tab-qa .tab .drop.open span{background:none;}
.tab-qa .tab{margin:0 auto; position:relative; padding:0;}
.tab-qa .tab dl{width:94%; margin:0 auto 4%; border-bottom:none;}
.tab-qa .tab dt{font-size:16px; font-weight:bold; line-height:30px; padding:2% 2%; color:#D13828;}
.tab-qa .tab dd{width:94%; background:none; padding:2%; border:#f4f2eb 2px solid; margin:2% auto;}
.tab-qa .gototop{text-align:right; margin-right:2%;}
.tab-qa .tab .down{background:none;}
.tab-qa .tab dd img{width:auto !important;}
}


/**********************************************
******下層ページ（メールエラー）
******mailerror
************************************************/

.mailerror_text{
	width: 700px;
	height: auto;
	margin : 0 auto;
	line-height: 160%;
}

.mailerror_title{
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin: 60px auto 50px;
}

.mailerror_title_sp{display: none;}

.mailerror{
	margin: 20px auto;
}

.mailerror h5{
	border: 1px solid #910;
	padding: 15px;
	margin: 0 0 10px 0;
}



@media (max-width: 640px) {

.mailerror_title_sp{
	display: block;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin: 60px auto 50px;
}

.mailerror_title{display: none;}

.mailerror_text{
	width: 98%;
	height: auto;
	margin : 0 auto;
	line-height: 160%;
}

}

/**********************************************
******下層ページ（お問い合わせ）
******CONTACT
************************************************/

.pt20{padding-top:20px;}
ul.list{margin-left:10px;}
ul.list li{list-style:inside disc; line-height:1.4;}

table.contact{width:860px; margin:0 auto; text-align:left; border:#333 solid 1px;}
table.contact tr{border-bottom:#333 solid 1px;}
table.contact tr:last-child{border-bottom:none;}
table.contact th{background:#ebebeb; box-sizing:border-box; padding:10px; vertical-align:top; width:300px; font-weight:normal;}
table.contact td{box-sizing:border-box; padding:10px;}
table.contact th sup.red{background:#D13828; color:#fff; font-size:12px; text-align:center; padding:2px 5px; border-radius:4px; vertical-align:middle; margin:3px 0 3px 10px; display:inline-block;}
table.contact th sup.gray{background:#666; color:#fff; font-size:12px; text-align:center; padding:2px 5px; border-radius:4px; vertical-align:middle; margin:3px 0 3px 10px; display:inline-block;}
table.contact th span{display:block; font-size:14px; font-weight:normal; margin-top:10px;}
table.contact td small{display:block; font-size:12px;}

table.contact td select{line-height:2; padding:10px;}
table.contact td textarea{padding:0; width:100%; height:180px;}
table.contact td input[type=text]{border: 1px solid #a0a0a0; line-height: 3; padding:0 10px; margin: 10px auto; -webkit-appearance: none;}

*::-moz-placeholder {color: #666; opacity: 1;}
:-moz-placeholder {color: #666; opacity: 1;}

.promise {border: 1px solid #000; box-sizing: border-box; height: 200px; margin: 30px auto; overflow: auto;  padding: 20px; width: 740px;}
.promise h2 {border-bottom: 1px solid #cdcdcd; font-size: 1.2em; margin: 0 0 30px; padding: 0 0 10px; width: 100%;}
.promise h3 { margin: 0 0 0.5em;}
.promise p {margin: 0 0 40px; width: 100%; line-height:1.4;}
.promise p.innner {margin: 0 0 1em;}
.promise .note {margin: 0 auto 20px; width: 660px;}
.promise .note p { display: inline-block; font-size: 0.9em; margin: 0; width: 260px;}
.promise .note p:first-child { margin: 0 120px 0 0;}
.doui { text-align: center;}
.agBt { margin: 20px auto; text-align: center; width: 380px;}
.agBt input[type=submit] { height: auto;width: 100%; color:#fff; border:none; font-size:18px; padding:10px 0;}

.error_table{width:720px; margin:30px auto 0;}
.error_table ul{padding-top:20px;}
.error_table ul li{color:#D13828; line-height:2; font-size:14px;}
.error_container p.back{text-align:center; margin:20px auto 0;}
.error_container p.back a{background:#000; color:#fff; font-size:16px; padding:5px 10px; display:inline-block;}

.thanks_container h2{font-size:32px; text-align:center; margin:30px auto 50px;}
.thanks_container h2 span{display:block; font-size:18px; margin-top:20px;}
.thanks_text{line-height:2; font-size:14px; text-align:center;}
.thanks_container ul li{line-height:2; font-size:14px; font-weight:bold; text-align:center;}
.mailerror_container{margin-top:60px;}
.mailerror_container .error_text{margin:20px auto; padding:30px; border:dotted #000 1px; box-sizing:border-box; width:740px;}
.mailerror_container .error_text h4{border-bottom:#ccc solid 2px; padding-bottom:10px; margin-bottom:20px;}
.mailerror_container .error_text p{line-height:2; font-size:14px;}

@media (max-width: 640px) {
.pt20{padding-top:0;}
ul.list li{line-height:1.2; margin-bottom:5px;}

table.contact{width:96%;}
table.contact tr{border-bottom:#333 solid 1px;}
table.contact tr:last-child{border-bottom:none;}
table.contact th{background:#ebebeb; padding:10px; width:100%; display:block;}
table.contact td{padding:10px; width:100%; display:block;}
table.contact th span{margin-top:5px;}
table.contact td input[type=text]{width:100%; padding:0 10px; box-sizing:border-box;}

.promise {padding: 10px; width: 96%;}
.promise h2 {font-size: 1em; margin: 0 0 20px;}
.promise p {margin: 0 0 20px; width: 100%; line-height:1.2;}
.promise p.innner {margin: 0 0 1em;}
.promise .note {margin: 0 auto 10px; width: 100%;}
.promise .note p {font-size:11px; margin: 0; width: 47%;}
.promise .note p:first-child { margin: 2%;}
.doui {margin-bottom:10px !important; font-size:14px !important;}
.agBt {width: 92%;}
.agBt input[type=submit] {font-size:16px;}

.error_table{width:96%; margin:30px auto 0;}
.error_table ul{padding-top:20px;}
.error_table ul li{color:#D13828; line-height:2; font-size:14px;}
.error_container p.back{text-align:center; margin:20px auto 0;}
.error_container p.back a{background:#000; color:#fff; font-size:16px; padding:5px 10px; display:inline-block;}

.thanks_container h2{font-size:24px; margin:30px auto 50px; line-height:1.2; }
.thanks_container h2 span{display:block; font-size:14px; line-height:1.2; margin-top:10px;}
.thanks_text{line-height:1.4; font-size:13px; text-align:left;}
.thanks_container ul li{line-height:1.4; font-size:13px; text-align:left;}
.mailerror_container{margin-top:30px;}
.mailerror_container .error_text{padding:10px; width:100%;}
.mailerror_container .error_text h4{margin-bottom:10px;}
.mailerror_container .error_text p{line-height:1.4; font-size:13px;}
}
/*-----------------------------------------------------------------*/


	/*********************************************************************************************************************
*****ページ下部　お問い合わせ
******
************************************************************************************************************************/
#inquiry p {
    font-size: 95%;
    margin: 0;
    line-height: 160%;
    max-height: 999999px;
}

.bold_c{
	font-weight: bold;
	text-align: center;
}

.image_c {
    text-align: center;
    padding: 7px 0 0 0;
}

/*img {
    vertical-align: bottom;
}*/

.cellphone {
    font-size: 75%!important;
    color: #333;
    text-align: center;
    margin-top: 8px!important;
    line-height: 160%!important;
    font-weight: bold!important;
}

#inquiry{
	width: 1018px;
	height: 198px;
	margin: 0 auto 50px;
	padding: 0;
	border: 1px solid #333;
	overflow: hidden;
}

.inquiry_title2{
    width: 1018px;
    height: 79px;
    padding: 10px;
    border-right: 1px dotted #333;
    border-bottom: 1px dotted #333;

}

.inquiry_tel {
    width: 185px;
    height: 80px;
    padding: 10px 5px;
    border-right: 1px dotted #333;
    float: left;
}

.inquiry_mail {
    width: 186px;
    height: 80px;
    padding: 10px 7px;
    border-right: 1px dotted #333;
    float: left;
}

.inquiry_form {
    width: 202px;
    height: 80px;
    padding: 10px 10px;
    border-right: 1px dotted #333;
    float: left;
}

.inquiry_line {
    width: 377px;
    height: 80px;
    padding: 5px 10px;
    border-right: 1px dotted #333;
    float: left;
}


/*********************************************************************************************************************
******フッター
******
************************************************************************************************************************/

footer{
    width:100%;
}
.f-inner{
    width:100%;
    margin: 0 auto;
}
.f-inner h4{
    background:url(../images/common/ico_vec_right.png) no-repeat left center; padding:0 0 0 10px;
    font-size:18px;
    font-weight:bold;
    margin:0 0 20px 0;
}
.f-inner .footer_content1{
    width:100%;
    margin:0 auto;
    background:#f9f8f4;
    padding:40px 0;
}
.f-inner .footer_content1 .footer_01{
    float:left;
    width:250px;
}
.footer_content1 .footer_01 .company-info{
    font-size:14px;
    line-height:1.4em;
    margin:20px auto;
}
.footer_content1 .footer_01 .f-calender{
    font-size:14px;
    line-height:18px;
}
.footer_content1 .footer_01 .f-calender ul li img{width:120px;}
.footer_content1 .footer_01 .f-calender ul li:first-child{float:left;}
.footer_content1 .footer_01 .f-calender ul li:last-child{float:right;}
.footer_content1 .footer_01 .f-calender span.circle{color:#d03829;}
.footer_content1 .footer_01 .f-calender span.square{color:#d09329;}
.footer_content1 .footer_01 .f-sns{margin:25px auto;}
.footer_content1 .footer_01 .f-sns ul li{
    float:left;
    width:40px;
    height:40px;
    margin:0 10px;
}

.footer_content1 .footer_02{
    float:left;
    width:330px;
    padding:0 20px;
}
.footer_content1 .footer_02 .f-payment{
    font-size:14px;
    line-height:18px;
    padding:10px 0 0 0;
}
.footer_content1 .footer_02 .f-payment h5{
    margin:15px 0;
    line-height:1.4em;
}
.footer_content1 .footer_02 .f-payment p{
    margin:15px 0;
    line-height:1.4em;
}

.footer_content1 .footer_03{
    float:left;
    width:310px;
}
.footer_content1 .footer_03 .f-post{
    font-size:14px;
    line-height:18px;
    padding:10px 0 0 0;
}
.footer_content1 .footer_03 .f-post p{margin:10px 0;}
.footer_content1 .footer_03 .f-cost{margin:20px auto 0;}


.footer_content2{
    border-top:#eaeaea solid 2px;
    width: 100%;
    margin: auto;
    background:#f9f8f4;
    padding: 20px 0;
}
.footer_content2 .f-sitemap ul{
    width:100%;
    margin:20px auto;
    text-align:center;
}
.footer_content2 .f-sitemap ul li{
    display:inline-block;
    border-left:#000 1px solid;
    padding:0 10px;
}
.footer_content2 .f-sitemap ul li:last-child{border-right:#000 solid 1px;}

.footer_content2 .f-banner ul{
    width:100%;
    text-align:center;
}
.footer_content2 .f-banner ul li{
    display:inline-block;
    margin:30px 13px 30px 0;
}
.footer_content2 .f-banner ul li:last-child{margin:30px 0;}

.footer_content2 .f-copyright{
    text-align:center;
    letter-spacing:1px;
    font-size:0.8em;
}
.footer_content2 .f-copyright a{display:inline;}
.footer_content2 .f-copyright .hexagon{padding:0;}
.footer_content2 .f-copyright p{margin:8px auto 0; padding:0 0 8px;}

footer .totop{
    margin:0;
    position:fixed;
    bottom:20px;
    right:30px;
}

footer .totop img{width:50px;}


@media (max-width: 640px) {

    footer{
        background:#f9f8f4;
        margin:0 auto;
        padding: 20px 0 10px 0;
    }
    footer .pc{display:none !important;}
    footer ul{
        width:96%; 
        margin:10px auto 20px;
        text-align:center;
        }
/*    footer ul li{
        display:inline-block;
        border-left:#000 1px solid;
        width:40%;
        text-align:center;
        font-size:10px;
        padding:0 2%;
        }*/

    footer ul li{
        display:inline-block;
        border-left:#000 1px solid;
        width:25%;
        text-align:center;
        font-size:12px;
        padding:0 1%;
	box-sizing:border-box;
        }

    footer ul li:nth-child(2){
        width:45%;
        }


    footer ul li:last-child{border-right:#000 1px solid;}

    footer p{
        text-align:center;
        font-size:0.8em;
        line-height:1.4em;
        margin-bottom:10px;
        }
    footer p.privacy{
        width:20%;
        margin:20px auto;
        }
    footer h2{
        width:60%;
        margin:0 auto 20px;
        }
    footer .copyright{margin:20px auto 0;}
    footer .copyright span{color:#000; text-decoration:none;}
    footer ul.f-sns{
        width:80%;
        margin:10px auto;
        }
    footer ul.f-sns li{
        width: 10%;
        display:inline-block;
        border: none;
        }
    footer p.sns_sp img{
        width:40px;
        margin:0 5px 0;
        }

        footer .totop{
            margin:0;
            position: fixed;
            bottom: 20px;
            right: 20px;
        }
}




.common-contact-area{
    width: 100%;
    padding: 30px 0;
}
.common-contact-area .mypage-login{
    float: left;
    width: 250px;
}
.common-contact-area .mypage-login h4{
    font-size: 18px;
    font-weight: bold;
}
.common-contact-area .mypage-login .input-area{
    border: #eaeaea solid 1px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0 0 0;
}
.mypage-login table{
    width: 100%;
}
.mypage-login table tr{
    width:100%;
}
.mypage-login table th{
    width:100%;
    display: block;
    text-align: left;
    padding: 4px 0;
    font-weight: normal;
    font-size: 12px;
}
.mypage-login table td{
    width:100%;
    display: block;
    text-align: left;
    padding: 4px 0;
}
.mypage-login table td input{
    -webkit-appearance: none;
    line-height: 2;
    padding: 2px 0;
    border: #ddd solid 1px;
    width: 100%;
    box-sizing: border-box;
}
.mypage-login table td input[type="submit"]{
    -webkit-appearance: none;
    background: #000;
    color: #fff;
    padding: 5px 0;
}
.mypage-login table red a{
    color: #f00;
    font-size: 10px;
}
.common-contact-area .customer-support{
    background: url(../images/common/bg_common_contact.png) no-repeat;
    width: 650px;
    height: 274px;
    float: right;
    position: relative;
}
.customer-support table{
    position: absolute;
    right: 20px;
    top: 70px;
    width: 300px;
}
.customer-support table th{
    text-align: left;
}
.customer-support table td{
    padding: 10px 0;
}
.customer-support table b{
    display: block;
    font-size: 18px;
}
.customer-support table span{
    font-size: 12px;
    margin-top: 10px;
    display: block;
    line-height: 16px;
}
@media (max-width: 640px) {
    
    .common-contact-area p{width: 100%;}
    .common-contact-area .down-area{display: none;}
    .common-contact-area dl {
        background:#ffffff;
        border: 1px solid #cdcdcd;
        font-size: 1.2em;
        margin: 20px auto 0;
        width: 90%;
    }
    .common-contact-area dl dt {
        background: #cdcdcd;
        border-bottom: 1px solid #cdcdcd;
        font-weight: bold;
        padding: 15px 0; 
        text-align: center;
    }
    .common-contact-area dl dd {
        padding: 15px 0;
        text-align: center;
    }
    .common-contact-area dl dd a {text-decoration: underline;}
    .common-contact-area dl img {width: 94%;}

}