@charset "UTF-8";

#oncology-top.container_liquid #Link-list ul.oncology-contents_list li a.blank:hover{ background-color: rgba(12, 72, 155, 0.6); color: rgba(12, 72, 155, 0.6); transition: none; text-decoration: none; }
#oncology-top.container_liquid #Link-list ul.blank li a{position:relative;}
#oncology-top.container_liquid #Link-list ul.blank li .click-on-text{opacity:0; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#oncology-top.container_liquid #Link-list ul.oncology-contents_list li a.blank:hover .click-on-text{opacity:1;}
#oncology-top.container_liquid #Link-list ul.oncology-contents_list li span.click-on-text{width: 85%; background-color: transparent; border: none; color: white;}

/*side-follow サイト追従ナビ*/
#right-nav dl dd ul li {border:none;}
#right-nav dl dd h1{font-size: 1.5rem; font-weight: bold;}
#right-nav dl dd{border-bottom: 1px solid #e8e8ea;}
.l-main_contents.two-colum .l-inner-main #right-nav .nav dl dd{padding: 6px 6px;}
#right-nav dl dd ul li{padding: 0 12px;}
.l-main_contents.two-colum .l-inner-main #right-nav .nav dl dd ul li:not(:last-child){padding-bottom: 5px;}
.l-main_contents.two-colum .l-inner-main #right-nav .nav dl{border:none;}
#frontline #right-nav dl.page-frontline dt a {background-color: #0c499c; color: #fff;}
#right-nav dl dd .hanging li:nth-child(3){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(4){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(5){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(6){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(7){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(8){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(9){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(10){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(11){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(12){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(13){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(14){margin-left: 3em; text-indent: -3em;}
#right-nav dl dd .hanging li:nth-child(15){margin-left: 3em; text-indent: -3em;}
/*infection top*/
html {
  scroll-padding-top: 80px;
}
.header_align{
	display: flex;
	align-items: center;
}
.Page_title.bg-infection{
    background-image: url(../images/bg-title-picture.jpg);
    background-size: cover;
}
.infection_ttl{
	margin-top:20px;
	margin-bottom:0 !important;
}
.infection_banner_display{
	flex-wrap: wrap;
    display: flex;
}
.sp1{
	display:block;
}
@media screen and (max-width:1104px) {
	.sp1{
	display:none;
	}
}
.sp2{
	display:block;
}
@media screen and (max-width:767px) {
	.sp2{
	display:none;
	}
}
	

/*見出しの幅 横2個*/
.wrap_display_two{
	display:flex;
	position: relative;
	width:49%;
}
/*見出し2個コンテンツの間*/
.two_col_mar{
	margin-right:2%;
}
/*見出し2個コンテンツの下*/
.infection_banner_display .wrap_display_two:nth-child(-n+2) {
    margin-bottom: 20px;
}

/*見出しの幅 横3個*/
.wrap_display_three{
	display:flex;
	position: relative;
	width:33%;
}
/*見出しの間隔 横3個の場合*/
.infection_banner_display.three div:nth-of-type(3n-1){
	margin:0 0.5%;
}
.infection_banner_display.three>div:nth-of-type(-n+9){
	margin-bottom:5px;
}
/*マルチディスプレイ*/
@media screen and (max-width:768px) {
	.infection_banner_display{
	display:block;
	}
	.wrap_display_two{
	width:100%;
	margin:5px 0 !important;
	}
	.wrap_display_three{
	width:100%;
	margin:5px 0 !important;
	}
}	
/*リンク*/

