/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
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: 15.29.9
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

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

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/

body{
	font-family:"NotoSans CJK JP-Bold", Helvetica !important;
}
@media screen and (min-width:768px){
.sp{
	display:none;
}

.pc{
	display:inline;
}
}
@media screen and (max-width: 767px){
.sp{
	display:inline;
}

.pc{
	display:none;
}
}
#item-list {
  padding:0;
}
#item-list ul{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#item-list ul li {
  list-style-type:none;
  float:left;
  padding-left:0;
}

@media only screen and (max-width: 767px) {
#item-list ul li .inner {
  padding:0.5em;
}
}

@media only screen and (min-width: 768px) {
#item-list ul li .inner {
  padding:1.5em;
}
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 50%;}
ul.cols-3 li {width: 33.33333%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

.type_car_outer .inner{ 
  margin:0;
  height:100%;
	 padding:3%;
}

@media only screen and (max-width: 767px) {
  ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
      width: 50%;
  }
  ul.cols-4 li{
      width:50%;
  }
  ul.cols-3 li{
      width:50%;
  }
  ul.cols-2 li{
      width:100%;
  }
}
.clear{
	clear:both;
}
ul,li{
	padding:0;
	margin:0;
	list-style:none;
}
.float{
	text-align:center;
	margin:0 auto;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.entry-title--post-type--page, h2:where(:not(.wp-block-post-title)) {
    border-top: 0;
    border-bottom: 0;
}
.site-footer-title, .sub-section-title, h3:where(:not(.wp-block-post-title)) {
    border-bottom:0;
}
.site-footer-title:after, .sub-section-title:after, h3:where(:not(.wp-block-post-title)):after {
    border-bottom: 0;
}
.entry-title--post-type--page, h2:where(:not(.wp-block-post-title)) {
    padding-top: 0;
}
h4:where(:not(.wp-block-post-title)) {
    padding: 0;
    background-color:transparent;
}
h5:where(:not(.wp-block-post-title)) {
    padding-bottom: .5em;
    border-bottom: 0;
}

li a, p a {
    text-decoration: none;
}

img{
	max-width:100%;
}
h1{
    padding-top: 18px;
	padding-right:15px;
	font-size: 13px;
    font-style: normal;
    font-weight: 700;
	letter-spacing: 1.10px;
	font-family:"NotoSans CJK JP-Regular", Helvetica !important;
}
	#vk-mobile-nav-menu-btn{
	display:none;
	}
@media only screen and (max-width: 767px) {

	h1 {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 20px;
    }
	header .container_inner {
    width: 100%;
    padding: 0;
}
    header .sp ul.sns {
    padding-left: 20px;
    }
	header .float_right{
		float: none;
    }
    section#fv{
    margin: 10px 0 0 0; 
    }
    section#fv img{
    }
    #fv {
    padding: 0 0 35px 0 !important;
    }
    .catch {
    font-size: 20px !important;
    padding-left: 20px;
	margin-top: 30px; 
    }
}
.catch{
	font-size: 34px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1.95px;
    line-height: 34px;
}
span.tesla{
	font-size:50%;
}
header .float_left img{
	max-width:50px;
    padding-top: 10px;
	padding-right:6px;
}
header .float_left img.logo{
	max-width: 150px;
}
header ul.cols-2 .btn_link span{
	font-size:0.85rem;
	letter-spacing:1 !important;
}
header ul.cols-2 .btn_link img{
	width:21px;
	padding-right:6px;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.btn_link,
a.btn_link,
button.btn_link{
  width:250px;
  height:80px;
  border-radius: 0px 0px 46px 46px;
  font-weight: 700;
  line-height: 1.15;
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  top: 0;
  margin-left:20px;
}
.btn_link{
    font-family: "century-gothic", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
	letter-spacing:0 !important;
}
.btn--tel,
a.btn--tel {
  color: #fff;
  background-color: #81d8d0;
}
.btn--tel:hover,
a.btn--tel:hover {
  color: #fff;
  background: #6cc3bb;
}
.btn--line,
a.btn--line {
  color: #fff;
  background-color: #07b53b;
}
.btn--line:hover,
a.btn--line:hover {
  color: #fff;
  background: #119237;
}
ul#menu-menu{
	display: flex;
    flex-wrap: wrap;
	padding:20px 0 50px 0;
	font-family:"YuGothic Std-B","NotoSans CJK JP-Regular", Helvetica;
}
ul#menu-menu li{
    margin-right: 30px;
    font-weight: 700;
}
ul#menu-menu li a {
    text-decoration: none;
    color: #000000;
}

body{
    letter-spacing: 2.00px;
	font-style: normal;
}
h1,h2,h3,h4,h5,h6{
	font-family:"century-gothic","YuGothic Std-B","NotoSans CJK JP-Regular", Helvetica;
	text-align:left;
	margin-bottom:0;
}

section{
    display: flex;
    flex-direction: row;
    justify-content: center;
	margin:85px 0 0 0;
}
.container_inner{
	margin:0 auto;
	text-align:center;
    width: 1200px;
}
.vertical{
	font-family: "century-gothic", sans-serif;
    writing-mode: vertical-rl;
    color: #81d8d0;
    letter-spacing: 3.00px;
    position: absolute;
    left: 0;
    font-size: 60px;
    font-weight: 100;
    white-space: nowrap;
    opacity: 0.25;
}
.link a{
    color: #81d8d0;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
	display: inline-flex;
    align-items: center;
}
.link a img{
	margin-left:10px;
}
.bg_tb{
    padding: 115px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_check.png);
    background-position: right;
    background-repeat: no-repeat;
}
#fv{
    padding: 0 0 115px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_top_fv.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}
