BODY, TH, TD {word-spacing: 1px;font-size: 16px;font-family: "Noto Sans JP",sans-serif;}
 BODY {background-color:white; background-repeat :no-repeat;}
 A {color: black;text-decoration: none;}
 TABLE {font-size: 10pt; padding: 2; border-collapse: collapse;}
 TH {color: white;}
 FORM {font-size: 14px; font-family: "Noto Sans JP",sans-serif;}
 INPUT {font-size: 14px; font-family: "Noto Sans JP",sans-serif;}
 CAPTION {caption-side: top; text-align: left;}
.loginBox {
	border             : solid 1px #C0C0C0;
	border-collapse    : separate;
	border-radius      : 10px;
}
input.userform {
	height             : 26px;
	width              : 200px;
	border             : solid 1px #1E90FF;
	font-size          : 12pt;
}
td.userform {
	font-size          : 12pt;
}
/* メッセージエリア */
.messageBox {
	border             : solid 1px #1E90FF;
	background-color   : #EEEEEE;
	border-collapse    : separate;
	border-radius      : 10px;
}

/* 画面ヘッダエリア */
.headerBox {
	background-color   : #0070C0;
	border             : solid 1px #0070C0;
}
/* 編集エリア */
.editBox {
	background-color   : #EEEEEE;
	border             : solid 1px #C0C0C0;
	border-collapse    : separate;
	border-radius      : 10px;
}
/* ボタンエリア */
.buttonBox {
	background-color   : #87CEFA;
	border             : solid 1px #C0C0C0;
	border-collapse    : separate;
	border-radius      : 10px;
}
/* 読み取り専用テキスト用 */
.label {
	background-color   : #C8EDFF;
	border             : solid 1px #1E90FF;
}
.label_Number {
	background-color   : #C8EDFF;
	border             : solid 1px #1E90FF;
	text-align         : right;
}
/* 入力可能テキスト用 */
.text {
	border             : solid 1px #1E90FF;
}
.text_Number {
	border             : solid 1px #1E90FF;
	text-align         : right;
	ime-mode           : disabled;
}
/* テーブル用 */
.scrollBox {
	width              : 100%;
	border-spacing     : 0px;
	border             : solid 1px #C0C0C0;
	overflow-y         : scroll;
}
.innerTbl {
	padding            : 0px;
}
.gridList {
	border-collapse    : separate;
	border-spacing     : 0px;
	border-right       : solid 1px #C0C0C0;
	border-bottom      : solid 1px #C0C0C0;
	padding            : 0px;
}
.gridList_header {
	border-spacing     : 0px;
	border-top         : solid 1px #C0C0C0;
	border-left        : solid 1px #C0C0C0;
	color              : #FFFFFF;
	font-weight        : bold;
	background-color   : #0070C0;
}
.gridList_detail {
	border-spacing     : 0px;
	border-top         : solid 1px #C0C0C0;
	border-left        : solid 1px #C0C0C0;
	color              : #000000;
	font-weight        : none;
}
/* ボタンエリアのボタン用 */
.button_width {
	width              : 100px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .scrollBox .gridList_header {
        position: sticky;
        top: 0;
    }
    #stickyRow2 .gridList_header {
        top: 24;
    }
    /* disabledなリストボックスが、stickyなヘッダを透過してしまうため、透明度なしに設定  */
    .scrollBox .gridList_detail select[disabled] {
        opacity: 1;
    }
    /* 新規申請書の選択、諸届・申請の種類用 */
    #listTblStdkSri #stickyRow2 .gridList_header {
        top: 26;
    }
    /* 基本情報照会用 */
    .gridList_date_row_khn {
        position: sticky;
        top: 20;
        background-color: #FFFFFF;
        border-bottom: solid 1px #C0C0C0;
    }
    #listTblKhn .gridList_header {
        top: 40;
    }
    #listTblKhn #stickyRow3 .gridList_header {
        top: 40;
    }
    #listTblKhn #stickyRow4 .gridList_header {
        top: 60;
    }

