/** Utility **/
.font-bold {
  font-weight: bold;
}

a {
  cursor: pointer;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear_both {
  clear: both;
}

.font_weight {
  font-weight: bold;
}

#footer {
  background-color: #fff;
  overflow: hidden;
}

#footer .logo {
  width: 93%;
  text-align: right;
}

.display_none {
  display: none;
}

.attention_text{
  color:red;
}


/** iframe modal Start **/
.popup_clear {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
}

#modal-content {
  width: 50%;
  margin: 0;
  border: 2px solid #aaa;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 2;
}

#modal-iframe-content {
  width: 50%;
  margin: 0;
  border: 2px solid #aaa;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 2;
  overflow: scroll;
}

#modal-overlay {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
}

#modal-iframe-overlay {
  z-index: 1;
  /*display:none;*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
}

.hr {
  display: block;
}

.popup_close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100;
}

.button-close {
  cursor: pointer;
  color: #78979e;
  font-size: 1.5em;
}
/** iframe modal End **/


/** Answer add edit Start **/
.clear_value {
  font-size: 14px;
  position: absolute;
  right: 0px;
  top: 50px;
  font-weight: normal;
  padding: 4px 8px;
  background: #dcdcdc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
  background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
  background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
  background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
  background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
  background-image: linear-gradient(top, #fefefe, #dcdcdc);
  color: #333;
  border: 1px solid #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  text-shadow: #fff 0 1px 0;
  min-width: 0;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select: none;
  user-select: none;
}

.button {
  cursor: pointer;
}


/** Question **/

/** questions/index **/
.question-index__h3 {
  margin-top: 20px;
  margin-bottom: 5px;
}

#question_action_bar {
  margin-bottom: 25px;
  display: block;
}

.question-index__header_comment {
  font-weight: bold;
  font-size: 17px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.question-index__question {
  font-weight: bold;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}


/** answer_user **/

/** ログインページ **/
/** login **/
p.support-environment {
    color: #777;
}


/** Answer **/
#answer-form, #answer-form__index {
  border-top: solid 2px #554400;
  border-bottom: solid 2px #554400;
  padding-top: 10px;
  padding-bottom: 10px;
}

{
  border-top: solid 2px #554400;
  border-bottom: solid 2px #554400;
  padding-top: 10px;
  padding-bottom: 10px;
}

p.system-message {
  margin-bottom: 30px;
  /*color: #777*/
}

/*「推薦されたバリューと推薦理由」*/
.nomination_value_and_reason_span {
  margin-top: 31px;
  font-size: 20px;
  font-weight: bold;
}

/* 「推薦理由」 */
.nomination_reason_span {
  font-size: 24px;
}

.form {
  width: 100%;
  display: table;
}

.recommendation_wrap_parent {
  position: relative;
  margin-bottom: 0px;
  padding-left: 0px;
}

.recommendation_wrap {
  position: relative;
  padding-left: 0px;
  width: 35%;
  display: inline-block;
  margin-right: 109px;
  min-width: 265px;
}

.recommendation_wrap .fa-search {
  position: absolute;
  top: 62%;
  right: -12%;
  font-size: 1.4em;
}

.recommendation_wrap input[type=text] {
  width: 100%;
  height: 27px;
  min-width: 265px;
}

.recommendation {
  font-size: 0.9rem;
}

/*「アンケートタイトル」*/
.answer_index .answer_title {
  font-size: 2rem;
}

/*「リード文」のCSS指定はない模様*/

/*「前文」*/
#answer-header__header-text {
  font-size: 16px;
  font-weight: bold;
  background-color: #ddd;
  padding: 15px;
  margin-bottom: 0px;
}

/*「御礼文」のCSS指定はない模様*/

.answer_form tr:nth-child(even) {
  background: none;
}

.answer_form tr {
  margin-bottom: 10px;
}

.answer_form tr td {
  border: none;
}

.answer_form tr.answer {
  margin-bottom: 30px;
  display: block;
}

.answer_form tr td {
  padding-top: 0px;
}

/*「設問上コメント」*/
.answer_form tr.header_comment td {
  font-weight: bold;
  font-size:28px;
  padding-top:13px;
  padding-bottom: 13px;
}

/*「設問上コメント」*/
tbody tr.header_comment:first-child td{
  font-weight: bold;
  font-size:28px;
  padding-top:0px;
  padding-bottom: 13px;
}

/*「設問文」*/
.answer_form tr.question td {
  font-weight: bold;
}

#answer-form tr:not(.header_comment) td {
  padding-left: 0px;
  /*cake.generic.css:181のpadding-bottom: 6pxをキャンセルする*/
  padding-bottom: 0px;
}

.recommendation_search {
  margin-bottom: 40px;
}

.description {
  margin-top: 15px;
  margin-bottom: 10px;
}

