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

/* 商品扉ページ ボックス横並び */
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box,
#main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box															{ float:none; width:95%; margin-left:2% !important; margin-top:15px !important; }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_l															{ margin-top:15px; width:95%; margin-left:2% !important; }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box_deposit_manual,
#main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box_deposit_manual								{ margin-top:15px !important; }
#main_area #m_contents_section .m_index_inner .m_category_unit .m_category_list_box .m_category_title_boxarea a,
#main_area #m_contents_section .m_index_inner .m_category_unit3 .m_category_list_box .m_category_title_boxarea a { width:642px; }

#footer #f_section p.pagetop						{ right:2.5%; margin-left:0; }

}

@media screen and (max-width:640px){
	
body { -webkit-text-size-adjust:100%; }	

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	00:ベーススタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
img 													{ height:auto; max-width:100%; /* min-width:10%; */ width:auto; border:0 none; }
.w49per.side img							{ width:100% !important; }

/* 180201 update start */
.spMt10 { margin-top: 10px !important; }
.spMt15 { margin-top: 15px !important; }
.spMt20 { margin-top: 20px !important; }
/* 180201 update end */

.spMt20	{ margin-top: 20px !important; }

.pc { display: none; }
.sp {display: block; }


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	01:フレーム
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------
	コンテンツ
-------------------------------*/
#main_area #pan_area												{ width:100%; }
#main_area #m_contents_section 							{ width:100%; float:none; }	
#main_area #m_contents_section #m_h1_inner	{ margin-bottom:15px; }

#main_area #m_contents_section .m_tabselector_inner ul li 	 					{ border-top-left-radius:5px; border-top-right-radius:5px; }
#main_area #m_contents_section .m_tabselector_inner ul li a 					{ border-top-left-radius:5px; border-top-right-radius:5px; }

#main_area #m_contents_section .m_content_inner								{ padding:20px 10px;}
#main_area #m_contents_section .m_content_inner .m_point_box01 ul li	{ padding:0.3em 0 0.7em 5.5em; }
#main_area #m_contents_section .m_content_inner .m_point_box02 ul li	{ padding:0.3em 0 0.7em 5.5em; }

	
/* write210326 */
#main_area #m_contents_section	h2.redline { width:96%; margin:40px auto 0; }
/* write210326 end */



/*------------------------------
	その他
-------------------------------*/
/* 囲みボックス01 */
#main_area #m_contents_section .m_content_inner .m_boxed_box01 span.m_etc_mbtn																		{ display:block; margin-left:0; }
#main_area #m_contents_section .m_content_inner .m_boxed_box01 span.m_etc_mbtn a																	{ width:100%; max-width:200px; }

/* 囲みボックス02 */
#main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_text 																		{ float:none; width:100%; }
#main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_btn																			{ float:none; width:100%; text-align:center; }

/* PDFボタンver. */
#main_area #m_contents_section .m_content_inner .m_boxed_box02 p.m_boxed_pdf_btn																	{ float:none; width:100%; text-align:center; }

/* 囲みボックス03 */
#main_area #m_contents_section .m_content_inner .m_boxed_box03 span.m_etc_mbtn																		{ display:block; margin-left:0; }
#main_area #m_contents_section .m_content_inner .m_boxed_box03 span.m_etc_mbtn a																	{ width:100%; max-width:200px; }

/* 囲みボックス04 */
#main_area #m_contents_section .m_content_inner .m_boxed_box04 span.m_etc_mbtn																		{ display:block; margin-left:0; }
#main_area #m_contents_section .m_content_inner .m_boxed_box04 span.m_etc_mbtn a																	{ width:100%; max-width:200px; }

/* 囲みボックス07(白縁) */
#main_area #m_contents_section .m_content_inner .m_boxed_box07 .m_boxed_boxinner .f_left	{ float:none; margin:0 auto; width:60% !important; }
#main_area #m_contents_section .m_content_inner .m_boxed_box07 .m_boxed_boxinner .f_right	{ float:none; margin:20px auto 0; text-align:center; width:70% !important; }

/* 2分割囲みボックス */
#main_area #m_contents_section .m_content_inner .m_divide_boxed_box .m_divide_boxed_left													{ float:none; width:auto; }
#main_area #m_contents_section .m_content_inner .m_divide_boxed_box .m_divide_boxed_right												{ float:none; width:auto; margin-top:5px; }

/* 2分割矢印付きボックス */
#main_area #m_contents_section .m_content_inner	.m_arrow_box										{ background:url(../image/arrow15.gif) no-repeat center; margin:20px 0;}
#main_area #m_contents_section .m_content_inner	.m_arrow_box .m_arrow_box_left	{ width:38%; float:left; padding:8px 15px 15px 15px; border:1px #cfcfcf solid;}
#main_area #m_contents_section .m_content_inner	.m_arrow_box .m_arrow_box_right	{ width:38%; float:right; padding:8px 15px 15px 15px; border:1px #cfcfcf solid;}

/* お問い合わせボックス02 */
#main_area #m_contents_section .m_content_inner .m_inquiry_box02 .m_inquiry_boxarea																	{ background:none; margin-bottom:0;}
#main_area #m_contents_section .m_content_inner .m_inquiry_box02 .m_inquiry_boxarea p.m_etc_lbtn 									{ margin-bottom: 20px;}
#main_area #m_contents_section .m_content_inner .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner p					{ text-align:center; }
#main_area #m_contents_section .m_content_inner .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_left_boxsection 	{ float:none; width:100%; }
#main_area #m_contents_section .m_content_inner .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_right_boxsection 	{ float:none; width:100%; }
#main_area #m_contents_section .m_content_inner .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner						{ height:auto !important; }
#main_area #m_contents_section .m_content_inner .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_boxinner p.mtb35_pc { margin-top:10px; margin-bottom:0px;}

/* お問い合わせボックス03 */
#main_area #m_contents_section .m_content_inner .m_inquiry_box03 .m_inquiry_boxarea																	{ background:none; margin-bottom:0;}
#main_area #m_contents_section .m_content_inner .m_inquiry_box03 .m_inquiry_boxarea p.m_etc_lbtn 									{ margin-bottom: 20px;}
#main_area #m_contents_section .m_content_inner .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_boxinner p					{ text-align:center; }
#main_area #m_contents_section .m_content_inner .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_left_boxsection 	{ float:none; width:100%; }
#main_area #m_contents_section .m_content_inner .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_right_boxsection 	{ float:none; width:100%; }
#main_area #m_contents_section .m_content_inner .m_inquiry_box03 .m_inquiry_boxarea .m_inquiry_boxinner						{ height:auto !important; }

/* お問い合わせボックス（扉ページ） */
#main_area #m_contents_section .m_index_inner .m_inquiry_box .m_inquiry_boxarea,
#main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea,
#main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea{ background:none; margin-bottom:0;}
	
#main_area #m_contents_section .m_index_inner .m_inquiry_box .m_inquiry_boxarea p.m_etc_lbtn,
#main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea p.m_etc_lbtn,
#main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea p.m_etc_lbtn{margin-bottom: 20px;}
	
#main_area #m_contents_section .m_index_inner .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner p					{ text-align:center; }
#main_area #m_contents_section .m_index_inner .m_inquiry_box .m_inquiry_boxarea p.m_inquiry_subtitle					{ /* text-align:left; */ }
#main_area #m_contents_section .m_index_inner .m_inquiry_box .m_inquiry_boxarea .m_inquiry_left_boxsection,
#main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_left_boxsection,
#main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_left_boxsection{ float:none; width:100%; }
#main_area #m_contents_section .m_index_inner .m_inquiry_box .m_inquiry_boxarea .m_inquiry_right_boxsection,
#main_area #m_contents_section .m_inquiry_box02 .m_inquiry_boxarea .m_inquiry_right_boxsection,
#main_area #m_contents_section .m_inquiry_box .m_inquiry_boxarea .m_inquiry_right_boxsection{ float:none; width:100%; }

#main_area #m_contents_section .m_index_inner .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner						{ height:auto !important; }
#main_area #m_contents_section .m_index_inner .m_inquiry_box .m_inquiry_boxarea .m_inquiry_boxinner img				{ margin-top:0;}

/* 黄ボタン */
p.m_etc_lbtn,
p.m_etc_mbtn,
p.m_etc_sbtn								{ text-align:center;}
p.m_etc_lbtn a,
p.m_etc_mbtn a,
p.m_etc_sbtn a							{ max-width:none; width:90%; }
span.m_etc_lbtn,
span.m_etc_mbtn,
span.m_etc_sbtn								{ text-align:center;}
span.m_etc_lbtn a,
span.m_etc_mbtn a,
span.m_etc_sbtn a							{ max-width:none; width:90%; }

/* グラデボタン */
p.m_gra_lbtn,
p.m_gra_mbtn,
p.m_gra_sbtn								{ text-align:center;}
p.m_gra_lbtn a,
p.m_gra_mbtn a,
p.m_gra_sbtn a							{ max-width:none; width:90%; }
span.m_gra_lbtn,
span.m_gra_mbtn,
span.m_gra_sbtn								{ text-align:center;}
span.m_gra_lbtn a,
span.m_gra_mbtn a,
span.m_gra_sbtn a							{ max-width:none; width:90%; }

/* 横並び2列黄ボタン */
ul.m_two_etc_btn li										{ width:100%; float:none; margin:10px 0 0 0; }
ul.m_two_etc_btn li:first-child					{ margin-top:0; }

ul.m_two_etc_btn_anchor li										{ width:100%; float:none; margin:10px 0 0 0; }
ul.m_two_etc_btn_anchor li	a									{ width:1%; }
ul.m_two_etc_btn_anchor li:first-child					{ margin-top:0; }

/* 横並び3列ボタン */
ul.m_three_btns li									{ float:none; width:auto; margin-top:10px; margin-left:0; }
ul.m_three_btns li a								{ display:block; width:auto; }
ul.m_divide_etc_btn li a						{ padding:8px 15px 8px 10px; width:auto; }

/* 横並び3列黄ボタン */
ul.m_three_etc_btn li 									{ float:none; width:100%; }
ul.m_three_etc_btn li a								{ width:1.3%; }

/* 横並び1列ボタン */
p.m_one_btns a									{ width:100%;}
#main_area .m_withcity_section .m_withcity_bt_box	 p.m_one_btns	a { width:95%;}

/* 横並び2列ボタン */
ul.m_two_btns li										{ width:100%; margin-left:0; margin-top:10px; float:none; }
ul.m_two_btns li:first-child				{ margin-top:0; }
ul.m_two_btns li a									{ width:1.5%; }
ul.m_two_btns02 li										{ width:100%; margin-left:0; margin-top:10px; float:none; }
ul.m_two_btns02 li:first-child				{ margin-top:0; }
ul.m_two_btns02 li a									{ width:1.5%; }

p.btn_center span.m_etc_lbtn								{ margin-top:15px; display:block; margin-left:0 !important;}
p.btn_center span.m_etc_lbtn:first-child		{ margin-top:0px;}

/* 横並び2列ボタン(ページャー) */
ul.m_two_btns li.m_two_btns_prev a									{ width:1.5%;}
ul.m_two_btns li.m_two_btns_next a									{ width:1.5%;}

/* シンプルボタン(中央) */
p.m_one_plane_btn 													{ width:100%; }

/* 横並び2列ボタン(ミックス シンプルボタン+pdfボタン) */
.m_two_btns_mix_box p.m_left_plane_btn										{ float:none; width:100%; margin-top:10px !important; }
.m_two_btns_mix_box p.m_right_pdf_btn										{ float:none; width:100%; margin: 10px auto 0 !important; }
.m_two_btns_mix_box p.m_right_pdf_btn a img								{ vertical-align:middle; }

/* 横並び2列ボタン(シンプルボタン) */
ul.m_two_plane_btns li.m_plane_left_btn						{ float:none; width:100%; }
ul.m_two_plane_btns li.m_plane_right_btn						{ float:none; width:100%; margin-top:10px;}

/* 横並び3列アンカーボタン */
ul.m_anchor_three_btns li										{ width:100%; margin:10px 0 0 0; float:none; }
ul.m_anchor_three_btns li:first-child					{ margin-top:0; }
ul.m_anchor_three_btns li a									{ width:1.5%; }

/* 横並び2列黄アンカーボタン */
ul.m_two_etc_btn_anchor li						{ width:96%; margin-left:2%; float:none;}
ul.m_two_etc_btn_anchor li a					{ width:1%; }

/* 横並び多数ボタン */
ul.m_list_btns li										{ width:96%; margin-left:2%; float:none; }
ul.m_list_btns li a									{ width:1%; }

/* PDFボタン */
p.m_pdf_btns 													{ width:100%; margin: 10px auto 0 !important; }
p.m_pdf_btns a												{ width:1%; display:table-cell;}
p.m_pdf_btns a img											{ vertical-align:middle;}

/* PDFボタン (緑) */
p.m_pdf_btns02 													{ width:100%; }


/* PDFボタン2つ横並び */
ul.m_pdf_btns li											{ width:100%; margin:10px 0 0 0; float:none; }
ul.m_pdf_btns li:first-child						{ margin-top:0; }
ul.m_pdf_btns li a img								{ vertical-align:middle; margin-right:3px; }

/* PDFボタン3つ横並び */
ul.m_pdf_three_btns li											{ width:100%; margin:10px 0 0 0; float:none; }
ul.m_pdf_three_btns li:first-child						{ margin-top:0; }
ul.m_pdf_three_btns li a img								{ vertical-align:middle; margin-right:3px; }

/* PDFリンク */
ul.m_pdf_list li											{ width:100%; float:none; }
	
/* 横並び2列ボタン*/
ul.item2Area li { width:80%; margin:10px auto; display: block; }
	
/* 横並び3列ボタン */
ul.item3Area li { float:none; margin:10px auto; width: 80%;}

/* 流れ(フローチャート) 矢印テキスト横並び */
#main_area #m_contents_section .m_content_inner .m_flow_arrow_box																												{ width:54.5%; /* margin-left:45%; */ }

/* 改行 */
span.m_new_line_sp														{ display:block;}

/* PDFテキストリンク*/
span.m_txt_pdf_link										{ margin:10px 0 0 0; display:block; }
span.m_txt_pdf_link:first-child						{ margin-top:0;}
span.m_txt_pdf_link a 								{ color:#000000; background:url(../image/icon_pdf.gif) left center no-repeat; padding:0 0 1px 20px; }

/* 横並べ */
ul.m_list_three	li										{ width: 100%; float: none; }

/* 流れ(フローチャート) */
#main_area #m_contents_section .m_content_inner .m_flow_chart_box li 																{ background:url(../image/arrow07.gif) 50% top no-repeat; }
#main_area #m_contents_section .m_content_inner .m_flow_chart_box li .m_flow_header_boxsection			{ float:none; width:100%;}
#main_area #m_contents_section .m_content_inner .m_flow_chart_box li .m_flow_text_boxsection				{ float:none; width:100%; margin-top:10px; }

/* 流れ(ステップ左右) */
#main_area #m_contents_section .m_content_inner .m_flow_step_box li 															{ background:url(../image/arrow07.gif) 50% top no-repeat; }
#main_area #m_contents_section .m_content_inner .m_flow_step_box li .m_flow_header_boxsection			{ float:none; width:100%;}
#main_area #m_contents_section .m_content_inner .m_flow_step_box li .m_flow_text_boxsection				{ float:none; width:100%; margin-top:10px; }

/* 流れ(ステップ上下) */
#main_area #m_contents_section .m_content_inner .m_flow_step_box02																	{ margin:20px 0 0; }
#main_area #m_contents_section .m_content_inner .m_flow_step_box02 li 															{ background:url(../image/arrow07.gif) 50% top no-repeat;}
#main_area #m_contents_section .m_content_inner .m_flow_step_box02 li:first-child		 								{ margin:0 0 0; padding-top:0; background:none; }
#main_area #m_contents_section .m_content_inner .m_flow_step_box02 li .m_flow_header_boxsection h3 	{ margin-top:0; background:none #7ca816; padding:8px 0; width:100%; float:none; }
#main_area #m_contents_section .m_content_inner .m_flow_step_box02 li .m_flow_header_boxsection p 	{ float:none; margin-left:0px; font-weight:bold; }

/* 404 */
#main_area404 { width: 100%;}
#main_area404 ul.m_two_plane_btns li.m_plane_right_btn.mb50									{ margin-bottom:30px !important; }
#main_area404 .search_404								{ margin:0 auto; padding:5px; width:100%; box-sizing:border-box; }
#main_area404 .search_404 ul.h_search_type											{ float:none; margin:5px 0 0 3px; width:99%; }
#main_area404 .search_404 ul.h_search_type li										{ float:left; font-size:93%; margin-right:5px; }
#main_area404 .search_404 .h_search_keyword_boxarea			{ margin:0 auto; float:none; width:99%; }
#main_area404 .search_404 .h_search_keyword_boxarea .h_search_keyword_boxsection					{ margin:0 auto; }


	
/*------------------------------
	ポイントエリア
-------------------------------*/
/* 3つのポイント*/
ul.pointArea3 li { float:none; width:70%; margin:4% auto 0; }
ul.pointArea3 li:first-child,
ul.pointArea3 li:first-child + li + li + li { margin:4% auto 0; }

/* 4つのポイント*/
ul.pointArea4 li { float:none; width:100%; margin:4% 0 0 0; }
ul.pointArea4 li:first-child { margin:4% 0 0 0; }

/*------------------------------
	流れエリア
-------------------------------*/
/* 4つのステップ*/
ul.flowArea4 li { float: left; width:49%; margin:2% 0 0 2%; }
ul.flowArea4 li:first-child + li + li { margin-left:0; }

/*------------------------------
	関連リンクエリア
-------------------------------*/
ul.linkArea2 li { float: none; width:80%; margin:5% auto 0; }
	
/*------------------------------
	お申し込み 2個ボタン
-------------------------------*/
ul.linkArea3 li { float: none; width:80%; margin:5% auto 0; }
ul.linkArea3 li:first-child { margin:5% auto 0; }
	
/*------------------------------
	ナビボタン(3つ)
-------------------------------*/
ul.naviList3 li {margin-left: 0; width: 100%; }
	
/*------------------------------
	角丸バナー（赤）
-------------------------------*/
ul.linkArea4 li { float: none; width:80%; margin:10px auto 0; }
ul.linkArea4 li:first-child { margin-left:auto; }
	
/*------------------------------
	角丸バナー（グレー）
-------------------------------*/
ul.linkArea5 li { float: none; width:100%; margin:10px auto 0; }
ul.linkArea5 li:first-child,
ul.linkArea5 li:first-child + li + li + li { margin-left:auto; }
	
/*------------------------------
	グレー背景
-------------------------------*/
.bgGreyArea {padding:20px 10px;}

@media screen and (max-width:730px){
	
/* お知らせ */
#info_area .i_contents_inner ul li 													 			{ margin:0 0 5px; padding:0 0 5px; }
#info_area .i_contents_inner ul li p.i_content_list_date					{ float:none; width:100%; margin:0 0 5px; line-height:1.4; }
#info_area .i_contents_inner ul li p.i_content_list_date span			{ width:auto; margin:0; float:right; }
#info_area .i_contents_inner ul li p.i_content_list_info					{ float:none; position:static; width:auto; }

}