@import url('https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:weight@400;700&family=Source+Code+Pro&display=swap');

*,
*::before,
*::after {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
 /* font-size: 100%;*/
  margin: 0;
  outline: none;
  padding: 0;
}

*{
    scroll-behavior: smooth;
}

html,
body {
  overflow-x: inherit;
}

body {
  background-color: #fff;
  color: #222;
  font-family: 'BIZ UDPGothic', sans-serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 2;
  min-width: 1240px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

img {
  display: block;
  margin: auto;
  max-width: 100%;
}

a {
  transition: .2s;
  text-decoration: none;
}

a,
a:visited {
  color: #00499e;
}

a:hover {
  opacity: .5;
}

h5 {
    font-size: 1.3em;
	margin-top: 0.5em;
}
h6 {
    font-size: 1.1em;
    margin-top: 1em;
    margin-bottom: 0.3em;
    line-height: 1.1em;
}

input {
  font-family: 'BIZ UDPGothic', sans-serif !important;
  font-size: 15px !important;
}

/*dl {
    font-size: 1.2em;
	line-height: 2.5em;
}
dt {
	float: left;
	margin-right: 2em;
	text-align: right;
	width: 250px;
	font-weight: bold;
}
dd {
	margin-left: 5em;
	font-size: 0.9em;
}
*/
code {
    background:#efefef;
    margin: 0.2em;
    padding:.1em;
    border-radius:.3em;
    font-family:'BIZ UDPGothic';
    font-size:1em;
    color: 222;
}


.cover {
  margin: auto;
  /*max-width: 1500px;*/
}

.cover .header .title {
  display: block;
  margin: 30px auto 30px;
  max-width: 300px;
  width: 80%;
}

.cover .bar {
 /* background: url(../img/bar-1.png) right center no-repeat;*/
 /* color: #fff;*/
  font-size: 20px;
  line-height: 36px;
  margin-bottom: 10px;
  /*text-align: right;*/
}

.cover .bar a {
    color: #555;
  /*color: #fff;
  text-decoration: underline;*/
  border-bottom: 1px solid #666666;
  padding-bottom: 1px;
}

.cover .bar-1 {
  font-size: 42px;
 /* line-height: 100px;*/
  /*padding-right: 275px;*/
}

.cover .bar-1 span {
  display: inline-block;
  font-size: 16px;
  line-height: 2;
  /*margin-left: 40px;*/
  padding-bottom: 15px;
  /*text-align: left;*/
  /*vertical-align: middle;*/
}

.cover .bar-2 {
  /*background-image: url(../img/bar-2.png);
  padding-right: 480px;*/
}

.cover .bar-3 {
  /*background-image: url(../img/bar-3.png);
  padding-right: 390px;*/
}

.cover .bar-4 {
  /*background-image: url(../img/bar-4.png);
  padding-right: 260px;*/
}

.cover .bar-5 {
  /*background-image: url(../img/bar-5.png);
  padding-right: 120px;*/
}

.cover .last-update {
  font-size: 20px;
  /*padding-right: 300px;*/
  /*text-align: right;*/
}

.cover .last-update a {
  /*color: #00499e;*/
}

.cover .last-update .new {
  color: red;
  display: inline-block;
  font-size: 15px;
  margin-right: 10px;
  vertical-align: middle;
}

.cover .footer .logo {
  margin: 40px auto 10px;
  width: 110px;
}

.cover .footer .copyright {
  /*text-align: center;*/
  text-align: right;
}

.frame .header {
  display: flex;
}

.frame .header p {
  font-size: 16px;
  margin: 0;
}

.frame .header .title {
  align-items: center;
  display: flex;
  max-width: 380px;
  min-width: 310px;
  width: 23vw;
}

.frame .header .title a {
  display: block;
  width: 100%;
}

.frame .header .title img {
  padding-bottom: 10px;
  width: 80%;
}

.frame .header .top {
  background: #00499e;
  color: #fff;
  flex: 1;
  position: relative;
}

.frame .header .top .heading {
  font-size: 24px;
  line-height: 1.4;
  padding: 30px 340px 0 40px;
}

.frame .header .top .heading .ver {
  display: inline-block;
  font-size: 22px;
}

.frame .header .top .info {
  line-height: 1.3;
}

.frame .header .top .info .last-update {
  display: inline-block;
  font-size: 13px;
  margin: 10px 0 0 40px;
}

.frame .header .top .tabs {
  margin-left: 40px;
  padding-top: 15px;
}

.frame .header .top .tab {
  background: #567dba;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  line-height: 35px;
  margin: 4px 0 4px;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
  width: 150px;
}

.frame .header .top .tab.active {
  background: #fff;
  border-bottom: 5px solid #fff;
  border-radius: 5px 5px 0 0;
  color: #00499e;
  font-weight: 700;
  margin-bottom: 0;
}

.frame .header .top .footer {
  position: absolute;
  right: 20px;
  top: 30px;
}

.frame .header .top .footer .logo {
  margin: 0 0 0 auto;
  width: 110px;
}

.frame .header .top .footer .copyright {
  font-size: 11px;
  margin-top: 10px;
}

.frame .main {
  display: flex;
}

.frame .main .sidebar {
  background: #dfe2e8;
  border: 1px solid #a1b8e1;
  border-width: 1px 1px 0 0;
  max-width: 380px;
  min-width: 310px;
  overflow: auto;
  padding: 45px 30px;
  width: 23vw;
}

.frame .main .sidebar .search {
  display: none;
}

.frame .main .sidebar .search input {
  background: #fff;
  border: 1px solid #a1b8e1;
  border-radius: 5px;
  margin-bottom: 15px;
  padding: 10px;
  width: 100%;
}

.wy-side-nav-search {
  display: block;
  margin-bottom: .809em;
}

.wy-side-nav-search {
  background: #dfe2e8;
  padding: 0;
  width: 100%;
}

.wy-side-nav-search input[type=text] {
  background: #fff;
  border: 1px solid #a1b8e1;
  border-radius: 5px;
  display: block;
  font-size: 15px;
  padding: 10px;
  width: 220px;
}

.frame .main .sidebar p {
  margin-bottom: 30px;
}

.frame .main .sidebar p a {
  color: #222;
  text-decoration: none;
}

.frame .main .sidebar p a.active {
  font-weight: 700;
  color: #22222;
}

.sidebar-api-list {
  border-left: 1px solid #222;
  margin: -20px 0 10px .4em;
  padding-left: 1em;
}

.sidebar-api-list li {
  list-style: none;
  padding: .4045em 0;
}

.sidebar-api-list li a {
  color: #222;
  display: block;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.frame .main .content {
  flex: 1;
  overflow: auto;
  padding: 30px 0;
}

.frame .main .content .inner {
  /*margin: 0 auto;*/
  margin-right: auto;
  max-width: 1180px;
}

.content_star{
   padding: 30px 0;
   max-width: 1180px;
}

.inner_star {
   max-width: 1180px;
   margin-left: 50px;
   margin-right: auto;
}


/*      */
.frame .main .content .heading {
  /*background: url(../img/bar-h.png) left 50px center no-repeat;*/
  /*background-size: auto 100%;*/
  color: #111111;
  font-size: 36px;
  font-weight: 700;
  line-height: 70px;
  margin-top: 100px;
  margin-bottom: 40px;
  border-top: solid 2px #cccccc;  
  padding-top: 1.5em;
  /*padding-right: 80px;*/
  /*text-align: right;*/
}

.frame .main .content .first-heading {
   margin-top: 20px;
   border-top: none;
   padding-top: 0;
}

.frame .main .content .body {
  /*margin: 0 50px 50px;*/
  margin-bottom:50px;
}

.body-half {
   margin-bottom:25px;	
}

.body-half a {
  color: #00499e;
  border-bottom: #00499e solid 1px;
  margin-left: 0.3em;
  margin-right: 0.3em;
}


.frame .main .content .body a {
  color: #00499e;
  border-bottom: #00499e solid 1px;
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.u-line-st {
   border-bottom: #00499e solid 1px;
   margin-left: 0.3em;
   margin-right: 0.3em;
}


.frame .main .content .heading-2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #444444;
  border-left: solid 6px #00499e;
  padding-left: 0.5em;
  line-height: 35px;
}

.frame .main .content .heading-25 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #444444;
  line-height: 35px;    
}


/* mark3:   pに設定すると1行（右端まで）薄グレーの下線(20%分）が引かれる　　*/
.mark3 {
	line-height: 1.8rem;
	background: linear-gradient(transparent 80%, rgba(231, 231, 231, 1) 0%);
}
/*　mark3:　　spanに設定すると文字列のみに薄グレーの下線（文字高さの40%分）が引かれる。あまり目立たないので太く、また左右と下に0.2emはみ出るようにした　　*/
span.mark3{
	line-height: 1.8rem;
	background: linear-gradient(transparent 60%, rgba(231, 231, 231, 1) 0%);
    padding: 0.2em;
}


/* test.html　　Step1~4　に利用　
　　.heading-2　の要素の最初の子要素ｐに付けるスタイル：　紺色＋下線＋フォント変更＋トップマージン4em
  　divに設定されてその下にｐ要素がある場合の最初のｐに有効で、ｐに直接 .heading-2 が当てられている場合は対象外　　　　*/
.test_heading-2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #444444;
}


