/* --------------------------------------------------------------------
	../../style.css
-------------------------------------------------------------------- */
*{
	margin:0;
	padding:0;
	border:none;
}
#contents{
	min-width:100%;
	width:100% !important;
}
#wrap{
	width:100%;
	margin:0px auto 0px;
	padding-bottom:20px;
	position:relative;
}
#et #wrap{
	width:900px;
}
#nav_wrap{
	width:100%;
	background:#fff;
}
#navi{
	width:900px;
	margin:0 auto;
}
#navi li{
	list-style:none;
}
#m-global-nav{
	padding-bottom:0px !important;
}
#pankuzu{
	padding:10px 0 10px;
	font-size:11px;
	color:#999;
}
#pankuzu a{
	text-decoration:none;
	color:#999;
}
#pankuzu a:hover{
	text-decoration:underline;
}
#pankuzu .current {
	color:#FF6567;
}
#ftu-nav {
	padding-top:3px !important;
}
.f_wrap{
	overflow:hidden;
	padding-bottom:30px;
}
.f_wrap p {
	float:left;
	margin-left:20px;
}
.f_wrap p:first-child{
	margin-left:0px;
}
.f_wrap p.last {
	margin-right:0px;
}
h2 {
	margin:10px 0 25px;
}

.exp{
	margin-bottom:25px;
	line-height:170%;
	font-size:14px;
}

#relate{
	border-top:1px solid #999;
}
h3{
	margin:20px 0 20px;
}

/* --------------------------------------------------------------------
	../common.css
-------------------------------------------------------------------- */

#contents{
	min-width:100%;
	width:100% !important;
}
#wrap{
	width:100%;
	margin:0 auto 0px;
	padding-bottom:20px;
	color:#fff;
	position:relative;
}
#top #wrap{
	padding-bottom:55px;	
}

/*
.pc{
	display:block;
}
.sp{
	display:none;
}
a:link, a:visited, a:active {
	color: #3a3a3a;
	text-decoration: none;
	text-decoration: underline;
}
a:hover {
	color: #777;
}
*/
/*--  top--*/

#main{
	position:relative;
}

#main ul {
	position:absolute;
	top:143px;
	right:0;
	text-align:right;
	overflow:hidden;
}
#main ul li {
	margin-bottom:0px;
	position:relative;
	left:483px;
	list-style:none;
}
#main ul li:first-child a{
	padding-top:0;
}
#main ul li a{
	display:block;
	padding:5.5px 0 6px;
}
#main ul li a:hover img{
	filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;
}
#top #wrap p {
	line-height:100%;
	margin:0;
}
#navi h1{
}

/*-- contents --*/
#wrap p{
		font-size:14px;
		line-height:2em;
		margin-bottom:30px;
}
#wrap p.er{
	color:#bbb;
}
#wrap p .name{
	font-weight:bold;
}
.f_wrap_left,.f_wrap_right{
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	margin-bottom:40px;
}
.mb_small{
	margin-bottom:0;
}
.f_wrap_left .clm_l{
	width:650px;
	float:left;
	
}
.f_wrap_left .clm_r{
	width:308px;
	float:right;
	text-align:right;
}
.f_wrap_right .clm_l{
	width:308px;
	float:left;
	text-align:left;
	
}
.f_wrap_right .clm_r{
	width:650px;
	float:right;
}

#wrap h2{
	padding-bottom:0px;
	margin-bottom:0;
	position:relative;
	margin-top:0;
	z-index:1;
}
#wrap .btn_zenpen,
#wrap .btn_kouhen{
	margin:30px 0 22px;
}
#wrap .btn_kouhen{
	text-align:right;
}
#wrap h3{
	margin:63px 0 70px;
	position:relative;
	z-index:1;
}
#wrap h3.first{
	margin-bottom:65px;
}
#wrap h3:first-child{

}


#wrap #nav_btm {
	margin:-10px 0 50px;
	overflow:hidden;
	position:relative;
	height:20px;
}
#wrap #nav_btm p{
	position:absolute;
	bottom:0;
	margin:0;
}
#wrap #nav_btm p.next{
	left:50%;
	margin-left:45px;
}
#wrap #nav_btm p.back{
	right:50%;
	margin-right:75px;
}
#wrap #nav_btm p.gallery{
	right:0;
}
#wrap #nav_btm p.btn_top{
	position:absolute;
	left:50%;
	margin-left:-45px;
	
}
#wrap #nav_btm p a img{
}

