@charset "utf-8";

/* Note:This file is compiled from privacypolicy.less */
.clearfix:after { content:"."; display:block;  height:0;  clear:both;  visibility:hidden; }
.clearfix { display:inline-block;}
* html .clearfix { height:1%;}
.clearfix { display:block;}


#message{ /* background:#F8F1EB; */}

/* PC用CSS */
@media screen and (min-width: 768px) {
	#message .text{ margin-bottom:25px; }
	#message .text h4{
		border-left:1px solid #524D98; padding:0 0 10px 15px; margin-bottom:11px; border-bottom:1px solid #524D98; 
		font-size:1.6rem; line-height:1.5; color:#524D98; font-weight:normal;
	}
	#message .text p{ text-indent:1em;/*  font-size:1.3rem; */line-height:1.8; }

	.oso_sub{
		display:table;
		background:#FFFFFF;
		/* border:1px solid #7D78B8; */
		font-size:14px; line-height:1.4;
		margin-bottom:10px;
	}
	.oso_sub>*{ display:table-cell; vertical-align:middle; height:24px; padding-top:3px; padding-bottom:2px; }
	.oso_sub strong{
		/* background:#7D78B8 url(../img/outsideofficers/img_arr.gif) no-repeat right center/5px 100%; */
		width:24px; padding-right:3px; color:#FFFFFF; font-weight:bold; text-align:center;
		background: #283c65;
	}
	.oso_sub span{ 
		padding:3px 5px 2px 5px;
		background: #e6ecee;
	 }
	.oso_sub strong span {
		color: #283c65;
		background: #fff;
		border-radius: 10px;
		width: 16px;
		height: 16px;
		line-height: 17px;
		padding: 0;
		margin-left: 4px;
		display: block;
	}
	.compliance .conference {
		display: flex;
		justify-content: space-between;
	}
	.compliance .conference .item {
		width: 32%;
	}
	.compliance .conference .name {
		background: #848da3;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		margin-bottom: 5px;
	}
	.compliance .conference .discription {
		background: #f5f7f8;
		padding: 5px 10px;
		height: calc(100% - 30px);
	}
	.compliance .policy {
		display: flex;
	}
	.compliance .policy p img {
		width: 300px;
		height: 430px;
		object-fit: cover;
		margin: -12px 0 0 20px;
	}
	/* 20230529 add 目次ボタン画像廃止 */
	.tab_index{display:flex;flex-wrap:wrap;width:100%;font-size: 1.6rem;}
	.gbox {display:inline-flex;width:33.3%;padding:10px 5%;border:1px solid #c6c6c6;height:60px;align-items: center;cursor: pointer;text-decoration: none;font-weight:bold;}
	.gbox:hover,
	.gbox.on{ background:url(../img/tab_bg.png) repeat-x center/100% 100%;background-color:#b0abd3; color:#FFFFFF; }

}

/* SP化 追加CSS */
@media screen and (max-width: 767px) {
	#message .text{ margin-bottom:15px; }
	#message .text h4{
		border-left:1px solid #524D98; padding:0 0 10px 15px; margin-bottom:6px; border-bottom:1px solid #524D98; 
		font-size:130%; line-height:1.5; color:#524D98; font-weight:normal;
	}
	#message .text p{ text-indent:1em; font-size:1.2em; line-height:1.8; }
	
	.image{ display:block; max-width:100%; height:auto; margin:0 auto; }
	
	.oso_sub{
		display:table;
		background:#FFFFFF;
		/* border:1px solid #7D78B8; */
		font-size:13px; line-height:1.4;
		margin-bottom:10px;
	}
	.oso_sub>*{ display:table-cell; vertical-align:middle; height:24px; padding-top:3px; padding-bottom:2px }
	.oso_sub strong{
		/* background:#7D78B8 url(../img/outsideofficers/img_arr.gif) no-repeat right center/5px 100%; */
		width:25px; padding-right:5px; color:#FFFFFF; font-weight:bold; text-align:center;
		background: #283c65;
	}
	.oso_sub span{
		padding:3px 10px 2px 5px;
		background: #e6ecee;
	}
	.oso_sub strong span {
		color: #283c65;
		background: #fff;
		border-radius: 10px;
		width: 18px;
		height: 18px;
		padding: 0;
		margin-left: 5px;
		display: block;
	}
	.compliance .conference .item {
		margin-bottom: 15px;
	}
	.compliance .conference .name {
		background: #848da3;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		margin-bottom: 5px;
	}
	.compliance .conference .discription {
		background: #f5f7f8;
		padding: 10px;
	}
	.compliance .policy p img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	/* 20230529 add 目次ボタン画像廃止 */
	.tab_index{display:flex;flex-wrap:wrap;width:100%;font-size: 1.05em;}
	.gbox {display:inline-flex;width:50%;padding:10px 3%;border:1px solid #c6c6c6;height:60px;align-items: center;font-weight:bold;}
	.gbox:hover,
	.gbox.on{ background:url(../img/tab_bg.png) repeat-x center/100% 100%;background-color:#b0abd3;color:#FFFFFF;}

}
/* end */