@charset "utf-8";


/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
/* レイアウト */
body { touch-action:manipulation; }
html:before { display:none; }
html.open_menu body { overflow-y:hidden; }
body { padding:0px; padding-top:0.01rem }



body:before { display:none; }
body:after { display:none; }
#container { border:none; min-height:inherit; }
#main_col { width:auto; margin:0 100px; }
#side_col { width:auto; margin:80px 100px 0; }
@media screen and (max-width:1000px) {
	body.single-news #main_content { padding-top:80px; }
  #main_col { margin:0 60px; }
  #side_col { margin:80px 60px 0; }
}
@media screen and (max-width:800px) {
	body.home { padding:0px 0 0; }
	body.home.show_header_message #container { margin-top:-40px; }
	#main_content { padding:55px 0 40px; }
	body.single-news #main_content { padding-top:20px; }
  #main_col { margin:0 20px; }
  #side_col { margin:40px 20px 0; display:block; }
  #article { padding-bottom:20px; }
}


@media screen and (max-width:800px) {
	
.disp_pc{
	display:none!important;
	}
.disp_sp{
	display:block!important;
	}
	.pc_br{
	display:none!important;
	}
.sp_br{
	display:inline-block!important;
	}
	
	
.mt20{
	margin-top:20px;
	}
	.mt10{
	margin-top:10px;
	}
.spmt40{
	margin-top:40px;
	}
.nmt30{
	margin-top:-30px;
	}
.nmt40{
	margin-top:-40px;
	}
.nmb30{
	margin-bottom:-30px;
	}
.nmb40{
	margin-bottom:-40px;
	}
.nmb50{
	margin-bottom:-50px;
	}
.nmb60{
	margin-bottom:-60px;
	}
	.mt10_sp{
	display:block;
	margin-top:10px!important;
	}
.mt15_sp{
	display:block;
	margin-top:15px!important;
	}
	
.bg_color_whi {
    width: 100%;
    padding: 30px 0 40px 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.bg_color_whi_sp01{
    width: 100%;
    padding: 10px 0 10px 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

	.bg_color_gra{
width:100%;
padding:40px 0 40px 0;
background-color:#F4EFEB;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bg_color_gre{
width:100%;
padding:30px 0 30px 0;
background-color:#EEF9E6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bg_color_gre02{
width:100%;
padding:70px 0 0px 0;
background-color:#EEF9E6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.bg_color_gre03{
width:100%;
padding:10px 0 0px 0;
background-color:#EEF9E6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.image_slide{
	padding:0 18px 0 18px;
	}

}

/* アクセスマップ */
@media only screen and (max-width: 800px) {
	.access_map .qt_google_map { height:250px; }
  .access_map .qt_google_map .qt_googlemap_embed { height:250px; }
	.map_desc h3 { font-size:14px !important; }
	.map_desc { font-size:14px; margin-top:-20px; }
  .map_desc .item:first-of-type { margin-bottom:15px !important; }
}



/* アクセス */
@media only screen and (max-width: 1000px) {
	#page_contents .map_desc .item { margin-bottom:15px; }
  #page_contents #access_bottom_content { margin:35px 0 0px; }
  .schedule_content { display:block; }
  .schedule_content .info { width:auto; font-size:14px; }
  .schedule_content .info p { margin-bottom:28px;  }
  .schedule_content .schedule { width:auto; margin-top:35px; }
	.schedule_content td .content { min-height:40px; }
}




/* ----------------------------------------------------------------------
 お知らせ
---------------------------------------------------------------------- */
#archive_news { padding:100px 0; }
.news_category_button_wrap { width:auto; margin:0 100px 80px; }
.news_category_button li { font-size:14px; }
#news_list { width:auto; margin:0 100px; overflow:hidden; }
#news_list .animate_background { width:100% !important; height:auto !important; }
#news_list .content { height:131px; padding:18px 20px; }
#news_list .title { font-size:14px; }
#news_list .meta { bottom:20px; font-size:12px; }
@media only screen and (max-width: 1000px) {
  .news_category_button_wrap { margin:0 60px 80px; }
  #news_list { margin:0 60px; }
}
@media only screen and (max-width: 800px) {
	#archive_news { padding:40px 0; overflow:hidden; }
  .news_category_button_wrap { margin:0 20px 40px; }
  .news_category_button_wrap.use_scroll { margin:0 0 40px 0; overflow-x:auto; }
	.news_category_button { flex-wrap:nowrap; justify-content:center; }
	.news_category_button_wrap.use_scroll .news_category_button { justify-content:start; }
	.news_category_button li { font-size:14px; min-width:130px; flex: 1 0 auto; }
	.news_category_button li a { height:50px; white-space:nowrap; padding:0 20px; }
	.news_category_button_wrap.use_scroll .news_category_button li:last-of-type { padding-right:20px; min-width:150px; }
	.news_category_button_wrap.use_scroll .news_category_button li:first-of-type { padding-left:20px; min-width:150px; }
  #news_list { margin:0; }
  #news_list .item { width:50%; }
  #news_list .item:nth-child(3n) .content:after { display:block; }
  #news_list .item:nth-child(2n) .content:after, #news_list .item:last-of-type .content:after { display:none; }
}


/* ----------------------------------------------------------------------
 ドロワーメニュー
---------------------------------------------------------------------- */
#drawer_menu {
	display:block; position:fixed; top:0px; right:0; width:100%; height:100vh; height:100dvh; background:#fff; overflow:auto; z-index:10000;
	opacity:0; transition: opacity 0.7s ease; -webkit-overflow-scrolling: touch; pointer-events:none;
}
.open_menu #drawer_menu { opacity:1; pointer-events:auto; }
.open_menu #js-footer-bar { display:none; }

#drawer_menu a[href^="tel:"] { pointer-events:none; }
.open_menu #drawer_menu a[href^="tel:"] { pointer-events:auto; }

/* ドロワーメニューのスクロールバー */
#drawer_menu .simplebar-scrollbar:before { background:#000 !important; }


/* 閉じるボタン */
#drawer_menu .close_button_area { position:relative; width:100%; height:60px; }
#drawer_menu .close_button { cursor:pointer; display:block; width:60px; height:60px; position:absolute; top:0px; right:0px; z-index:10; }
#drawer_menu .close_button:before {
  color:#000; font-family:'Material Icons'; content:'\e5cd'; font-size:20px; display:block; top:21px; left:19px; position:absolute;
  -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#drawer_menu .close_button:hover:before { }


/* グローバルメニュー */
#header #global_menu { display:none; }
#mobile_menu { width:100%; margin:-1px 0 0; border-top:1px solid #ddd; }
#mobile_menu ul { margin:0; }
#mobile_menu li ul { display:none; }
#mobile_menu a {
  position:relative; display:block;  margin:0; padding:0 50px 0 20px; height:50px; line-height:50px; overflow:hidden; text-decoration:none;
  color:#000; font-size:14px; border-bottom:1px solid #ddd;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; visibility:visible;
}
#mobile_menu li li a { border:none; height:50px; line-height:50px; }
#mobile_menu a:hover { color:#0C6; }