.button_action {
  border: 1px solid #bbb;
  border-radius: 4px;
  text-decoration: none;
  display: block;
  background: #62af56;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
  background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
  background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
  border-color: #2d6324;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
  padding: 8px 10px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-user-select: none;
  text-align: center;
}

.button_action:hover {
  background: #5BA150;
  color: #fff;
}

.action_buttion {
  text-align: left;
}


/* validation */
.formErrorArrow {
  display: none;
}

td {
  position: relative;
}

#err_message_question_top {
  /*min-height: 78px;*/  /*値を指定しない場合でもエラーメッセージがまったく表示されないという訳ではないようだった*/
  height: auto;
  font-weight: bold;
}

.err_message {
  color: rgba(255, 0, 0, 1.0);  /*赤*/
  right: -23px;
  top: 28px;
  height: 3px;
}

.err_message_max_word {
  color: rgba(255, 0, 0, 1.0);  /*赤*/
}

.required_attention_text_p {
  height: 9px;
  color: rgba(255, 0, 0, 1.0);  /*赤*/
}

.selection_condition_attention_text_p {
  height: 9px;
  color: rgba(255, 0, 0, 1.0);  /*赤*/
}

/* 記入例画面　*/
.example_wrap {
  width: 100%;
}

#example-profile {
  background-color: #ccc;
  border-radius: 4px;
  padding: 20px 10px;
  overflow: hidden;
}

.example-dl {
  min-width: 600px;
  margin-bottom: 20px;
  background: none;
  font-size: 14px;
}

.example_wrap .example-dl dt {
  background-color: #777;
  width: 5em;
  border-radius: 10px;
  float: left;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}

.example_wrap .example-dl dd {
  background: none;
  float: left;
  margin-top: 0px;
  margin-right: 2em;
  margin-left: 1em;
  margin-bottom: 10px;
}

#example-profile__h2 {
  background: none;
  font-weight: bold;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.example-icon {
  background: #777;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding: 4px 7px;
  border-radius: 10px;
  margin-right: 10px;
}

#example-h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}

#answer-form a {
  cursor: pointer;
}

.input_field select, .input_field input, .input_field textarea {
  font-size: 14px;
}

.nomination_table_value {
  width: 20%;
}

/*エラー項目の強調表示*/
.error_element{
 border:2px solid red;
}

.error_attention_text_span {
  background-color: rgba(255, 0, 0, 0.8);  /*赤*/
  color: rgba(255, 255, 255, 1.0);  /*白*/
  border-radius: 4px;  /*四隅の角を丸くする*/
}

.error_html_element {
  color: red;
}

/*警告メッセージ　JavaScriptが有効でなかった場合*/
div.warning-message-no-javascript {
  padding-left: 7px; /*先頭の"J"の字の端が描画領域の端を重なってしまうようだったので、少し間を空けるようにした。*/
  border-radius: 5px;
  background-color: red;
  font-size: 22px;
  font-weight: bold;
  color: #fff;  /*白*/
}
div.warning-message-javascript {
  padding-left: 7px; /*先頭の"J"の字の端が描画領域の端を重なってしまうようだったので、少し間を空けるようにした。*/
  border-radius: 5px;
  background-color: black;
  font-size: 22px;
  font-weight: bold;
  color: #fff;  /*白*/
}

/*警告メッセージ　Cookieが有効でなかった場合*/
div.warning-message-no-cookie {
  padding-left: 7px; /*先頭の"J"の字の端が描画領域の端を重なってしまうようだったので、少し間を空けるようにした。*/
  border-radius: 5px;
  background-color: red;
  font-size: 22px;
  font-weight: bold;
  color: #fff;  /*白*/
}
div.warning-message-cookie {
  padding-left: 7px; /*先頭の"J"の字の端が描画領域の端を重なってしまうようだったので、少し間を空けるようにした。*/
  border-radius: 5px;
  background-color: black;
  font-size: 22px;
  font-weight: bold;
  color: #fff;  /*白*/
}

/**************/
/*マトリクス設問*/
/**************/
.matrix_table {
  /*「隣接するセルのボーダーを、間を空けずに重ねて表示します」*/
  border-collapse: collapse;
  /*これを指定しないと、テーブル自体のwidthを固定して指定しないと、セルのwidthやheightの指定が反映されなかった*/
  display: block;
}

.matrix_concern_tr {
  border-color: rgba(128, 128, 128, 0.8); /*gray*/
  border-style: solid;
  /*縦方向の線幅はゼロに設定*/
  border-width: 1px 0;
}

