.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 !important;}
.pc {display: none !important;}

/* --------------------------------------------------------------------
	メインコンテンツ
-------------------------------------------------------------------- */
#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 .video_area{width: 94%;margin: 50px 3% 0px 3%;}
#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;}

#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 dt .fL {width: 14%;float: left;padding: 0px 4% 0px 0px;clear: none;position: relative;top: 3px;}
#mainCont .column_area dt .fR {width: 100%;float: none;clear: none;}


#mainCont .column_area dt.mt25{margin-top: 20px;}
#mainCont .column_area dt.mt30{margin-top: 23px;}
#mainCont .column_area dd.img_box{margin-top: 23px;}

#mainCont .column_area dt.w480 {width: 100%;float: none;}
#mainCont .column_area dt.w480 .fL{width: 14%;float: left;padding: 0px 4% 0px 0px;clear: none;position: relative;top: 3px;}
#mainCont .column_area dt.w480 .fR{width: 100%;float: none;clear: none;}
#mainCont .column_area dd.img_box2{margin-top: 23px;width: 100%;float: none;clear: none;display: block;}
#mainCont .column_area dd.img_box2_{margin-top: 23px;width: 100%;float: none;clear: none;display: block;}
#mainCont .column_area dd.img_box3 {margin: 23px auto 0px auto;width: 100%;}
#mainCont .column_area dd.img_box4 {margin: 23px auto 0px auto;width: 100%;}
#mainCont .column_area dt.w480 .fL.mt25{margin-top: 20px;}
#mainCont .column_area dt.w480 .fR.mt25{margin-top: 20px;}
    
#mainCont .column_area .table_of_contents li ul {width: 100%;position: relative;top: 0px;left: 0px;margin-top: 12px;}
#mainCont .column_area .table_of_contents li ul li {font-size: 1.0rem;line-height: 1.4;padding-left: 0em;float: none;width: 100%;margin: 0px;border-top: 1px dotted #CCC;}


.links_box {
    width: 98%;
}
#mainCont .links_box p {
    font-size: 10px;
    line-height: 1.6em;
    margin-left: -1.8em;
}
#mainCont .links_box p span {
    font-size: 14px;
    font-weight: bold;
	line-height: 1.4em;
	margin-top: 5px;
    margin-left: 1.1em;
    text-indent: -1.3em;
}

.links_box div:first-child {
    width: 40%; 
}
.links_box div:nth-child(2) {
    width: 60%;
    padding: 1.2em 1em 0 2.4em;
}
#mainCont .links_box p span:before {
    margin-left: 2px;
    border: transparent solid 8px;
    border-left-color: #c00;
    vertical-align: -2px;
}

/* --------------------------------------------------------------------
	ボトムエリア
-------------------------------------------------------------------- */
#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%;
}

/*  ビデオエリア  */
#mainCont .video_area{
	width: 100%;
	margin-top: 23px;
	margin-right: 0px;
	margin-left: 0px;
}


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

}