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

@media screen and (max-width: 736px) {	
/*body {font-size: 80%;-webkit-text-size-adjust: 100%;font-family: メイリオ, Meiryo, sans-serif;}*/
body {font-size: 80%;-webkit-text-size-adjust: 100%;font-family: 'Hiragino Kaku Gothic ProN', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, sans-serif;}
#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-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 .title_area h1 {font-size: 1.3rem;line-height: 1.3;width: 94%;padding: 25px 3% 20px 3%;letter-spacing: -0.05em;}
#mainCont .title_area h1 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 .about_area{width: 94%;margin: 40px 3% 0 3%;background-color: #f8f8f8;}
#mainCont .about_area p {padding: 15px 20px;font-size: 1.0rem;line-height: 1.6;}
#mainCont .about_area p span.heading {font-size: 1.2rem;margin-bottom: 10px;}

/*  答える人  */
#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 h2 {font-size: 1.0rem;line-height: 1.3;padding: 10px 3% 8px 3%;letter-spacing: -0.03em;}
/*#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: 0;}
#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 dt.two_rows {width: 100%;clear: none;float: left;display: block;}
#mainCont .column_area dt.two_rows .fL{width: 14%;position: relative;top: 3px;}
#mainCont .column_area dt.two_rows .fR{width: 100%;}
#mainCont .column_area dt.two_rows .fL.mt25{margin-top: 25px;}
#mainCont .column_area dt.two_rows .fR.mt25{margin-top: 25px;}	

#mainCont .column_area dd.img_box{margin: 20px 0 0 0;}
#mainCont .column_area dd.img_box_half{margin: 0;padding-top: 20px;width: 100%;float: none;clear: both;}
	
/*  ビデオエリア  */
/*#mainCont .video_area{width: 94%;margin: 50px 3% 0px 3%;}*/
#mainCont .video_area{width: 100%;margin: 25px 0 0 0;}
.video_area {position: relative;padding-bottom: 56%;overflow: hidden;}
.video_area iframe {position: absolute;top: 0;left: 0;width: 100%;height: 83%;}
	
/* --------------------------------------------------------------------
	ボトムエリア
-------------------------------------------------------------------- */
#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: 208px;
	position: absolute;
	right: 0;
	padding-bottom: 0px;
	top: auto;
	bottom: -40px;
}
#snsBtns li {
	width: 104px;
	float: left;
}
/* ----SNS SPフッター----- */
#snsBtns2 {
	padding-left: 0px;
	width: 208px;
	padding-bottom: 20px;
}
#snsBtns2 li {
	width: 104px;
	float: left;
}

}