@charset "shift_jis";
/*body {font-family: Meiryo,"Hiragino Kaku Gothic ProN", sans-serif;} */
body {font-family: 'Hiragino Kaku Gothic ProN', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, sans-serif;}
/* --------------------------------------------------------------------
	メインコンテンツ
-------------------------------------------------------------------- */
#mainCont {text-align: center;margin-bottom: 75px;}
#mainCont p {font-size: 16px;line-height: 1.8;text-align: left;}
#mainCont p.heading {font-weight: bold;padding-top: 65px;}
#mainCont p.heading2 {font-weight: bold;padding-top: 0px;}
#mainCont p.caution {font-size: 14px;line-height: 1.6;margin-top: 10px;}
#mainCont p.description {color: #054ba1;font-style: italic;border-left-width: 1px;border-left-style: solid;border-left-color: #054ba1;padding-left: 10px;margin-top: 5px;margin-bottom: 5px;}
#mainCont .img_box {margin-right: auto;margin-left: auto;margin-top: 25px;margin-bottom: 0px;width: 880px;}

/*  タイトルエリア  */
#mainCont .title_area {background-color: #343434;position: relative;}
/*#mainCont .title_area h2 {color: #FFF;text-align: left;padding: 50px 50px 25px 50px;font-size: 34px;line-height: 1.3;font-weight: bold;}*/
/*#mainCont .title_area h2 span {font-size: 16px;line-height: 1.5;font-weight: normal;display: block;padding-top: 5px;}*/
#mainCont .title_area h1 {color: #FFF;text-align: left;padding: 50px 50px 25px 50px;font-size: 34px;line-height: 1.3;font-weight: bold;}
#mainCont .title_area h1 span {font-size: 16px;line-height: 1.5;font-weight: normal;display: block;padding-top: 5px;}
/*  イントロエリア  */
#mainCont .intro_area{width: 880px;margin: 40px 50px 0 50px;}
.intro_area p span.caution {font-size: 12px;display: block;margin-top: 10px;}

/*  アバウトエリア  */
#mainCont .about_area{width: 880px;margin: 40px 50px 0 50px;background-color: #f8f8f8;}
#mainCont .about_area p {padding: 20px;font-size: 16px;line-height: 1.8;text-align: left;}
#mainCont .about_area p span.heading {font-size: 20px;font-weight: bold;display: block;margin-bottom: 10px;}

/*  答える人  */
#mainCont .respondent_area{width: 788px;margin: 50px 50px 0px 50px;padding: 30px 45px 0px 45px;border: 1px solid #343434;position: relative;}
#mainCont .respondent_area p {font-size: 14px;color: #343434;line-height: 1.7;}
#mainCont .respondent_area p span{font-size: 16px;}
#mainCont .respondent_area p.fL {width: 104px;padding-bottom: 30px;clear: both;}
#mainCont .respondent_area p.fR {width: 640px;padding-bottom: 30px;}
#mainCont .respondent_area .name {background-color: #343434;width: 150px;position: absolute;left: -1px;top: -23px;height: 23px;text-align: center;}
#mainCont .respondent_area .name p{font-size: 13px;line-height: 2;color: #FFF;text-align: center;}
.RectClip {border-radius: 10%;}


/*  ビデオエリア  */
#mainCont .video_area{width: 880px;margin: 30px 0px 0px 0px;}

/*  コラムエリア  */
#mainCont .column_area{width: 880px;margin: 65px 50px 0px 50px;}
#mainCont .column_area h2 {font-size: 21px;line-height: 1.0;text-align: left;background-color: #343434;color: #FFF;font-weight: bold;padding: 13px 20px 10px 20px;}
/*#mainCont .column_area h3 {font-size: 21px;line-height: 1.0;text-align: left;background-color: #343434;color: #FFF;font-weight: bold;padding: 13px 20px 10px 20px;}*/
#mainCont .column_area h4 {font-size: 21px;line-height: 1.4;text-align: left;color: #333;font-weight: bold;padding: 40px 0px 0px 0px;}
#mainCont .column_area dl {width: 100%;}
#mainCont .column_area dt {width: 100%;clear: both;margin-top: 25px;display: block;}
#mainCont .column_area dd {width: 100%;text-align: center;margin: 0 auto;padding: 0px;clear: both;}
#mainCont .column_area dt .fL {width: 66px;position: relative;top: 6px;}
#mainCont .column_area dt .fR {width: 785px;}
#mainCont .column_area dt.mt05{margin-top: 5px;}
#mainCont .column_area dt.mt25{margin-top: 25px;}
#mainCont .column_area dt.mt30{margin-top: 30px;}

