@charset "UTF-8";


/*----------------------------------------

ベース

-----------------------------------------*/
body{
	
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}
body img{
	width: 100%;
	height: auto;
}

.wrap{
	clear:both;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}


nav{
	margin:0;
	padding:0;
}


.contents100_bg{
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	background-image: url("../img/top1/bg.png");
	background-position: top center;
	background-size: cover;
}
/*白*/
.contents100w_bg{
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	background:#fff;
}

.contents1{
	clear:both;
	width:92%;
	height:auto;
	margin:0 auto;
	position: relative;
}

.contents300{
	clear:both;
	width:87.5%;
	max-width:300px;
	height:auto;
	margin:0 auto;
	position: relative;
}
.contents600{
	clear:both;
	width:87.5%;
	height:auto;
	margin:0 auto;
	position: relative;
}
.contents700{
	clear:both;
	width:87.5%;
	height:auto;
	margin:0 auto;
	position: relative;
}
.contents700.m01{
	width:100%;
}
.contents800{
	clear:both;
	width:87.5%;
	height:auto;
	margin:0 auto;
	position: relative;
}
.contents900{
	clear:both;
	width:87.5%;
	height:auto;
	margin:0 auto;
	position: relative;
}
.contents900.m01{
	width:100%;
}

.contents1000{
	clear:both;
	width:87.5%;
	height:auto;
	margin:0 auto;
	position: relative;
	
/*	background: rgba(153,226,224,0.4);*/
}
.contents1000.top{
	clear:both;
	width:78%;
	height:auto;
	margin:0 auto;
}
.contents1000.m01{
	width:100%;
}

.contents1100{
	clear:both;
	width:87.5%;
	height:auto;
	margin:0 auto;
	position: relative;
}
.contents1200{
	clear:both;
	width:87.5%;
	height:auto;
	margin:0 auto;
	
}

.contents1400{
	clear:both;
	width:87.5%;
	height:auto;
	margin:0 auto;
	position: relative;
}
.contents1400.m01{
	width:100%;
}


/*----------------------------------------

ベース

-----------------------------------------*/
.resizeimage{
	width:100%;
	/*max-width:960px;*/
}
	
.resizeimage img {
	width: 100%;
	height:auto;
}

.resizeimage1100{
	max-width:1100px;
	margin:0 auto;
}
	
.resizeimage1100 img {
	width: 100%;
	height:auto;
}


.bg01{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	background: #F4F4F4;
}


.grey_bg{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	background: #f4f4f4;
}

/***

黒丸（ちょっと小さく）

***/
/*
.s9679{
	font-size: 0.6em;
	margin: 0 0.3em 0 0;
	position: relative;
	top: -0.15em;
	top: -0.13em;
	top: -0.18em;
}
*/
/***

∟（小さく）

***/
.s9679{
	font-size: 0.6em;
	margin: 0 0.3em 0 0;
	position: relative;
	top: -0.15em;
	top: -0.13em;
	top: -0.3em;
}

/***

文字半角分左移動

***/
.pl-05em{
	position: relative;
	left: -0.5em;
}


/***

ページ位置

***/
.po-r{
	position: relative;
}
#item01,
#contact-btn{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -50px;
}



/*----------------------------------------

ベース

-----------------------------------------*/



/*----------------------------------------

ヘッダー

-----------------------------------------*/
header{
	clear: both;
	
	position: fixed;
	z-index: 9999;
	width:100%;
	margin:0;
	padding:0;
	background: #fff;
/*	background: rgba(216,116,117,1.00);*/
}





.header_bg{
	clear: both;
	width:100%;
	height:60px;	
	/*height:80px;*/
/*	background: #fff;*/
}
.hd_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.contents1280{
	clear:both;
	width:100%;
	height:auto;
	margin:0 auto;
}
.hd_title1{
	clear: both;
	width: 220px;
	width: 60%;
	max-width: 280px;
	height: auto;
	margin: 12px 0 0 12px;
	/*margin: 16px 0 0 10px;*/
	padding: 0;
}
.sp_btn1{
	display: block;
	clear: both;
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	right: 0;
	overflow: hidden;
}
.sp_btn1 img{
	width: 60px;
	height: 60px;
	vertical-align:top;
}
@media print, screen and (min-width: 1001px) {
.sp_btn1{
	display: none;
}
}
	