/* ---------------------------- */
/* ハンバーガーメニューの設定 */
.menu-btn {
    position: absolute;		/* 画面上部に固定 */
    top: 10px;
    left: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #ffffff;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #cccccc;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 80;
    background-color: #ffffff;
}
.menu-content ul {
    padding: 10px 10px 0;
    margin: 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}

.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 20px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    position: relative;
    padding: 5px 0;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 15px;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 70;
    right: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #4472C4;
    transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
    right: 0;/*メニューを画面内へ*/
}

/* ヘッダー（青） */
td.headerTbl {
	background-color   : #4472C4;
	color              : #ffffff;
	font-size          : 16px;
	text-align         : center;
}

/* ボタン（青色） */
input.buttonBlue {
	background-color   : #0070c0;
	color              : #ffffff;
	border-radius      : 5px;
	width              : 160px;
	height             : 80px;
	font-size          : 20px;
}

/* ボタン（黄色） */
input.buttonYellow {
	background-color   : #f9be00;
	border-radius      : 10px;
	width              : 150px;
	height             : 40px;
	font-size          : 20px;
	border             : none;
}

/* ボタン（黄色）横幅最大 */
input.buttonYellowMax {
	background-color   : #f9be00;
	border-radius      : 5px;
	width              : 300px;
	height             : 40px;
	font-size          : 20px;
}

/* ボタン（黄色）横幅最大 */
input.buttonYellow340 {
	background-color   : #f9be00;
	border-radius      : 5px;
	width              : 340px;
	height             : 46px;
	font-size          : 20px;
}

/* ボタン（黄色）横幅小 */
input.buttonYellowNarrow {
	background-color   : #f9be00;
	border-radius      : 10px;
	width              : 80px;
	height             : 40px;
	font-size          : 20px;
	border             : none;
}

/* ボタン（灰色） */
input.buttonGray {
	background-color   : #cccccc;
	border-radius      : 5px;
	width              : 150px;
	height             : 40px;
	font-size          : 20px;
}

/* ボタン（灰色） */
button.buttonGray {
	background-color   : #cccccc;
	border-radius      : 10px;
	width              : 150px;
	height             : 50px;
	font-size          : 20px;
	line-height        : 45px;
	border             : none;
}

/* ボタン（灰色） */
button.buttonGrayNarrow {
	background-color   : #cccccc;
	border-radius      : 10px;
	width              : 120px;
	height             : 50px;
	font-size          : 20px;
	line-height        : 45px;
	border             : none;
}

/* ボタン（黄色） */
button.buttonYellow {
	background-color   : #f9be00;
	border-radius      : 10px;
	width              : 150px;
	height             : 50px;
	font-size          : 20px;
	line-height        : 45px;
	border             : none;
}

/* ボタン（灰色） */

input.buttonLightGray {
	background-color   : #d3d3d3;
	border-radius      : 10px;
	width              : 150px;
	height             : 50px;
	font-size          : 14px;
	line-height        : 45px;
	border             : none;
	padding            : 0;
}

/* ボタン（橙色） */
button.buttonOrange {
	background-color   : #F18F60;
	border-radius      : 10px;
	border             : none;
	width              : 150px;
	height             : 50px;
	font-size          : 18px;
	line-height        : 45px;
	font-weight        : bold;
	color              : #FFFFFF;
}

/* ボタン（白色橙枠線） */
button.buttonWhiteBorderOrange {
	background-color   : #FFFFFF;
	border-radius      : 10px;
	border             : solid 3px #F18F60;
	width              : 150px;
	height             : 50px;
	font-size          : 18px;
	line-height        : 45px;
	font-weight        : bold;
	color              : #AD8989;
}

