@charset "utf-8";

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

/* ==================================================
Base-Layout
================================================== */
/* body
================================================== */
body {
	-webkit-text-size-adjust:none;
	font-size:87.5%;
}
/* wrapper
================================================== */
#tmp_wrapper {
	width:auto;
	min-width:320px;
	padding:4px;
	box-sizing: border-box;
}
#tmp_wrapper2 {
	padding-top:14px;
	background-color: #ffffff;
	color: #222222;
}
#tmp_wrap_header,
#tmp_wrap_main,
#tmp_footer {
	width:100%;
}
/* contents
================================================== */
#tmp_contents,
#tmp_maincontents {
	word-wrap:break-word;
}
#tmp_wrap_main {
	padding:0 6px 30px;
}
.format_top #tmp_wrap_main {
	padding:0 6px 60px;
}
/* free
================================================== */
.format_free .wrap_col_rgt_navi {
	float:none;
	width:100%;
}
.format_free .column_rnavi .wrap_col_main {
	margin-right:0;
	float:none;
}
.format_free .column_rnavi .col_main {
	margin-right:0;
}
/* 下線を引く */
#tmp_means ul li a,
#tmp_subsite_link a,
.fnavi li a {
    position: static;
	overflow:visible;
}
#tmp_means ul li a::before,
#tmp_subsite_link a::before,
.fnavi li a::before {
	display:none;
}
/* ==================================================
header
================================================== */
#tmp_wrap_header {
	padding-top:0;
}
#tmp_header {
	position:relative;
	padding:0;
	z-index: 9999;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#tmp_hlogo {
	float:none;
	padding:4px 9px;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	display:inline-block;
	width:200px;
	height:42px;
	-webkit-background-size:200px auto;
	-moz-background-size:200px auto;
	background-size:200px auto;
}
#tmp_hlogo a,
#tmp_hlogo h1 span,
#tmp_hlogo p span {
	width:200px;
	height:42px;
}
#tmp_header .header_rght {
	display:none;
}
/* sp_menu
================================================== */
#tmp_switch_sp_style {
	display: none;
}
.spmenu_open {
	position:absolute;
	width: 100%;
	min-height: 100%;
    z-index: 9999;
    background: #ffffff;
    color: #222222;
    position: absolute;
}
.spmenu_open::before {
	content:"";
	min-height: 100%;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.5);
	z-index:699;
	cursor:pointer;
}
#tmp_sma_menu {
    display: block;
}
#tmp_sma_menu .wrap_sma_sch {
    display: none;
    position: absolute;
    left: 0;
    color: #ffffff;
    background-color: #004d96;
    width: 100%;
    z-index: 9999;
}
#tmp_sma_menu .sma_sch {
	padding:13px 5px;
}
/* close_btn */
#tmp_sma_menu .close_btn {
	margin:0;
	text-align:center;
}
#tmp_sma_menu .close_btn a {
	display:block;
	border:1px solid #3267b3;
	background-color:#3267b3;
	color:#ffffff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#tmp_sma_menu .close_btn span {
	display:inline-block;
	padding:2px 0 2px 24px;
	background:url(/shared/site_bosai/images/icon/icon_close.png) no-repeat left center;
	-webkit-background-size:19px auto;
	-moz-background-size:19px auto;
	background-size:19px auto;
}
/* hnavi_s */
#tmp_hnavi_s {
	display: block;
	list-style:none;
	font-weight: bold;
}
#tmp_hnavi_s li a {
	display: block;
	width: 50px;
	height: 46px;
	padding: 25px 0 0;
	text-align: center;
	font-size: 64.3%;
	color:#000000;
	background-color:#fddf0d;
	text-decoration: none;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
