@charset "utf-8";

.pc{display: block!important;}
.sp{display: none!important;}

/*common
-------------------------------------------------*/
.contents img{
	width: 100%;
	height: auto;
	display: block;
}

.contents .btn{
	position: relative;
	padding: 10px;
	border: 4px solid #CA1414;
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_btn.png) no-repeat right center / contain;
	border-radius: 50px;
	font-size: 20px;
	text-align: center;
	display: block;
	overflow: hidden;
	transition: .3s;
}

.contents .btn:hover{
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_btn.png) no-repeat right -8px center / contain;
}

.center{
	text-align: center!important;
}


/*top
-------------------------------------------------*/
.bg{
	position: fixed;
	top:0;
	width: 100%;
	height: 120vh;
	margin: 0 calc(50% - 50vw) 0;
	background: url(/wp-content/themes/lightning_child_sample/img/bg_top_message.jpg) no-repeat center bottom / cover;
	z-index: -1;
}

.top_message{
	position: relative;
	top:-155px;
	margin: 0 calc(50% - 50vw) 0;
	/*background: url(/wp-content/themes/lightning_child_sample/img/bg_top_message.jpg) no-repeat center bottom -10vw / cover;*/
}

.top_message .mask{
	background: linear-gradient(to bottom, rgba(0,0,0, 0), rgba(0,0,0, 0) 60%, rgba(0,0,0, 1.0));
}

.top_message .contents{
	width: 1110px;
	margin: 0 auto;
	padding: 80px 0;
}

.top_message .contents h2{
	width: 800px;
	margin: 0 auto 30vw auto;
}

.top_message .contents p{
	width: 800px;
	margin: 0 auto 50px auto;
	font-size: 20px;
	color: #FFF;
}

.top_message .contents .box_btn ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0 15px;
}

.top_message .contents .box_btn ul li{
	margin: 0;
	padding: 0;
}

.top_news{
	position: relative;
	top:-155px;
	margin: 0 calc(50% - 50vw);
	background: #F5F5F5;
}

.top_news .contents{
	width: 1110px;
	margin: 0 auto;
	padding: 80px 0;
}

.top_news .contents h2{
	margin: 0 auto 50px auto;
	padding: 0;
	font-size: 70px;
	font-weight: bold;
	color: #2B71B6;
	text-align: center;
}

.top_news .contents h2 span{
	padding: 20px 0 0 0;
	font-size: 20px;
	color: #000;
	display: block;
}

.top_news .post-grid{
	margin-bottom: 40px;
}

.top_news .thumb{
	width: 100%;
	height: 15vw;
}

.top_news .thumb img{
	width: 100%;
	height: 15vw;
	object-fit: cover;
}

.top_news .post_date,
.top_news .title{
	padding-left: 20px;
	padding-right: 20px;
}

.top_news .title{
	margin-bottom: 20px!important;
}

.top_news .title a{
	font-size: 18px!important;
}

.top_news .btn{	
	width: 360px;
	margin: 0 auto;
}

.top_news .pagination{
	display: none;
}

.top_about{
	position: relative;
	top:-155px;
	margin: 0 calc(50% - 50vw);
	padding: 80px 0;
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_top_about.jpg) no-repeat right -3vw center / 60%;
}

.top_about .contents{
	width: 1110px;
	margin: 0 auto;
}

.top_about .contents h2{
	margin: 0 auto 70px 0;
	padding: 0;
	font-size: 150px;
	font-weight: bold;
	color: #2B71B6;
}

.top_about .contents p{
	width: 500px;
	margin-bottom: 40px;
	font-size: 20px;
}

.top_about .btn{	
	width: 360px;
	margin: 0 auto 0 0;
}

.top_shousho{
	position: relative;
	top:-155px;
	margin: 0 calc(50% - 50vw);
	padding: 80px 0;
	/*background: linear-gradient(rgba(43, 113, 182, 0.6), rgba(43, 113, 182, 0.6)), url(/wp-content/themes/lightning_child_sample/img/bg_top_shousho.jpg);*/
	background: linear-gradient(rgba(83, 150, 215, 1.0), rgba(43, 113, 182, 1.0));
	background-size: cover;
}

.top_shousho .contents{
	position: relative;
	width: 1110px;
	margin: 0 auto;
}

.top_shousho .white{
	position: absolute;
	bottom:-155px;
	width: 100%;
	height: 155px;
	background: #FFF;
}