#nav_btm a{
	transition: opacity 0.2s;
}
#nav_btm a:hover{
	filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;
}
#wrap .pagetop{
	text-align:right;
	margin:0;
	height:14px;
	font-size:14px;
	padding:0;
	line-height:100%;
	position:absolute;
	right:0;
	bottom:10px;
	cursor:pointer;
	filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;
	text-decoration:underline;
	z-index:2;
}
#wrap .pagetop.not{
	position:static;
}
#wrap .pl .pagetop.not{
	position:relative;
	bottom:-10px;
}
#wrap .pagetop:hover{
	filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;
}
.pl{
	position:relative;
}

/* スマホ --------------------------------------------*/
#honda_logo {
	display: none;
	text-align: left;
	padding: 10px;
	background:#fff;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

#view_change {
	display: none;
	background-color: #ddd;
	padding: 10px 5px 10px 5px;
	font-size: 12px;
	text-align: center;
}
#view_change a {
	font-weight: bold;
}

/* スマホ --------------------------------------------*/

.h_photo{
	text-align:center;
	margin:0px 0 0;
}
.photo_caution{
	text-align:right;
	margin-top:-30px;
	
}

/*--  --*/
#wrap .f_wrap_left .clm_r p,
#wrap .f_wrap_right .clm_l p{
	margin-bottom:18px;
}

/* --------------------------------------------------------------------
	#engineer-talk-wrapper
-------------------------------------------------------------------- */
#main{margin:0;padding:0;}
#engineer-talk-wrapper {width: 100%;}
#engineer-talk-wrapper .mainframe {width: 100%;margin: 0px auto;padding-bottom: 60px;position: relative; max-width: 100%;}
#engineer-talk-wrapper .mainframe p {font-size: 16px;line-height: 1.3;font-weight: normal;color: #000;margin:0px;padding:0px;}

#engineer-talk-wrapper .fL { float: left;}
#engineer-talk-wrapper .fR { float: right;}
.sp {display: none;}
.pc {display: block;}

/* --------------------------------------------------------------------
	TOP
-------------------------------------------------------------------- */
#engineer-talk-wrapper.top-area {background-color: #000;background-image: url(../images/top_background_sub.jpg);background-repeat: no-repeat;background-position: center top;background-size: 1406px;}
#engineer-talk-wrapper.top-area p {color: #FFF;}
#engineer-talk-wrapper.top-area .title {display: none;}
/*#engineer-talk-wrapper.top-area .title {color: #FFF;position: absolute;left: 400px;top: 206px;}*/
#engineer-talk-wrapper.top-area .lead{padding-top: 572px;}
#engineer-talk-wrapper.top-area .lead p {font-size: 17px;line-height: 1.8;}

/*@media only screen and (max-width: 100%) {
#engineer-talk-wrapper.top-area {background-image: url(../images/top_background_sub.jpg);}
}*/

#engineer-talk-wrapper ul.part-area {width: 900px;margin: 45px auto 0px auto;text-align: left;}
#engineer-talk-wrapper ul.part-area li.fL{width: 426px;border: 1px solid #6b6b6b;}
#engineer-talk-wrapper ul.part-area li.fR{width: 426px;border: 1px solid #6b6b6b;/*filter: alpha(opacity=30);opacity: 0.3;*/}
#engineer-talk-wrapper ul.part-area li a{display: block;width: 100%;height: 100%;cursor: pointer;cursor: hand;text-decoration: none;}
#engineer-talk-wrapper ul.part-area li a:hover {text-decoration: none;filter: alpha(opacity=70);opacity: 0.7;}
#engineer-talk-wrapper ul.part-area p {font-size: 22px;line-height: 1.5;color: #FFF;margin: 20px 15px 20px 15px;}

#engineer-talk-wrapper .chronology {width: 900px;margin: 20px auto 0px auto;text-align: left;}
#engineer-talk-wrapper .chronology .img {margin: 0px;padding: 0px;display: table-cell;vertical-align: middle;}
#engineer-talk-wrapper .chronology p {font-size: 18px;line-height: 1.0;color: #FFF;margin: 0px;padding: 0px 0px 0px 20px;display: table-cell;vertical-align: middle;}
#engineer-talk-wrapper .chronology a{display: block;width: 100%;height: 100%;cursor: pointer;cursor: hand;text-decoration: none;}
#engineer-talk-wrapper .chronology a:hover {text-decoration: none;filter: alpha(opacity=70);opacity: 0.7;}