/* 申請書のtable用 */
/* 項目タイトル */
td.mobile_title {
	border-bottom: none;
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

/* R0089682-FLHR DEL-START */
/* 必須アイコンセル */
/* 下に移動 */
/*
td.mobile_hissu {
	padding-top: 20px;
	border-bottom: none;
	border-left: none;
	border-right: none;
	padding-left:15px;
}
*/
/* R0089682-FLHR DEL-END */


/* 入力エリア */
td.mobile_input {
	border-top: none;
	border-right: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* ファイル削除ボタン */
td.mobile_delete_btn {
	padding: 0 10px;
	height: 20px;
	font-size: 18px;
}

/* 添付ファイルボタン */
td.mobile_file {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	height:20px;
	width:160px;
}

.mobile_file_btn {
    background-color: #cccccc;;
    border: 1px solid;
	border-radius: 5px;
    display: inline-block;
    width: 330px;
    height: 20px;
	line-height: 45px;
    text-align: center;
	font-size: 20px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.mobile_file_btn input[type="file"] {
    height: 60%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;

}

/* 画面幅が300px以上の場合、横スクロールを非表示 */
@media screen and (min-width: 300px) 
{
  body {overflow-x: hidden}
}

.userform_mobile {
	font-size          : 20px;
}

.userform_mobile2 {
	font-size    : 20px;
	color        : #1e90ff;
}

input.userform_mobile {
	height             : 40px;
	width              : 100%;
	border             : solid 1px #1E90FF;
	font-size          : 20px;
}

textarea.userform_mobile {
	height             : 90px;
	width              : 100%;
	border             : solid 1px #1E90FF;
	font-size          : 20px;
}

input.userform_mobile_num {
	height             : 40px;
	width              : 300px;
	border             : solid 1px #1E90FF;
	font-size          : 20px;
	text-align         : right;
}

input.userform_mobile_code {
	height             : 40px;
	width              : 87%;
	border             : solid 1px #1E90FF;
	font-size          : 20px;
	margin-bottom      : 10px;
}


/* placeholderのフォント */
::placeholder {
	font-size          : 16px;
}

input.userform_mobile_date {
	border             : solid 1px #1E90FF;
	font-size          : 20px;
}

input.userform_mobile_date_wide {
	border             : solid 1px #1E90FF;
	width              : 100%;
	height             : 40px;
	font-size          : 20px;
	-webkit-appearance : none;
}

input.userform_mobile_date_wide:read-only {
	border             : solid 1px #1E90FF;
	background-color   : #C8EDFF;
	width              : 100%;
	height             : 40px;
	font-size          : 20px;
	-webkit-appearance : none;
}

/* 日付(iPhone) */
input.userform_mobile_date_wide::-webkit-date-and-time-value {
	text-align         : left;
}

input.userform_mobile_date_narrow {
	width			   : 40vw;		/* 2つ並べて改行しない横幅にする */
	min-width		   : 120px;
	height             : 40px;
	border             : solid 1px #1E90FF;
	font-size          : 18px;
}

input.userform_mobile_month_wide {
	border             : solid 1px #1E90FF;
	width              : 100%;
	height             : 40px;
	font-size          : 20px;
	-webkit-appearance : none;
}

/* 年月(iPhone) */
input.userform_mobile_month_wide::-webkit-date-and-time-value {
	text-align         : left;
}

/* 読み取り専用テキスト用 */
.label_mobile {
	background-color   : #C8EDFF;
	border             : solid 1px #1E90FF;
	font-size          : 20px;
}

.label_mobile_max {
	width              : 100%;
	height             : 40px;
	background-color   : #C8EDFF;
	border             : solid 1px #1E90FF;
	font-size          : 20px;
}

select.userform_mobile {
	height             : 40px;
	width              : 300px;
	border             : solid 1px #1E90FF;
	font-size          : 20px;
}

select.userform_mobile_max {
	height             : 40px;
	width              : 100%;
	border             : solid 1px #1E90FF;
	font-size          : 20px;
}

select.userform_mobile16 {
	height             : 40px;
	width              : 300px;
	border             : solid 1px #1E90FF;
	font-size          : 16px;
}

/* placeholderのフォント */
::placeholder {
	font-size          : 16px;
}


}

.passFrame{
  position: relative;
  display: inline-block;
}

.inputBox{
  padding-right: 20px;
  height       : 40px;
  width        : 300px;
}

.passFrame .clearButton{
  width: 50px;
  height: 40px;
  position: absolute;
  right: 5px;
  top: 0px;
  text-align:right;
  background: url("./image/clear.png") no-repeat left center;
  cursor: pointer;
  font-size : 14px;
  line-height: 40px;
 
}

/* 背景色青のラベル */
p.bgblue {
	width: 70px;
	height: 36px;
	line-height: 40px;
	color: #FFFFFF;
	background-color: #0070C0;
	font-size: 20px;
	text-align: center;
}

/* 背景色赤の必須アイコン */
p.bgred {
	width: 40px;
	height: 28px;
	line-height: 30px;
	color: #FFFFFF;
	background-color: #FF0000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-left: 10px;
	border-radius: 6px 6px 6px 6px;
}

td.sinTitle {
	font-size: 22px;
}

/* チェックボックス */
input[type=checkbox].mobile {
	transform: scale(2);
	margin: 10px 10px 10px 10px;
}

/* 矢印 */
 .gg-pentagon-right {
 box-sizing: border-box #1E90FF;
 position: relative;
 display: block;
 transform: scale(var(--ggs,1));
 width: 20px;
 height: 100%;		/* テーブルの高さと同じ高さにする */
 max-height: 70px;	/* 高さの最大値 */
}

.gg-pentagon-right:before {
 height: 51%;
}

.gg-pentagon-right:after,
.gg-pentagon-right:before {
 content: ' ';
 position: absolute;
 background: #1E90FF;
 left: 0;
 width: 30%;
}

.gg-pentagon-right:before {
 top: -2px;
 border-top: 2px solid #1E90FF;
 border-right: 2px solid #1E90FF;
 border-left: 2px solid #1E90FF;
 transform: skewX(15deg);
}

.gg-pentagon-right:after {
 bottom: -2px;
 height: 50%;
 border-right: 2px solid #1E90FF;
 border-bottom: 2px solid #1E90FF;
 border-left: 2px solid #1E90FF;
 transform: skewX(-15deg);
} 

/* アコーディオンメニューの親項目設定（子項目非表示時）*/
.userform_mobile_summary {
	position		   : relative;
	font-size          : 20px;
	list-style		   : none;
	border-bottom	   : 2px solid #F0F0F0;
	height             : 35px;
	margin-top         : 10px;
	line-height		   : 1.8;		/* 文字の高さ調整 */
}

.userform_mobile_summary::-webkit-details-marker {
	display			   : none;
}

/* アコーディオンメニューの親項目設定（子項目表示時）*/
.userform_mobile_details[open] .userform_mobile_summary {
	position		   : relative;
	font-size          : 20px;
	list-style		   : none;
	border-bottom	   : 2px solid #F0F0F0;
	background-color   : #F0F0F0;
	line-height		   : 1.8;		/* 文字の高さ調整 */
}

.userform_mobile_details[open] .userform_mobile_summary::-webkit-details-marker {
	display			   : none;
}

/* アコーディオンメニューの親項目の矢印（丸背景部分）の表示設定 */
.userform_mobile_summary::before {
	content			   : "";
	position		   : absolute;
	margin			   : auto;
	top				   : 0;
	bottom			   : 0;
	right			   : 5px;
	width			   : 23px;	/* 横幅 */
	height			   : 23px;	/* 高さ */
	border-radius	   : 50%;	/* 角の丸み */
	background		   : #0070C0;
}

/* アコーディオンメニューの親項目の矢印（くの字部分）の表示設定（子項目非表示時） */
.userform_mobile_summary::after {
	content			   : "";
	position		   : absolute;
	margin			   : auto;
	top				   : 4px;
	bottom			   : 0;
	right			   : 11px;
	width			   : 8px;
	height			   : 8px;
	border-top		   : 3px solid #fff;
	border-right	   : 3px solid #fff;
	transform		   : rotate(-45deg);
}

/* アコーディオンメニューの親項目の矢印（くの字部分）の表示設定（子項目表示時） */
.userform_mobile_details[open] .userform_mobile_summary::after {
	content			   : "";
	position		   : absolute;
	margin			   : auto;
	top				   : 0;
	bottom			   : 4px;
	right			   : 11px;
	width			   : 8px;
	height			   : 8px;
	border-top		   : 3px solid #fff;
	border-right	   : 3px solid #fff;
	transform		   : rotate(135deg);
}

/* アコーディオンメニューの子項目設定 */
.userform_mobile_div {
	position		   : relative;
	font-size		   : 20px;
	border-bottom	   : 2px solid #F0F0F0;
	margin-left        : 30px;
	margin-top         : 10px;
	height             : 35px;
}

/* 新規申請書の選択画面(WS032002M.jsp)におけるアコーディオンメニューの子項目設定 */
.userform_mobile_div.selectNewSin {
	height			   : auto;
	min-height		   : 35px;
}

/* アコーディオンメニューのリンク設定 */
.userform_mobile_link {
	display			   : block;
	position		   : relative;
}

/* アコーディオンメニューの子項目の矢印の表示設定（矢印部分にもリンクがあるようにしたいため、リンクの要素として矢印を設定） */
.userform_mobile_link::after {
	content			   : "";
	position		   : absolute;
	top				   : 8px;
	right			   : 15px;
	width			   : 10px;
	height			   : 10px;
	border-top		   : 3px solid #0070C0;
	border-right	   : 3px solid #0070C0;
	transform		   : rotate(45deg);
}

/* 新規申請書の選択画面(WS032002M.jsp)におけるアコーディオンメニューの子項目の矢印の表示設定 */
.userform_mobile_link.selectNewSin::after {
	top				   : 0;
	bottom			   : 0;
	right			   : 12px;
	margin			   : auto;
}

/* PC用アコーディオンメニュー */
/* アコーディオンメニューの親項目設定（子項目非表示時）*/
.userform_pc_summary {
	position		   : relative;
	font-size          : 16px;
	list-style		   : none;
	border-bottom	   : 1px solid #0070C0;
	margin-top         : 10px;
	height             : 35px;
	line-height		   : 35px;		/* 文字の高さ調整 */
}

/* アコーディオンメニューの親項目設定（子項目表示時）*/
.userform_pc_details[open] .userform_pc_summary {
	position		   : relative;
	font-size          : 16px;
	list-style		   : none;
	border-bottom	   : 1px solid #0070C0;
	background-color   : #F0F0F0;
	height             : 35px;
	line-height		   : 35px;		/* 文字の高さ調整 */
}

/* アコーディオンメニューの親項目の矢印（丸背景部分）の表示設定 */
.userform_pc_summary::before {
	content			   : "";
	position		   : absolute;
	margin			   : auto;
	top				   : 0;
	bottom			   : 0;
	right			   : 5px;
	width			   : 23px;	/* 横幅 */
	height			   : 23px;	/* 高さ */
	border-radius	   : 50%;	/* 角の丸み */
	background		   : #0070C0;
}

/* アコーディオンメニューの親項目の矢印（くの字部分）の表示設定（子項目非表示時） */
.userform_pc_summary::after {
	content			   : "";
	position		   : absolute;
	margin			   : auto;
	top				   : 4px;
	bottom			   : 0;
	right			   : 11px;
	width			   : 8px;
	height			   : 8px;
	border-top		   : 3px solid #fff;
	border-right	   : 3px solid #fff;
	transform		   : rotate(-45deg);
}

/* アコーディオンメニューの親項目の矢印（くの字部分）の表示設定（子項目表示時） */
.userform_pc_details[open] .userform_pc_summary::after {
	content			   : "";
	position		   : absolute;
	margin			   : auto;
	top				   : 0;
	bottom			   : 4px;
	right			   : 11px;
	width			   : 8px;
	height			   : 8px;
	border-top		   : 3px solid #fff;
	border-right	   : 3px solid #fff;
	transform		   : rotate(135deg);
}

/* アコーディオンメニューの子項目設定 */
.userform_pc_div {
	position		   : relative;
	font-size		   : 16px;
	border-bottom	   : 1px solid #0070C0;
	margin-left        : 25px;
	margin-top         : 10px;
	height             : 24px;
	line-height		   : 1.2;		/* 文字の高さ調整 */
}

/* アコーディオンメニューのリンク設定 */
.userform_pc_link {
	display			   : block;
	position		   : relative;
}

/* アコーディオンメニューの子項目の矢印の表示設定（矢印部分にもリンクがあるようにしたいため、リンクの要素として矢印を設定） */
.userform_pc_link::after {
	content			   : "";
	position		   : absolute;
	top				   : 3px;
	right			   : 12px;
	width			   : 10px;
	height			   : 10px;
	border-top		   : 3px solid #0070C0;
	border-right	   : 3px solid #0070C0;
	transform		   : rotate(45deg);
}

/* 画面上部に戻るボタンの背景設定 */
.page-top-btn {
	position		   : fixed;					/* 追従式ボタン */
	bottom			   : 10px;
	right			   : 10px;
	width			   : 60px;
	height			   : 60px;
	background-color   : rgba(0,112,192,0.6);	/* ボタン全体の透明度設定（カラーコード:#0070C0） */
	border-radius	   : 5%;					/* ボタンの角を丸める */
	visibility		   : hidden;				/* 画面上部に戻るボタンを途中から表示するため、アクセスしたときはボタンを非表示にする */
}

/* 画面上部に戻るボタンの矢印設定 */
.page-top-btn::before {
	content			   : "";
	position		   : absolute;
	margin			   : auto;
	top				   : 0;
	bottom			   : 6px;
	right			   : 20px;
	width			   : 15px;
	height			   : 15px;
	border-top		   : 4px solid #fff;
	border-right	   : 4px solid #fff;
	transform		   : rotate(-45deg);
}

/* 画面上部に戻るボタンの文字設定 */
.page-top-btn::after {
	content			   : "PAGETOP";
	position		   : absolute;
	top				   : 40px;
	bottom			   : 0;
	left			   : 50%;
	transform		   : translateX(-50%);
	font-size		   : 8pt;
	color			   : #FFFFFF
}

/* カスタムファイル選択ボタンの表示設定 */
label.mobile_file_btn {
	display			   : block;
	width			   : 95%;
	height			   : 45px;
	line-height		   : 45px;
	font-size		   : 20px;
	color			   : #FFFFFF;
	font-weight		   : bold;
	text-align		   : center;
	border			   : none;
	border-radius	   : 10px;
	background-color   : #F18F60;
	margin			   : auto;
	padding			   : 0;		/* 上記のmobile_file_btnの汎用クラスではパディングが狭いので、ラベルのものだけパディングを変更 */
}

/* デフォルトのファイル選択ボタンの表示設定 */
label.mobile_file_btn input {
	display			   : none;	/* デフォルトのファイル選択ボタンは使用しないため非表示 */
}

/* ハンバーガーメニューを開いているときのスクロール禁止設定 */
html.scroll-lock {
	position		   : fixed;
	width			   : 100%;
	height			   : 100%;
}

/* ハンバーガーメニュー内のアコーディオンメニューの親項目・子項目の設定 */
.menu-content ul li details[open] summary, .hamburger-menu-details-summary-div {
    border-bottom	   : solid 1px #ffffff;
}

/* ハンバーガーメニュー内のアコーディオンメニューの親項目の設定（子項目表示・非表示時） */
.menu-content ul li details summary, .menu-content ul li details[open] summary {
    display			   : block;
    width			   : 100%;
    font-size		   : 20px;
    box-sizing		   : border-box;
    color			   : #ffffff;
    text-decoration	   : none;
    position		   : relative;
	list-style		   : none;
	padding			   : 5px 0;
}

.menu-content ul li details summary::-webkit-details-marker, .menu-content ul li details[open] summary::-webkit-details-marker {
	display			   : none;
}

/* ハンバーガーメニュー内のアコーディオンメニューの親項目の矢印（くの字部分）の表示設定（子項目非表示時） */
.menu-content ul li details summary::before {
    content			   : "";
    width			   : 7px;
    height			   : 7px;
    border-top		   : solid 2px #ffffff;
    border-right	   : solid 2px #ffffff;
    transform		   : rotate(45deg);
    position		   : absolute;
    right			   : 11px;
    top				   : 15px;
}

/* ハンバーガーメニュー内のアコーディオンメニューの親項目の矢印（くの字部分）の表示設定（子項目表示時） */
.menu-content ul li details[open] summary::before {
    content			   : "";
    width			   : 7px;
    height			   : 7px;
    border-top		   : solid 2px #ffffff;
    border-right	   : solid 2px #ffffff;
    transform		   : rotate(135deg);
    position		   : absolute;
    right			   : 9px;
    top				   : 15px;
}

/* ハンバーガーメニュー内のアコーディオンメニューの子項目の表示設定 */
.hamburger-menu-details-summary-div {
	width			   : 95%;
	margin-left		   : auto;
	margin-right	   : 0;
}

/* ハンバーガーメニュー内のアコーディオンメニューの最後の子項目の表示設定 */
.hamburger-menu-details-summary-div:last-child {
	border-bottom	   : none;
}

/* ログイン画面、パスワード変更画面専用クラスSTART */
/* 入力エリア、表示文字共通設定 */
.LP_userform_mobile {
	font-size		   : 20px;
}

/* 入力エリア設定 */
input.LP_userform_mobile {
	height			   : 40px;
	width			   : 330px;
	border			   : solid 1px #1E90FF;
	font-size		   : 20px;
}

/* パスワード入力エリア設定 */
div.LP_passFrame{
  position: relative;
  display: inline-block;
}

/* パスワード入力エリアの目マーク隠し用画像設定 */
div.LP_passFrame div.LP_clearButton{
  width: 50px;
  height: 40px;
  position: absolute;
  right: 30px;
  top: 0px;
  text-align:right;
  background: url("./image/clear.png") no-repeat left center;
  cursor: pointer;
  font-size : 14px;
  line-height: 40px;
 
}

/* パスワード変更画面の戻るボタン（灰色）設定 */
button.LP_buttonGray {
	background-color   : #cccccc;
	border-radius      : 5px;
	width              : 160px;
	height             : 50px;
	font-size          : 20px;
	line-height        : 45px;
}

/* パスワード変更画面の変更ボタン（黄色）設定 */
button.LP_buttonYellow {
	background-color   : #f9be00;
	border-radius      : 5px;
	width              : 160px;
	height             : 50px;
	font-size          : 20px;
	line-height        : 45px;
	margin-left        : 2px;
}

/* パスワードを忘れた場合画面の送信ボタン（黄色）、パスワード再設定画面の登録ボタン（黄色）設定 */
input.LP_buttonYellowMax {
	background-color   : #f9be00;
	border-radius      : 5px;
	width              : 330px;
	height             : 50px;
	font-size          : 20px;
}
/* ログイン画面、パスワード変更画面専用クラスEND */

/* 必須アイコン */
/* 上から移動 */
td.mobile_hissu {
	position		   : relative;
	padding-left	   : 50px;
}

td.mobile_hissu::before {
	content			   : "必須";
	position		   : absolute;
	width			   : 40px;
	height			   : 28px;
	background-color   : #EE7B48;
	color			   : #FFFFFF;
	font-size		   : 16px;
	font-weight		   : bold;
	text-align		   : center;
	line-height		   : 30px;
	border-radius	   : 6px;
	left			   : 5px;
	top				   : 35%;
}
/* 申請書項目（モバイル版）*/
.gridList_header_mobile {
	border-spacing     : 0px;
	color              : #000000;
	background-color   : #EFEFEF;
	width			   : 130px;
	height			   : 30px;
	text-align		   : center;
	line-height		   : 30px;
	margin			   : 0 0 0 auto;
}
.gridList_detail_mobile {
	border-spacing     : 0px;
	color              : #000000;
}

/* ロード中処理START */
/* 画像回転アニメーション */
@keyframes rotate-anime {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}

/* ロード中画像の外枠 */
#imageFrame {
	z-index			   : 100;			/* 画像を最前面に配置（ハンバーガーメニューよりも優先度を高くする） */
	position		   : absolute;
	top				   : 0;
	bottom			   : 0;
	right			   : 0;
	left			   : 0;
	display			   : flex;
	justify-content	   : center;	/* ロード中画像を水平方向に中央に配置 */
	align-items		   : center;	/* ロード中画像を垂直方向に中央に配置 */
}

/* ロード中画像 */
#waitImage {
	position		   : fixed;		/* スクロールしても画面中央に固定させる */
	width			   : 120px;		/* 画像サイズに合わせる */
	height			   : 120px;		/* 画像サイズに合わせる */
	animation		   : rotate-anime 3s linear infinite;
	background-image   : url("./image/SSWait.png");
	background-repeat  : no-repeat;
}
/* ロード中処理END */