section#with{
    margin: 125px 0 0 0;
}
#with h2 {
	margin-top:-20px;
    font-size: 36px;
	line-height:1.75em;
}
#with h3 {
    font-size: 14px;
	line-height:2.5em;
	letter-spacing: 0.80px;
}
#with li.cols-2 {
	padding-top:10px;
    padding-left:20px;
    padding-bottom:20px;
}
#with .cols-2 p {
    font-size: 16px;
	line-height:1.75em;
	letter-spacing: 0.80px;
	font-weight: 700;
	text-align:center;
	padding-top:10px;
}
#with h4 {
    font-size: 26px;
    letter-spacing: 1.30px;
}
#with h5 {
    font-size: 26px;
    letter-spacing: 1.30px;
}
#with .link a{
	margin-top:125px;
}
@media only screen and (max-width: 767px) {
	.container_inner {
    width: 90%;
    padding: 5%;
}
	section#with {
    margin: 35px 0 0 0;
}
    #with ul.cols-2 li ul.cols-2 li {
        width: 48%;
        margin-right: 4%;
    }
    #with ul.cols-2 li ul.cols-2 li:nth-child(2) {
    margin-right: 0;	
    }
    #with ul.cols-2 li ul.cols-2 li:nth-child(4) {
    margin-right: 0;	
    }
	#with h2 {
    margin-top: 0;
    font-size: 24px;
}
	#with .cols-2 p {
    font-size: 14px;
}
	#with .link a{
	margin-top:25px;
}
	#with h4 {
    margin-bottom:60px;
}
	#about h2 {
    margin-top:0 !important;
    font-size: 26px !important;
}
	#about img.float_right{
	margin-bottom:25px;
	}
	#about h3 {
    font-size: 18px !important;

}
.bg_tb {
    padding: 95px 0;
}
section#about {
    margin: 0;
}
	#about .link a {
    margin-top: 25px !important;
    color: #000000 !important;
    float: left;
}
	#about .container_inner {
        padding-top: 60px;
        padding-bottom: 60px;
	}
}
#about h2 {
	margin-top:-20px;
    font-size: 40px;
	line-height:1.75em;
}
#about h3 {
    font-size: 20px;
	line-height:2.5em;
	letter-spacing: 0.80px;
	margin-bottom:0;
}
#about h3 span{
	background:#ffffff;
	display: inline-block;
	padding: 0 0 0 10px;
	line-height: 1.75em;
}
#about h3.up {
    padding: 0;
    margin-bottom: -15px;
}
#about h4 {
    font-size: 14px;
	line-height:2.5em;
	letter-spacing: 0;
}
#about h5 {
	color:#ffffff;
    font-size: 16px;
    letter-spacing: 1.30px;
	padding-bottom:20px;
}
#about li.cols-2 {

	padding-top:10px;
    padding-left:20px;
    padding-bottom:20px;
}
#about .cols-2 p {
    font-size: 16px;
	line-height:1.75em;
	letter-spacing: 0.80px;
	font-weight: 700;
	text-align:center;
	padding-top:10px;
}
#about .link a{
	margin-top:55px;
	color:#ffffff;
	float: left;
}
.star{
    color: #fbbc04;
    font-family: "Century Gothic", Helvetica;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0;
}
.voice_num{
    color: #81d8d0;
    font-family: "Century Gothic", Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
	letter-spacing: 0.00px;
    opacity: 0.5;
    position: absolute;
	top: 33px;
    right: 20px;
}
#voice h2{
	font-size: 1.5rem;
    letter-spacing: 0;
}
#voice ul.cols-3 li{
	width: 31.65%;
    margin-right: 2.5%;
	border: 2px solid;
    border-color: #81d8d0;
    border-radius: 28px;
    margin-bottom: 40px;
}
#voice ul.cols-3 li:nth-child(3){
    margin-right: 0;	
}
#voice ul.cols-3 li:nth-child(6){
    margin-right: 0;	
}
#voice ul.cols-3 li .box{
    background-color: transparent;
    height: auto;
    width: 100%;
	text-align: left;
	padding: 20px 30px;
	position: relative;
}
#voice ul.cols-3 li .box h3{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
@media only screen and (max-width: 767px) {
section#voice {
    margin: 5px 0 0 0 !important;
}
#voice ul.cols-3 li {
    width: 100%;
    margin-right: 0%;
}
	    #voice .container_inner {
        padding: 0 5% 5% 5%;
    }
	.star {
    font-size: 36px;
}
#voice ul.cols-3 li .box h3 {
    font-size: 12px;
	line-height: 1.75em;
}
	#voice ul.cols-3 li .box {
    padding: 15px 20px;
}
#voice ul.cols-3 li {
    margin-bottom: 20px;
}
section#service {
    margin: 55px 0 0 0;
}
.op25 {
    padding: 65px 0 80px 0 !important;
}
#service h2 {
    font-size: 26px !important;
	margin-top: 20px !important;
}
#service h3 {
    font-size: 11px !important;
    margin-top: -10px !important;
    line-height: 1.25em !important;
}
#service ul.cols-4 li {
    padding: 10px 0 15px 0 !important;
    border-radius: 18px !important;
}
#service ul.cols-4 li {
    margin-bottom: 15px !important;
}
    .op25 {
        padding: 65px 0 60px 0 !important;
    }
}
#service h2 {
	margin-top:-20px;
    font-size: 40px;
	line-height:1.75em;
}
#service h3 {
    font-size: 18px;
	line-height:2.5em;
	letter-spacing: 0.80px;
	text-align:center;
	margin-top:-25px;
}
#service h5 {
    color:#81d8d0;
}
#service ul.cols-4 li{
	background-color: #ffffff;
    border-radius: 28px;
	padding:25px 0;
    font-size: 16px;
	line-height:1.75em;
	letter-spacing: 0.80px;
	font-weight: 700;
	text-align:center;
}
#service ul.cols-4 li img{
	width: 149px;
}
#service ul.cols-4 li{
	width: 23.05%;
    margin-right: 2.5%;
    margin-bottom: 40px;
}
#service ul.cols-4 li:nth-child(4){
    margin-right: 0;	
}
#service ul.cols-4 li:nth-child(8){
    margin-right: 0;	
}