@media print, screen and (min-width: 1001px) {
.header_bg{
	clear: both;
	width:100%;
	height:80px;
	
/*	background: #fff;*/
}
.hd_title1{
	clear: both;
	width: 260px;
	height: auto;
	margin: 33px 0 0;
	margin: 22px 0 0;
	margin: 28px 0 0;
	padding: 0;
}
}

@media print, screen and (min-width: 1001px) {
.contents1280{
	width:98%;
	
/*	background: #DCA8A9;*/
}
}
@media print, screen and (min-width: 1151px) {
.contents1280{
	width:92%;
	max-width: 1320px;
}
}

.gnv_bg{
	display: none;
}
@media print, screen and (min-width: 1001px) {
.gnv_bg{
	display: block;
	clear: both;
	width: auto;
	height: 80px;
	margin: 0;
	padding: 0;
	
/*	background:#8BE5C9;*/
}
.gnv_bg .gnv_bg2{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 40px 0 0;
	padding: 30px 0 0;/*0130*/
	
	
	
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	font-size: 0.82em;
	font-size: 13px;
}

.gnvbtn1,
.gnvbtn2{
	clear: both;
	width: 100px;
	width: 74px;
	height: 25px;
	height: 34px;/*0130*/
	margin: 0;
	padding: 0;
	position: relative;
}
.gnvbtn1.m01{
	width: 110px;
}
.gnvbtn1.m02{
	margin: 0 5px 0 0;
}
.gnvbtn1{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	border-bottom:　2px;
}
.gnvbtn2{
	width: 120px;
	width: 110px;/*0130*/
}
.gnvbtn2.m01{
	margin-right: 15px;
}
.gnvbtn1 a,
.gnvbtn2 a{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	margin: 0;
	padding: 0;
	
/*	background: #E9B2E6;*/
	display: flex;
	align-items: center;
	
	text-decoration: none;
}
.gnvbtn2 a{
	box-sizing: border-box;
	background: #f4f4f4;
	border: 1px solid #231815;
}
.gnvbtn1 a span,
.gnvbtn2 a span{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
	line-height: 100.1%;
	text-align: center;
	color: #3e3a39;
	position: relative;
/*	top: 0.07em;*/
}	
.gnvbtn1 a::after,
.gnvbtn1.on a::after{
	position: absolute;
	
	content: '';
	width: 100%;
	width: 90%;
	height: 2px;
	background: #9FA0A0;
	bottom: -6px;
	left: 5%;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
}
.gnvbtn1.on a::after{
	opacity: 1;
}
	
.gnvbtn1.m01 a::after {
	width: calc( 90% - 10px );
	left: calc( 5% + 5px );
}
.gnvbtn1 a:hover::after {
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}
.gnvbtn1.on a:hover::after {
  visibility: visible;
  opacity: 1;
}

	

.gnvbtn1.on a::after{
	position: absolute;
	
	content: '';
	width: 100%;
	width: 90%;
	height: 2px;
	background: #9FA0A0;
	bottom: -6px;
	left: 5%;
	visibility: visible;
	opacity: 1;
	transition: 0.5s;
	
}
.gnvbtn1.on.m01 a::after{
	width: calc( 90% - 10px );
	left: calc( 5% + 5px );

}
	
	
.gnvbtn2 a span:hover {
	color: #fff;
	transition: all 0.5s ease;
}
.gnvbtn2 a:hover::before {
  transform: scaleY(1);
}
.gnvbtn2 a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #231815;
  transform: scaleY(0);
  transition: all 0.5s ease;
  transition-property: transform;
}
}
@media print, screen and (min-width: 1051px) {
.gnv_bg{
/*	background:#990;*/
}
.gnvbtn1,
.gnvbtn2{
	clear: both;
	width: 80px;
	height: 25px;
	height: 34px;/*0130*/
	margin: 0;
	padding: 0;
	position: relative;
}
.gnvbtn1.m01{
	width: 110px;
}
}
@media print, screen and (min-width: 1251px) {
.gnv_bg{
/*	background:#900;*/
}
.gnvbtn1,
.gnvbtn2{
	clear: both;
	width: 100px;
	height: 25px;
	height: 34px;/*0130*/
	margin: 0;
	padding: 0;
	position: relative;
}
.gnvbtn1.m01{
	width: 120px;
}
}



