@charset "UTF-8";

/* 全体 */
* {
	margin:0;
	padding:0;
}
html,body,div,span,applet,object,iframe,
h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
}

html {
	height: 100%;
}

body {
	font-family: "ヒラギノ角ゴ ProN W3", "Meiryo", Verdana , sans-serif;
	background-color: #FFFFFF;
	line-height:1.1;
	height: 100%;
	/*overflow: hidden;*/
	word-wrap:break-word;
	overflow-wrap:break-word;
	max-width: 1024px;
	margin: 0 auto;
	/*font-size: 16px;*/
	font-size: 100%;
}

form {
	position: relative;
}

input {
	padding-right:2px;
	padding-left:2px;
}

label{
	margin:0px;
	font-weight:bold;
	vertical-align: middle;
}

a > img {
	-webkit-transition: 0.6s ;
	-moz-transition: 0.6s ;
	-o-transition: 0.6s ;
	transition: 0.6s ;
}
a:hover > img {
	opacity:0.6;
}

/* 共通 */
.font_bold {
	font-weight: bold;
}

.font_underline {
	text-decoration: underline;
}
.invisible {
	visibility: hidden;
}

h1,h2,h3,h4,div,p,ul,li,span {
	margin:0;
	padding:0;
	line-height:1.2;
}


h1 {
	margin:0;
	padding:0;
	line-height:1.2;
}

#title-table-wrap > h1 {
	width: 100%;
}


h2 {
	margin:0;
	padding:0;
	line-height:1.2;
	font-size:112%;
}

h3 {
	line-height: normal;
	font-size:100%;
}


h4 {
	padding-left:10px;
}


h5{
    margin-left: 1em;
    text-indent: -1em;
	font-size:100%;
    padding-right:10px;
    margin-top: 7px;
	margin-bottom: 7px;
	line-height: 23px;
}

h6{
    font-size: 95%;
    padding-right:10px;
    padding-left: 25px;
}


h7{
    margin-left: 1em;
    text-indent: -1em;
    padding-right:10px;
    margin-top: 7px;
    margin-bottom: 7px;
}


lang_incB{
	line-height:normal;
}

.red{
	/**color:#ff0000;*/
	color:#ee0606;
	font-weight:bold;
}

.lightblue{
	color:#00BFFF;
	font-weight:bold;
}

.blue{
	color: #455aae;
	font-weight:bold;
}

ol, ul, li{
	list-style:none;
	line-height:1.2;
}


.imeOn {
	ime-mode:active;
	

}
.imeOff {
	ime-mode:inactive;

}


.imeOff_NumOnly{
	ime-mode:disabled;
	text-align:right;
}


.imeOff_Left{
	ime-mode:disabled;
	text-align:left;
}


/**半角スペース用*/
.space_L5{
	margin-left:5px;
}

.space_L8{
	margin-left:8px;
}

.space_L10{
	margin-left:10px;

}
.space_L20{
	margin-left:20px;

}

.space_R10{
	margin-right:10px;

}

.space_R20{
	margin-right:20px;

}

.space_R20_important{
	margin-right:20px!important;

}

.space_T10{
	margin-top:10px;

}

.space_T25{
	margin-top:25px;

}

.indent{
    margin-left: 1em;
    text-indent: -1em;
    padding-right:10px;
    margin-top: 7px;
    margin-bottom: 7px;
}


/***********   表示非表示   ***********/
.cmnDipCtrl{
	display:none;
}



/***********   設問欄の設定   ***********/
.input_form {
    border-collapse: collapse;
    width: 100%;
    /*border: 1px solid #305496;*/
    border-left: 1px solid #305496;
	border-right: 1px solid #305496;
	border-bottom: 1px solid #305496;
	border-top:none;
}
.input_form th{
    border: 1px solid #305496;
    background-color: #305496; 
    vertical-align: middle;
    font-size:150%;
    /*font-weight:bold;*/
    color: white;
    padding: 10px;
    text-align :left;
    line-height: normal;
}

.input_form_inner1 th {
    background-color: #d9e1f2;
    border: 1px solid #305496;
    font-size: 100%;
    padding: 0.5em;
    color: inherit;
    vertical-align: top;
    width:180px;
    height: 23px;
}
.input_form_inner1 td {
    border: 1px solid #305496;
    font-size: 100%;
    padding: 0.5em;
    
}


.title{
    border: 1px solid #305496;
    background-color: #305496; 
    vertical-align: middle;
    font-size:150%;
    /*font-weight:bold;*/
    color: white;
    padding: 10px;
    text-align :left;
    line-height: normal;
}


.title_jigyosho{
    border: 1px solid #305496;
	border-bottom-color: #ffffff;
    background-color: #305496; 
    vertical-align: middle;
    color: white;
    padding: 10px;
    text-align :left;
    line-height: normal;
}

.text_jigyosho{
    font-size:150%;
}


/*************    各質問の番号    ************/
.numberringQuestionStyle{
	background-color: white;
    color: #305496;
    padding: 0px 7px 0px 7px;
    margin-right: 15px;
}

.numberringQuestionReferenceStyle{
	color: #305496;
	font-size: 90%;
	border: 3px solid #305496;
	background-color: white;
	margin-bottom: 2px;
}

.numberringQuestionReferenceStyleShikata{
	color: #305496;
	font-size: 90%;
	border: 3px solid #305496;
	background-color: white;
	margin-bottom: 2px;
}

.numberringQuestionReferenceStyleShikata2{
	color: #305496;
	font-size: 90%;
	border: 3px solid #305496;
	background-color: white;
	padding: 0px 4px 0px 4px;
	margin-bottom: 2px;
}

.numberringQuestionReferenceStylePopup{
	color: #305496;
	font-size: 90%;
	border: 2px solid #305496;
	background-color: white;
	margin: 2px;
	display: inline-block;
	padding-top: 1px;
}

/*************    設問タイトル    ************/
.kind{
	background-color: #d9e1f2;
	border-top: 1px solid #305496;
	border-bottom: 1px solid #305496;
	padding: 10px 10px 10px 20px;
	font-size: 100%;
}

.kind_w{
	background-color: #ffffff;
	border-top: 1px solid #305496;
	border-bottom: 1px solid #305496;
	padding: 10px 10px 10px 20px;
	text-align: left;
	font-size: 100%;
}

.kind2{
	background-color: #d9e1f2;
	border: 1px solid #305496;
	padding: 10px;
	text-align: center;
	font-size: 100%;
}

.kind3{
	background-color: #d9e1f2;
	border: 1px solid #305496;
	padding: 10px 10px 10px 20px;
	text-align: left;
	font-size: 100%;
}

.kind3_hoban{
	padding: 10px 10px 10px 15px;
	text-align: left;
}

.kind4{
	background-color: #d9e1f2;
	padding: 10px;
	text-align: left;
	border-right: 1px solid #305496;
	font-size: 100%;
}

.kind5{
	background-color: #d9e1f2;
	padding: 10px;
	text-align: left;
	border-top: 1px solid #305496;
	border-bottom: none;
	font-size: 100%;
}

.kind6{
	background-color: #d9e1f2;
	padding: 5px;
	text-align: left;
	border-top: 1px solid #305496;
	border-bottom: 1px solid #305496;
	font-size: 100%;
}

.kind7{
	background-color: #d9e1f2;
	padding: 5px;
	text-align: center;
	border: 1px solid #305496;
	font-size: 100%;
}

.kind8{
	background-color: #d9e1f2;
	padding: 0px;
	text-align: left;
	border-top: 1px solid #305496;
	border-bottom: 1px solid #305496;
	font-size: 100%;
}

.kind9{
	background-color: #d9e1f2;
	border-left: 1px solid #305496;
	border-right: 1px solid #305496;
	padding: 10px 10px 10px 20px;
	font-size: 100%;
}
/*************    回答欄    ************/
.inputSpace{
	background-color: #ffffff;
	border-top: 1px solid #305496;
	border-bottom: 1px solid #305496;
	padding: 3px 0px;
}

.inputSpace2{
	background-color: #ffffff;
	border: 1px solid #305496;
	text-align: center;
	padding: 3px 0px;
}

.inputSpace2_b{
	background-color: #d9e1f2;
	border: 1px solid #305496;
	text-align: center;
	padding: 3px 0px;
}

.inputSpace3{
	background-color: #ffffff;
	border: 1px solid #305496;
	text-align: left;
	padding: 3px 0px;
	word-break: break-all;
	word-wrap: anywhere;
}