#engineer-talk_foot_box {width: 100%;position: relative;clear: both;}
#engineer-talk_foot_box #engineer-talk-page-top {position: fixed;bottom: 20px;right: 20px;z-index: 101;}
#engineer-talk_foot_box #engineer-talk-page-top a:hover {filter: alpha(opacity=50);opacity: 0.5;}
#engineer-talk-wrapper .mt05 {margin-top: 5px !important;}
#engineer-talk-wrapper .mt10 {margin-top: 10px !important;}
#engineer-talk-wrapper .mt15 {margin-top: 15px !important;}
#engineer-talk-wrapper .mt20 {margin-top: 20px !important;}
#engineer-talk-wrapper .mt25 {margin-top: 25px !important;}
#engineer-talk-wrapper .mt30 {margin-top: 30px !important;}
#engineer-talk-wrapper .mt35 {margin-top: 35px !important;}
#engineer-talk-wrapper .mt40 {margin-top: 40px !important;}
#engineer-talk-wrapper .mb05 {margin-bottom: 5px !important;}
#engineer-talk-wrapper .mb10 {margin-bottom: 10px !important;}
#engineer-talk-wrapper .mb15 {margin-bottom: 15px !important;}
#engineer-talk-wrapper .mb20 {margin-bottom: 20px !important;}
#engineer-talk-wrapper .mb25 {margin-bottom: 25px !important;}
#engineer-talk-wrapper .mb30 {margin-bottom: 30px !important;}
#engineer-talk-wrapper .mb35 {margin-bottom: 35px !important;}
#engineer-talk-wrapper .mb40 {margin-bottom: 40px !important;}

@media only screen and (max-width: 736px) {
html { font-size: 80%; }
body { font-size: 100% !important; -webkit-text-size-adjust: 100%; }

/* --------------------------------------------------------------------
	#engineer-talk-wrapper
-------------------------------------------------------------------- */
#engineer-talk-wrapper {text-align: center;width: 100%;}
#engineer-talk-wrapper .mainframe {width: 92%;margin: 0px auto;padding-bottom: 30px;position: relative;}
#engineer-talk-wrapper .mainframe p {font-size: 1.2rem;line-height: 1.3;font-weight: normal;color: #000;margin:0px;padding:0px;}

/* --------------------------------------------------------------------
	TOP
-------------------------------------------------------------------- */
#engineer-talk-wrapper.top-area {background-image: url(../images/top_title_sp.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100%;}
#engineer-talk-wrapper.top-area p {color: #FFF;}
#engineer-talk-wrapper.top-area .title {display: none;}
#engineer-talk-wrapper.top-area .lead{padding-top: 0px;}
#engineer-talk-wrapper.top-area .lead p {font-size: 1.1rem;line-height: 1.4;text-align: left;}

#engineer-talk-wrapper ul.part-area {width: 100%;margin: 0px auto 0px auto;text-align: left;}
#engineer-talk-wrapper ul.part-area li.fL{width: 100%;float: none;margin-top: 20px;}
#engineer-talk-wrapper ul.part-area li.fR{width: 100%;float: none;margin-top: 20px;}
#engineer-talk-wrapper ul.part-area li img{width: 40%;}
#engineer-talk-wrapper ul.part-area li a:hover {filter: alpha(opacity=100);opacity: 1.0;}
#engineer-talk-wrapper ul.part-area p {font-size: 1.1rem;line-height: 1.4;color: #FFF;margin: 15px 4% 15px 4%;}
#engineer-talk-wrapper ul.part-area p br {display: none;}

#engineer-talk-wrapper .chronology {width: 100%;margin: 20px auto 0px auto;text-align: left;}
#engineer-talk-wrapper .chronology .img {width: 30%;}
#engineer-talk-wrapper .chronology .img img {width: 100%;}
#engineer-talk-wrapper .chronology p {width: 70%;font-size: 1.1rem;line-height: 1.3;padding: 0px 0px 0px 15px;}
#engineer-talk-wrapper .chronology a:hover {text-decoration: none;filter: alpha(opacity=100);opacity: 1.0;}

/* --------------------------------------------------------------------
	汎用スタイル
-------------------------------------------------------------------- */
#safety_wrapper img { width: 100%; }
#safety_wrapper #pageTop { display: none; }
#page-top img {display: none;}

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

#engineer-talk_foot_box {display: none;}
#engineer-talk_foot_box ##engineer-talk-page-top {display: none;}

}


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

}