#tmp_hnavi_s li a.active {
	height:48px;
	background-color: #004d96;
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
}
#tmp_hnavi_rmenu {
	position: absolute;
	right:5px;
	top:4px;
}
#tmp_hnavi_rmenu a {
	background:url(/shared/site_bosai/images/icon/icon_menu.png) no-repeat center 6px;
	-webkit-background-size: 30px 20px;
	-moz-background-size: 30px 20px;
	background-size: 30px 20px;
}
#tmp_hnavi_rmenu a.active {
	padding: 28px 0 0;
	color: #ffffff;
	background: url(/shared/site_bosai/images/icon/icon_close.png) no-repeat center 6px;
	-webkit-background-size: 19px 19px;
	-moz-background-size: 19px 19px;
	background-size: 19px 19px;
}
#tmp_hnavi_s li a .txt_block {
	display: block;
	line-height: 0.4;
}
#tmp_hnavi_s li a.active .txt_block {
	display: none;
}
/* search */
#tmp_sma_search {
	width:100%;
	font-size: 100%;
	background-color:#ffffff;
	color:#222222;
	position:relative;
	margin:0 0 13px;
	padding:0;
	border:none;
	float:none;
}
#tmp_sma_search .wrap_sch_box {
    width: 100%;
    padding:0 65px 0 30px;
}
#tmp_sma_search .wrap_sch_box .sch_ttl {
	float:none;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
#tmp_sma_search .wrap_sch_box .sch_ttl label {
	width:30px;
	height:35px;
	background:url(/shared/site_bosai/images/icon/sch_icon.png) no-repeat center center;
	-webkit-background-size: 15px auto;
	-moz-background-size: 15px auto;
	background-size: 15px auto;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	white-space:nowrap;
}
#tmp_sma_search .wrap_sch_box .sch_box {
	float:none;
	width:auto;
}
#tmp_sma_query {
	border:none;
	padding-left:0;
}
#tmp_sma_search .wrap_sch_box .sch_btn {
	position:absolute;
	top:0;
	right:0;
	width:65px;
}
#tmp_sma_func_sch_btn {
	font-size:78.6%;
	width:65px;
	background-color:#d7d7d7;
	color:#222222;
    letter-spacing:10px;
    text-indent:10px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#tmp_sma_func_sch_btn:hover,