.matrix_choice_td_p_japanese {
  width: 3.0rem;
  height: 10rem;  /*デフォルト値　ページ読み込み時にJavaScriptで調整される*/
  line-height: 3.5rem; /*「firefox対策」*/
  display: flex;  /*縦書き左右中央揃えにするためフレックスボックスを利用する*/
  align-items: center;  /*フレックスボックスで左右中央揃えにする*/

	writing-mode: vertical-rl; /*縦書き　Chrome、Firefox用*/
  -ms-writing-mode: tb-rl; /*縦書き　IE用*/
  -webkit-writing-mode: vertical-rl; /*縦書き　Safari用*/

  text-orientation: upright;  /*英数字を縦で表示　Chrome、Firefox用*/
  -webkit-text-orientation: upright; /*英数字を縦で表示　Safari用*/

}
.matrix_choice_td_p_english {
  width: 125px;
  padding-left: 10px;
  padding-right: 10px;
  writing-mode: lr-tb; /*横書き「IE用」*/
  writing-mode: horizontal-tb; /*横書き「Chrome、Firefox用」*/
}

.matrix_concern_td {
  /*width: 15.0rem;*/  /*デフォルト値　ページ読み込み時にJavaScriptで調整される　指定しない方が表示がうまくいくことが多い模様*/
  height: 2.4rem;
  text-align: left;
  vertical-align: middle;
  word-wrap: break-word;
  padding: 0px; /*これを指定すると、vertical-align: middle;が適切に設定されるようだった。*/
}

.matrix_td {
  /*設問のinput要素のCSSfloat: none !important;で直接指定する場合に必要*/
  /*text-align: center;*/

  /*表示が崩れるのでcake.generic.css:181のtable tr td{}のpadding-bottom: 6px;をキャンセルする*/
  padding-bottom: 0px;

  /*高さを.matrix_concern_tdに合わせておく*/
  height: 2.4rem;
}

.matrix_input_p {
  /*カンマ区切りで列挙：「または」の書き方　複数のセレクタを対象にする*/

  /*cake.generic.css:75のmargin-bottom: 1em;をキャンセルする*/
  margin: 0px;
  /*cake.generic.css:75のline-height: 1.6;をキャンセルする*/
  line-height: 0;

  /*大きさを親の.matrix_tdに合わせておく*/
  width: 100%;
  height: 100%;

  /*フレックスボックスによる上下左右中央寄せ*/
  display: flex;  /*この要素をフレックスコンテナに指定*/
  justify-content: center;  /*左右中央寄せ*/
  align-items: center;  /*上下中央寄せ*/
}

/*ラジオボタン、チェックボックス*/
input.matrix_input {
  /*input.を付けないとcake.generic.css:360のinput[type="radio"]{}のスタイルシートが優先されて適用されてしまうようだった*/

  /*これで調整すると、margin-topやmargin-leftなどでの位置の細かい指定ができなかった*/
  /*float: none !important;*/

  /*cake.generic.css:360のmargin-top: 6px;とmargin-bottom: 6px;をキャンセルする*/
  margin-top: 0px;
  margin-bottom: 0px;
}

/*参考(今は関係ない)：「CSSは下に書かれている記述が優先される」*/
.matrix_hover_td {
  background-color: rgba(211, 211, 211, 0.8);  /*lightgray*/
}

.matrix_hover_row_and_column {
  background-color: rgba(211, 211, 211, 0.3);  /*lightgray*/
}

.matrix_hover_heading {
  font-weight: bold;   /*太字*/
}


/***************************/
/*チェックボックス(複数回答)設問*/
/***************************/
/*チェックボックス間に対する指定*/
.checkbox_input_p{
  height: 1.5em;
  position: relative;
  left: 0.5em;
}
/*一つのチェックボックスに対する指定*/
.checkbox_input{
  /*vertical-align: middle;*/  /*なぜか効かなかった*/
  position: relative;
  top: 0.4em;
  right: 0.5em;
}


/************************/
/*ラジオ(単一回答)設問の設定*/
/************************/
/*ラジオボックス間に対する指定*/
.radio_input_p{
  height: 1.5em;
  position: relative;
  left: 0.5em;
}
/*一つのラジオボックスに対する指定*/
.radio_input{
  /*vertical-align: middle;*/  /*なぜか効かなかった*/
  position: relative;
  top: 0.02em;
  right: 0.8em;
}


/**************/
/*回答者登録設問*/
/**************/
/*cake.generics.cssにある推薦設問のsearch関係のコードを参考にした*/
.add_answerer input[type=text] {
  width: 98%;
  height: 2.2em;
  min-width: initial;
  min-width: auto;
}

.add_answerer .name_input_field {
  display: inline-block;
  width: 18%;
  min-width: 175px;
}

.add_answerer .email_address_input_field {
  display: inline-block;
  width: 37.2%;
  min-width: 175px;
}



/*****************************/
/*推薦者検索ポップアップウィンドウ*/
/*****************************/
form.recommendation label{
  /*height: 26px;*/
  /*「Department (English)」と「部署 (Japanese)」などを併記すると英語と日本語の文字の高さの違いからレイアウトが崩れるようだったので
  デフォルトの
  font-family: 'lucida grande',verdana,helvetica,arial,sans-serif;
  からラベルの部分だけ変更するようにした。英語と日本語の文字の高さが同じフォルトもあるのかもしれないが、とりあえずこれを指定するようにした。
  */
  font-family: 'lucida';
}



