@charset "utf-8";


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

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

/*top
-------------------------------------------------*/
/*.top_message{
	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) 40%, rgba(0,0,0, 1.0));
}

.top_message .contents{
	width: 90%;
}

.top_message .contents h2{
	width: 90%;
}

.top_message .contents p{
	width: 90%;
}

.top_message .contents .box_btn ul{
	display: block;
}

.top_message .contents .box_btn ul li{
	margin: 0 auto 30px auto;
}

.top_message .contents .box_btn ul li .btn{
	width: 500px;
	margin: 0 auto;
}

.top_news .contents{
	width: 90%;
	padding-bottom:80px;
}

.top_about{
	margin: 0 calc(50% - 50vw);
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_top_about.jpg) no-repeat right bottom / 60%;
}

.top_about .contents{
	width: 90%;
}

.top_about .contents h2{
	font-size: 80px;
}

.top_about .contents p{
	width: 50%;
}

.top_shousho .contents{
	width: 90%;
}

.top_business .bgimg,
.top_ourcars .bgimg{
	padding-top: 60vw;
}

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

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

.top_business:before,
.top_ourcars:before{
	top:69vw;
	left:0;
	width: 5%;
}

.top_business .contents,
.top_ourcars .contents{
	width: 90%;
}

}



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

.bg{
	background: url(/wp-content/themes/lightning_child_sample/img/bg_top_message.jpg) no-repeat center / cover;
}

.top_message{
	top:-24vw;
}

.top_message .contents{
	padding: 16vw 0;
}

.top_message .contents h2{
	margin: 0 auto 20vw auto;
}

.top_message .contents p{
	margin: 0 auto 10vw auto;
	font-size: 4vw;
}

.top_message .contents .box_btn ul li .btn{
	width: 100%;
}

.top_news{
	top:-24vw;
}

.top_news .contents{
	padding: 16vw 0;
}

.top_news .contents h2{
	margin: 0 auto 10vw auto;
	font-size: 14vw;
}

.top_news .contents h2 span{
	padding: 4vw 0 0 0;
	font-size: 4vw;
}

.top_news .post-grid{
	margin-bottom: 8vw;
}

.top_news .thumb{
	height: 40vw;
}

.top_news .thumb img{
	height: 40vw;
}

.top_news .post_date,
.top_news .title{
	padding-left: 4vw;
	padding-right: 4vw;
}

.top_news .title{
	margin-bottom: 4vw!important;
}

.top_news .title a{
	font-size: 3.7vw!important;
}

.top_news .btn{	
	width: 80%;
}

.top_about{
	margin: 0 calc(50% - 50vw);
	padding: 16vw 0;
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_top_about.jpg) no-repeat right bottom / 100%;
}

.top_about .contents{
	padding-bottom: 50vw;
}

.top_about .contents h2{
	margin: 0 auto 14vw 0;
	font-size: 20vw;
}

.top_about .contents p{
	width: 100%;
	margin-bottom: 8vw;
	font-size: 4vw;
}

.top_about .btn{	
	width: 80%;
}

.top_shousho{
	margin: 0 calc(50% - 50vw);
	padding: 16vw 0;
}

.top_shousho .white{
	bottom:-35vw;
	height: 35vw;
	background: #FFF;
}

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

.top_business:before,
.top_ourcars:before{
	top:76vw;
}

.top_business .contents,
.top_ourcars .contents{
	padding: 10vw 0;
}

.top_business .contents h2,
.top_ourcars .contents h2{
	margin: 0 auto 16vw 0;
	font-size: 9.5vw;
}

.top_business .contents h2 span,
.top_ourcars .contents h2 span{
	padding-top: 6vw;
	font-size: 6vw;
}

.top_business .btn,
.top_ourcars .btn{	
	width: 80%;
}


/*common
-------------------------------------------------*/
/*.pagegray {
	height: 20vw;
}*/

.pagetitleen{
	/*top:8vw;*/
	font-size: 8vw;
}

h2.pageh2{
	font-size: 6vw!important;
}


/*philosophy
-------------------------------------------------*/
.box_philosophy_main{
	padding: 16vw 0;
}

.box_philosophy_main img{
	width: 90%;
}

.box_philosophy{
	padding: 16vw 5%;
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_philosophy_sp.jpg) no-repeat center / contain;
	display: block;
}

.box_philosophy img{
	padding: 6vw;
	background: none;
}

.box_philosophy div:nth-of-type(1){
	margin-bottom: 40vw;
}