#service .link a{
	margin-top:15px;
    float: right;
	color:#000000;
}
section#voice{
    margin: 115px 0 0 0;
}
.op25{
	background: rgb(129,216,208,0.25);
	padding: 105px 0 80px 0;
}
#flow{
	padding:30px 0 10px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_top_fv.png);
    background-position: -1950px 370px;
    background-repeat: no-repeat;
}
#flow h2 {
	margin-top:-20px;
    font-size: 40px;
	line-height:1.75em;
}
#flow h3 {
    font-size: 16px;
	line-height:2.5em;
	letter-spacing: 0.80px;
}
#flow h4 {
    font-size: 18px;
	line-height:2.5em;
	letter-spacing: 0.80px;
    border: 1px solid;
    border-color: #81d8d0;
    border-radius: 28px;
	padding: 9px;
	text-align:center;
}
#flow h4 small{
    font-size: 12px;
}
#flow .cols-2 li img {
	max-width:367px;
	float:right;
}
#flow ul.cols-2 li ul.cols-1 li {
    width:100%;
	margin-bottom: 15px;
}
#flow ul.cols-2 li ul.cols-1 li:last-child{
    margin-left: 0;	
}
#flow ul.cols-2 li:last-child{
    margin-left: 10%;
    width: 40%;	
}
#flow .link a{
	margin-top:0;
	float:right;
}
@media only screen and (max-width: 767px) {
section#flow {
    margin: 55px 0 0 0;
}
#flow h2 {
    font-size: 26px;
}
	#flow h3 {
    font-size: 14px;
}
	#flow ul.cols-2 li:last-child {
    margin-left: 0;
    width: 100%;
}
	#flow h4 {
	font-size: 12px !important;
    padding: 0;
	letter-spacing: 0.3px !important;
}
#flow h4 small {
    font-size: 10px;
}
	#flow{
    background-position: -1950px 330px;
}
	#link .float_right img {
    margin-bottom:20px !important;
}
section#link {
    margin: 45px 0 0 0;
}
.op10 {
    padding: 75px 0 0 0 !important;
}
	#link h2 {
    margin-top: 20px !important;
    font-size: 20px !important;
    line-height: 1.5em !important;
}
#link h3 {
    font-size: 14px !important;
}
#link .vertical {
    margin-left: -15px;
}
#link .cols-2 li {
	margin-bottom:60px;
}
}
.op10{
	background: rgb(129,216,208,0.1);
	padding: 105px 0 80px 0;
}
#link h2 {
	margin-top:20px;
    font-size: 26px;
	line-height:1.75em;
}
#link h3 {
    font-size: 16px;
	line-height:2em;
	letter-spacing: 0.80px;
}
#link li.cols-2 {

	padding-top:10px;
    padding-left:20px;
    padding-bottom:20px;
}
#link .cols-2 li img {
    float:right;
	text-align:left;
	margin-bottom:0;
}
#link .link img {
	width:55px !important;
}
#link h4 {
    font-size: 26px;
    letter-spacing: 1.30px;
}
#link .link a{
	margin-top:15px;
	float:right;
	color:#000000;
}
#link .float_right {
    float: right;
    width: 80%;
}
#link .vertical{
	font-family: "century-gothic", sans-serif;
    writing-mode: vertical-rl;
    color: #81d8d0;
    letter-spacing: 3.00px;
    position:unset;
    left: 0;
    font-size: 60px;
    font-weight: 100;
    white-space: nowrap;
    opacity: 0.25;
	float: left;
}
#teslatokai h2 {
	margin-top:-20px;
    font-size: 40px;
	line-height:1.75em;
}
#teslatokai h2 small{
    font-size: 20px;
}
#teslatokai h3 {
    font-size: 16px;
	line-height:2.5em;
	letter-spacing: 0.80px;
}
#teslatokai li.cols-2 {

	padding-top:10px;
    padding-left:20px;
    padding-bottom:20px;
}
#teslatokai .cols-2 p {
    font-size: 16px;
	line-height:1.75em;
	letter-spacing: 0.80px;
	font-weight: 700;
	text-align:center;
	padding-top:10px;
}
#teslatokai h4 {
    font-size: 26px;
    letter-spacing: 1.30px;
}
#teslatokai .link a{
	margin-top:70px;
    float: left;
}
section#teslatokai{
    margin: 100px 0 0 0;
}
@media only screen and (max-width: 767px) {
section#teslatokai {
    margin: 45px 0 0 0;
}
	#teslatokai h2 {
	margin-top:0;
    font-size: 24px;
}
#teslatokai h2 small{
    font-size: 16px;
}
#teslatokai h3 {
    font-size: 14px;
    letter-spacing: 0.50px;
}
#teslatokai ul.cols-2 li .sp img {
    margin-top:40px;
}
#teslatokai .link a {
    margin-top: 20px;
}
section#footer {
    margin-top: 0 !important;
	padding: 65px 0 80px 0 !important;
}
}
section#footer{
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_check.png);
    background-position: right bottom;
    background-repeat: no-repeat;
	padding: 115px 0 80px 0;
	margin-top:70px;
}
#footer ul#menu-menu-1 li a {
    text-decoration: none;
    color: #000000;
}
#footer ul#menu-menu-1 li {
    text-align:left;
	font-weight: 700;
	margin-bottom:5px;
}
#footer ul#menu-menu-1 {
	margin-bottom:50px;
}
#footer h1 {
    padding-top: 0;
}
#footer h3 {
    padding-top: 50px;
	color:#ffffff;
	font-size:32px;
}
#footer ul.cols-2 .btn_link span{
	font-size:0.85rem;
	letter-spacing:1 !important;
}
#footer ul.cols-2 .btn_link img{
	width:21px;
	padding-right:6px;
}
#footer .btn--tel,#footer a.btn--tel {
    color: #81d8d0;
    background-color: #ffffff;
	border-radius:46px;
	float: left;
	margin-left:0;
}
#footer .btn--line,#footer a.btn--line {
	border-radius:46px;
	float: left;
	margin-left:0;
}
#footer ul.cols-2.left{
	width: 90%;
}
@media only screen and (max-width: 767px) {
footer h1 {
        padding-left: 0;
    }
	#footer ul#menu-menu-1 li {
    width:50%;
}
	#footer ul#menu-menu-1 li a {
    font-size:10px;
	text-align:center;
}
	.btn_link, a.btn_link, button.btn_link {
    width: 100% ;
}
	#footer ul.cols-2.left {
    width: 100%;
}
	#footer ul.cols-2 li {
    margin-bottom:10px;
}
	footer ul.cols-3 li {
        width: auto !important;
    }