/*************************/
/*特定フォーマットのアンケート*/
/*************************/
/*******/
/*ID: 0*/
/*******/
/*************************/
/*回答ページ　ヘッダー部の表示*/
/*************************/
#header_specific_format_enquete_0 {
  background: white;  /*cake.generic.cssの設定の上書き*/
  padding: 10px 20px;  /*cake.generic.cssの設定の踏襲　backgroundの設定で一旦クリアされるので再設定しておく*/
  margin-bottom: 30px;  /*cake.generic.cssの設定の踏襲　backgroundの設定で一旦クリアされるので再設定しておく*/
}
/*******************************************************/
/*回答確認ページ　ファイルアップロード設問の回答画像ファイルの表示*/
/*******************************************************/
table.specific-format-enquete-0-table td{
  /*cake.generic.cssの設定の上書き*/
  /*thのpaddingの値と同じにしておいた*/
  padding: 4px;
}
div.specific-format-enquete-0-terms-of-agreement-div {
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 50px;
  width: 1000px;
  height: 500px;
  overflow: scroll;
  position: relative;
}
div.specific-format-enquete-0-terms-of-agreement-div img {
  width: 990px;  /*スクロールバーの幅分だけ小さくするとうまくいった*/
}
table.specific-format-enquete-0-article-table-border {
  margin-top: 20px;
  margin-bottom: 30px;
  border-collapse: collapse;
}
tr.specific-format-enquete-0-article-tr {
  height: 40px;
  background: none;  /*cake.generic.cssの設定のキャンセル*/
}
tr.specific-format-enquete-0-article-tr:nth-child(2n){
  height: 40px;
  background: none;  /*cake.generic.cssの設定のキャンセル*/
}
th.specific-format-enquete-0-article-td-border {
  padding-top: 5px;  /*cake.generic.cssの設定のキャンセル含む*/
  padding-bottom: 5px;  /*cake.generic.cssの設定のキャンセル含む*/
  padding-left: 5px;  /*cake.generic.cssの設定のキャンセル含む*/
  padding-right: 5px;  /*cake.generic.cssの設定のキャンセル含む*/
  border: solid 1px #ccc;
  /*width: 180px;*/
  width: 230px;  /*英語対応*/
}
td.specific-format-enquete-0-article-td-border,
#answer-form tr:not(.header_comment) td.specific-format-enquete-0-article-td-border {
  padding-top: 5px;
  padding-bottom: 5px;  /*cake.generic.cssの設定のキャンセル含む*/
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: middle; /*縦中央*/
  border: solid 1px #ccc;
}
td.specific-format-enquete-0-article-td-border input{
  font-size: 100%;  /*cake.generic.cssの設定のキャンセル*/
}
td.specific-format-enquete-0-article-td-border font{
  font-size: 100%;  /*cake.generic.cssの設定のキャンセル*/
}
ul.specific-format-enquete-0-answer-image-ul {
  margin: 0px;  /*cake.generic.cssの設定のキャンセル*/
  padding-top: 10px;
  padding-bottom: 45px;
}
span.specific-format-enquete-0-article-horizontal-line-upper{
	display: inline-block; /*span要素でwidthやheightを有効にするために必要　デフォルトではinlineになっている*/
  margin-top: 10px;
	width: 100%;  /*要素の幅=線の長さ*/
	height: 1px;  /*要素の高さ=線の太さ*/
	background-color: #ccc;
}
/*回答画像ファイルの表示粋*/
li.specific-format-enquete-0-answer-image-li {
	display: inline-block;  /*横並びの list を上揃えにする*/
	vertical-align: top;  /*横並びの list を上揃えにする*/
	width: 400px; /*リスト記事の幅=画像の幅　define.phpのanswer_image_display_widthの値*/
	height: 240px; /*リスト記事の高さ=画像の幅　define.phpのanswer_image_display_heightの値*/
	margin-left: 20px; /*リスト記事の間隔*/
	margin-right: 20px; /*リスト記事の間隔*/
	list-style: none;  /*リストの先頭にマーカーを表示しないようにする*/
}
/*回答画像ファイルのfigure*/
/*figure要素をかませるとうまく画像の位置を調整できるようだった*/
figure.specific-format-enquete-0-answer-image-figure {
	margin-top: 0px;  /*0pxにしても間は開くようだった*/
	margin-bottom: 0px;
	margin-right: auto; /*中央に寄せる*/
	margin-left: auto;  /*中央に寄せる*/
  width: 400px; /*リスト記事の幅=画像の幅　define.phpのanswer_image_display_widthの値*/
  height: 240px; /*リスト記事の高さ=画像の幅　define.phpのanswer_image_display_heightの値*/
  border: solid 1px rgba(204, 204, 204, 0.5);
}
/*回答画像ファイルのimg*/
figure.specific-format-enquete-0-answer-image-figure img {
	margin: auto; /*中央に寄せる*/
	display: block; /*ここではblockにする必要があった*/
	border-radius: 5px;  /*角を丸くする*/
}
/*回答画像ファイルの情報*/
div.specific-format-enquete-0-answer-image-info {
  margin: 0px;  /*cake.generic.cssの設定のキャンセル*/
  padding: 0px;  /*cake.generic.cssの設定のキャンセル*/
  margin-top: 5px;
  display: inline-block;
  float: left;  /*float:right;で<article>タグ内で右方向に詰めて配置*/
}
span.specific-format-enquete-0-answer-image-info-name {
	/*span要素単独で改行しmarginを設定できるようにするため、display: blockにする*/
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}
a.specific-format-enquete-0-list-download-a {
  margin-right: 5px;
}
/***************************/
/*Webサイトでの表示のプレビュー*/
/***************************/
/*FireFoxの開発ツールで要素に適用されちるスタイルを下から順に見ていき、
cake.generic.cssのスタイルがあった場合はその上にある最初のstyle.cssの要素のスタイルの指定の中で
キャンセルするようにした。*/
.specific-format-enquete-0-preview-div *{
  /*cake.generic.cssの設定のキャンセル*/
  margin: initial;
  padding: initial;
}
.specific-format-enquete-0-preview-div dl dd:nth-child(4n+2), dl dt:nth-child(4n+1){
  /*cake.generic.cssの設定のキャンセル*/
  background: initial;
}

