/*
Theme Name: Lightning
Theme URI: https://lightning.nagoya
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version:9.0.7
Tags: two-columns, one-column, right-sidebar, custom-colors, custom-menu, editor-style, E-Commerce
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lightning

Lightning WordPress theme, Copyright (C) 2015-2019 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.
*/

.side_sample { width:100%; background-color:#eee; height:300px; }
.f_text { font-size:12px; padding:0; margin:0 0 8px 0; }
.f_bnr { text-align:center; margin-bottom:20px; }
.con_box { overflow:hidden; margin-bottom:50px; }
a #top_service { float:left; width:49%; background-image:url(https://total-service-0221.com/wp-content/uploads/2020/03/bg_service.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; margin:0; padding:0; font-size:22px; text-align:center; color:#fff; }
a #top_company { float:right; width:49%; background-image:url(https://total-service-0221.com/wp-content/uploads/2020/03/bg_company.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; margin:0; padding:0; font-size:22px; text-align:center; color:#fff; }
.bg_black_a { background-color: rgb(0,0,0,0.4); padding:42px 0; }
a #top_service p,a #top_company p { margin:0; padding:0; }
#top_news { width:74%; margin:auto auto; }
#top_news h3 { text-align:center; }
.gaiyou { text-align:center; }
.f_bold { font-weight:bold; }
.g_maps { width:100%; height:450px; }
img.img_left { float:left; margin:0; padding:0 20px 20px 0; }
#form_area { background-color:#f2f2f2; overflow:hidden; }
#form_inner { background-color:#fff; width:70%; margin:50px auto; padding:50px; }
.service_img { width:380px; height:auto; }
#SP_menu_res p { width:49%; float:left; margin:0 0.5%; padding:0; }
img.f_add_img { width:50%; }

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

　スマホ表示 (画面の横幅が768pxまで)

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 768px){
	
a #top_service { float:none; width:100%; background-image:url(https://total-service-0221.com/wp-content/uploads/2020/03/bg_service.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; margin-bottom:30px; padding:0; font-size:22px; text-align:center; color:#fff; }
a #top_company { float:none; width:100%; background-image:url(https://total-service-0221.com/wp-content/uploads/2020/03/bg_company.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center; margin:0; padding:0; font-size:22px; text-align:center; color:#fff; }
.bg_black_a { background-color: rgba(0,0,0,0.4); padding:42px 0; }
a #top_service p,a #top_company p { margin:0; padding:0; }
#top_news { width:100%; margin:auto auto; }
.gaiyou { text-align:left; }
.g_maps { width:100%; height:450px; }
img.img_left { float:none; margin:0; padding:0 0 20px 0; }
#form_area { background-color:#f2f2f2; overflow:hidden; }
#form_inner { background-color:#fff; width:90%; margin:20px auto; padding:20px; }
.service_img { width:100%; height:auto; }
	
	
}