.inputSpace3_a{
	background-color: #ffffff;
	border-top: 1px solid #305496;
	border-bottom: 1px solid #305496;
	padding: 0px 15px;
}

.input_notes_head {
	padding: 10px 20px 0px 20px;
	border-left: 1px solid #305496;
	border-right: 1px solid #305496;
}

.input_notes {
    line-height: 150%;
    padding: 0px 0px 10px 18px;
    border-left: 1px solid #305496;
    border-right: 1px solid #305496;
}

.inputSpaceRadio{
	background-color: #ffffff;
	border-top: 1px solid #305496;
	border-bottom: 1px solid #305496 !important;
}

.inputSpaceRadio2{
	background-color: #ffffff;
	border-top: 1px solid #305496;
	border-bottom: 1px solid #305496;
}

/**Q&A*/
.q&atableStyle{
	padding: 20px 30px 20px 30px;
	border : 1px solid #305496;
}


.qa_no{
	margin: 0px 10px 0px 5px;
}


.qa_img{
    text-align: center;
    text-align: -webkit-center;
    padding: 15px;
}

.qa_subTitle{
	width:95%;
	margin-bottom:10px;
	margin:auto;
}


.qa_btn_ctrl{
	display:none;
}


/*************    共通ヘッダ    ************/


div#content{
	position: relative;

}

div#header {
	left: 0;
	top: 0;
	width: 100%;
	z-index: 3;
	/*position: -webkit-sticky;
	position: sticky;*/
	top: 0;
	background: #ffffff;
	position: fixed;
}

div#headertop {
	margin: 0 auto;
	width: 100%;
}

.CommonHeader {
	border: none;
	width: 100%;
	border-collapse:collapse;
	border:0px;
	table-layout: fixed;
}

table#CommonHeader_title {
	border: none;
	width: 100%;
	border-collapse:collapse;
	border:0px;
	table-layout: fixed;
}

table#CommonHeader_title tr{
    vertical-align: middle;
}

table#CommonHeader_title td{
    white-space: nowrap;
}

table#CommonHeader tr.SetaiHeader {
	height: 50px;
	font-weight:bold;
}

table#CommonHeader tr td {
	padding: 0px;
}

table#CommonHeader tr td.Progress {
	padding: 5px;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	color:#ffffff;
	width:300px;
	height:25px;
	border:2px solid black;
	background-color: #0000FF;
}

table#CommonHeader tr td.ProgressChk {
	padding: 5px;
	text-align:center;
	font-size:90%;
	font-weight:bold;
	width:300px;
	height:25px;
	border:2px solid black;
	border-radius:10px;
	background-color: #79d13f;
}

table#CommonHeader tr.SetaiHeader td.SetaiHeaderRow {
	font-size: 150%;
}

/**ヘッダの調査票名*/
.surveyName{
	color:#000000;
	font-size:100%;
}


/**調査票名、最終更新日時欄*/
.head_nameTime{
	font-size:90% !important;
}


.head_Title{
	font-size:75%  !important;
	white-space: normal;
}

.menu_progress{
	background:#d9e1f2 !important;
	cursor: pointer !important;
	box-shadow:none !important;
}


/*************    回答欄    ************/
div#whole {
	height: 100%;
	margin: 0 auto;
	overflow-x: auto;
	overflow-y: auto;
	/*top: 33%;
    position: absolute;*/
}

.dispWidth{
  width: 100%;
  height: 100%;
}


#ScrollArea_Divide {
	display:block;
	outline-width:0px;
	text-align:left;
}


.EnterArea {
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}


/*************    テキストボックスのスタイル    ************/
/**入力可*/
.textBackColor {
    background-color: #c5e0b4;
    border: 1px solid #70ad47;
}

/**読み取り専門*/
.textBackColor_Readonly {
    background-color: #f4b183;
    border: 1px solid #843c0c;
}

/**非活性*/
.textBackColor_disable {
    background-color: #cccccc;
    border: 1px solid #ccc;
}

/**エラー*/
.textBackColor_error {
    background-color:#ffccff;
	border: 1px solid #ff66ff;
}

