@charset "utf-8";
/* ------------------------------------------------------------------ \*/
body	{
		}
/* ------------------------------------------------------------------- */


/* contents
--------------------------------------------------------------------- \*/
#contents { overflow:hidden;}

/* bread_list
--------------------------------------------------------------------- \*/
.bread_list { margin:0 0 17px 0; padding:8px 30px 7px 30px;}
.bread_list { background:#e7e7e7;}
	.bread_list span { font-weight:bold;}
	.bread_list a:hover { text-decoration: none;}
	

/* contents_area
--------------------------------------------------------------------- \*/
.contents_area { width:820px; margin:0 30px 0 30px; overflow:hidden;}
.contents_area { background:url(../../img/bg_001.gif) left top repeat-y;}



/* side_menu
--------------------------------------------------------------------- \*/
#side_menu { width:190px; margin:0; padding:0; float:left; text-align:center;}

	#side_menu dl { width:188px; margin:0 auto; padding:3px 0 0 0; text-align:left;}
/*	#side_menu dl { background-color:#798286;}*/
	#side_menu dt { margin:0; padding:8px 9px 8px 8px;}
	#side_menu dt { background:url(../../img/bg_009.gif) left top repeat-x; border-bottom:#cbcbcb solid 1px;}
	#side_menu dt a{ margin:0; padding:0 0 0 20px; display:block; color:#555555; font-weight:bold; text-decoration:none;}
	#side_menu dt a:hover{ text-decoration:underline;}

	#side_menu dd	{ margin:0; padding:0;}
	#side_menu dd 	{ background:url(../../img/line_004.gif) left bottom repeat-x;}

	#side_menu dd a		{ text-decoration:none;}
	#side_menu dd a:hover{ text-decoration:underline;}
	
	#side_menu ul	{ margin:0; padding:0;}
	#side_menu li	{ margin:0; padding:0; list-style:none;}

	.p-glNav{ width:190px; margin:0; padding:0; float:left; text-align:center;}
	.p-glNav__list{ display: flex; flex-direction: column; width:188px; margin:0 auto; padding:3px 0 0 0; text-align:left;}
	.p-glNavTitle { margin:0; padding:8px 9px 8px 8px; background-image: linear-gradient( 180deg, rgb(255,255,255) 0%, rgb(237,237,237) 50%, rgb(227,227,227) 100%); border-bottom:#cbcbcb solid 1px;}

	a.p-glNavTitle__transition{ margin:0; padding:0 0 0 20px; display:block; color:#555555; font-weight:bold; text-decoration:none;}
	a.p-glNavTitle__transition:hover{ text-decoration:underline;}

	/* side_menu_bg */
	.p-glNav__item{
		position: relative;
		text-decoration:none;
		border-bottom: #cbcbcb solid 1px;
	}
	a.p-glNav__transition{text-decoration:none; position: relative; background: #f4f4f4;}
	a.p-glNav__transition:link{ padding:9px 30px 9px 20px; display:block;}
	a.p-glNav__transition:visited{ padding:9px 30px 9px 20px; display:block;}
	a.p-glNav__transition:hover{ padding:9px 30px 9px 20px; display:block; color:#FFFFFF; font-weight:bold; background:#798286; text-decoration: underline;}
	a.p-glNav__transition:active{ padding:9px 30px 9px 20px; display:block; color:#FFFFFF; font-weight:bold; background:#798286;}
	a.p-glNav__transition::before{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 3px;
    height: 11px;
  }
	a.p-glNav__transition::after{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 10px;
    background: #4b2c0b;
    height: calc(tan(60deg) * 6px / 2);
    width: 4px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
	.js-glNavTrigger a.p-glNav__transition::after{
		content: none;
	}
	a.p-glNav__transition:hover::after{
		background: #fff;
	}
	a.p-glNav__transition.is-glNavCurrent{
		color: #fff;
		background:#798286;
	}
	a.p-glNav__transition.is-glNavCurrent::before,
	a.p-glNav__transition.is-glNavCurrent::after{
		background: #fff;
	}
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild .p-glNavChild__list{
		background: #798286;
	}
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild .p-glNavChild__transition{
		color: #f4f4f4;
	}
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild a.p-glNavChild__transition::before,
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild a.p-glNavChild__transition::after{
		background: #fff;
	}
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild .p-glNavChild__transition + .p-glNav__childOpenBtn + .p-glNavGrandChild a.p-glNavGrandChild__transition{
		color: #fff;
	}
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild a.p-glNavChild__transition + .p-glNav__childOpenBtn + .p-glNavGrandChild a.p-glNavGrandChild__transition::before{
		background: #fff;
	}
	a.p-glNavChild__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavGrandChild{
		background: #f4f4f4;
	}
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild a.p-glNavChild__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavGrandChild .p-glNavGrandChild__transition{
		color: #555;
	}
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild a.p-glNavChild__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavGrandChild .p-glNavGrandChild__transition::before{
		background: #798286;
	}
	.p-glNavChild__list{
		background: #f4f4f4;
	}
	.p-glNav__childOpenBtn{
    position: absolute;
    border: 1px solid #798286;
    width: 16px;
    height: 16px;
    top: 9px;
    right: 8px;
		cursor: pointer;
	}
	.p-glNav__childOpenIcon{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	.p-glNav__childOpenIcon--open{
		display: block;
		width: 10px;
		height: 2px;
		background: #798286;
	}
	.p-glNav__childOpenIcon--open::after{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		margin: auto;
		width: 2px;
		height: 10px;
		background: #798286;
	}
	.p-glNav__childOpenIcon--close{
		display: block;
		width: 10px;
		height: 2px;
		background: #798286;
	}
	.p-glNavChild__list{
		border-top: 1px solid #cbcbcb;
	}
	.p-glNavChild__item{
		position: relative;
	}
	.p-glNavChild__item:not(:last-child){
		border-bottom: 1px solid #cbcbcb;
	}
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild .p-glNavChild__list{
		border-top: 1px solid #a1a4a5;
	}
	a.p-glNav__transition.is-glNavCurrent + .p-glNav__childOpenBtn + .p-glNavChild .p-glNavChild__item:not(:last-child){
		border-bottom: 1px solid #a1a4a5;
	}
	.side_menu_bg_stay	{ margin:0; padding:0 0 10px 0; text-align:left;}
	.side_menu_bg_stay	{ background:url(../../img/bg_014.gif) left bottom no-repeat;}

	.p-glNav__item.is-glNavCurrent	{ margin:0; padding:0 0 10px 0; text-align:left; background:url(../../img/bg_014.gif) left bottom no-repeat;}
	
	.side_menu_bg_stay a:link	{ color:#FFFFFF; }
	.side_menu_bg_stay a:visited{ color:#FFFFFF; }
	.side_menu_bg_stay a:hover	{ color:#FFFFFF; }
	.side_menu_bg_stay a:active	{ color:#FFFFFF; }

	.p-glNav__item.is-glNavCurrent a.p-glNav__transition:link	{ color:#FFFFFF; }
	.p-glNav__item.is-glNavCurrent a.p-glNav__transition:visited{ color:#FFFFFF; }
	.p-glNav__item.is-glNavCurrent a.p-glNav__transition:hover	{ color:#FFFFFF; }
	.p-glNav__item.is-glNavCurrent a.p-glNav__transition:active	{ color:#FFFFFF; }

	.side_menu_bg	{ margin:0; padding:0; text-decoration:none;}
	
	.side_menu_bg a:link		{ padding:9px 20px; display:block;}
	.side_menu_bg a:visited		{ padding:9px 20px; display:block;}
	.side_menu_bg a:hover		{ padding:9px 20px; display:block; color:#FFFFFF; font-weight:bold;}
	.side_menu_bg a:hover		{ background:url(../../img/bg_010.gif) left top no-repeat;}
	.side_menu_bg a:active		{ padding:9px 20px; display:block; color:#FFFFFF; font-weight:bold;}
	.side_menu_bg a:active		{ background:url(../../img/bg_010.gif) left top no-repeat;}
	
	.side_menu_bg_stay	{ margin:0; padding:0 0 10px 0; text-align:left;}
	.side_menu_bg_stay	{ background:url(../../img/bg_014.gif) left bottom no-repeat;}
	
	.side_menu_bg_stay a:link	{ color:#FFFFFF; }
	.side_menu_bg_stay a:visited{ color:#FFFFFF; }
	.side_menu_bg_stay a:hover	{ color:#FFFFFF; }
	.side_menu_bg_stay a:active	{ color:#FFFFFF; }


	/* side_menu_bg_title */
	.side_menu_bg_title	{ margin:0; padding:0;}
	.side_menu_bg_title	{ background:url(../../img/bg_010.gif) left top no-repeat;}

	.side_menu_bg_title p	{ margin:0; padding:9px 20px; font-weight:bold;}
	.side_menu_bg_title p	{ background:url(../../img/line_007.gif) left bottom no-repeat;}

	.side_menu_bg_title a	{ display:block;}


	/* side_menu_bg_stay */
	.side_menu_bg_stay ul	{ margin:0; padding:0;}
	.side_menu_bg_stay li	{ background:url(../../img/bg_014.gif) left bottom no-repeat;}
	.side_menu_bg_stay li	{ margin:0; padding:0; list-style:none;}

	
	/* side_menu_bg_stay */
	.side_menu_bg_stay	{ margin:0; padding:0; text-decoration:none;}
	.side_menu_bg_stay	{ background:url(../../img/bg_016.gif) left top no-repeat; border-bottom:#cbcbcb solid 1px;}
	

	/* side_menu_02_bg */
	.side_menu_02_bg 	{ margin:0; padding:0 3px 0 8px; font-weight:bold; color:#FFFFFF;}
	.side_menu_02_bg	{ background:url(../../img/bg_012.gif) left top no-repeat;}
	.side_menu_02_bg a	{ padding:9px 20px; color:#FFFFFF !important; display:block;}

	a.p-glNavChild__transition{ font-weight: bold; color: #555; text-decoration: none; padding:9px 28px 9px 28px; display:block; position: relative;}
	a.p-glNavChild__transition::before{
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    left: 18px;
    width: 4px;
    height: 4px;
  }
	a.p-glNavChild__transition::after{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 10px;
    background: #4b2c0b;
    height: calc(tan(60deg) * 6px / 2);
    width: 4px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
	a.p-glNavChild__transition:hover{ color: #fff; background: #798286;}
	a.p-glNavChild__transition:hover::before,a.p-glNavChild__transition:hover::after{ background: #fff;}
	a.p-glNavChild__transition.is-glNavCurrent{
		color: #555!important;
		background: #f4f4f4;
	}
	a.p-glNavChild__transition.is-glNavCurrent::before,
	a.p-glNavChild__transition.is-glNavCurrent::after{
		background: #555!important;
	}

	/* side_menu_02_bg_stay */
	.side_menu_02_bg_stay 	{ margin:0; padding:0; text-align:left;}

	.side_menu_02_bg_stay ul	{ margin:0; padding:0;}
	.side_menu_02_bg_stay li	{ margin:0; padding:0; list-style:none; display:block;}

	.side_menu_02_bg_stay p	{ margin:0; padding:5px 20px 5px 28px; font-weight:bold; }
	.side_menu_02_bg_stay p	{ background:none; display:inline-block;}


	/* side_menu_03_bg_stay */
	.side_menu_03_bg_stay 	{ margin:0; padding:1px 10px 1px 40px;}
	.side_menu_03_bg_stay	{ background:url(../../img/bg_015.gif) left top no-repeat; }

	.side_menu_03_bg_stay a:link	{ color:#555555; font-weight:normal; display:block;}
	.side_menu_03_bg_stay a:visited	{ color:#555555; font-weight:normal; display:block;}
	.side_menu_03_bg_stay a:hover	{ color:#555555; font-weight:normal; display:block;}
	.side_menu_03_bg_stay a:active	{ color:#555555; font-weight:normal; display:block;}

	.p-glNavGrandChild{
		padding: 8px 0;
	}
	a.p-glNavGrandChild__transition { display: block; padding:1px 10px 1px 40px; color: #555; position: relative;}
	a.p-glNavGrandChild__transition.is-glNavCurrent { pointer-events: none; text-decoration: none;}
	a.p-glNavGrandChild__transition::before{
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 30px;
    width: 4px;
    height: 4px;
		border-radius: 50vh;
		background: #555;
  }
	a.p-glNavGrandChild__transition:hover	{ text-decoration: none;}



	/* side_menu_03_list */
	.side_menu_03_list	{ margin:5px 0 0 0; padding:0;}
	.side_menu_03_list	{ background:url(../../img/bg_014.gif) left bottom no-repeat;}



	/* side_menu_04_bg_stay */
	.side_menu_04_bg 	{ margin:0; padding:5px 10px 5px 30px;}
	.side_menu_04_bg	{ background:url(../../img/bg_017.gif) left top no-repeat; }

	.side_menu_04_bg a:link	{ color:#FFFFFF; font-weight:nomal; display:block; font-size:90%;}
	.side_menu_04_bg a:visited	{ color:#FFFFFF; font-weight:normal; display:block; font-size:90%;}
	.side_menu_04_bg a:hover	{ color:#FFFFFF; font-weight:normal; display:block; font-size:90%;}
	.side_menu_04_bg a:active	{ color:#FFFFFF; font-weight:normal; display:block; font-size:90%;}


	/* current_entry */
	.current_entry a { font-weight:bold !important;}

/* main_contents
--------------------------------------------------------------------- \*/
#main_contents 		{ width:610px; margin:0 0 16px 0; padding:0; float:right;}
#main_contents h2{
  line-height: 1.25;
  color: #fff;
  margin:0 0 13px;
  padding: 11px 11px 11px 23px;
  position: relative;
}
#main_contents h2::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  width: 5px;
  height: 11px;
  background: #fff;
}

/* contents_menu
--------------------------------------------------------------------- \*/
.contents_menu { margin:0 0 12px 0; padding:0 0 2px 0;_padding:0 0 20px 0;}
.contents_menu { background:url(../../img/line_001.gif) bottom left repeat-x; }


/* project_area
--------------------------------------------------------------------- \*/
.project_area { width:610px; margin:0 0 18px 0; padding:0 0 27px 0; overflow:hidden;}
.project_area { border-bottom:#cbcbcb solid 1px; } 


/* caption_area
--------------------------------------------------------------------- \*/
.caption_area { width:434px; float:left;}

.caption_area_02 { width:610px;}


/* cat_area
--------------------------------------------------------------------- \*/
.cat_area { width:610px; margin:0; padding:12px 0 18px 0; text-align:center;}

	.cat_area ul { margin:0; padding:0 14px; text-align:left; overflow:hidden;}
	/*.cat_area li { margin:0 10px 10px 0; padding:0 0 0 10px; float:left; list-style:none; white-space:nowrap;}*/
	.cat_area li {
		list-style:none outside none;
		margin:0 10px 10px 0;
		padding:0 0 0 10px;
		display: inline-block;
		width: 120px;
		vertical-align:top;
	}
	html*.cat_area li {
		display:inline;
		zoom:1;
	}

	.cat_area li { background:url(../../img/icon_005.gif) left 4px no-repeat;}
	.cat_area li a { text-decoration:none !important; }
	.cat_area li a:hover { text-decoration:underline !important;}

	.cat_area p { margin:0 0 15px 0; padding:0 0 0 32px; font-weight:bold; text-align:left;}
	.cat_area p a { margin:0; padding:0; text-decoration:none !important; color:#555555 !important;}
	.cat_area p a:hover { text-decoration:underline !important;}


/*
	.cat_area table { width:586px; margin:0 auto; padding:0; font-size:inherit; font-size:100%; text-align:left;}
	.cat_area td { width:120px; margin:0; padding:5px 5px 5px 10px; vertical-align:top;}
	.cat_area td { background:url(../../img/icon_005.gif) left 9px no-repeat;}


*/

/* pagetop
--------------------------------------------------------------------- \*/
.pagetop_area { width:880px; margin:0 auto; padding:0 0 40px 0;}
.pagetop_area { background:#FFFFFF}

.pagetop { width:820px; margin:0 auto; padding:13px 0 0 0; text-align:left; overflow:hidden;}
.pagetop { background:url(../../img/bg_011.gif) left top no-repeat;}

.pagetop a { width:60px; margin:0; padding:0 0 0 10px; float:right; display:block; text-decoration:none !important;}
.pagetop a { background:url(../../img/icon_006.gif) left 3px no-repeat;}
.pagetop a:hover { text-decoration:underline !important;}





/* search_result
--------------------------------------------------------------------- \*/
.search_result	{ width:610px; margin:0; padding:0;}

	.search_result_data { width:610px; margin:0 0 7px 0; padding:0 0 0 15px; font-weight:bold;}
	.search_result_data { background:url(../../../../jphc/img/icon_001.gif) left 2px no-repeat;}


	.search_result table { width:610px; margin:0; padding:0; border-collapse: collapse;_font-size:100%;}
	.search_result table { border:#cbcbcb 1px solid;}

	.search_result th { margin:0; padding:8px; text-align:center; vertical-align:top; font-weight:normal;} 
	.search_result th { background:#f4f4f4; border:#cbcbcb 1px solid;}

	.search_result td { margin:0; padding:8px;}
	.search_result td { border:#cbcbcb 1px solid;}

	.search_result span { margin:0 5px 0 0; padding:0 0 0 10px; text-align:left;} 
	.search_result span { background:url(../../img/icon_004.gif) left 5px no-repeat;} 

	.search_result td.no	{ width:20px; margin:0; padding:8px; text-align:center;}
	.search_result td.article	{ width:445px; margin:0; padding:8px; text-align:left;}
	.search_result td.article_day	{ width:100px; margin:0; padding:8px; text-align:center;}
		
		.search_result ul { margin:0; padding:0; list-style:none;}
		.search_result li { margin:0 0 3px 0;}

	.search_result img { vertical-align:middle;} 

	.search_result p { margin:5px 0 0 10px; padding:0;}



.cts_sub_title a { text-decoration:none !important; color:#444444;}
.cts_sub_title a:hover { text-decoration:none !important; color:#444444;}

.jap_area { margin:0 0 5px 0; padding: 0 0 5px 0;}
.jap_area { background:url(../../img/line_008.gif) center bottom no-repeat;}

.jap_area table { width:410px !important; margin:0 0 0 20px !important; border:none !important; font-size:100% !important;}
	.jap_area th { padding:2px 2px 2px 0 !important; font-weight:bold !important;}
	.jap_area th { background:none !important; border:none !important;}
	.jap_area td { padding:2px 2px 2px 0 !important;}
	.jap_area td { background:none !important; border:none !important;}
	

.magazine_bnr { margin-top:10px;}
.cancell_link { text-align:center;}

.p-topInfo{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 4px;
}

.p-topInfo__item{
	display: flex;
}

.p-topInfo__date{
	width: 84px;
}

.p-topInfo__category{
	padding: 0 7px;
	width: 115px;
}

.p-topInfo__title{
	padding: 0 7px;
}

.p-topInfo__transition{
	display: block;
	width: 375px;
	background: url(../../img/icon_004.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
}

@media screen and (max-width:880px){
  body.is-spNavOpen{
		position: relative;
	}
  body.is-spNavOpen::after{
		content: "";
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		background: rgba(0, 0, 0, 0.3);
	}
  .bread_list{
    margin-top: 70px;
  }
	.p-glNav,
	.p-glNav__list,
  .contents_area,
  .caption_area,
  #side_menu dl,
  #main_contents,
  .pagetop_area,
  .pagetop,
  .project_area,
	.caption_area_02{
    width: 100%;
		box-sizing: border-box;
  }
  .contents_area{
    margin: 0;
    background: none;
    padding: 0 17px 17px 17px;
    box-sizing: border-box;
  }
  #side_menu{
    background: #f4f4f4!important;
    position: fixed;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    padding-bottom: 18px;
    z-index: 70;
    overflow-y: auto;
  }
	.p-glNav__childOpenBtn{
		display: block;
		width: 24px;
		height: 24px;
		top: 5px;
		right: 5px;
	}
  #main_contents{
    float: none;
  }
  .side_menu_bg a:hover{
    background: inherit;
    color: #1284bd;
  }
  .side_menu_bg_title{
    background: inherit;
  }
  .side_menu_bg_stay{ background: #798286;}
  .side_menu_bg_title p{
    position: relative;
    background: none;
  }
  .side_menu_02_bg,
  .side_menu_bg_stay li{
    background: none;
  }
  #side_menu dd a{
    position: relative;
  }
  #side_menu dd .side_menu_bg_title p a{
    position: static;
  }
  #side_menu dd a::before{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 3px;
    height: 11px;
  }
  #side_menu dd .side_menu_02_bg a::before{
    width: 4px;
    height: 4px;
    background: #fff;
  }
  #side_menu dd a::after{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 20px;
    background: #4b2c0b;
    height: calc(tan(60deg) * 6px / 2);
    width: 4px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
  #side_menu dd .side_menu_02_bg a::after{
    background: #fff;
  }
  #side_menu ul{
    border-top: 1px solid #a1a4a5;
  }
  #side_menu li{
    border-bottom: 1px solid #a1a4a5;
  }
  .pagetop{
    background: none;
    position: relative;
    z-index: 69;
  }
  .pagetop a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    color: #fff;
    position: fixed;
    bottom: 24px;
    right: 24px;
    background: #045680;
    padding: 32px 0 16px;
  }
  .pagetop a::after{
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 0;
    left: 0;
    margin: auto;
    background: #fff;
    height: calc(tan(60deg) * 10px / 2);
    width: 10px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  .cat_area li{
    width: auto;
    margin: 0 16px 16px 0;
  }
	#side_menu dd .side_menu_03_dl_stay li:not(:first-child){
		margin-top: 8px;
	}
	.p-topInfo{
		font-size: 93%;
		gap: 8px;
	}
	.p-topInfo__item{
		flex-wrap: wrap;
	}
	.p-topInfo__title{
		padding: 0;
		width: 100%;
	}
	.p-topInfo__transition{
		width: inherit;
		box-sizing: border-box;
	}
}

@media screen and (max-width:480px){
  #main_contents h2{
    font-size: 1.2em;
  }
  .bread_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
  }
}