@charset "utf-8";

/*******************************************************************************
 Pyxis2アンケート用 スタイルシートサンプル
 *******************************************************************************/

/*=============================================================================*
 全ページ　共通レイアウト
 *=============================================================================*/

/*全体レイアウト*/
*{
	margin:0px;
	padding:0px;
}

html,body{
	-webkit-text-size-adjust:none;
	font-size:15px;
	line-height: 120%;
	background-color:#ffffff;
	height:100%;
}

/* Chromeの画像がぼやけて表示される対策 */
html,body{
	image-rendering: -webkit-optimize-contrast;
}

.note{
	line-height: 1.2;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
}

/* IE・EdgeのFA折り返し対策 */
textarea {
	white-space: pre-wrap;
}
div.note textarea {
	white-space: pre-wrap;
}

* html div#wrapper{
	height:100%;
}

div#wrapper{
	position:relative;
	min-height:100%;
	width:100%;
	min-width:800px;
	margin:0px auto;
}

body > #wrapper {
	height: auto;
}

div#header {
	background-image: url(../img/header.jpg);
	width:100%;
	height:35px;
}

div#contents {
	padding-bottom:35px;
	margin:0px auto 0px auto;
	width:100%;
	text-align:center;
	padding:10px 0px 60px 0px;
}

div#footer{
	background-color: #BFBFBF;
	position:absolute;
	bottom:0px;
	height:35px;
	width:100%;
}

div#main {
}

/*問い合わせ Area*/
div#inquiry{
	width:800px;
	text-align:right;
	margin:0px auto 0px auto;
}

div#main div#inquiryAlert {
	height:auto;
}

/*アンケート参加/送信ボタン Area*/
div#buttonArea {
	background-image:url(../img/button_area.jpg);
	width:600px;
	height:37px;
	margin:40px auto 0px auto;
	padding:9px 0px 0px 0px;
}

div#buttonArea #btnlarge {
	background:url(../img/btn01.gif);
	border:none;
	width:313px;
	height:28px;
	color:#6F6F6F;
	font-weight:bold;
	font-size:15px;
}

div#buttonArea #btnsmall {
	background:url(../img/btn02.gif);
	border:none;
	width:121px;
	height:28px;
	color:#6F6F6F;
	font-weight:bold;
	font-size:14px;
}

/*TOP,END Page アンケート名*/
div#eqttitle{
	background-image:url(../img/top_title.jpg);
	width:800px;
	height:22px;
	padding:6px;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	margin: 10px auto 0px auto;
}

/* タイトル2行～対策　height:22px;を削除し、下記を追加　*/
div#eqttitle {
	background-size: cover;
	border-radius: 3px;
	display: inline-block;
	height: auto;
	line-height: 25px;
}

/*=============================================================================*
 上部注意文-バー
 *=============================================================================*/
div#attention {
	width:676px;
	margin:15px auto 0px auto;
	border:2px dashed #D4D4D4;
	padding:10px;
	font-size:12px;
	text-align:center;
}

div#progressbar{
	width:700px;
	margin:15px auto 0px auto;
}

div#progressbar table#progress{
	margin-left:auto;
	margin-right:0px;
}

/*=============================================================================*
 設問関係用共通
 *=============================================================================*/

/*設問・設問グループ Area*/
div.qgroup,div.question{
	margin:30px auto 0px auto;
	padding:0px;
}

/*設問文テーブル*/
div.content{
	margin:15px auto 0px auto;
	border:1px solid #0167BB;
	background-color:#FFFCDD;
	width:578px;
	padding:10px;
	text-align:left;
	position:relative;
}

/*サブ設問文テーブル*/
div.content_sub{
	margin:15px auto 0px auto;
	border:1px solid #0167BB;
	background-color:#d2e9ff;
	width:500px;
	padding:10px;
	text-align:left;
}

/*設問番号*/
.qno{
	font-size:16px;
	font-weight:bold;
}

/*設問文*/
div.content_note{
	margin:3px auto 0px auto;
}

/*=============================================================================*
 カテゴリ関係用共通
 *=============================================================================*/

/*カテゴリ*/
div.answer {
	margin:15px auto 0px auto;
}

/*カテゴリ テーブル*/
table.categories{
	margin:0px auto 0px auto;
	text-align:left;
	font-size:14px;
}

/*帯テキスト(マトリクス以外)*/
td.category_subject{
	border: double 3px #5191D8;
	background-color:#FFFFFF;
	text-align:left;
	padding:5px;
}

/*カテゴリ テキスト*/
td.categorie_text{
	font-size:14px;
	text-align:left;
	vertical-align:top;
	padding:2px;
}

/*カテゴリ 横並び*/
td.categorie_inline{
	float:left;
	vertical-align:top;
	margin:0px 20px 0px auto;
}

/* 画像表示カテゴリ */
td.category_images{
	text-align:center;
	border: 1px solid;
	border-color: #5191D8;
}

/* 画像表示カテゴリ 画像表示部分*/
td.category_image{
	text-align:center;
	border-bottom: solid 1px #5191D8;
}

/*SA・MAカテゴリ input*/
td.rdck_input{
	vertical-align:top;
	padding:4px;
}

/*SA・MAカテゴリ input スマートフォン対応*/
td.rdck_input_sp{
	vertical-align:top;
	padding:5px 4px 5px 4px
}

/*SA・MAカテゴリ 縦位置調整 スマートフォン対応*/
div.rdck_height_sp{
	line-height: 120%;
	text-indent: -1.9em;
	padding-left: 1.9em;
}

/*SA・MAカテゴリ category スマートフォン対応*/
div.rdck_height_sp span.rdck_category_sp {
	position:relative;
	font-size:14px;
	margin: 0px 0.4em 0px 0px;
	text-align: right;
	width: 1.5em;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	
}

/*SA・MAカテゴリ label スマートフォン対応*/
div.rdck_height_sp label.rdck_label_sp {
	padding:5px 4px 5px 0px;
}

/*100%算出 カテゴリ テーブル*/
table.pph_categories{
	margin:0px auto 0px auto;
	text-align:left;
	font-size:14px;
	background-color:#0167BB;
	border-spacing:1px;
	padding:0px;
}

/*100%算出 カテゴリ テキスト*/
td.pph_categorie_text{
	background-color:#E9F8FF;
	font-weight: bold;
	margin: auto auto auto auto;
	padding:5px 14px 5px 14px;
}

/*100%算出 カテゴリ input*/
td.pph_input{
	background-color:#FEFDDF;
	margin: auto auto auto auto;
	padding:5px 14px 5px 14px;
}

/*100%算出 合計値 テキスト*/
td.pph_sum_text{
	background-color:#D8E9FB;
	padding:0px;
	margin: auto auto auto auto;
	padding:5px 14px 5px 14px;
}

/*100%算出 合計値 input*/
td.pph_sum_input{
	background-color:#D8E9FB;
	margin: auto auto auto auto;
	padding:5px 14px 5px 14px;
}

/*=============================================================================*
 エレメント関係
 *=============================================================================*/
div.element{
	margin:15px auto 0px auto;
}

div.element_box_default{
	border:2px solid #0167BB;
	background-color:#d2e9ff;
	width:600px;
	text-align:left;
	padding:5px;
}

div.element_box_backclear{
	border:2px solid #ffffff;
	background-color:#ffffff;
	width:600px;
	text-align:left;
	padding:5px;
}

div.element_box_lineBlue{
	border:2px solid #0167BB;
	background-color:#ffffff;
	width:600px;
	text-align:left;
	padding:5px;
}

div.element_box_reference{
	width:600px;
	text-align:center;
	padding:5px;
}

.element_table_reference{
	margin: 5px auto auto auto ;
	border-spacing:1px;
	border:none;
	background-color:#0099FF;
}

.element_table_reference tr {
	background-color:#FFFFFF;
}

.element_table_reference td {
	text-align:left;
	font-size:14px;
	padding:5px;
}


/*=============================================================================*
 マトリクス関係用共通
 *=============================================================================*/

/*マトリクス全体*/
div#answerMatrix {
	padding:0px;
	margin:15px auto 0px auto;
}

/*マトリクス テーブル*/
table.matrix_h,
table.matrix_v {
	font-size:14px;
	background-color:#ffffff;
	border:1px solid #0167BB;
	border-collapse:collapse;
	border-spacing:0px;
	margin:0px auto 0px auto;
}

/*マトリクス テーブルセル*/
table.matrix_v th,
table.matrix_v td,
table.matrix_h th,
table.matrix_h td {
	border:1px solid #0167BB;
	padding:5px;
	text-align:center;
}

/*マトリクス テーブルセル 縦幅調整*/
table.matrix_v td,
table.matrix_h td {
	height:34px;
}

/*マトリクス 帯文章*/
table.matrix_v td.subject ,table.matrix_h td.subject {
	text-align:left;
	font-weight:bold;
	color:#5191D8;
	padding:5px;
}

/*表頭テキスト*/
table.matrix_v td.verticaltextcol,
table.matrix_h td.verticaltextcol{
	vertical-align:top;
	text-align:center;
	padding:1px;
	border:0px;
}

/*マトリクス縦文字列*/
table.verticaltext {
	margin:0px auto 0px auto;
	font-size:14px;
	border:0px;
}

/*マトリクス表側用(縦)*/
div.side_h_text {
	text-align:left;
	font-weight:normal;
}

/*マトリクス表側用(横)*/
div.side_v_text {
	text-align:left;
}

/*回答方向*/
table.matrix_v th.direction,
table.matrix_h th.direction {
	vertical-align:middle;
	background-color:#d2e9ff;
	padding :30px;
}

/*回答方向画像-横*/
div.arrowImage1{
	background-image:url(../img/ept_arrow01.png);
	width:102px;
	height:106px;
	margin:auto;
}

/*回答方向画像-縦*/
div.arrowImage2{
	background-image:url(../img/ept_arrow02.png);
	width:85px;
	height:111px;
	margin:auto;
}

/*AB画像-A*/
div.sideImage1{
	background-image:url(../img/a.gif);
	width:100px;
	height:70px;
	margin:auto auto auto auto;
}

/*AB画像-B*/
div.sideImage2{
	background-image:url(../img/b.gif);
	width:100px;
	height:70px;
	margin:auto auto auto auto;
}

/*=============================================================================*
 アラート関係用共通
 *=============================================================================*/

/*アラート用*/
div.alert {
	margin:0px auto 0px auto;
	width:600px;
	background-color:#FFEEEE;
	text-align:left;
	font-size:14px;
	padding:10px;
	border:1px dashed #800000;
}

div.page_alerttitle{
	background-color:#CC0066;
	color:#FFFFFF;
	width:680px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	padding:10px;
	margin: 15px auto 0px auto;
}

div.alert div.alerttitle{
	background-color:#CC3366;
	text-align:center;
	padding:4px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
}

div.alert table{
	margin:0px 0px 0px 15px;
}

div.alert table th{
	width:70px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	color:#800000;
}

div.alert table td{
	font-size:14px;
	text-align:left;
	color:#FF0000;
}

/*=============================================================================*
 HTML制御関係用共通
 *=============================================================================*/

/*HTMLページ制御内容表示POP*/
div.pageHtmlMessages {
	margin: 15px auto 0px auto;
	border: 1px solid #828282;
	text-align: left;
	background-image: url(../img/pageHtmlMsgBack.gif);
	font-size: 14px;
	line-height: 16px;
	width: 730px;
	padding: 10px;
}

div.htmlNote {
	margin: 15px auto 0px auto;
	border: 1px solid #828282;
	text-align: left;
	background-image: url(../img/pageHtmlMsgBack.gif);
	font-size: 14px;
	line-height: 16px;
	width: 730px;
	padding: 10px;
}

/*HTML設問制御内容表示POP*/
div.htmlMessages {
	margin: 15px auto 0px auto;
	padding: 0px;
	width: 700px;
}

div.htmlMessages table {
	width: 100%;
	border-collapse: collapse;
	border: 0px;
}

div.htmlMessages th.thS {
	background-color: #999999;
	width: 65px;
	height: 12px;
}

div.htmlMessages th.thQ {
	vertical-align: top;
	text-align: center;
	background-color: #999999;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #FFFFFF;
	width: 63px;
	padding: 2px 1px 2px 1px;
	text-shadow: 0px 2px 1px #4C4C4C;
}

div.htmlMessages td.tdS {
	background-color: #DCE5F5;
}

div.htmlMessages td.tdQ {
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	padding: 2px 15px 2px 15px;
	background-color: #DCE5F5;
}

span.htmlCond {
	display: none;
}
span.htmlCondwithT {}

div.htmlMsgBottom {
	height: 14px;
	background-image: url(../img/htmlMsgBottom.gif);
}
/* 条件式内の設問番号 */
span.conditionQNo {
	color: #0000A0;
	font-weight: bold;
}

/*HTMLアンケート開始用*/
div.htmlEqtStart {
	margin: 10px auto 7px auto;
	width: 750px;
	background-color: #0E3B66;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	line-height: 30px;
	text-shadow: 0px 2px 1px #000000;
}

/*HTML改ページ表示用*/
div.htmlPageBreak {
	margin: 50px auto 7px auto;
	height: 20px;
	width: 100%;
	background-image: url(../img/pageBreak.gif);
}
span.htmlPageBreak {
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	color: #8D9595;
}

/*HTMLページ番号*/
div.htmlPageNoArea {
	width:750px;
	margin:auto auto auto auto;
}

div.htmlPageNo {
	margin: 0px auto 0px 0px;
	width: 70px;
	line-height: 25px;
	background-color: #C5CDD8;
	text-align: center;
	color: #000000;
	font-size: 14px;
}

div.htmlPageNo a{
	text-decoration: none;
}

/*HTML EyeCatch*/
div.eyecatch {}
div.eyecatchS {
	padding: 0px 0px 0px 15px;
}
div.eyecatch_yl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_y.gif);
	text-shadow: 0px 2px 1px #C86D31;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_ol {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_o.gif);
	text-shadow: 0px 2px 1px #C86D31;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_gl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_g.gif);
	text-shadow: 0px 2px 1px #259152;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_bl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_b.gif);
	text-shadow: 0px 2px 1px #386186;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_rl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	background-image: url(../img/eyecatch_r.gif);
	text-shadow: 0px 2px 1px #A83B30;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_grl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #505050;
	text-align: center;
	font-size: 12px;
	background-color: #CCCCCC;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_blankl {
	width: 75px;
	height: 20px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	font-size: 12px;
	float: left;
	margin: 0px 7px 0px 0px;
}
div.eyecatch_lt {
	font-size: 12px;
	line-height: 20px;
	width: 515px;
	float: left;
}
div.eyecatch_st {
	font-size: 12px;
	line-height: 20px;
	width: 500px;
	float: left;
}

/*HTML Navigation*/
div.htmlSideBer {
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px auto;
	padding:0px;
	width:230px;
	position: fixed;
	z-index: 2;
}
div.htmlsideBerforDisp {
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px auto;
	padding:0px;
	width:30px;
	position: fixed;
	z-index: 1;
}

div.htmlSideBerDispButton {
	right: 0px;
	position: fixed;
}
div.htmlSideBerHiddenButton {
	float:left;
}
div.htmlSideBerButton {
	width: 29px;
	margin: 55px 0px auto 0px;
	background-color: #999999;
	height: 60px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
}
div.htmlSideBerButton:hover {
	background-color: #CCCCCC;
}

div.htmlNavigation {
	float:right;
	top: 0px;
	right: 0px;
	margin: 0px 0px 0px auto;
	padding:0px;
	width:200px;
	background-color:#F2F4F8;
	border:0px solid #FFFFFF;
	border-left:1px solid #999999;
	text-align:left;
}

div.htmlNavigation a{
	text-decoration: none;
	color: #1A1B1D;
}
div.sideButton {
	color: #FFFFFF;
	text-shadow: 0px 2px 1px #000000;
	background-color: #0E3B66;
	width: 170px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	margin: 10px auto 0px auto;
	cursor: pointer;
}
div.sideButton:hover {
	background-color: #6E89A3;
}
div.pageNavi {
	margin: 10px auto;
	width: 170px;
	padding: 0px 15px 10px 15px;
	overflow-y: scroll;
}
div.pageNaviP {
	background-color: #C5CDD8;
	margin: 0px 0px 5px 0px;
	padding: 1px 10px 1px 10px;
}
div.qNaviP {
	text-align: left;
	float: left;
	width: 60px;
	margin: 0px 0px 10px 10px;
	
}

/*Matrix check*/
div.htmlalert {
	width:1000px;
	display: inline-table;
}

div.htmlalerttitle {
	height:300px;
	font-size:30px;
}

div.htmlalerttitle span {
	position:relative; top:35%;
	line-height: 130%;
}

div.htmlalert table {
	margin:10px 0px 0px 0px; 
	padding:5px; 
	border:2px dashed #f50126;
	width:1000px;
}

div.htmlalert table th {
	width:170px;
}
/*Matrix check*/

/*HTML用カテゴリ番号*/
div.html_category_no {
	position:absolute;
	font-size: 12px;
	color:#FF0000;
	font-weight:bold;
}

/*Matrix 回答セル*/
div.matrix_answercell {
	position: relative;
}

/*=============================================================================*
 Font Color
 *=============================================================================*/

/*謝礼*/
.fee{
	color:#FF0000;
}
/* リクルートのコメントで使用 */
.comment{
	font-weight:normal;
	font-size:12px;
}
/* 赤 */
.red{
	color:#FF0000;
}
/* 青 */
.blue{
	color:#0000FF;
}
/* 太字 */
.bold {
	font-weight:bold;
}

/* 太字 */
.size12 {
	font-size:12px;
}


/*=============================================================================*
 Design Color
 *=============================================================================*/

.mxStripeOdd {
	background-color: #FFFFFF;
}

.mxStripeEven {
	background-color: #FEFDDF;
}

.mxStripeOdd2 {
	background-color: #FFFFFF;
}

.mxStripeEven2 {
	background-color: #E9F8FF;
}

.mxCellHighlight {
	background-color: #FFB0B3;
}

.mxRowHighlight {
	background-color: #FDDFE3;
	color: #ff0000;
}

.mxColumnHighlight {
	background-color: #FDDFE3;
}

.mxHeaderHighlight {
	background-color: #FDDFE3;
}

/*=============================================================================*
 リクルート
 *=============================================================================*/
div.recruitinfo {
	width:600px;
	margin:30px auto 0px auto;
	text-align:left;
}

/* 注釈 */
div.recruitinfo table.attention{
	width:100%;
	background-color: #d2e9ff;
	border:1px solid #0000ff;
	font-weight:bold;
	font-size:15px;
}

/* 詳細 */
div.recruitinfo table.detail{
	width:100%;
	margin-top:15px;
	border:2px solid #44B5FF;
	font-size:14px;
}
div.recruitinfo table.detail tr.color1{
	background-color: #ffffff;
	padding:2px;
}
div.recruitinfo table.detail tr.color2{
	background-color: #EFEFEF;
}
div.recruitinfo table.detail td.color1{
	font-weight:bold;
	padding:3px;
}
div.recruitinfo table.detail td.color2{
	padding:3px;
}

/* 実査詳細 注意事項 */
div.recruitinfo table.detailattention{
	width:100%;
	color: #0000ff;
	font-size:12px;
}

/* 応募について */
div.recruitinfo table.applycolor1{
	width:100%;
	margin-top:15px;
	color: #0000ff;
	font-weight:bold;
	font-size:15px;
}
div.recruitinfo table.applycolor2{
	width:100%;
	border:1px solid #44B5FF;
	font-size:14px;
}
div.recruitinfo table.applycolor2 td.color1{
	border:1px solid #D2E9FF;
	vertical-align:top;
	color: #0000ff;
	padding:2px;
}
div.recruitinfo table.applycolor2 td.color2{
	border:1px solid #D2E9FF;
	padding:2px;
}