/* グローバルメニュー（子メニュー） */
#mobile_menu li { position:relative; }
#mobile_menu .child_menu_button { display:block; position:absolute; text-align:center; width:50px; height:50px; right:0px; top:-5px; z-index:9; cursor:pointer; }
#mobile_menu .child_menu_button:after {
  background:#000; content:''; height:2px; width:12px; display:block;
  position:absolute; right:25px; top:30px; transition: background-color 0.25s ease;
}
#mobile_menu .child_menu_button:before {
  background:#000; content:''; height:12px; width:2px; display:block;
  position:absolute; right:30px; top:25px; transition: background-color 0.25s ease;
}
#mobile_menu li.open > .child_menu_button:before {  display:none; }
#mobile_menu li.open > a { border-bottom:none; }
#mobile_menu li li a { opacity:0; }
#mobile_menu li li.animate a {
opacity:1;
transition:
opacity 0.25s ease;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
}



#mobile_menu li ul {}


/* 検索フォーム */
#drawer_menu_search { position:relative; width:100%; }
#drawer_menu_search .input_area { background:#EBFAEC; width:100%; height:50px; position:relative; }
#drawer_menu_search .input_area input { font-size:12px; border:none; background:none; height:50px; width:calc(100% - 50px); position:absolute; left:0px; top:0px; padding:20px; }
#drawer_menu_search .button_area { width:50px; height:50px; position:absolute; right:0px; top:0px; }
#drawer_menu_search .button_area input { width:50px; height:50px; border:none; background:none; cursor:pointer; }
#drawer_menu_search .button_area:before {
  display:block; text-align:center; cursor:pointer; z-index:1; pointer-events:none;
  position:absolute; font-family:'Material Icons'; color:#208229; font-size:1.3rem; content:'\e8b6'; left:13px; top:17px;
  transition: color 0.25s ease;
}
#drawer_menu_search .button_area:hover:before { }


/* ロゴ */
#drawer_logo a { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:60px; position:absolute; left:20px; top:0; z-index:100; }
#drawer_logo .icon_image { margin-right:10px; }
#drawer_logo .icon_image img.pc { display:none; }
#drawer_logo .text_image { padding:0; height:60px; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; }
#drawer_logo .text_image img.pc { display:none; }
#drawer_logo .text_image img { transform:scale(0.8); transform-origin:left; }
#drawer_logo .text_image img.mobile { transform:scale(1); transform-origin:left; }

#drawer_logo img { display:block; transition: opacity 0.3s ease-in-out; max-height:36px; width:auto; }

#drawer_logo a:hover img { opacity:0.5; }
#drawer_logo a .logo_text { font-weight:500; }
#drawer_logo a:hover .logo_text { }


/* アイコンバナー */
#drawer_icon_button { display:flex; flex-wrap:wrap; position:relative; }
#drawer_icon_button:before { content:''; width:1px; height:100%; display:block; background:#ddd; position:absolute; top:0; left:50%; z-index:-1; }
#drawer_icon_button .item { width:50%; }
#drawer_icon_button .item.long { width:100%; }
#drawer_icon_button .item.long br { display:none; }
#drawer_icon_button .item a { font-size:14px; display:block; width:100%; height:50px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; border-bottom:1px solid #ddd; }
#drawer_icon_button .item.long a { background:#fff !important; border-color:#ddd !important; color:#208229; }
#drawer_icon_button a:before { margin:0 8px 0 0; }