.box_philosophy div{
	height: auto;
}

.bg_horizontal01{
	height: 10vw;
	margin: 30vw calc(50% - 50vw) 30vw;
}

.space{
	padding-bottom: 10vw;
}


/*company
-------------------------------------------------*/
.subnavi{
	padding: 10vw 5% 5vw 5%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap:3vw;
}
.subnavi li{
	margin: 0;
}

.subnavi li a{
	width: 100%;
	padding: 1vw 4vw;
	display: block;
}

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

.box_company .contents,
.box_location .contents{
	width: 90%;
}

.box_company .contents{
	display: block;
}

.box_company .contents img{
	padding: 4vw;
}

.box_location{
	margin-bottom: 75vw;
}

.box_location_inner{
	padding: 4vw;
	grid-template-columns: 1fr;
	grid-gap:2% 0;
}


/*about-us
-------------------------------------------------*/
.box_about{
	margin: 16vw calc(50% - 50vw);
}

.box_about h2{
	margin-bottom: 10vw;
	line-height: 28vw;
	font-size: 8vw!important;
}

.box_about h2 span{
	font-size: 14vw;
	line-height: 14vw;
}

.box_about_inner{
	margin: 0 calc(50% - 50vw) 16vw;
	padding: 4vw 0 0 0;
	background: url(/wp-content/themes/lightning_child_sample/img/bg_about01_sp.png) no-repeat left -55vw top / 90%;	
}

.box_about_inner .contents{
	width: 90%;
	display: block;
}

.box_about_inner .contents span{
	margin-bottom: 6vw;
	font-size: 3.0rem;
	display: block;
}

.box_about_inner .contents h3{
	font-size: 2.0rem;
}

.top_shousho.about-us .contents{
	width:90%;
}


/*business
-------------------------------------------------*/
.bg_horizontal02{
	margin: 30vw calc(50% - 50vw) 30vw;
}

.bg_horizontal02_ph{
	background: url(/wp-content/themes/lightning_child_sample/img/bg_horizontal02.jpg) no-repeat right center / cover;
}

.box_business{
	padding: 16vw 0;
}

.box_business.bg_color{
	padding: 16vw 0;
}

.box_business .contents{
	width: 90%;
}

.box_business_inner{
	display: block;
}

.box_business_inner dl{
	margin-bottom: 6vw;
	padding: 4vw;
}

.box_business_inner h4{
	padding: 3vw;
}


/*our cars
-------------------------------------------------*/
.box_cars{
	padding: 16vw 0 0 0;
}

.box_cars_inner{
	margin-bottom: 16vw;
	display: block;
}

.box_cars_inner div{
	max-width: 100%;
	width: 100%;
}

.box_cars_inner img{
	margin-bottom: 18vw!important;
	display: block;
}

.box_cars_inner:nth-of-type(1) img{
	margin-bottom: 8vw!important;
}

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

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

.box_cars_inner h3{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.box_cars_inner table{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.box_cars_inner table td{
	font-size: 1.2rem;
}

.ourcar3 {
	width: 90%!important;
	max-width: 90%!important;
	font-size: 1.2rem;
}

.box_gallery{
	padding: 0 0 16vw 0;
}

#gallery{
	padding-right: 0;
	text-align: center;
}

.box_gallery h2 span{
	position: relative;
	top:0;
	left:0;
	font-size: 20vw;
	text-align: center;
	display: block;
}


/*recruit
-------------------------------------------------*/
.bg_horizontal03{
	height: 10vw;
	margin: 30vw calc(50% - 50vw) 30vw;
}

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

.box_recruit{
	padding: 16vw 0;
}

.bg_recruit{
	padding-bottom: 65vw;
	background: #FFF url(/wp-content/themes/lightning_child_sample/img/bg_recruit.jpg) no-repeat right -3vw bottom / 95%;
}

.bg_recruit h2{
	padding-top: 0;
	font-size: 5.8vw!important;
}

.message_rec{
	width: 100%;
}

.box_recruit .contents{
	width: 90%;
}

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











/*footer
-------------------------------------------------*/
.footer_bana{
	background: none;
}

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

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

.footer_bana ul li a{
	font-size: 4vw;
	text-align: center;
	display: block;
}

.footer_bana ul li:nth-of-type(1) a,
.footer_bana ul li:nth-of-type(2) a{
	padding: 56vw 0 6vw 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 span,
a.footermenu2 span{
  font-size: 3.4vw!important;
}

.sengen div{
	padding: 4vw;
}

}