/* 個人情報について */
div.recruitinfo table.personalcolor1{
	width:100%;
	margin-top:15px;
	color: #0000ff;
	font-weight:bold;
	font-size:15px;
}
div.recruitinfo table.personalcolor2{
	width:100%;
	border:1px solid #44B5FF;
	font-size:14px;
}
div.recruitinfo table.personalcolor2 td.color1{
	border:1px solid #D2E9FF;
	vertical-align:top;
	color: #0000ff;
	padding:2px;
}

div.recruitinfo table.personalcolor2 td.color2{
	border:1px solid #D2E9FF;
	padding:2px;
}

div.recruitinfo table.personalcolor3{
	width:100%;
	text-align: right; 
	font-weight:bold;
	font-size:15px;
}
div.recruitinfo table.personalcolor4{
	width:100%;
	margin-top:15px;
	border:1px solid #999999;	
	font-weight:bold;
	font-size:15px;
}
div.recruitinfo table.personalcolor4_inner{
	width:100%;
	padding-left:30px;
	font-weight:bold;
	font-size:15px;
}


/*=============================================================================*
 リクルート FS
 *=============================================================================*/
div.fs{
	width:600px;
	margin:15px auto 0px auto;
}

div.fs table{
	width:100%;
	font-size:13px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align:left;
}

div.fs td.topicColor1{
	padding:3px 3px 3px 10px;
	background-color: #F4FDFF;
	border:1px solid #44B5FF;
	font-weight:bold;
}
div.fs td.topicColor2{
	padding:3px 3px 3px 10px;
	background-color: #EEFCFF;
	border:1px solid #44B5FF;
	font-weight:bold;
}
div.fs td.inboxColor1{
	padding:3px 3px 3px 10px;
	background-color: #ffffee;
	border:1px solid #44B5FF;
}
div.fs td.inboxColor2{
	padding:3px 3px 3px 10px;
	background-color: #fffed0;
	border:1px solid #44B5FF;
}


/*=============================================================================*
 印刷範囲の指定
 *=============================================================================*/

@media print{
	div#header{display:none;}
	div#footer{display:none;}
	div.htmlNavigation{display:none;}
	div.htmlPageBreak{display:none;}
	div.sideBer{display:none;}
	div.htmlSideBerButton{display:none;}
	div#wrapper{width:100%; float:none;}
}


/*=============================================================================*
 付箋コメント付与用
 *=============================================================================*/

/*付箋テーブル*/
div.for_sticky{
	margin:0 auto;
	width:580px;
	padding:0 10px;
	text-align:left;
	position:relative;
}





/* Minor change version1.0 Start 2021/10/16 ---------------------------------------->*/
/************************************************************************************
◆色の強弱
10:	#ffffff	白
09:	#efefef	ボタンの背景色
08:	#dbdbdb	
07:	#c4c4c4	
06:
05:	#aaaaaa	進捗バーの文字
04:	#999999	設問番号
03:	#777777	単独設問の見出しの文字
02:	#333333	リクルート
01:
00:	#000000	黒
************************************************************************************/


/************************************************************************************
 全体
************************************************************************************/

/* フォントは游ゴシック 文字間を若干空ける */
html *.fontF {
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ ProN W3", "メイリオ", sans-serif;
	letter-spacing : 1px;
}

/* すべての要素と幅をpaddingとborderを込みの値にする */
* {
	box-sizing : border-box;
}

/* viewport 710pxに伴い、wrapperも710pxへ */
div#wrapper{
	position:relative;
	min-height:100%;
	width:100%;
	min-width:710px;
	margin:0px auto;
}

/* ラジオボタンとチェックボックスのサイズを若干大きく
   それに伴ってカテ文章との余白を0.4em ⇒ 0.6emに、
   2行目以降のインデントを-1.9em ⇒ -2.1emに広げる */
input[type='checkbox'] , 
input[type='radio'] {
	transform: scale(1.2);
}
div.rdck_height_sp span.rdck_category_sp {
	margin-right: 0.6em;
}
div.rdck_height_sp {
	text-indent: -2.1em;
}

/* フォントを変えるとFAの高さが上がるので、少しでもカットするためborderを1px削る */
div.categories_rbck_images_col2 table.categories td.category_images input[type='text'] , 
div.categories_rbck_images_col2 table.categories td.category_image input[type='text'] , 
div.categories_rbck_images_col3 table.categories td.category_images input[type='text'] , 
div.categories_rbck_images_col3 table.categories td.category_image  input[type='text'], 
div.categories_rbck_images_col4 table.categories td.category_images input[type='text'] , 
div.categories_rbck_images_col4 table.categories td.category_image input[type='text'] , 
div.categories_rbck_images_col5 table.categories td.category_images input[type='text'] , 
div.categories_rbck_images_col5 table.categories td.category_image input[type='text'] {
	border: solid 1px #777;
}
/* ページ上部の※回答中にブラウザの～を消す */
div#attention {
	display : none;
}

/* ボタンは画像を止めてレスポンシブと同様のデザインに。
   フォントを変更した為横幅不足分を調整 */
div#buttonArea {
	background-image : none;
	height : auto;
	margin : 30px auto;
}
div#buttonArea #btnlarge , 
div#buttonArea #btnsmall {
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
	width: 200px;
	height: 2.5em;
	font-size:15px;
	margin: auto;
	padding-top: 0.2em;
	display: inline-block;
	background: #efefef;
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
}
div#buttonArea #btnlarge {
	width: 300px;
}

/* ヘッダの青帯とフッタの灰色帯は不要 */
/*
div#footer ,
div#header {
	display: none;
}
*/
div#header {
	background-image: none;
	width: 100%;
	height: 1px;
	background-color: transparent;
}

div#footer{
	background-color: transparent;
	position:absolute;
	bottom:0px;
	height:1px;
	width:100%;
}

/* 進捗バーの高さを調整、色味もスッキリしたデザインに変更 */
div#main div#progressbar table#progress table {
	background-color: #ffffff;
	color: #aaaaaa;
}
div#main div#progressbar table#progress table div {
	height: 5px !important;
}

/* テキストエリアとテキストフィールドの文字の大きさを合わせる */
textarea {
	font-size: 14px;
}

/************************************************************************************
 アラート
************************************************************************************/

/* 最上部アラートの「ご回答頂いた内容に～」を非表示 */
div.utils_design div.page_alerttitle {
	display: none;
}

/* アラートに常に表示される「以下の内容をご確認ください。」を非表示 */
div.alert div.alerttitle:not(.htmlalerttitle) {
	display:none;
}

/* アラートと他のオブジェクトの間をあける */
div.alert {
	margin: 20px auto 0px auto;
	width: 700px;
}

/* アラートテーブル内の余白を調整 */
div.alert table {
	margin: 0px 0px 0px 5px;
}

/************************************************************************************
 設問文章
************************************************************************************/

/* 横幅は700pxに変更
   背景色を白し、左縦線だけ強調して表示 */
div.content {
	width: 700px;
	border: none;
	border-left: 10px groove #c4c4c4;
	background-color: #ffffff;
	padding: 5px 10px 0px 5px;
}
div.content_sub {
	width: 700px;
	border: none;
	border-left: 5px solid #c4c4c4;
	background-color: #ffffff;
	padding: 5px 10px 0px 10px;
}

/* 設問文とオブジェクト文の謎の高低差を補正 */
div.qgroup,
div.question {
	margin: 20px auto 0px auto;
}
div.element {
	margin: 20px auto 10px auto;
}
div.content,
div.content_sub {
	margin: 20px auto 0px auto;
}

/* 設問番号の色を灰色に */
div.qno {
	color: #999999;
}

/* 自作サブ設問番号のみ、強調3を設問番号色に変換、余白を調節 */
div.content span.editor_css_03 {
	color: #999999;
}
div.element_content_dummy div.content{
	padding-left: 10px;
	line-height: 1.5;
}
div.element_content_dummy div.content span.editor_css_03{
	margin-left: -5px;
}
div.element_content_dummy div.content span.editor_css_03+br{
	margin-bottom: 3px;
	margin-top: 3px;
}
div.content div.content_note span.editor_css_03 {
	margin-left: -5px;
}

/* 設問文にインデントをつける
   行間を開ける */
div.content_note {
	padding-left:5px;
	line-height: 1.5;
}

/************************************************************************************
 単独設問
************************************************************************************/

/* 単独設問のカテ見出しの二重線を削除
   濃い目の灰色で上枠線と文字色、背景色は薄めの灰色 */
div.question_default table.categories td.category_subject,
div.qgroup_fasa_default table.categories td.category_subject {
	border: none;
	border-top: 2px solid #c4c4c4;
	background-color: #efefef;
	color: #777777;
	font-weight: bold;
}

/* 見出しに背景色を設定すると、複数列表示の時に
   ピッタリくっついているように見えるので若干左右にスペースを空ける */
div.question_default div.categories_rbck_line2 table.categories ,
div.question_default div.categories_rbck_line3 > table.categories {
	border-spacing: 5px 0;
}

/* テーブル内のテーブルは下線がおかしくなるので、ボーダー幅を調整 */
div.question_default div.categories_rbck_line3 > table.categories table.categories {
	border-spacing: 0 0;
}

/* カテゴリテーブルを500 → 660pxに
   カテゴリ線が見出し線と被るので、border-spacing: 0;を追加 */
div.categories_rbck_default > table.categories ,
div.categories_rbck_line2 > table.categories ,
div.categories_rbck_line3 > table.categories ,
div.categories_pl_default > table.categories ,
div.categories_text_default > table.categories ,
div.qgroup_dob_default div.answer ,
div.qgroup_fasa_default table.categories {
	border-spacing: 0;
	width: 600px !important;
}
/* カテゴリテーブルのborder-spacing: 0;による調整（減った上下を補完） */
td.rdck_input_sp {
	padding: 6px 4px 6px 4px;
}

/* 枠線が必要な部分は薄めの灰色に統一 */
div.categories_rbck_images_col2 table.categories td.category_images , 
div.categories_rbck_images_col2 table.categories td.category_image , 
div.categories_rbck_images_col3 table.categories td.category_images , 
div.categories_rbck_images_col3 table.categories td.category_image , 
div.categories_rbck_images_col4 table.categories td.category_images , 
div.categories_rbck_images_col4 table.categories td.category_image , 
div.categories_rbck_images_col5 table.categories td.category_images , 
div.categories_rbck_images_col5 table.categories td.category_image {
	border-color: #ffffff;
	vertical-align: bottom;
}

/* [枠付きカテゴリ] 背景色をマトリクスと同じ薄灰色に */
div.categories_rbck_frame table.categories tr.header td,
div.categories_rbck_frame_reverse table.categories tr.header td {
	background-color: #efefef;
}

/* 単独スケールの項目番号表示の背景色をマトリクスと同じ薄灰色に */
div.categories_rbck_scl table.categories td.head_no,
div.categories_rbck_scl_reverse table.categories td.head_no {
	background-color: #efefef;
}

/* 合計グループ系 */

/*100%算出 カテゴリ テーブル*/
table.pph_categories {
	border-spacing: 0px;
	background-color:#FFFFFF;
}

td.pph_categorie_text {
	background-color: #ffffff;
	font-weight: normal;
	border: none;
	border-top: solid 1px #c4c4c4;
}

td.pph_input {
	background-color: #ffffff;
	font-weight: normal;
	border: none;
	border-top: solid 1px #c4c4c4;
}

div.categories_text_pph table.pph_categories tr td.pph_sum_text , 
div.categories_text_pph table.pph_categories tr td.pph_sum_input,
div.categories_text_sum table.pph_categories tr td.pph_sum_text , 
div.categories_text_sum table.pph_categories tr td.pph_sum_input,
div.qgroup_mxv_default td.pph_sum_text , 
div.qgroup_mxv_default td.pph_sum_input , 
div.qgroup_mxv_default th.pph_sum_text , 
div.qgroup_mxv_default th.pph_sum_input , 
div.qgroup_mxh_default td.pph_sum_text , 
div.qgroup_mxh_default td.pph_sum_input , 
div.qgroup_mxh_default th.pph_sum_text , 
div.qgroup_mxh_default th.pph_sum_input , 
div.qgroup_sum_snt table.pph_categories tr td.pph_sum_text , 
div.qgroup_sum_snt table.pph_categories tr td.pph_sum_input {
	background-color: #dbdbdb;
	border-top: double 3px #777777; 
}

div.categories_text_pph table.pph_categories tr td.pph_sum_text input[type="text"] , 
div.categories_text_pph table.pph_categories tr td.pph_sum_input input[type="text"] ,
div.categories_text_sum table.pph_categories tr td.pph_sum_text input[type="text"] , 
div.categories_text_sum table.pph_categories tr td.pph_sum_input input[type="text"] ,
div.qgroup_mxv_default td.pph_sum_text input[type="text"] , 
div.qgroup_mxv_default td.pph_sum_input input[type="text"] , 
div.qgroup_mxv_default th.pph_sum_text input[type="text"] , 
div.qgroup_mxv_default th.pph_sum_input input[type="text"] , 
div.qgroup_mxh_default td.pph_sum_text input[type="text"] , 
div.qgroup_mxh_default td.pph_sum_input input[type="text"] , 
div.qgroup_mxh_default th.pph_sum_text input[type="text"] , 
div.qgroup_mxh_default th.pph_sum_input input[type="text"] , 
div.qgroup_sum_snt table.pph_categories tr td.pph_sum_text input[type="text"] , 
div.qgroup_sum_snt table.pph_categories tr td.pph_sum_input input[type="text"]  {
	border: none;
	border-bottom: 1px solid #777;
	background-color: #dbdbdb;
	padding:0 2px;
}

div.categories_text_pph table.pph_categories tr td.category_subject,
div.categories_text_sum table.pph_categories tr td.category_subject,
div.qgroup_sum_snt table.pph_categories tr td.category_subject {
	border: none;
	border-top: solid 2px #c4c4c4;
	background-color: #efefef;
	color: #777777;
	font-weight: bold;
}

/*
　FASAの設問文と本体の感覚を調整
*/
div.qgroup_fasa_default table.categories {
	margin: 20px auto;
}


/************************************************************************************
 テキストオブジェクト
************************************************************************************/

/* 枠線不要、かつ、背景色無し */
div.element_box_default {
	border-color: #efefef;
	background-color: #ffffff;
}

/* 設問文に合わせて、幅は700px、ボーダーレフトのみに設定
   設問文に合わせて左余白を追加 */

/* テキスト標準 */
div.element_box_default {
	border: none;
	border-left: solid 5px #c4c4c4;
	background-color: #efefef;
	padding: 10px 10px 10px 10px;
	width: 700px;
}
div.element_box_lineBlue {
	border: none;
	border-left: solid 5px #dbdbdb;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	width: 700px;
}
div.element_box_backclear {
	border: none;
	border-left: solid 5px #ffffff;
	padding: 5px 10px 5px 10px;
	width: 700px;
}
div.element_text_RLI div.element {
	border: none;
	border-left: solid 5px #ffffff;
	padding: 10px 10px 10px 10px;
	width: 700px;
}

/* 出展情報テンプレート */
div.element_text_reference table.element_table_reference {
	border-spacing: 0;
	border-collapse: collapse; 
}
div.element_text_reference table.element_table_reference td {
	border-top: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
}

.element_table_reference{
	background-color:#FFFFFF;
}
/************************************************************************************
 マトリクス
************************************************************************************/

/* テーブル全体の枠線は不要（各セルの枠線だけで可） */
table.matrix_v , 
table.matrix_h {
	border: none;
}

/* マトリクスのテーブル部分の上下の余白が詰まりすぎていたので空ける */
div#answerMatrix {
	margin: 15px auto 20px auto;
}

/* 表肩は枠線不要、かつ、背景色無し */
table.matrix_v th.direction ,  
table.matrix_h th.direction {
	border: none;
	background-color: #ffffff;
}

table.matrix_v td.subjectColor ,
table.matrix_v th.subjectColor ,
table.matrix_h td.subjectColor ,
table.matrix_h th.subjectColor {
	background-color: #dbdbdb !important;
}

table.matrix_v tr td.subjectBorder:not(:last-child) ,
table.matrix_v tr th.subjectBorder:not(:last-child) ,
table.matrix_h tr td.subjectBorder:not(:last-child) ,
table.matrix_h tr th.subjectBorder:not(:last-child) {
	border-right: solid 1px #ffffff;
}

/* 横マトの表側設問文章（項目番号含む）の太字を解除
   縦マトの表頭設問文章（項目番号含む）　　〃 */
table.matrix_v tr.mxStripeEven2 th , 
table.matrix_v tr.mxStripeOdd2 th , 
table.matrix_h thead th.mxStripeEven2 , 
table.matrix_h thead th.mxStripeOdd2 , 
table.matrix_h thead th.mxStripeEven2 td , 
table.matrix_h thead th.mxStripeOdd2 td {
	font-weight: normal;
}

/* 各セル上下（但し最上部は除く）のみ灰色枠線（色は他枠線と統一）を設定（左右は枠線無し）
   但し、表頭のテキスト縦並び用のセルは除く */
table.matrix_v th ,
table.matrix_h th , 
table.matrix_v td:not(.verticaltextcol) ,
table.matrix_h td:not(.verticaltextcol) {
	border: 1px solid #c4c4c4;
	border-left: none;
	border-right: none;
}

/* 複合マトリクス横縦で結合部分のボーダー上下消し忘れ */
table.matrix_v tr.header td.unionBorderCell ,
table.matrix_h tr.header td.unionBorderCell {
	border: none;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/* 行見出しの上部枠線を太字 */
table.matrix_v td.subject , 
table.matrix_h td.subject {
	border-top: 3px solid #c4c4c4;
}

/* 矢印画像を変える */
table.matrix_v div.arrowImage1 {
	background-image: url(../img/gray_arrow01.png);
}
table.matrix_h div.arrowImage2 {
	background-image: url(../img/gray_arrow02.png);
}
table.matrix_v div.arrowImage1 ,
table.matrix_h div.arrowImage2 {
	width: 36px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	line-height: normal;
}

/* ABマトリクスのABを画像から文字に */
div.qgroup_mxab_default div.sideImage1 ,
div.qgroup_mxab_default div.sideImage2 {
	background-image : none;
	display : flex;
	justify-content : center;
	align-items : center;
	font-size : 36px;
	font-weight : normal;
	color: #777777;
}
div.qgroup_mxab_default div.sideImage1::after {
	content : "A";
}
div.qgroup_mxab_default div.sideImage2::after {
	content : "B";
}

/* スケールマトリクスの項目番号表示の背景色を白に */
div.qgroup_mxv_scl table.matrix_v td.head_no,
div.qgroup_mxv_scl_reverse table.matrix_v td.head_no {
	background-color: #ffffff;
}

/* 表側の設問文非表示の際の太字解除 */
div.side_v_text {
	font-weight: normal !important;
}

/* 表側の設問文非表示の際のFAの前後テキストの太字解除 */
div#answerMatrix table.matrix_v tr.mxStripeEven2 td.hlc b,
div#answerMatrix table.matrix_v tr.mxStripeOdd2 td.hlc b {
	font-weight: normal;
}

/* 表頭の数字箇所の太字を解除 */
table.matrix_h th , 
table.matrix_v th ,
table.matrix_h td:not(.verticaltextcol) {
	font-weight: normal;
}

table.matrix_h tr.header th table tr td { 
	font-weight: normal !important;
}

table.matrix_v tr.header th table tr td b ,
table.matrix_h tr.header th table tr td b { 
	font-weight: normal !important;
}

/* 表頭のテキスト個所の太字を解除 */
table.matrix_v td.verticaltextcol,
table.matrix_h td.verticaltextcol {
	font-weight: normal;
}

/* 見出しの文字を大きく */
table.matrix_v td.subject,
table.matrix_h td.subject {
	font-size: 16px;
	font-weight: bold;
}

/* フォーム部品のセル背景色 */
.mxStripeEven ,
.mxStripeEven2 {
	background-color: #efefef;
}

/************************************************************************************
 リクルート
************************************************************************************/

/* 調査内容の直上の「これ以降の調査については～」の枠線不要、かつ、枠内余白を調整 */
div.fs , 
div.recruitinfo {
	width: 700px;
}
div.recruitinfo table.attention {
	border: none;
	border-left: solid 5px #c4c4c4;
	background-color: #efefef;
	font-weight:normal;
	line-height: 1.5em;
	padding: 5px 10px 0px 10px;
}