/*ヘッダー　角丸ボタン*/	
@media print, screen and (min-width: 1001px) {	
.gnvbtn3{
	clear: both;
	width: 100px;
	height: 34px;
	margin: 0;
	padding: 0;
	position: relative;
	
/*	background: #FD82F9;*/
}
}
@media print, screen and (min-width: 1101px) {	
.gnvbtn3{
	width: 120px;
}
}
@media print, screen and (min-width: 1001px) {	
.gnvbtn3.m01{
	margin-right: 15px;
}
.gnvbtn3 a{
	clear: both;
	width: 100%;
	height: 34px;
	margin: 0;
	padding: 0;
	position: relative;
	background: #006F44;
	box-sizing: border-box;
	border:1px solid #006F44;
	
	display: flex;
	align-items: center;
	
	text-decoration: none;
	
	border-radius: 17px;

	-webkit-transition: all .3s;
	transition: all .3s;
}
.gnvbtn3 a:hover {
	background: #fff;
}

.gnvbtn3 a span{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 13px;
	line-height: 100.1%;
	text-align: center;
	color: #fff;
	position: relative;
	top: -1px;
	-webkit-transition: all .6s;
	transition: all .6s;
	
}	
.gnvbtn3 a:hover span {
	color: #006F44;
	
}
}


.hd_space{
	clear: both;
	width:100%;
	height:40px;
	height:60px;
}
@media print, screen and (min-width: 1001px) {
.hd_space{
	clear: both;
	width:100%;
	height:80px;
}
}











/* ヘッダー　ロゴ スマホ */
.logo{
	width:95%;
	height:auto;
	float:left;
	margin:4px 0 0 10px;
	
	/*background:#999;*/

}
/* ヘッダー左 */
.logo_box{
	width:100%;
	max-width: 356px;
	height:auto;
	float:left;
	margin:5px 0 ;
}
.logo_fl{
	width: 71.91%;
	max-width:256px;
	height:auto;
	float: left;
}
a .logo_fl2{
	width: 100%;
	height:auto;
	
	
	font-size: 12px;
	line-height: 110%;
	text-align: right;
	color: #515151;
	text-decoration: none;
	margin: 3px 1px 0 0;
	
}
.logo_fr{
	width:17.415%;
	max-width: 62px;
	height:auto;
	float: right;
}



/******************
ヘッダー　右　スマホ
*******************/
.hd_fr{
	display:none;
}
/*スマホ　メニュー設定*/
.smart_btn{
	display:block;
	width:12.5%;
	height:auto;
	margin:0;
	position:absolute;
	top:0;
	right:0;
	z-index:99;
}
.smart_btn img{
	width:100%;
	height:auto;
}



/*スマホ　メニュー設定*/
#nv_box{
	width:100%;
	height:auto;
	position:absolute;
	right:0;
	top:40px;
	/*top:80px;*/
	background:#fff;
	z-index:999;
	display:none;
}


/*スマホ　メニュー設定*/
#nv_box-2{
	width:100%;
	height:auto;
	position:absolute;
	right:0;
	top:0;
	background:#fff;
	z-index:999;
	display:none;
}


/*スマホ　メニュー設定*/
#menu2btn2{
	width:100%;
	height:auto;
	position:absolute;
	right:0;
	top:0;
	background:#fff;
	z-index:9999;
	display:none;
}


