@charset "UTF-8";

/*  センターの利用  */

.SL_wrapper {		/* サイトポリシー他（1カラム） */
  display: grid;
  grid-template-columns: 1fr;
}
.SL_content {
    position: relative;
				margin-bottom: 80px;
  }
.SL_content:last-child {
				margin-bottom: 0px;
  }
@media screen and (max-width: 480px) {
.SL_content {
				margin-bottom: 50px;
  }
}


.SL_ga-wrapper {		/* センター概要（2カラム） */
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 60px;

}
.SL_ga-content {
    position: relative;
}
.SL_ga-content .SL_ga_section {
    margin-bottom: 80px;
}

@media screen and (max-width: 1400px) {
.SL_ga-wrapper  {
 		 gap: 30px;
  }
}
@media screen and (max-width: 1100px) {
.SL_ga-wrapper  {
    grid-template-columns: 1fr;
 		 /*gap: 40px;*/
  }
}
@media screen and (max-width: 480px) {
.SL_ga-content .SL_ga_section {
    margin-bottom: 50px;
		}
}


/* サブメニュー（右側）※センター概要 */
.SL_ga-menu {
  width: 300px; /* 固定する幅 */
  position: sticky;
  top: 20px; /* 画面上部からの固定位置 */
  height: fit-content; /* 高さを中身に合わせる */
}
.SL_ga-menu_inner	{
  background: var(--color-card-bg);
  padding: 20px;
  border-radius: 20px;
		/*max-width: 300px;*/
		width: 100%;
}

@media screen and (max-width: 1100px) {
.SL_ga-menu {
		margin-top: -40px;
		width: 100% !important;
		position: static;
}
.SL_ga-menu_inner {
		max-width: 100% !important;
		width: 100% !important;
}
}
@media screen and (max-width: 480px) {
.SL_ga-menu {
		margin-top: -20px;
}
}

.menu_title {
  position: relative;
  padding: 0 0 0.85rem 0;
		color: var(--color-title);
  font-size: 1.2rem;
  margin-bottom: 15px;
		font-weight: bold;	
		display: flex;
		align-items:center;
		line-height: normal;
}
.menu_title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, var(--color-text), var(--color-text) 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, var(--color-text), var(--color-text) 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width: 480px) {
.menu_title {
  font-size: 1.1rem;
		line-height: 1.2;
  margin-bottom: 10px;
}
}