/* 調査内容のテーブルはなるべく上下に余白を設ける
   枠線は他と同様に薄めの灰色
   ■ご応募に際して～、と、■ご提供いただいた～の見出し文の文字色は濃いめの灰色 */
div.recruitinfo table.detail {
	line-height: 1.5em;
	border: 2px solid #FFFFFF;
	margin: 30px 0px;
	border-collapse: collapse;
}
div.recruitinfo table.detail td.color1 ,
div.recruitinfo table.detail td.color2 {
	padding: 8px 5px;
}
div.recruitinfo table.applycolor1 ,
div.recruitinfo table.personalcolor1 {
	color: #F00;
}
div.recruitinfo table.detail tr.color1 {
	background-color: #EFEFEF;
}
div.recruitinfo table.detail tr.color2 {
	background-color: #FFFFFF;
}

/* ご応募、ご提供個所
   枠線をカット
   背景を白と灰色
   ボーダーの重なりをカット */
div.recruitinfo table.applycolor2 , 
div.recruitinfo table.personalcolor2 {
	border: 1px solid #FFFFFF;
	border-collapse: collapse;
}
div.recruitinfo table.applycolor2 td.color1 ,
div.recruitinfo table.applycolor2 td.color2 , 
div.recruitinfo table.personalcolor2 td.color1 ,
div.recruitinfo table.personalcolor2 td.color2 {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	border: none;
	line-height: 1.5em;
	color: #000;
}
div.recruitinfo table.applycolor2 tr:nth-child(odd) td.color1 ,
div.recruitinfo table.applycolor2 tr:nth-child(odd) td.color2 , 
div.recruitinfo table.personalcolor2 tr:nth-child(odd) td.color1 ,
div.recruitinfo table.personalcolor2 tr:nth-child(odd) td.color2 {
	background-color: #EFEFEF;
	padding: 10px 0 10px 5px;
}

/* 管理者欄 文字色を薄く */
div.recruitinfo table.personalcolor3 {
	color: #333;
	font-weight: normal;
}

/* お問い合わせ先
   文字色を薄く、ボーダーを消去、余白を追加 */
div.recruitinfo table.personalcolor4,
div.recruitinfo table.personalcolor4_inner {
	border: none;
	color: #333;
	font-weight: normal;
	background-color: #efefef;
	padding:5px;
}
div.fs td.topicColor1 , 
div.fs td.topicColor2 , 
div.fs td.inboxColor1 , 
div.fs td.inboxColor2 {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #333333;
}
div.fs tr:nth-child(odd) td.topicColor1 , 
div.fs tr:nth-child(odd) td.topicColor2 , 
div.fs tr:nth-child(odd) td.inboxColor1 , 
div.fs tr:nth-child(odd) td.inboxColor2 {
	border: 1px solid #FFFFFF;
	border-left: solid 1px #efefef;
	border-right: solid 1px #efefef;
	background-color: #efefef;
}

/************************************************************************************
 TOPページ
************************************************************************************/

div#eqttitle {
	width: auto;
	min-width: 700px;
	max-width: calc(100% - 10px);
}


/************************************************************************************
 フォントサイズ+1
************************************************************************************/

html,body{
	font-size:16px;
}

/*アンケート参加/送信ボタン Area*/
div#buttonArea #btnlarge {
	font-size:16px;
}

div#buttonArea #btnsmall {
	font-size:15px;
}

/*TOP,END Page アンケート名*/
div#eqttitle{
	font-size:21px;
}

/*設問番号*/
.qno{
	font-size:17px;
}

/*カテゴリ テーブル*/
table.categories{
	font-size:15px;
}

/*カテゴリ テキスト*/
td.categorie_text{
	font-size:15px;
}

/*SA・MAカテゴリ category スマートフォン対応*/
div.rdck_height_sp span.rdck_category_sp {
	font-size:15px;
}

/*100%算出 カテゴリ テーブル*/
table.pph_categories{
	font-size:15px;
}

/* エレメント関係*/
.element_table_reference td {
	font-size:15px;
}

/*マトリクス テーブル*/
table.matrix_h,
table.matrix_v {
	font-size:15px;
}

/*マトリクス縦文字列*/
table.verticaltext {
	font-size:15px;
}

/*アラート用*/
div.alert {
	font-size:15px;
}

div.page_alerttitle{
	font-size:17px;
}

div.alert table th{
	font-size:15px;
}

div.alert table td{
	font-size:15px;
}

/* HTML一覧のデザインがずれるので、ここだけ元に戻す */
div.htmlMessages {
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0em;
	font-size: 20px;
}

/* リクルートのコメントで使用 */
.comment{
	font-size:13px;
}

/* 太字 */
.size12 {
	font-size:13px;
}

/* 注釈 */
div.recruitinfo table.attention{
	font-size:16px;
}

/* 詳細 */
div.recruitinfo table.detail{
	font-size:15px;
}

/* 実査詳細 注意事項 */
div.recruitinfo table.detailattention{
	font-size:13px;
}

/* 応募について */
div.recruitinfo table.applycolor1{
	font-size:16px;
}
div.recruitinfo table.applycolor2{
	font-size:15px;
}

/* 個人情報について */
div.recruitinfo table.personalcolor1{
	font-size:16px;
}
div.recruitinfo table.personalcolor2{
	font-size:15px;
}
div.recruitinfo table.personalcolor3{
	font-size:16px;
}
div.recruitinfo table.personalcolor4{
	font-size:16px;
}
div.recruitinfo table.personalcolor4_inner{
	font-size:16px;
}

div.fs table{
	font-size:14px;
}

/* ボタンは画像を止めてレスポンシブと同様のデザインに
   また、フォントを変更した為横幅不足分を調整 */
div#buttonArea #btnlarge , 
div#buttonArea #btnsmall {
	font-size:16px;
}

/* テキストエリアとテキストフィールドの文字の大きさを合わせる */
textarea {
	font-size: 15px;
}

/* ABマトリクスのABを画像から文字に */
div.qgroup_mxab_default div.sideImage1 ,
div.qgroup_mxab_default div.sideImage2 {
	font-size : 37px;
}

/*=============================================================================*
 HTML制御関係用共通
 *=============================================================================*/

/* HTML一覧のカテゴリ番号の表示を補正 */
div.html_category_no {
	z-index: 1;
}

/* Minor change version1.0 End   2021/10/16 <----------------------------------------*/