.approval_image {
	border-bottom-style: solid;
	border-bottom-width: 1;
	background-image: url('image/newtab.jpg');
	background-repeat: no-repeat;
	background-position: center ;
	background-size:cover; 
	font-size:20px;
	font-weight:800;
}

/* 前のページに戻るボタン */
a.page-back-btn {
	display			   : block;
	position		   : relative;
	bottom			   : 5px;
	left			   : 10px;
	width			   : 70px;
	height			   : 30px;
	background-color   : #FFFFFF;
}

/* 前のページに戻るボタンの矢印設定 */
a.page-back-btn::before {
	content			   : "";
	position		   : absolute;
	margin			   : auto;
	top				   : 0;
	bottom			   : 0;
	left			   : 10px;
	width			   : 8px;
	height			   : 8px;
	border-top		   : 3px solid #808080;
	border-right	   : 3px solid #808080;
	transform		   : rotate(-135deg);
}

/* 前のページに戻るボタンの文字設定 */
a.page-back-btn::after {
	content			   : "戻る";
	position		   : absolute;
	margin			   : auto;
	top				   : 4px;
	bottom			   : 0;
	right			   : 10px;
	font-size		   : 13pt;
	color			   : #808080;
}

/* 申請書項目 */
table.SinItemTable 
{
	background-color   : #ffffff;
	border			   : solid 2px #9FA0A0;
	table-layout	   : fixed;
}