#footer h3 {
    font-size: 18px;
}
}
adress{
	font-size:0.85rem;
	font-weight: 700;
	color:#000000;
	text-align:left;
}
iframe{
	border-radius:46px;
}
footer ul.cols-4 {
    max-width: 250px;
	text-align:center;
	margin:0 auto;
}
footer ul.cols-4 img {
    max-width: 50px;
}
footer ul.cols-4 li {
	width:25%;
    padding: 50px 10px 80px 10px;
}
copyright{
	font-size: 10px;
    font-style: normal;
    font-weight: 700;
	text-align:center;
	margin:0 auto;
	margin-bottom:30px;
	display: block;
}
@media screen and (max-width: 767px) {
    #rmp-menu-wrap-66 .rmp-menu-item {
        border-bottom: 0.5px solid #c7e6e3;
	padding: 10px 5px;
    }
    #rmp-menu-wrap-66 .rmp-menu-current-item .rmp-menu-item-link{
        background: transparent !important;
    }
    #rmp-menu-wrap-66 {
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        padding-right: 20px;
    }
}
#reason{
	padding:30px 0 10px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_top_fv.png);
    background-position: -1950px 370px;
    background-repeat: no-repeat;
}
#reason .title h2{
	background: #ffffff;
    padding: 0 0 0 10px;
    line-height: 1.75em;
    text-align: left;
    font-size: 48px;
    margin-left:-50px;
    margin-top: 20px;
}
#reason .title h2.up{
	margin-top: -20px;
}
#reason .title h3{
	font-size: 16px;
    margin-left: 100px;
    line-height: 2.5em;
    margin-top: 30px;
}
#reason .title h4{
margin-left: 292px;
	font-size:14px;
}
#reason h5{
text-align:center;
	    margin-top: 70px;
}
#reason h6{
	font-size:48px;
text-align:center;
	    margin-top: 0;
}
#reason .detail{
	margin-top:50px;
}
#reason #item-list.detail ul {
    align-items: center;
}
#reason .detail ul.cols-2 li:nth-child(2){
	padding-left:10%;
}
#reason .detail h2{
    line-height: 1.75em;
    text-align: left;
    font-size: 36px;
    margin-top: 20px;
}
#reason .detail h2.up{
	margin-top: -20px;
}
#reason .detail h3{
	font-size: 14px;
    line-height: 2.5em;
    margin-top: 30px;
	font-weight:500;
}
#reason .detail h4{
    color: #81d8d0;
    font-size: 12px;
}
@media only screen and (max-width: 767px) {
section#reason {
    margin: 0;
}
#reason {
    background-position: -2100px 230px;
}
#reason .title h3 {
    margin-left: 0;
	font-size:14px;
}
#reason .title h4 {
    margin-left: 242px;
    font-size: 14px;
}
	#reason h2{
		display: inline-block;
		margin-top: -50px !important;
	    font-size: 30px !important;
		margin-left: 0 !important;
	}
	#reason .title h2.up {
    margin-top: -10px !important;
}
#reason .detail h2 {
    line-height: 1.5em;
    font-size: 30px;
    margin-top: 20px;
    display: unset;
}
#reason .detail ul.cols-2 li:nth-child(2) {
    padding-left: 0;
}
#reason .detail h3 {
    margin-top: 10px;
    letter-spacing: 1px;
}
#reason .detail h4{
    text-align:center;
    margin-top: 30px;
}
    #reason .detail h2 {
        font-size: 26px !important;
    }
	#flow .vertical {
    margin-top:-5%;
}
}
#guarantee{
	padding:30px 0 10px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_top_fv.png);
    background-position: -1950px 370px;
    background-repeat: no-repeat;
}
#guarantee .title h2{
	background: #ffffff;
    padding: 0 0 0 10px;
    line-height: 1.75em;
    text-align: left;
    font-size: 48px;
    margin-left:-50px;
    margin-top: 20px;
}
#guarantee .title h2.up{
	margin-top: -20px;
}
#guarantee .title h3{
	font-size: 16px;
    margin-left: 100px;
    line-height: 2.5em;
    margin-top: 30px;
}
#guarantee .title h4{
    margin-left: 70px;
    font-size: 12px;
}
#guarantee h5{
text-align:center;
	    margin-top: 70px;
}
#guarantee h6{
	font-size:48px;