@media screen and (min-width: 769px) {

	/*=============================================================================*
	 設問関係用共通
	 *=============================================================================*/
	/* 設問文 */
	.content_default div.content,
	.content_sound div.content,
	.content_plain div.content{
		pointer-events: none;
	}

	.content_default .content .content_note,
	.content_sound .content .content_note,
	.content_plain .content .content_note{
		display: block !important;
	}

}

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

	/*=============================================================================*
	 全ページ　共通レイアウト
	 *=============================================================================*/

	html,body{
		height: 101vh;
	}
	body{
		font-size:16px;
		width: 100%;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch;
		word-break: break-all;
	}
	nobr{
		white-space: normal;
	}
	.page_default img,
	.question_default img,
	.login_default img,
	.top_default img{
		max-width: 100%;
		height: auto;
	}
	.top_default,
	.login_default,
	.inquiry,
	.end_default,
	.last_default,
	.page_recruitdenialend {
		background: #fff;
		width: 100%;
	}
	.page_default{
		background: #fff;
		width: 100%;
	}
	.wrapTable{
		width: 100%;
		box-sizing: border-box;
	}
	/* loading画像 */
	div#loader {
		margin : 50px auto;
		width : 88px;
		height : 88px;
		background-image : url( "../img/loading.gif" );
	}

	.page_default div#wrapper,
	.question_default div#wrapper,
	.top_default div#wrapper,
	.login_default div#wrapper,
	.inquiry div#wrapper,
	.end_default div#wrapper,
	.last_default div#wrapper,
	.page_recruitdenialend div#wrapper{
		min-width: 100% !important;
	}

	.page_default div#contents,
	.question_default div#contents,
	.top_default div#contents,
	.login_default div#contents,
	.inquiry div#contents,
	.end_default div#contents,
	.last_default div#contents,
	.page_recruitdenialend div#contents{
		margin: 0px auto;
		text-align: left;
		width: 100% !important;
		padding: 10px 0px 60px;
		box-sizing: border-box !important;
		-webkit-overflow-scrolling: touch;
	}
	.page_default div,
	.question_default div,
	.top_default div,
	.login_default div,
	.inquiry div,
	.end_default div,
	.last_default div,
	.page_recruitdenialend div{
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.page_default div#footer,
	.question_default div#footer,
	.top_default div#footer,
	.login_default div#footer,
	.inquiry div#footer,
	.end_default div#footer,
	.last_default div#footer,
	.page_recruitdenialend div#footer{
		position: relative;
		bottom: inherit;
	}

	.page_default div#buttonArea,
	.login_default div#buttonArea,
	.top_default div#buttonArea,
	.inquiry div#buttonArea,
	.last_default div#buttonArea{
		width: 100% !important;
		box-sizing: border-box;
		padding: 0px 5px;
		height: auto;
		background: none !important;
		border: none !important;
		margin: 20px auto 0px auto;
		text-align: center;
	}
	
	.login_default div#buttonArea #btnlarge,
	.top_default div#buttonArea #btnlarge,
	.inquiry div#buttonArea #btnlarge,
	.last_default div#buttonArea #btnlarge{
		box-shadow: none;
		appearance: none;
		-webkit-appearance: none;
		width: 100%;
		height: auto;
		font-size:15px;
		padding: 15px;
		box-sizing: border-box;
		margin: 0px 0px 20px;
		display: block;
		background: #F0F0F0;
		box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	}
	.page_default div#buttonArea #btnlarge{
		box-shadow: none;
		appearance: none;
		-webkit-appearance: none;
		width: 100%;
		height: auto;
		font-size:15px;
		padding: 15px;
		box-sizing: border-box;
		margin: 0px 0px 20px;
		display: block;
		background: #fff;
		box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	}

	.login_default div#buttonArea #btnsmall,
	.top_default div#buttonArea #btnsmall,
	.inquiry div#buttonArea #btnsmall,
	.last_default div#buttonArea #btnsmall{
		box-shadow: none;
		appearance: none;
		-webkit-appearance: none;
		width: 100%;
		height: auto;
		font-size:15px;
		padding: 15px;
		box-sizing: border-box;
		margin: 0px;
		display: block;
		background: #F0F0F0;
		box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
		margin-bottom: 15px;
	}
	.last_default div#buttonArea #btnsmall,
	.page_default div#buttonArea #btnsmall{
		box-shadow: none;
		appearance: none;
		-webkit-appearance: none;
		width: 47%;
		height: auto;
		font-size:14px;
		padding: 15px;
		box-sizing: border-box;
		margin: 0px 3px 20px;
		display: inline-block;
		background: #F0F0F0;
		box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	}

	.top_default div#eqttitle,
	.login_default div#eqttitle,
	.inquiry div#eqttitle,
	.end_default div#eqttitle,
	.page_recruitdenialend div#eqttitle{
		width: 100%;
		height: auto;
		padding: 15px;
		box-sizing: border-box;
		font-size: 18px;
		background: #2b4d94;
		display: block;
		max-width: auto;
		min-width: auto;
	}	

	/* 
	描画範囲が769px以上で通常画面
	768px～752pzで「スクロールさせて全体をご確認ください」だけが表示
	751px以下で、「スクロールさせて全体をご確認ください」+スクロールが発生
	を防止する為、描画範囲が769pxだとスクロール画像だけ非表示
	*/
	p.scImg{
		display:none;
	}

	/*=============================================================================*
	 上部注意文-バー
	 *=============================================================================*/

	.page_default div#attention,
	.end_default div#attention,
	.last_default div#attention{
		width: calc(100% - 30px) !important;
		box-sizing: border-box;
		background: #fff;
		line-height: 1.5;
	}

	.page_default div#progressbar{
		width: 100% !important;
		margin:15px auto 0px auto;
	}

	.page_default div#progressbar table#progress{
		margin: 0px auto !important;
	}
	.page_default div#progressbar table#progress tbody tr td table tbody tr:first-child  td table tbody tr td{
		background: #fff;
	}

	/*=============================================================================*
	 設問関係用共通
	 *=============================================================================*/

	.page_default div.qgroup{
		margin: 0px auto 50px auto;
	}
	.page_default div.question{
		/* 進捗バーと設問の間の余白調整 */
		margin: 30px auto 50px auto;
	}

	.content_default div.content,
	.content_sound div.content,
	.content_plain div.content{
		width: 100% !important;
		box-sizing: border-box;
		margin-bottom: 15px;
		background-image: url( ../img/icon_close.png) !important;
		background-repeat: no-repeat;
		background-position : right 10px top 10px;
		background-size: 20px;
		padding: 10px 15px !important;
		border: none;
		background-color: #C8DBF1  !important;
		border-top: 1px solid #25466c;
		pointer-events: all;
	}
	.element_content_dummy div.content{
		width: 100% !important;
		box-sizing: border-box;
		margin-bottom: 15px;
		padding: 10px 15px !important;
		border: none;
		background-color: #afcced !important;
		border-top: 1px solid #25466c;
	}
	.content_default div.content .qno,
	.content_sound div.content .qno,
	.content_plain  div.content .qno,
	.element_content_dummy div.content .editor_css_03{
		font-size: 20px;
	}
	.content_default div.content.active,
	.content_sound div.content.active,
	.content_plain div.content.active{
		background-image: url( ../img/icon_open.png) !important;
		background-repeat: no-repeat;
		background-position : right 10px top 10px;
		background-size: 20px;
	}

	.content_sub_default div.content_sub{
		width: calc(100% - 30px) !important;
		box-sizing: border-box;
		border: none !important;
		background: #dceafb;
		margin: 0px auto;
		margin-bottom: 15px;
		background-repeat: no-repeat;
		background-position: right 10px top 10px;
		background-size: 20px;
		padding: 10px 15px;
	}

	/*設問番号*/
	.content_sub_default .qno{
		box-sizing: border-box;
		width: 100%;
	}

	/*設問文*/
	.content_default .content .content_note,
	.content_sound .content .content_note,
	.content_plain .content .content_note{
		
		font-size: 16px;
		margin: 10px auto 0px auto;
		line-height: 1.5;
	}

	/*サブ設問文*/
	.content_sub_default .content_sub .content_note{
		font-size: 16px;
		margin: 10px auto 0px auto;
		line-height: 1.5;
	}

	/*=============================================================================*
	 カテゴリ関係用共通
	 *=============================================================================*/

	/*カテゴリ*/
	.question_default .question .answer {
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
	}

	/*カテゴリ テーブル*/
	.question_default table.categories{
		font-size: 16px;
	}

	/*帯テキスト(マトリクス以外)*/
	.categories_rbck_default table.categories,
	.categories_rbck_line2 table.categories,
	.categories_rbck_line3 table.categories,
	.categories_pl_default table.categories{
		width: 100% !important;
		border-collapse: collapse;
	}

	.page_default .category_subject{
		box-sizing: border-box;
		width: 100%;
		border: none;
		padding: 8px !important;
		position: relative;
	}

	.page_default .category_subject:before {
		position: absolute;
		content: "";
		width: calc(100% - 1px);
		min-height: calc(100% - 1px);
		top: 1px;
		left: 1px;
		border: 1px solid #5191D8;
		box-sizing: border-box;
	}
	.page_default .category_subject:after {
		position: absolute;
		content: "";
		width: calc(100% - 5px);
		min-height: calc(100% - 5px);
		top: 3px;
		left: 3px;
		border: 1px solid #5191D8;
		box-sizing: border-box;
	}

	.page_default .categories_rbck_default .categories .wrapTable .category_subject .note{
		/* カテ見出し内の灰色枠線を非表示 */
		border : none;
		padding: 0px !important;
	}

	/* 画像表示カテゴリ */
	.page_default div.category_images{
		text-align:center;
		border: 1px solid;
		border-color: #5191D8;
	}

	.categories_rbck_default .rdck_input_sp{
		background: #fff;
		margin-bottom: 1px;
	}
	.categories_rbck_default .rdck_input_sp.active{
		background: #FFE6E6;
	}

	/* SA・MAカテゴリ 文字サイズ*/
	.categories_rbck_default .category_subject,
	.categories_rbck_line2 .category_subject,
	.categories_rbck_line3 .category_subject,
	.categories_text_default .category_subject,
	.categories_text_pph .category_subject,
	.categories_text_sum .category_subject
	{
		font-size: 16px;
	}

	/*SA・MAカテゴリ 縦位置調整 スマートフォン対応*/
	.categories_rbck_default div.rdck_height_sp,
	.categories_rbck_line2 div.rdck_height_sp,
	.categories_rbck_line3 div.rdck_height_sp,
	.categories_rbck_images_col2 div.rdck_height_sp,
	.categories_rbck_images_col3 div.rdck_height_sp,
	.categories_rbck_images_col4 div.rdck_height_sp,
	.categories_rbck_images_col5 div.rdck_height_sp{
		line-height: 1.5;
		text-indent: 0;
		padding-left: 0;
	}

	.categories_rbck_default div.rdck_height_sp span.rdck_category_sp {
		position:relative;
		font-size:16px;
		margin: 0px 10px 0px 0px;
		text-align: left;
		box-sizing: border-box;
		line-height: 1.5;
		vertical-align: top;
	}
	.categories_rbck_images_col2 div.rdck_height_sp span.rdck_category_sp,
	.categories_rbck_images_col3 div.rdck_height_sp span.rdck_category_sp,
	.categories_rbck_images_col4 div.rdck_height_sp span.rdck_category_sp,
	.categories_rbck_images_col5 div.rdck_height_sp span.rdck_category_sp,
	.categories_rbck_line3 div.rdck_height_sp span.rdck_category_sp{
		vertical-align: top;
	}

	.categories_rbck_default div.rdck_height_sp label.rdck_label_sp {
		padding: 0px;
		display: inline-block;
		width: calc(100% - 35px);
	}
	.categories_rbck_default  div.rdck_height_sp a{
		display: inline;
	}

	/*100%算出 カテゴリ テーブル*/
	.categories_text_sum_data{
		width: 100%;
		box-sizing: border-box;
	}
	.qgroup_sum_snt table.pph_categories
	{
		font-size:16px;
		width: calc(100% - 30px);
		box-sizing: border-box;
		border-collapse: collapse;
	}
	.categories_text_pph table.pph_categories,
	.categories_text_sum table.pph_categories,
	.qgroup_fasa_sum_snt table.pph_categories,
	.categories_text_sum_data table.pph_categories{
		font-size:16px;
		width: 100%;
		box-sizing: border-box;
		border-collapse: collapse;
	}
	.qgroup_fasa_sum_snt .qgroup > table{
		width: calc(100% - 30px);
		box-sizing: border-box;
		margin: 0px auto;
		border-collapse: collapse;
	}
	.qgroup_fasa_sum_snt .rdck_label_sp{
		font-size: 16px;
	}

	/*100%算出 カテゴリ テキスト*/
	.qgroup_sum_snt td.pph_categorie_text,
	.categories_text_pph td.pph_categorie_text,
	.categories_text_sum td.pph_categorie_text,
	.qgroup_fasa_sum_snt td.pph_categorie_text,
	.categories_text_sum_data td.pph_categorie_text{
		padding: 10px;
		border-collapse: collapse;
		border: 1px solid #0167BB;
	}
	.qgroup_sum_snt td.pph_categorie_text input,
	.categories_text_pph td.pph_categorie_text input,
	.categories_text_sum td.pph_categorie_text input,
	.qgroup_fasa_sum_snt td.pph_categorie_text input,
	.categories_text_sum_data td.pph_categorie_text input,
	.qgroup_fasa_sum_snt .pph_categorie_text input{
		padding: 10px;
		font-size: 16px !important;
		width: 100% !important;

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-sizing: border-box;
		border-radius: 0px !important;
		box-shadow: none !important;
		 border: 1px solid #ccc !important;
	}

	/*100%算出 カテゴリ input*/
	.qgroup_sum_snt td.pph_input,
	.categories_text_pph td.pph_input,
	.categories_text_sum td.pph_input,
	.qgroup_fasa_sum_snt td.pph_input,
	.categories_text_sum_data td.pph_input{
		padding: 10px;
		width: 33%;
		border: 1px solid #0167BB;
		border-collapse: collapse;
	}

	.qgroup_sum_snt .pph_input .note textarea,
	.categories_text_pph .pph_input .note textarea,
	.categories_text_sum .pph_input .note textarea,
	.qgroup_fasa_sum_snt .pph_input .note textarea,
	.categories_text_sum_data .pph_input .note textarea{
		width: calc(100% - 25px) !important;
	}

	.qgroup_sum_snt .pph_input .note input,
	.categories_text_pph .pph_input .note input,
	.categories_text_sum .pph_input .note input,
	.qgroup_fasa_sum_snt .pph_input .note input,
	.categories_text_sum_data .pph_input .note input{
		padding: 10px;
		font-size: 16px !important;
		width: calc(100% - 25px) !important;
		text-align: center;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-sizing: border-box;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		display: inline-block !important;
		border: 1px solid #ccc !important;
	}
	.qgroup_sum_snt .pph_input .note,
	.categories_text_pph .pph_input .note,
	.categories_text_sum .pph_input .note,
	.qgroup_fasa_sum_snt .pph_input .note,
	.categories_text_sum_data .pph_input .note{
		/* 合計マトリクスのFA領域を右寄せから左寄せに変更 */
		text-align: left;
	}

	/*100%算出 合計値 テキスト*/
	.qgroup_sum_snt td.pph_sum_text,
	.categories_text_pph td.pph_sum_text,
	.categories_text_sum td.pph_sum_text,
	.qgroup_fasa_sum_snt td.pph_sum_text,
	.categories_text_sum_data td.pph_sum_text{
		padding: 10px;
		border: 1px solid #0167BB;
		border-collapse: collapse;
	}

	/*100%算出 合計値 input*/
	.qgroup_sum_snt td.pph_sum_input,
	.categories_text_pph td.pph_sum_input,
	.categories_text_sum td.pph_sum_input,
	.qgroup_fasa_sum_snt td.pph_sum_input,
	.categories_text_sum_data td.pph_sum_input{
		padding: 10px;
		border: 1px solid #0167BB;
		border-collapse: collapse;
	}
	.qgroup_sum_snt .pph_sum_input .note,
	.categories_text_pph .pph_sum_input .note,
	.categories_text_sum .pph_sum_input .note,
	.qgroup_fasa_sum_snt .pph_sum_input .note,
	.categories_text_sum_data .pph_sum_input .note{
		/* 合計マトリクスのFA領域を右寄せから左寄せに変更 */
		text-align: left;
	}
	.qgroup_sum_snt .pph_sum_input .note input,
	.categories_text_pph .pph_sum_input .note input,
	.categories_text_sum .pph_sum_input .note input,
	.qgroup_fasa_sum_snt .pph_sum_input .note input,
	.categories_text_sum_data .pph_sum_input .note input{
		padding: 10px;
		font-size: 16px !important;
		width: calc(100% - 25px) !important;
		text-align: center;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-sizing: border-box;
		border: 1px solid #ccc !important;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		display: inline-block !important;
	}

	/*=============================================================================*
	 エレメント関係
	 *=============================================================================*/

	.page_default div.element_box_lineBlue{
		width: 100% !important;
		box-sizing: border-box;
	}
	/* 画像付帯文を中央揃え */
	.element_image_default div {
		text-align : center;
	}

	.page_default div.element_box_reference{
		width: 100%;
	}

	/*=============================================================================*
	 マトリクス関係用共通
	 *=============================================================================*/

	/*マトリクス全体*/
	.page_default div#answerMatrix {
		width: calc(100% - 30px) !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin:0px auto 0px auto;
		overflow-y: hidden;
	}

	/*マトリクス テーブル*/
	.question_default .answer table.matrix_h,
	.question_default .answer table.matrix_v {
		font-size:14px;
		table-layout: auto!important;
	}

	/*マトリクス テーブルセル*/
	.question_default .answer table.matrix_v,
	.question_default .answer table.matrix_h,
	.qgroup_mxh_default .qgroup table.matrix_v,
	.qgroup_mxh_reverse .qgroup table.matrix_v,
	.qgroup_mxh_default .qgroup table.matrix_h,
	.qgroup_mxh_reverse .qgroup table.matrix_h,
	.qgroup_mxh_pl .qgroup table.matrix_v,
	.qgroup_mxh_pl .qgroup table.matrix_h,
	.qgroup_mxv_default .qgroup table.matrix_v,
	.qgroup_mxv_reverse .qgroup table.matrix_v,
	.qgroup_mxv_default .qgroup table.matrix_h,
	.qgroup_mxv_reverse .qgroup table.matrix_h,
	.qgroup_mxv_pl .qgroup table.matrix_v,
	.qgroup_mxv_pl .qgroup table.matrix_h,
	.qgroup_mxv_scl .qgroup table.matrix_v,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v,
	.qgroup_mxv_scl .qgroup table.matrix_h,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h,
	.qgroup_mxab_default .qgroup table.matrix_v,
	.qgroup_mxab_default .qgroup table.matrix_h,
	.qgroup_mxUnion_default .qgroup table.matrix_v,
	.qgroup_mxUnion_default .qgroup table.matrix_h,
	.qgroup_mxv_sum .qgroup table.matrix_v,
	.qgroup_mxh_sum .qgroup table.matrix_h,
	.qgroup_mxvv .qgroup table.matrix_v,
	.qgroup_mxhh .qgroup table.matrix_h,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h,
	.qgroup_mxh_plcst .qgroup table.matrix_h,
	.qgroup_mxv_plcst .qgroup table.matrix_v{
		border-collapse: collapse;
	}
	.question_default .answer  table.matrix_v select,
	.question_default .answer  table.matrix_h select,
	.qgroup_mxh_default .qgroup table.matrix_v select,
	.qgroup_mxh_reverse .qgroup table.matrix_v select,
	.qgroup_mxh_default .qgroup table.matrix_h select,
	.qgroup_mxh_reverse .qgroup table.matrix_h select,
	.qgroup_mxh_pl .qgroup table.matrix_v select,
	.qgroup_mxh_pl .qgroup table.matrix_h select,
	.qgroup_mxv_default .qgroup table.matrix_v select,
	.qgroup_mxv_reverse .qgroup table.matrix_v select,
	.qgroup_mxv_default .qgroup table.matrix_h select,
	.qgroup_mxv_reverse .qgroup table.matrix_h select,
	.qgroup_mxv_pl .qgroup table.matrix_v select,
	.qgroup_mxv_pl .qgroup table.matrix_h select,
	.qgroup_mxv_scl .qgroup table.matrix_v select,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v select,
	.qgroup_mxv_scl .qgroup table.matrix_h select,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h select,
	.qgroup_mxab_default .qgroup table.matrix_v select,
	.qgroup_mxab_default .qgroup table.matrix_h select,
	.qgroup_mxUnion_default .qgroup table.matrix_v select,
	.qgroup_mxUnion_default .qgroup table.matrix_h select,
	.qgroup_mxvv .qgroup table.matrix_v select,
	.qgroup_mxhh .qgroup table.matrix_h select,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h select,
	.qgroup_mxh_plcst .qgroup table.matrix_h select,
	.qgroup_mxv_plcst .qgroup table.matrix_v select{
		font-size: 16px !important;
		height: 45px;
	}
	.question_default .answer  table.matrix_v input[type="text"],
	.question_default .answer  table.matrix_h input[type="text"],
	.qgroup_mxh_default .qgroup table.matrix_v input[type="text"],
	.qgroup_mxh_reverse .qgroup table.matrix_v input[type="text"],
	.qgroup_mxh_default .qgroup table.matrix_h input[type="text"],
	.qgroup_mxh_reverse .qgroup table.matrix_h input[type="text"],
	.qgroup_mxh_pl .qgroup table.matrix_v input[type="text"],
	.qgroup_mxh_pl .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_default .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_reverse .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_default .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_reverse .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_pl .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_pl .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_scl .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_scl .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h input[type="text"],
	.qgroup_mxab_default .qgroup table.matrix_v input[type="text"],
	.qgroup_mxab_default .qgroup table.matrix_h input[type="text"],
	.qgroup_mxUnion_default .qgroup table.matrix_v input[type="text"],
	.qgroup_mxUnion_default .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_sum .qgroup table.matrix_v input[type="text"],
	.qgroup_mxh_sum .qgroup table.matrix_h input[type="text"],
	.qgroup_mxvv .qgroup table.matrix_v input[type="text"],
	.qgroup_mxhh .qgroup table.matrix_h input[type="text"],
	.qgroup_mxh_cat_snt .qgroup table.matrix_h input[type="text"],
	.qgroup_mxh_plcst .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_plcst .qgroup table.matrix_v input[type="text"]{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		border: 1px solid #ccc;
	}
	.question_default .answer  table.matrix_v th,
	.question_default .answer  table.matrix_v td,
	.question_default .answer  table.matrix_h th,
	.question_default .answer  table.matrix_h td,
	.qgroup_mxh_default .qgroup table.matrix_v th,
	.qgroup_mxh_reverse .qgroup table.matrix_v th,
	.qgroup_mxh_default .qgroup table.matrix_v td,
	.qgroup_mxh_reverse .qgroup table.matrix_v td,
	.qgroup_mxh_default .qgroup table.matrix_h th,
	.qgroup_mxh_reverse .qgroup table.matrix_h th,
	.qgroup_mxh_default .qgroup table.matrix_h td,
	.qgroup_mxh_reverse .qgroup table.matrix_h td,
	.qgroup_mxh_pl .qgroup table.matrix_v th,
	.qgroup_mxh_pl .qgroup table.matrix_v td,
	.qgroup_mxh_pl .qgroup table.matrix_h th,
	.qgroup_mxh_pl .qgroup table.matrix_h td,
	.qgroup_mxv_default .qgroup table.matrix_v th,
	.qgroup_mxv_reverse .qgroup table.matrix_v th,
	.qgroup_mxv_default .qgroup table.matrix_v td,
	.qgroup_mxv_reverse .qgroup table.matrix_v td,
	.qgroup_mxv_default .qgroup table.matrix_h th,
	.qgroup_mxv_reverse .qgroup table.matrix_h th,
	.qgroup_mxv_default .qgroup table.matrix_h td,
	.qgroup_mxv_reverse .qgroup table.matrix_h td,
	.qgroup_mxv_pl .qgroup table.matrix_v th,
	.qgroup_mxv_pl .qgroup table.matrix_v td,
	.qgroup_mxv_pl .qgroup table.matrix_h th,
	.qgroup_mxv_pl .qgroup table.matrix_h td,
	.qgroup_mxv_scl .qgroup table.matrix_v th,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v th,
	.qgroup_mxv_scl .qgroup table.matrix_v td,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v td,
	.qgroup_mxv_scl .qgroup table.matrix_h th,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h th,
	.qgroup_mxv_scl .qgroup table.matrix_h td,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h td,
	.qgroup_mxab_default .qgroup table.matrix_v th,
	.qgroup_mxab_default .qgroup table.matrix_v td,
	.qgroup_mxab_default .qgroup table.matrix_h th,
	.qgroup_mxab_default .qgroup table.matrix_h td,
	.qgroup_mxUnion_default .qgroup table.matrix_v th,
	.qgroup_mxUnion_default .qgroup table.matrix_v td,
	.qgroup_mxUnion_default .qgroup table.matrix_h th,
	.qgroup_mxUnion_default .qgroup table.matrix_h td,
	.qgroup_mxv_sum .qgroup table.matrix_v th,
	.qgroup_mxv_sum .qgroup table.matrix_v td,
	.qgroup_mxh_sum .qgroup table.matrix_h th,
	.qgroup_mxh_sum .qgroup table.matrix_h td,
	.qgroup_mxvv .qgroup table.matrix_v th,
	.qgroup_mxvv .qgroup table.matrix_v td,
	.qgroup_mxhh .qgroup table.matrix_h th,
	.qgroup_mxhh .qgroup table.matrix_h td,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h th,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h td,
	.qgroup_mxh_plcst .qgroup table.matrix_h th,
	.qgroup_mxh_plcst .qgroup table.matrix_h td,
	.qgroup_mxv_plcst .qgroup table.matrix_v th,
	.qgroup_mxv_plcst .qgroup table.matrix_v td{
		padding: 10px !important;
		white-space: nowrap;
		border-collapse: collapse;
		line-height: 1.5;
	}
	.question_default .answer  table.matrix_v td,
	.question_default .answer  table.matrix_h td,
	.qgroup_mxh_default .qgroup table.matrix_v td,
	.qgroup_mxh_reverse .qgroup table.matrix_v td,
	.qgroup_mxh_default .qgroup table.matrix_h td,
	.qgroup_mxh_reverse .qgroup table.matrix_h td,
	.qgroup_mxh_pl .qgroup table.matrix_v td,
	.qgroup_mxh_pl .qgroup table.matrix_h td,
	.qgroup_mxv_default .qgroup table.matrix_v td,
	.qgroup_mxv_reverse .qgroup table.matrix_v td,
	.qgroup_mxv_default .qgroup table.matrix_h td,
	.qgroup_mxv_reverse .qgroup table.matrix_h td,
	.qgroup_mxv_pl .qgroup table.matrix_v td,
	.qgroup_mxv_pl .qgroup table.matrix_h td,
	.qgroup_mxv_scl .qgroup table.matrix_v td,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v td,
	.qgroup_mxv_scl .qgroup table.matrix_h td,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h td,
	.qgroup_mxab_default .qgroup table.matrix_v td,
	.qgroup_mxab_default .qgroup table.matrix_h td,
	.qgroup_mxUnion_default .qgroup table.matrix_v td,
	.qgroup_mxUnion_default .qgroup table.matrix_h td,
	.qgroup_mxv_sum .qgroup table.matrix_v td,
	.qgroup_mxh_sum .qgroup table.matrix_h td,
	.qgroup_mxvv .qgroup table.matrix_v td,
	.qgroup_mxhh .qgroup table.matrix_h td,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h td,
	.qgroup_mxh_plcst .qgroup table.matrix_h td,
	.qgroup_mxv_plcst .qgroup table.matrix_v td{
		border-collapse: collapse;
	}
	.question_default .answer  table.matrix_v th,
	.question_default .answer  table.matrix_h th,
	.qgroup_mxh_default .qgroup table.matrix_v th,
	.qgroup_mxh_reverse .qgroup table.matrix_v th,
	.qgroup_mxh_default .qgroup table.matrix_h th,
	.qgroup_mxh_reverse .qgroup table.matrix_h th,
	.qgroup_mxh_pl .qgroup table.matrix_v th,
	.qgroup_mxh_pl .qgroup table.matrix_h th,
	.qgroup_mxv_default .qgroup table.matrix_v th,
	.qgroup_mxv_reverse .qgroup table.matrix_v th,
	.qgroup_mxv_default .qgroup table.matrix_h th,
	.qgroup_mxv_reverse .qgroup table.matrix_h th,
	.qgroup_mxv_pl .qgroup table.matrix_v th,
	.qgroup_mxv_pl .qgroup table.matrix_h th,
	.qgroup_mxv_scl .qgroup table.matrix_v th,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v th,
	.qgroup_mxv_scl .qgroup table.matrix_h th,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h th,
	.qgroup_mxab_default .qgroup table.matrix_v th,
	.qgroup_mxab_default .qgroup table.matrix_h th,
	.qgroup_mxUnion_default .qgroup table.matrix_v th,
	.qgroup_mxUnion_default .qgroup table.matrix_h th,
	.qgroup_mxv_sum .qgroup table.matrix_v th,
	.qgroup_mxh_sum .qgroup table.matrix_h th,
	.qgroup_mxvv .qgroup table.matrix_v th,
	.qgroup_mxhh .qgroup table.matrix_h th,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h th,
	.qgroup_mxh_plcst .qgroup table.matrix_h th,
	.qgroup_mxv_plcst .qgroup table.matrix_v th{
		border-collapse: collapse;
	}
	.question_default .answer  table.matrix_v th.direction,
	.question_default .answer  table.matrix_h th.direction,
	.qgroup_mxh_default .qgroup table.matrix_v th.direction,
	.qgroup_mxh_reverse .qgroup table.matrix_v th.direction,
	.qgroup_mxh_default .qgroup table.matrix_h th.direction,
	.qgroup_mxh_reverse .qgroup table.matrix_h th.direction,
	.qgroup_mxh_pl .qgroup table.matrix_v th.direction,
	.qgroup_mxh_pl .qgroup table.matrix_h th.direction,
	.qgroup_mxv_default .qgroup table.matrix_v th.direction,
	.qgroup_mxv_reverse .qgroup table.matrix_v th.direction,
	.qgroup_mxv_default .qgroup table.matrix_h th.direction,
	.qgroup_mxv_reverse .qgroup table.matrix_h th.direction,
	.qgroup_mxv_pl .qgroup table.matrix_v th.direction,
	.qgroup_mxv_pl .qgroup table.matrix_h th.direction,
	.qgroup_mxv_scl .qgroup table.matrix_v th.direction,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v th.direction,
	.qgroup_mxv_scl .qgroup table.matrix_h th.direction,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h th.direction,
	.qgroup_mxab_default .qgroup table.matrix_v th.direction,
	.qgroup_mxab_default .qgroup table.matrix_h th.direction,
	.qgroup_mxUnion_default .qgroup table.matrix_v th.direction,
	.qgroup_mxUnion_default .qgroup table.matrix_h th.direction,
	.qgroup_mxv_sum .qgroup table.matrix_v th.direction,
	.qgroup_mxh_sum .qgroup table.matrix_h th.direction,
	.qgroup_mxvv .qgroup table.matrix_v th.direction,
	.qgroup_mxhh .qgroup table.matrix_h th.direction,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h th.direction,
	.qgroup_mxh_plcst .qgroup table.matrix_h th.direction,
	.qgroup_mxv_plcst .qgroup table.matrix_v th.direction{
		border-collapse: collapse;
	}
	.question_default .answer  table.matrix_v td.active,
	.question_default .answer  table.matrix_h td.active,
	.qgroup_mxh_default .qgroup table.matrix_v td.active,
	.qgroup_mxh_reverse .qgroup table.matrix_v td.active,
	.qgroup_mxh_default .qgroup table.matrix_h td.active,
	.qgroup_mxh_reverse .qgroup table.matrix_h td.active,
	.qgroup_mxh_pl .qgroup table.matrix_v td.active,
	.qgroup_mxh_pl .qgroup table.matrix_h td.active,
	.qgroup_mxv_default .qgroup table.matrix_v td.active,
	.qgroup_mxv_reverse .qgroup table.matrix_v td.active,
	.qgroup_mxv_default .qgroup table.matrix_h td.active,
	.qgroup_mxv_reverse .qgroup table.matrix_h td.active,
	.qgroup_mxv_pl .qgroup table.matrix_v td.active,
	.qgroup_mxv_pl .qgroup table.matrix_h td.active,
	.qgroup_mxv_scl .qgroup table.matrix_v td.active,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v td.active,
	.qgroup_mxv_scl .qgroup table.matrix_h td.active,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h td.active,
	.qgroup_mxab_default .qgroup table.matrix_v td.active,
	.qgroup_mxab_default .qgroup table.matrix_h td.active,
	.qgroup_mxUnion_default .qgroup table.matrix_v td.active,
	.qgroup_mxUnion_default .qgroup table.matrix_h td.active,
	.qgroup_mxvv .qgroup table.matrix_v td.active,
	.qgroup_mxhh .qgroup table.matrix_h td.active,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h td.active,
	.qgroup_mxh_plcst .qgroup table.matrix_h td.active,
	.qgroup_mxv_plcst .qgroup table.matrix_v td.active
	{
		background: #FFE6E6 !important;
	}
	.page_default table.matrix_v td.verticaltextcol,
	.page_default table.matrix_h td.verticaltextcol,
	.page_default table.matrix_v td.verticaltext,
	.page_default table.matrix_h td.verticaltext{
		padding: 0px !important;
	}
	.question_default .answer .categories_rbck_frame table.matrix_v tr td:last-child{
		border-right: none;
	}
	.question_default .answer  table.matrix_v th input[type="text"],
	.question_default .answer  table.matrix_v td input[type="text"],
	.question_default .answer  table.matrix_h th input[type="text"],
	.page_default table.matrix_h td input[type="text"]{
		padding: 10px;
		font-size: 16px;
	}

	.qgroup_mxv_sum .matrix_v input[type="text"],
	.qgroup_mxv_sum .matrix_h input[type="text"],
	.qgroup_mxh_sum .matrix_v input[type="text"],
	.qgroup_mxh_sum .matrix_h input[type="text"]{
		min-width: 80px;
	}
	
	.question_default .answer  table.matrix_v th input,
	.question_default .answer  table.matrix_v td input,
	.question_default .answer  table.matrix_h th input,
	.question_default .answer  table.matrix_h td input,
	.question_default .answer  table.matrix_v th select,
	.question_default .answer  table.matrix_v td select,
	.question_default .answer  table.matrix_h th select,
	.question_default .answer  table.matrix_h td select{
		font-size: 16px !important;
	}
	
	.qgroup_mxh_plcst table.matrix_h select{
		width: 100%;
	}
	
	.qgroup_mxv_default #answerMatrix .matrix_v td > table td,
	.qgroup_mxv_reverse #answerMatrix .matrix_v td > table td,
	.qgroup_mxv_pl #answerMatrix .matrix_v td > table td,
	.qgroup_mxv_scl #answerMatrix .matrix_v td > table td,
	.qgroup_mxv_scl_reverse #answerMatrix .matrix_v td > table td,
	.qgroup_mxab_default #answerMatrix .matrix_v td > table td,
	.qgroup_mxUnion_default #answerMatrix .matrix_h td > table td,
	.qgroup_mxUnion_default #answerMatrix .matrix_v td > table td,
	.qgroup_mxv_sum #answerMatrix .matrix_v td > table td,
	.qgroup_mxvv #answerMatrix .matrix_v td > table td,
	.qgroup_mxv_plcst #answerMatrix .matrix_v td > table td{
		padding: 0px !important;
	}
	
	.qgroup_mxh_plcst table.matrix_h > tbody > tr > td input[type="checkbox"],
	.qgroup_mxh_plcst table.matrix_h > tbody > tr > td input[type="radio"],
	.qgroup_mxv_plcst table.matrix_v > tbody > tr > td input[type="checkbox"],
	.qgroup_mxv_plcst table.matrix_v > tbody > tr > td input[type="radio"]{
		margin-right: 5px;
	}
	.qgroup_mxv_plcst .matrix_v .matrix_answercell,
	.qgroup_mxh_plcst .matrix_h .matrix_answercell{
		padding: 5px 0px;
	}

	/*マトリクス テーブルセル 縦幅調整*/
	.page_default table.matrix_v td,
	.page_default table.matrix_h td {
		height: auto;
	}

	/* 表側設問文 or カテゴリ文の最少横幅 */
	.page_default table.matrix_v .rp_side_v_content,
	.page_default table.matrix_h .rp_side_h_content{
		min-width: 150px;
	}

	/* 付帯テキスト1～2の最小横幅 */
	.page_default table.matrix_v .rp_side_v_text,
	.page_default table.matrix_h .rp_side_h_text{
		min-width: 100px;
	}

	/*マトリクス縦文字列*/
	.page_default table.verticaltext {
		font-size:14px;
		border-spacing: 0px !important;
	}

	/*回答方向*/
	.page_default table.matrix_v th.direction,
	.page_default table.matrix_h th.direction {
		padding :30px !important;
	}

	/*AB画像-AB*/
	table.matrix_v img[src="img/arrow1.gif"],
	table.matrix_v img[src="img/arrow2.gif"]{
		max-width:150px;
		width:80% !important;
	}

	/* カテゴリフレーム */
	.categories_rbck_frame,
	.categories_rbck_frame_reverse{
		max-width: 100%;
		box-sizing: border-box;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		overflow-y: hidden;
	}

	/* カテゴリスケール */
	.categories_rbck_scl{
		max-width: 100%;
		box-sizing: border-box;
		overflow-x: auto;
		width: 100%;
		-webkit-overflow-scrolling: touch;
		overflow-y: hidden;
	}
	.categories_rbck_scl > table.categories{
		table-layout: fixed;
	}
	
	.categories_rbck_scl .verticaltext .verticaltextcol,
	.qgroup_mxv_scl .matrix_v .verticaltext .verticaltextcol,
	.qgroup_mxv_scl_reverse .matrix_v .verticaltext .verticaltextcol{
		padding: 0px !important;
	}

	/* カテゴリ画像 */
	.categories_rbck_images_col2 > table.categories{
		margin: 0px auto;
	}
	.categories_rbck_images_col2,
	.categories_rbck_images_col3,
	.categories_rbck_images_col4,
	.categories_rbck_images_col5{
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	
	.categories_rbck_images_col2 > table.categories > tbody,
	.categories_rbck_images_col3 > table.categories > tbody,
	.categories_rbck_images_col4 > table.categories > tbody,
	.categories_rbck_images_col5 > table.categories > tbody{
		display: block !important;
		width: 100%;
	}
	
	.categories_rbck_images_col2 .category_image,
	.categories_rbck_images_col3 .category_image,
	.categories_rbck_images_col4 .category_image,
	.categories_rbck_images_col5 .category_image{
		padding: 15px;
	}
	.categories_rbck_images_col2 .category_images .categories,
	.categories_rbck_images_col3 .category_images .categories,
	.categories_rbck_images_col4 .category_images .categories,
	.categories_rbck_images_col5 .category_images .categories{
		min-width: 135px;
		box-sizing: border-box;
	}
	.categories_rbck_images_col2 .rdck_input_sp,
	.categories_rbck_images_col3 .rdck_input_sp,
	.categories_rbck_images_col4 .rdck_input_sp,
	.categories_rbck_images_col5 .rdck_input_sp{
		padding: 15px;
	}
	.categories_rbck_images_col2 .rdck_input_sp.active,
	.categories_rbck_images_col3 .rdck_input_sp.active,
	.categories_rbck_images_col4 .rdck_input_sp.active,
	.categories_rbck_images_col5 .rdck_input_sp.active{
		background: #FFE6E6;
	}
	.categories_rbck_images_col2 input[type=checkbox],
	.categories_rbck_images_col2 input[type=radio],
	.categories_rbck_images_col3 input[type=checkbox],
	.categories_rbck_images_col3 input[type=radio],
	.categories_rbck_images_col4 input[type=checkbox],
	.categories_rbck_images_col4 input[type=radio],
	.categories_rbck_images_col5 input[type=checkbox],
	.categories_rbck_images_col5 input[type=radio]{
		margin-top: 2px;
	}
	.categories_rbck_images_col2 input[type=text],
	.categories_rbck_images_col3 input[type=text],
	.categories_rbck_images_col4 input[type=text],
	.categories_rbck_images_col5 input[type=text]{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 15px 15px !important;
		width: 100% !important;
		box-sizing: border-box;
		border: 1px solid #ccc !important;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		margin-top: 5px;
	}
	.categories_rbck_images_col2 .categories table,
	.categories_rbck_images_col3 .categories table,
	.categories_rbck_images_col4 .categories table,
	.categories_rbck_images_col5 .categories table{
		border-collapse: collapse;
	}

	/*=============================================================================*
	 アラート関係用共通
	 *=============================================================================*/

	/* アラート文の設問番号部分を8文字分確保 */
	div.alert table{
		margin-left:10px;
	}
	div.alert table th{
		width:80px;
	}

	/*=============================================================================*
	 HTML制御関係用共通
	 *=============================================================================*/

	/*=============================================================================*
	 Font Color
	 *=============================================================================*/

	/*=============================================================================*
	 Design Color
	 *=============================================================================*/

	/*=============================================================================*
	 リクルート
	 *=============================================================================*/

	.element_text_recruit_3 div.recruitinfo,
	.top_default div.recruitinfo{
		width: 100% !important;
		padding: 0px 15px;
		box-sizing: border-box;
	}
	.element_text_recruit_3 div.recruitinfo div,
	.top_default div.recruitinfo div{
		max-width: 100% !important;
	}

	/* 詳細 */
	.top_default div.recruitinfo table.detail,
	.element_text_recruit_3 div.recruitinfo table.detail{
		box-sizing: border-box;
		border:1px solid #a8a8a8;
		margin-bottom: 20px;
		border-collapse: collapse;
	}
	.top_default div.recruitinfo table.detail tr.color1,
	.element_text_recruit_3 div.recruitinfo table.detail tr.color1{
		padding: 0px !important;
	}
	.top_default div.recruitinfo table.detail tr.color2,
	.element_text_recruit_3 div.recruitinfo table.detail tr.color2{
		padding: 0px !important;
	}
	.top_default div.recruitinfo table.detail td,
	.element_text_recruit_3 div.recruitinfo table.detail td{
		padding: 10px !important;
		background: #fff;
		border:1px solid #a8a8a8;
		line-height: 1.5;
	}
	.top_default div.recruitinfo table.detail tr td:first-child,
	.element_text_recruit_3 div.recruitinfo table.detail tr td:first-child{
		padding: 10px !important;
		background: #a8a8a8;
		color: #fff;
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		width:1em;
	}

	/* 応募について */
	.element_text_recruit_3 div.recruitinfo table.applycolor2 td.color1{
		padding: 10px;
	}
	.element_text_recruit_3 div.recruitinfo table.applycolor2 td.color2{
		padding: 10px;
	}

	/* 個人情報について */
	.element_text_recruit_3 div.recruitinfo table.personalcolor2 td.color1{
		padding: 10px;
	}

	.element_text_recruit_3 div.recruitinfo table.personalcolor2 td.color2{
		padding: 10px;
	}

	.element_text_recruit_3 .recruitinfo .applycolor2,
	.element_text_recruit_3 .recruitinfo .personalcolor2{
		border: 1px solid #a8a8a8;
		border-collapse: collapse;
		width: 100%;
		box-sizing: border-box;
	}
	.element_text_recruit_3 .recruitinfo .applycolor2 tr .color1,
	.element_text_recruit_3 .recruitinfo .personalcolor2 tr .color1{
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		padding: 10px !important;
		background: #a8a8a8;
		color: #fff;
	}
	.element_text_recruit_3 .recruitinfo .applycolor2 tr:last-child .color1,
	.element_text_recruit_3 .recruitinfo .personalcolor2 tr:last-child .color1{
		border-bottom: none !important;
	}
	.element_text_recruit_3 .recruitinfo .applycolor2 tr .color2,
	.element_text_recruit_3 .recruitinfo .personalcolor2 tr .color2 {
		padding: 10px !important;
		border: 1px solid #a8a8a8;
	}

	/*=============================================================================*
	 リクルート FS
	 *=============================================================================*/

	.page_default .qgroup_recruit_default div.fs,
	.page_default .qgroup_recruit_fw      div.fs{
		width: 100% !important;
		box-sizing: border-box;
		padding: 0px 15px;
	}

	.qgroup_recruit_default div.fs table,
	.qgroup_recruit_fw      div.fs table{
		display: block;
		box-sizing: border-box;
		width: 100%;
	}
	.qgroup_recruit_default div.fs table tbody,
	.qgroup_recruit_fw      div.fs table tbody{
		width: 100%;
		display: block;
	}
	
	.wrapTable{
		display: block;
		width: 100%;
	}
	.qgroup_recruit_default div.fs table tbody .wrapTable .topicColor1,
	.qgroup_recruit_fw      div.fs table tbody .wrapTable .topicColor1,
	.qgroup_recruit_default div.fs table tbody .wrapTable .topicColor2,
	.qgroup_recruit_fw      div.fs table tbody .wrapTable .topicColor2{
		display: block;
		width: 100%;
		box-sizing: border-box;
		color: #fff;
		padding: 10px !important;
		background: #a8a8a8;
		font-size: 16px;
		line-height: 1.5;
	}
	.qgroup_recruit_default div.fs table tbody .wrapTable .inboxColor1 img,
	.qgroup_recruit_fw      div.fs table tbody .wrapTable .inboxColor1 img,
	.qgroup_recruit_default div.fs table tbody .wrapTable .inboxColor2 img,
	.qgroup_recruit_fw      div.fs table tbody .wrapTable .inboxColor2 img{
		display: block;
	}
	.qgroup_recruit_default div.fs table tbody .wrapTable .inboxColor1,
	.qgroup_recruit_fw      div.fs table tbody .wrapTable .inboxColor1,
	.qgroup_recruit_default div.fs table tbody .wrapTable .inboxColor2,
	.qgroup_recruit_fw      div.fs table tbody .wrapTable .inboxColor2{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 10px !important;
		background: #fff;
		font-size: 16px;
		line-height: 1.5;
	}
	.qgroup_recruit_default div.fs table tbody .wrapTable input[type="text"],
	.qgroup_recruit_fw      div.fs table tbody .wrapTable input[type="text"]{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		border: 1px solid #ccc;
		min-width: 70px;
	}
	.qgroup_recruit_default div.fs table tbody .wrapTable select,
	.qgroup_recruit_fw      div.fs table tbody .wrapTable select{
		font-size: 16px;
		width: 100%;
		height: 45px;
		margin: 5px 0px;
	}

	.qgroup_recruit_fw div.fs table tbody .wrapTable .inboxColor1.birthday {
		line-height: 3em;
	}

	/*=============================================================================*
	 リクルート FS
	 *=============================================================================*/

	/*=============================================================================*
	 印刷範囲の指定
	 *=============================================================================*/

	/*=============================================================================*
	 付箋コメント付与用
	 *=============================================================================*/

	/*=============================================================================*
	 .top.html
	 *=============================================================================*/

	.top_default div#infobox1 {
		width: 100% !important;
		padding: 0px 15px;
		box-sizing: border-box;
	}

	.top_default div#infobox1 #topics{
		background: #dceafb;
		height: auto;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		padding: 15px;
		width: 100%;
		margin-bottom: 15px;
	}

	.top_default div#infobox1 div.element_text_recruit_3_img1 > div{
		background-repeat: no-repeat;
		background-size: contain;
		height: auto !important;
		width: 100% !important;
		background-position: center;
	}

	.top_default div#infobox1 div.element_text_recruit_3_img1 img{
		width: 100%;
	}

	.top_default div#infobox1 #sentence {
		font-size: 14px;
		margin: 5px 0px 0px 0px !important;
		line-height: 1.5;
	}

	.top_default div#infobox1 table{
		font-size: 14px;
		line-height: 1.5;
		width: 100%;
	}

	.top_default div#infobox1 table td {
		line-height: 1.5 !important;
	}

	/*実施期間の横幅を狭くして、予定通り～を1行に*/
	.top_default div#topinfo table th {
		width : 60px !important;
	}

	/*推奨環境を縦1列に（tableタグ⇒divタグ）*/
	.top_default div#infobox1 #brows{
		margin: 0 0 0 1em !important;
	}
	.top_default div#infobox1 div#sentence table tbody tr td{
		display:block;
	}
	.top_default div#infobox1 div#sentence td:not(:first-child) br {
		display:none;
	}

	/*時間制限の文字列は1文字程度の余白を設ける*/
	.top_default div#infobox5 {
		text-align:center;
		padding : 0 1em;
		font-size: 16px;
	}

	/*プライバシーマークとセキュアシールを中央揃えに*/
	div#contents #main div.infobox2 {
		display: block;
		height: auto;
		margin: 40px auto 20px;
		text-align: center;
		width: 100%;
	}

	div#contents #main div.infobox2 div,
	div#contents #main div.infobox2 .pmarkbox,
	div#contents #main div.infobox2 .pmarkbox .mark,
	div#contents #main div.infobox2 .pmarkbox .sentence {
		display: inline-block;
		float: none;
		width: auto;
	}

	div#contents #main div.infobox2 > div {
		margin: 0 10px;
	}

	div#contents #main div.infobox2 .pmarkbox {
		margin: 20px 0;
	}

	.top_default div.infobox4{
		width: 100%;
		box-sizing: border-box;
		padding: 0px 15px;
		font-size: 14px;
		text-align: left;
		margin-top: 20px;
	}
	.top_default #infobox1 .content{
		margin: 15px auto 0px auto;
		border: none;
		background-color: #afcced;
		width: 100%;
		padding: 10px;
		line-height: 1.5;
	}
	.top_default #infobox1 .red{
		text-align: left;
		line-height: 1.5;
	}
	.top_default .infobox6{
		width: calc(100% - 30px);
		background: #fff;
		padding: 10px;
		box-sizing: border-box;
	}
	.top_default .infobox6 .sentence{
		line-height: 1.5;
		font-size: 14px;
	}

	/*=============================================================================*
	 .login.html
	 *=============================================================================*/

	.login_default #infobox1{
		padding: 0px 15px;
		box-sizing: border-box;
		width: 100%;
	}

	.login_default div#infobox1 #topics {
		background: #dceafb;
		height: auto;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
		padding: 15px;
		width: 100%;
		margin-bottom: 15px;
	}

	.login_default #box{
		padding: 0px 15px;
		box-sizing: border-box;
		width: 100%;
	}

	.login_default #box table{
		display: block !important;
		width: 100% !important;
	}

	.login_default #box table tbody{
		display: block !important;
		width: 100% !important;
	}

	.login_default #box table tbody tr{
		display: block !important;
		width: 100% !important;
	}

	.login_default #box table tbody tr th{
		display: block !important;
		width: 100% !important;
		margin-bottom: 5px;
	}

	.login_default #box table tbody tr td{
		display: block !important;
		width: 100% !important;
		margin-bottom: 20px;
	}

	.login_default div#infobox1 table td {
		line-height: 1.5 !important;
	}

	.login_default #box input{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		box-sizing: border-box !important;
		padding: 15px !important;
		width: calc(100% - 35px) !important;
		display: block !important;
		border: 1px solid #ccc !important;
		border-radius: 0px !important;
		margin: 0px 0px 15px !important;
		font-size: 14px !important;
		box-shadow: 0px !important;
	}
	
	.login_default .infobox6{
		width: calc(100% - 30px);
		background: #fff;
		padding: 10px;
		box-sizing: border-box;
	}
	
	.login_default #sentence{
		margin-left: 0px !important;
	}
	.login_default #main h1{
		padding: 0px 15px;
		box-sizing: border-box;
		width: 100%;
		margin: 40px 0px 20px !important;
	}

	.login_default div#infobox1 table {
		font-size: 14px;
		line-height: 1.5;
	}

	.login_default div#infobox1 #sentence {
		font-size: 14px;
		line-height: 1.5;
	}

	.login_default .infobox6 .sentence{
		line-height: 1.5;
		font-size: 14px;
	}

	/*推奨環境を縦1列に（tableタグ⇒divタグ）*/
	.login_default div#infobox1 #brows{
		margin: 0 0 0 1em !important;
	}

	.login_default div#infobox1 div#sentence table tbody tr td{
		display:block;
	}

	.login_default div#infobox1 div#sentence td:not(:first-child) br {
		display:none;
	}

	/*セキュアシールを中央揃えに*/
	.login_default div.infobox4{
		text-align: center;
	}

	/*時間制限の文字列は1文字程度の余白を設ける*/
	.login_default div#infobox5 {
		text-align:center;
		padding : 0 1em;
		font-size: 16px;
	}

	/*=============================================================================*
	 .page.html
	 *=============================================================================*/

	.page_default select{
		font-size: 16px;
		height: 45px;
		margin: 5px 0px;
	}

	.page_default input[type="text"]{
		padding: 10px 10px !important;
		-webkit-appearance: none;
		-moz-appearance: none;
		border: 1px solid #ccc;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		/* 合計100％等のFAが後ろで改行されないので、70→50に変更*/
		min-width: 50px;
	}

	.page_default textarea{
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px !important;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		margin: 5px 0px;
	}

	.page_default input[type=checkbox] {
		width: 21px;
		height: 20px;
		vertical-align: middle;
		border: 1px solid #000;
	}

	.page_default input[type=radio] {
		width: 20px;
		height: 20px;
		vertical-align: middle;
	}

	.element_text_recruit_3 div{
		width: 100% !important;
		background-size: contain;
		height: auto !important;
		background-repeat: no-repeat;
	}

	#sound_question div{
		max-width: 100% !important;
		box-sizing: border-box;
	}

	.categories_text_default .categories{
		width: 100% !important;
		box-sizing: border-box;
	}

	.categories_text_default .categories textarea{
		width: 100% !important;
		box-sizing: border-box;
	}

	.page_default .scImg{
		margin: 8px 0px 5px;
		text-align: center;
		display: none;
	}

	/*scroll内すべてだとマトリクスの付帯オブジェクトの画像テンプレに必要のないスクロールが付くので直下に限定*/
	.page_default .scroll>.scImg{
		display: block;
	}

	/* 上記で漏れる個別テンプレートに対応 */
	.question_default .scroll .scImg{
		display: block;
	}

	.page_default .scImg img{
		width: 100%;
		max-width: 280px !important;
		height: auto;
	}
	
	.question_default .categories .note select{
		font-size: 16px;
	}

	.question_default .categories .note input[type="text"]{
		font-size: 16px;
		padding: 10px;
		box-sizing: border-box;
	}

	.categories_rbck_default{
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.categories_rbck_default input[type=checkbox] ,
	.categories_rbck_default input[type=radio]{
		margin-top: 2px;
	}

	.categories_rbck_default .categories .wrapTable .rdck_height_sp{
		box-sizing: border-box;
	}

	.categories_rbck_default .categories tbody > .wrapTable:last-child  > .rdck_input_sp{
		border-bottom: 1px solid #EFEFEF;
	}

	.categories_rbck_default .categories tbody > .wrapTable > div {
		margin-bottom: 1px;
		background: #fff;
	}

	.categories_rbck_default .categories nobr{
		white-space: normal !important;
	}
	.categories_rbck_default .categories > tbody > .wrapTable > .rdck_input_sp{
		border-top: 1px solid #EFEFEF;
		padding: 15px;
	}

	/* 空白行の上部にボーダーを付与(wrapTable.rp_category_lineに隣接（直後）のrp_Blank_lineに付与)*/
	.categories_rbck_default .wrapTable.rp_category_line + .wrapTable > .rp_Blank_line {
		border-top: 1px solid #EFEFEF;
	}

	.categories_rbck_default .categories > tbody > .wrapTable > .rdck_input_sp.active{
		background: #FFE6E6 !important;
	}

	.categories_rbck_default .categories > tbody > .wrapTable input[type="text"]{
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		width: 100% !important;
		box-sizing: border-box;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		border: 1px solid #ccc;
	}

	/* その他FA複数時に「前のその他FAの後テキスト」「次のその他FAの前テキスト」の改行用 */
	.categories_rbck_default .categories > tbody > .wrapTable span.rp_front_text,
	.categories_rbck_default .categories > tbody > .wrapTable span.rp_rear_text,
	.categories_rbck_default .categories > tbody > .wrapTable span.rp_surround_text{
		display:block;
	}

	/* カテゴリ1列のその他FAのインデント調整（画面幅→カテゴリ幅） */
	.categories_rbck_default .categories > tbody > .wrapTable > div{
		padding-left:15px;
	}

	/* その他FAを表示領域の限界まで広げる */
	.categories_rbck_default .categories > tbody > .wrapTable textarea{
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		width: 100% !important;
		box-sizing: border-box;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		border: 1px solid #ccc;
	}

	.page_default .element_text_default{
		padding: 0px 15px;
		box-sizing: border-box;
		margin-bottom: 15px;
	}

	.categories_rbck_line2 .categories{
		border-collapse: collapse;
		box-sizing: border-box;
		table-layout: fixed;
	}

	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp{
		background: #fff;
		padding: 15px;
		border-collapse: collapse;
		/* 空白行のセル上下左右にボーダー　→　上と下だけボーダーに変更 */
		border-top: 1px solid #EFEFEF;
		border-bottom: 1px solid #EFEFEF;
	}

	/* カテゴリ2列の真ん中にボーダーを付与 */
	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp:nth-child(1){
		border-collapse: collapse;
		border-right: 1px solid #EFEFEF;
	}

	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp:nth-child(2){
		border-collapse: collapse;
		border-left: 1px solid #EFEFEF;
	}

	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp.active{
		background: #FFE6E6 ;
	}

	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp input[type="checkbox"],
	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp input[type="radio"]{
		margin-top: 2px;
	}
	
	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp{
		box-sizing: border-box;
		width: 50% !important;
	}
	
	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp .rdck_category_sp{
		vertical-align: top;
	}
	
	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp label.rdck_label_sp {
		padding: 0px;
		display: inline-block;
		width: calc(100% - 35px);
		box-sizing: border-box;
		word-break: break-all;
		white-space: normal !important;
	}
	
	.categories_rbck_line3{
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	
	.categories_rbck_line3 .categories{
		margin-bottom: 0px;
	}

	.categories_rbck_line3 .categories > tbody > tr td{
		width: 100%;
	}

	.categories_rbck_line3 .categories > tbody > tr > .rdck_input_sp{
		background: #fff;
		padding: 15px;
		border-collapse: collapse;
		border-top: 1px solid #EFEFEF;
		border-bottom: 1px solid #EFEFEF;
		width: 100% !important;
		box-sizing: border-box;
	}

	.categories_rbck_line3 .categories > tbody > tr > .rdck_input_sp{
		width: calc(100% - 30px);
	}

	.categories_rbck_line3 .categories tbody .wrapTable:last-child .rdck_input_sp{
		border-bottom: 1px solid #EFEFEF;
	}

	.categories_rbck_line3 .categories > tbody > tr > .rdck_input_sp input[type="checkbox"],
	.categories_rbck_line3 .categories > tbody > tr > .rdck_input_sp input[type="radio"]{
		margin-top: 2px;
	}

	.categories_rbck_line3 div.rdck_height_sp span.rdck_category_sp{
		margin: 0px 10px 0px 0px;
		display: inline-block;
		vertical-align: top;
	}

	.categories_rbck_line3 div.rdck_height_sp label.rdck_label_sp {
		padding: 0px;
		width: calc(100% - 31px);
		display: inline-block;
	}

	.categories_rbck_line3 .categories > tbody > tr > .rdck_input_sp.active{
		background: #FFE6E6 ;
	}

	.categories_rbck_line3 input[type="text"]{
		margin: 5px 0px;
	}

	/* 空白行の上部ボーダーを付与時、ボーダーが2pxになる個所を1pxに */
	.categories_rbck_line3 .categories > tbody > div.wrapTable:not(:first-child){
		margin-top: -1px;
	}

	.categories_pl_default .categories select{
		width: 100%;
		height: 45px;
		margin: 5px 0px;
	}
	.categories_text_default .categories .wrapTable{
		padding: 5px 0px;
		line-height: 1.5;
	}
	

	/* 上下の間隔のとり方をリセット */
	.categories_text_default .categories .wrapTable {
		padding: 0;
	}
	
	/* 見出しの上にマージンを設定 */
	.category_subject.category_ {
		margin: 40px 0 15px;
	}
	
	/* 第一カテゴリに見出しがあった場合は上マージンなし */
	.wrapTable:first-child .category_subject.category_ {
		margin-top: 0;
	}
	
	/* カテゴリ開始位置に1文字分の上マージンを設定 */
	.rp_cate_head,
	.qgroup_dob_default .wrapTable {
		padding-top: 1.5em;
	}
	
	/* 見出し直後と、第1カテゴリには上マージンを設けない */
	.rp_cate_head.rp_subject_after,
	.wrapTable:first-child .rp_cate_head,
	.qgroup_dob_default .wrapTable:first-child {
		padding-top: 0em;
	}
	
	/*
		テキストフィールド/テキストエリアをブロック要素に変更
		テキストフィールド/テキストエリアの上下の間隔を調整
	*/
	.categories_text_default .categories .wrapTable textarea,
	.answer .categories_text_default .categories .wrapTable input[type="text"],
	#main .qgroup_dob_default .answer .categorie_text input[type="text"] {
		display: block;
		margin: 5px 0;
		width: 100%!important;
	}
	
	/* テキストエリアの直後のbrタグを非表示に変更 */
	.categories_text_default .categories .wrapTable textarea + br {
		display: none;
	}
	
	/* FASA */
	#main .qgroup_fasa_default .question table.categories {
		display: block;
		width: calc(100% - 10px) !important;
	}
	
	#main .qgroup_fasa_default .question table.categories tbody,
	#main .qgroup_fasa_default .question table.categories tr,
	#main .qgroup_fasa_default .question table.categories td,
	#main .qgroup_fasa_default .question table.categories td.categorie_text textarea {
		display: block;
		width: 100% !important;
	}
	
	#main .qgroup_fasa_default .question table.categories td.categorie_text {
		padding: 5px 0 30px !important;
	}

	.categories_text_default .categories .wrapTable input[type="text"]{
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		width: 100% !important;
		box-sizing: border-box;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		margin: 0px;
		border: 1px solid #ccc;
	}

	.categories_text_default .categories .wrapTable textarea{
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px !important;
		width: 100% !important;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		margin: 5px 0px;
	}

	.content_sound > div:not(:first-child){
		padding: 15px 15px !important;
		width: calc(100% - 30px) !important;
		box-sizing: border-box;
		background: #fff;
		border-bottom: 1px solid #EFEFEF;
	}

	.content_sound > div.active{
		background-color: #FFE6E6;
	}

	.content_sound .parent_movie_div {
		margin: 0px auto !important;
	}

	.content_sound > div > .rdck_category_sp{
		margin: 0px 10px 0px 0px;
		text-align: left;
		box-sizing: border-box;
		line-height: 1.5;
		vertical-align: top;
		display: inline-block;
	}

	.content_sound > div > .rdck_label_sp{
		padding: 0px;
		display: inline-block;
		width: calc(100% - 40px);
	}

	.content_sound .element_box_default{
		background: #d2e9ff !important;
		border: 2px solid #0167BB !important;
	}

	.element_text_lineBlue{
		padding: 0px 15px;
		box-sizing: border-box;
		width: 100%;
	}

	.element_text_backclear{
		padding: 0px 15px;
		box-sizing: border-box;
		width: 100%;
	}

	.element_text_backclear .element_box_backclear{
		padding: 15px;
	}

	.element_text_RLI{
		padding: 0px 15px;
		box-sizing: border-box;
		width: 100%;
	}

	.element_text_RLI .element_box_backclear{
		padding: 15px;
	}
	.element_movie_jstream_v4_320x180,
	.element_movie_jstream_v4_320x240,
	.element_movie_jstream_v4_640x480{
		padding: 0px 15px;
		box-sizing: border-box;
		width: 100%;
	}

	.qgroup_dob_default .answer{
		padding: 0px 15px;
		box-sizing: border-box;
		width: 100%;
	}

	.qgroup_dob_default .answer table{
		width: 100% !important;
	}

	.qgroup_dob_default .answer .wrapTable{
		margin-bottom: 10px;
	}

	.qgroup_dob_default .answer .categorie_text input[type="text"]{
		display: inline-block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		/* その他FAを表示領域の限界まで広げる */
		width: 100% !important;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		margin: 5px 0px;
	}

	.qgroup_fasa_default table{
		width: calc(100% - 30px) !important;
		margin: 0px auto;
	}

	.qgroup_fasa_default table .categorie_text{
		padding: 0px !important;
	}
		
	.qgroup_fasa_default .categories .rdck_input{
	}

	.qgroup_fasa_default .categories .rdck_input .rdck_height_sp{
		padding: 15px 15px 15px 15px !important;
		box-sizing: border-box;
		text-indent: inherit !important;
		font-size: 16px;
	}

	.qgroup_fasa_default div.rdck_height_sp label.rdck_label_sp {
		padding: 0px;
		display: inline-block;
		width: calc(100% - 35px);
	}

	.qgroup_fasa_default div.rdck_height_sp span.rdck_category_sp {
		position: relative;
		font-size: 16px;
		margin: 0px 10px 0px 0px;
		text-align: left;
		box-sizing: border-box;
		line-height: 1.5;
		vertical-align: top;
	}

	.qgroup_fasa_default .categories .categorie_text input[type="text"]{
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		width: 100% !important;
		box-sizing: border-box;
		border: 1px solid #ccc;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
	}

	.element_text_recruit_3{
		margin-bottom: 50px;
	}

	.element_text_recruit_3 .recruitinfo .attention td{
		padding: 15px;
		line-height: 1.5;
	}

	.element_text_recruit_3 .element_text_recruit_3_img1 > div{
		padding: 15px;
		box-sizing: border-box;
		background-color: #fff;
		background-position: center;
		background-size: contain;
	}

	.element_text_recruit_3 .element_text_recruit_3_img1 img{
		width: 100%;
	}

	.element_text_recruit_3 .recruitinfo .applycolor1,
	.element_text_recruit_3 .recruitinfo .personalcolor1{
		font-size: 16px;
		line-height: 1.5;
	}

	.element_text_recruit_3 .recruitinfo .applycolor2,
	.element_text_recruit_3 .recruitinfo .personalcolor2{
		background: #fff;
		line-height: 1.5;
	}

	.element_text_recruit_3 .recruitinfo .personalcolor3{
		font-size: 16px !important;
		padding: 10px 0px;
		line-height: 1.5;
	}

	.element_text_recruit_3 .recruitinfo .personalcolor4{
		padding: 15px;
		width: 100%;
		box-sizing: border-box;
		line-height: 1.5;
		font-size: 16px;
		background: #fff;
	}

	.element_text_recruit_3 .recruitinfo .personalcolor4 .personalcolor4_inner{
		padding: 0px;
		line-height: 1.5;
		font-size: 16px;
	}

	.qgroup_recruit_default .element_box_default,
	.qgroup_recruit_fw      .element_box_default{
		width: calc(100% - 30px) !important;
		margin: 15px auto 0px;
		box-sizing: border-box;
		line-height: 1.5;
	}

	.element_image_default,
	.element_image_line,
	.element_image_v_03{
		width: calc(100% - 30px);
		background-color: #fff;
		margin: 15px auto;
		padding: 15px;
		box-sizing: border-box;
	}

	.element_image_default .element_image_default_scroll{
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.element_image_default .element > div{
		margin: 10px auto !important;
	}

	.element_image_default .element_image_default_scroll .element{
		max-width: none !important;
	}

	.element_image_default .element_image_default_scroll .element div{
		max-width: none !important;
	}

	.element_image_line > div,
	.element_image_v_03 > div{
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.element_image_v_03 table{
		width: 100%;
		text-align: center;
	}

	.element_image_v_03 .wrapTable > div > div{
		margin: 10px auto !important;
	}

	.element_text_reference .element_box_reference .element_table_reference{
		width: 100%;
		border-collapse: collapse;
		border: 1px solid #a8a8a8;
	}

	.element_text_reference .element_box_reference .element_table_reference td{
		padding: 10px;
		border-collapse: collapse;
		border: 1px solid #a8a8a8;
	}

	.element_text_youtube{
		width:100%; 
		padding-bottom: 56.25%;  
		height:0px; 
		position: relative;
		margin-bottom: 40px;
	}

	.element_text_youtube iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.page_default .utils_design{
		padding: 0px 15px;
	}

	.page_default .utils_design div.alert table td{
		line-height: 1.5;
		font-size: 16px;
	}

	.element_text_ans_viewer .answer_div{
		width: 100%;
		box-sizing: border-box;
		padding: 0px 15px;
		margin: 20px auto 20px auto;
	}

	.element_text_ans_viewer .answer_div table.title_table {
		background-color: #fff !important;
		margin: 20px 0px 0px;
		padding: 0px;
		width: 100%;
	}

	.element_text_ans_viewer .answer_div table.title_table th {
		background:  #afcced ;
		width: 100%;
		padding: 10px;
		border: none !important;
	}

	.element_text_ans_viewer .answer_div table.answer_table {
		background: #fff;
		margin: 0px 0px 40px;
		margin-bottom: 40px;
		width: 100%;
		font-size: 16px;
		text-align: left;
	}

	.element_text_ans_viewer .answer_div table.answer_table tbody div.wrapTable{
		width: 100%;
		margin-bottom: 1px;
	}

	.element_text_ans_viewer .answer_div table.answer_table tbody .wrapTableTitle{
		width: 100%;
		margin-bottom: 1px;
	}

	.element_text_ans_viewer .answer_div table.answer_table tbody .wrapTableTitle > div{
		width: 100% !important;
		box-sizing: border-box;
		padding: 10px 15px !important;
		border: none;
		background-color: #afcced !important;
		pointer-events: all;
		font-weight: bold;
	}
	
	.element_text_ans_viewer .answer_div table.answer_table tbody .wrapTableTitle > .qa_group_title{
		margin-top: 30px;
		background-color: #2b4d94 !important;
		color: #fff;
	}
	
	.element_text_ans_viewer .answer_div table.answer_table tbody .wrapTable > .q_head{
		background: #E6FDFF;
		color: #000;
		font-size: 16px;
		padding: 10px;
		display: none;
	}

	.element_text_ans_viewer .answer_div table.answer_table tbody .wrapTable > .q_content{
		background: #F4FDFF;
		color: #000;
		font-size: 16px;
		padding: 10px;
	}

	.element_text_ans_viewer .answer_div table.answer_table tbody .wrapTable > .a_head{
		background: #FFC6C6;
		color: #000;
		font-size: 16px;
		padding: 10px;
		display: none;
	}

	.element_text_ans_viewer .answer_div table.answer_table tbody .wrapTable > .a_content{
		background: #FFE0E0;
		padding: 10px;
		font-size: 16px;
	}

	.element_text_ans_viewer .answer_div table.answer_table tbody .wrapTable > .a_content table.answer_table td{
		font-size: 16px;
	}

	.element_text_ans_viewer .answer_div table.answer_table tbody .wrapTable > .a_content table.inner_table td{
		font-size: 16px;
		font-weight: normal !important;
	}

	.categories_rbck_default .categories tbody > .wrapTable > .categories_rbck_sntline > .rdck_height_sp,
	.categories_rbck_line2 .categories tbody tr .rdck_input_sp .categories_rbck_sntline,
	.categories_rbck_line3 .categories tbody tr .rdck_input_sp .categories_rbck_sntline{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	/*=============================================================================*
	 .inquiry.html
	 *=============================================================================*/

	.inquiry #box{
		font-size: 16px !important;
		padding: 0px 15px !important;
		box-sizing: border-box;
		width: 100%;
		line-height: 1.5;
	}
	.inquiry #box span{
		font-size: 16px !important;
	}
	.inquiry #box h1{
		background: #dceafb;
		height: auto;
		font-size: 18px;
		font-weight: bold;
		text-align: left;
		padding: 15px !important;
		width: 100%;
		margin-bottom: 15px !important;
		box-sizing: border-box;
	}
	.inquiry #box h1 img{
		display: none;
	}
	.inquiry #box table{
		width: 100%;
	}
	.inquiry #box textarea,
	.inquiry #box .form_text,
	.inquiry #box input[type="text"]{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		width: 100% !important;
		box-sizing: border-box;
		border: 1px solid #ccc !important;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
	}
	.inquiry .form_confirm{
		width: 100%;
		padding: 15px !important;
		box-sizing: border-box;
		border: 1px solid #ccc;
		font-size: 16px;
	}
	.inquiry h1{
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
		line-height: 1.5;
	}

	/*=============================================================================*
	 .page_recruitdenialend.html
	 *=============================================================================*/

	.page_recruitdenialend #infobox1{
		width: 100% !important;
		box-sizing: border-box;
		padding: 0px 15px;
		line-height: 1.5;
	}

	/*=============================================================================*
	 .end.html
	 *=============================================================================*/

	.end_default #infobox1{
		padding: 0px 15px;
		width: 100%;
		box-sizing: border-box;
		line-height: 1.5;
	}

	/*=============================================================================*
	 .last_default.html
	 *=============================================================================*/

	.last_default #infobox1{
		padding: 0px 15px;
		width: 100%;
		box-sizing: border-box;
		line-height: 1.5;
	}
	.last_default .element_box_default{
		background: #afcced;
		border: none !important;
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
		line-height: 1.5;
	}
	.last_default .element_box_backclear{
		font-size: 16px;
		line-height: 1.5;
	}

	.question_default .answer table.matrix_v,
	.question_default .answer table.matrix_h,
	.qgroup_mxh_default .qgroup table.matrix_v,
	.qgroup_mxh_reverse .qgroup table.matrix_v,
	.qgroup_mxh_default .qgroup table.matrix_h,
	.qgroup_mxh_reverse .qgroup table.matrix_h,
	.qgroup_mxh_pl .qgroup table.matrix_v,
	.qgroup_mxh_pl .qgroup table.matrix_h,
	.qgroup_mxv_default .qgroup table.matrix_v,
	.qgroup_mxv_reverse .qgroup table.matrix_v,
	.qgroup_mxv_default .qgroup table.matrix_h,
	.qgroup_mxv_reverse .qgroup table.matrix_h,
	.qgroup_mxv_pl .qgroup table.matrix_v,
	.qgroup_mxv_pl .qgroup table.matrix_h,
	.qgroup_mxv_scl .qgroup table.matrix_v,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v,
	.qgroup_mxv_scl .qgroup table.matrix_h,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h,
	.qgroup_mxab_default .qgroup table.matrix_v,
	.qgroup_mxab_default .qgroup table.matrix_h,
	.qgroup_mxUnion_default .qgroup table.matrix_v,
	.qgroup_mxUnion_default .qgroup table.matrix_h,
	.qgroup_mxv_sum .qgroup table.matrix_v,
	.qgroup_mxh_sum .qgroup table.matrix_h,
	.qgroup_mxvv .qgroup table.matrix_v,
	.qgroup_mxhh .qgroup table.matrix_h,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h,
	.qgroup_mxh_plcst .qgroup table.matrix_h,
	.qgroup_mxv_plcst .qgroup table.matrix_v,
	.qgroup_sum_snt td.pph_categorie_text,
	.categories_text_pph td.pph_categorie_text,
	.categories_text_sum td.pph_categorie_text,
	.qgroup_fasa_sum_snt td.pph_categorie_text,
	.categories_text_sum_data td.pph_categorie_text,
	.qgroup_sum_snt td.pph_input,
	.categories_text_pph td.pph_input,
	.categories_text_sum td.pph_input,
	.qgroup_fasa_sum_snt td.pph_input,
	.categories_text_sum_data td.pph_input,
	.qgroup_sum_snt td.pph_sum_text,
	.categories_text_pph td.pph_sum_text,
	.categories_text_sum td.pph_sum_text,
	.qgroup_fasa_sum_snt td.pph_sum_text,
	.categories_text_sum_data td.pph_sum_text,
	.qgroup_sum_snt td.pph_sum_input,
	.categories_text_pph td.pph_sum_input,
	.categories_text_sum td.pph_sum_input,
	.qgroup_fasa_sum_snt td.pph_sum_input,
	.categories_text_sum_data td.pph_sum_input,
	.element_text_recruit_3 div.recruitinfo table.detai,
	.element_text_recruit_3 div.recruitinfo table.applycolor2 td.color1,
	.element_text_recruit_3 div.recruitinfo table.applycolor2 td.color2,
	.element_text_recruit_3 div.recruitinfo table.personalcolor2 td.color1,
	.element_text_recruit_3 div.recruitinfo table.personalcolor2 td.color2{
		font-size: 16px;
	}

	/* aタグのフォーカスを残さないように設定 */
	a:focus{
		outline: none;
	}

	/* 表示画像を強制的にフィットさせる（通常設問用） */
	.rp_answer_fitimg {
		text-align:center;
		width : 100% !important;
		background-size    : contain;
		background-repeat  : no-repeat;
		background-position: center;
/		/*背景をfafafaから透過（親要素）に変更（マトリクスだけ解除から全ケースで解除に変更）*/
		background-color: transparent;
	}

	.categories_rbck_default .rp_bc_img,
	.categories_rbck_line2 .rp_bc_img,
	.categories_rbck_line3 .rp_bc_img {
		background-repeat: no-repeat;
		background-position: center center;
	}

	.categories_rbck_default .rp_bc_img img[src="img/seethrough.gif"],
	.categories_rbck_line2 .rp_bc_img img[src="img/seethrough.gif"],
	.categories_rbck_line3 .rp_bc_img img[src="img/seethrough.gif"] {
		margin:0 !important;
		width:100%;
		height:100%;
	}

	/* 画像オブジェクト */
	.element_image_default .rp_bc_img,
	.element_image_v_03 .rp_bc_img{
		background-repeat: no-repeat;
		background-position: center center;
	}

	.element_image_default .rp_bc_img img,
	.element_image_v_03 .rp_bc_img img{
		width:100%;
		height:100%;
	}

	.element_image_line .rp_bc_img {
		background-repeat: no-repeat;
		background-position: center center;
	}

	.element_image_line .rp_bc_img img {
		width:100%;
		height:100%;
	}

	/* ポップアップの「スクロールさせて全体をご確認ください」画像 */
	#miz-dialog .scImg img{
		width: 100%;
		max-width: 280px !important;
		height: auto;
	}

	/* 画像N列系テンプレートスタイル */
	.categories_rbck_images_col2 .rp_outer_table {
		width:100%  !important;
	}

	.categories_rbck_images_col3 .rp_outer_table {
		width:140%  !important;
	}

	.categories_rbck_images_col4 .rp_outer_table {
		width:190%  !important;
	}

	.categories_rbck_images_col5 .rp_outer_table {
		width:240%  !important;
	}

	.categories_rbck_images_col2 .rp_outer_table,
	.categories_rbck_images_col3 .rp_outer_table,
	.categories_rbck_images_col4 .rp_outer_table,
	.categories_rbck_images_col5 .rp_outer_table {
		margin:0 !important;
	}

	/*
	※※ 画像を描画エリア内で比率を守りつつ最大サイズとなる対応前処理 ※
	設定画像のサイズが小さいときに全体の幅が確保できないため、
	強制的に大きめの幅をセットしておく。
	*/
	.category_images {
		width:1000px !important;
	}

	.categories_rbck_images_col2 .rp_inner_table,
	.categories_rbck_images_col2 .rp_category_image_table,
	.categories_rbck_images_col3 .rp_inner_table,
	.categories_rbck_images_col3 .rp_category_image_table,
	.categories_rbck_images_col4 .rp_inner_table,
	.categories_rbck_images_col4 .rp_category_image_table,
	.categories_rbck_images_col5 .rp_inner_table,
	.categories_rbck_images_col5 .rp_category_image_table {
		width:100%  !important;
		height:100% !important;
		margin:0 !important;
	}

	.categories_rbck_images_col2 td,
	.categories_rbck_images_col3 td,
	.categories_rbck_images_col4 td,
	.categories_rbck_images_col5 td {
		padding: 2px;
	}

	.categories_rbck_images_col2 .rp_bc_img,
	.categories_rbck_images_col3 .rp_bc_img,
	.categories_rbck_images_col4 .rp_bc_img,
	.categories_rbck_images_col5 .rp_bc_img {
		width:100% !important;
		padding:2px !important;
		background-repeat:no-repeat;
		background-position: center;
	}

	.categories_rbck_images_col2 .rp_bc_img img,
	.categories_rbck_images_col3 .rp_bc_img img,
	.categories_rbck_images_col4 .rp_bc_img img,
	.categories_rbck_images_col5 .rp_bc_img img {
		width:100%;
		height:100%;
	}

	/*
	横マトリクス画像tdクラス
	※特定可能なid、classがテンプレートで未設定のため、本クラスはjsで付与する
	*/
	.rp_mx_img {
		min-width:150px !important;
	}

	/* カテゴリテンプレートその他FAの幅調整 */
	.categories_rbck_line2 .categories textarea,
	.categories_rbck_line3 .categories textarea,
	.categories_rbck_frame .categories textarea,
	.categories_rbck_frame_reverse .categories textarea,
	.categories_rbck_images_col2 .categories textarea,
	.categories_rbck_images_col3 .categories textarea,
	.categories_rbck_images_col4 .categories textarea,
	.categories_rbck_images_col5 .categories textarea,
	.categories_rbck_line2 .categories input[type="text"],
	.categories_rbck_line3 .categories input[type="text"],
	.categories_rbck_frame .categories input[type="text"],
	.categories_rbck_frame_reverse .categories input[type="text"]{
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		width: 100% !important;
		box-sizing: border-box;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		border: 1px solid #ccc;
	}

	.qgroup_fasa_default .categories textarea,
	.qgroup_sum_snt table.pph_categories td.pph_categorie_text textarea,
	.qgroup_dob_default .answer .wrapTable .categorie_text textarea,
	.qgroup_fasa_default .categories input[type="text"] {
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		width: 100% !important;
		box-sizing: border-box;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		border: 1px solid #ccc;
	}

	/* マトリクスFA幅100%対応 */
	.matrix_h .header input[type='text'],
	.matrix_v .header input[type='text'],
	.matrix_v .rp_side_v_content input[type='text'],
	.matrix_h .rp_side_h_content input[type='text'],
	.matrix_v .rp_mx_img input[type='text'],
	.matrix_h .rp_mx_img input[type='text'],
	.matrix_v .side_v_text input[type='text'],
	.matrix_h .side_h_text input[type='text'],
	.matrix_h .category input[type='text'],
	.matrix_v .category input[type='text'] {
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		width: 100% !important;
		min-width:120px;
		box-sizing: border-box;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		border: 1px solid #ccc;
	}

	.matrix_h .header textarea,
	.matrix_v .header textarea,
	.matrix_h .rp_side_h_content textarea,
	.matrix_v .rp_side_v_content textarea,
	.matrix_v .rp_mx_img textarea,
	.matrix_h .rp_mx_img textarea,
	.matrix_v .side_v_text textarea,
	.matrix_h .side_h_text textarea,
	.matrix_h .category textarea,
	.matrix_v .category textarea {
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 10px 10px !important;
		width: 100% !important;
		min-width:120px;
		box-sizing: border-box;
		border-radius: 0px !important;
		box-shadow: 0px !important;
		font-size: 16px !important;
		border: 1px solid #ccc;
	}

	/* 表側の画像とFAが同セル内に表示された場合、前テキスト、後テキストを左寄せ */
	.matrix_v .rp_mx_img,
	.matrix_h .rp_mx_img {
		text-align:left;
	}

	/* 表頭の画像とFAが同セル内に表示された場合、前テキスト、後テキストをセンター揃え  */
	.matrix_v th.rp_mx_img,
	.matrix_h th.rp_mx_img,
	.matrix_v .rp_mx_img.vtext,
	.matrix_h .rp_mx_img.vtext {
		text-align:center;
	}

	/* その他FA前後テキストを左寄せ */
	.matrix_v .category,
	.matrix_h .category{
		text-align: left;
	}

	/* ラジオボタン、チェックボックも左に寄るので中央に設定 */
	.matrix_v .matrix_hide_cell,
	.matrix_h .matrix_hide_cell,
	.matrix_v .matrix_answercell,
	.matrix_h .matrix_answercell{
		text-align: center;
	}

	.rp_categories_frame{
		text-align: left;
	}

	.qgroup_dob_default select {
		display:block;
		width:100% !important;
	}

	.qgroup_mxh_pl select,
	.qgroup_mxv_pl select {
		display:block;
	}

	.matrix_h img[src="img/seethrough.gif"],
	.matrix_v img[src="img/seethrough.gif"] {
		width:100%;
		height:100%;
	}

	.bef_text_br::before {
		content: "\A";
		white-space: pre;
	}

}

