/* ---------------------------------
   スマホ用メディアクエリ
   768px 以下をスマホ扱い
--------------------------------- */
@media (max-width: 768px) {
/* 編集エリアここから */

/* トップページ */
body * {
	max-width: 100%;
	height: auto;
	float: none !important;
}

body .page_wrapper_top ,
body .tile_position ,
body .contents_top {
	margin: auto;
	padding: 16px 0;
	box-sizing: border-box;
	position: unset;
}

.page_wrapper_top {
	display: flex;
	flex-wrap: wrap;
}

.leftmenu_top > img {
	width: 100%;
	height: auto;
}

.leftmenu_top {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.leftmenu_top p {
	width: 50%;
	margin: 0;
	padding: 16px 0;
	border-bottom: 1px solid white;
}

.leftmenu_top p.icon_top02 {
	text-align: left;
}

.contents_top {
	display: contents
}

.flash_top ,
.index_nav {
	height: auto;
}

.index_nav {
	padding: 0;
	position: unset;
}

.nav02 {
	display: flex;
	flex-wrap: wrap;
}

.nav02 li {
	text-align: center;
	margin-top: 8px;
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
}

.block_left ,
.block_right {
	margin: auto;
}

p.tile02 ,
p.tile03 ,
p.tile04 ,
p.tile05 {
	margin-left: -10px
}

p.tile01 a ,
p.tile02 a ,
p.tile03 a ,
p.tile04 a ,
p.tile05 a ,
p.tile06 a ,
p.tile07 a ,
p.tile08 a ,
p.tile09 a {
	color: white;
}

p.tile01 {
	height: 220px;
}

p.tile01 a {
	background-size: 100% 205px;
	height: 0;
	margin: auto;
	padding: 100px 0 0 0;
}

p.tile01 a:hover {
	background-size: 100% 205px;
	height: 0;
	padding: 100px 0 0 0;
}

.news-box {
	width: auto;
}

.page_wrapper_top .footer {
	order: 1;
}

.flash_top {
	order: 2;
	display: none;
}

.leftmenu_top {
	order: 3;
	display: none;
}

.index_nav {
	order: 4;
}

.tile_position {
	order: 5;
}


/* 会社概要 */

.page_wrapper {
	display: flex;
	flex-wrap: wrap;
}

.flash_top03 {
	order: 1;
	height: auto;
}

.left_menu_main {
	order: 3;
}

.contents_main {
	order: 2;
}

.footer {
	order: 4;
}

.flash_top03 .nav02 li:first-child  {
	width: 100%;
}

.page_wrapper ,
.left_menu_main ,
p.sub_menu01 ,
p.sub_menu01 a ,
p.sub_menu01 a:hover ,
p.sub_menu_now ,
p.sub_menu_now02 ,
p.sub_menu02 ,
p.sub_menu02 a ,
p.sub_menu02 a:hover {
	background: none;
}

p.sub_menu_now ,
p.sub_menu_now02 {
	display: none;
	width: 100%;
	font-size: 20px;
	padding: 8px 0;
	background: white;
}

.left_menu_main {
	width: 100%;
	height: auto;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	background: linear-gradient(90deg, rgb(0, 128, 203), rgb(25, 34, 137));
}

p.sub_menu01 ,
p.sub_menu02 {
	font-size: 13px;
	width: 50%;
	padding: 4px;
	box-sizing: border-box;
}

p.sub_menu01 a ,
p.sub_menu02 a {
	width: auto;
	border: 2px solid #fff002;
	border-radius: 15px;
}

p.main_text_pro {
	margin: 8px 16px;
	padding: 0;
}

.img_left {
	display: block;
	margin: auto;
}

/* 施工実績 */

.nav02+img {
	padding: 8px 0;
}

.ichiran .nav02 li:first-child {
	width: 100%;
}

p.tadashi {
	display: none;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
}

#ex_g {
	width : 50% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 2) ;
	width : calc(100% / 2) ;
	height: auto;
	box-sizing: border-box;
	text-align: center;
}

#numbering {
	font-size: 10px;
}

/* 編集エリアここまで */
}

.footer {
	display: block;
	margin: auto;
	text-align: center;
}