/* ----------------------------------------------------------------------
 ページ上部　ヘッダー
---------------------------------------------------------------------- */
#header { height:61px; display:block; border-bottom:none;}
#header:before { width:60px; }
body.hide_page_header_bar #header::before { display:none; }
@media screen and (max-width:800px) {
	body.home #header { background:none; }
	body.home.open_header #header { background:#fff; }
  #header:before { display:none; }
	body.header_fix #header { position:fixed; background:#fff; transition: all 0.25s ease; z-index:1000; }
	body.hide_page_header_bar.header_fix #header { position:absolute; background:none; }
	body.hide_page_header_bar.header_fix #header:before { display:none; }
  body.open_header #header { animation:none; }
  body.close_header #header { animation:none; }
  body.header_fix #header:after {
			content:''; display:block;
			width:100%;
			height:1px;
			background:#ddd;
			position:absolute;
			bottom:0px; left:0px; }
	body.open_header_mobile #header { position:fixed; background:#fff; animation: open_header_animation 0.6s ease forwards; top:0 !important; }
  body.close_header_mobile #header {  position:fixed; background:#fff; animation: close_header_animation 0.3s ease forwards; top:0 !important; }
  body.open_header_mobile #header:after { content:''; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:0px; left:0px; }
}


/* ロゴ */
#header_logo2 a { }
#header_logo2 .icon_image { width:60px; height:60px; }
#header_logo2 .icon_image img {
	transform:scale(0.8);
	width: 100%;
    height: auto;
	}
#header_logo2 .text_image { padding:0 20px; height:60px; }
#header_logo2 .text_image img { transform:scale(0.8); transform-origin:left; }
@media screen and (max-width:800px) {
	body.home #header_logo, body.hide_page_header_bar #header_logo { display:block; }
	body.home #header_logo2, body.hide_page_header_bar #header_logo2 { display:none; }
}
body.home.no_header_logo_image_mobile #header_logo { display:none; }
body.home.no_header_logo_image_mobile #header_logo2 { display:block; }
body.home.show_text_logo #header_logo2 { display:block; }
#header_logo { width:150px; height:150px; left:0; top:0; }
#header_logo a { width:150px; height:150px; padding:20px; }
@media screen and (max-width:800px) {
	#header_logo img.pc { display:none; }
	#header_logo img.mobile { display:block; }
}
body.home.open_header #header_logo { display:none; }
body.home.open_header #header_logo2 { display:block; }
@media screen and (max-width:1221px) {
  #header_logo { display:none; }
  #header_logo2 { display:block; left:20px; }

	#header_logo2 .logo_text { padding-left:0px; }
  body.home.header_fix #header_logo2 { display:block; }
  body.home.open_header_mobile #header_logo2 { display:block; }
  body.home.close_header_mobile #header_logo2 { display:block; }
	body.home.no_header_logo_image_mobile #header_logo2 { transition: opacity 1.4s ease 0.5s; }
  #header_logo { width:120px; height:120px; }
  #header_logo a { width:120px; height:120px; }
  
		#header_logo2 .icon_image, #header_logo2 .icon_image_mobile { width:100%; }
	
	#header_logo2 img.pc { display:none; }
	
	
	#header_logo2 img.mobile { display:block; transform:scale(1); }
  #header_logo2 .text_image { padding:0; }
		
		
	body.home.no_header_logo_image_mobile #header_logo2 {
		 left:0px;
			top:0px;
			padding: 36px 10px 26px 7px;
			width:110px;
			
			background-color:#fff;
			}
	body.home.no_header_logo_image_mobile #header_logo2 img{
		width:90%;
		height:auto;
		}
			


body.no_header_logo_image_mobile #header_logo2 {
left: 20px;
    top: 5px;
    padding: 0px;
    width: 75px;

}

body.open_header_mobile #header_logo2 {
left: 20px;
top: 0px;
padding: 0px 0.5325rem 0px 0px;
width: 210px;
 background-color: #fff;
}
}

.n2-ss-slider {
    z-index: 3;
    position: relative;
    text-align: left;
    width: 100%;
    min-height: 1px;
    padding: 17px!important;
}

	body.home.no_header_logo_image_mobile.open_header_mobile #header_logo2, body.home.no_header_logo_image_mobile.close_header_mobile #header_logo2 {
		left:20px; top:0px;
		padding:0px;
		background-color:transparent;		
		}
	
	
	body.home.no_header_logo_image_mobile.open_header_mobile #header_logo2, body.home.no_header_logo_image_mobile.close_header_mobile #header_logo2 img{
width:200px;
height:auto;
		}
	
	
	body.home.show_text_logo #header_logo2 { left:40px; top:20px; }
	body.admin-bar.home.show_text_logo #header_logo2 { top:40px; }
	body.home.show_text_logo.open_header_mobile #header_logo2, body.home.show_text_logo.close_header_mobile #header_logo2 { left:20px; top:0px; }
	
		body.home.show_text_logo.open_header_mobile #header_logo2, body.home.show_text_logo.close_header_mobile #header_logo2  img{
		width:65pximportant;
		height:auto;
	}
	
	
	
#header_logo2 .icon_image {
width:75px;
height: auto;
background: url(/img/logo01.png) bottom 0px right no-repeat;!important;
background-size: contain;
}

