/*数字のみフォントを変更*/
@font-face {
	font-family: 'number';
	src: local("Meiryo UI");
	unicode-range: U+0030-0039;
	font-display: swap;
}
/*タイトルヘッダーの部分*/
.document_block .document_title {
	margin: 18px 10px; color: rgb(11, 64, 107); font-size: 138.5%; font-weight: bold;
}
h1.document_title_help {
	background-image: url("../img/title_header.png");
	/*background-color: #e70c1e;*/
	background-position:center;
	background-attachment:fixed;
    position: relative;
	width: auto;
	margin:0 0 20px 0;
	padding: 20px 20px;
	color: #fff!important;
	font-family: "Meiryo UI", "ＭＳ Ｐゴシック", "MS UI Gothic";
	font-size: 150.5%; line-height:1.2em; font-weight: bold;
}
/*スマホ向けタイトルヘッダー部分*/
@media screen and (max-width: 650px) {
	.document_title {
		color: #fff!important;
		margin:0 0 10px 0;
		padding: 10px 10px;
		word-break: keep-all;
		line-break: strict;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
}
@media screen and (max-width: 700px) {
	div#company_logo img{
		display: none;
	}
}
/*タイトルヘッダー右のロゴの部分*/
div#company_logo img{
    position: absolute;
    top: 20px;
    right: 30px;
    width: 97px;
    height: 60px;
    background-position: center;
    background-attachment:fixed;
}
div#company_logo a{
    position: absolute;
    top: 20px;
    right: 30px;
    width: 97px;
    height: 60px;
}
/*body部分全般（掲示するお知らせに適用）*/
body {
	width: 100%; line-height: 130%; 
	font-family: "MS UI Gothic", "Meiryo UI" ; 
	font-size: 81.25%; font-weight: normal;
	background-color: rgba(252, 252, 252, 0.767);
}
/*お知らせ文のフォント編集（preタグ）*/
.document_block pre {
	font-size: 17px;
	margin: 36px 24px;
	padding: 40px 15px 15px 30px;
	font-family:"MS Gothic", "Meiryo UI" ;
	text-align: left;
	border: solid 3px rgb(109, 109, 109);
	background-color: #fff;
	width:690px;
	height: auto;
	position:relative;
	left: 20%;
	white-space: pre-wrap ;
	word-wrap: break-word;
	word-break: keep-all;
	line-break: strict;
	overflow-wrap: break-word;
}
@media screen and (min-width: 880px) and (max-width: 1040px){
	.document_block pre {
		left: 12%;
	}
}
@media screen and (max-width: 880px){
	.document_block pre {
		left: 4%;
	}
}
/*body部分全般（サポート情報サイトに適用）*/
body.standard {
	position:relative;
	width: 100%; 
	line-height: 130%; 
	margin: 0 0;
	font-family: "number","Meiryo UI", "ＭＳ Ｐゴシック", "MS UI Gothic"; 
	font-size: 14px; 
	font-weight: normal;
}
/*タブ切り替え全体のスタイル*/
.tabs {
	background-color: #fff;
	flex-wrap : wrap;
    margin: 0 0 ;
    width: 100%;
    
}