text-align:center;
	    margin-top: 0;
}
#guarantee .detail{
	margin-top:50px;
}
#guarantee #item-list.detail ul {
    align-items: center;
}
#guarantee .detail ul.cols-2 li:nth-child(2){
	padding-left:10%;
}
#guarantee .detail h2{
    line-height: 1.75em;
    text-align: left;
    font-size: 36px;
    margin-top: 20px;
}
#guarantee .detail h2.up{
	margin-top: -20px;
}
#guarantee .detail h3{
	font-size: 14px;
    line-height: 2.5em;
    margin-top: 30px;
	font-weight:500;
}
#guarantee .detail h4{
    color: #81d8d0;
    font-size: 12px;
}
@media only screen and (max-width: 767px) {
section#guarantee {
    margin: 0;
}
#guarantee {
    background-position: -2100px 230px;
}
#guarantee .title h3 {
    margin-left: 0;
	font-size:14px;
}
	#guarantee .title h4 {
    margin-left: 0;
    font-size: 12px;
    text-align: right;
}
	#guarantee h2{
		display: inline-block;
		margin-top: -50px !important;
	    font-size: 30px !important;
		margin-left: 0 !important;
	}
	#guarantee .title h2.up {
    margin-top: -10px !important;
}
#guarantee .detail h2 {
    line-height: 1.5em;
    font-size: 30px;
    margin-top: 20px;
    display: unset;
}
#guarantee .detail ul.cols-2 li:nth-child(2) {
    padding-left: 0;
}
#guarantee .detail h3 {
    margin-top: 10px;
    letter-spacing: 1px;
}
#guarantee .detail h4{
    text-align:center;
    margin-top: 30px;
}
    #guarantee .detail h2 {
        font-size: 26px !important;
    }
	#flow .vertical {
    margin-top:-5%;
}
}
#guarantee_sub{
	padding:30px 0 10px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_top_fv.png);
    background-position: -1950px 370px;
    background-repeat: no-repeat;
}
#guarantee_sub .title h2{
	background: #ffffff;
    padding: 0 10px;
    line-height: 1.75em;
    text-align: left;
    font-size: 48px;
    margin-left:-50px;
    margin-top: 20px;
}
#guarantee_sub .title h2.up{
	margin-top: -20px;
}
#guarantee_sub .title h3{
	font-size: 16px;
    margin-left: 100px;
    line-height: 2.5em;
    margin-top: 30px;
}
#guarantee_sub .title h4{
    margin-left: 40px;
    font-size: 12px;
}
#guarantee_sub h5{
text-align:center;
	    margin-top: 100px;
	color:#81d8d0;
}
#guarantee_sub h6{
    font-size: 30px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
section#guarantee_sub {
    margin: 0;
}
#guarantee_sub {
    background-position: -2100px 230px;
}
#guarantee_sub .title h3 {
    margin-left: 0;
	font-size:14px;
	letter-spacing: 0.5px;
}
	#guarantee_sub .title h4 {
    margin-left: 0;
    font-size: 12px;
    text-align: right;
}
	#guarantee_sub h2{
		display: inline-block;
		margin-top: -50px !important;
	    font-size: 30px !important;
		margin-left: 0 !important;
	}
	#guarantee_sub .title h2.up {
    margin-top: -10px !important;
}
#guarantee_sub .detail h2 {
    line-height: 1.5em;
    font-size: 30px;
    margin-top: 20px;
    display: unset;
}
#guarantee_sub .detail ul.cols-2 li:nth-child(2) {
    padding-left: 0;
}
#guarantee_sub .detail h3 {
    margin-top: 10px;
    letter-spacing: 1px;
}
#guarantee_sub .detail h4{
    text-align:center;
    margin-top: 30px;
}
    #guarantee_sub .detail h2 {
        font-size: 26px !important;
    }

}
#sale_page ul.cols-2 .btn_link span {
    font-size: 0.85rem;
    letter-spacing: 1 !important;
}
#sale_page{
	padding:30px 0 10px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_top_fv.png);
    background-position: -1950px 370px;
    background-repeat: no-repeat;
}
#sale_page .title h2{
	background: #ffffff;
    padding: 0 10px;
    line-height: 1.75em;
    text-align: left;
    font-size: 48px;
    margin-left:-50px;
    margin-top: 20px;
}
#sale_page .title h2.up{
	margin-top: -20px;
}
#sale_page .title h3{
	font-size: 16px;
    margin-left: 100px;
    line-height: 2.5em;
    margin-top: 30px;
}
#sale_page .title h4{
    margin-left: 140px;
    font-size: 12px;
}
#sale_page h5{
text-align:center;
	    margin-top: 100px;
	color:#81d8d0;
}
#sale_page h6{
    font-size: 30px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
}
#sale_page p.text{
	margin: 70px 0 50px 0;
}
@media only screen and (max-width: 767px) {
section#sale_page {
    margin: 0;
}
#sale_page {
    background-position: -2100px 230px;
}
#sale_page .title h3 {
    margin-left: 0;
	font-size:14px;
	letter-spacing: 0;
}
    #sale_page .title h4 {
        margin-left: 0;
        font-size: 12px;
        text-align: right;
        margin-right: 80px;
    }
	#sale_page h2{
		display: inline-block;
		margin-top: -50px !important;
	    font-size: 30px !important;
		margin-left: 0 !important;
	}
	#sale_page .title h2.up {
    margin-top: -10px !important;
}
#sale_page .detail h2 {
    line-height: 1.5em;
    font-size: 30px;
    margin-top: 20px;
    display: unset;
}
#sale_page .detail ul.cols-2 li:nth-child(2) {
    padding-left: 0;
}
#sale_page .detail h3 {
    margin-top: 10px;
    letter-spacing: 1px;
}
#sale_page .detail h4{
    text-align:center;
    margin-top: 30px;
}
    #sale_page .detail h2 {
        font-size: 26px !important;
    }

}
#sale_page ul.cols-2 li{
	margin-bottom:15px;
}
#sale_page ul.cols-2 .btn_link span{
	font-size:0.85rem;
	letter-spacing:1 !important;
}
#sale_page ul.cols-2 .btn_link img{
	width:21px;
	padding-right:6px;
}
#sale_page ul.cols-2 .btn_link,#sale_page ul.cols-2 a.btn_link,#sale_page ul.cols-2 button.btn_link {
    width: 350px;
	border-radius: 46px;
    margin-left: 0;
}
@media only screen and (max-width: 767px) {
#sale_page ul.cols-2 .btn_link,#sale_page ul.cols-2 a.btn_link,#sale_page ul.cols-2 button.btn_link {
    width: 100%;
}
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], select, textarea {
    padding: .8em 0 .8em .8em;
}
table.CF7_table td p ,table.CF7_table th p{
    margin-bottom: 0;
}
    .CF7_table th {
        text-align: left;
    }