.wrap_display_two a,.wrap_display_three a{
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
/*インデント1文字*/
.text_indent_1{
	text-indent:-1em;
	padding-left:1em;
}
/*文字フォント18px*/ 
.font_size_18{
	font-size:18px !important; 
}
/*文字フォント20px 太字*/ 
.ict div,.ict h5,.infec_cont h5{
	font-size:20px;
	font-weight:bold;
}
/*文字フォント16px 太字*/ 
.infec_cont div{
	font-size:16px;
	font-weight:bold;
}
/*文字フォント19px 太字*/ 
.special h5{
	font-size:19px;
	font-weight:bold;
}
/*文字フォント16px*/ 
.infec_cont div p,.special div p{
	font-size:16px;
	font-weight:normal;
}
/*ICT・ASTのご紹介 四角の見出し*/
.circle_area,.square_area,.square_display,.square{
	display:flex;
}
.square_display,.square{
	width:150px;
}
.square{
	display:flex;
	text-align:center;
	justify-content: center;
	align-items:center;
	background-color:#ED7D31;
	border-right:5px solid #ED7D31;
	border-bottom:5px solid #ED7D31;
}
/*Infection Control	丸い見出し*/	
.circle_display{
	display:flex;
	width:100px;
	justify-content: center;
	align-items: center;
}
.circle {
    width: 50px;
    height: 50px; 
    border-radius: 50%; 
    margin: 0 auto;
    text-align: center;
    line-height: 50px;
    filter: drop-shadow(5px 5px 5px #4e4e4e);
}
/*特別号の見出し*/
.icon_wrapping{
	width:100px;
}
.icon_area{
	background-image:url(../images/icon_special_blue_back.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	height:0%;
	padding-top:100%;
}
.sp_display{
	display:flex;
}
.special_text_area{
	display:flex;
	align-items:center;
}
@media screen and (max-width: 767px){
	.icon_wrapping{
		display:none;
	}
}
		

/*ICTと特別号の見出し文字の余白調節*/
.ict .text_display{
	margin-left:20px;
}
.special h5{
	margin:5px;
}
.sp_dr{
	margin-left:5px;
}
.circle_color_green{
	background-color:#169C38;
}
.circle_color_purple{
	background-color:#BA208E;
}
.circle_color_blue{
	background-color:#2c2a7c;
}
.circle_color_orange{
	background-color:#ED7D31;
}
.circle_color_pink{
	background-color:#f070aa;
}
.circle_color_purple2{
	background-color:#9933FF;
}
.text_display p{
	text-indent: -3em;
	padding-left: 3em;
}
.text_area{
    padding: 0 10px 0 0;
    display: flex;
    align-items: center;
}
/*テキストエリアのみの場合の左余白*/
.text_area_left_m{
	margin-left:10px;
}
.l-inner-main.main_font_adj{
	font-family: "Noto Sans Japanese" !important;
}
/*余白の調整*/
#Link-list{
	margin-bottom:30px;
	padding:30px 0;
}
.content_bottom{
	margin-bottom:50px;
}
/*囲んだ線の色と背景の色*/
.border_orange{
	background-color:white;
	border:5px solid #ED7D31;
}
.border_blue{
	background-color:white;
	border:5px solid #0c489b;
}
/*図形の中の文字の色*/
.shapes_text_color{
	color:white;
	font-weight:bold;
}
/*図形の高さ*/
.min_height{
	min-height:115px;
}
/*クリックオン時*/
.border_orange:hover{
	background-color:#ED7D31;
}
.border_orange:hover .text_area{
	color:white;
}
.special.border_blue:hover{
	background-color:#0c489b;
}
.special.border_blue:hover h5,.special.border_blue:hover p{
	color:white;
}
/************************************/
/*********クリックオン***************/
/************************************/
.border_blue.active:hover{
	background-color:#169C38;
	}
.border_blue.active:hover .text_area{
	color:white;
}
.border_blue.active.bg_purple:hover{
	background-color:#BA208E;
}
.border_blue.active.bg_orange:hover{
	background-color:#ED7D31;
}
.border_blue.active.bg_pink:hover{
	background-color:#f070aa;
}
.border_blue.active.bg_pink:hover{
	background-color:#f070aa;
}
.border_blue.active.bg_purple2:hover{
	background-color:#9933FF;
}
/**************************************/
/**************ここまで*:**************/
/**************************************/
/*お知らせコードコピー*/
.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item:first-child a{
  border-top: 1px solid #CCC;
}:
.news-list .item .date{
  margin: 0;
  min-width: 140px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .category{
  margin: 0;
  min-width: 140px;
  padding: 0 20px 0 0;
}
.news-list .item .category span{
  background: #999;
  color: #FFF;
  text-align: center;
  display: inline-block;
  padding: 5px 20px;
  font-size: 12px;
  line-height: 1;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .title{
  color: #00F;
}

@media screen and (max-width: 767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}

/* 装飾 */
 
*{
  box-sizing: border-box;
}
a{
  text-decoration: none;
}
body{
  margin: 20px;
}

/**************************************************/
/**************コンテンツ非表時に表示**************/
/**************************************************/
/*coming soon*/
.coming{
	display:none;
	z-index:200;
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size:50px !important;
	color:white;
	font-weight: bold !important;
	line-height: 1em;
	text-align: center;
}
.border_blue:hover .coming{
	display:block;
}
/*Infection control背景*/
.infec_cont .link_out::before{
	z-index:100;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
/*Infection con 特別号 背景は無効です*/
/*
.special .wrap_display_two::before{
	z-index:100;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.5);
}
*/

/*サイドナビcoming soonの位置*/
.hanging.infection li{
	position:relative;
}
.hanging.infection li p{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*
.hanging.infection li:nth-child(5) p{
	display:none;
}
.hanging.infection li:nth-child(5):hover a{
	visibility: hidden;
}
#right-nav dl dd .hanging li:nth-child(5):hover{
	margin-left: 0em;
	text-indent: 0em;
}
.hanging.infection li:nth-child(5):hover p{
	display:block;
}
.hanging.infection li:nth-child(6) p{
	display:none;
}

.hanging.infection li:nth-child(6):hover a{
	visibility: hidden;
}
#right-nav dl dd .hanging li:nth-child(6):hover{
	margin-left: 0em;
	text-indent: 0em;
}
.hanging.infection li:nth-child(6):hover p{
	display:block;
}
.hanging.special li:nth-child(1) p{
	display:none;
}
.hanging.special li:nth-child(1):hover a{
	display:none;
}
.hanging.special li:nth-child(1):hover p{
	display:block;
}
*/
/**************************************************/
/****************ここまで*************************/
/************************************************/
/*-----ICT・ASTのご紹介-----*/
/*北里病院スタッフ画像*/
.staff_list_flex{
	display:flex;
}
@media screen and (max-width:767px){
	.staff_list_flex{
	display:block;
	}
} 
.staff_list_block{
	display:block;
}
.staff_list_border{
	border:5px solid #ED7D31;
}
.staff_list_padding{
	padding:10px;
}
.staff_list .staff_list_center{
	text-align:center;
}
.half_size{
	margin: 0 25%;
}
.one_size{
	margin:0 37.5%;
}
@media screen and (max-width:767px){
	.half_size,.one_size{
	margin:0;
	}
} 
.staff_name_left{
	display:inline-block;
	text-align:left;
	text-indent:0 !important;
}
.text_centering{
	text-align:center;
}
.staff_list div{
	margin:10px;
}
/*フォント調節*/
.font_adj{
	font-family: メイリオ, Meiryo, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
/*ヘッダー文字色調整*/
.header_color_adj{
	color:white !important;
}
/*ヘッダー画像*/
.original_wrapping{
	background-color: #ED7D31;
}
.font_b{
 font-weight:bold;
}
.line_h_33{
	line-height:3.3rem;
}
#low-visual.container_liquid.original{
	display:flex;
	background-color: #ED7D31;
	max-width:1200px;
	margin:0 auto;
	padding:15px 10px;
}
#low-visual.container_liquid.original .Page_title-inner.text_area{
	width:50%;
}
#low-visual.container_liquid.original .image_area{
	width:50%;
	display:flex;
	justify-content: center;
	align-items: center;
}
#low-visual.container_liquid.original .image_area img{
	width:100%;
}
.ttl_022{
	font-size:2.2rem;
}
.ttl_027{
	font-size: 2.7rem;
}
.txt_ind{
	text-indent:1em;
}
@media only screen and (max-width: 767px) {
#low-visual.container_liquid.original .Page_title-inner.text_area{
	width:100%;
	}
#low-visual.container_liquid.original .image_area{
	display:none;
	}