/* Minor change version1.0 Start 2021/10/16 <----------------------------------------*/

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

	/*=============================================================================*
	 全ページ　共通レイアウト
	 *=============================================================================*/

	/* PC画面で1.2倍にしたものを元に戻す */
	input[type='checkbox'] , 
	input[type='radio'] {
		transform: scale(1);
	}

	/* 余白を調整 */
	.page_default div#contents,
	.question_default div#contents,
	.top_default div#contents,
	.login_default div#contents,
	.inquiry div#contents,
	.end_default div#contents,
	.last_default div#contents,
	.page_recruitdenialend div#contents {
		padding: 0px 0px 60px;
	}

	div#wrapper form center br {
		display:none;
	}

	.page_default div.question {
		margin: 0px auto 30px auto;
	}

	.page_default div.question_default div.question {
		margin: 0px auto 50px auto;
	}

	div.categories_rbck_line2 > table.categories,
	div.qgroup_dob_default div.answer,
	div.qgroup_fasa_default table.categories {
		width: auto !important;
	}

	div.categories_rbck_default > table.categories,
	div.categories_rbck_line3 > table.categories,
	div.categories_text_default > table.categories,
	div.categories_pl_default > table.categories {
		width: 100% !important;
	}


	/* noteの高さを基本の1.5に補正 */
	.note {
		line-height: 1.5;
	}

	/*=============================================================================*
	 上部注意文-バー
	 *=============================================================================*/



	/*=============================================================================*
	 設問関係用共通
	 *=============================================================================*/

	/* 設問番号のサイズ */
	.content_default div.content .qno,
	.content_sound div.content .qno,
	.content_plain div.content .qno,
	.element_content_dummy div.content .editor_css_03 {
		font-size: 17px;
	}

	/* 設問文の背景色 */
	.content_default div.content,
	.content_sound div.content,
	.content_plain div.content {
		padding: 10px 5px 10px 5px !important;
		border: none;
		border-left: 10px groove #c4c4c4;
		background-color: #FFFFFF !important;
		width: calc(100% - 4px) !important;
	}

	.content_sub_default div.content_sub {
		padding: 10px 5px 10px 10px !important;
		border-left: 5px solid #c4c4c4 !important;
		background: #ffffff;
		width: calc(100% - 4px) !important;
	}

	#sound_question div.content {
		width: calc(100% - 4px) !important;
	}

	/* 設問文オブジェクトデザイン */
	.element_content_dummy div.content {
		padding: 10px 5px 10px 10px !important;
		border: none;
		border-left: 10px groove #c4c4c4;
		background-color: #FFFFFF !important;
		width: calc(100% - 4px) !important;
	}

	/*
	　カテゴリ見出しのボーダー調整（2px）
	*/
	div.question_default table.categories td.category_subject,
	div.qgroup_fasa_default table.categories td.category_subject {
		border-top: 2px solid #c4c4c4;
	}

	.categories_rbck_default .categories tbody > .wrapTable > div {
		margin-bottom: 0px;
	}
	.categories_rbck_default .categories tbody > .wrapTable > div.category_subject{
		background-color: #EFEFEF;
		border-top: 2px solid #c4c4c4;
	}

	/* 見出しのbefore要素、after要素を削除 */
	.page_default .category_subject:before {
		border: none;
	}
	.page_default .category_subject:after {
		border: none;
	}

	/* 2列テンプレの調整 */
	.page_default .category_subject {
		width: auto;
	}

	/* カテゴリ2列の真ん中にボーダーを付与 */
	.categories_rbck_line2 .categories > tbody > tr > .category_subject + .category_subject{
		border-left: 1px solid #dbdbdb;
	}

	/* テキストテンプレの見出し追加 */
	.categories_text_default .category_subject{
		font-size: 15px;
		background-color: #efefef;
		border-top: 2px solid #ccc;
	}

	.categories_rbck_images_col2 .category_image,
	.categories_rbck_images_col3 .category_image,
	.categories_rbck_images_col4 .category_image,
	.categories_rbck_images_col5 .category_image,
	.categories_rbck_images_col2 .rdck_input_sp,
	.categories_rbck_images_col3 .rdck_input_sp,
	.categories_rbck_images_col4 .rdck_input_sp,
	.categories_rbck_images_col5 .rdck_input_sp {
		padding: 2px;
	}

	div.categories_rbck_images_col2 table.categories td.category_images,
	div.categories_rbck_images_col3 table.categories td.category_images,
	div.categories_rbck_images_col4 table.categories td.category_images,
	div.categories_rbck_images_col5 table.categories td.category_images {
		padding-bottom: 30px;
	}

	/* 進捗バー */
	.page_default div#progressbar table#progress tbody tr td table tbody tr:first-child  td table tbody tr td{
		background-color: #EFEFEF;
	}

	/*=============================================================================*
	 カテゴリ関係用共通
	 *=============================================================================*/

	.categories_rbck_default .categories > tbody > .wrapTable > .rdck_input_sp {
		padding: 5px 0px 5px 15px;
	}

	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp {
		padding: 5px 0px 5px 15px;
	}

	.categories_rbck_line3 div.rdck_height_sp label.rdck_label_sp {
		width: calc(100% - 35px);
	}

	.categories_rbck_line3 .categories > tbody > tr > .rdck_input_sp {
		padding: 5px 0px 5px 15px;
	}

	/* 見出し */
	.page_default .category_subject:before {
		content: none;
	}

	.page_default .category_subject:after {
		content: none;
	}

	.page_default .category_subject{
		position: unset;
	}

	/* SAMAが2pxマージンをゼロに補正*/
	.categories_rbck_default input[type=checkbox] ,
	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp input[type="checkbox"],
	.categories_rbck_line3 .categories > tbody > tr > .rdck_input_sp input[type="checkbox"],
	.categories_rbck_images_col2 input[type="checkbox"],
	.categories_rbck_images_col3 input[type="checkbox"],
	.categories_rbck_images_col4 input[type="checkbox"],
	.categories_rbck_images_col5 input[type="checkbox"] {
		margin-top: 0px;
	}

	.categories_rbck_default input[type=radio],
	.categories_rbck_line3 .categories > tbody > tr > .rdck_input_sp input[type="radio"],
	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp input[type="radio"],
	.categories_rbck_images_col2 input[type="radio"],
	.categories_rbck_images_col3 input[type="radio"],
	.categories_rbck_images_col4 input[type="radio"],
	.categories_rbck_images_col5 input[type="radio"] {
		margin-top: 0px;
	}

	/* SAMAの上下が未設定　→　middleへ */
	.categories_rbck_default div.rdck_height_sp label.rdck_label_sp,
	.categories_rbck_line2 .categories > tbody > tr > .rdck_input_sp label.rdck_label_sp,
	.categories_rbck_line3 div.rdck_height_sp label.rdck_label_sp,
	div.rdck_height_sp label.rdck_label_sp
	{
		vertical-align: middle;
	}

	/*=============================================================================*
	 エレメント関係
	 *=============================================================================*/

	.page_default .element_text_default,
	.page_default .element_text_lineBlue,
	.page_default .element_text_backclear,
	.page_default div.element_text_RLI{
		padding: 0px 2px;
	}

	.element_text_backclear .element_box_backclear {
		padding: 10px;
	}

	.element_text_reference .element_box_reference .element_table_reference {
		border: none;
	}
	.element_text_reference .element_box_reference .element_table_reference td {
		border: none;
		border-top: solid 1px #c4c4c4;
		border-bottom: solid 1px #c4c4c4;
	}

	/*=============================================================================*
	 マトリクス関係用共通
	 *=============================================================================*/

	.question_default .answer  table.matrix_v th,
	.question_default .answer  table.matrix_v td,
	.question_default .answer  table.matrix_h th,
	.question_default .answer  table.matrix_h td,
	.qgroup_mxh_default .qgroup table.matrix_v th,
	.qgroup_mxh_reverse .qgroup table.matrix_v th,
	.qgroup_mxh_default .qgroup table.matrix_v td,
	.qgroup_mxh_reverse .qgroup table.matrix_v td,
	.qgroup_mxh_default .qgroup table.matrix_h th,
	.qgroup_mxh_reverse .qgroup table.matrix_h th,
	.qgroup_mxh_default .qgroup table.matrix_h td,
	.qgroup_mxh_reverse .qgroup table.matrix_h td,
	.qgroup_mxh_pl .qgroup table.matrix_v th,
	.qgroup_mxh_pl .qgroup table.matrix_v td,
	.qgroup_mxh_pl .qgroup table.matrix_h th,
	.qgroup_mxh_pl .qgroup table.matrix_h td,
	.qgroup_mxv_default .qgroup table.matrix_v th,
	.qgroup_mxv_reverse .qgroup table.matrix_v th,
	.qgroup_mxv_default .qgroup table.matrix_v td,
	.qgroup_mxv_reverse .qgroup table.matrix_v td,
	.qgroup_mxv_default .qgroup table.matrix_h th,
	.qgroup_mxv_reverse .qgroup table.matrix_h th,
	.qgroup_mxv_default .qgroup table.matrix_h td,
	.qgroup_mxv_reverse .qgroup table.matrix_h td,
	.qgroup_mxv_pl .qgroup table.matrix_v th,
	.qgroup_mxv_pl .qgroup table.matrix_v td,
	.qgroup_mxv_pl .qgroup table.matrix_h th,
	.qgroup_mxv_pl .qgroup table.matrix_h td,
	.qgroup_mxv_scl .qgroup table.matrix_v th,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v th,
	.qgroup_mxv_scl .qgroup table.matrix_v td,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v td,
	.qgroup_mxv_scl .qgroup table.matrix_h th,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h th,
	.qgroup_mxv_scl .qgroup table.matrix_h td,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h td,
	.qgroup_mxab_default .qgroup table.matrix_v th,
	.qgroup_mxab_default .qgroup table.matrix_v td,
	.qgroup_mxab_default .qgroup table.matrix_h th,
	.qgroup_mxab_default .qgroup table.matrix_h td,
	.qgroup_mxUnion_default .qgroup table.matrix_v th,
	.qgroup_mxUnion_default .qgroup table.matrix_v td,
	.qgroup_mxUnion_default .qgroup table.matrix_h th,
	.qgroup_mxUnion_default .qgroup table.matrix_h td,
	.qgroup_mxv_sum .qgroup table.matrix_v th,
	.qgroup_mxv_sum .qgroup table.matrix_v td,
	.qgroup_mxh_sum .qgroup table.matrix_h th,
	.qgroup_mxh_sum .qgroup table.matrix_h td,
	.qgroup_mxvv .qgroup table.matrix_v th,
	.qgroup_mxvv .qgroup table.matrix_v td,
	.qgroup_mxhh .qgroup table.matrix_h th,
	.qgroup_mxhh .qgroup table.matrix_h td,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h th,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h td,
	.qgroup_mxh_plcst .qgroup table.matrix_h th,
	.qgroup_mxh_plcst .qgroup table.matrix_h td,
	.qgroup_mxv_plcst .qgroup table.matrix_v th,
	.qgroup_mxv_plcst .qgroup table.matrix_v td{
		padding: 5px !important;
	}

	/* 表頭テキストがテーブル固定幅になっているセル幅を修正 */
	.qgroup_mxv_default .qgroup table.matrix_v td,
	.qgroup_mxv_reverse .qgroup table.matrix_v td,
	.qgroup_mxUnion_default .qgroup table.matrix_v th,
	.qgroup_mxUnion_default .qgroup table.matrix_v td,
	.qgroup_mxUnion_default .qgroup table.matrix_h th,
	.qgroup_mxUnion_default .qgroup table.matrix_h td {
		padding: 5px 1px !important;
	}

	/* サブ設問番号だけは余白あり */
	.question_default .answer  table.matrix_v tr.mxStripeEven2 th:first-child,
	.question_default .answer  table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxh_default .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxh_reverse .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxh_default .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxh_reverse .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxh_pl .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxh_pl .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_default .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_reverse .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_default .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_reverse .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_pl .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_pl .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_scl .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_scl .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxab_default .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxab_default .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxUnion_default .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxUnion_default .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_sum .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxh_sum .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxvv .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	.qgroup_mxhh .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxh_plcst .qgroup table.matrix_h tr.mxStripeEven2 th:first-child,
	.qgroup_mxv_plcst .qgroup table.matrix_v tr.mxStripeEven2 th:first-child,
	
	.question_default .answer  table.matrix_v tr.mxStripeOdd2 th:first-child,
	.question_default .answer  table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxh_default .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxh_reverse .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxh_default .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxh_reverse .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxh_pl .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxh_pl .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_default .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_reverse .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_default .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_reverse .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_pl .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_pl .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_scl .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_scl .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxab_default .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxab_default .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxUnion_default .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxUnion_default .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_sum .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxh_sum .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxvv .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child,
	.qgroup_mxhh .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxh_plcst .qgroup table.matrix_h tr.mxStripeOdd2 th:first-child,
	.qgroup_mxv_plcst .qgroup table.matrix_v tr.mxStripeOdd2 th:first-child
	{
		padding: 5px 10px !important;
	}


	/*=============================================================================*
	 アラート関係用共通
	 *=============================================================================*/

	.page_default .utils_design {
		padding: 0px 2px;
	}

	div.alert {
		padding: 10px 5px 10px 0px;
	}

	.page_default .utils_design div.alert table td {
		font-size: 15px;
	}

	/*=============================================================================*
	 HTML制御関係用共通
	 *=============================================================================*/



	/*=============================================================================*
	 Font Color
	 *=============================================================================*/



	/*=============================================================================*
	 Design Color
	 *=============================================================================*/



	/*=============================================================================*
	 リクルート
	 *=============================================================================*/

	.element_text_recruit_3 {
		margin-bottom: 15px;
	}

	.qgroup_recruit_default .element_box_default,
	.qgroup_recruit_fw .element_box_default {
		width: calc(100% - 4px) !important;
		margin: 0px auto 0px;
	}

	.element_text_recruit_3 .recruitinfo .attention td {
		padding: 10px;
		line-height: 1.5;
	}

	div.recruitinfo table.attention {
		font-size: 15px;
	}

	.element_text_recruit_3 div.recruitinfo,
	.top_default div.recruitinfo {
		padding: 0px 2px;
	}

	div.recruitinfo table.detail {
		margin: 15px 0px;
	}

	.element_text_recruit_3 .recruitinfo .personalcolor4 {
		padding: 0px;
		margin-top: 0px;
	}

	/*=============================================================================*
	 リクルート FS
	 *=============================================================================*/

	.element_text_recruit_3 .recruitinfo .applycolor2 tr .color1,
	.element_text_recruit_3 .recruitinfo .personalcolor2 tr .color1 {
		background: #a8a8a8;
	}

	div.recruitinfo table.applycolor2 tr:nth-child(2n+1) td.color1,
	div.recruitinfo table.personalcolor2 tr:nth-child(2n+1) td.color1 {
		background: #a8a8a8;
	}

	div.recruitinfo table.applycolor2 tr:nth-child(2n+1) td.color2,
	div.recruitinfo table.personalcolor2 tr:nth-child(2n+1) td.color2 {
		background-color: #FFFFFF;
	}

	div.recruitinfo table.attention {
		padding: 0px;
	}

	/*=============================================================================*
	 印刷範囲の指定
	 *=============================================================================*/



	/*=============================================================================*
	 付箋コメント付与用
	 *=============================================================================*/



	/*=============================================================================*
	 .top.html
	 *=============================================================================*/



	/*=============================================================================*
	 .login.html
	 *=============================================================================*/



	/*=============================================================================*
	 .page.html
	 *=============================================================================*/

	/* 合計テンプレート関連 */

	.qgroup_sum_snt td.pph_categorie_text,
	.categories_text_pph td.pph_categorie_text,
	.categories_text_sum td.pph_categorie_text,
	.qgroup_fasa_sum_snt td.pph_categorie_text,
	.categories_text_sum_data td.pph_categorie_text {
		border: none;
		border-top: solid 1px #c4c4c4;
	}
	.qgroup_sum_snt td.pph_input,
	.categories_text_pph td.pph_input,
	.categories_text_sum td.pph_input,
	.qgroup_fasa_sum_snt td.pph_input,
	.categories_text_sum_data td.pph_input {
		border: none;
		border-top: solid 1px #c4c4c4;
	}

	.qgroup_sum_snt td.pph_sum_text,
	.categories_text_pph td.pph_sum_text,
	.categories_text_sum td.pph_sum_text,
	.qgroup_fasa_sum_snt td.pph_sum_text,
	.categories_text_sum_data td.pph_sum_text {
		border: none;
		padding: 10px 5px 10px 15px;
	}

	.qgroup_sum_snt td.pph_sum_input,
	.categories_text_pph td.pph_sum_input,
	.categories_text_sum td.pph_sum_input,
	.qgroup_fasa_sum_snt td.pph_sum_input,
	.categories_text_sum_data td.pph_sum_input {
		border: none;
		padding: 10px 5px;
	}

	.qgroup_sum_snt td.pph_categorie_text,
	.categories_text_pph td.pph_categorie_text,
	.categories_text_sum td.pph_categorie_text,
	.qgroup_fasa_sum_snt td.pph_categorie_text,
	.categories_text_sum_data td.pph_categorie_text {
		padding: 5px 5px 5px 15px;
	}

	.qgroup_sum_snt td.pph_input,
	.categories_text_pph td.pph_input,
	.categories_text_sum td.pph_input,
	.qgroup_fasa_sum_snt td.pph_input,
	.categories_text_sum_data td.pph_input {
		padding: 5px;
	}

	/* 見出し */
	.page_default .category_subject {
		padding: 10px 0px 10px 15px !important;
	}

	/* 合計の赤字を改行 */
	td.pph_sum_text div.note .size12 {
		display: block;
	}

	div.categories_text_pph table.pph_categories tr td.pph_sum_text input[type="text"] , 
	div.categories_text_pph table.pph_categories tr td.pph_sum_input input[type="text"] ,
	div.categories_text_sum table.pph_categories tr td.pph_sum_text input[type="text"] , 
	div.categories_text_sum table.pph_categories tr td.pph_sum_input input[type="text"] ,
	div.qgroup_mxv_default td.pph_sum_input input[type="text"] ,
	div.qgroup_mxv_default th.pph_sum_input input[type="text"] ,
	div.qgroup_mxh_default td.pph_sum_input input[type="text"] ,
	div.qgroup_mxh_default th.pph_sum_input input[type="text"] ,
	div.qgroup_sum_snt table.pph_categories tr td.pph_sum_text input[type="text"] , 
	div.qgroup_sum_snt table.pph_categories tr td.pph_sum_input input[type="text"]  {
		border: none !important;
		border-bottom: 1px solid #777 !important;
	}

	/* sFA */
	.page_default input[type="text"] {
		padding: 5px !important;
	}

	.question_default .answer  table.matrix_v input[type="text"],
	.question_default .answer  table.matrix_h input[type="text"],
	.qgroup_mxh_default .qgroup table.matrix_v input[type="text"],
	.qgroup_mxh_reverse .qgroup table.matrix_v input[type="text"],
	.qgroup_mxh_default .qgroup table.matrix_h input[type="text"],
	.qgroup_mxh_reverse .qgroup table.matrix_h input[type="text"],
	.qgroup_mxh_pl .qgroup table.matrix_v input[type="text"],
	.qgroup_mxh_pl .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_default .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_reverse .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_default .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_reverse .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_pl .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_pl .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_scl .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v input[type="text"],
	.qgroup_mxv_scl .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h input[type="text"],
	.qgroup_mxab_default .qgroup table.matrix_v input[type="text"],
	.qgroup_mxab_default .qgroup table.matrix_h input[type="text"],
	.qgroup_mxUnion_default .qgroup table.matrix_v input[type="text"],
	.qgroup_mxUnion_default .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_sum .qgroup table.matrix_v input[type="text"],
	.qgroup_mxh_sum .qgroup table.matrix_h input[type="text"],
	.qgroup_mxvv .qgroup table.matrix_v input[type="text"],
	.qgroup_mxhh .qgroup table.matrix_h input[type="text"],
	.qgroup_mxh_cat_snt .qgroup table.matrix_h input[type="text"],
	.qgroup_mxh_plcst .qgroup table.matrix_h input[type="text"],
	.qgroup_mxv_plcst .qgroup table.matrix_v input[type="text"]{
		padding: 5px !important;
	}

	.question_default .answer  table.matrix_v th input[type="text"],
	.question_default .answer  table.matrix_v td input[type="text"],
	.question_default .answer  table.matrix_h th input[type="text"],
	.page_default table.matrix_h td input[type="text"]{
		padding: 5px !important;
	}
	
	.categories_rbck_images_col2 input[type=text],
	.categories_rbck_images_col3 input[type=text],
	.categories_rbck_images_col4 input[type=text],
	.categories_rbck_images_col5 input[type=text]{
		padding: 5px !important;
	}
	
	.qgroup_recruit_default div.fs table tbody .wrapTable input[type="text"],
	.qgroup_recruit_fw      div.fs table tbody .wrapTable input[type="text"]{
		padding: 5px !important;
	}

	.question_default .categories .note input[type="text"]{
		padding: 5px !important;
	}
	
	.categories_rbck_default .categories > tbody > .wrapTable input[type="text"]{
		padding: 5px !important;
	}	
	
	.categories_text_default .categories .wrapTable input[type="text"]{
		padding: 5px !important;
	}

	.qgroup_dob_default .answer .categorie_text input[type="text"]{
		padding: 5px !important;
	}
	.qgroup_fasa_default .categories .categorie_text input[type="text"]{
		padding: 5px !important;
	}

	.inquiry #box .form_text,
	.inquiry #box input[type="text"] {
		padding: 5px !important;
	}

	/* カテゴリテンプレートその他FAの幅調整 */
	.categories_rbck_line2 .categories input[type="text"],
	.categories_rbck_line3 .categories input[type="text"],
	.categories_rbck_frame .categories input[type="text"],
	.categories_rbck_frame_reverse .categories input[type="text"]{
		padding: 5px !important;
	}

	.qgroup_fasa_default .categories input[type="text"] {
		padding: 5px !important;
	}

	/* mFA */
	.page_default textarea {
		padding: 5px !important;
	}

	/* その他FAを表示領域の限界まで広げる */
	.categories_rbck_default .categories > tbody > .wrapTable textarea{
		padding: 5px !important;
	}

	.categories_text_default .categories .wrapTable textarea{
		padding: 5px !important;
	}
	.inquiry #box textarea {
		padding: 5px !important;
	}

	/* カテゴリテンプレートその他FAの幅調整 */
	.categories_rbck_line2 .categories textarea,
	.categories_rbck_line3 .categories textarea,
	.categories_rbck_frame .categories textarea,
	.categories_rbck_frame_reverse .categories textarea,
	.categories_rbck_images_col2 .categories textarea,
	.categories_rbck_images_col3 .categories textarea,
	.categories_rbck_images_col4 .categories textarea,
	.categories_rbck_images_col5 .categories textarea {
		padding: 5px !important;

	}

	.qgroup_fasa_default .categories textarea,
	.qgroup_sum_snt table.pph_categories td.pph_categorie_text textarea,
	.qgroup_dob_default .answer .wrapTable .categorie_text textarea {
		padding: 5px !important;
	}

	.matrix_h .header textarea,
	.matrix_v .header textarea,
	.matrix_h .rp_side_h_content textarea,
	.matrix_v .rp_side_v_content textarea,
	.matrix_v .rp_mx_img textarea,
	.matrix_h .rp_mx_img textarea,
	.matrix_v .side_v_text textarea,
	.matrix_h .side_h_text textarea,
	.matrix_h .category textarea,
	.matrix_v .category textarea {
		padding: 5px !important;
	}

	/*=============================================================================*
	 .inquiry.html
	 *=============================================================================*/



	/*=============================================================================*
	 .page_recruitdenialend.html
	 *=============================================================================*/



	/*=============================================================================*
	 .end.html
	 *=============================================================================*/



	/*=============================================================================*
	 .last_default.html
	 *=============================================================================*/



	/*******************************************************************************

	 TABLE内　FONTサイズ指定

	 *******************************************************************************/

	.question_default table.categories {
		font-size: 15px;
	}

	.question_default .answer table.matrix_v,
	.question_default .answer table.matrix_h,
	.qgroup_mxh_default .qgroup table.matrix_v,
	.qgroup_mxh_reverse .qgroup table.matrix_v,
	.qgroup_mxh_default .qgroup table.matrix_h,
	.qgroup_mxh_reverse .qgroup table.matrix_h,
	.qgroup_mxh_pl .qgroup table.matrix_v,
	.qgroup_mxh_pl .qgroup table.matrix_h,
	.qgroup_mxv_default .qgroup table.matrix_v,
	.qgroup_mxv_reverse .qgroup table.matrix_v,
	.qgroup_mxv_default .qgroup table.matrix_h,
	.qgroup_mxv_reverse .qgroup table.matrix_h,
	.qgroup_mxv_pl .qgroup table.matrix_v,
	.qgroup_mxv_pl .qgroup table.matrix_h,
	.qgroup_mxv_scl .qgroup table.matrix_v,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_v,
	.qgroup_mxv_scl .qgroup table.matrix_h,
	.qgroup_mxv_scl_reverse .qgroup table.matrix_h,
	.qgroup_mxab_default .qgroup table.matrix_v,
	.qgroup_mxab_default .qgroup table.matrix_h,
	.qgroup_mxUnion_default .qgroup table.matrix_v,
	.qgroup_mxUnion_default .qgroup table.matrix_h,
	.qgroup_mxv_sum .qgroup table.matrix_v,
	.qgroup_mxh_sum .qgroup table.matrix_h,
	.qgroup_mxvv .qgroup table.matrix_v,
	.qgroup_mxhh .qgroup table.matrix_h,
	.qgroup_mxh_cat_snt .qgroup table.matrix_h,
	.qgroup_mxh_plcst .qgroup table.matrix_h,
	.qgroup_mxv_plcst .qgroup table.matrix_v,
	.qgroup_sum_snt td.pph_categorie_text,
	.categories_text_pph td.pph_categorie_text,
	.categories_text_sum td.pph_categorie_text,
	.qgroup_fasa_sum_snt td.pph_categorie_text,
	.categories_text_sum_data td.pph_categorie_text,
	.qgroup_sum_snt td.pph_input,
	.categories_text_pph td.pph_input,
	.categories_text_sum td.pph_input,
	.qgroup_fasa_sum_snt td.pph_input,
	.categories_text_sum_data td.pph_input,
	.qgroup_sum_snt td.pph_sum_text,
	.categories_text_pph td.pph_sum_text,
	.categories_text_sum td.pph_sum_text,
	.qgroup_fasa_sum_snt td.pph_sum_text,
	.categories_text_sum_data td.pph_sum_text,
	.qgroup_sum_snt td.pph_sum_input,
	.categories_text_pph td.pph_sum_input,
	.categories_text_sum td.pph_sum_input,
	.qgroup_fasa_sum_snt td.pph_sum_input,
	.categories_text_sum_data td.pph_sum_input,
	.element_text_recruit_3 div.recruitinfo table.detai,
	.element_text_recruit_3 div.recruitinfo table.applycolor2 td.color1,
	.element_text_recruit_3 div.recruitinfo table.applycolor2 td.color2,
	.element_text_recruit_3 div.recruitinfo table.personalcolor2 td.color1,
	.element_text_recruit_3 div.recruitinfo table.personalcolor2 td.color2 {
		font-size: 15px;
	}

	/* SA・MAカテゴリ 文字サイズ*/
	.categories_rbck_default .category_subject,
	.categories_rbck_line2 .category_subject,
	.categories_rbck_line3 .category_subject,
	.categories_text_default .category_subject,
	.categories_text_pph .category_subject,
	.categories_text_sum .category_subject
	{
		font-size: 15px;
	}

	/* リクルート */
	div.recruitinfo table.detail {
		font-size: 14px;
	}

}

/* Minor change version1.0 End   2021/10/16 <----------------------------------------*/