@charset "utf-8";
/*基本色の定数*/
:root{
    /*メインカラー1*/
	--main-color1:#141f3f;
    --main-color1-rgb: 20,31,63;

	/*メインカラー2*/
	--main-color2:#fad8da;
    --main-color2-rgb: 250,216,218;
	
	/*メインカラー3*/
	--main-color3:#2f3f72;
    --main-color3-rgb: 47,63,218;
	
	/*メインカラー4*/
	--main-color4:#cef8e1;
    --main-color4-rgb: 206,248,225;
	
    /*メインテキスト色*/
    --main-txt-color1:#421E05;
	
    /*サブテキスト色*/
    --main-txt-color2:#1f4e79;
	
    /*文章内　青色*/
    --main-txt-color3:#1f88d2;
}
body {
    line-height: 150%;
    background-image: url(../pict/common/jscm37-background.jpg);
    background-repeat: repeat;
}
a{
    color: var(--main-txt-color2);    
}
a:hover{
    color: var(--main-color2);    
}
/*PCメニュー設定*/
.nav-area {
    line-height: 150%;
    color: var(--main-txt-color1);
}
.nav-area ul {
    padding-top: 10px;
	margin-left: 0px;
	padding-left: 0px;
    background-color: var(--main-color1);
}
.nav-area ul li {
	list-style-type: none;
	/*height: 30px; */
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--main-color1);
	text-indent: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.nav-area .my_btn{
    background-color: var(--main-color2);
	height: 45px;
	padding-top: 10px;
	margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--main-color2);
}

.nav-active{
    color: #fff;
    text-decoration: none;    
}
.nav-active:hover {
	text-decoration: none;
	color: var(--main-color2);
}

.nav-baner{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.my_btn .nav-active{
    color: var(--main-color1);
    text-decoration: none;    
}
.my_btn .nav-active:hover {
	text-decoration: none;
	color: var(--main-color1);
}

.nav-non{
    color: #fff;
    text-decoration: none; 
}
.nav-non:hover {
	text-decoration: none;
	color: #969696;
}

.nav-nolink{
	color: #B5B5B5;
}
.sp-nav ul li {
    list-style-type: none;
    height: 50px;
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff9c;
    text-indent: 10px;
}
.nav-link{
	color: var(--main-color2);
	font-weight: normal;
}
.nav-link:hover{
	color: #fff;
}
.nav-nolink{
	display: block;
	padding-top: 0.5rem;
	color: #ABABAB;
	font-weight: normal;
	text-decoration: none;
	
}
.nav-nolink:hover{
	color: #ABABAB;
	text-decoration: none;
	display: block;
	padding-top: 0.5rem;
}

.footer-contents  {
	background-color: var(--main-color1);
	margin-top: 5px;
	color: #fff;
	font-size: small;
	padding-right: 30px;
	padding-left: 30px;
}
.footer-contents .contact-name{
	color: var(--main-color2);
	font-weight: bold;
}

.page-contents{
	background-color: #FFFFFF;
}
.page-contents_box{
	background-color: #FFFFFF;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.page-title{
	color: var(--main-color2);
	background-color: var(--main-color3);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: bold;
	font-size: x-large;
	margin-top: 15px;
	background-image: url(../pict/common/page-title_background.png);
	background-repeat: repeat;
}
.page-sub-title{
	color: var(--main-color1);
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
	font-size: large;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--main-color1);
}
.page-sub_title_box{
	background-color: var(--main-color4);
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: var(--main-color1);
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.page-text-p{
	color: var(--main-color2);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--main-color1);
  --bs-btn-border-color: var(--main-color1);
  --bs-btn-hover-color: var(--main-color2);
  --bs-btn-hover-bg: var(--main-color1);
  --bs-btn-hover-border-color: var(--main-color1);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--main-color2);
  --bs-btn-active-bg: var(--main-color1);
  --bs-btn-active-border-color: var(--main-color1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--main-color2);
  --bs-btn-disabled-border-color: var(--main-color2);
}
.nav-sp{
    color: #FF0004;    
}
.ex-text{
    color: #4D4D4D;    
}
.ex-text2{
    color: #FF0004;    
}
.ex-box{
    border-width: 1px;
    border-style: solid;
    border-color: #FF0004;
    color: #FF0004;
}
.sidebar_fixed {
  position: sticky;
  top: 15px;
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #f2f2f2;
  --bs-table-border-color: #f2f2f2;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.text-underline{
	text-decoration: underline;	
}
.text-b-red{
	font-weight: bold;
	color: #FF0004;
}
.jscm-item dl dt{
	color: var(--main-color1);
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: var(--main-color2);
	margin-bottom: 5px;
}
.jscm-item dl dd{
	margin-bottom: 30px;	
}
.bg-jscm {
	background-color: var(--main-color1) !important;
	color: var(--main-color2) !important;
}
.bg-jscm_w {
	background-color: var(--main-color1) !important;
	color: #ffffff !important;
}
.bg-jscm_p {
	background-color: var(--main-color1) !important;
	color:  var(--main-color2) !important;
}
.bg-jscm_pc {
	background-color: var(--main-color1) !important;
	color: var(--main-color2) !important;
	text-align: center;
}
.bg-jscm_g {
	background-color: #EFEFEF !important;
}
.jscm-table{
	--bs-table-border-color: var(--main-color1);
}
.btn-txt-small{
	font-size: small;
	font-weight: bold;
}
.btn-txt-lg{
	font-size: x-large;
	font-weight: bold;
}
.table-bordered td{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
}
.pdf_link a{
	color: #FF0004;
	font-weight: bold;
	text-decoration: underline;
}

.list_num ol{
	margin-left: 0.5em; /* サイトに合せて調整 */
}

.list_num ol li {
	list-style-type: none;
	counter-increment: cnt;
}

.list_num ol li::before {
	content: "(" counter(cnt) ")";
	display:inline-block;
	margin-left:-2em; /* サイトに合せて調整 */
	width: 2em; /* 括弧数字から文字までの間隔サイトに合せて調整 */
}

.custom-list {
  list-style: none;          /* 通常のリストマークを消す */
  padding-left: 0em;         /* 全体の左余白 */
}

.custom-list li {
  text-indent: -1em;         /* 1文字分戻す */
  padding-left:1em;         /* マーカーの分だけ余白を確保 */
}

.custom-list li::before {
  content: "※";              /* カスタムマーカー */
  margin-right: 0.3em;       /* 本文との間隔 */
}
.no_btn{
	color: #6c757d;
	border-width: 1px;
	border-style: solid;
	border-color: #6C757D;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}