/**ブートストラップ対策*/
.text_defaultStyle {
    width: 80%;
    height: 30px;
    padding: 2px 8px;
    margin: 3px 8px;
    line-height: 1.8;
    color: #4a4949;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}




/*************ラジオボタンのレジェンド要素*************/


.legendDspOff{
	display:none;
}


/*************   改行   ************/

.ws_nowrp{
	white-space: nowrap;
}

.verAlignT{
	vertical-align: top;
}

/*************    設問欄のボーダー    ************/
.borderT{
	border-top: 1px solid #305496;
}

.borderB{
	border-bottom: 1px solid #305496;
}

.borderL{
	border-left: 1px solid #305496;
}

.borderR{
	border-right: 1px solid #305496;
}

.borderAll{
	border: 1px solid #305496;
}


.borderTnone{
	border-top: none !important;
}

.borderBnone{
	border-bottom:none !important;
}

.borderLnone{
	border-left: none !important;
}

.borderRnone{
	border-right: none !important;
}

/*************    桁よせ    ************/
.alignL{
	text-align: -moz-left;
	text-align: -webkit-left;
	text-align:left;
}
.alignR{
	text-align: -moz-right;
	text-align: -webkit-right;
	text-align:right;
}
.alignC{
	text-align: -moz-center;
	text-align: -webkit-center;
	text-align:center;
}

.verAlignT{
	vertical-align:top;
}

.verAlignM{
	vertical-align:middle;
}
/***************横幅（固定用）*********************/

.wid_40{
	width:40px;
}


.wid_60{
	width:60px;
}

.wid_68{
	width:68px;
}

.wid_70{
	width:70px;
}

.wid_75{
	width:75px;
}

.wid_78{
	width:78px;
}

.wid_100{
	width:100px;
}

.wid_148{
	/* width:170px; */
	width:148px;
}
.wid_170{
	width:170px;
}

.wid_1_rate{
	width:1%;
}

.wid_3_rate{
	width:3%;
}

.wid_4_rate{
	width:4%;
}

.wid_5_rate{
	width:5%;
}

.wid_6_rate{
	width:6%;
}

.wid_8_rate{
	width:8%;
}

.wid_9_rate{
	width:9%;
}

.wid_10_rate{
	width:10%;
}

.wid_11_rate{
	width:11%;
}

.wid_13_rate{
	width:13%;
}

.wid_14_rate{
	width:14%;
}

.wid_15_rate{
	width:15%;
}

.wid_16_rate{
	width:16%;
}

.wid_17_rate{
	width:17%;
}

.wid_19_rate{
	width:19%;
}

.wid_20_rate{
	width:20%;
}

.wid_22_rate{
	width:22%;
}

.wid_23_rate{
	width:23%;
}

.wid_24_rate{
	width:24%;
}

.wid_25_rate{
	width:25%;
}

.wid_27_rate{
	width:27%;
}

.wid_30_rate{
	width:30%;
}

.wid_33_rate{
	width:33%;
}

.wid_34_rate{
	width:34%;
}


.wid_35_rate{
	width:35%;
}

.wid_36_rate{
	width:36%;
}

.wid_37_rate{
	width:37%;
}


.wid_40_rate{
	width:40%;
}

.wid_43_rate{
	width:43%;
}

.wid_45_rate{
	width:45%;
}

.wid_48_rate{
	width:48%;
}

.wid_49_rate{
	width:49%;
}

.wid_50_rate{
	width:50%;
}

.wid_53_rate{
	width:53%;
}

.wid_55_rate{
	width:55%;
}

.wid_60_rate{
	width:60%;
}

.wid_65_rate{
	width:65%;
}

.wid_67_rate{
	width:67%;
}

.wid_68_rate{
	width:68%;
}

.wid_70_rate{
	width:70%;
}

.wid_75_rate{
	width:75%;
}

.wid_80_rate{
	width: 80%
}

.wid_95_rate{
	width:95%;
}

.wid_100_rate{
	width:100%;
}

.imgStyle{
	max-width: 100%;
}
.imgStyle_fix{
	table-layout:fixed;
}



/***************縦幅（固定用）*********************/

.heig_20{
	height:20px;
}

.heig_30{
	height:30px;
}

.heig_60{
	height:60px;
}

.heig_120{
	height:120px;
}



/*************    フォントサイズ    ************/
.font85{
	font-size:85%;
}

.font90{
	font-size:90%;
}

.font100{
	font-size:100%;
}


.font110{
	font-size:110%;
}

.font120{
	font-size:120%;
}

.font130{
	font-size:130%;
}

.fontNomal{
	font-weight: normal;
}

/*************    パディング    ************/
.pad10{
	padding:10px;
}

.padT10{
	padding-top: 10px;
}


.padLR10{
    padding: 0px 10px;
}

.padLR20{
    padding: 0px 20px;
}

.padL20R10{
   padding-left: 20px;
   padding-right: 10px;
}

.padL10{
	padding-left: 10px;
}

.padL20{
	padding-left: 20px;
}

.padL35{
	padding-left: 35px;
}

.padL150{
	padding-left: 150px;
}

.padL20TB5{
   padding-left: 20px;
   padding-top: 5px;
   padding-bottom: 5px;
}



.marg0{
	margin: 0px;
}

.margLR10{
	margin: 0px 10px;
}

.margLR15{
	margin: 0px 15px;
}

.margR10{
	margin-right: 10px !important;
}
.margL20{
	margin-left: 20px !important;
}

.margT50{
	margin-top: 50px;
}

.margL0{
	margin-left: 0px;
}

/********    同一要素内で左寄せ、右寄せを分けるスタイル    ********/
.left {
   text-align: left;
   float: left;
   line-height: 33px;
}
.right {
   text-align: right;
   line-height: 33px;
}

.left2 {
   text-align: left;
   float: left;
}
.right2 {
   text-align: right;
}

.floatR{
	float: right;
}






/********    背景色    ********/

.backCol_Gray {
    background-color: #cccccc;
}

.backCol_LightBlue{
	background:#d9e1f2;
}


/********    テキストボックスのラベル    ********/

.textLabel{
	font-weight: normal;
	display: contents;
}

.C00_110_cal{
	text-align: left;
	float: right;     
}

.C00_110_show{
	text-align: right;
}


/********    カーソルのスタイル    ********/
.cursorP {
	cursor:pointer;
}

/*************    テキストエリアのスタイル    ************/
.textarea_defaultStyle {
    padding: 2px 8px;
    margin: 4px 10px;
    /*font-size: 14px;*/
    line-height: 1.42857143;
    color: #4a4949;
    /*background-color: #c5e0b4;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/*************    セレクトボックスのスタイル    ************/
.select_defaultStyle {
	width:200px;
	height:30px;
    margin: 4px 10px;
    padding: 2px 8px;
    /*font-size: 14px;*/
    line-height: 1.42857143;
    color: #4a4949;
    /*background-color: #c5e0b4;*/
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/*************    チェックボックスのスタイル    ************/
.checkboxStyle{
    margin-left: 10px;
}

.checkboxLabel {
	text-align: left;
}
.checkboxLabel:after {
	content: "";
	clear: both;
	display: block;
}
.checkboxLabel input { float: left; }
.checkboxLabel p {
	float: left;
	padding-top: 2px;
	text-indent: -2em;
    padding-left: 2em;
}

/** 複数行用スタイル */
.customCheckboxBorder{
    display: flex;
    align-items: center;
    padding: 10px 7px;
}

.customCheckboxStyle {
    flex-shrink: 0;
}

.customCheckboxLabel {
    display: flex;
    align-items: center;
	padding-left: 10px;
}

.checkboxStyleLarge {
    padding: 0px;
    margin: 4px 0px 4px 0px;
    height: 23px;
    width: 23px;
}


input[type=checkbox] {
    /*margin: 0px;
    height: 23px;
    width: 23px;*/
    vertical-align: middle;
}


/*************    ラジオボタンのスタイル    ************/
input[type=radio] {
	margin: 0px;
	height: 18px;
	width: 18px;
	vertical-align: middle;
}

.radioNo{
	padding: 0px 10px;

}

.radioLabel {
	display: block;
	text-align: left;
}
.radioLabel:after {
	content: "";
	clear: both;
	display: block;
}
.radioLabel input { float: left; }
.radioLabel p {
	float: left;
	padding-top: 2px;
	width: calc(100% - 24px);
	text-indent: -2em;
    padding-left: 2em;
}

.radioBorder{
    padding: 10px 7px;
}


.radioBorderT{
    border-top: 1px solid #305496;
    padding: 10px 7px;
}

.radioBorderB{
    border-bottom: 1px solid #305496;
    padding: 10px 7px;
}

.radioBorderCapex{
    padding: 10px 7px;
}


.radioBorderCapexT{
    border-top: 1px solid #305496;
    padding: 10px 7px;
}

/** 複数行用スタイル */
.customRadioBorder{
    display: flex;
    align-items: center;
    padding: 10px 7px;
}

.customRadioStyle {
    flex-shrink: 0;
}

.customRadioLabel {
    display: flex;
    align-items: center;
}

.customRadioNo{
    width: 2.5em;
    padding-left: 10px;
	flex-shrink: 0;
}

/*************    警告メッセージフィールド（黄色背景の箇所）    ************/
.bunki1{
	background-color: #f8e58c;
	padding:10px 15px;
	border-left: 1px solid #305496;
	border-right: 1px solid #305496;
	border-top: 1px solid #305496;
	line-height: 1.5;
}

.bunki2{
	background-color: #f8e58c;
	padding:10px 15px;
	text-align:center;
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
	font-size: 110%;
}

.bunki3{
	background-color: #f8e58c;
	padding:10px 0px;
	border-left: 1px solid #305496;
	border-right: 1px solid #305496;
	border-top: 1px solid #305496;
}



/*************    プログレスバー（画面の）    ************/
/**プログレスバー 未回答*/
.progress_yet{
	background-color: #ffffff;
    color: #0068b7;
    padding: 3px;
    border: 2px solid #2e75b6;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 2px 2px #a9a9a9;
    min-width: 30px;
    min-height: 30px;
    cursor:default;
}

/**プログレスバー 回答中*/
.progress_do{
	background-color: #f4b183;
    /*color: #843c0c;*/
    color: #813808;
    padding: 3px;
    border: 2px solid #843c0c;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 2px 2px #a9a9a9;
    min-width: 30px;
    min-height: 30px;
}

/**プログレスバー 回答完了*/
.progress_done{
	background-color: #00b0f0;
    color: #0068b7;
	/*color:  #001bb7;*/
    padding: 3px;
    border: 2px solid #0068b7;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 2px 2px #a9a9a9;
    min-width: 30px;
    min-height: 30px;
}

/**プログレスバー 回答不要*/
.progress_unwanted{
	background-color: #a6a6a6;
    color: #000000;
    padding: 3px;
    border: 2px solid #000000;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 2px 2px #a9a9a9;
    min-width: 30px;
    min-height: 30px;
    cursor:default;
}


/*************    プログレスバー（メニュー内の）    ************/
/**プログレスバー 未回答*/
.progress_yet_Memu{
    color: #0068b7;
    padding: 3px;
    font-weight: bold;
    box-shadow: 2px 2px #a9a9a9;
    min-width: 30px;
    min-height: 30px;
    cursor:default;
}

/**プログレスバー 回答中*/
.progress_do_Memu{
    /*color: #843c0c;*/
    color: #813808;
    padding: 3px;
    font-weight: bold;
    box-shadow: 2px 2px #a9a9a9;
    min-width: 30px;
    min-height: 30px;
}

/**プログレスバー 回答完了*/
.progress_done_Memu{
    color: #0068b7;
	/*color:  #001bb7;*/
    padding: 3px;
    font-weight: bold;
    box-shadow: 2px 2px #a9a9a9;
    min-width: 30px;
    min-height: 30px;
}

/**プログレスバー 回答不要*/
.progress_unwanted_Memu{
	background-color: #ff0000;
    color: #ffffff;
    padding: 3px;
    border: 2px solid #000000;
    border-radius: 5px;
    font-weight: bold;
    box-shadow: 2px 2px #a9a9a9;
    min-width: 30px;
    min-height: 30px;
    cursor:default;
}


/*************    プログレスバー共通設定    ************/
.ProgressBar_li{
	/*padding: 0px 2px;*/
}
.already_Confirm li {
	margin-left:7px;
	 color: transparent;
}
ul.already_Confirm {
    display: flex;   
}

table.already_Confirm{
    width: 100%;
}
tr.already_Confirm{
    background-color:#FFF;
}
td.already_Confirm{
    background-color:#FFF;
    text-align: center;
}
ul.already_Confirm {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 90%;
}

ul.crumb_list_margin {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

ul.crumb_list {
    display: flex;   
}


/*************    ツールチップ    ************/


.pos_rela{
	position: relative;
}



/**プログレスバーのツールチップ */
p.arrow_box {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	margin-top: 40px;
	margin-left: -50px;
}

p.arrow_box:after {
	position: absolute;
	bottom: 100%;
	left: 10px;
	width: 0;
	height: 0;
	/*margin-left: -10px;*/
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}


/**内容説明のツールチップ*/
p.arrow_box_exp {
    display: none;
    position: absolute;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;  
    border-radius: 8px;
    background: #000000;
    color: #ffffff;
    text-align: left;
    font-size: 90%;
    max-width:80%;
    white-space:nomal;
    margin-top: 10px;
}

p.arrow_box_exp:after {
	position: absolute;
	bottom: 100%;
	left: 10%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

/**内容説明のツールチップ(上に表示)*/
p.arrow_box_exp_reverse {
    display: none;
    position: absolute;
    bottom: calc(100% + 20px);
    left: 0;
    padding: 10px;
    border-radius: 8px;
    background: #000000;
    color: #ffffff;
    text-align: left;
    font-size: 90%;
    max-width: 80%;
    white-space: normal;
    margin-bottom: 10px;
}


p.arrow_box_exp_reverse:after {
    position: absolute;
    top: 100%;
    left: 10%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #000000;
    border-width: 10px;
    pointer-events: none;
    content: " ";
}


p.C02010_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:nomal;
	margin-top: 10px;
	margin-left: 50%;
	margin-right: -2%;
}

p.C02010_exp:after {
	position: absolute;
	bottom: 98%;
	left: 89%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}


/* スマホ画面 */
@media screen and (max-width: 767px){

p.C03010_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:150%;
	white-space:normal;
	margin-left: 80%;
	margin-right: -90%;
	transform: translateX(-50%);
}

p.C03010_exp:after {
	position: absolute;
	bottom: 100%;
	left: 65%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C03010_under_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:150%;
	white-space:normal;
	margin-top: -20%;
	margin-left: 80%;
	margin-right: -90%;
    transform: translate(-50%, -100%);
}

p.C03010_under_exp:after {
	position: absolute;
    bottom: -20px;
    left: 65%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #000000;
    border-width: 10px;
    pointer-events: none;
    content: " ";
}


p.C03020_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:200%;
	white-space:normal;
	margin-top: 0px;
	margin-left: -5%;
	margin-right: -200%;
}

p.C03020_exp:after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -20px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C03020_exp_top {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:200%;
	white-space:normal;
	margin-top: -15%;
	margin-left: -5%;
	margin-right: -200%;
	transform: translateY(-100%);
}

p.C03020_exp_top:after {
	position: absolute;
	top: 100%;
	bottom: auto;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -20px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
    border-top-color: #000000;
    border-bottom-color: transparent;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C04020_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:normal;
	margin-left: 40%;
	margin-right: -5%;
}

p.C04020_exp:after {
	position: absolute;
	bottom: 98%;
	left: 80%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C04020_exp_top {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:normal;
	margin-top: -30px;
	margin-left: 40%;
	margin-right: -5%;
	transform: translateY(-100%);
}

p.C04020_exp_top:after {
	position: absolute;
	top: 100%;
	left: 80%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #000000;
	border-bottom-color: transparent;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C04070_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:175%;
	white-space:normal;
	margin-top: 0px;
	margin-left: -5%;
	margin-right: -70%;
}

p.C04070_exp:after {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -20px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C04070_exp_max {
	font-size: 70% !important;
	max-width:310% !important;
	margin-left: -65% !important;
	margin-right: -260% !important;
	bottom: 35px;
}

p.C04070_exp_max:after {
	border-top-color: #000000;
	border-bottom-color: transparent;
	bottom: -3.5%;
}

p.C06030_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:100%;
	white-space:normal;
	margin-right: -2%;
	right: 0;
}

p.C06030_exp:after {
	position: absolute;
	bottom: 98%;
	right: 10px;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C06030_exp_top {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:100%;
	white-space:normal;
	margin-top: -30px;
	margin-right: -2%;
	right: 0;
	transform: translateY(-100%);
}

p.C06030_exp_top:after {
	position: absolute;
	top: 98%;
	right: 10px;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #000000;
	border-bottom-color: transparent;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C07010_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:175%;
	white-space:normal;
	margin-top: 0px;
	margin-left: -5%;
	margin-right: -70%;
}

p.C07010_exp:after {
	position: absolute;
	bottom: 100%;
	left: 56%;
	width: 0;
	height: 0;
	margin-left: -20px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}
p.C07010_exp_min {
	max-width:400% !important; 
	margin-left: -90% !important;
	margin-right: -210% !important;
}
p.C07010_exp_min:after {
	left: 48%;
}
p.C08010_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:305%;
	white-space:normal;
	margin-top: 0px;
	margin-left: -5%;
	margin-right: -200%;
}

p.C08010_exp:after {
	position: absolute;
	bottom: 98%;
	left: 28%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}
p.C08010_exp_min {
	max-width:1335% !important; 
	margin-left: -390% !important;
	margin-right: -850% !important;
}
p.C08010_exp_min:after {
	left: 34%;
}
} 



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

p.C03010_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:normal;
	margin-top: 38px;
	margin-left: 80%;
	margin-right: -40%;
	transform: translateX(-50%);
}

p.C03010_exp:after {
	position: absolute;
	bottom: 100%;
	left: 70%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C03010_exp.margin20 {
    margin-top: 20%;
}

p.C03010_under_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:normal;
	margin-left: 80%;
	margin-right: -40%;
    transform: translate(-50%, -100%);
}

p.C03010_under_exp:after {
	position: absolute;
    bottom: -20px;
    left: 70%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #000000;
    border-width: 10px;
    pointer-events: none;
    content: " ";
}

p.C03020_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:200%;
	white-space:normal;
	margin-top: 10px;
	margin-right: -50%;
}

p.C03020_exp:after {
	position: absolute;
	bottom: 100%;
	left: 62%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C03020_exp_top {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width: 200%;
	white-space: normal;
	margin-top: -7%;
	margin-right: -50%;
	transform: translateY(-100%);

}

p.C03020_exp_top:after {
	position: absolute;
	top: 100%;
	left: 62%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #000000;
	border-bottom-color: transparent;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C04020_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:normal;
	margin-top: 28px;
	margin-left: 50%;
	margin-right: -2%;
}

p.C04020_exp:after {
	position: absolute;
	bottom: 98%;
	left: 89%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C04020_exp_top {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:normal;
	margin-left: 50%;
	margin-right: -2%;
	transform: translateY(-100%);
}

p.C04020_exp_top:after {
	position: absolute;
	top: 100%;
	left: 89%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #000000;
	border-bottom-color: transparent;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C04070_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:150%;
	white-space:normal;
	margin-top: 100px;
	margin-left: -0%;
	margin-right: -10%;
}
p.C04070_exp:after {
	position: absolute;
	bottom: 100%;
	left: 80%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C04070_exp_min {
	margin-top: 35px!important;
}
p.C04070_exp_min:after {
	left: 80%;
}

p.C04070_exp_max {
	font-size: 70% !important;
	max-width:280% !important;
	margin-top: 100px !important;
	margin-left: -45% !important;
	margin-right: -280% !important;
	bottom: -60px;
}

p.C04070_exp_max:after {
	left: 48%;
	border-top-color: #000000;
	border-bottom-color: transparent;
	bottom: -4.5%;
}


p.C06030_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:normal;
	margin-top: 34px;
	margin-left: 50%;
	margin-right: -2%;
	right: 0;
}

p.C06030_exp:after {
	position: absolute;
	bottom: 98%;
	right: 10px;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C06030_exp_top {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:normal;
	margin-top: -3px;
	margin-left: 50%;
	margin-right: -2%;
	right: 0;
	transform: translateY(-100%);
}

p.C06030_exp_top:after {
	position: absolute;
	top: 98%;
	right: 10px;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-top-color: #000000;
	border-bottom-color: transparent;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}


p.C07010_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:80%;
	white-space:nomal;
	margin-top: 35px;
	margin-left: 20%;
	margin-right: 0%;
}
p.C07010_exp:after {
	position: absolute;
	bottom: 98%;
	left: 89%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}

p.C08010_exp {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	max-width:120%;
	white-space:nomal;
	margin-top: 35px;
	margin-left: -5%;
	margin-right: -15%;
}

p.C08010_exp:after {
	position: absolute;
	bottom: 99%;
	left: 85%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: " ";
}
p.C08010_exp_min {
	max-width:270% !important; 
	margin-left: -90% !important;
	margin-right: -80% !important;
}
p.C08010_exp_min:after {
	left: 65%;
}
}


/**入力のしかたのツールチップ*/
p.arrow_box_hti {
    display: none;
    position: absolute;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;  
    border-radius: 8px;
    background: #000000;
    color: #ffffff;
    text-align: left;
    right: 0px;
    font-size: 60%;
}

p.arrow_box_hti:after {
  position: absolute;
  bottom: 100%;
  right: 5%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #000000;
  border-width: 10px;
  pointer-events: none;
  content: "";
}



/**開く・閉じるボタンのツールチップ*/
p.arrow_box_OnC {
	display: none;
	position: absolute;
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;  
	border-radius: 8px;
	background: #000000;
	color: #ffffff;
	text-align: left;
	right: -10px;
	font-size: 90%;
}

p.arrow_box_OnC:after {
	position: absolute;
	bottom: 100%;
	right: 5%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border: solid transparent;
	border-color: rgba(51, 51, 51, 0);
	border-bottom-color: #000000;
	border-width: 10px;
	pointer-events: none;
	content: "";
}

spCtrl
@media screen and (max-width: 767px){
	.spCtrl_hti {top: 20px;}
	.spCtrl_onc {top: 40px;}
} 

@media screen and (min-width: 768px){
	.spCtrl_hti {top: 50px;}
	.spCtrl_onc {top: 30px;}
	
}




/**表示領域変更 START*/
@media screen and (max-width: 767px){
	/* .progressBar_all {display:none} */
	.progressBar_pageMoveOnly {display: flex;}
} 

@media screen and (min-width: 768px){
	.progressBar_all {
		display:block;
		line-height: 2.5em;
		border-top: 1px solid #696969;
		text-align: center;
	}
	.progressBar_pageMoveOnly {display:none}
	
}


/*************    各種ボタン    ************/


/**Q&Aの開くボタン**/

.btn-open{
	/**padding: 0.2em;*/
	color: #305496 !important;
	background: #ffffff;
	text-decoration: none;
	border:1px #305496 solid;
	border-bottom:2px #305496 solid;
	border-radius: 6px;
	text-align:center;
	text-decoration:none !important;
	font-size: 100% !important;
	white-space: nowrap;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.3) ;
	line-height: 20px;
}


.btn-open:hover {
	background: #00bfff;
	color: #ffffff !important;
}

@media screen and (min-width: 768px){
	.btn-open{
		display:inline-block;
		width: 70px;
	}
	.btn-open:before {
		content: "";
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 0px 5px 0 0;
		background: url("../img/common/Open.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
	.btn-open:after {
		content:"ひらく";
		font-weight: bold;
		font-size:80%;
	}
}

@media screen and (max-width: 767px) {
	.btn-open:before {
	}
	.btn-open:after {
		content:"＋";
		margin: 5px;
	}
}

/* //説明文内のボタン */
.btn_open_disp{
	color: #305496 !important;
	background: #ffffff;
	text-decoration: none;
	border:1px #305496 solid;
	border-bottom:2px #305496 solid;
	border-radius: 6px;
	text-align:center;
	text-decoration:none !important;
	white-space: nowrap;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.3) ;
	line-height: 20px;
}

.btn-open_disp{
	color: #305496 !important;
	background: #ffffff;
	text-decoration: none;
	border:1px #305496 solid;
	border-bottom:2px #305496 solid;
	border-radius: 6px;
	text-align:center;
	text-decoration:none !important;
	white-space: nowrap;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	/* //box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.3) ; */
	line-height: 20px;
}
@media screen and (min-width: 768px){
	.btn-open_disp{
		display:inline-block;
		width: 70px;
	}

	.btn-open_disp:before {
		content: "";
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 0px 5px 0 0;
		background: url("../img/common/Open.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
	
	.btn-open_disp:after {
		content:"ひらく";
		font-weight: bold;
		font-size:80%;
	}
}

@media screen and (max-width: 767px) {
	.btn-open_disp:before {
	}
	.btn-open_disp:after {
		content:"＋";
		margin: 5px;
	}
}


.btn-open-all{
	/**padding: 0.2em;*/
	color: #305496 !important;
	background: #ffffff;
	text-decoration: none;
	border:1px #305496 solid;
	border-bottom:2px #305496 solid;
	border-radius: 6px;
	text-align:center;
	text-decoration:none !important;
	font-size: 90% !important;
	white-space: nowrap;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.3) ;
	line-height: 20px;
}


.btn-open-all:hover {
	background: #00bfff;
	color: #ffffff !important;
}

@media screen and (min-width: 768px){
	.btn-open-all{
		display:inline-block;
		width: 150px;
		height: 32px;
	}
	.btn-open-all:before {
		content: "";
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 0px 5px 0 0;
		background: url("../img/common/Open.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
	.btn-open-all:after {
		content:"すべてひらく";
		font-weight: bold;
		font-size:80%;
	}
}

@media screen and (max-width: 767px) {
	.btn-open-all:before {
	}
	.btn-open-all:after {
		content:"＋";
		margin: 5px;
	}
}


/** Q&Aの閉じるボタン*/
.btn-close{
	color: #305496 !important;
	background: #ffffff;
	text-decoration: none;
	border:1px #305496 solid;
	border-bottom:2px #305496 solid;
	border-radius: 6px;
	text-align:center;
	text-decoration:none !important;
	font-size: 100% !important;
	white-space: nowrap;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.3) ;
	line-height: 20px;
}

.btn-close:hover {
	background: #00bfff;
	color: #ffffff !important;
}

@media screen and (min-width: 768px){
	.btn-close{
		display:inline-block;
		width: 70px;
	}
	.btn-close:before {
		content: "";
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 0px 5px 0 0;
		background: url("../img/common/Close.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
	.btn-close:after {
		content:"とじる";
		font-weight: bold;
		font-size:80%;
	}
}

@media screen and (max-width: 767px) {
	.btn-close:before {
	}
	.btn-close:after {
		content:"－";
		margin: 5px;
	}
}


/** Q&Aの閉じるボタン*/
.btn-close-all{
	color: #305496 !important;
	background: #ffffff;
	text-decoration: none;
	border:1px #305496 solid;
	border-bottom:2px #305496 solid;
	border-radius: 6px;
	text-align:center;
	text-decoration:none !important;
	font-size: 90% !important;
	white-space: nowrap;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.3) ;
	line-height: 20px;
}

.btn-close-all:hover {
	background: #00bfff;
	color: #ffffff !important;
}

@media screen and (min-width: 768px){
	.btn-close-all{
		display:inline-block;
		width: 150px;
		height: 32px;
	}
	.btn-close-all:before {
		content: "";
		display: inline-block;
		width: 14px;
		height: 14px;
		margin: 0px 5px 0 0;
		background: url("../img/common/Close.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
	.btn-close-all:after {
		content:"すべてとじる";
		font-weight: bold;
		font-size:80%;
	}
}

@media screen and (max-width: 767px) {
	.btn-close-all:before {
	}
	.btn-close-all:after {
		content:"－";
		margin: 5px;
	}
}

/**前へボタン*/
.btnBefore{
	color: #0068b7;
	width:120px;
	padding: 6px;
	border-radius: 5px;
	font-weight: bold;
	background-image: linear-gradient(#e5f2ff 40%, #b0c4de 80%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: 1px solid #0068b7;
	border-bottom: solid 3px #5e7fca;
	margin-bottom: 5px;
}

.btnBefore_disp{
	color: #0068b7;
	width:80px;
	padding: 6px;
	border-radius: 5px;
	font-weight: bold;
	background-image: linear-gradient(#e5f2ff 40%, #b0c4de 80%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: 1px solid #0068b7;
	border-bottom: solid 3px #5e7fca;
	margin: 0px 10px 5px 10px;
    font-size: 95%;
	line-height: normal;
	text-indent: 0em;
}


/**次へボタン*/
.btnNext{
	color: #ffffff;
	width:120px;
	padding: 6px;
	border-radius: 5px;
	font-weight: bold;
	background-image: linear-gradient(#0048df 50%, #0000ff 50%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: 1px solid #0000cd;
	border-bottom: solid 3px #0000cd;
	margin-bottom: 5px;
}

.btnNext_disp{
	color: #ffffff;
	width:80px;
	border: 1px solid #0000cd;
	border-bottom: solid 3px #0000cd;
	padding: 6px;
	border-radius: 5px;
	font-weight: bold;
	background-image: linear-gradient(#0048df 50%, #0000ff 50%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	margin: 0px 10px 5px 5px;
    font-size: 95%;
	line-height: normal;
	text-indent: 0em;
}

/**前へ次へボタン調整（ポップアップ）*/
.btnBeforeNextAdjustPopup{
	padding-top: 2px;
	padding-bottom: 0px;
}


.footer-button-center {
	text-align: center;
}

/**保存ボタン*/
.saveBtn {
	color: #2f5597;
	width: 120px;
	padding: 6px;
	border-radius: 5px;
	font-weight: bold;
	/* box-shadow: 2px 2px #a9a9a9; */
	cursor: pointer;
	background-image: linear-gradient(#e5f2ff 40%, #b0c4de 80%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: 1px solid #0068b7;
	border-bottom: solid 3px #5e7fca;
	margin-bottom: 5px;
}
.saveBtn:active {
	box-shadow: none;
	border-bottom: 1px solid #0068b7;
}

/**印刷用ファイルダウンロードボタン*/
.printBtn {
	color: #2f5597;
	width: 260px;
	padding: 6px;
	border-radius: 5px;
	font-weight: bold;
	/* box-shadow: 2px 2px #a9a9a9; */
	cursor: pointer;
	background-image: linear-gradient(#e5f2ff 40%, #b0c4de 80%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: 1px solid #0068b7;
	border-bottom: solid 3px #5e7fca;
	margin-bottom: 5px;
}

.printBtn .btn-icon {
  height: 18px;
}


/**調査票一覧ボタン*/
.listBtn {
	color: #2f5597;
	width: 180px;
	padding: 6px;
	border-radius: 5px;
	font-weight: bold;
	/* box-shadow: 2px 2px #a9a9a9; */
	cursor: pointer;
	background-image: linear-gradient(#e5f2ff 40%, #b0c4de 80%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border: 1px solid #0068b7;
	border-bottom: solid 3px #5e7fca;
	margin-bottom: 5px;

}

.listBtn svg {
  vertical-align: middle;
  margin-left: 2px;
}

/**ボタン非活性*/
.btn_disabledStyle{
	color: grey;
    border: 2px solid grey;
}


/**入力のしかた  ★削除*/
a.howToInput{
    color: #ffffff;
    font-weight: initial;
    white-space: nowrap;
    font-size: 80%;
}


/**入力のしかたを見るボタン*/
.btnHowToInput {
	border-radius: 5px;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.5) ;
	color: #305496;
	border: 1px solid #305496;
	text-decoration: none !important;
}

.btnHowToInput:hover {
	background: #00bfff;
	color: #ffffff !important;
  
}

.btnHowToInput_disp {
	border-radius: 5px;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	border-bottom: 2px solid #305496;
	color: #305496;
	border: 1px solid #305496;
	border-bottom: 2px solid #305496;
	text-decoration: none !important;
	line-height: 2em;
	margin: 0px 5px;
	text-indent:0em;
	position: relative;
	top: -3px;
}

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

	.btnHowToInput:before {
		content:"「入力のしかた」を見る";
		font-size: 60%;
		font-weight:bold;
		padding:3px 15px;
	}
	
	.btnHowToInput_disp:before {
		content:"「入力のしかた」を見る";
		font-size: 80%;
		font-weight:bold;
		padding:3px 15px;
	}
	
}
@media screen and (max-width: 767px) {
	.btnHowToInput{
		display:inline-block;
	}
	.btnHowToInput:before {
		content:"？";
		font-size: 60%;
		font-weight:bold;
		padding: 0px 10px;
		vertical-align: middle;
	}
	
	.btnHowToInput_disp:before {
		content:"？";
		font-size: 60%;
		font-weight:bold;
		padding: 0px 8px;
		vertical-align: middle;
	}
}



/**元の入力内容に戻すボタン*/
.btnBackToDefault{
	padding:0px 20px;
	border-radius: 5px;
	font-size: 80%;
	font-weight:bold;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.5) ;
	color: #305496;
	line-height: 1.8em;
	border: 1px solid #305496;
	border-bottom: 2px solid #305496;
}

.btnBackToDefault:hover {
	background: #00bfff;
	color: #ffffff !important;
  
}

.btnBackToDefault:before {
	content:"元の入力内容に戻す";
}

/**元の入力内容に戻すボタンの表示行*/
.backToDefault{
	padding:5px;
}

/**説明文内のボタン*/
.btnBackToDefault_disp{
	padding:0px 20px;
	border-radius: 5px;
	font-size: 80%;
	font-weight:bold;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	/*box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.5) ;*/
	color: #305496;
	line-height: 1.8em;
	border: 1px solid #305496;
	border-bottom: 2px solid #305496;
	margin: 5px 5px;
	text-indent:0em;
}
.btnBackToDefault_disp:before {
	content:"元の入力内容に戻す";
}


/**ボタン非活性*/
.btn_Disabled{
    color: #808080;
    background-color: #fff;
    border: 1px solid #808080;
    background-image: linear-gradient(#a9a9a9 50%, #c0c0c0 100%);
}


/**このちょうさひょうについて*/
.btn_AboutSurvey{
	background-color: #00b0f0;
	color: #0068b7;
	padding: 3px;
	border: 2px solid #0068b7;
	border-radius: 5px;
	font-weight: bold;
	min-width: 30px;
	min-height: 30px;
	cursor:default;
	width: fit-content;
	text-indent:0em;
}



/**修正するボタン*/
.confirm{
	padding:2px 20px;
	border-radius: 5px;
	font-size: 70%;
	font-weight:bold;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.5) ;
	color: #305496;
	line-height: 1.8em;
	border: 1px solid #305496;
	border-bottom: 2px solid #305496;
	text-decoration: none !important;
	white-space: nowrap;
}

.confirm:hover {
	background: #00bfff;
	color: #ffffff !important;
}

/**修正するボタン（説明文内の）*/
.confirm_disp{
	padding:2px 20px;
	border-radius: 5px;
	font-size: 70%;
	font-weight:bold;
	background: -moz-linear-gradient(top, #FFF, #d8d8d8);
	background: -webkit-linear-gradient(top, #FFF, #d8d8d8);
	background: linear-gradient(to bottom, #FFF, #d8d8d8);
	color: #305496;
	line-height: 1.8em;
	border: 1px solid #305496;
	border-bottom: 2px solid #305496;
	text-decoration: none !important;
	margin: 0px 5px;
	line-height: 2.5em;
}


/**回答送信ボタン（説明文内の）*/
.send_disp{
	font-size: 95%;
	color: #ffffff;;
	border: 1px solid #0000cd;
	border-bottom: solid 2px #0000cd;
	padding: 6px;
	border-radius: 5px;
	font-weight: bold;
	background-image: linear-gradient(#0048df 50%, #0000ff 50%);
	margin: 0px 5px;
}

/*************    エラーメッセージスペース    ************/
.errorMsgSpace{
	color:red;
	background-color:#ffccff;
	border-bottom: 1px solid #ffccff;
	font-size: 95%;
	font-weight: bold;
	line-height:2;
	padding-left: 10px;
	/*border-top: 1px solid #305496;*/
}

.errorMsgSpace_line{
	color:red;
	background-color:#ffccff;
	border-bottom: 1px solid #305496;
	font-size: 95%;
	font-weight: bold;
	line-height:1.5em;
	padding: 5px 15px;
	border-top: 1px solid #305496;
}


.errDispOFF{
	display:none;
}


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

.disp_err{
	display:'';
}

.hide_err{
	display:none;
}

/*****************Q12のスタイル******************/

.q12_title{
	width: 70px;
	font-weight: normal;
}

.q12_contact{
	font-weight: normal;

}

.q12_warning{
	font-weight: normal;
	color: #ff0000;
}







/***********************************************/
.arrow {
   width: 0;
   height: 0;
   line-height: 0;
   border-top: 32px solid #ccffcc;
   border-left: 50px solid #ffcccc;
   border-right: none; 
   position: absolute;
   top: 0px;
   left: 0px;
}



/*******************************************************/
/*レスポンシブ対応*/
/*******************************************************/



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

	.radioBorderCapex{
		border-left: 1px solid #305496;
		border-right: 1px solid #305496;
		padding: 10px 7px;
	}


	.radioBorderCapexT{
		border-top:  1px solid #305496;
		border-left: 1px solid #305496;
		border-right: 1px solid #305496;
		border-bottom: none;
		padding: 10px 7px;
	}
	
	
	.mediaCtrl{
		display: block;
		width: 100%;
		border-bottom: none;
		border-right: 1px solid #305496;
		border-left: 1px solid #305496;
	}
	
	.mediaCtrl_inline_Male{
		display: inline-block;
		width:50%;
		border: none;
		border-left: 1px solid #305496;
		border-top: 1px solid #305496;
	}
	.mediaCtrl_inline_Male:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	    content:"男";
	}
	
	.mediaCtrl_inline_Female{
		display: inline-block;
		width:50%;
		border: none;
    	border-top: 1px solid #305496;
   		border-left: 1px solid #305496;
   		border-right: 1px solid #305496;
	}
	.mediaCtrl_inline_Female:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	    content:"女";
	}

	
	.mediaCtrl_inline_Male_jigyosho{
		display: inline-block;
		width:33.3333%;
		border: none;
		border-left: 1px solid #305496;
		border-top: 1px solid #305496;
	}
	.mediaCtrl_inline_Male_jigyosho:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	    content:"男";
	}
	
	.mediaCtrl_inline_Female_jigyosho{
		display: inline-block;
		width:33.3333%;
		border: none;
    	border-top: 1px solid #305496;
   		border-left: 1px solid #305496;
   		border-right: 1px solid #305496;
	}
	.mediaCtrl_inline_Female_jigyosho:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	    content:"女";
	}

	.mediaCtrl_inline_Total_jigyosho{
		display: inline-block;
		width:33.3333%;
		border: none;
    	border-top: 1px solid #305496;
   		border-left: 1px solid #305496;
   		border-right: 1px solid #305496;
	}
	.mediaCtrl_inline_Total_jigyosho:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	    content:"[確認用]男女計";
	}

	.q12_attention{
		padding-left:10px;
		font-weight: normal;
	}
	
	.left,
	.left2,
	 {
	   float: initial;
	}

	.right,
	.right2
	 {
	   float: '';
	}
	
	.left_QA {
	  	width: calc(100% - 80px);
	    margin-left: 3em;
	    text-indent: -3em;
	}
	
	.left_shikata {
		 width:calc(100% - 115px);
	}
	
	.left_title {
		 margin-left: 2.7em;
		 text-indent: -2.7em;
	}
	
	.left_confirm {
		 width:calc(100% - 165px);
		 margin-left: 2.7em;
		 text-indent: -2.7em;
	}
	
	.headerLayoutCtrl{
		display:none;
	}

	.headerBtn {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		gap: 8px;
	}
	.already_Confirm,
	.rightBtn {
		display: flex;
		gap: 8px;
		margin-left: 0 !important;
		flex-grow: 0 !important;
	}
	
	.w7,
	.w16,
	.w20,
	.w30,
	.w40,
	.w50
	{
		width:100%;
	}

	.t15,
	.t30,
	.t50,
	.t60,
	.t70,
	.t90
	{
		width:95%;
		width:-webkit-fill-available;
		/*width: -moz-fit-content;*/
		max-width: -moz-available;
	}
	.fSize{
		font-size:130%;
	}
	
	.fSizeShikata{
		font-size:90%;
	}
	
	
	/**ヘルプボタン*/
	.helpBtn_disp{
		width:140px;
		height:30px;
		font-size:100%;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		display:inline;
		text-align:center;
		padding:3px 0 3px;
		border:2px #3b3838 solid;
		background-color:#70ad47;
		border-radius:10px;
		cursor:pointer;
		text-indent:0px;
	}
	
	
	.btnBefore_disp,
	.btnNext_disp,
	.btnBefore,
	.btnNext,
	.saveBtn,
	.listBtn,
	.printBtn {
		width:auto;
	}
	
	.head_nameTime{
		font-size: 100% !important;
		color: #000000 !important;
	}
	.head_nameTime.jigyosho{
		font-size: 100% !important;
		color: white !important;
	}

	.head_Title{
		/*font-size:20px;*/
		white-space: normal;
	}
	
	
	
	/**この事業所の主な事業の内容の（３）スタイル*/
	.BusinessFormSubTitle{
		display:none;
	}
	
	/**表示*/
	.dispOn{
		display:none;  !important;
	}
	/*非表示*/
	.dispOFF{
		display:'';
	}
	
	.firstTd {
		border-top:1px solid #305496;
	}
	.lastTd {
		border-bottom:1px solid #305496;
	}
	.nav>li>a {
	    position: relative;
	   	display: block;
	    padding: 10px 15px;
	}
	
	
		/*おかね*/
	p.moneyTextTooltip {
	    display: none;
	    position: absolute;
	    padding: 10px;
	    -webkit-border-radius: 8px;
	    -moz-border-radius: 8px;  
	    border-radius: 8px;
	    background: #000;
	    color: #FFF;
	    text-align: left;
	    font-size: 90%;
	    margin-bottom: -100px;
	    white-space:pre;
	}

	p.moneyTextTooltip:after {
	  position: absolute;
	  bottom: 100%;
	  left: 10%;
	  width: 0;
	  height: 0;
	  margin-left: 5px;
	  border: solid transparent;
	  border-color: rgba(51, 51, 51, 0);
	  border-bottom-color: #000000;
	  border-width: 10px;
	  pointer-events: none;
	  content: " ";
	}

	.rightBtn {
 		 margin-left: auto;
	}

	.mediaBorderNone {
	   border: none;
	}
	
	.errorMsgSpace{
		border-top: 1px solid #305496;
	}
	
	.borderWeight2{
		border-bottom: 2px solid #305496;

	}
	
}



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

	.both-line{
    	border-left: 1px solid #305496;
    	border-right: 1px solid #305496;
	}
	
	.mediaCtrl{
		/*border-right: 1px solid #305496;
		border-left: 1px solid #305496;
		border-bottom: 1px solid #305496;*/
	}
	.mediaCtrl_tc{

	}
	.mediaCtrl_inline_Male{
		
	}
	.mediaCtrl_inline_Male:before {
	    
	}
	
	.mediaCtrl_inline_Female{
		
	}
	.mediaCtrl_inline_Female:before {
	    
	}
	

	.nav>li {
		display: contents;
	}
	
	.q12_attention{
		padding-left:70px;
		font-weight: normal;
	}
	
	.left,
	.left2{
	   float: left;
	}
	.right,
	.right2{
	   float: right;
	}
	.left_QA {
		 width:calc(100% - 125px);
		 margin-left: 3em;
		 text-indent: -3em;
	}
	.left_shikata {
		 width:calc(100% - 255px);
	}
	
	.left_title {
		 margin-left: 2.5em;
		 text-indent: -2.5em;
	}
	
	.left_confirm {
		 width:calc(100% - 190px);
		 margin-left: 2.7em;
		 text-indent: -2.5em;
	}
	
	.w7{
		width:7%;
	}
	.w16{
		width:16%;
	}
	.w20{
		width:20%;
	}
	.w30{
		width:30%;
	}
	.w45{
		width:45%;
	}
	.w40{
		width:40%;
	}
	.w50{
		width:50%;
	}

	.t15{
		width:15%;
	}
	.t30{
		width:30%;
	}
	.t50{
		width:50%;
	}
	.t60{
		width:60%;
	}
	.t70{
		width:70%;
	}
	.t90{
		width:90%;
	}
	.fSize{
		/*font-size:16px;*/
		font-size:160%;
	}
	.fSizeShikata{
		font-size:100%;
	}
	
	.mediaBorderNone {
		border-left: 1px solid #305496;
		border-right: 1px solid #305496;
		border-bottom: 1px solid #305496;
		border-top:none;
	}

	
	/**この事業所の主な事業の内容の（３）スタイル*/
	.BusinessFormSubTitle{
		display:'';
	}
	
		
	/**表示*/
	.dispOn{
		display:none;  !important;
	}
	/*非表示*/
	.dispOFF{
		display:'';
	}
	.firstTd{
		border-top:1px solid #305496 !important;
		margin-top: -1px;
	}
	.lastTd {
		
	}
	
	.nav>li>a {
	    position: relative;
	    display: none;
	    padding: 10px 15px;
	}
	
/*******************************ツールチップ********************************/

	/*おかね*/
	p.moneyTextTooltip {
	    display: none;
	    position: absolute;
	    padding: 10px;
	    -webkit-border-radius: 8px;
	    -moz-border-radius: 8px;  
	    border-radius: 8px;
	    background: #000;
	    color: #FFF;
	    text-align: left;
	    font-size: 90%;
	    margin-top: -80px;
	    white-space:pre;
	}

	p.moneyTextTooltip:after {
	    content: '';
	    position: absolute;
		bottom: -18px;
		left: 25px;
		width: 0;
		height: 0;
		margin-left: -10px;
		border: solid transparent;
		border-color: rgba(51, 51, 51, 0);
		border-top-color: #000000;
		border-width: 10px;
		pointer-events: none;
	}

/***************************************************************************/
	
	
	
	.header-button-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
	}

	.left-buttons {
	flex: 1;
	text-align: left;
	}

	.center-buttons {
	text-align: left;
	}

	.right-buttons {
	flex: 3;
	text-align: right;
	white-space: nowrap;
	margin-left: 10px;
	}

	.errorMsgSpace{
		border-top: none;
	}
	
	.borderWeight1{
		border-bottom: 2px solid #305496;

	}
	.borderWeight2{
		border-bottom: 2px solid #305496;

	}

}



.inputNum{
	text-align:right;
	max-width:120px;
}


.haihun{
	padding:0px 3px;
}


.comments{
    vertical-align: middle;
	white-space: nowrap;
	font-size: 90%;
}

.num_ja{
	line-height:2.0;
}

.text_3Length{
	max-width:60px;
}

.text_5Length{
	max-width:95px;
}

.text_7Length{
	/* max-width:120px; */
	max-width:130px;
}

.text_8Length{
	/* max-width:120px; */
	max-width:140px;
}

.text_9Length{
	max-width:115px;
}

.text_10Length{
	max-width:150px;
}

/**C00_090　表示制御*****************/
.ctrlC00_090disp{
	display:'';
}

/**C00_110　表示制御*****************/
.ctrlC00_110disp{
	display:'';
}

.ctrlC00_110disp2{
	display:'';
}


/**調査票２　農業、林業、漁業の表示制御*****************/

.ctrlAgriCulture{
	display:'';
}

.ctrlForestry{
	display:'';
}

.ctrlFishery{
	display:'';
}

.ctrlAquaculture{
	display:'';
}



/**調査票３　生産数量及び生産金額*****************/

.ctrlMetalMineral{
	display:'';
}

.ctrlCoal{
	display:'';
}

.ctrlNaturalGus{
	display:'';
}


.ctrlQuarring{
	display:'';
}

.ctrlCeramicMaterial{
	display:'';
}

.ctrlOtherMineral{
	display:'';
}

.menuStyle{
	border-bottom: 1px #FFFFFF solid;
	padding: 8px 17px;
	/*font-size: 120%;*/
	color: #ffffff;
	line-height: 1.7;
}


/****************************/
.bunki_C00_140{
	display:none;
}


.C04_050AddRows{
	display:none;
}

.C04_060AddRows{
	display:none;
}


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

.indentC04010{
	text-indent: -3em;
    padding-left: 3em;
    display:table-cell;
}

.explainTitle{
	font-size: 85%;
    font-weight: 100;
    text-decoration: underline;
}

.underLine{
    text-decoration: underline;
}
/****************************/

.initDisp{
	display:none;
}



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



/*モーダル全体の背景設定*/
/*
.modal-content {
    background: yellow;
}
*/
.modal_head{
	background: #305496;
    color: #ffffff;
}


/*モーダルのbody要素の背景設定*/
.modal-body {
    background: #ffffff;
}

/*モーダルが表示される速度を変更する*/

.modal.fade {
    transition-duration: 0;
}

.gray{
	background: #808080 !important;
	border: 1px solid #696969 !important;
}

.input_form_gray {
    border-collapse: collapse;
    width: 100%;
    /*border: 1px solid #305496;*/
    border-left: 1px solid #305496;
	border-right: 1px solid #305496;
	border-bottom: 1px solid #305496;
	border-top:none;
}
.input_form_gray_row{
    border: 1px solid #696969;
    background-color: #808080; 
    vertical-align: middle;
    font-size:150%;
    color: white;
    padding: 10px;
    text-align :left;
    line-height: normal;
}



@media print, screenand (min-width: 768px) {
    .tokei-head,
    .navbar,
    .headerBtn,
    .progressBar_all
    {
        display: none;
    }
}

.menu_notChangeColor{
	background-color: #d9e1f2 !important;
	color:  #000000 !important;
}
@media screen and (max-width: 767px) {
	.menu_notChangeColor:hover,
	.menu_notChangeColor:focus,
	.menu_notChangeColor:active {
		color: #000000 !important;
	}
}

/**********PDF保存手順用***********/


div#title_pdf{
	background: #d9e1f2;
	color: #000000;
	border-bottom: 3px solid #305496;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}


.title_pdf_lng{
	padding: 14px 0px 10px 0px;
	font-size: 150%;
	color: #305496;
	font-weight: bolder;
}


.pngSize{
	width: 75%;
	border: 1px solid #a9a9a9;
}

.pdfNum{
	background-color: #305496 !important;
	color:  #ffffff !important;
	padding: 2px 6px;
	border-radius: 20px;
	font-weight: bold;
	margin-right: 10px;
	line-height: 35px;
}

.procedure{
	padding-bottom: 20px;
}

.procedureRow{
	color: #000000;
	font-weight: bold;
	margin: 0px 15px;
	border-bottom: 5px double #305496;
	text-align: left;
}


.pdfExp{
	line-height: 25px;
}

.pict{
	padding: 10px 0px;

}


.triangle{
    width: 0;
    height: 0;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-top-color: #305496;
    border-width: 30px;
    pointer-events: none;
    content: " ";

}

/******業態コード***************/

.gyotai_table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #305496;
    line-height: normal;
}


.td_industry{
	background-color: #c5e0b4;
    border-bottom: none;
    border-top: 1px solid #305496;
    border-left: 1px solid #305496;
    border-right: 1px solid #305496;
}

.td_industry_empty{
	background-color: #c5e0b4;
}


.td_businessCode{
	background-color: #d9e1f2;
	border: 1px solid #305496;
}


.td_detail{
	background-color: #ffffff;
	border: 1px solid #305496;
	padding: 3px 10px;

}

:-moz-focusring {
  outline: 1px dotted #1f3134;
}

.s04T{
    width: 100% !important;
    max-width: 500px !important;
}


.bottomSpace{
	margin-bottom: 150px;
}

.precautions_for_input{
	font-weight: bold;
	font-size: 120%;
}

.about_e-tax{
    border: 3px solid #061258;
    background: #92D050;
    color: #fff;
    margin-top: 20px;
    padding: 20px 30px;
}

.btn_base {
    cursor: pointer;
    vertical-align: middle;
}

.btn_base:hover {
    opacity: 0.8;
}

.btn_base:disabled {
    cursor: default;
}


.btn_howToeTax {
    color: #3abd16;
    background: #ffffff;
    border: 2px solid #3abd16;
    font-weight: bold;
    font-size: 95%;
    line-height: 3rem;
    padding: 0px 15px;
    border-radius: 14px;
    white-space: nowrap;
    min-width: 200px;
    margin-left: 20px;
}


@media screen and (max-width: 767px) {
.div_howToeTax {
        margin-top: 20px;
        text-align: center;
    }

    .btn_howToeTax {
        margin-left: 0;
    }

    .sp_disp {
        display: initial !important;
    }

    .item_end {
        align-items: end;
        display: flex !important;
    }
    .icom_eTax {
        width: 50%;
        max-width:200px;
    }
    .item_center {
        align-items: center;
        display: block;
    }
    .sp_none {
        display: none !important;
    }
}

.eTax_title_sp {
    font-size: 120%;
    color: #061258;
    font-weight: bold;
    border-bottom: 3px solid #061258;
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.eTax_title_sp > p{
    margin-right:10px;
}


.sp_disp {
    display: none !important;
}


.icom_eTax {
    width: 200px;
    margin-right: 20px;
    margin-left: 0px;
}

.item_center {
    align-items: center;
    display: flex;
}

.item_space_between_cneter{
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.sp_none {
    display: revert;
}
#constant_years_top_1

.margin_l_20 {
    margin-left: 20px;
}


.margin_t_20 {
    margin-top: 20px;
}

.margin_t_30 {
    margin-top: 30px;
}

.url {
    color: #0033ff;
    text-decoration-line: underline;
}

 /* スマホの時だけ改行させるクラス */
.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
}

.bunrui_indent{
	margin-left: 2em;
	text-indent: -1em;
}

.bunrui_indent2 {
  display: block;      
  padding-left: 2em;   
  text-indent: -2em;   
}

.textarea_fixed{
	resize: none;
}
.textarea_vertical{
	resize: vertical;
}

.numberbox_center{
	display: inline-block;
    text-align: center;
    padding: 2px 4px;
    box-sizing: border-box;
}

#common-loading-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.3);
    z-index: 9998;
}

#common-spinner {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
}
.common-spinner {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #3498db;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: common-spin 1s linear infinite;
}
@keyframes common-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}