#mainCont .column_area dd.img_box{margin: 25px 0 0 0;}
#mainCont .column_area dd.img_box_top{margin: 0;}
#mainCont .column_area dd.img_box_half{margin: 30px 0 0 0;width: 390px;float: right;clear: none;}


#mainCont .column_area dt.two_rows {width: 460px;clear: none;float: left;display: block;}
#mainCont .column_area dt.two_rows .fL{width: 66px;position: relative;top: 6px;}
#mainCont .column_area dt.two_rows .fR{width: 365px;}
#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 dt p span{font-weight: bold;display: block;margin-bottom: 3px;}
#mainCont .column_area dd:nth-child(2) {padding-top: 0px;}
#mainCont .column_area dd >*:first-child + *{padding-top: 0px;}

#mainCont .column_area dl.separate dt{width: 420px;float: left;}
#mainCont .column_area dl.separate dd{width: 430px;float: right;}
#mainCont .column_area dl.separate dd .img_box{width: 100%;margin: 8px 0px 0px 0px;}

#mainCont .column_area a   {
	text-decoration: underline;
	color: #06C;
}
#mainCont .column_area a:hover{
	text-decoration: underline;
	color: #C00;
}

#mainCont .video_area {
	width: 880px;
	padding-top: 50px;
	margin: 0 auto;
}

/* --------------------------------------------------------------------
	ボトムエリア
-------------------------------------------------------------------- */
#mainCont .bottom_area{
	margin-top: 100px;
}

/*  ネクスト  */
#mainCont ul.next{
	display: inline-block;
}
#mainCont ul.next li {
	float: left;
}
#mainCont ul.next li p {
	line-height: 1.8;
	padding-left: 5px;
}
#mainCont ul.next li p a{
	text-decoration: underline;
}
#mainCont ul.next li p a:hover{
	text-decoration: none;
	color: #CC0000;
}
/*  下部リンク  */
#mainCont ul.f_link{
	width: 878px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
}
#mainCont ul.f_link li{
	border: 1px solid #343434;
	width: 420px;
	position: relative;
	text-align: left;
}
#mainCont ul.f_link li .img img  {
	vertical-align: top;
}
#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: 14px;
	line-height: 1.6;
	width: 200px;
	position: absolute;
	top: 20px;
	right: 30px;
}

#mainCont ul.f_link li a{
	text-decoration: none;
}
#mainCont ul.f_link li a:hover p {
	color: #C00;
	text-decoration: none;
}


/*  ページセレクト  */
#mainCont ul.select{
	font-size: 0;
	margin-top: 30px;
	font-family: メイリオ, Meiryo, sans-serif;
}
#mainCont ul.select li{
	display: inline-block;
	border: 1px solid #343434;
	text-align: center;
	margin-left: 10px;
}
#mainCont ul.select li:first-child{
	margin-left: 0px;
}
#mainCont ul.select li .on,#mainCont ul.select li a{
	font-size: 24px;
	line-height: 1;
	height: 40px;
	width: 45px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
}
#mainCont ul.select li .on,#mainCont ul.select li a:hover {
	color: #FFF;
	background-color: #343434;
	text-decoration: none;
}
#mainCont ul.select li a img {
	vertical-align: middle;
	position: relative;
	top: -0.1em;
}
#related-contents-container{text-align: left;}

/* --------------------------------------------------------------------
	SNS
-------------------------------------------------------------------- */
#snsBtns {
	padding-left: 0px;
	width: 240px;
	position: absolute;
	right: 30px;
	padding-bottom: 0px;
	top: 15px;
}
#snsBtns li {
	width:110px;
	float: left;
}


/* --------------------------------------------------------------------
	汎用
-------------------------------------------------------------------- */

/*  clearfix  */
.clearfix:after{display:block;visibility:hidden;clear:both;width:0;height:0;content:".";}
.clearfix {zoom: 1;}
.fL {float: left;}
.fR {float: right;}
#mainCont img {vertical-align: bottom;}
.under_line {text-decoration: underline;}
.pc {display: block !important;}
.sp {display: none !important;}