#tmp_sma_func_sch_btn:focus {
    background-color: #d7d7d7;
}
/* means */
#tmp_setting_wrap,
#tmp_means,
#tmp_means ul,
#tmp_search,
#tmp_subsite_link {
	float:none;
}
#tmp_subsite_link {
	font-size:128.6%;
	padding:3px;
	margin:0 0 22px;
	text-align:center;
	background-color:#ffffff;
	color:#222222;
	clear:both;
}
#tmp_subsite_link a {
	display:block;
	padding:10px 5px;
	border:1px solid #19428c;
}
#tmp_means {
	clear: both;
	margin-bottom:20px;
}
#tmp_means ul {
	margin:0;
	padding:0;
}
#tmp_means ul li {
	width:100%;
	margin:0 0 5px;
	padding:0;
	border:none;
	float: none;
}
#tmp_means ul li a {
	background-color:#ffffff;
	color:#222222;
	padding:10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#tmp_means ul li span {
	display:inline-block;
}
/* gnavi
================================================== */
#tmp_wrapper2 .gnavi {
	float:none;
	width:auto;
	padding:0 5px;
	margin:0 0 15px;
}
#tmp_wrapper2 .gnavi ul {
	font-size:100%;
}
#tmp_wrapper2 .gnavi ul li {
	width:33.3%;
	width:calc(100% / 3);
}
#tmp_wrapper2 .gnavi a {
	padding:3px 20px 3px 10px;
	background-position:right 8px center;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	background-size:12px auto;
}
#tmp_sma_menu .gnavi {
	float:none;
	width:auto;
	padding:0;
	margin:0 -5px 15px;
}
#tmp_sma_menu .gnavi ul {
	font-size:100%;
	border-left:none;
}
#tmp_sma_menu .gnavi ul li {
	float:none;
	width:100%;
	padding:0;
}
#tmp_sma_menu .gnavi ul li a {
	padding:15px 40px 15px 15px;
	text-align:left;
	background-color:#ffffff;
	border-right:none;
	border-bottom:2px solid #fddf0d;
	background-position:right 15px center;
}
/* social_plugins
================================================== */
#tmp_social_plugins {
    margin-bottom:10px;
}
#tmp_social_plugins .social_media_btn.facebook_btn {
    margin-left:0;
}
#tmp_social_plugins {
    margin-right:0;
}
#tmp_custom_update {
	float: none;
	font-size: 100%;
	text-align: inherit;
}
#tmp_wrap_custom_update {
	margin:0;
	padding:0 0 60px;
}
#tmp_update {
	float: right;
	font-size: 100%;
}
/* pankuzu
================================================== */
#tmp_pankuzu {
	padding:10px 8px;
	margin:0 0 8px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.format_top #tmp_pankuzu {
	margin-bottom:20px;
}
/* inquiry
============================== */
#tmp_inquiry_ttl {
	font-size: 142.8%;
}
#tmp_inquiry_cnt {
    padding: 16px 20px 10px;
}
#tmp_inquiry_cnt .inquiry_parts .btn .inquiry_btn {
	width: 185px;
    min-height: 30px;
    padding: 4px 5px;
}
/* lnavi
================================================== */
#tmp_lnavi_ttl {
	font-size:143%;
}
#tmp_lnavi_ttl a {
	padding:18px 40px 14px 13px;
	background-position:97% 18px;
}
/* rel_link
================================================== */
.rel_link_ttl {
	font-size:128.6%;
}
/* plugin
================================================== */
.plugin {
	display:none; /* do not edit */
}
/* 地図設定 ▼変更しない
============================== */
#tmp_box_gmap {
    margin-bottom: 30px;
}
#tmp_box_gmap .box_gmap_cnt {
    margin: 20px 20px 10px;
}
#tmp_box_gmap .box_gmap_cnt a {
    padding: 5px 10px;
}
#tmp_box_gmap .box_gmap_cnt a span {
    min-height: 28px;
    font-size: 100%;
    padding: 8px 0 8px 40px;
    background: url(/shared/images/icon/gmap_icon.png) no-repeat left center;
	background-size: auto 25px;
}
/* model_change
================================================== */
.wrap_mc_pc,
.wrap_mc_pc #tmp_switch_pc_style {
	display: block;
}
.wrap_mc_pc {
	clear:both;
	margin:0 0 10px;
}
.wrap_mc_pc #tmp_switch_pc_style {
	text-decoration:none;
	color:#222222;
	background-color:#ededed;
	text-align:center;
	padding:10px 5px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.wrap_mc_pc #tmp_switch_pc_style span {
	display:inline-block;
	padding:2px 0 2px 22px;
	background:url(/shared/site_bosai/images/icon/pc_icon.png) no-repeat left center;
	-webkit-background-size:16px auto;
	-moz-background-size:16px auto;
	background-size:16px auto;
}
/* ==================================================
footer
================================================== */
#tmp_footer {
	padding:20px 13px;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:0;
}
/* pnavi  */
#tmp_footer .pnavi {
	right:17px;
	top:-47px;
}
#tmp_footer .pnavi .ptop,
#tmp_footer .pnavi .ptop a,
#tmp_footer .pnavi .ptop span {
	width:65px;
	height:65px;
}
#tmp_footer .pnavi .ptop a {
	-webkit-background-size:65px auto;
	-moz-background-size:65px auto;
	background-size:65px auto;
}
/* fnavi */
.fnavi {
	margin-bottom:15px;
	font-size:85.7%;
}
.fnavi li {
	margin:0 0 5px;
	float:none;
	background-position:left 0.5em;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	background-size:12px auto;
	padding:4px 0 4px 18px;
}
.footer_add,
.footer_cnt .corporate {
	margin-bottom:15px;
	font-size:85.7%;
}
#tmp_footer .foot_title {
	font-size:133.3%;
}
.footer_cnt .corporate,
.footer_cnt .copyright {
	float:none;
}
.footer_cnt .copyright {
	font-size:85.7%;
}
.footer_add .foot_number span {
	margin:0;
	display:block;
}
/* ==================================================
emergency
================================================== */
#tmp_emergency {
	margin-bottom:20px;
	padding:2px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
