@charset "utf-8";

@media only screen and (max-width: 768px) {
	#aero__body .slider_box section {
		width: 100%;
		height: 0;
		padding-top: 20%;
	}
	
	#aero__body .top_main_visual{
		background-image: url(../images/top_main_sp.jpg);
		background-size: cover;
	}
	
	.top_mv-inner{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

.top_mv-inner div:first-of-type {
bottom: 42%;
    left: 6%;
    width: 90%;
    display: block;
    top: auto;
}
	.top_mv-inner div p.arrow {
		font-size: 14px;
		padding: 0.4em 0.3em 0.4em 0.7em;
		margin: 1em 0 0 3%;
	}
	
	.top_mv-inner p.chatch_copy{
		font-size: 14px;
		padding: 0.5em 0.7em 0.4em 0.7em;
		margin: 1em 3% 0 0;
	}

	.top_mv-inner div.video {
		width: 70px;
		bottom: 48px;
		right: 3%;
	}
	.top_main_recruite {
		bottom: 12%;
		left: 50%;
		padding: 10px 15px 10px;
		max-width: 80%;
		transform: translateX(-50%);
	}
	.top_main_recruite_title {
		font-size: 17px;
	}
	.top_main_recruite_nav-list_item a{
		padding: 0.3em 0.5em;
	}
	#aero__body.top .section-inner a.linkarrow{
		width: 140px;
		font-size: 12px;
	}
	#aero__body.top .section-inner a.linkarrow.btn_white:before{
		border-width: 4px 0px 4px 6px;
	}
	
	/* News
	------------------------------*/
	.top_news{
		margin: 0 auto;
		padding: 40px 0 40px 0;
	}
	#aero__body .top_news .section-inner{
		display: block;
		width: 100%;
	}
	.top_news .section-inner .news_block{
		flex: none;
		display: block;
		margin: 0 auto;
		width: 92%;
		box-sizing: border-box;
	}
	#aero__body.top .section-inner .news_block h2{
		display: inline-block;
		font-size: 18px;
	}
	#aero__body.top .section-inner a.old_link{
		font-size: 12px;
		margin-top: 0.3em;
	}
	#aero__body.top .section-inner a.old_link::before{
		margin: 0.4em 0.3em 0 0em;
		border-width: 4px 0px 4px 6px;
	}
	#top_news{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
	}
	.top_news .section-inner .news_block li:hover{
	filter: alpha(opacity=100);opacity: 1.0;
	}
	.top_news .section-inner .news_block li time{
		font-size: 11px;
	}
	.top_news .section-inner .news_block li p.news_txt{
		font-size: 13px;
		line-height: 1.5em;
	}

	/* Hondaの夢
	------------------------------*/
	.top_dream{
		height: 0;
		padding-top: 100%;
		background-image: url(../images/top_dream_sp.jpg);
		background-size: cover;
		padding-bottom: 15%;
	}
	#aero__body.top .top_dream .section-inner{
		width: 90%;
		bottom: 12%;
	}
	#aero__body.top .section-inner h2{
		display: block;
		font-size: 30px;
	}
	#aero__body.top .section-inner p.lead{
		display: block;
		margin: 1em 0 0 0;
		font-size: 14px;
	}


	/* Hondaの夢
	------------------------------*/
	.top_history{
		height: 0;
		padding-top: 120%;
		margin-top: -2% !important;
		background-image: url(../images/top_history_sp.png);
		background-size: contain;
		padding-bottom: 12%
	}
	#aero__body.top .top_history .section-inner{
		width: 90%;
		bottom: 10%;
	}
	
	/* 事業体制
	------------------------------*/
	.top_business{
		height: 0;
		padding-top: 100%;
		background-image: url(../images/top_business_structure_sp.jpg);
		background-size: cover;
	}
	#aero__body.top .top_business .section-inner{
		width: 90%;
	}
	
 	/* エンジンの仕組み
	------------------------------*/
	/*
	.top_how{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding: 0 0 25px;
	}
	#aero__body.top .top_how .section-inner{
  flex: 0 0 90%;
  align-self: center;
  order: 2;
  margin: 10px auto 0;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
	}
 #aero__body.top .top_how .top_movie_box{
  order: 1;
  flex: 0 0 100%;
  width: 100%;
  margin: 0;
  float: none;
 }
 */
 	/* 技術・品質への想い
	------------------------------*/
	.top_spirit{
		height: 0;
		padding-top: 115%;
		margin-top: 0 !important;
		background: #356ba8 url(../images/top_spirit_sp.jpg) no-repeat 50% 0;
		background-size: contain;
	}
	#aero__body.top .top_spirit .section-inner{
		width: 90%;
		top: auto;
		bottom: 12%;
		transform: translate(-50%, 0);
	}
	#aero__body.top .top_spirit .section-inner h2 br{
		display: none;
	}
	
	/* イノベーション
	------------------------------*/
	.top_innovation{
		height: 0;
		padding-top: 115%;
		margin-top: 0 !important;
		background: url(../images/top_innovation.jpg) no-repeat 50% 0, linear-gradient(90deg, rgba(201,215,255,1) 0%, rgba(0,120,171,1) 56%);
		background-size: contain;
	}
	#aero__body.top .top_innovation .section-inner{
		width: 90%;
		top: auto;
		bottom: 12%;
		transform: translate(-50%, 0);
	}
	#aero__body.top .top_innovation .section-inner h2 br{
		display: none;
	}
 
	/* 製品について
	------------------------------*/
	.top_product{
		height: 0;
		padding-top: 95%;
		margin-top: 0 !important;
		background-image: url(../images/top_product_sp.png);
		background-size: contain;
	}
	#aero__body.top .top_product .section-inner{
		width: 90%;
		top: auto;
		bottom: 5%;
	}

	/* エンジンの仕組み
	------------------------------*/
	.top_how{
		height: 0;
		padding-top: 95%;
		margin-top: 0 !important;
		background-image: url(../images/top_how_sp.png);
		background-size: contain;
		background-color:#FFF;
	}
	#aero__body.top .top_how .section-inner{
		width: 90%;
		top: auto;
		bottom: 12%;
	}
    
    

}