.open_header_mobile #header_logo2 .icon_image {
width:100%;
height:47px;
background: url(/img/footer_logo01.png) bottom 0px right no-repeat;!important;
background-size: contain;
}
	
	
	
	
	body.home .logo_text { color:#fff; }
	body.home.open_header_mobile .logo_text, body.home.close_header_mobile .logo_text { color:#000; }
}
@media screen and (max-width:800px) {
  #header_logo { display:none; }
}


/* サイトの説明文 */
#site_desc { display:none; }


/* アイコンボタン */
#side_icon_button { display:none; }


/* 非表示にする要素 */
#global_menu { display:none; }
#header_search { display:none; }
#header_lang_button { display:none; }


/* メニューボタン */
#drawer_menu_button {
  position:absolute; z-index:10000; right:0px; bottom:0px; transition:opacity 1.4s ease 0.5s;
  display:inline-block; font-size:11px; width:66px; height:65px; line-height:60px; text-decoration:none; text-align:center;
}
#drawer_menu_button span {
  height:2px; background:#000; display:block; position:absolute; left:28px;
  -webkit-transition-property:background-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  transition-property:background-color; transition-duration:0.2s; transition-timing-function:ease;
	-webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
body.hide_page_header_bar #header #drawer_menu_button { display:none; }
body.home #drawer_menu_button { opacity:0; }
body.home #drawer_menu_button.animate { opacity:1; }
#drawer_menu_button:hover span { opacity:0.5; }
#drawer_menu_button span { left:19px; }
#drawer_menu_button span:nth-child(1) { top:24px; width:28px;}
#drawer_menu_button span:nth-child(2) { top:30px; width:20px;}
#drawer_menu_button span:nth-child(3) { top:36px; width:24px;}


#header #drawer_menu_button .menu_txt {
    display: inline-block;
    font-size: 10px;
    margin-top: 19px;
    color: #000;
}


@media screen and (max-width:800px) {
  body.home #header #drawer_menu_button span { background:#fff; }
  body.home.header_fix #header #drawer_menu_button span { background:#000; }
  body.home.open_header_mobile #header #drawer_menu_button span { background:#000; }
  body.home.close_header_mobile #header #drawer_menu_button span { background:#000; }
  body.home #drawer_menu_button { right:24px; bottom:-20px; }
  body.admin-bar.home #drawer_menu_button { bottom:-40px; }
  body.home.header_fix #drawer_menu_button { right:0px; bottom:0px; }
  body.home.open_header_mobile #drawer_menu_button { right:0px; bottom:0px; }
  body.home.close_header_mobile #drawer_menu_button { right:0px; bottom:0px; }
}



body.home #header #drawer_menu_button .menu_txt{
			display:inline-block;
			font-size:10px;
			margin-top:19px;
			color:#fff;
		}

body.home.open_header_mobile #header #drawer_menu_button .menu_txt{
	display:inline-block;
			font-size:10px;
			margin-top:19px;
			color:#000;
			}




/* メガメニュー */
.megamenu { display:none; }


/* メッセージ */
#header_message { padding:10px 0; z-index:2000; }
#header_message .post_content { width:auto !important; margin:0 20px !important; }
#header_message.show_close_button .post_content { margin:0 40px !important; }
@media screen and (max-width:750px) {
  #header_message .post_content { line-height:1.8; }
  #header_message.show_close_button .post_content { margin:0 35px !important; }
}


/* パンくずリンク */
#bread_crumb {
	width:100%; position:relative; padding:0 25px !important;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
#bread_crumb ul { width:auto !important; height:60px; line-height:60px; }
@media screen and (max-width:800px) {
  #bread_crumb { padding:0 20px !important; height:50px; }
	#bread_crumb ul { height:50px !important; line-height:50px !important; width:auto !important; }
	#bread_crumb li { font-size:12px; margin-right:6px; padding-right:18px; }
	#bread_crumb li.home { padding-right:15px; }
	#bread_crumb li:after { font-size:9px; top:1px; }
}




/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
/* 画像カルーセル */
@media screen and (max-width:1200px) {
  #footer_image_carousel .item { width:250px; }
}
@media only screen and (max-width: 800px) {
  #footer_image_carousel .item { width:180px; }
}


/*　アイコンバナー */
#footer_icon_banner	.icon_button a:before { transform-origin:center; }
@media screen and (max-width:1200px) {
  #footer_icon_banner .item a { font-size:14px; }
}
@media screen and (max-width:1100px) {
  #footer_icon_banner { display:block; margin:0; }
  #footer_icon_banner .item a { text-align:center; height:60px; border-top:1px solid #ddd; border-right:none; }
	#footer_icon_banner .item:first-of-type a { border-top:none; }
}
@media screen and (max-width:800px) {
  #footer_icon_banner .item a { height:50px; }
	#footer_icon_banner a:before { margin:0 6px 0 0; }
}


/* SNSボタン */
#footer_sns { position:relative; left:0px; bottom:0px; width:auto; opacity:1; border-top:1px solid #ddd; padding:0; background:none; }
#footer_sns li { display:inline-block; margin:0; }
#footer_sns li a { width:35px; height:50px; }
@media screen and (max-width:800px) {
  body.error404 #footer_sns { display:none; }
}


/* ロゴエリア */
#footer_top > div { padding:60px 30px; }
@media screen and (max-width:1100px) {
  #footer_top > div { padding:40px 30px; }
	#footer_logo { display:none; }
	#footer_logo img { transform:scale(0.8); transform-origin:bottom; }
}
@media screen and (max-width:800px) {
	#footer_top { display:block; margin-bottom:-1px; position:relative; }
  #footer_top > div { padding:40px 20px 35px; width:100%; border-bottom:1px solid #ddd; border-left:none; }
	.footer_menu li { margin:0 0 13px 0; font-size:14px; line-height:1.5; }
	#footer_logo img { transform:scale(1); }
	#footer_logo .logo_image.pc { display:none; }
	#footer_logo .logo_image.mobile { display:block; }
  #footer_top .footer_menu { display:none; }
  #footer_top .footer_menu_mobile { display:block !important; }
	#footer_top .footer_menu a { text-align:center; }
}