#low-visual .Page_title-header{
	padding:10px;
	}
}
/*ヘッダー画像レスポンシブ*/
@media only screen and (max-width: 1100px) {
	#low-visual.infection{
	background-image: none;
	}
}
/*ICT・ASTのご紹介 回り込み調整*/
.image_float_right{
	float:right;
}
.clear{
	clear:both;
}
.image_float_left{
    float:left;
}
.left_m20{
	margin-left:20px;
}
.right_m20{
	margin-right:20px;
}
.bot_m20{
	margin-bottom:20px;
}
.w400p{
	width:400px;
}
.w600p{
	width:600px;
}
.w100per{
	width:100%;
	}
.w65per{
	width:65%;
}
@media only screen and (max-width: 767px) {
.left_m20{
	margin-left:0px;
	}
.right_m20{
	margin-right:0px;
	}
.w400p,.w600p{
	width:100%;
	}
}	
/*flexbox順番調整*/
.flex_rever{
	flex-flow:row !important;
}
/*flexbox順番調整後テキスト左余白*/
.text_margin_left{
	margin-left:20px;
}
@media only screen and (max-width: 767px) {
.text_margin_left{
	margin-left:0;
 }
}

/*上下余白の調整*/
.bottom_space{
	margin-bottom:50px !important;
}
/*文字斜体*/
.itl{
	font-style:italic !important;
}
/*サイドナビ*/
#right-nav dl.page-infection dt a{
	background-color:#ED7D31;
	color: white;
	pointer-events: none;
}