.menu_list {
  list-style-type: none;
  padding: 0.3em 0.2em;
		/*margin-bottom: 30px;*/
}
.menu_list li {
  /*display: flex;
  align-items: center;
  gap: 0 10px;*/
  position: relative;
  padding: 0em 0em .5em 1.7em;
		font-size: 1rem;
}
.menu_list li::before,
.menu_list li::after {
  position: absolute;
  content: '';
}
.menu_list li::before {
		top:0.2em;
  left: 0;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  background-color: var(--color-list-ya);
}
.menu_list li::after {
		top:0.6em;
  left: .6em;
  transform: translateX(-75%) rotate(-45deg);
  width: .3em;
  height: .3em;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

/* サブメニュー-箇条書き（disc） */
.menu_list li > ul {
  display:block !important;
		width: 100% !important;
		margin: .5em 0;
  list-style-type: disc !important;
  padding-left: .2em !important;
}
.menu_list li > ul li {
  padding: .3em .3em .3em 0 !important;
}
.menu_list li > ul li::marker {
  color: var(--color-list-marker);
  font-size: 1.1em;
}
.menu_list li > ul li::before,
.menu_list li > ul li::after {
  display: none !important;
}

@media screen and (max-width: 480px) {
.menu_list li > ul {
  padding-left: 1.6em;
}
.menu_list li > ul li	{
	font-size: 0.9rem;
	line-height: 1.6;
  padding: .2em .2em .2em 0;
}
}


/* タイトル（大見出し） */
.SL_section-title {
		color: var(--color-title);
  font-size: 2rem;
  margin-bottom: 30px;
  position: relative;
		font-weight: bold;	
		display: flex;
		align-items:center;
		line-height: normal;
}
.SL_section-title._detail {
	border-left: 5px solid var(--color-border);
	padding-left: 20px;
}
@media screen and (max-width: 898px) {
.SL_section-title {
  font-size: 1.8rem;
  margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.SL_section-title {
  font-size: 1.3rem;
}
}


/* -------------------------------------------------

運営委員会

------------------------------------------------- */

/* -------------------------------------------------

センター概要

------------------------------------------------- */
/* kouiki_address 表（2列）
================================================== */
table.SL_ga_table {
	width: 100%;
 border-spacing: 0 10px;
 box-sizing: border-box;
	border-collapse: separate;
}
table.SL_ga_table th	{
	/*background-color: #EEEEEE;*/
	background-color: var(--color-table-th);
 padding: 15px 20px;
	text-align:center;
	font-weight: 600;
	border-radius: 5px;
	vertical-align: middle;
	white-space: nowrap;
}
table.SL_ga_table td	{
 padding: 15px 0px 15px 30px;
	width: auto;
}
@media screen and (max-width: 640px)  {
table.SL_ga_table {
 border-spacing: 5px;
}
table.SL_ga_table th	{
	display: block;
	text-align: left;
 padding: 10px;
	margin-bottom: 5px;
	/*background-color:#ffffff;
	border-bottom: 3px solid #cccccc;*/
	border-bottom: 3px solid var(--color-border);
	border-radius:0px;
}
table.SL_ga_table th	{
	width:100%;
}
table.SL_ga_table td	{
	display: block;
 padding: 10px;
	width: 100%;
}
}
@media screen and (max-width: 480px)  {
table.SL_ga_table th	{
	font-size: 1rem;
}
table.SL_ga_table td	{
	font-size: 0.9rem;
}
}


/* table-箇条書き（丸数字+タイトル） */
.tb_listbox .org_num {
  display: flex;
  padding: .3em;
}
.tb_listbox .org_num .number {
  display:flex;
		justify-content: center;
		align-items: center;
  width: 1.2em;
		height: 1.2em;
  margin-right: 7px;
  border-radius: 50%;
  background-color: var(--color-list-num-bg);
  color: var(--color-list-num);
  font-weight: bold;
  font-size: 1em;
  line-height: 1.2em;
  text-align: center;
		margin-top: 3px;
}
.tb_listbox .org_num .title {
  font-weight: bold;
  font-size: 1rem;
		color: var(--color-list-title);
		flex: 1;
}

@media screen and (max-width: 480px) {
.tb_listbox .org_num {
  padding: .2em 0;
}
.tb_listbox .org_num .number {
  width: 1.2em;
		height: 1.2em;
  font-size: 1em;
  line-height: 1.2em;
		margin-top: 3px;
}
.tb_listbox .org_num .title {
  font-size: 1rem;
}
}

/* table-箇条書き（disc） */
.tb_listbox .org_list {
  list-style-type: disc;
  padding-left: 3.3em;
		margin-bottom: 10px;
}
.tb_listbox02 .org_list {
  list-style-type: disc;
  padding-left: 1.8em;
		margin-bottom: 10px;
}
.tb_listbox .org_list li,
.tb_listbox02 .org_list li{
  padding: .1em .1em .1em 0em;
}
.tb_listbox .org_list li::marker,
.tb_listbox02 .org_list li::marker {
  color: var(--color-list-marker);
  font-size: 1em;
}
@media screen and (max-width: 480px) {
.tb_listbox .org_list,
.tb_listbox02 .org_list	{
  padding-left: 1.6em;
}
.tb_listbox .org_list li,
.tb_listbox02 .org_list li	{
	font-size: 0.9rem;
	line-height: 1.6;
  padding: .2em .2em .2em 0;
}
}

/* table-箇条書き（pタグ） */
.tb_listbox p	{
	padding: 0 0 1em 2em !important;
}
.tb_listbox02 p	{
	padding: 0 0 1em .5em !important;
}
@media screen and (max-width: 480px) {
.tb_listbox p,.tb_listbox02 p	{
	padding: 0 0 1em 0em !important;
}
}




/* -------------------------------------------------

これまでの経緯

------------------------------------------------- */
/* 大枠-内側のタイトル（H2）※経緯 */
.organization_title_keii {
  position: relative;
  padding: 0 0 0.85rem 0;
		color: var(--color-title);
  font-size: 1.9rem;
  margin-bottom: 30px;
		font-weight: bold;	
		display: flex;
		align-items:center;
		line-height: normal;
		letter-spacing: 0.16em;
  background-image: linear-gradient(90deg, var(--color-border-keii-l) 0 110px, transparent 110px 120px, var(--color-border-keii-r) 0 120px);
  background-repeat: no-repeat;
  background-size: 100% 2px;
  background-position: bottom;	
}
@media screen and (max-width: 768px) {
.organization_title_keii {
  font-size: 1.6rem;
  background-image: linear-gradient(90deg, var(--color-border-keii-l) 0 90px, transparent 90px 100px, var(--color-border-keii-r) 0 100px);
}
}
@media screen and (max-width: 480px) {
	.organization_title_keii {
 	 font-size: 1.4rem;
 	 margin-bottom: 20px;
  background-image: linear-gradient(90deg, var(--color-border-keii-l) 0 80px, transparent 80px 90px, var(--color-border-keii-r) 0 90px);
	}
}


.SL-dl-wrapper {
    /*padding: 32px;*/
}
.SL-dl-list {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 160px 1fr;
    column-gap: 0px; /* 左右の隙間 */
}
.SL-dl-term,
.SL-dl-desc {
    padding: 15px 0;
    /*border-bottom: 1px solid var(--color-border-keii);*/
}
.SL-dl-term:first-of-type,
.SL-dl-desc:first-of-type {
    padding-top: 0;
}
/*.SL-dl-term:last-of-type,
.SL-dl-desc:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}*/
section:last-of-type .SL-dl-term:last-of-type,
section:last-of-type .SL-dl-desc:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

.SL-dl-term {
    font-weight: 700;
    font-size: 1.3rem;
    color: var(--color-title);
    margin-top: -.1em;
				letter-spacing: 0.1em;
    grid-column: 1; /* 必ず1列目に配置 */
}
.SL-dl-desc {
    margin: 0;
    line-height: 2;
    font-size: 1rem;
    /*font-weight: 500;*/
    grid-column: 2; /* 必ず2列目に配置 */
}
.SL-dl-desc a {
	text-decoration: underline !important;
}
.SL-dl-desc a:hover {
	text-decoration: none !important;
}
@media screen and (max-width: 1400px) {
	.SL-dl-wrapper {
    padding: 10px 20px!important;
	}
}
@media screen and (max-width: 1100px) {
	.SL-dl-list {
        /* スマホでは縦1列に変更 */
        grid-template-columns: 1fr;
    }

    .SL-dl-term,
    .SL-dl-desc {
        grid-column: 1; /* 全要素を1列目にまとめる */
        border-bottom: none; /* 個別の下線を消す */
        padding: 0;
    }

    .SL-dl-term {
        /*color: #2589d0;
        font-size: 0.9rem;*/
        margin-top: 20px; /* 行ごとの隙間 */
    }
    
    .SL-dl-term:first-of-type {
        margin-top: 0;
    }

    .SL-dl-desc {
        padding-top: 10px; /* dtとddの隙間 */
        padding-bottom: 20px;
  				  border-bottom: 1px solid var(--color-border-keii);
    }

    /*.SL-dl-desc:last-of-type {
        padding-bottom: 0;
        border-bottom: none;
    }*/
    section:last-of-type .SL-dl-desc:last-of-type {
        padding-bottom: 0;
        border-bottom: none;
    }
	
}
@media screen and (max-width: 768px) {
	.SL-dl-wrapper {
    padding: 0px 10px!important;
	}
	.SL-dl-wrapper section {
    margin-bottom: 30px !important;
	}
}
@media screen and (max-width: 480px) {
	.SL-dl-wrapper {
    padding: 0px !important;
	}
	.SL-dl-wrapper section {
    margin-bottom: 10px !important;
	}
.SL-dl-term {
    font-size: 1.2rem;
    margin-top: -.1em;
				letter-spacing: 0.1em;
}
.SL-dl-desc {
    font-size: 0.9rem;
}
}

.SL_dl_col {		/* 文章+写真（2カラム） */
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 60px;
}
@media screen and (max-width: 1300px) {
		.SL_dl_col  {
    grid-template-columns: 1fr;
 		 gap: 30px;
  }
}
@media screen and (max-width: 480px) {
		.SL_dl_col  {
 		 gap: 15px;
  }
}


/* -------------------------------------------------

サイトポリシー

------------------------------------------------- */
/* 大枠 */
.organization-box {
  background-color: var(--color-card-bg);
  border-radius: 20px;
  border: 3px solid var(--color-frame);
  box-shadow: 4px 4px 0px 0px var(--color-frame);
		margin-bottom: 50px;
}
.organization-box:last-child {
		margin-bottom: 0px;
}
.organization-box._p50 {
  padding: 50px;
}
.organization-box._p40 {
  padding: 40px;
}
.organization-box._p30 {
  padding: 30px;
}
.organization-box section,.organization-box .mt50 {
		margin-bottom: 50px;
}
.organization-box section:last-child,.organization-box .mt50:last-child {
		margin-bottom: 0px;
}
@media screen and (max-width: 1400px) {
.organization-box._p50 {
  padding: 40px 30px;
}
}
@media screen and (max-width: 1300px) {
.organization-box._p50 {
  padding: 30px 20px;
}
.organization-box._p40 {
  padding: 30px;
}
.organization-box._p30 {
  padding: 20px;
}
}
@media screen and (max-width: 898px) {
/*.organization-box {
  padding: 30px;
}*/
}
@media screen and (max-width: 480px) {
.organization-box {
  /*padding: 30px 20px;*/
		margin-bottom: 30px;
}
.organization-box section,.organization-box .mt50 {
		margin-bottom: 30px;
}
.organization-box._p40 {
  padding: 20px;
}
.organization-box._p30 {
  padding: 10px;
}
}


/* 大枠-文字サイズ */
.organization-box p	{
	line-height: 2;
}
.organization-box p a	{
	text-decoration: underline;
	font-weight: 500;
}
.organization-box p a:hover	{
	text-decoration: none;
}
@media screen and (max-width: 480px) {
.organization-box p	{
	font-size: 0.9rem;
	line-height: 1.8;
}
}

/* 大枠-箇条書き（内側余白） */
.organization__inner {
	padding: 1em .5em 1em .5em;
}
@media screen and (max-width: 898px) {
.organization__inner {
	padding: 1em 0;
}
}
@media screen and (max-width: 480px) {
.organization__inner {
	padding: 0.5em 0;
}
}

/* 大枠-内側（Pタグ） */
.p-1em p {
	padding: 0 0 .9em;
}


/* 大枠-箇条書き（丸数字+タイトル） */
.org_num {
  display: flex;
  /*align-items: center;*/
  padding: .3em;
}
.org_num .number {
  display:flex;
		justify-content: center;
		align-items: center;
  width: 1.6em;
		height: 1.6em;
  margin-right: 7px;
  border-radius: 50%;
  background-color: var(--color-list-num-bg);
  color: var(--color-list-num);
  font-weight: bold;
  font-size: 1em;
  line-height: 1.6em;
  text-align: center;
}
.org_num .title {
  font-weight: bold;
  font-size: 1.1rem;
		color: var(--color-list-title);
		flex: 1;
}
@media screen and (max-width: 480px) {
.org_num {
  padding: .2em 0;
}
.org_num .number {
  width: 1.2em;
		height: 1.2em;
  font-size: 1em;
  line-height: 1.2em;
		margin-top: 3px;
}
.org_num .title {
  font-size: 1rem;
}
}

/* 大枠-箇条書き（disc） */
.org_list {
  list-style-type: disc;
  padding-left: 4em;
}
.org_list li {
  padding: .3em .3em .3em 0;
}

.org_list li::marker {
  color: var(--color-list-marker);
  font-size: 1.1em;
}
@media screen and (max-width: 480px) {
.org_list {
  padding-left: 1.6em;
}
.org_list li	{
	font-size: 0.9rem;
	line-height: 1.6;
 padding: .2em .2em .2em 0;
}
}

/* 大枠-箇条書き（decimal） */
.org_list_de {
  list-style-type: decimal;
  padding-left: 4em;
}
.org_list_de li {
  padding: .3em .3em .3em .2em;
}
.org_list_de li::marker {
  color: var(--color-list-marker);
  font-size: 1.24em;
		font-weight: bold;
}
@media screen and (max-width: 480px) {
.org_list_de {
  padding-left: 1.6em;
}
.org_list_de li	{
	font-size: 0.9rem;
	line-height: 1.6;
 padding: .2em .2em .2em .2em;
}
}

/* 大枠-内側のタイトル（H2） */
.organization_title {
  position: relative;
  padding: 0 0 0.85rem 0;
		color: var(--color-title);
  font-size: 1.6rem;
  margin-bottom: 15px;
		font-weight: bold;	
		display: flex;
		align-items:center;
		line-height: normal;
}
.organization_title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, var(--color-text), var(--color-text) 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, var(--color-text), var(--color-text) 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (max-width: 898px) {
.organization_title {
  font-size: 1.4rem;
}
}
@media screen and (max-width: 480px) {
	.organization_title {
 	 font-size: 1.1rem;
			/*line-height: 1.2;*/
 	 margin-bottom: 10px;
	}
}

/* 大枠-内側のタイトル（H3） */
.organization_subtitle {
		color: var(--color-title);
  /*font-size: 1.6rem;*/
  /*margin: 15px 0;*/
		padding: .6em 0;
		font-weight: bold;	
		display: flex;
		align-items:center;
		line-height: normal;
}
@media screen and (max-width: 480px) {
	.organization_subtitle {
 	 font-size: 1rem;
	}
}

/* 丸数字（2つ以上横並び） */
.circle_num {
  display: inline-flex;
  padding: .3em;
}
.circle_num .number {
  display:inline-flex;
		justify-content: center;
		align-items: center;
  width: 1.6em;
		height: 1.6em;
  margin-right: 7px;
  border-radius: 50%;
  background-color: var(--color-list-num-bg);
  color: var(--color-list-num);
  font-weight: bold;
  font-size: 1em;
  line-height: 1.6em;
  text-align: center;
}
.circle_num .number:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 480px) {
.circle_num {
  padding: .2em;
}
.circle_num .number {
  width: 1.2em;
		height: 1.2em;
  font-size: 1em;
  line-height: 0.9em;
		margin-top: 3px;
}
}