/* 添付ファイルのリンクが有効なときの添付ファイル名 */
div[id^="file_name"] a {
	color			   : #0070C0;
	text-decoration	   : none;
}

/* 添付欄タイトル */
td.attachedFileTitle {
	background-color   : #DCDDDD;
	height			   : 45px;
	padding-left	   : 5px;
	border-top		   : solid 2px #9FA0A0;
	border-right	   : solid 2px #9FA0A0;
	border-left		   : solid 2px #9FA0A0;
	border-bottom	   : solid 1px #9FA0A0;
}

/* 添付欄項目 */
td.attachedFileItem {
	border-right	   : solid 2px #9FA0A0;
	border-left		   : solid 2px #9FA0A0;
	border-bottom	   : solid 2px #9FA0A0;
}

/* 添付欄ナンバー */
table.attachedFileNumber {
	border-bottom	   : solid 1px #9FA0A0;
	height			   : 45px;
	line-height		   : 45px;
	background-color   : #FBE5D6;
}

/* 初期値取得用ボタン */
td.initValueBtn {
	padding-left	   : 5px;
	padding-bottom	   : 5px;
}
td.initValueBtn input[type="button"] {
	background-color   : #A2A9A9;
	border-radius      : 10px;
	border             : none;
	width              : 120px;
	height             : 35px;
	font-size          : 16px;
	line-height        : 35px;
	font-weight        : bold;
	color              : #FFFFFF;
}

/* 申請書入力欄チェックボックス */
td.sinCheckbox {
	border-left		   : none;
	border-bottom	   : none;
}

/* 申請書項目境界線 */
hr.sinItemBorder {
	height			   : 2px;
	background-color   : #9FA0A0;
}