/*関連インフォ非表示*/
/*
.m-card.card-caption .caption-info:before{
	opacity:0.5;
} 
.non_active.m-card.card-caption:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.non_active.m-card.card-caption{
	margin-bottom:0;
}
.announce{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	font-size: 60px;
	color: white;
	font-weight:bold;
	text-align:center;
}
.col-pc-4.col-tb-2{
	position: relative;
}
@media only screen and (min-width: 767px){
	.announce_s{
	display:none;
	}
}

@media only screen and (max-width: 767px){
	.announce{
	display:none;
	}
	.announce_s{
	display:inline;
	color: white;
	font-weight:bold;
	}
}
*/
/*-----Infection Control-----*/
/*監修肩書*/
.Page_title-text.dr-title{
	margin:0;
	text-indent:-3em;
	padding-left:3em;
}
.dr-name{
	padding-left:3em;
}
/*メインビジュアル*/
#low-visual.container_liquid.original.green{
	background-color:#169c38;
}
#low-visual.container_liquid.original.purple{
	background-color:#BA208E;
}
#low-visual.container_liquid.original.pink{
	background-color:#f070aa;
}
#low-visual.container_liquid.original.purple2{
	background-color:#9933FF;
}
.original_wrapping_green{
	background-color:#169c38;
}
.original_wrapping_purple{
	background-color:#BA208E;
}
.original_wrapping_orange{
	background-color:#ED7D31;
}
.original_wrapping_pink{
	background-color:#f070aa;
}
.original_wrapping_purple2{
	background-color:#9933FF;
}	
/*h3のmargin-bottomを0*/
.l-main_contents.two-colum .l-inner-main .ttl_04 {
	margin-bottom:0 !important;
}
/*p要素のインデントと段落余白なし*/
#infection_control_01 .left-contents .display_flex_jcsb_rv.mbType02 div p,
#infection_control_01 .left-contents p,
#anti_st .left-contents p{
	text-indent:1em;
	margin-bottom:0 !important;
}
/*p要素の子要素が画像、ind_0の場合インデントなし*/
#infection_control_01 .left-contents p.img,#infection_control_01 .left-contents p.ind_0,.left-contents p,#anti_st .left-contents p.img{
	text-indent:0em;
}

/*各sectionの余白は60px*/
.section_wrapping{
	margin-bottom:60px;
}
/*引用インデント*/
#infection_control_01 .left-contents .reference p{
	text-indent:-1.5em;
	padding-left:1.5em;
}
#infection_control_01 .left-contents .reference p.two_digits{
	text-indent:-2em;
	padding-left:2em;
}
/*画像の幅500px*/
.img_w500{
	width:500px;
}
/*sectionの上30px*/
.mt30{
	margin-top:30px;
}
/*文字の色薄青*/
.b_t{
	color:#38b5ee;
	font-weight:bold;
}
/*英語改行の調整*/
.word_break{
	word-break:break-all;
}