.nv_table{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}


.table1 {
	width:50%;
	height: auto;
	float:left;
	box-sizing: border-box;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	
	text-align:center;
	color: #515151;
	padding:0 ;
	font-size: 14px;
	line-height: 110%;
	font-weight: 600;
	text-decoration:none;
	
}
.table1:nth-child(even) {
	width:50%;
	height: auto;
	float:left;
	box-sizing: border-box;
	border-right: none;
	border-top: 1px solid #ccc;
}

.table2 {
	clear: both;
	width:100%;
	height: auto;
	float:none;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
	text-align:center;
	color: #515151;
	padding:0 ;
	font-size: 14px;
	line-height: 110%;
	font-weight: 600;
	text-decoration:none;
	
}


.table1 a , .table2 a{
	display: block;
	width:100%;
	height: 100%;
	padding:26px 0 ;
	color: #515151;
	background: #fff;
}
.table1 a , .table2 a:hover{
	text-decoration: none;
}


.table1.on , .table2.on{
	padding:26px 0 ;
	color: #515151;
	color: #fff;
	background:#BCDCBC ;
	background: #006841;/*深緑*/
}

/*スマホ　メニュー設定*/





/* ボタン共通 */
.nv_table1 li , .table2 li {
	position: relative;
}
.table1 li a , .table2 li a , .nv_table div.table3 a {
	display: block;
	/*
	position: relative;
	*/
	z-index: 90;
	text-align:center;
	color: #333;
	padding:34px;
	font-size: 14px;
	line-height: 110%;
	text-decoration:none;
	

	background:#ccc;
	border-bottom:1px solid #fff;
}

.table1 li a:hover , .table2 li a:hover , .nv_table div.table3 a:hover {
	color: #fff;
	background:#666;
	border-bottom:1px solid #fff;
}


/* ボタン共通_on */
.table1 li.on , .table2 li.on {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	color: #fff;
	padding:34px 0 ;
	font-size: 14px;
	line-height: 110%;
	font-weight: 600;
	text-decoration:none;
	
	background:#222;
	border-bottom:1px solid #fff;
}

/* ボタン共通_off */
.table1 li.off , .table2 li.off {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	color: #999;
	padding:34px 0 ;
	font-size: 14px;
	line-height: 110%;
	font-weight: 400;
	text-decoration:none;
	
	background:#CCC;
	background-image: -moz-linear-gradient( 90deg, rgb(177,178,178) 0%, rgb(230,233,233) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(177,178,178) 0%, rgb(230,233,233) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(177,178,178) 0%, rgb(230,233,233) 100%);
}


/* ボタン文字2行 */
.gnvs_txt1{
	width:100%;
	position:absolute;
	z-index: 100;
	text-align:center;
	font-size: 14px;
	line-height: 110%;
	text-decoration:none;
	
	
	top:21px;
	left:0;
	
}

/* ボタン資料請求 */
.table1 li.table_color2 a , .table2 li.table_color2 a {
	display: block;
	/*
	position: relative;
	*/
	z-index: 90;
	text-align:center;
	color: #fff;
	padding:34px;
	font-size: 14px;
	line-height: 110%;
	text-decoration:none;
	

	background:#009c98;
	border-bottom:1px solid #fff;
}

.table1 li.table_color2 a:hover , .table2 li.table_color2 a:hover {
	color: #fff;
	background:#666;
	border-bottom:1px solid #fff;
}


/* ボタン来場予約 */
.table1 li.table_color3 a , .table2 li.table_color3 a {
	display: block;
	/*
	position: relative;
	*/
	z-index: 90;
	text-align:center;
	color: #fff;
	padding:34px;
	font-size: 14px;
	line-height: 110%;
	text-decoration:none;
	

	background:#b81c22;
	border-bottom:1px solid #fff;
}

.table1 li.table_color3 a:hover , .table2 li.table_color3 a:hover {
	color: #fff;
	background:#666;
	border-bottom:1px solid #fff;
}