/*タブスタイル*/
.tabs ul, .tabs ol  {
    list-style: none;
  }
  /*
   * tabsリスト（TOPなどのタブ部分）
   */
  
  .tabs .tab-list {
    display: table;
    width: 100%;
    margin: 0 -1px;
    border-left: 1px solid #cccccc;
    overflow: hidden;
  }
  .tabs .tab-list ul {
	  list-style: none;
	  
  }
  .tabs .tab-list li {
    display: table-cell;
	flex-wrap: wrap;
    list-style-type: none;
    height: auto;
    width: calc(100%/5);
    line-height: 2em;
    font-weight: bold;
    background-color: #a09b96;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    text-align: center;
    white-space:pre-wrap;
  }
  /*IEのみに適用*/
  @media all and (-ms-high-contrast: none) {
	/*タブ幅などデザイン*/
	.tabs .tab-list li {
		display: -ms-inline-flexbox;
		flex-wrap: wrap;
		width: calc(98%/5);
	}
  }
  /*タブ部分の表示設定*/
  @media only screen and (min-width: 720px) and (max-width: 1040px) {
    .tabs .tab-list li,.tabs .tab-list li a,.tabs .tab-list li a:visited {
        font-size: 85%;/*display: flex; */
		flex-wrap: wrap;
		margin: 0 0;
		width:200px;
		position: relative;
		white-space: pre-wrap;
		word-wrap: break-word;
    	word-break: keep-all;
    	line-break: strict;
    	overflow-wrap: break-word;
    }
  }
  @media only screen and (max-width: 720px) {
    .tabs .tab-list li,.tabs .tab-list li a,.tabs .tab-list li a:visited {
        font-size: 90%;/*display: flex; */
		flex-wrap: wrap;
		display:inline-block;
		width: calc(98%/3);
		justify-content: space-between;
		margin: 0 0;
		white-space: pre-wrap;
		word-wrap: break-word;
    	word-break: keep-all;
    	line-break: strict;
    	overflow-wrap: break-word;
    }
  }
  
  /*リストのマーカーデザイン*/
  ::marker {
    color: white;
    width:10px;
    margin:0 0;
    height:0;
  }
  li#show::marker {
    color: black;
  }
  /*リストの黒丸を表示させる*/
  ul li#show {
	list-style-type: disc;
	margin-left: 2em;
  }
  ul li#show.account_portal {
	margin-left: 3em;
  }
  
  /*選択されたタブのデザイン*/
  .tabs .tab-list li a.active {
    color: #fff;
    background-color: #0a9237;
    height:100%;
  }
  .tabs .tab-list li:hover {
    background-color: #575757;
  }
  .tabs .tab-list li a,.tabs .tab-list li a:visited {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    position:sticky;
    white-space: nowrap;
    text-align: center;
    word-wrap: break-word;
    word-break: keep-all;
    line-break: strict;
    overflow-wrap: break-word;
  }
  .tabs .tab-list li a:link {
      text-decoration: none;
  }
  .tabs .tab-body {
    border: 1px solid rgb(255, 255, 255);
    padding: 20px;
  }
  .tabs .tab-body li a.active {
    display: block;
  }
/*改変中ここまで*/
/*タブのスタイル*/
.tab_item {
	width: calc(100%/7);
	height: 50px;
	background-color: #a09b96;/*d8d8d8*/
	line-height: 50px;
	font-weight: bold;
	font-size: 14px;
	white-space: nowrap;
	text-align: center;
  	order: -1;
  	position: relative;
  	z-index: 1;
	color: #fff;
	flex :1;
	cursor: pointer;
	transition: all 0.2s ease;
	border-radius: 0px 0px 0 0;
	border-left:1px dotted rgb(99, 99, 99);
}
.tab_item:not(:last-of-type) {
	margin-right: 0px;
}
.tab_item:hover {
	/*opacity: 0.80;*/
	background-color: #575757;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
	/*display: none;*/
	width : 100%;
	padding: 0 0 0 1em;
	clear: both;
	overflow: hidden;
}
h2 {
	margin: 18px 18px; color: rgb(11, 64, 107); font-size: 138.5%; font-weight: bold;
}
h3 {
	margin: 0px 0px 18px 12px;  
	font-weight: bold;
	font-size:20px;		/*文字サイズ*/
	width:95%;		/*横幅*/
	padding:10px 0px 10px 10px;	/*パディング*/
	border-bottom:2px solid #0e9139;		/*#ca0718リンク領域の下部にボーダーを付ける*/
}
h4 {
	margin: 0px 0px 18px 12px; 
	font-size: 115%; 
	font-weight: bold;
	border-left: thick solid #0e9139;
  	padding-left: 10px;
}
/*タブのコンテンツ左側部分*/
div#info {
	width:78%;				/*幅の指定*/
	float: left;			/*カラムを左寄せにする*/
	height:auto;			/*375px */
	/*padding:10px 0px 10px 10px;	パディング*/
	margin-right:0;
	overflow-y: scroll;		/*メニュー右側だけスクロールさせる*/
	word-wrap: break-word;
	word-break:keep-all;
	line-break: strict;
    overflow-wrap: break-word;
}
@media screen and (min-width:720px) and (max-width:1040px) {
	div#info {
		width:77%;			/*幅の指定*/
		margin:10px 20px 10px 0;	/*位置調整*/
		float:left;	/*カラムを左寄せにする*/
		word-wrap: break-word;
    	word-break:keep-all;
    	line-break: strict;
		overflow-wrap: break-word;
	}
}
@media screen and (max-width:720px)  {
	div#info {
		width:97%;			/*幅の指定*/
	}
}
div#info span#fix-wordbreak {
	word-break:break-all!important;
}
/*スクロールバーを非表示*/
div#info {
	-ms-overflow-style: none;	 /* IE, Edge */
	scrollbar-width: none;       /* Firefox 対応 */
}
div#info::-webkit-scrollbar {
	display: none;			
	margin-right:0;
	padding-right:0;
}
/*タブのサブメニュー（右カラム）*/
div#submenu_st2,div#submenu_st4,div#submenu_st5 {
	width:15%;			/*幅の指定*/
	margin: 10px 0 10px 10px!important;
	padding:5px 25px !important;	/*位置調整*/
	position: absolute;
	clear: both;
	right: 20px;
	top: 230px;
    height: auto;
	color:rgb(35, 35, 35);
	background-color: #f5f5f5;
	word-wrap:break-word;
    word-break:break-all;
    line-break: strict;
}
/*スクロールされた後の位置*/
#submenu_st2.fixed,#submenu_st4.fixed,#submenu_st5.fixed {
	position: fixed;
	top: 10px;
	z-index: 4;
}