#tmp_emergency_ttl {
	background-size:20px auto;
	background-position:25px 8px;
	padding-left:50px;
}
#tmp_emergency_ttl::before {
	width:20px;
	height:2px;
}
#tmp_emergency_ttl h2 {
	font-size:135.7%;
}
#tmp_emergency_cnt {
	font-size:92.8%;
	padding:12px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
/* ==================================================
class
================================================== */

/* float ▼Do not edit
================================================== */
.float_lft,
.float_rgt {
	float:none;
	margin-left:0 !important;
	margin-right:0 !important;
}
/* youtube ▼Do not edit
================================================== */
#tmp_contents .frame_youtube,
#tmp_contents .frame_ustream {
	position:relative;
	display:block;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	min-width:200px;
}
#tmp_contents .frame_youtube object,
#tmp_contents .frame_ustream object,
#tmp_contents .frame_youtube iframe,
#tmp_contents .frame_ustream iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* ==================================================
parts
================================================== */
/* parts ▼Do not edit
============================== */
div.col2 div.col2L,
div.col3 div.col3L,
div.col3 div.col3M,
div.col2 div.col2 div.col2L,
div.fixed_col2 div.fixed_col2L {
	width:100%;
	margin-right:0;
	display: block;
	float:none;
	clear:both;
}
div.col2 div.col2R,
div.col3 div.col3R,
div.col2 div.col2 div.col2R,
div.fixed_col2 div.fixed_col2R {
	width:100%;
	display: block;
	float:none;
	clear:both;
}
#tmp_contents div.col3 ul,
#tmp_contents div.col2 ul {
	margin-bottom:0;
}
div.img_cap {
	width:auto !important;
}
#tmp_contents img {
	max-width:100%;
	height:auto;
}
#tmp_contents ul,
#tmp_contents ol {
	margin-left:22px;
}
#tmp_contents table {
	width:auto;
}
#tmp_contents table table {
	max-width:100%;
}
#tmp_contents table th,
#tmp_contents table td {
	width:auto;
}
#tmp_contents table.gsc-search-box td.gsc-input {
	width:100% !important;
}
#tmp_contents input[type="text"],
#tmp_contents textarea {
	width:100% !important;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;/* Webkit */
}

/* Scroll Table
================================================== */
.scroll_table {
	overflow-x:auto;
	margin-bottom:10px;
	padding:23px 5px 5px;
	background:#F5F5F5 url(/shared/images/icon/scroll_table_icon.png) right 5px no-repeat;
	background-size:75px 15px;
}
.scroll_table {
	overflow-x:scroll;
}
.scroll_table_switch {
	text-align:right;
	margin:0 0 10px;
	font-size:75%;
	line-height:1.2;
}
.scroll_table_switch a {
	border:1px solid #CCCCCC;
	color:#333333;
	display:inline-block;
	padding:8px 10px 8px 70px;
	text-decoration:none;
	background:#f1f4f7 url(/shared/images/icon/scroll_table_ex.png) 10px center no-repeat;
	background-size:46px 20px;
	box-shadow:0 2px 0 0 #91918E;
	min-width:9em;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.scroll_table_switch a.scroll {
	background:#ffffff url(/shared/images/icon/scroll_table_df.png) 10px center no-repeat;
	background-size:46px 20px;
}
.scroll_table::-webkit-scrollbar{
 height: 5px;
}
.scroll_table::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll_table::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
/* ==================================================
clearfix
================================================== */
#tmp_means:after
#tmp_means ul:after
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* Do not edit */
	display: table; /* Do not edit */
	clear: both; /* Do not edit */
}
/* ==================================================
スマートフォンプレビューの対応について、2段組、3段組の段組み解除
================================================== */

}