.equipment_btn_s{
	display:table;
	margin:0px;
	padding:0px;
	width:100%;
}
            
.equipment_btn_s1 img, .equipment_btn_s2 img{
	width:240px;
	height:80px;
}

.equipment_btn_s1 {
	display:table-cell;
	width:240px;
	
}

.equipment_btn_s2 {
	display:table-cell;
	width:240px;	
}
				

.header_right{
	display:none;
}




.req_s{
	width:480px;
	height:42px;
	background:url(../img/common/main_bg.jpg) repeat;
}

/* グローバルナビ　下バー PC */
.gnv_bar{
	width:100%;
	height: 6px;
	background:url(../img/common/gnv_bar.gif) repeat;
}
/* グローバルナビ　下バー PC */
.gnv_bar2{
	width:100%;
	height: 4px;
	background:url(../img/common/gnv_bar.gif) top repeat;
}
/* グローバルナビ　下バー PC */
.gnv_bar3{
	width:100%;
	height: 8px;
	background:url(../img/common/gnv_bar.gif) top repeat;
}
/* グローバルナビ　下バー PC */
.gnv_bar4{
	width:100%;
	height: 25px;
	background:url(../img/common/gnv_bar.gif) top repeat;
}

/* グローバルナビ　NEWスマホ */
.gnv_new{
	position:absolute;
	/*bottom:-5px;*/
	top:0;
	right:0;
	z-index:100;
	padding:2px 1px;
	background:#900;		
	color:#fff;
	
	font-size:8px;
	font-size:7px;
	line-height:110%;
	font-weight: 600;
}







/******************************************************
キャプション
******************************************************/
.cap_center{
	
	font-size:9px;
	line-height:120%;
	color:#333;
	text-align:center;
}

.footer_box{
	width:480px;
	height:708px;
	position:absolute;
	top:0;
	background:#fff;
	
}

.cap_box{
	width:460px;
	height:auto;
	padding:850px 10px 10px;/*スマホ用　ナビの項目が多くなったら変更　2015_0928　132px足し（実際の半分？）*/
	background:#dcdbd2;
}




/******************************************************
改行
******************************************************/
.br_pc{
	display:none;

}

/************************************************
スマホでは表示
************************************************/
.smart_on{
	display:block;
}

.smart_on2{
	display:block;
}

.smart_img{
	display:block;
}

.pc_on{
	display:none;
}

.pc_on2{
	display:none;
}

#ie8_on, ie11_on{
	display:none;
}











/*----------------------------------------

カラム指定

-----------------------------------------*/
/*bootstrap css変更*/
.container-fluid {
  padding-right: 6px;
  padding-left: 6px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -6px;
  margin-left: -6px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 6px;
  padding-left: 6px;
}

/* メイン部
----------------------------------------------- */
#main_column {
    padding:0;
}

/* サイドカラム
----------------------------------------------- */
.side_column {
    padding:0;
}
#leftcolumn {
    float: left;
    width:auto;
}
#rightcolumn {
    float: right;
    width:auto;
}







/******************************************************
キャプション
******************************************************/

.cap_left{
	font-size:10px;
	line-height:130%;
	
	
	color:#515151;
	text-align:left;
}
.cap_left_fff{
	font-size:10px;
	line-height:130%;
	
	
	color:#fff;
	text-align:left;
}


.cap_right{
	font-size:10px;
	line-height:130%;
	
	
	color:#515151;
	text-align:right;
}
.cap_right_fff{
	font-size:10px;
	line-height:130%;
	
	
	color:#fff;
	text-align:right;
}
.cap_right_fff_m{
	font-size:11px;
	line-height:130%;
	
	color:#fff;
	text-align:right;
	letter-spacing: 2px;
}


.cap_center{
	font-size:10px;
	line-height:130%;
	
	color:#515151;
	text-align:center;
}


/******************************************************
フッター　テキストナビ
******************************************************/
.ftnv_bg{
	display:none;
}