div#submenu_st2 p.index,div#submenu_st4 p.index ,div#submenu_st5 p.index  {
	font-size: 14px;
	margin-top:10px;
	text-align: center;
}
@media screen and (min-width:720px) and (max-width:1040px) {
	div#submenu_st2,div#submenu_st4,div#submenu_st5 {
		width:15%;			/*幅の指定*/
		margin:10px 10px 10px 0;	/*位置調整*/
		font-size: 90%;
		right: 1%;
		word-wrap: break-word;
    	word-break:break-all;
    	line-break: strict;
		overflow-wrap: break-word;
	}
}
@media screen and (max-width:720px) {
	div#submenu_st2,div#submenu_st4,div#submenu_st5 {
		display: none;
	}
}
div#submenu_st2 ul li,div#submenu_st4 ul li,div#submenu_st5 ul li {
	list-style-type:none;		/*リストマーカー無しにする*/
	margin: 20px 0;
}
div#submenu_st2 ul li a,div#submenu_st4 ul li a,div#submenu_st5 ul li a {
	text-decoration:none;		/*リンクの下線を無くす*/
	color:#161616;		/*文字色*/
}
div#submenu_st2 a:hover,div#submenu_st4 a:hover,div#submenu_st5 ul li a:hover {
	border-bottom:1px solid rgb(104, 103, 103);		/*リンク領域の下部にボーダーを付ける*/
}

/*お知らせリストの幅を調節（左詰め）*/
dl {
	margin: 0 0 0.3em 1em;
}
dt {
	display:block;			/*リンク部分をブロック表示にする*/
	height:40px;			/*高さを45pxにする*/
	padding:15px 0px 0px 30px;	/*パディング*/
	color:#333333;		/*文字色*/
	float:left;
	width:150px;
	margin-right: 50px;		/*横幅を50px与えて見栄え良くする*/
}
dt.head, dd.head {
	height:5px;
}
/*div#news dl */
dd {
	display:block;			/*リンク部分をブロック表示にする*/
	height:40px;			/*高さを45pxにする*/
	margin-right: 40px;		/*横幅を40px与えて見栄え良くする*/
	padding:15px 0px 0px 30px;	/*パディング*/
	border-bottom:1.3px dotted gray;		/*リンク領域の下部にボーダーを付ける*/
	color:#333333;		/*文字色*/
}
/*掲載日ならびに件名欄等の太字用*/
.bold {
	font-weight: bold;
}

/*aタグのリンクの色*/
a:link {
    color: rgb(16, 89, 224);
}
a {
	text-decoration:none;		/*リンクの下線を無くす*/
}
a:hover	{
	text-decoration:underline;	/*リンクにマウスが乗ったら下線を表示*/
}
/*クリック後のaタグのリンクの色*/
a:visited {
    color: rgb(16, 89, 224);		/*前の色：#3a396e*/
}
/*pタグの左幅を1.5文字分スペース確保*/
p.p_left {
	margin-left: 1.5em;
}
p.p_left_2em {
	margin-left: 2em;
}
#content {
	width: 100%; clear: both;
}
#content .document_block {
	color: rgb(35, 35, 35); padding-bottom: 18px; clear: both;
}

