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

@media screen and (max-width: 736px) {	
/*body {font-size: 80%;-webkit-text-size-adjust: 100%;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;}*/
body {font-size: 80%;-webkit-text-size-adjust: 100%;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;}
#mainCont {width: 100%;margin: 0 0 55px 0;clear: both;}
#mainCont img { width: 100%; }
.sp {display: block;}
.pc {display: none;}

/* --------------------------------------------------------------------
	メインコンテンツ
-------------------------------------------------------------------- */
#mainCont p {font-size: 1.0rem;line-height: 1.6;}
#mainCont p.heading {padding-top: 25px;line-height: 1.4;}
#mainCont p.caution {font-size: 0.8rem;line-height: 1.3;margin-top: 10px;}
#mainCont p.description {padding-left: 10px;margin-top: 0px;margin-bottom: 0px;}
#mainCont .img_box {margin-top: 25px;width: 100%;}

/*  タイトルエリア  */
#mainCont .title_area h2 {font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-weight: normal !important;font-size: 1.3rem;line-height: 1.3;width: 94%;padding: 25px 3% 20px 3%;letter-spacing: -0.05em;}
#mainCont .title_area h2 span  {font-size: 0.8rem;line-height: 1.3;letter-spacing: 0em;}

/*  イントロエリア  */
#mainCont .intro_area{width: 94%;margin: 55px 3% 0 3%;}
#mainCont .intro_area img{width: 100%;}

/*  答える人  */
#mainCont .respondent_area{width: 88%;margin: 50px 3% 0px 3%;padding: 10px 3% 0px 3%;}
#mainCont .respondent_area p {font-size: 0.8rem;line-height: 1.3;}
#mainCont .respondent_area p span{font-size: 0.8rem;line-height: 1.8;}
#mainCont .respondent_area p.fL {width: 18%;padding-top: 3px;padding-bottom: 15px;}
#mainCont .respondent_area p.fR {width: 80%;padding-bottom: 15px;}
#mainCont .respondent_area .name {width: 30%;position: absolute;left: -1px;top: -26px;height: 26px;text-align: center;}
#mainCont .respondent_area .name p{font-size: 0.8rem;line-height: 2;}
#mainCont .respondent_area img {width: 100%;}

/*  コラムエリア  */
#mainCont .column_area{width: 94%;margin: 50px 3% 0px 3%;}
#mainCont .column_area h3 {font-size: 1.0rem;line-height: 1.3;padding: 10px 3% 8px 3%;letter-spacing: -0.03em;}
#mainCont .column_area dl {width: 100%;padding-top: 25px;}
#mainCont .column_area dt {width: 100%;float: none;padding: 3px 4% 0px 0px;}
#mainCont .column_area dd {width: 100%;float: none;padding-top: 25px;}
#mainCont .column_area dd.sp_img {padding-top: 10px;}
#mainCont .column_area dd.sp_img2 {padding-top: 0px;clear: both;}
#mainCont .column_area dd .img_box{margin-top: 25px;}
#mainCont .column_area dd .img_box2{margin-top: 0px;margin-bottom: 0px;}
#mainCont .column_area dd .img_box3{margin-top: 0px;margin-bottom: 25px;}
#mainCont .column_area dd .img_box4{margin-top: 25px;margin-bottom: 25px;}
#mainCont .column_area dd img.mt05 {padding-top: 5px;}

#mainCont .column_area dl.separate dt{width: 100%;float: none;}
#mainCont .column_area dl.separate dd{width: 100%;float: none;}
#mainCont .column_area dl.separate dd .img_box{width: 100%;margin-top: 25px;}

#mainCont .column_area dt.w480 {width: 100%;float: none;margin: 0%;padding: 0%;}
#mainCont .column_area dd.img_box2{margin-top: 25px;width: 100%;float: none;clear: none;display: block;}

/* --------------------------------------------------------------------
	ボトムエリア
-------------------------------------------------------------------- */
#mainCont .bottom_area{width: 94%;margin: 40px 3% 0 3%;}

/*  ネクスト  */
#mainCont ul.next{display: block;width: 100%;}
#mainCont ul.next li {width: 25%;}
#mainCont ul.next li:last-child {width: 75%;}
#mainCont ul.next li p {font-size: 1.0rem;line-height: 1.3;padding-left: 10px;}

/*  ページセレクト  */
#mainCont ul.select{margin-top: 25px;margin-bottom: 50px;}
#mainCont ul.select li .on,#mainCont ul.select li a{font-size: 1.3rem;height: 35px;width: 35px;padding-top: 0px;}
#mainCont ul.select li a img {width: 10px;padding-top: 5px;}

/*  下部リンク  */
#mainCont ul.f_link{
	width: 100%;margin: 40px 0% 0 0%;
}
#mainCont ul.f_link li{
	border: 1px solid #343434;
	width: 100%;
	position: relative;
	text-align: left;
}
#mainCont ul.f_link li.fL{
	float: none;
	margin: 0 0 15px 0;	
}
#mainCont ul.f_link li.fR{
	float: none;	
}
#mainCont ul.f_link li .img img  {
	width: 41%;
}
#mainCont ul.f_link li .arrow {
	position: absolute;
	top: 0px;
	right: 10px;
	bottom: 0px;
	width: 10px;
	margin-top: auto;
	margin-bottom: auto;
	height: 15px;
}
#mainCont ul.f_link li p{
	font-size: 0.8rem;
	line-height: 1.6;
	width: 50%;
	position: absolute;
	top: 10px;
	right: 7%;
}

/* --------------------------------------------------------------------
	SNS
-------------------------------------------------------------------- */
#snsBtns {
	padding-left: 0px;
	width: 188px;
	position: absolute;
	right: 3%;
	padding-bottom: 0px;
	top: auto;
	bottom: -40px;
}
#snsBtns li {
	width: 94px;
	float: left;
}
/* ----SNS SPフッター----- */
#snsBtns2 {
	padding-left: 0px;
	width: 188px;
	padding-bottom: 20px;
}
#snsBtns2 li {
	width: 94px;
	float: left;
}

}