.top_business,
.top_ourcars,
.top_business .bgimg,
.top_ourcars .bgimg{
	position: relative;
	margin: 0 calc(50% - 50vw);
}

.top_business,
.top_ourcars{
	/*padding: 80px 0;*/
	background: #FFF;
}

.top_business .bgimg{
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_top_business.jpg) no-repeat right center / contain;
}

.top_ourcars .bgimg{
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_top_ourcars.jpg) no-repeat right center / contain;
}

.top_business:before,
.top_ourcars:before{
	position: absolute;
	top:175px;
	left:0;
	width: calc((100% - 1140px) / 2);
	border-bottom: 1px solid #2B71B6;
	content: "";
	display: block;
}

.top_business .contents,
.top_ourcars .contents{
	width: 1110px;
	margin: 0 auto;
	padding: 50px 0;
}

.top_business .contents h2,
.top_ourcars .contents h2{
	margin: 0 auto 80px 0;
	padding: 0;
	font-size: 70px;
	font-weight: bold;
	color: #2B71B6;
}

.top_business .contents h2 span,
.top_ourcars .contents h2 span{
	padding-top: 30px;
	font-size: 30px;
	font-weight: bold;
	color: #000;
	display: block;	
}

.top_business .btn,
.top_ourcars .btn{	
	width: 360px;
	margin: 0 auto 0 0;
}


/*common
-------------------------------------------------*/
.pagetitleen{
	top: 10px;
	left:5%;
	font-size: 80px;
	color: #2b71b6;
}

h2.pageh2{
	line-height: 1.6;
	font-weight: 900;
	color: #2b71b6;
}

h3:before,
h3:after{
	display: none!important;
}

.mb{
	margin-bottom: 80px;
}

.mb30{
	margin-bottom: 30px;
}

.center{
	text-align: center;
}

.right {
	text-align: right;
}


/*philosophy
-------------------------------------------------*/
.box_philosophy_main{
	margin: 0 calc(50% - 50vw);
	padding: 80px 0;
	background: #FFF;
}

.box_philosophy_main img{
	width: 900px;
	height: auto;
	margin: 0 auto;
	display: block;
}

.box_philosophy{
	position: relative;
	margin: 0 calc(50% - 50vw);
	padding: 80px 5%;
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_philosophy.jpg) no-repeat center / contain;
	display: grid;
	grid-template-columns: 1fr 30% 1fr;
}

.box_philosophy img{
	padding: 40px;
	background: rgba(255, 255, 255, .85);
}

.bg_horizontal01{
	position: relative;
	height: 20vw;
	margin: 150px calc(50% - 50vw) 150px;
}

.bg_horizontal01_ph{
	position: fixed;
	top:0;
	width: 100%;
	height: 100vh;
	background: url(/wp-content/themes/lightning_child_sample/img/bg_horizontal01b.jpg) no-repeat center / cover;
	z-index: -1;
}

.space{
	margin: 0 calc(50% - 50vw);
	padding-bottom: 150px;
	background: #FFF;
}