/* 住所 */
@media screen and (max-width:1100px) {
	#footer_address { padding:20px 15px 20px 15px; }
#footer_address span {
	padding:0;
	display:block;
	font-size:0.9rem;
	line-height:170%;
	}
	
.f_logo{
	margin-left:calc(50% - 122px);
	width:240px;
	height:auto;
	text-align:center;
	}
	

	
}


/* コピーライト */
@media screen and (max-width:800px) {
  #copyright { height:50px; line-height:50px; }
}


/* ページ上部へ戻るボタン */
body.show_footer_bar #return_top { bottom:65px; }
#return_top { right:15px; bottom:15px; display:block; z-index:200; }
#return_top a { width:50px; height:50px; line-height:50px; border-radius:100%; background:#fff; writing-mode:horizontal-tb; display:block; text-align:center; padding:0; border:1px solid #ddd; }
@media screen and (max-width:800px) {
#return_top a:before {
	content:"PAGE\ATOP";
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	display:block;
	line-height:120%;
	font-size:12px;
	color:#666;
	height:60px;
	transform:rotate(0deg);
	position:absolute;
	top:12px;
	left:1px;
	}

}


#return_top.active { opacity:1; }
#return_top span { display:none; }
@media screen and (max-width:800px) {
	.p-footer-bar + #return_top { bottom:0px; }
	.p-footer-bar + #return_top.active { bottom:68px; }
}



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

ページレイアウト

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



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


/**/

.content_mt{
margin-top:50px;
}

.txtl_catch {
text-align: center !important;
padding: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:600;
font-size:1.5rem;
line-height:1.5;
margin-top:0px;
}