.test_heading-2 p:first-child{
font-family: 'Comfortaa', cursive;
border-bottom: solid 2px #00499e;
color: #00499e;
margin-top: 4em;
}

.frame .main .content .heading-3 {
  font-size: 20px;
  font-weight: 700;
  /*margin: 0 50px 10px;*/
  margin-bottom:10px;
  color: #444444;
}
.kasen-g{
    background: linear-gradient(transparent 50%, #eeeeee 30%);  
}

.heading-4 {
    font-size: 1rem;
    font-weight: 700;
}

.heading-5 {
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: -0.5em;
}

.frame .main .content .warning {
  border: 3px solid red;
  /*margin: 0 50px 60px;*/
  margin-bottom: 60px;
  padding: 20px;
}

.frame .main .content .warning strong {
  color: red;
  font-weight: 700;
}

.frame .main .content .note {
  /*margin: 0 50px 60px;*/
  margin-bottom: 60px;
}

.frame .main .content table {
  border: 1px solid #e1e4e5;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  margin-bottom: 24px;
  width: 100%;
}

.frame .main .content table th,
.frame .main .content table td {
  border-bottom: 1px solid #e1e4e5;
  border-left: 1px solid #e1e4e5;
  padding: 15px;
  text-align: left;
}

.frame .main .content table td ul {
  padding-left: 1em;
}

.frame .main .content table td a {
  text-decoration: none;
}

.frame .main .content table th {
  border: 1px solid #e1e4e5;
  font-weight: 700;
}

table tr {
  transition: .2s;
}

table tr:hover,
table th {
  background: #f6f6f6;
}

.frame .main .content .api-list {
  /*margin: 0 50px 50px;*/
  margin-bottom: 50px;
  padding-left: 1em;
}

.frame .main .content .api-list-l2 {
  padding-left: 2em;
}

.frame .main .content .li-l3 {
  padding-left: 2em;
}

.forParagraph p {
    margin-bottom: 0.7em;
}




/*    test-step : 導入テストの冒頭　step１～４のボタン　スタイル定義        */
.test-step {
  border: 2px solid #00499e;
  border-radius: 10px;
  font-size: 24px;
  font-weight: 700;
  padding: 20px 30px;
  position: relative;
}

.test-step img {
  height: 90%;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}

/*    test-select :  導入テストの OS, Interface 選択ボタン　スタイル定義      */
.test-select a {
  border: 1px solid #00499e;
  display: inline-block;
  margin: 1em .5em 0 0;
  padding: 5px 30px;
  text-align: center;
  text-decoration: none;
}
.test-select a.active {
  background: #00499e;
  color: #fff !important;
}

/*  .btn-disabled(無効ボタン）クラスを持つ　test-select　のスタイル定義    */
.test-select a.btn-disabled {
	background: #eeeeee;
	border: 1px solid #aaa;
	color: #aaa !important;
}
.test-select a.btn-disabled:hover {
    opacity: 1;
}


.scroll-box {
  border: 1px solid #222;
  height: 70vh;
  margin-top: 1em;
  overflow: auto;
}

.scroll-box ol {
  /*margin: 0 50px 50px;*/
  padding-left: 1.5em;
}

.scroll-box ol li {
  margin-bottom: 2em;
}

.scroll-box ol li img {
  margin: 1em auto 0 0;
}

.scroll-box ul {
  /*margin: 0 50px 50px;*/
  padding-left: 1.5em;
  list-style: none;
  text-indent: -1.5em;
}

.scroll-box ul li {
  margin-bottom: 2em;
}

.scroll-box ul li:first-letter{
font-family: 'Comfortaa', cursive;
color: #00499e;
font-size: 1.6em;
}

.scroll-box ul li img {
  margin: 1em auto 0 0;
}

.scroll-box .in-scroll-box {
  text-indent: 0;
  margin-left: 0;
}


/*    コードの記載      */
.code-box {
  background: #dfe2e8;
  border: 1px solid #a1b8e1;
  color: #222;
  margin-top: 1em;
  overflow: auto;
  padding: 15px 20px;
}

.code-box pre {
  font-family: 'Source Code Pro', monospace;
  font-size: 14px;
  letter-spacing: .04em;
  white-space: pre-wrap;
}

.num-procedure-frame .code-box {
  margin: 1em 0 3em 2em;
}

.code-box2,
.code-box3 {
  background: #f3f6fc;
  border: 1px solid #a1b8e1;
  margin-top: 0.5em;
  color: #222;
  overflow: auto;
  padding: 15px 20px;
  width: 60%;
}
.code-box2 pre {
  font-family: 'Source Code Pro', monospace;
  font-size: 0.9em;
  /*letter-spacing: .04em;*/
  white-space: pre-wrap;
}

.code-box3 pre {
  font-family: 'Source Code Pro', 'BIZ UDPGothic', sans-serif;
  font-size: 0.9em;
  /*letter-spacing: .04em;*/
  white-space: pre-wrap;
}

.code-box-field-data {
    background-color: #f0f9fa;
}

.image-right {
  display: flex;
}

.image-right img {
  margin-left: 2em;
  width: 430px;
}

.image-right .text {
  flex: 1;
}


/*  トップページのヘッダーフッタースタイル設定　　ここから　　　*/
.cover_header{
    background-color: #003f7b;
	background: linear-gradient(#003f7b, #00499e);
	background: linear-gradient(#00499e, #003f7b);
    margin: auto;
	padding-top: 0.5em;
	padding-bottom:0.5em;
}

.cover_inner {
	max-width: 600px;
	margin: 1em auto;
	padding-left: 7em;
    /*padding-left:2em;
	border-left: solid 3px #ffffff;*/
}

.cover_contents {
	/*background-color: #dfe2e8;*/
	padding: 3em;
}
.topPage_logo {
    display: block;
    margin-left: auto;
}

.topPage_footer {
     background-color: #003f7b;
	background: linear-gradient(#00499e, #003f7b);
	background: linear-gradient(#003f7b, #00499e);
	min-width: 1240px;
	margin:0 auto;
	padding:0 75px;
}
/*  トップページのヘッダーフッタースタイル設定       ここまで　　*/



.logo_img {
    display: inline;
	width:180px;
	/*margin-left: 1em;*/
	margin:3em 1em 1.5em auto;
}

.notes_for_trademarks{
	font-size:0.9em;
	margin-left: 50px;
	color: #333333;
}

.notes_for_trademarks p{
	text-indent: -1.5em;
	font-size: 1.1em;
	margin-bottom:0.5em;
}

.thisManual_St {
		margin-top:8em;
		margin-bottom:1em;
  border-top: solid 2px #cccccc;  
  padding-top: 1.5em;
}


/*  Q&Aページの質問のフォントを適切なサイズにリサイズ！　　*/
.frame .main .content .faq_star .heading-2 {
  font-size: 20px;
  font-weight: 700;
 }



.thisManual_St .notes_for_trademarks .trademark_st {
	font-size: 1em;
}

.step_width {
	max-width: 950px;
}

.lead-text {
	font-size: 1.2em;
	margin-bottom: 2em;
}

.lead-text2 {
    margin-bottom: 2em;	
}

.lead-text3 {
	margin:2em 0;
}

.lead-text4 p {
    margin-bottom:1.5em;
}

.lead-text4{
    margin-bottom: 4em;
}

.lead-text4 a {
  color: #00499e;
  border-bottom: #00499e solid 1px;
  margin-left: 0.3em;
  margin-right: 0.3em;
}


.NoteBox
{
	color: #333333;
	margin-left: 2em;
	padding: 1em 1.5em;
	background-color: #E9EDEF;
	border: 1px solid #8198A8;
	border-radius: 0px;
	margin-top: 1em;
}

/*.NoteBox strong{
    background: linear-gradient(transparent 50%, #dbf4ff 50% );
}
*/
.MemoBox
{
	color: #333333;
	margin-left: 2em;
	padding: 1em 2em;
	background-color: #FFFFFF;
	border: 2px solid #F7C767;
	border-radius: 10px;
	margin-top: 1em;
    font-size: 0.8rem;
}
.MemoBox strong{
    background: linear-gradient(transparent 50%, #F5EFB5 50%);
}

.MemoBox ul {
    margin: 0.5em 3em;
}

.MemoBox li {
    line-height: 2.5em;
}


.answer-st {
	  margin-bottom:60px;
	  padding-left: 0.7em;
}

.answer-st:first-letter{
     font-size: 1.2em;
	 font-weight:500;
} 

.d-none {
    display: none;
}


.connectProcedure {
	margin: 50px;
}

/*.connectProcedure p{
    margin-bottom: 1.5em;
}
*/


.box-head-2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #555555;
  margin-top: 2em;
}


.test-select {
	margin-bottom: 3em;
}



.img-style {
	margin-left:  0;
}

.num-procedure {
	margin-left: 2em;
	text-indent: -2em;
}

/*  個別 APIリファレンス　手順　で利用の　丸数字　　*/
.num-circle {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	/*background : #00499e;*/
	background: #246bbd;
	line-height: 30px;
	margin-right: 0.5em;
	color: #ffffff;
	font-size: 1.1em;
	text-align: center;
	padding-left:1.75em;
}

/*  個別　APIリファレンス　手順以外の丸数字引用部分に利用　の　丸数字　　*/
.num-circle2 {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	/*background : #00499e;*/
	background: #246bbd;
	line-height: 20px;
	margin-left:0.25em;
	margin-right: 0.25em;
	color: #ffffff;
	text-align: center;
	font-size: 0.9em;
	padding:0.3em 0.5em;

}

/*   APIリファレンス（印刷を行う）で利用の角丸ライトブルー（親）の囲み　　　　*/
.kadomaru-lightblue {
	background-color: #CFDEEA;
	border-radius: 20px;
	padding:1em;
	margin: 1em 0;
	font-size: 1.5em;
}

/*    APIリファレンス で利用の　Step.を囲む円のスタイル　　sapnで設定。　HTML側にGoogle fonts へのリンクが必要（ヘッダに3行）*/
.step-circle {
    display: inline-block;
	width: 100px;
	height:100px;
	background-color: #4C83A9;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	margin-right: 0.5em;
	font-family: 'Comfortaa', cursive;
	font-size: 23px;
	color:#ffffff;
}

/*    APIリファレンス（印刷を行う）で利用の角丸ホワイト（子）の囲み    */
.kadomaru-white {
	background-color: #ffffff;
	border-radius: 15px;
	color:#333333;
}

.step-contents {
	width: 300px;
	margin: 1.5em 1em 0 1em;
	padding: 1rem;
	font-size: 1rem;
}

.other-type {
    margin-left:3em;
    background-color:#CFDEEA;
    background-color: #F8F9E0;
    /*border: solid 2px #ffffff;*/
}


.kadomaru-white:hover{
    box-shadow: 3px 3px 1px #4C83A9;
    box-shadow:0 3px 10px rgba(0, 0, 0, 0.30);
    transition: 0.3s;
}

.kadomaru-white a:hover{
    opacity: 1;
}

.parent-box {
    display: flex;
	flex-flow: row wrap;
}


.step-title {
	border-bottom: solid 2px #CFDEEA;
	font-weight: bold;
}

.step-description {
    padding-top: 0.5em;
    font-size: 0.85rem;
}

p.step-title {
    position: relative;
}
p.step-title::after{
    content: ">";
	position: absolute;
	right: 0.3px;
	color: #666666;
	font-size: 1.3em;
	font-weight:bold;
	line-height: 1.6em;
}

/*p.step-title {
    position: relative;
}
p.step-title::after{
    content: ">";
	position: absolute;
	right: 0.3px;
	color: #666666;
	font-size: 1.5em;
	font-weight:bold;
	line-height: 1.5em;
}
*/

a.step-box:hover{
	opacity: 1 !important;
}

.img-left-m{
    margin-left:2em;
}


/*  ページモード：ステップ１　の概要説明図の画像切り替えなど  */
.pmode-point {
    color: #333333;

}
a.pmode-point:hover {
    color: #333333;	
	opacity: 1 !important;
}

.pmode-p .pmode-hover:hover{
    background: linear-gradient(transparent 50%, #F5EFB5 50%);
}

#pmode-point{
    background-image: url("../img/PageMode_image_0.png");
}

#pmode-point1:hover #pmode-point{
    background-image: url("../img/PageMode_image_1.png");
}




.flex-box{
    display: flex;
	margin-top: 2em;
	margin-bottom: 5em;
}
.flex-item1{
    width: 55%;
}
.flex-item2{
    width:45%;
	margin: 2em 5em 0 3em;
}

.arrow-icon-color {
	color: #004593;
}



.qa-st {
	background-color: #efefef;
	padding:0.1em 0.5em;
	border-radius: 5px;
}

/* はじめに　のマニュアルコンテンツ説明　書式 */
.manualContents dl {
    font-size: 1.2em;
	line-height: 2.5em;
}
.manualContents dt {
	float: left;
	margin-right: 2em;
	text-align: right;
	width: 250px;
	font-weight: bold;
}

.manualContents dd {
	margin-left: 5em;
	font-size: 0.9em;
}




/*  API リファレンスのAPIリストスタイル　*/
.API_contents {
    margin-bottom: 3em;
}
.API_contents dl {
    font-size: 1em;
	line-height: 2.2em;
}
.API_contents dl:hover{
    background-color: #f6f6f6;
}
.API_contents dt {
	float: left;
	width: 400px;
	padding-left: 1em;
}

.API_contents dd {
	font-size: 0.9em;
}

.API_contents_s dt {
    width: 400px;
}

.API_contents_l dt {
    width: 450px;
}

.subContents {
	margin-left: 1.5em;
	font-size: 0.85em;

}



/*  手順中に　黄色枠の Memo　を追加するときに、Memo を追加する位置の上にある　codeBox クラスとともに指定すると余白がいい具合に  */
.num-procedure-frame .addMemo {
    margin-bottom: 0;    
}

.add-mb {
    margin-bottom: 3em;
}

.remarksText {
    font-size: 0.85rem;
    color: #333;
}

.remarksText a{
    text-decoration: underline;
    margin: auto 0.3em;
}

.frame .main .content table.shortTable {
    width: 60%;
    margin-top: 0.5em;
    margin-bottom: 0em;
}

.frame .main .content table.shortTable th,
.frame .main .content table.shortTable td {
    padding: 3px 15px 3px 15px;
}

.dotList3::before {
    font-family: 'FontAwesome';
    content: "\f111 ";
    color: #004593;
    font-size: 0.8em;
    padding-right: 0.5em;
}

/*　　文節区切りだけど　br　程の隙間は不要なときに　p　につける*/
.mtHalf {
    margin-top: 0.9rem;
}

/*　　円マークをバックスラッシュ表示にするためにフォントを指定。　*/
.backslash {
    padding: 0 0.2em;
    margin: 0 0.2em;
    font-family: 'Source Code Pro', monospace;
    background-color: lightpink;
}

.List-indent{
    margin-bottom: 2em;
}

.List-indent li{
    list-style: none;
    margin-left: 2em;
    margin-top: 0.8em;
}

.prism-box {
    margin-bottom:2em;
    margin-top:0;
    max-height: 600px;
    overflow: auto;
}

.no-margin-b {
    margin-bottom:0;
}

/*------------  サイドバー（もくじ）スタイル          ---------------------*/

.contents-title{
    margin-bottom: 20px;
    font-size: 1.2rem;
}

#sidebar a{
    color: #222;
}

.subContents {
	margin-left: 0.5em;
    margin-top: -2em;
    margin-bottom: 0.5em;
    padding-inline-start: 10px;
	font-size: 0.9em;
}

.contents-style{
    margin-bottom: 0.5em !important;
}

ul.subContents {
    list-style-type: none;
}

ul.subContents li {
    text-indent: -1em;
    padding-left: 1em;
    padding-bottom: 0.5em;
    line-height: 1.5em;
}


.subContents> li>a{
    list-style: none;
    color: #222;
    line-height: 1.2em;
    padding-bottom: 1.2em;
}

.subContents2 {
    margin-bottom: 0.5em;
	margin-left: 1.5em;
	font-size: 0.98em;
}

.subContents2 li{
    padding-bottom: 1em;
    color: #222;
}

.link-text{
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    text-decoration: underline;
}

.num-procedure {
	margin-left: 2em;
	text-indent: -2em;
}


.subContents a {
	color: #222
}



 .icon {
            display: inline; /* インライン要素として表示 */
	        width: 1.1em;  /* 画像の幅を1em（文字サイズと同じ）に設定 */
            height: auto; /* 高さは自動調整 */
	 		vertical-align: baseline; /* アイコンをベースラインに揃える */
            margin-right: 5px; /* テキストとアイコンの間に5pxのマージンを追加 */
        }

.add_line {
	padding-top: 10px;
	margin-top: 30px;
	border-top: solid 2px #cccccc;
	width: 100%; /* 線の長さを指定 */
    margin-left: auto; /* 左のマージンを自動にして中央揃え */
    margin-right: auto; /* 右のマージンを自動にして中央揃え */
	}

.table-spacing2 {
	 margin-top: 10px; /* 上に20ピクセルの余白を追加 */
}

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

#uklink01-rn {
	margin-top: 3em;
}

.left-margin {
	margin-left: 2em
}

.set-margin {
	margin-bottom: 2em
}

#flow-image-ios,
#flow-image-android {
  margin-top: 0.5em;
}
.big-num {
  font-size: 1em; /* お好みで調整してください */
  font-weight: bold; /* 強調したい場合 */
}

.big-num::after {
  content: " ";  /* 半角スペースを追加 */
}

.set-margin a {
  text-decoration: underline;
  border-bottom: none; /* border-bottomで下線が付く場合は外す */
}

ul.simple li.no-marker {
  list-style-type: none;
}