/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:100%;
	margin:0 auto;
	max-width: 800px;
}

table.CF7_table tr{
	border-top: 1px solid #f1f1f1;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #81d8d0;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#f1f1f1;/*ブルーグレー*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:100%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 95%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#f1f1f1;
	}
:where(:not(.wp-block-table))>table :is(thead,tbody,tfoot,th,td) {
    border-color: #ffffff;
}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#81d8d0;/* オレンジ*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}
.wpcf7-spinner{
	width:0;
	margin:0;
}
input[type=submit] {
    border-radius: 46px;
}
#teslatokai_page ul.cols-2 .btn_link span {
    font-size: 0.85rem;
    letter-spacing: 1 !important;
}
#teslatokai_page{
	padding:30px 0 10px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_top_fv.png);
    background-position: -1950px 370px;
    background-repeat: no-repeat;
}
#teslatokai_page .title h2{
	background: #ffffff;
    padding: 0 10px;
    line-height: 1.75em;
    text-align: left;
    font-size: 48px;
    margin-left:-50px;
    margin-top: 20px;
}
#teslatokai_page .title h2.up{
	margin-top: -20px;
}
#teslatokai_page .title h3{
	font-size: 16px;
    margin-left: 100px;
    line-height: 2.5em;
    margin-top: 30px;
}
#teslatokai_page .title h4{
    margin-left: 40px;
    font-size: 12px;
}
#teslatokai_page h5{
text-align:center;
	    margin-top: 100px;
	color:#81d8d0;
}
#teslatokai_page h6{
    font-size: 30px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
}
#teslatokai_page p.text{
	margin: 70px 0 50px 0;
}
@media only screen and (max-width: 767px) {
section#teslatokai_page {
    margin: 0;
}
#teslatokai_page {
    background-position: -2100px 230px;
}
#teslatokai_page .title h3 {
    margin-left: 0;
	font-size:14px;
	letter-spacing: 0;
}
    #teslatokai_page .title h4 {
        margin-left: 0;
        font-size: 12px;
        text-align: center;
        margin-right: 0;
    }
	#teslatokai_page h2{
		display: inline-block;
		margin-top: -50px !important;
	    font-size: 30px !important;
		margin-left: 0 !important;
	}
	#teslatokai_page .title h2.up {
    margin-top: -10px !important;
}
#teslatokai_page .detail h2 {
    line-height: 1.5em;
    font-size: 30px;
    margin-top: 20px;
    display: unset;
}
#teslatokai_page .detail ul.cols-2 li:nth-child(2) {
    padding-left: 0;
}
#teslatokai_page .detail h3 {
    margin-top: 10px;
    letter-spacing: 1px;
}
#teslatokai_page .detail h4{
    text-align:center;
    margin-top: 30px;
}
    #teslatokai_page .detail h2 {
        font-size: 26px !important;
    }

}
#teslatokai_page ul.cols-2 li{
	margin-bottom:15px;
}
#teslatokai_page ul.cols-2 .btn_link span{
	font-size:0.85rem;
	letter-spacing:1 !important;
}
#teslatokai_page ul.cols-2 .btn_link img{
	width:21px;
	padding-right:6px;
}
#teslatokai_page ul.cols-2 .btn_link,#teslatokai_page ul.cols-2 a.btn_link,#teslatokai_page ul.cols-2 button.btn_link {
    width: 350px;
	border-radius: 46px;
    margin-left: 0;
}
@media only screen and (max-width: 767px) {
#teslatokai_page ul.cols-2 .btn_link,#teslatokai_page ul.cols-2 a.btn_link,#teslatokai_page ul.cols-2 button.btn_link {
    width: 100%;
}
}
#diagnostic ul.cols-2 .btn_link span {
    font-size: 0.85rem;
    letter-spacing: 1 !important;
}
#diagnostic{
	padding:30px 0 10px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_top_fv.png);
    background-position: -1950px 370px;
    background-repeat: no-repeat;
}
#diagnostic .title h2{
	background: #ffffff;
    padding: 0 10px;
    line-height: 1.75em;
    text-align: left;
    font-size: 48px;
    margin-left:-50px;
    margin-top: 20px;
}
#diagnostic .title h2.up{
	margin-top: -20px;
}
#diagnostic .title h3{
	font-size: 16px;
    margin-left: 100px;
    line-height: 2.5em;
    margin-top: 30px;
}
#diagnostic .title h4{
    margin-left: 340px;
    font-size: 12px;
}
#diagnostic h5{
text-align:center;
	    margin-top: 100px;
	color:#81d8d0;
}
#diagnostic h6{
    font-size: 30px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
}
#diagnostic p.text{
	margin: 70px 0 50px 0;
}
@media only screen and (max-width: 767px) {
section#diagnostic {
    margin: 0;
}
#diagnostic {
    background-position: -2100px 230px;
}
#diagnostic .title h3 {
    margin-left: 0;
	font-size:14px;
	letter-spacing: 0;
}
    #diagnostic .title h4 {
        margin-left: 0;
        font-size: 12px;
        text-align: center;
        margin-right: 0;
    }
	#diagnostic h2{
		display: inline-block;
		margin-top: -50px !important;
	    font-size: 30px !important;
		margin-left: 0 !important;
	}
	#diagnostic .title h2.up {
    margin-top: -10px !important;
}
#diagnostic .detail h2 {
    line-height: 1.5em;
    font-size: 30px;
    margin-top: 20px;
    display: unset;
}
#diagnostic .detail ul.cols-2 li:nth-child(2) {
    padding-left: 0;
}
#diagnostic .detail h3 {
    margin-top: 10px;
    letter-spacing: 1px;
}
#diagnostic .detail h4{
    text-align:center;
    margin-top: 30px;
}
    #diagnostic .detail h2 {
        font-size: 26px !important;
    }

}
#diagnostic ul.cols-2 li{
	margin-bottom:15px;
}
#diagnostic ul.cols-2 .btn_link span{
	font-size:0.85rem;
	letter-spacing:1 !important;
}
#diagnostic ul.cols-2 .btn_link img{
	width:21px;
	padding-right:6px;
}
#diagnostic ul.cols-2 .btn_link,#diagnostic ul.cols-2 a.btn_link,#diagnostic ul.cols-2 button.btn_link {
    width: 350px;
	border-radius: 46px;
    margin-left: 0;
}
@media only screen and (max-width: 767px) {
#diagnostic ul.cols-2 .btn_link,#diagnostic ul.cols-2 a.btn_link,#diagnostic ul.cols-2 button.btn_link {
    width: 100%;
}
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pricecards{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
        }