h5.page_abstract {
	margin: 0 0;
	font-size: 110%; 
	font-weight: normal;
    margin-left: 1.5em;
}
p {
	margin: 0px 0px 18px 12px;
}
/*ページのタブ切替え時に幅がずれないようページ内高さを確保するのに使用*/
p.create-space {
    height: 115px;
}
p.create-space-50px {
    height: 50px;
}
/*ページ上部に戻るボタン*/
p.document_return_to_top {
	text-align: right; padding-right: 12px;
}
p.document_return_to_top a {
	margin: 0px 0px 18px 12px; width: 100px; text-align: right; padding-top: 12px; padding-left: 16px; display: inline-block; white-space: nowrap;
}
li {
	line-height: 130%; margin-bottom: 5px; margin-left: 12px;
}
/*サイトへのリンク部分*/
.button-link {
	width: auto;
    text-decoration: none;
    color:#fff;
	height: 50px;
    font-size: 16px;
	background-color: #08a83e;/*#116efa 青用*/
	position: relative;
	margin: 20px 0 0 35px;
	padding: 20px 16px 0px 13px;
	text-align:center;
    border-radius: 3px;
	z-index: 2;
}
.button-link:hover {
	background-color: #066e29;
}
a.button-link  {
	text-align:center;
	color:#fff;
	display: block;
	width: 450px;
	height: 20px;
	text-decoration: none;
	padding: 20px 20px;
	margin: 30px 20px;
	z-index: 0;
}
/*ボタンデザイン（問合せフォーマットへのリンク部分など）*/
a.button-link#inquiry  {
	width: 250px;
}
/*ボタンデザイン（中央揃え）*/
a.button-link#button_center  {
	width: 250px;
	text-align: center;
	display: inline-block;
}

tbody {
	margin: 0.2em 0em;
}

td {
	padding: 0.1em 0.3em;
	word-break: keep-all;
}
th {
	background-color: #13b148;
	color: #fff;
}
table {
	margin: 0.2em 0em 2em 2.4em;
	font-size: 90%;
	/*隙間を無くして一重線に*/
	border-collapse: collapse;
}
table th, table tr, table td {
	/*実線 0.5px 黒で表示*/
	border: solid .5px #333333;
	padding: 3px 5px;
	border-spacing: 0;
	/*font-size: 90%;*/
}
/*画面表示ごとの表の大きさ設定*/
@media only screen and (min-width:940px) and (max-width: 1040px) {
	table th, table tr, table td {
		font-size: 90%;
	}
}
@media only screen and (min-width:720px) and (max-width: 940px) {
	table th, table tr, table td {
		font-size: 80%;
	}
}
@media only screen and (max-width: 720px) {
	table th, table tr, table td {
		font-size: 75%;
	}
}
td ul {
	margin: 0.3em 0 0.3em 0.3em;
}
td ul li {
	margin: 0.3em 0 0.3em 12px;
	list-style: disc !important;
}
td table {
	margin: 0.5em 0 1.5em 12px;
}
td tbody {
	margin: 0.2em 0em;
}
/*表の左右中央揃えを調整*/
table td.align_right{
	text-align: right !important ;
}
table td.align_left{
	text-align: left !important ;
}
table .align_center{
	text-align: center !important ;
}
.align_center{
	text-align: center ;
}
#footer {
	width: 100%; height: 24px; width: 100%;
	padding: 20px 0;
	background-color: rgba(252, 252, 252, 0.767);
	z-index: 1;
}
#footer.notice {
	background-color: rgb(255, 255, 255);
}
#footer .inner {
	width: 100%;
	padding: 0 0;
}
p#footer_copyright {
	width: 98%;
	text-align: right; 
	vertical-align: bottom;
	color: rgb(0, 0, 0); 
	padding: 5px 1px;
	line-height: 10px; 
	margin: 0; 
	/*padding-right: 3px; */
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	display: inline-block;
}
p#footer_copyright.notice {
	color: rgb(0, 0, 0);
}
/*cookie表示部分*/
.cookie-consent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
	height:auto;
    font-size: 12px;
    color: #fff;
    background: rgba(0,0,0,0.7);
    padding: 1.2em;
    box-sizing: border-box;
    visibility: visible;
	z-index: 2;
  }
  .cookie-consent a {
    color: rgb(112, 173, 253) !important;
  }
  .cookie-agree {
    color: #fff;
    background: #0a9237;
    padding: 0.5em 1.5em;
	text-align: center;
	position:fixed;
	right: 1%;
	bottom: 3%;
  }
  .cookie-agree:hover {
    cursor: pointer;
  }
  @keyframes hide {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
      visibility: hidden;
    }
  }
  @media screen and (max-width: 600px) {
    .cookie-consent {
      flex-direction: column;
    }
    .cookie-text {
      margin-bottom: 1em;
    }
  }
/*cookie表示部分ここまで*/

dt {
	margin: 0;
}
dd {
	margin: 0 0 0 15px;
}
ul {
	margin: 0 0 12px 0;
	padding:0 0 0 0;
}
ul li {
	margin: 0 0 0 0;
}

.attention {
	border: 1.5px #164ec5 solid;
}
p.attention  {
	margin: 8px 50px 8px 30px;
	padding: 10px 10px;
}