@charset "utf-8";
@media screen and (max-width: 768px) {
	
/*---------------------------------------------------------------------------------*/
/*テスト用　上部ピンク表示設定*/
/*-------------------------------------------------------------------------------------*/
/*#description_wrap { background-color: #FF62B0;}*/

	
/*---------------------------------------------------------------------------------*/
/*基本設定＆初期化*/
/*-------------------------------------------------------------------------------------*/
body { padding-bottom:100px; }
.sp_w { width:100% !important; }
.sp_96 { width:96% !important; margin-left:auto; margin-right:auto;}
.sp_w50 { width:50% !important;}
.sp_n { display:none; }
img { display:block; max-width:100%; height:auto; margin-left:auto; margin-right:auto;}

.sp_bottomlink { display: block;}

/*-------------------------------------------------------------------------------------*/
/*横幅縦幅設定*/
/*-------------------------------------------------------------------------------------*/
.pagewidth { width:96% !important; }
#wrapper { width:100% !important;}
#description { width:100%; height:auto; }
#header { width:100%; height:auto; }
#navigation { width:100%; }
#keyvisual { width:100%; height:auto; }
#main { width:100%; }
#main { margin-top:20px; margin-bottom:30px;}
#contents { width:96%; float:none;  margin-left:auto; margin-right:auto;}
#side { width:96% !important; float:none; margin-top:60px; margin-left:auto; margin-right:auto;}
#footer { width:100%; height:auto; }

.w850 { width:96% !important;}
.w750 { width:96% !important;}

p { max-width: none;}
.pagewidth { width:100%;}

body.home .block>div.f_flex { width:100%;}


/*-------------------------------------------------------------------------------------*/
/*背景設定*/
/*-------------------------------------------------------------------------------------*/
#wrapper  {}

#header_wrap { }

#navigation_wrap { }
#menu-glnv li { }/*仕切り線*/
#menu-glnv li:first-child { border:none;}/*仕切り線を最初だけ削除*/
/*#keyvisual_wrap {}
/*背景ピッタリを使用の場合はこれを使用*/
#keyvisual_wrap { }
#main { } 
#side { }
#copy {background:url(/images/bg/footer_wrap.png) repeat center top; background-color:transparent;}
/*-------------------------------------------------------------------------------------*/
/*base edit*/
/*-------------------------------------------------------------------------------------*/
.flr { float:none !important; }
.fll { float:none !important; }
.align_right { text-align:center; }
ul.col { width:100%; }
ul.col>li { margin-right: 0; float: none; text-align:center; }
ul.col>li img { max-width:100%; height:auto; }

.col2_1 { width: 100%; }
.col3_1 { width: 100%; }
.col4_1 { width: 100%; }
.col5_1 { width: 100% }
.col2_1:nth-child(2n) {margin-right: 0;clear: right;}
.col3_1:nth-child(3n) {margin-right: 0;clear: right;}
.col4_1:nth-child(4n) {margin-right: 0; clear: right; }
.col5_1:nth-child(5n) { margin-right: 0; clear: right; }
ul.col_nom { width:100%; }
ul.col_nom>li { margin-right: 0; float: none; text-align:center; }
ul.col_nom>li img { max-width:100%; height:auto; }
.col2_1_nom { width: 100%; }
.col3_1_nom { width: 100%; }
.col4_1_nom { width: 100%; }
.col5_1_nom { width: 100% }
.col2_1_nom:nth-child(2n) {margin-right: 0;clear: right;}
.col3_1_nom:nth-child(3n) {margin-right: 0;clear: right;}
.col4_1_nom:nth-child(4n) {margin-right: 0; clear: right; }
.col5_1_nom:nth-child(5n) { margin-right: 0; clear: right; }
.nomawarikomi { overflow:inherit; zoom:1; }

/*-------------------------------------------*/
/*	旧フレックス設定
/*---------------------------解除----------------*/

.yokonarabi { display:block;}
.yokonarabi>li , .yokonarabi>div { margin-left:4%;}
.yokonarabi>li:first-child , .yokonarabi>div:first-child { margin-left:0;}

/*-------------------------------------------------------------------------------------*/
/*マージン・パディング解除*/
/*-------------------------------------------------------------------------------------*/
.pr40, .pr50 { padding-right:30px; }
.pl40, .pl50 { padding-left:30px; }
.mt40, .mt50, .mt60 { margin-top:30px !important; }
.mb40, .mb50, .mb60 { margin-bottom::30px !important;}
.mr50 { margin-right:0 !important;}
.ptb60 { padding-top:30px !important; padding-bottom:30px !important;}
/*-------------------------------------------*/
/*	#edit-style　設定
/*-------------------------------------------*/
ul.yokonarabi { display:block; }
ul.yokonarabi li { display:block; float:left; vertical-align:top; padding-left:0px; margin-bottom:15px; }
ul.yokonarabi_middle { display:block; }
ul.yokonarabi_middle li { display:block; vertical-align:middle; padding-left:0px; margin-bottom:15px; }
ul.yokonarabi li:first-child { padding-left: 0; clear: left; }
ul.yokonarabi_middle li:first-child { padding-left: 0; clear: left; }

.alignright , .alignleft  { display: block; margin: 0 auto !important; float:none !important;}
/*-------------------------------------------*/
/*	テキストサイズ最適化設定
/*-------------------------------------------*/
.t8 { font-size: 8px;} .t9 { font-size: 9px;} .t10 { font-size:10px;;} .t11 { font-size: 11px;;}
.t12 { font-size: 12px; } .t13 {  font-size: 13px; } .t14 { font-size: 14px;} .t15 {  font-size:15px;}
.t16 {  font-size: 16px; } .t17 {  font-size: 17px;}.t18 {  font-size: 18px;}.t19 {  font-size: 19px;} .t20 { font-size: 20px; } .t21 {  font-size: 21px;}.t22 {  font-size: 22px;}
.t23 { font-size: 23px; } .t24{  font-size: 24px;} .t25 {  font-size: 25px;} .t26 { font-size: 26px;} .t27 { font-size: 27px;} .t28 {  font-size: 28px;} .t29 { font-size: 29px;} 
.t30 , .t32 , .t34 , .t36 , .t38 , .t40 , .t42 , .t44 , .t46 , .t48 , .t50 , .t55 , .t60 , .t70 , .t80 , .t90 , .t100 { font-size:30px; }
/*-------------------------------------------*/
/*	タイトルデザイン設定
/*-------------------------------------------*/
.design_title01 { font-size:125%; padding:10px; margin-bottom:20px;  }
.design_title01 {position: relative; }
.design_title02 { font-size:125%; padding:10px; margin-bottom:20px;  }
.design_title02 {position: relative; }
.design_title03 { font-size:125%; padding:10px; margin-bottom:20px;  }
.design_title03 {position: relative; }


/*-------------------------------------------*/
/*	ディスクリプション
/*-------------------------------------------*/
#description { text-align:left; }
#description p { text-align:left; color:#333;}

/*-------------------------------------------*/
/*	#ヘッダ
/*-------------------------------------------*/
.logo img { max-width:100%; height:auto; }




/*-------------------------------------------*/
/*	#ナビゲーション
/*-------------------------------------------*/
ul#menu-glnv { height: auto;}/*ナビゲーションの高さ*/
ul#menu-glnv>li a { font-size: 14px; font-weight: none; color: #333; text-decoration:none;}/*ナビゲーションの文字*/
#menu-glnv > li:hover > a {opacity:0.7;/* color: #FF0;*/ }

#menu-glnv { position: none; }
#menu-glnv>li { width:100%; }
ul#menu-glnv>li { padding-top:10px; padding-bottom:10px; }

/* --------------------------------------------------- multi menu */
li ul.sub-menu { position: inherit; }
li:hover ul.sub-menu { top: 50px; visibility: visible; opacity: 1; }
li ul.sub-menu li { position: none; padding-top:10px; padding-bottom:10px; }

#menu-glnv {display: block;}
/*-------------------------------------------*/
/*	#スマートフォンナビゲーション
/*-------------------------------------------*/
.menu-navigation-container { overflow: hidden; }
nav li a:hover { text-decoration: underline; }
#s-navi ul.sub-menu { display:none; }
#s-navi dl.acordion p { margin: 0; }
#s-navi dl.acordion { margin: 0px; box-sizing:border-box; width:100%; }
#s-navi dt.trigger { padding: 10px 0px; cursor: pointer; }
#s-navi dt.trigger .op { font-size: 15px; color: #333; padding: 0px 10px; }
#s-navi dd.acordion_tree { padding: 10px 0px 30px; display: none; overflow: hidden; top:0px; width:100%; box-sizing:border-box; text-align:left; }
.acordion_tree ul.menu li { float: none; font-size: 15px; padding: 10px 10px 10px 15px; list-style:none; border-bottom:dotted 1px #000; }
.acordion_tree ul.menu li .fa { min-width: 1em; }
.acordion_tree ul.menu li:last-child { border:none; padding-bottom:0px; }
.acordion_tree ul.menu li a { text-decoration: none; color:#000; }

#navigation_wrap { display:none; }/*PC用のナビゲーションを見えなくする*/
/*-------------------------------------------*/
/*	#キービジュアル
/*-------------------------------------------*/
body.home #keyvisual { height: auto;}/*キービジュアルの高さ設定*/

/*-------------------------------------------------------------------------------------*/
/*パンくず設定
/*-------------------------------------------------------------------------------------*/
.pankuzu_sub { color:#666; font-size:11px;} .pankuzu_main { color:#AAA; font-size:13px;}

/*-------------------------------------------------------------------------------------*/
/*保障部分設定
/*-------------------------------------------------------------------------------------*/
.d_hosyou { display: block; }


/*-------------------------------------------*/
/*	#サイド
/*-------------------------------------------*/
#side { text-align:left; }
#side img { display:block; margin:auto; }
/*-------------------------------------------*/
/*	#span
/*-------------------------------------------*/
.span img { display:block; margin:auto; }
/*-------------------------------------------*/
/*	フッター
/*-------------------------------------------*/
#footer { display:block; text-align:center !important; padding:15px;}
#footer div { text-align:center !important; font-size:13px !important;}
#footer div.sp_tel { font-size:30px !important;}
.footerbox { display:block; vertical-align:middle; }
.sp_bottomlink { position: fixed; bottom: 0px; left: 0px; padding:2px 13px 2px 13px; line-height:0.5px; background-color:#999; color:#FFF; border-radius: 5px;}
.sp_bottomlink a { display: block; color:#FFF; text-decoration:none;}
.googlemap_footer { width:100%; height:250px; overflow:hidden;}

/*-------------------------------------------*/
/*	サイドバー
/*-------------------------------------------*/
ul.side_pick li { border-bottom:#CCC dashed 1px; margin-bottom:10px; padding-bottom:10px;}
dl.side_pick_dl { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}
dl.side_pick_dl dt img { max-width:none!important; height:100%; width:auto;}
dl.side_pick_dl dt { width:20%; height:80px; overflow:hidden;}
dl.side_pick_dl dd { width:75%;}

/*-------------------------------------------*/
/*	ブログページ設定
/*-------------------------------------------*/
ul.itiran li { margin-bottom:20px; padding-bottom:20px;  padding-left:15px; padding-right:15px}
dl.itiran_dl { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; }
dl.itiran_dl dt { display:block; width:70px; height:70px; overflow:hidden;}
dl.itiran_dl dd {flex: 1; text-align:left !important;  margin-left:30px; font-size:12px !important;}
.blog_thum { width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size: cover; }
.blog_thum a { display:block;  width:100%; height:100%;}
.blog_thum span { visibility: hidden; display: none;}

/*--------------------------------
関連記事表示部分
---------------------------------*/
ul.kanren_ul li { margin-bottom:10px; padding-bottom:10px; border-bottom: #DDD dashed 1px;}
dl.kanren_dl { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; padding-left:15px; padding-right:15px;}
dl.kanren_dl dt { width:50px; height:50px; overflow:hidden;}
dl.kanren_dl dd {flex: 1; text-align:left !important;  margin-left:30px;}

/*-------------------------------------------*/
/*	#お客様の声
/*-------------------------------------------*/
dl.evaluation { width:92% !important; margin-left:auto; margin-right:auto; }
dl.evaluation dt { margin-top:20px; text-align:left; font-size:18px; margin-bottom:15px; border-bottom:solid 5px; }
dl.evaluation dd { }

/*-------------------------------------------*/
/*	#よくある質問
/*-------------------------------------------*/
dl.qa {width:92% !important; }

/*-------------------------------------------------------------------------------------*/
/*メニュー設定
/*-------------------------------------------------------------------------------------*/
/*メニュータイトル*/
.menulist { width:100%;}

/*-------------------------------------------*/
/*	メニューリスト設定
/*-------------------------------------------*/
ul.menulist { display: block;}
ul.menulist li {}
ul.menulist li.menu_1 { width:96%; margin-left: auto; margin-right: auto; }
ul.menulist li.menu_2 { width:96%; margin-left: auto; margin-right: auto; }

/*-------------------------------------------*/
/*	アクセスページ
/*-------------------------------------------*/
table.t_design { margin: 0 auto; border-collapse: separate; font-size: 12px;}
table.t_design th, table.t_design td { padding: 10px; border:none;}
table.t_design th { display:block; background: #EEE; vertical-align: middle; text-align: left; overflow: visible; position: relative; font-weight: bold; font-size: 15px; }
table.t_design td { display:block; background: #f8f8f8; padding-left: 20px; text-align:left;}
table.t_design img { margin-bottom:0px !important;}



/*-------------------------------------------*/
/*	ピックアップ部分
/*-------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*ピックアップブログ
/*-------------------------------------------------------------------------------------*/
.bloglist_img img { max-width:none !important; width: 200px !important; height: auto; }
.bloglist_img { height:120px; width:150px; overflow:hidden; margin-left:auto; margin-right:auto;}


/*-------------------------------------------*/
/*	ページボトム　ブログ、ニュース設定
/*-------------------------------------------*/
#blog_list .bottom_con_img { display:none;}
#blog_list li { display:block !important; width:100%;}

.bottom_menu_title { width:100%; float: none; font-size:22px; font-weight:bold; border-left: solid 5px; text-align:left; }
ul.newsul li { font-size:12px !important;}
ul.newsul li:last-child { margin-bottom:0px !important; }
.bottom_menu_box ul li:after { content: ""; clear: both; display: block; }
.bottom_navi_wrap { background-color:#18818F;}

/*-------------------------------------------*/
/*	▼TOPページへのスクロール
/*-------------------------------------------*/
#page-top { position: fixed; bottom: 0px; right: 0px; font-size: 67%; }
#page-top a { text-decoration: none; color: #fff; width: 50px; padding: 10px 0; text-align: center; display: block; border-radius: 5px; }
#page-top a:hover { text-decoration: none; background: #999; }/*-------------------------------------------*/
;
/*	お問合せ
/*-------------------------------------------*/
ul.formDesign01 li div.th { width:100%; display:block; }
ul.formDesign01 li div.td { width:100%; display:block; }
ul.formDesign01 li div.td input.wpcf7-text { width:100%; }
ul.formDesign01 li div.td textarea { width:100%; }
/*-------------------------------------------*/
/*	サイドバー固定解除
/*-------------------------------------------*/
.scrollfixed { position: inherit; top:20px;/*固定させたい位置*/ }
/*-------------------------------------------*/
/*	ブログ部分
/*-------------------------------------------*/
#contentInner { float: none; width: 96% !important; }
aside { float: none; width: 96% !important; padding: 0px; }
.smanone { font-size:13px; }
img, video, object { height: auto; border: none; vertical-align: bottom; }
#content { width:96%; margin-left:auto; margin-right:auto; text-align:left; }
aside a { color: #2C5A85 }
.sp_bloglist { width:96%; margin-left:auto; margin-right:auto;  display: -webkit-flex !important; display: flex !important;}



/*-------------------------------------------*/
/*テーブル部分
/*-------------------------------------------*/
table.company { width:100%; margin: 0 auto; border-collapse: separate; font-size: 12px; }
table.company th, table.company td { display:block !important; padding: 10px; border:none;}
table.company th { background: #DBDBDB; vertical-align: middle; text-align: left; overflow: visible; position: relative; font-weight: normal; font-size: 15px; }
table.company td { background: #f8f8f8; padding-left: 20px; }
table.company img { margin-bottom:0px !important;}
#formWrap { width:100%; margin:0 auto; color:#555; line-height:120%; font-size:90%; }
table.formTable { width:100%; margin:0 auto; border-collapse:collapse; }
table.formTable td, table.formTable th { display:block; border:1px solid #ccc; padding:10px; }
table.formTable th { width:100%; font-weight:normal; background:#efefef; text-align:left; }

/*-------------------------------------------*/
/*フォーム
/*-------------------------------------------*/
textarea { width:100%;}
input { width:100%;}




/*-------------------------------------------*/
/*	フレックス設定
/*-------------------------------------------*/


.f_flex { display:block;}
.f_l1 { display:block;}
/*.f_flex_m0 { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
.f_between {   -webkit-justify-content: space-between; justify-content: space-between;}
.f_between_space { justify-content: space-around; -webkit-justify-content: space-around;}

.f_left {-webkit-justify-content: flex-start; justify-content: flex-start;}
.f_right {-webkit-justify-content: flex-end; justify-content: flex-end;}

.f_middle {-webkit-align-items: center; align-items: center;}
.f_bottom {-webkit-align-items: flex-end; align-items: flex-end;}

.f_r1>div:last-child { margin-left: auto;}
.f_l1>div:fast-child { margin-right: auto;}
.f_w1>div , .f_w1>li { -webkit-flex: 1;  flex: 1; overflow:hidden;}*/
.f_flex>div , .f_flex>li { margin-left:0; margin-right:0; margin-bottom:15px;}
/*.f_flex_m0>div , .f_flex_m0>li { margin-left:0; margin-right:0;}
.f_flex>div:first-child , .f_flex>li:first-child { margin-left:0;}
.f_flex>div:last-child , .f_flex>li:last-child { margin-right:0;}*/

.col>div , .col>li { margin-left:2.2% !important; margin-right:2.2% !important;}
.c2>li {width: 100%;}
.c2>div:nth-child(2n) , .c2>li:nth-child(2n) { margin-right:0;}
.c2>div:nth-child(2n+1) , .c2>li:nth-child(2n+1) { margin-left:0;}
.c3>li { width: 45%;}
.c3>div:nth-child(3n) , .c3>li:nth-child(3n) { margin-right:0;}
.c3>div:nth-child(3n+1) , .c3>li:nth-child(3n+1) { margin-left:0;}
.c4>li {width: 45%;}
.c4>div:nth-child(4n) , .c4>li:nth-child(4n) { margin-right:0;}
.c4>div:nth-child(4n+1) , .c4>li:nth-child(4n+1) { margin-left:0;}
.c5>li { width:100%;}
.c5>div:nth-child(5n) , .c5>li:nth-child(5n) { margin-right:0;}
.c5>div:nth-child(5n+1) , .c5>li:nth-child(5n+1) { margin-left:0;}
.c6>li { width:100%;}
.c6>div:nth-child(6n) , .c6>li:nth-child(6n) { margin-right:0;}
.c6>div:nth-child(6n+1) , .c6>li:nth-child(6n+1) { margin-left:0;}

.sp_f_sonomama .f_flex { display: -webkit-flex !important; display: flex !important;}
.sp_f_sonomama .f_flex>div , .sp_f_sonomama.f_flex>li { margin-left:2.2%; margin-right:2.2%;}


}