.txtl_catch i{
display:block;
font-weight:200;
margin-top:4px;
font-size:0.8rem;
line-height:1;
font-style:normal;
text-align:center;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.txtl_catch_c {
text-align: center !important;
padding: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:600;
font-size:1.5rem;
line-height:1.5;
margin-top:0px;
}

.txtl_catch_c i{
display:block;
font-weight:200;
margin-top:4px;
font-size:0.8rem;
line-height:1;
font-style:normal;
text-align:center;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.txtl_catch_access {
text-align: center !important;
padding: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:600;
font-size:1.35rem;
line-height:1.5;
margin-top:40px;
}




.txtl_catch_line {
text-align: center !important;

font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:600;
font-size:1.35rem;
line-height:1.5;
margin-top:0px;
position: relative;
padding-bottom:54px;

}

.txtl_catch_line:before {
position: absolute;
top:60px;
left: calc(50% - 17px);
width: 34px;
height: 1px;
content: '';
background: #000;
transform: rotate(90deg);
display:block;
}



.design_content .desc {
line-height:1.8;
margin-top:25px;
}

.design_content .link_button, .design_content_f .link_button {
margin:0 auto;
margin-top:35px;
width:60%;
text-align: center;
}


.design_button {
display: inline-block;
width: 100%;
max-width: 350px; /* ボタン幅 */
color: #31AB39; /* 文字色 */
border: 1px solid #31AB39; /* 線幅・種類・色 */
background: #fff; /* 背景色 */
padding: 0.8em 1em;
font-weight: bold; /* 文字の太さ */
text-decoration: none;
text-align: center;
transition: 0.3s;
}

.design_button:hover {
color: #fff; /* 文字色 */
background: #31AB39; /* 背景色 */
}
.design_content .bt_more, .design_content_f .bt_more{
width:100%;
padding-top:6px;
text-align:right;
display:block;
line-height:100%;
font-size:0.75rem;
letter-spacing:0.1rem;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , 
}

.bnn_box_safety{
width:100%;
background:#ddd url(/img/bg_safety.jpg) no-repeat center center;
background-size:cover;
padding:60px 0 60px 0;
margin-top:20px
}

.bnn_box_safety p{
text-align:center;
color:#fff;
font-size:1.7rem;
line-height:150%;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , f;
font-weight:600;
}

.bnn_box_technology{
width:100%;
background:#ddd url(/img/bg_about.jpg) no-repeat center center;
background-size:cover;
padding:60px 0px 60px 0px;
margin-top:20px
}

.bnn_box_technology p{
text-align:center;
color:#fff;
font-size:1.7rem;
line-height:150%;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , f;
font-weight:600;
}


.bnn_box_technology2{
width:100%;
background:#ddd url(/img/bg_about.jpg) no-repeat center center;
background-size:cover;
padding:20px 15px 20px 15px;
margin-top:20px
}

.bnn_box_technology2 p{
text-align:center;
color:#fff;
font-size:1.7rem;
line-height:150%;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , f;
font-weight:600;
}



.bnn_box_technology_p {
margin-top:7px;
font-size:1rem!important
}


.bnn_box_product{
width:100%;
display: flex;
margin-top:30px;
}
.bnn_box_product>div{
width: 50%;
background: #FFF;
}

.bnn_box_product>div:first-child {
border-right:solid 1px #ccc;
}

.bnn_box_product>div img{
width: 100%;
height:auto;
}
.bnn_box_product > div > h3{
font-size:1rem;
color:#2AA738;
margin-top:15px;
text-align:center;
}

.bnn_box_product > div > p{
font-size:0.85rem;
line-height:155%;
padding:15px 15px 15px 15px;
font-weight:400;
text-align:left;
}


/**/
.bnn_box_service{
width:100%;
display:block;
margin-top:40px;
}
.bnn_box_service>div{
width: 100%;
background: #FFF;
padding-right:1px;
margin-top:80px;
}

.bnn_box_service>div:first-child {
border-right:none;
margin-top:0px;

}

.bnn_box_service>div img{
width: 100%;
height:auto;

}
.bnn_box_service > div > h3{
font-size:1.45rem;
color:#2AA738;
margin-top:30px;
margin-bottom:30px;
text-align:center;
;
}

.bnn_box_service > div > p{
font-size:1rem;
line-height:155%;
padding:15px 15px 15px 15px;
font-weight:400;
text-align:center;
}


.list3 {
    position: relative;
    width: 94%;
    margin: 0 auto;
    margin-top: 30px;
				padding:0px 15px 20px 15px;
    border: solid 4px #E8E8E8;
    border-radius: 5px;
}


.list3 ul li {
    list-style: none;
    line-height: 140%;
    margin: 3px 0px 5px 0px;
    width: 100%;
    float:none;
    padding-left: 1.1em;
    text-indent: -1.3em;
}


/**/



.bnn_box_result{
width:100%;
display: flex;
flex-wrap: wrap;
padding:0 15px 0 15px;
margin-top:10px;
}
.bnn_box_result > div{
width: calc(50% - 10px); 
margin:5px;
padding:0px;

}

.bnn_box_result > div img{
width: 100%;
height:auto;
}
.bnn_box_result > div > h3{
font-size:1rem;
color:#2AA738;
margin-top:15px;
text-align:center;
}

.bnn_box_result > div > p{
font-size:0.85rem;
text-align:center;
line-height:155%;
padding:7px;
font-weight:600;
color:#111;
}



.topics_box{
width:100%;
margin-top:30px
}

.topics_box ul{
width:100%;
border-top:solid 1px #CCC;
}

.topics_box ul li{
width:100%;
line-height:150%;
padding:20px 15px 20px 15px;
border-bottom:solid 1px #CCC;
font-size:0.9rem;
}

.topics_box ul li .up_ymd{
display:block;
width:100%;
color:#999;
font-size:0.8rem;
}

.map_route{
width:100%;
padding:0 0px 0 0px;
}

.map_route h3{
width:100%;
margin-top:18px;
font-weight:normal;
line-height:170%;

}
.map_route p {
width: 100%;
margin-top: 8px;
line-height: 150%;
font-size: 0.9rem;
padding: 0px 0 0 0px;
}
.access_base {
    margin: 13px 0 0 -9px;
}
.indent{
display:block;
padding-left: 1em;
text-indent: -1em;
}

.nmt3 {
    margin-top: 1px !important;
}



.design_content{
width:100%;
padding:0 20px 30px 20px;
display:block;

}

.design_content_f{
width:100%;
padding:30px 0px 30px 0px;
display:block;

}


.company_photo{
margin-top:30px;
}


#sample-map{
margin-top:10px;
}



@keyframes infinity-scroll-left {
from {
transform: translateX(0);
margin-bottom:-3px;
}
to {
transform: translateX(-100%);
}
}




.scroll-infinity{
margin-top:0px;
}

.scroll-infinity__wrap {
display: flex;
overflow: hidden;
margin-top:0px;
}
.scroll-infinity__list {
display: flex;
list-style: none;
padding: 0
}
.scroll-infinity__list--left {
animation: infinity-scroll-left 70s infinite linear 0.5s both;
}
.scroll-infinity__item {
width: calc(100vw / 2.5);
}
.scroll-infinity__item>img {
width: 100%;
}



.gmap {
position: relative;
width: 100%;
height: 0;
margin-top:20px;
padding-top: 55%; /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.gmap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
.gmap iframe{
filter: grayscale(95%);
-webkit-filter: grayscale(95%);
transition: 0.7s;
}
iframe:hover{
filter: none;
-webkit-filter: none;
}

*/

.company_photo{
width:100%;
overflow:hidden;
}

.company_photo_l{
width:100%;
float:none;
padding-right:0px;
}

.company_photo_r{
display:none;
}






.home_cachi{
	display:block;
	width:100%;
	padding: 18px 18px 0px 18px;
	}




.swiper-container {
display:block;
margin-top:40px;
position: relative; /* ← swiper.cssに含まれています */

}

.swiper-container:before {
content: "";
display: block;
padding-top: calc(9/16*1.1%); /* 縦/横*100の値を書く */
}

.swiper-wrapper {
position: absolute; /* ← swiper.cssと優先順位が干渉するときは工夫してください */
top: 0;
left: 0;
}

.swiper-wrapper img {
width: 100%;
height: auto;
}

@keyframes zoomUp {
0% {
transform: scale(1.3);
}
100% {
transform: scale(1.1);
}
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
animation: zoomUp 5s linear 0s 1 normal both;  
}

//imgタグだと下に隙間ができるのでblockに。
.slide-img img{
display: block;
}

/**/
.s-right-wrap {
position: relative;

margin: 0 auto;
}
.s-right-text {
position: absolute;
left: 0;
right: 0;
margin: auto;

width: 240px;
text-align: center;
color: white;
font-size: 5vw;
}

.swiper-slide-active .s-right-text {
animation: slideFromRight 4.5s ease 0s 1 normal;
}

@keyframes slideFromRight {
0%, 5% {
transform: translateY(25px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}




/**/

.content_mt_l {
margin-top: 50px;
}


.about_box {
width: 100%;
display:block;
margin-top: 40px;

}
.about_box > div {
width: 100%;
background: #FFF;
padding:0px 0px 0px 00px;
}

.about_box > div:first-child{
width:100%;
background: #FFF;
padding:0px 00px 0px 0px;
}


.center_img{
display:none;

}



.access_box {
width: 100%;
display:block;
margin-top: 15px;

}
.access_box > div {
width: 100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:none;
}

.access_box > div:first-child{
width: 100%;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}


.bg_color_gre02 {
width: 100%;
padding: 0px 0 0px 0;
background-color: #EEF9E6;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.map_hr {
    border-top: 1px dashed #ccc;
	margin-top:20px!important;
}

.swiper-pagination {

position: absolute!important;
left: calc(50% - 32px)!important;
margin-top:-30px;

}




.messag_box{
	width:100%;
	margin:0 auto;
	margin-top:40px;
	}
	
.director_name{
	text-align:left;
	margin-top:10px;
	}

.company_overview{
width:100%;
margin-top:40px;
}

.company_overview dl {
width: 100%;
margin: 0 auto;

}

.company_overview dt {
float: left;
width: 100%;
padding-top: 30px;
padding-left: 0px;
font-size: 1rem;
font-weight:600;
line-height:160%;
}


.company_overview dd {
padding-top: 65px;
padding-bottom: 30px;
padding-left: 0px;
border-bottom: 1px dotted #999999;
font-size: 1rem;
line-height:160%;
}


.company_list ul li {
line-height: 150%;
padding-left: 13px;
position: relative;
margin-bottom:6px;
}

.content_header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.content_header .content_header_title{
width: 100%;
line-height: 150%;
font-size: 1.5rem;
text-align:center;
font-weight: 600;
margin: 0 !important;
font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


.content_header .txt_content {
width: 60%;
margin:0 auto;
margin-top:30px;
padding-right: 0px

}


.page_catch {
    /*width: calc(100% + 2px);*/
				width:100%;
    margin: 0px;
    height: 165px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
				margin-top:55px;
}



.page_catch .page_catch_direction {
    display: inline-block;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 300;
    letter-spacing: 0.01em;
}


.content02_header .content02_header_title {
    width: 100%;
    line-height: 165%;
    font-size: 1.5rem;
    font-weight: 600;
				text-align:center;
}

.content02_header .txt02_content {
    width: 90%;
				margin:0 auto;
				margin-top:40px;
}


table.tabl_recruit th {
    width: 100%;
				display:block;

}



table.tabl_recruit th{
    border-radius: 5px 5px 0px 0px;
    text-align:center;
    padding: 20px 30px 20px 30px;
}
table.tabl_recruit td {
    border-radius: 0px 0px 5px 5px;
    text-align: left;
    padding: 20px 30px 20px 30px;
}
table.tabl_recruit td {
    width: 100%;
				margin-top:0px;
				margin-bottom:6px;
 display:block;
}

table.tabl_recruit td {
    text-align: left;
    padding: 20px 30px 20px 30px;
}

.recruit_flow_box {
    width: 75%;
    margin: 0 auto;
    margin-top: 40px;
}

.bnn_box_recruit {
    width: 100%;
    background: #ddd url(/img/bg_recruit.jpg) no-repeat center center;
    background-size: cover;
    padding: 30px 0 30px 0;
    margin-top: 70px;
}
.bnn_box_recruit p {
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    line-height: 160%;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , f;
    font-weight: 600;
}

.philosophy_top_l,.philosophy_top_r {
    width: 100%;
    padding: 10px;
    float:none;
				text-align:center
}

.philosophy_top p {
    padding: 7px 0 0 0;
				line-height:190%;
}

.philosophy_catch_sab {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 30px;
				line-height:160%;
}

.philosophy_declaration h3 {
    position: relative;
    display: inline-block;
    padding: 0 105px;
    color: #2BA739;
    font-size: 1.8rem;
    font-weight: normal;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.philosophy_declaration h3 {
    position: relative;
    display: inline-block;
    padding: 0 45px;
    color: #2BA739;
    font-size: 1.8rem;
    font-weight: normal;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.philosophy_catch_sab2 {
    font-size: 1.5rem;
    text-align: center;
    margin-top: 30px;
				line-height:160%;
}

.philosophy_declaration h3:before, .philosophy_declaration h3:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 35px;
    height: 1px;
    background-color: #2BA739;
}

.philosophy_declaration h3 img {
    width: 160px;
    height: auto;
}


table.contact_from{
border-collapse: collapse;	border-spacing: 0;
width: 100%;
margin-bottom: 30px;
margin:0 auto;
margin-top:30px;
border-top:solid 3px #999;
}
table.contact_from02{
border-collapse: collapse;	border-spacing: 0;
width: 100%;
margin-bottom: 30px;
margin:0 auto;
margin-top:30px;
border-top:solid 3px #999;
}

.txt_pdd{
padding:0 14px 0 14px;
}

.contact_from th	{
display:block;
width: 100%;
	border-bottom: 2px solid #1D5C79;
}
.contact_from td	{
padding: 30px 12px 30px 12px;
color: #1D5C79;
font-size:0.9em;
border-bottom: 1px solid #DDD;
display:block;
width: 100%;
box-sizing: border-box;
text-align:left;
}
.contact_from td p{
text-align:left;
font-size:1.15rem;
margin-bottom:10px;
}

table .tdl{
	border-right:none;
}

.toggle_title {
    position: relative;
    padding: 15px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    color: #333;
    background-color: #F3F3F3;
}

.toggle_btn {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: #2AA738;
    display: block;
    width: 18px;
    height: 18px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 50%;
}

.policy{
	padding:0px 5px 20px 5px;
	color:#333;
	}



/*--------------------------------------
  モーダル表示
--------------------------------------*/

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.7);
}

.modal-content {
  margin: 50% auto;
  width: 90%;
  animation-name: modalopen;
  animation-duration: 1s;
}


.service_box .service_box_inner {
    padding: 17px 15px 20px 15px;
    width: 100%;
    background-color: #F4EFEB;
				margin-top:20px;
}

.philosophy_catch_sab {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 20px;
    line-height: 160%;
}

.txtl_catch_c_cabit {
    text-align: center !important;
    padding: 0 !important;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-top: 0px;
}

.txtl_catch_c_card {
    text-align: center !important;
    padding: 0 !important;
    font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight: 900;
    font-size: 1.55rem;
    line-height: 1.5;
    margin-top: 32px;
}

.feature_description_box {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    margin: 10px 0 10px 0px;
    background: transparent url(/img/feature_description_bg.png) no-repeat scroll right top;
    background-color: #fff;
    display: table;
}
.storage_example_box {
    width: 49%;
    background-color: #fff;
    padding: 30px 20px 30px 20px;
    text-align: center;
    margin: 10px 0 10px 0px;
    background-color: #F8FEF8;
    display: table;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.overview_img_box_img {
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
}


.control_box .control_box_inner {
    padding: 17px 15px 20px 15px;
    width: 99%;
    background-color: #F4EFEB;
				margin-top: 20px;
}
.control_box_inner ul li {
    list-style: none;
    line-height: 140%;
    margin: 3px 0px 3px 10px;
    width: 100%;
    float: left;
    padding-left: 1.3em;
    text-indent: -1.3em;
}


.service_box_inner ul li {
    list-style: none;
    line-height: 140%;
    margin: 3px 0px 3px 10px;
    width: 100%;
    float: left;
    padding-left: 1.3em;
    text-indent: -1.3em;
}

.about_box {
    width: 100%;
    display: block;
    margin-top: 20px;
}

.about_box2 {
    width: 100%;
    display: block;
    margin-top: 20px;
				display: flex;
				flex-direction: column;
}
.about_box2 > div {
    width: 100%;
    background: none;
    padding: 0px 0px 0px 0px;order: 1;
}

.about_box2 > div:first-child {
    width: 100%;
    background: none;
    padding: 0px 0px 0px 0px;
				order: 2;
}


.sitemap-container > .col {
    margin: 0 5px;
    width: 100%;
}


.access_gmap {
    position: relative;
    width: 100%;
    height: 0;
    margin-top: 40px;
    padding-top: 85%;
}

.topics_box {
    width: 95%;
				margin:0 auto;
    margin-top: 30px;
}
.whatsnew dl{
	width:90%;
	margin:0 auto;
	}

.overview_box h3 {
    font-weight: bold;
    padding: 0 3em;
    width: fit-content;
    margin: 0 auto;
    font-size: 1.4rem;
    text-align: center;
    position: relative;
    margin-top: 65px;
				line-height:140%;
}
.overview_box h3::before, .overview_box h3::after {
  content: '';
  background: #2AA738;
  width: 2.5em;
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.overview_box h3::before {
  left: 0;
}
.overview_box h3::after {
  right: 0;
}

.modal-inner {
position: absolute;
top: 22%;
bottom: 0%;
left: 0;
right: 0;
margin: auto;
overflow-y: auto;
width: 97%;
height:auto;
padding: 0px 0px; 
}

.modal-inner-header {
    margin-bottom: 45px;
}


.from_input_zip {
    width: 40%!important;
    border-right: solid 1px #DDD;
}



.use_example {
    width: 94%;
    padding: 20px 10px;
    text-align: center;
				margin:0 auto;
}


.js-scrollable-wrap {
white-space: nowrap;
}
.js-scrollable {
word-break: break-all;
table-layout: fixed;
display: block;
overflow: scroll;
}


.tabl_own_products th {
background-color: #DCE9DC;
color: #162316;
border: solid 1px #9ABC9A;
vertical-align: middle;
width:30%!important;
}

.tabl_own_products th {
	width:70%;
	}

.warning_action{

border-collapse: separate;
border-spacing: 5px;
margin-top: 40px;
	}
.warning_action tr {
width:100%;
}

.warning_action th {
background-color: #DCE9DC;
color: #162316;
border: solid 1px #9ABC9A;
vertical-align: middle;
padding:20px 10px 20px  10px;
}

.warning_actiontd {
background-color: #F2F2F2;
border: solid 1px #CCCCCC;
vertical-align: middle;
line-height:150%;
text-align:center;
padding:15px 12px 15px 12px;
}



table.support_table_exp{
	margin-top:14px;
border-collapse:  collapse;
text-align:left;
margin-top:8px;
margin-bottom:-50px;
padding:0px 0px 50px 0px;
}

table.support_table_exp th{
	width:5%;
	padding:0 0 0 1%;
	font-weight:normal;
	}
table.support_table_exp td{
	line-height:150%;
	padding:0 0 0 2%;
	}




/**/

.js-scrollable{

border-collapse: separate;

	}
.js-scrollable tr {
width:100%;
}

.js-scrollable th {

}

.js-scrollable td {

}


/**/

}