/*-----コラム-----*/
.section_column{
	display:flex;
	background-color:#d3edfb;
	padding:20px;
}
.section_column.one{
	display:block;
}
#infection_control_01 .left-contents .section_column.one .img{
	text-indent:0;
}
.section_column .left{
	width:30%;
	display:flex;
	align-items: center;
}
.section_column .right{
	width:70%;
	margin-left:10px;
}
.section_column .left .img{
	text-indent:0 !important;
}
.flex_title span{
	display:block;
	color: white;
	display: block;
	width: 100px;
	background-color: #0053a6;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:10px;
	margin-right:10px;
}
.flex_title{
	display:flex;
	font-family: "Noto Sans Japanese";
	font-size:1.3em;
	margin-bottom:10px;
	font-weight:bold;
}
.flex_title h4{
	height:50px;
	line-height:50px;
	color: #0053a6;
	font-weight:bold;
}
.flex_col{
	flex-direction: column;
}
@media only screen and (max-width: 767px){
.section_column .flex_title{
	display:block;
	}
.section_column .left{
	display:none;
	}
.section_column .right{
	width:100%;
	}
.section_column .flex_title h4{
	height:auto;
	line-height:normal;
	}
}

/*infection control 特別号*/
#low-visual.container_liquid.original.blue{
	background-color:#2c2a7c;
}
.original_wrapping_blue{
	background-color:#2c2a7c;
}
#low-visual.container_liquid.original.sp_green{
	background-color:#035E35;
}
.original_wrapping_sp_green{
	background-color:#035E35;
}
.title_ind{
	margin-left:3em;
	text-indent:-3em;
}
.center_alg{
	display:block;
	text-align:center;
}
.d_b{
	font-weight:bold;
	color:#112885;
}
.b_orange{
	font-weight:bold;
	color:#e8a000;
}
.mt20{
	margin-top:20px;
}
.list_n li{
	list-style-type: decimal;
	list-style-position: inside;
	font-size:0.8em;
}
.t_r{
	text-align:right;
}
.image_float_special{
	display:none;
}
@media only screen and (max-width: 767px){
	.image_float_right.special{
	display:none;
	}
	.image_float_special{
	display:block;
	}
}
/*infection cotrol vol8の症例紹介*/
.case_report_border{
	border:2px solid #00a0d3;
	background-color:#fffde6;
	border-radius:10px;
	padding:0 20px 5px;
}
.case_report_title{
	background-color:#00a0e9;
	width:150px;
	text-align:center;
	font-weight:bold;
	font-size:large;
	color:white;
	padding:3px;
	border-radius:0 0 10px 10px;
	margin-bottom:10px;
}
.case_report_name{
	font-size:large;
	font-weight:bold;
	margin-bottom:10px;
}
.case_report_opi{
	font-weight: bold;
	color: #ea6598;
	font-size: large;
}
.hr1{
	visibility: visible;
	border-top: 3px solid #ea6598 ;
	width: 100%;
}
.case_report_detail{
	margin:10px 0;
}
.first_line{
	text-indent:0 !important;
}
.text_color_blue{
	color:#0053a6;
	font-weight:bold;
}
.case_report_discussion{
	margin:30px 0;
}
.attach{
	border:2px solid black;
	padding:15px;
	margin-bottom:30px;
}
.attach p,.other p{
	text-indent:0 !important;
}
.bold_large{
	font-weight:bold;
	font-size:12px;
}
.attach_text{
	font-size:10px;
}
.other{
	margin-bottom:5px;
}
.column_img{
	width: 250px;
	float: left;
	margin-right: 20px;
}

.l-main_contents.two-colum .l-inner-main .left-contents img.column_img_sp02 {
  max-width: 300px;
  width: auto;
  height: auto;
  display: block;
}

.l-main_contents.two-colum .l-inner-main .left-contents img.column_img_sp02.right_m20_sp02 {
  float: right;
  margin: 0 0 20px 20px;
}

@media (max-width: 767px) {
  .l-main_contents.two-colum .l-inner-main .left-contents img.column_img_sp02 {
    width: 100%;
    max-width: none;
  }
  .l-main_contents.two-colum .l-inner-main .left-contents img.column_img_sp02.right_m20_sp02 {
    float: none;
    margin: 10px 0;
  }
}