/*company
-------------------------------------------------*/
.subnavi{
	margin: 0;
	padding: 50px 5%;
	background: #FFF;
	list-style: none;
	display: flex;
}
.subnavi li{
	margin: 0 1em 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.subnavi li a{
	padding: 5px 20px;
	border: 1px solid #CA1414;
	color: #CA1414!important;
	text-align: center;
	display: block;
}

.box_company,
.box_location{
	margin: 0 calc(50% - 50vw) 80px;
	padding: 80px 0 0 0;
	background: url(/wp-content/themes/lightning_child_sample/img/bg_company01.png) no-repeat top left / 70%;
}

.box_company .contents,
.box_location .contents{
	width: 1110px;
	margin: 0 auto;
}

.box_company .contents{
	display: grid;
	grid-template-columns: 30% 1fr;
	grid-gap: 5%;	
}

.box_company .contents h2,
.box_location h2{
	padding: 0;
	line-height: 1.6;
	font-size: 2.5rem;
	font-weight: 900;
	color: #FFF;
}

.box_company .contents img{
	padding: 30px;
	background: rgba(255, 255, 255, .85);
}

.box_company .contents table td{
	background: rgba(255, 255, 255, .85);
}

.box_company .contents table td.protd1,
.box_company .contents table td.protd3{
	background: #f4f5f5;
}

.box_company .contents table td img {
  max-width: 100%;
  width: auto;
  height: auto;
  padding: 0;
  display: inline;
}

.box_location{
	margin-bottom: 250px;
}

.box_location_inner{
	padding: 30px;
	background: rgba(255, 255, 255, .85);
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5%;
}


/*about-us
-------------------------------------------------*/
.grayback{
	/*width: 100%;
	min-width: 100%!important;*/
	margin: 0 auto;
}

.box_about{
	margin: 150px calc(50% - 50vw) 80px;
}

.box_about h2{
	position: relative;
	margin-bottom: 50px;
	padding: 0 5%;
	line-height: 150px;
	text-align: center;
}

.box_about h2 span{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	font-size: 150px;
	font-weight: bold;
	color: #FFF;
	text-shadow:1px 1px 0 #CCC, -1px -1px 0 #CCC,
              -1px 1px 0 #CCC, 1px -1px 0 #CCC,
              0px 1px 0 #CCC,  0-1px 0 #CCC,
              -1px 0 0 #CCC, 1px 0 0 #CCC;
	z-index: -1;
}

.box_about_inner{
	margin: 0 calc(50% - 50vw) 80px;
	padding: 40px 0 0 0;
	background: url(/wp-content/themes/lightning_child_sample/img/bg_about01.png) no-repeat center 10px;	
}

.box_about_inner .contents{
	width: 1110px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 240px 1fr;
}

.box_about_inner .contents span{
	font-size: 100px;
	font-weight: bold;
	color: #FFF;
}

.box_about_inner .contents h3{
	font-size: 2.5rem;
	color: #CA1414!important;
}

.box_about_inner .contents p{
	font-size: 1.2em;
}

.top_shousho.about-us .contents{
	position: relative;
	width:1110px;
	margin: 0 auto;
}


/*business
-------------------------------------------------*/
.bg_horizontal02{
	position: relative;
	height: 20vw;
	margin: 150px calc(50% - 50vw) 150px;
}

.bg_horizontal02_ph{
	position: fixed;
	top:0;
	width: 100%;
	height: 100vh;
	background: url(/wp-content/themes/lightning_child_sample/img/bg_horizontal02.jpg) no-repeat center / cover;
	z-index: -1;
}

.box_business{
	margin: 0 calc(50% - 50vw);
	padding: 80px 0;
	background: #FFF;
}

.box_business.bg_color{
	margin: 0 calc(50% - 50vw);
	padding: 80px 0;
	background: #f4f5f5;
}

.box_business .contents{
	width: 1110px;
	margin: 0 auto;	
}

.box_business_inner{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:0 5%;
}

.box_business_inner h3{
	font-size: 2.0rem;
	font-weight: bold;
	color: #CA1414!important;
}

.box_business_inner dl{
	padding: 30px;
	background: #FFF;
}

.box_business_inner dt,
.box_business_inner dd{
	margin: 0!important;
	padding: 0!important;
	border: 0!important;
}

.box_business_inner h4{
	padding: 15px;
	background: #2b71b6;
	color: #FFF;
	text-align: center;
}


/*our cars
-------------------------------------------------*/
.box_cars{
	margin: 0 calc(50% - 50vw);
	padding: 80px 0 0 0;
	background: #FFF;
}

.box_cars_inner{
	margin-bottom: 150px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 80px;
}

.box_cars_inner img{
	width: 100%;
	height: auto;
	display: block;
}

.box_cars_inner div{
	max-width: 90%;
	width: 500px;
}

.box_cars_inner:nth-of-type(even) img{
	order:2;
}

.box_cars_inner:nth-of-type(even) div{
	margin: 0 0 0 auto;
}

.box_cars_inner h3{
	font-size: 2.0rem;
	font-weight: bold;
	color: #CA1414!important;
}

.box_cars_inner table{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,.05);
}

.box_cars_inner table td{
	font-size: 20px;
	font-weight: 500;
	border-bottom: solid 1px #e6eaec !important;
	border-top: solid 1px #e6eaec !important;
}

.ourcar3 {
	width: 100%!important;
	max-width: 100%!important;
	margin-top: 1em!important;
	padding-right: 1em;
	text-align: right;
	font-size: 20px;
	font-weight: bold;
}

.box_gallery{
	position: relative;
	margin: 0 calc(50% - 50vw);
	padding: 40px 0 80px 0;
}