.pricecard{
  flex: 0 0 25%;
  text-align: center;
  border: 1px solid #eee;
  padding-bottom: 1rem;
  box-sizing: border-box;
            padding:1.25em 1.25em 2.5em 1.25em !important;
			    margin: 0 0 30px 0;
        }
.pricecard p {
  text-indent: -1em;
  padding-left: 1em;
	text-align: left;
	    margin-top: 1em;
	margin-bottom:0;
}
        .pricecard h3{
            background: #81d8d0;
            color: #fff;
            padding: 10px;
            margin: 0;
			    font-size: 18px;
    text-align: center;
        }
        .pricecard.premium{
            border: 3px solid #81d8d0;
            padding-bottom: 3rem
        }
        .pricecard.premium h3{
            background: #81d8d0;
            color: #fff;
            padding: 10px;
            margin: 0;
        }
        .pricecard h4{
            font-size: 30px;
            margin: 0 auto;
            padding: 1rem 0 0;
			text-align:center;
            padding: 20px;
        }

        .pricecard .blue{
        color:#6cc3bb;
			font-size:18px;
			font-weight:700;
        }
        .pricecard a{
            padding: 10px 40px;
            background: #fb5859;
            color: #fff;
            text-decoration: none;
            border-radius: 3px;
            display: inline-block;
        }

@media screen and (max-width: 600px){
.profile_card, .pricecards, .profile_cards {
    flex-direction: column;
    -webkit-flex-direction: column;
}
  .pricecard, .card_photo {
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}
  .pricecard.premium {
    order: 1;
    -webkit-order: 1;
}
}
#staff{
	padding:30px 0 10px 0;
    background-image: url(https://garagex-tesla.com/wp-content/uploads/2025/06/bg_top_fv.png);
    background-position: -1950px 370px;
    background-repeat: no-repeat;
}
#staff .title h2{
	background: #ffffff;
    padding: 0 0 0 10px;
    line-height: 1.75em;
    text-align: left;
    font-size: 48px;
    margin-left:-50px;
    margin-top: 20px;
}
#staff .title h2.up{
	margin-top: -20px;
}
#staff .title h3{
	font-size: 16px;
    margin-left: 100px;
    line-height: 2.5em;
    margin-top: 30px;
}
#staff .title h4{
    margin-left: 300px;
    font-size: 12px;
}
#staff h5{
text-align:center;
	    margin-top: 70px;
}
#staff h6{
	font-size:48px;
text-align:center;
	    margin-top: 0;
}
#staff .detail{
	margin-top:50px;
}
#staff #item-list.detail ul {
    align-items: center;
    background: #000000;
    border-radius: 46px;
}
#staff #item-list.detail ul {
    align-items: center;
    background: #000000;
    border-radius: 46px;
}
#staff #item-list.detail ul .float_right {
    float: left;
}
#staff .detail ul.cols-2 li:nth-child(2){
    padding-left: 5%;
    padding-right: 5%;
	color:#ffffff;
}
#staff .detail h2{
    line-height: 1.75em;
    text-align: left;
    font-size: 26px;
    margin-top: 20px;
	color:#ffffff;
}
#staff .detail p.blue{
	color:#81d8d0;
	text-align:left;
}
#staff .detail h2 span{
    font-size: 16px;
}
#staff .detail h2.up{
	margin-top: -20px;
}
#staff .detail h3{
	font-size: 14px;
    line-height: 2.5em;
    margin-top: 30px;
	font-weight:500;
}
#staff .detail h4{
    color: #81d8d0;
    font-size: 12px;
}
@media only screen and (max-width: 767px) {
#staff .detail p.blue{
	color:#81d8d0;
	text-align:center;
}
	section#staff {
    margin: 0;
}
#staff {
    background-position: -2100px 230px;
}
#staff .title h3 {
    margin-left: 0;
	font-size:14px;
}
	#staff .title h4 {
    margin-left: 0;
    font-size: 12px;
    text-align: right;
}
	#staff h2{
		display: inline-block;
		margin-top: -50px !important;
	    font-size: 30px !important;
		margin-left: 0 !important;
	}
	#staff .title h2.up {
    margin-top: -10px !important;
}
#staff .detail h2 {
    line-height: 1.5em;
    font-size: 30px;
    margin-top: 20px;
    display: unset;
}
#staff .detail ul.cols-2 li:nth-child(2) {
    padding-left: 7%;
    padding-bottom: 10%;
    padding-right: 7%;
}
#staff .detail h3 {
    margin-top: 10px;
    letter-spacing: 0.5px;
}
#staff .detail h4{
    text-align:center;
    margin-top: 30px;
}
    #staff .detail h2 {
        font-size: 22px !important;
    }
	#staff .detail h2 span {
    font-size: 14px;
}
	#flow .vertical {
    margin-top:-5%;
}
}