.resizeimage{
	width: 100%;
	height:auto;
}
	
.resizeimage img {
	width: 100%;
	height:auto;
}




/******************************************************
コンテンツ　タイトルSP
******************************************************/
/*sp*/
.contents_title_bg{
	width:100%;
	height:80px;
	background:#bf9766;
}
.contents_title{
	width:100%;
	height:25px;
	font-size:22px;
	line-height: 110%;
	color:#fff;
	
	text-align:center;
	/*background:#F00;*/
	letter-spacing:3px;
	padding:30px 0 0;
}



/******************************************************
コンテンツ　サブタイトル
******************************************************/
.page_catchcopy{
	width:100%;
	height:auto;
	
	font-size:23px;
	line-height:200%;
	color:#222;
	text-align:center;
	margin:57px 0 0;
	letter-spacing:2px;
}
.page_readcopy{
	width:100%;
	height:auto;
	margin:0 auto;
	color:#222;
	font-size:15px;
	line-height:200%;
	
	letter-spacing:2px;
	text-align: center;
	padding:40px 0 60px 0;
}

/******************************************************
コンテンツ　サブタイトル2
******************************************************/
.page_catchcopy2{
	width:auto;
	height:auto;
	
	font-size:20px;
	line-height:140%;
	color:#222;
	font-weight: 400;
	text-align:center;
	letter-spacing:2px;
}
.page_catchcopy2_space{
	width:6px;
	height:30px;
	margin:0 14px 0 0;
	background:#C90;
}
.page_catchcopy2_space2{
	width:6px;
	height:60px;
	margin:0 14px 0 0;
	background:#C90;
}
.page_catchcopy2_bar{
	clear:both;
	width:100%;
	height:1px;
	margin:0 0 20px;
	background:#222;
}

.page_readcopy2{
	width:100%;
	height:auto;
	margin:0 auto;
	color:#222;
	font-size:14px;
	line-height:200%;
	
	letter-spacing:1px;
	text-align:left;
}


.po-r{
	position: relative;
}
.cap_pa{
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 3px;
	right: 5px;
	z-index: 9;
}




.ft_logo1{
	clear: both;
	width:50%;
	width:60%;
	height:auto;
	margin:0 auto;
}
@media print, screen and (min-width: 801px) {
.ft_logo1{
	width:46%;
	max-width: 310px;
}
}
.ft_copyright{
	font-size: 10px;
	text-align: center;
	color: #595757;
}













.smart_btn2{
	clear: both;
	width:100%;
	height:auto;
	margin:0;
}
.smart_btn2 img{
	width:100%;
	height:auto;
}

/*** 20230420光町より追加

スマホナビ

***/
#nv_box_sp_bg{
	width:100%;
	height:1px;
	/*background: rgba(71,180,95,1.00);*/
	position: relative;
}
#nv_box_sp{
	width:100%;
	height:auto;
	position:fixed;
	top: 60px;
	/*top: 80px;*/
	left:0;
	background:#fff;
	z-index:999999;
	display:none;
}


.table_sp{
	margin:0px;
	padding:0px;
	width:100%;
}


.table1_sp {
	width: calc( 50% - 1px );
	height: auto;
	float:left;	
	margin: 0;
	padding: 0;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	z-index:999999;
}

.table2_sp {
	width:50%;
	height: auto;
	float:right;	
	margin: 0;
	padding: 0;
	border-top: 1px solid #ccc;
	z-index:999999;
}
.table3_sp {
	clear: both;
	width:100%;
	height: auto;
	margin: 0;
	padding: 0;
	z-index:999999;
}

.table3_sp.blk {
	background: #000;
}