#gallery{
	padding-right: 5%;
	text-align: right;
}

.box_gallery h2 span{
	position: absolute;
	top:-60px;
	left:0;
	width: 100%;
	font-size: 200px;
	font-weight: bold;
	color: #FFF;
	text-shadow:1px 1px 0 #CCC, -1px -1px 0 #CCC,
              -1px 1px 0 #CCC, 1px -1px 0 #CCC,
              0px 1px 0 #CCC,  0-1px 0 #CCC,
              -1px 0 0 #CCC, 1px 0 0 #CCC;
	z-index: -1;
}


/*recruit
-------------------------------------------------*/
.bg_horizontal03{
	position: relative;
	height: 20vw;
	margin: 150px calc(50% - 50vw) 150px;
}

.bg_horizontal03_ph{
	position: fixed;
	top:0;
	width: 100%;
	height: 100vh;
	background: url(/wp-content/themes/lightning_child_sample/img/bg_horizontal03.jpg) no-repeat center / cover;
	z-index: -1;
}

.box_recruit{
	margin: 0 calc(50% - 50vw);
	padding: 80px 0;
	background: #FFF;
}

.bg_recruit{
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_recruit.jpg) no-repeat right -3vw top 80px / 60%;
}

.bg_recruit h2{
	padding-top: 50px;
}

.message_rec{
	width: 48%;
}

.box_recruit .contents{
	width: 1110px;
	margin: 0 auto;
}

.box_recruit .contents h3{
	font-weight: bold;
	color: #CA1414!important;
}

.box_recruit .contents h3{
	padding: 0;
	border-bottom: 0;
}

.box_recruit .contents .rec_ttl{
	padding: 0 0 3px 15px;
	border-left: 4px solid #CA1414;
	display: block;
}


/*news
-------------------------------------------------*/
.media{
	padding: 2rem 0!important;
}

.page-header_pageTitle{
	margin: 1.2em 0;
	font-size: 3.5rem!important;
	font-weight: bold!important;
}

h1.entry-title {
	padding: 0.5em 0 0.8em 0;
	font-weight: bold!important;
}

.widget-title{
	margin-bottom: 1em!important;
	font-weight: bold!important;	
}


/*footer
-------------------------------------------------*/
.footer_bana{
	position: relative;
	background: url(/wp-content/themes/lightning_child_sample/img/bg_footer_bana.png) no-repeat center / cover;
}

.footer_bana ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.footer_bana ul li{
	margin: 0;
}

.footer_bana ul li:nth-of-type(1){
	background: url(/wp-content/themes/lightning_child_sample/img/ph_footer_bana01.jpg) no-repeat left center / contain;
}

.footer_bana ul li:nth-of-type(2){
	background: url(/wp-content/themes/lightning_child_sample/img/ph_footer_bana02.jpg) no-repeat right center / contain;
}

.footer_bana ul li a{
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	display: block;
}

.footer_bana ul li:nth-of-type(1) a{
	padding: 100px 0 100px 30%;
}

.footer_bana ul li:nth-of-type(2) a{
	padding: 100px 30% 100px 0;
}

.footer_bana ul li a span{
	padding-right: 1.5em;
	background: url(/wp-content/themes/lightning_child_sample/img/icon_link.png) no-repeat right 0.2em center / 1em;
	transition: .3s; 
}

.footer_bana ul li a:hover span{
	background: url(/wp-content/themes/lightning_child_sample/img/icon_link.png) no-repeat right center / 1em;
}

a.footermenu {
  font-size: 1.5rem!important;
}

a.footermenu2 {
  font-size: 1.8rem!important;
}

a.footermenu span,
a.footermenu2 span{
  font-size: 14px!important;
  opacity: 0.8!important;
}

a.ftmp {
	color: #FFF!important;
	opacity: 0.8!important;
}

a.ftmp::after {
	background: url(/wp-content/themes/lightning_child_sample/img/icon_map.png) no-repeat right center / 1.2em;
}

.sengen{
	padding: 5px;
	background: #FFF;
}

.sengen div{
	padding: 20px;
	border: 2px solid #69BF83;
}

.sengen div h2{
	padding-top: 0!important;
	color: #0A7E2D!important;
}

.sengen div .sengenex{
	color: #000;
}

.catch {
	color: #FFF!important;
	opacity: 0.8!important;
}

.fixbtn1{
	display: none!important;
}