/*原稿スタイルシート*/
.specific-format-enquete-0-preview-div h1,
.specific-format-enquete-0-preview-div h2,
.specific-format-enquete-0-preview-div h3,
.specific-format-enquete-0-preview-div h4,
.specific-format-enquete-0-preview-div h5,
.specific-format-enquete-0-preview-div h6,
.specific-format-enquete-0-preview-div div,
.specific-format-enquete-0-preview-div p,
.specific-format-enquete-0-preview-div pre,
.specific-format-enquete-0-preview-div ul,
.specific-format-enquete-0-preview-div ol,
.specific-format-enquete-0-preview-div dl,
.specific-format-enquete-0-preview-div dt,
.specific-format-enquete-0-preview-div dd,
.specific-format-enquete-0-preview-div address,
.specific-format-enquete-0-preview-div form,
.specific-format-enquete-0-preview-div blockquote,
.specific-format-enquete-0-preview-div article,
.specific-format-enquete-0-preview-div section,
.specific-format-enquete-0-preview-div figure,
.specific-format-enquete-0-preview-div textarea,
.specific-format-enquete-0-preview-div input,
.specific-format-enquete-0-preview-div select {
  /*cake.generic.cssの設定のキャンセル*/
  clear: initial;
  color: initial;
  background: initial;
  font-family: initial;
  line-height: initial;
  font-weight: initial;

  margin: 0;
  padding: 0
}

.specific-format-enquete-0-preview-div h1,
.specific-format-enquete-0-preview-div h2,
.specific-format-enquete-0-preview-div h3,
.specific-format-enquete-0-preview-div h4,
.specific-format-enquete-0-preview-div h5 {
  font-weight: normal
}