/************************************
******infection cotrol vol9 、10*****
*************************************/
/*タイトルの下部*/
.title-bottom-vol9{
	margin-bottom:5px;
}
/*監修肩書*/
.Page_title-text.dr-name-vol9{
	margin:0;
	font-size:12px;
}
/* 監修者の画像3枚横並び */
.postcard-list {
  display: flex;
  gap: 10px;               
  justify-content: center; 
  align-items: stretch;   
  flex-wrap: wrap;        
  margin: 20px auto;
  max-width: 1200px;
}
.postcard {
  display: flex;
  flex-direction: column; 
  width: calc((100% - 20px) / 3); 
  min-width: 260px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.postcard > img {
  width: 100%;
  height: 220px; 
  object-fit: cover;
  display: block;
}
.postcard-text {
  padding: 8px 7px;
  text-align: center;
  line-height: 1.6;
  color: #111827;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.postcard-text p:first-child {
  font-size: 0.95rem;
  margin: 0 0 8px;
}
.postcard-text p:last-child {
  font-size: 1.05rem;
  margin: 0;
}
.bold_big_name {
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: 0.02em;
}
/* 監修者の画像3枚横並びのレスポンシブ */
@media (max-width: 992px) {
  .postcard {
    width: calc((100% - 10px) / 2); 
  }
  .postcard > img {
    height: 200px;
  }
}
@media (max-width: 600px) {
  .postcard {
    width: 100%; /* 1列縦積み */
  }
  .postcard > img {
    height: 180px;
  }
}

#sec1 .centered-text {
  text-align: center; /* 横位置を中央揃え */
}

#sec1 .rounded-underline {
  position: relative;
  display: inline-block; /* 下線をテキスト幅に合わせる */
  font-size: 32px;       /* フォントサイズを32pxに設定 */
  font-weight: bold;     /* 必要なら太字 */
  color: #69318f;        /* テキストの色（お好みで変更） */
  margin-bottom: 1em;    /* 下の段落との余白 */
}

#sec1 .rounded-underline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.15em;       /* 下線の位置を微調整 */
  height: 6px;           /* 下線の太さ */
  background: #69318f;   /* 下線の色 */
  border-radius: 999px;  /* 丸い端 */
}

.t-ind-adj-0{
	text-indent:0 !important;
}

ul.marker-blue{
	padding-left:1.4em;
}
/* 既存：li { list-style: none; } 上書き */
ul.marker-blue li {
  list-style: disc;
}

/* ::marker で色とサイズを指定 */
ul.marker-blue li::marker {
  color: #00a0e9;
  font-size: 1.4em;
}

.bot_m60{
	margin-bottom:60px;
}

h1.ttl_v9{
	border-left:10px solid #38b5ee;
	color: #69318f;
}


.profile-float .float-photo {
  float: left;
  width: 250px;           /* 固定幅（調整可） */
  height: auto;
  margin-right: 16px;     /* テキストとの間隔 */
}

.profile-float .float-text {
  margin: 0;
  line-height: 1.7;
  text-indent: 0 !important;         /* 既存CSSの段落インデント対策 */
}

/* 回り込み解除（次のブロックが浮動要素の横へ来ないように） */
.clearfix {
  clear: both;
}


@media (max-width: 420px) {
  .profile-float .float-photo {
    width: 100%;
  }
}

.profile-float img.float-photo.fl-r {
  float: right; 
  width:300px;
  height: auto;
  margin-left: 16px;
  margin-right: 0;
  display: block;   /* ブロック化して縦積みを安定させる */
}
.fl-b5{
	margin-bottom:5px;
}

/* 2枚目以降の右浮動画像は「右側で改行」して縦に積む */
.profile-float img.float-photo.fl-r + img.float-photo.fl-r {
  clear: right;
}
.clearfix {
  clear: both;
}
.bold_big_name{
	font-size:25px;
	font-weight:bold;
}
.v10-mar{
	margin:20px auto;
}
.color_b{
	font-weight: bold;
	color:#0053a6;
}


@media screen and (max-width: 1024px) {
	.w350 {
	width: 100% !important;
	}
}

/* antist3 */
#anti_st3 .staff_list_flex{
	margin:10px;
}
#anti_st3 .staff_list_flex img {
	text-align:center;
	width:200px;
	max-width: none; 
	height: auto;
}
@media screen and (max-width:767px){
	.staff_list_flex .right,.staff_list_flex .left{
	margin: 0 !important;
	}
} 
@media screen and (max-width:767px){
	#anti_st3 .staff_list_flex img {
	max-width: 100%; 
	}
} 
.cap_top{
	text-align:center;
}
.staff_list_flex .right{
	margin:20px 0 0 20px;
	}
.staff_list_flex .left{
	margin:20px 20px 0 0;
	}
figure.staff_list_border {
  padding: 20px;
}