#blog ul.cols-4 li p{
	text-align:left;
	line-height:1.25em;
}
#blog ul.cols-4 li a{
	display:block;
    font-size: 0.85rem;
}
#blog ul.cols-4 li p a{
}
#blog ul.cols-4 li img{
	 max-width: 100%;
	width: 100%;
}
#blog ul.cols-4 li .inner{
	 padding:1em;
}
#blog ul.post-categories{
	font-size:0.55rem;
	line-height:1.5em;
	margin:1.5em 0;
}
#blog ul.post-categories {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
#blog ul.post-categories li {
    border: 1px solid #81d8d0;
    padding: 0.5em 0;
    border-radius: 15px;
	font-size: 0.75rem;
	margin-right:10px;
	width: 45%;
	max-width: 121px;
	letter-spacing:0.5px;
}
#blog ul.post-categories a{
	text-decoration:none;
	color:#81d8d0;
	text-align:center;
	letter-spacing: 0.5px;
    font-size: 0.75rem !important;
}
#blog ul.cols-4 li ul.post-categories li{
	width:45%;
}
#blog{
	padding-bottom:0;
}
#blog .date{
	font-size:0.85rem;
	color: #81d8d0;
	margin-bottom: 10px;
	text-align: left;
}
@media(max-width: 480px) {
section#blog {
    margin: 0;
}
#blog ul.cols-4 li ul.post-categories li {
    width: 100%;
}	
#blog ul.post-categories li {
    max-width: 100%;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}
section#blog .container_inner {
        width: 90%;
        padding: 0 5%;
    }
hr.blog {
  margin-top: 0 !important;
}
}
article{
	margin-top:25px !important;
	width: 90% !important;
    padding: 0 5% 20% 5%;
}

hr.blog {
    border-top: 0.5px solid #f1f1f1;
    margin-top: 90px;
    border-bottom: none;
    border-right: none;
    border-left: none;
}
article .entry-title {
    margin-top: 0;
}
article{
	width: 100%;
    margin: 0 auto;
    text-align: center;
    max-width: 750px;
	margin-top:75px;
}
.article-main{
	text-align:left;
}
.article-date{
	text-align: left;
    display: inline-block;
}
.article-head .article-info .article-cat {
    display: inline-block;
    vertical-align: middle;
}

.archive .alignwide,.category .alignwide{
	max-width: 100% !important;
}
.archive h2.entry-title,.category h2.entry-title{
	background: #81d8d0;
	width: 100%;
	color: #ffffff;
	text-align: center;
	margin: 20px 0;
	padding: 30px 0;
	display: flex;
	justify-content: center;
}
:is(.alignfull,.alignwide):where(:not(.is-layout-flex))>:is(div[class*=wp-container-],div[class*=wp-block-],div[class*=vk_],.alert,:where(:is(h1,h2,h3,h4,h5,h6))):where(:not(.alignfull,.alignwide,.wp-block-cover__background,.wp-block-cover__image-background,.wp-block-column,.vk_outer,.vk_slider_wrapper,.vk_gridcolcard_item,.swiper-wrapper,.swiper-pagination,.is-content-justification-right,.is-content-justification-left)) {
    max-width: 100%;
}

.article-head .article-info {
  margin-bottom: .5rem;
}
 
.article-head .article-info .article-cat {
  display: inline-block;
  vertical-align: middle;
}
 
.article-head .article-info .article-cat a {
  font-size: .875rem;
  line-height: 1;
  display: inline-block;
  margin-right: .5rem;
  padding: .375rem .5rem;
  text-decoration: none;
  color: #fff;
  background-color: #03162f;
}
 
.article-head .article-info .article-date {
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  color: #888;
}
 
.article-head .article-info .article-date i {
  font-size: 1.25rem;
  position: relative;
  top: .25rem;
}
 
.article-head h1 {
  font-size: 2.125rem;
  margin: 0 0 2rem;
  letter-spacing: 1px;
}
 
.article-head .article-img {
  margin-bottom: 2rem;
}
 
.article-head .article-img img {
  display: block;
}
 
.article-foot .article-tag {
  margin-bottom: 1rem;
  text-align: right;
}
 
.article-foot .article-tag ul {
  list-style: none;
}
 
.article-foot .article-tag ul li {
  font-size: .9rem;
  display: inline-block;
  margin-right: .5rem;
  vertical-align: middle;
}
 
.article-foot .article-tag ul li:last-child {
  margin-right: 0;
}
 
.article-foot .article-tag ul li a {
  line-height: 1;
  display: block;
  padding: .25rem .5rem;
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
}
 
.article-foot .article-tag ul li a:hover {
  opacity: .6;
}
 
.article-foot .article-author {
  font-weight: 500;
  line-height: 1;
  text-align: right;
  vertical-align: middle;
}
 
.article-foot .article-author i {
  font-size: 1.25rem;
  position: relative;
  top: .25rem;
}
 
@media(max-width: 480px) {
  .article-head h1 {
    font-size: 1.75rem;
  }
}


 .gallery__list {
	            list-style-type: none;
	            display: flex;
	            justify-content: space-around;
	            flex-wrap: wrap;
	        }
	 
	        .gallery__item {
	            width: calc(95% / 3);
	        }
	 
	        .gallery__item:not(:nth-child(-n+2)) {
	            margin-top: 0;
	        }
	 
	        .gallery__item img {
	            width: 100%;
	            height: auto;
	        }
	 
	        .gallery__item a {
	            transition: .5s;
	        }
	 
	        .gallery__item a:hover {
	            filter: opacity(0.7);
	        }
	 
	        .gallery__item a:hover img {
	            box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
	        }