.table1_sp div ,
.table2_sp div ,
.table3_sp div {
	overflow: hidden;
	width:100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px solid #ccc;
	z-index:999999;
}
.table1_sp div a ,
.table2_sp div a ,
.table3_sp div a {
	clear: both;
	display: block;
	/*
	position: relative;
	*/
	z-index: 90;
	z-index: 9999;
	text-align:center;
	color: #333;
	padding:25px;
	font-size: 16px;
	font-size: 3.4vw;
	font-size: 3.55vw;
	font-size: 15px;
	/*font-size: 22px;
	padding:36px;*/
	line-height: 110%;
	text-decoration:none;
	
	letter-spacing: 0.25em;
	letter-spacing: 0.12em;
}
.table1_sp div.ls00 a{
	padding:25px 0;
	letter-spacing: 0.25em;
	letter-spacing: 0.12em;
}




.table1_sp div.on a ,
.table2_sp div.on a ,
.table3_sp div.on a {

	color: #fff;
	background:#777;
}





.table4_sp div a {
	clear: both;
	display: block;
	/*
	position: relative;
	*/
	z-index: 90;
	z-index: 9999;
	text-align:center;
	color: #fff;
	padding:25px;
	font-size: 16px;
	font-size: 3.4vw;
	font-size: 3.7vw;
	font-size: 15px;
	/*font-size: 22px;
	padding:36px;*/
	line-height: 110%;
	text-decoration:none;
	letter-spacing: 0.25em;
}
.table1_sp div a:hover ,
.table2_sp div a:hover ,
.table3_sp div a:hover ,
.table4_sp div a:hover
{
	color: #fff;
	background: #999;
}

.table4_sp.blk div a {
	clear: both;
	display: block;
	/*
	position: relative;
	*/
	z-index: 90;
	z-index: 9999;
	text-align:center;
	color: #fff;
	padding:25px;
	font-size: 16px;
	font-size: 3.4vw;
	font-size: 3.7vw;
	font-size: 15px;
	/*font-size: 22px;
	padding:36px;*/
	line-height: 110%;
	text-decoration:none;
	letter-spacing: 0.25em;
	background: #000;
}

.table4_sp.blk div a.sp_menu_mini1{
	font-size: 14px;
	/*font-size: 3.2vw;*/
	margin: 5px 0 0;
}
	
/* ボタン共通_on */

.table4_sp div.on{
	display: block;
	position: relative;
	z-index: 100;
	z-index: 9999;
	text-align:center;
	color: #fff;
	padding:25px 0 ;
	font-size: 16px;
	font-size: 3.4vw;
	font-size: 3.7vw;
	font-size: 15px;
	/*font-size: 22px;
	padding:36px;*/
	line-height: 110%;
	font-weight: 600;
	text-decoration:none;
	background:#777;
	letter-spacing: 0.25em;
}
	
/* ボタン共通_on */
.table1_sp div.off , .table2_sp div.off {
	display: block;
	position: relative;
	z-index: 100;
	z-index: 9999;
	text-align:center;
	color: #ccc;
	padding:25px 0 ;
	font-size: 16px;
	font-size: 3.4vw;
	font-size: 3.55vw;
	font-size: 15px;
	/*font-size: 22px;
	padding:36px;*/
	line-height: 110%;
	font-weight: 600;
	text-decoration:none;
	
	background:#fff;
	letter-spacing: 0.25em;
}



/**

パンクズナビ

**/
.pankuzu1_bg{
	display: none;
}



/**

横幅w100%;

**/
.waku100{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 0;
}




/***

SEO対策　テキスト挿入

***/
.t_pa{
	position: absolute;
	left: -15000px;
}



.ft_linkbtn1bg{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	position: relative;
}
.ft_linkbtn1{
	width: 10px;
	height: auto;
	margin: 0 0 0 5px;
	padding: 0;
	position: relative;
/*	top: 1px;*/
	
}
.ft_linkbtn1 img{
	width: 10px;
	height: auto;
}



/***

詰め無効

***/
.font-palt{
	font-feature-settings: "palt";
}
.font-nopalt{
	font-feature-settings: "pkna";
}

/***

bold

***/
.f-w600{
	font-weight: 600;
}
.f-w400{
	font-weight: 400;
}