.specific-format-enquete-0-preview-div {
  /*cake.generic.cssの設定のキャンセル*/
  color: initial;
  margin-top: initial;
  padding: initial;
  margin-bottom: initial;
  clear: initial;
  text-align: initial;

  height: 100%;
  /*overflow-y: scroll;*/  /*縦スクロールバーが表示されるようなので削除するようにした*/
  /*font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;*/
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'YuGothic', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', sans-serif;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

.specific-format-enquete-0-preview-div {width: 100%;margin-right: auto;margin-left: auto;}
.specific-format-enquete-0-preview-div ul {list-style-type: none}
.specific-format-enquete-0-preview-div .clear {clear: both}
.specific-format-enquete-0-preview-div .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.specific-format-enquete-0-preview-div .clearfix {display: inline-table}
.specific-format-enquete-0-preview-div .clearfix {height: 1%}
.specific-format-enquete-0-preview-div .clearfix {  display: block}
.specific-format-enquete-0-preview-div .divheader {width: 100%;margin-left: auto;margin-right: auto;background-color: #ffffff;border-bottom: solid 1px #C1C1C1;}
.specific-format-enquete-0-preview-div #header {
  /*cake.generic.cssの設定のキャンセル*/
  background: initial;
  margin-bottom: initial;
  padding: initial;

  width: 100%;margin-left: auto;margin-right: auto;
}
.specific-format-enquete-0-preview-div #logo {float: left;margin-top: 10px;position: relative;margin-left: 30px;}
.specific-format-enquete-0-preview-div #logo p {font-size: 13px;margin-bottom: 7px;}
.specific-format-enquete-0-preview-div #logo img {width: 100%;max-width: 140px;}
.specific-format-enquete-0-preview-div #headerRight {width: calc(100% - 200px);float: right;}
.specific-format-enquete-0-preview-div dl.iconBox {width: 25%;max-width: 160px;float: right;}
.specific-format-enquete-0-preview-div dl.iconBox dt {width: 50%;max-width: 80px;background-color: #E68F38;float: left;text-align: center;padding-top: 10px;position: relative;height: 73px;}
.specific-format-enquete-0-preview-div dl.iconBox dd {width: 50%;max-width: 80px;background-color: #E63838;float: right;text-align: center;padding-top: 10px;position: relative;height: 73px;}
.specific-format-enquete-0-preview-div dl.iconBox dt p.login {font-size: 13px;color: #ffffff;line-height: 1.2;margin-top: 10px;margin-bottom: 10px;}
.specific-format-enquete-0-preview-div dl.iconBox dt p.logout {font-size: 13px;color: #ffffff;line-height: 1.2;margin-bottom: 5px;}
.specific-format-enquete-0-preview-div dl.iconBox dd p {font-size: 13px;color: #ffffff;line-height: 1.2;margin-top: 10px;margin-bottom: 10px;}
.specific-format-enquete-0-preview-div dl.iconBox img {max-height: 30px;width: auto;}
.specific-format-enquete-0-preview-div #headerRight ul {width: calc(100% - 160px);float: right;margin-top: 20px;}
.specific-format-enquete-0-preview-div #headerRight ul li {text-align: right;display: block;font-size: 16px;margin-right: 4.5%;position: relative;float: right;}
.specific-format-enquete-0-preview-div .balloon1 {position: relative;padding-left: 2px;padding-right: 2px;background-color: #E68F38;border-radius: 4px;font-size: 11px;color: #ffffff;text-align: center;}
.specific-format-enquete-0-preview-div .balloon1::before {content: '';position: absolute;display: block;width: 0;height: 0;left: 0;right: 0;bottom: -2px;margin: 0 auto;border-top: 5px solid #E68F38;border-right: 5px solid transparent;border-left: 5px solid transparent;}
.specific-format-enquete-0-preview-div #wrapper {
  width: 100%;margin-left: auto;margin-right: auto;
  /*padding-top: 80px;*/  /*上に間が開くので削除するようにした*/
  padding-top: 10px;  /*他のページに合わせ10pxにするようにした*/
}
.specific-format-enquete-0-preview-div #navBack {width: 100%;background-color: #222222;margin-left: auto;margin-right: auto;position: relative;}
.specific-format-enquete-0-preview-div .divnav {width: 90%;max-width: 1280px;margin-left: auto;margin-right: auto;}
.specific-format-enquete-0-preview-div ul.nav {width: calc(100% - 60px);padding-top: 25px;padding-bottom: 25px;float: left;}
.specific-format-enquete-0-preview-div ul.nav li {margin-right: 60px;font-size: 16px;color: #ffffff;display: inline-block;position: relative;}
.specific-format-enquete-0-preview-div .navLink {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}
.specific-format-enquete-0-preview-div #serchIcon {width: 30px;float: right;margin-right: 20px;margin-top: 23px;}
.specific-format-enquete-0-preview-div #container {
  /*cake.generic.cssの設定のキャンセル*/
  text-align: initial;

  width: 1100px;margin-left: auto;margin-right: auto;border: solid 1px #CCCCCC
}
.specific-format-enquete-0-preview-div #container-2 {width: 1100px;margin-left: auto;margin-right: auto;}
.specific-format-enquete-0-preview-div ul.newsTop {max-width: 1220px;margin-left: auto;margin-right: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.specific-format-enquete-0-preview-div ul.newsTop::after{content: "";display: block;width: 32%;}
.specific-format-enquete-0-preview-div ul.newsTop li {
  /*cake.generic.cssの設定のキャンセル*/
  padding: initial;
  margin: initial;

  width: 390px;float: left;position: relative;}
.specific-format-enquete-0-preview-div ul.newsTop li:not(:nth-child(3n)) {margin-right: 2%;}
.specific-format-enquete-0-preview-div ul.newsTop li dl {
  /*cake.generic.cssの設定のキャンセル*/
  background: initial;

  width: 100%;margin-bottom: 65px;
}
.specific-format-enquete-0-preview-div ul.newsTop li dl dt {
  /*cake.generic.cssの設定のキャンセル*/
  background: initial;

  width: 100%;position: relative;font-size: 0px;overflow: hidden;max-height: 220px;box-shadow: 0px 0px 10px 0px #c5c5c5;
}
.specific-format-enquete-0-preview-div ul.newsTop li dl dt img.size-imgadd1 {width: 100%;height: auto;}
.specific-format-enquete-0-preview-div ul.newsTop li dl dt img.keyMarkCate {max-width: 100%;height: 100%;}
.specific-format-enquete-0-preview-div ul.newsTop li dl dd h3 {width: 100%;font-size: 18px;margin-bottom: 30px;margin-top: 15px;line-height: 1.2;font-weight: bold;}
.specific-format-enquete-0-preview-div ul.newsTop li dl dd p {width: 100%;font-size: 15px;color: #333333;}
.specific-format-enquete-0-preview-div span.newMark {position: absolute;bottom: 0;left: 0;font-size: 14px;padding-left: 10px;padding-right: 10px;color: #ffffff;background-color: #E63838;padding-top: 5px;padding-bottom: 5px;}
.specific-format-enquete-0-preview-div span.memberMark {position: absolute;bottom: 0;left: 0;font-size: 14px;padding-left: 10px;padding-right: 10px;color: #ffffff;background-color: #E68F38;padding-top: 5px;padding-bottom: 5px;vertical-align: middle;}
.specific-format-enquete-0-preview-div span.keyMark {margin-right: 5px;}
.specific-format-enquete-0-preview-div span.keyMark img {vertical-align: middle;display: inline-block;}
.specific-format-enquete-0-preview-div span.date {margin-right: 20px;}
.specific-format-enquete-0-preview-div ul#pkz {width: 90%;font-size: 14px;margin-top: 15px;max-width: 1100px;margin-left: auto;margin-right: auto;margin-bottom: 15px;}
.specific-format-enquete-0-preview-div ul#pkz li {display: inline-block;}
.specific-format-enquete-0-preview-div ul#pkz li a {color: #222222;text-decoration: none;}
.specific-format-enquete-0-preview-div span.pkzIcon {margin-left: 10px;margin-right: 10px;}
.specific-format-enquete-0-preview-div #subImgArea {width: 100%;margin-left: auto;margin-right: auto;position: relative;display: flex;justify-content: center;align-items: center;background: #000;}
.specific-format-enquete-0-preview-div #subImgAreaBack {  margin-left: auto;margin-right: auto;position: relative;width: 100%;overflow: hidden;height: 300px;}
.specific-format-enquete-0-preview-div #subImgArea img.backImg {width: 100%;display: block;opacity: 0.5;object-fit: cover;height: 300px;}
.specific-format-enquete-0-preview-div #subImgTextArea {width: 90%;max-width: 1100px;margin-left: auto;margin-right: auto;position: absolute;top: 20%;left: 50%;transform: translateX(-50%);}
.specific-format-enquete-0-preview-div .textAreaSingle {width: 100%;color: #FFFFFF;}
.specific-format-enquete-0-preview-div .textAreaSingle h1 {width: 100%;font-size: 40px;color: #FFFFFF;margin-top: 35px;font-weight: bold;}
.specific-format-enquete-0-preview-div span.tDate {font-size: 18px;margin-right: 10px;}
.specific-format-enquete-0-preview-div span.cateAll {font-size: 14px;padding-left: 15px;padding-right: 15px;margin-left: 5px !important;margin-right: 5px !important;background-color: #E63838;border-radius: 5px;padding-top: 2px;padding-bottom: 2px;}
.specific-format-enquete-0-preview-div p#offerComp {width: 100%;text-align: right;font-size: 20px;margin-top: 60px;color: #ffffff;}
.specific-format-enquete-0-preview-div .singleBlock {width: 100%;margin-left: auto;margin-right: auto;padding-bottom: 50px;}
.specific-format-enquete-0-preview-div h2.single {width: 100%;text-align: center;font-size: 40px;color: #000000;margin-top: 50px;margin-bottom: 50px;}
.specific-format-enquete-0-preview-div .singleContent {width: 90%;max-width: 1100px;margin-left: auto;margin-right: auto;padding-top: 60px;}
.specific-format-enquete-0-preview-div .singleContent h2 {width: 100%;font-size: 40px;margin-top: 50px;margin-bottom: 35px;font-weight: bold;}
.specific-format-enquete-0-preview-div .singleLead {font-size: 16px;margin-bottom: 50px;line-height: 1.8;}
.specific-format-enquete-0-preview-div .singleLead a {color: #E63838;text-decoration: none;}
.specific-format-enquete-0-preview-div .singleLeft {width: 48%;float: left;}
.specific-format-enquete-0-preview-div .singleLeft h3 {width: 100%;font-size: 23px;}
.specific-format-enquete-0-preview-div .singleText1 {font-size: 16px;line-height: 1.8;margin-bottom: 60px;}
.specific-format-enquete-0-preview-div .singleText1 a {color: #E63838;text-decoration: none;}
.specific-format-enquete-0-preview-div ul.singleList1 {width: 100%;}
.specific-format-enquete-0-preview-div ul.singleList1 li {width: 100%;font-size: 16px;line-height: 1.8;list-style: disc;list-style-position: inside;}
.specific-format-enquete-0-preview-div .singleRight {width: 48%;float: right;}
.specific-format-enquete-0-preview-div .singleRight img {width: 100%;}
.specific-format-enquete-0-preview-div .singleBox {width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 80px;}
.specific-format-enquete-0-preview-div .singleFull {width: 100%;margin-left: auto;margin-right: auto;}
.specific-format-enquete-0-preview-div .singleFull h3 {width: 100%;font-size: 23px;margin-bottom: 30px;}
.specific-format-enquete-0-preview-div .singleText2 {font-size: 16px;line-height: 1.5;margin-top: 20px;margin-bottom: 30px;}
.specific-format-enquete-0-preview-div .singleLink {font-size: 16px;}
.specific-format-enquete-0-preview-div .singleLink a {color: #E63838;text-decoration: none;}
.specific-format-enquete-0-preview-div .offerBlock {box-shadow: 0px 0px 10px 0px #c5c5c5;width: 90%;padding-left: 5%;padding-right: 5%;padding-top: 40px;padding-bottom: 50px;}
.specific-format-enquete-0-preview-div .offerText1 {width: 100%;font-size: 20px;margin-bottom: 25px;}
.specific-format-enquete-0-preview-div .offerText2 {width: 100%;font-size: 18px;}
.specific-format-enquete-0-preview-div .offerText2 a {color: #E63838;text-decoration: none;}
.specific-format-enquete-0-preview-div .headMenu {width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;display: block;}
.specific-format-enquete-0-preview-div .imgBox {width: 100%;margin-left: auto;margin-right: auto;text-align: center;}
.specific-format-enquete-0-preview-div .imgBox img {max-width: 100%;}
.specific-format-enquete-0-preview-div span.memberMark2 {font-size: 14px;padding-left: 10px;padding-right: 10px;padding-top: 2px;padding-bottom: 2px;color: #ffffff;background-color: #E68F38;vertical-align: middle;border-radius: 5px;}
.specific-format-enquete-0-preview-div span.keyMark2 {margin-right: 5px;}
.specific-format-enquete-0-preview-div span.keyMark2 img {width: 11px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.specific-format-enquete-0-preview-div span.memberMark3 {position: absolute;bottom: 0;left: 0;font-size: 14px;padding-left: 10px;padding-right: 10px;color: #ffffff;background-color: #E68F38;padding-top: 5px;padding-bottom: 5px;vertical-align: middle;}
.specific-format-enquete-0-preview-div span.keyMark3 {margin-right: 5px;}
.specific-format-enquete-0-preview-div span.keyMark3 img {vertical-align: middle;display: inline-block;width: 14px !important;height: 16px !important;}
.specific-format-enquete-0-preview-div .singleContent2 {width: 90%;max-width: 1100px;margin-left: auto;margin-right: auto;}
.specific-format-enquete-0-preview-div .singleContent2 h2 {width: 100%;font-size: 40px;margin-top: 50px;margin-bottom: 50px;text-align: center;font-weight: bold;}
.specific-format-enquete-0-preview-div .singleTermsBox {width: 100%;margin-left: auto;margin-right: auto;margin-bottom: 40px;}
.specific-format-enquete-0-preview-div .termsContent {margin-left: auto;margin-right: auto;}
.specific-format-enquete-0-preview-div .termsContent h2 {font-weight: bold;width: 100%;font-size: 32px;margin-top: 50px;margin-bottom: 35px;}
.specific-format-enquete-0-preview-div .termsContent h3 {width: 100%;font-size: 23px;margin-bottom: 30px;}
.specific-format-enquete-0-preview-div .termsLead {width: 100%;font-size: 16px;line-height: 1.8;}
.specific-format-enquete-0-preview-div .hMenuM {margin-top: 15px;}
.specific-format-enquete-0-preview-div .textlink-a{color: #E63838;}
.specific-format-enquete-0-preview-div .textlink-a:hover{opacity: 0.7}


/*******/
/*ID: 1*/
/*******/
/*************************/
/*回答ページ　ヘッダー部の表示*/
/*************************/
div.header_specific_format_enquete_1 {
  background: #003d4c;  /*cake.generic.cssの設定の上書き*/
  padding: 10px 20px;  /*cake.generic.cssの設定の踏襲　backgroundの設定で一旦クリアされるので再設定しておく*/
  margin-bottom: 30px;  /*cake.generic.cssの設定の踏襲　backgroundの設定で一旦クリアされるので再設定しておく*/

  height: 35px;
}
h1.header_specific_format_enquete_1 {
  background: #003d4c;  /*cake.generic.cssの設定の上書き*/
  color: #fff;
  font-size: 28px;
}