@charset "utf-8";
.cs_main a {
    text-decoration: underline;
    color: blue;
}
.cs_main h2,
/*.cs_main h3,*/
/*.cs_main h4,*/
/*.cs_main h5,*/
.cs_main p,
.cs_main div,
.cs_main table,
.cs_main hr {
	margin-bottom: 30px;
}
.cs_main p {
	font-size: medium;
	line-height: 2;
}
/*------------------------------------------------------------------------------------------------*/
/* レイアウタ
/*------------------------------------------------------------------------------------------------*/
.cs_main div p {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/*------------------------------------------------------------------------------------------------*/
/* 大見出し                                                                                       */
/*------------------------------------------------------------------------------------------------*/
.cs_main h3 {
	font-size: x-large;
	background-color: #eef;
	border-top: solid 3px #248;
	border-bottom: solid 3px #248;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
/*	margin-top: 50px;*/
	margin-bottom: 10px;
}
/*------------------------------------------------------------------------------------------------*/
/* 中見出し                                                                                       */
/*------------------------------------------------------------------------------------------------*/
.cs_main h4 {
	font-size: large;
	margin-top: 10px;
	border-bottom: solid 1px #248;
}
.cs_main h4 span {
	display: inline-block;
	color: #248;
	margin-right: 5px;
	font-size: medium;
}
/*------------------------------------------------------------------------------------------------*/
/* 小見出し                                                                                       */
/*------------------------------------------------------------------------------------------------*/
.cs_main h5 {
	font-size: medium;
	font-weight: 900;
	color: #248;
	background-color: #eef;
	padding: 7px 5px 0px 5px;
	border: solid 1px #248;
}
/*------------------------------------------------------------------------------------------------*/
/* メイン画像                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_main_image img {
	width: 100%;
	width: -webkit-calc(100% - 2px);
	width: calc(100%-2px);
	height: auto;
	border: solid 1px #CCC;
}
/*------------------------------------------------------------------------------------------------*/
/* 画像リスト                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_image_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between;
	width: 100%;
}
.pb_image_list p img {
	border: solid 1px #CCC;
}
@media (min-width:360px) {
.pb_image_list p img {
	width : 320px;
}
}
@media (max-width:359px) {
.pb_image_list p img {
	width: 100%;
	width: -webkit-calc(100% - 2px);
	width: calc(100%-2px);
	height: auto;
}
}
/*------------------------------------------------------------------------------------------------*/
/* 右テキスト                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_right_text {
	text-align: right;
}
/*------------------------------------------------------------------------------------------------*/
/* 中テキスト                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_right_center {
	text-align: center;
}
/*------------------------------------------------------------------------------------------------*/
/* リンク、添付ファイル                                                                           */
/*------------------------------------------------------------------------------------------------*/
.pb_link a,
.pb_file a {
	text-decoration: underline;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.pb_link a:link,
.pb_link a:visited,
.pb_file a:link,
.pb_file a:visited {
	color: blue;
}
.pb_link span,
.pb_file span {
	padding: 0 5px;
	font-size: small;
	width: 35px;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.pb_pdf  {border: solid 1px black;color:#fff;background-color: red;}
.pb_doc  {border: solid 1px black;color:#fff;background-color: blue;}
.pb_docx {border: solid 1px black;color:#fff;background-color: blue;}
.pb_xls  {border: solid 1px black;color:#fff;background-color: green;}
.pb_xlsx {border: solid 1px black;color:#fff;background-color: green;}
.pb_csv  {border: solid 1px black;color:#fff;background-color: green;}
.pb_ppt  {border: solid 1px black;color:#fff;background-color: orange;}
.pb_pptx {border: solid 1px black;color:#fff;background-color: orange;}
.pb_png  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_jpeg {border: solid 1px black;color:#fff;background-color: gray;}
.pb_gif  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_jpg  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_bmp  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_txt  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_url  {border: solid 1px #9bd;color:#139;background-color: #eef;}
.pb_rtf  {border: solid 1px black;color:black;background-color: #fff;}
.pb_zip  {border: solid 1px black;color:black;background-color: #fff;}
/*------------------------------------------------------------------------------------------------*/
/* 表                                                                                             */
/*------------------------------------------------------------------------------------------------*/
.pb_table table {
	border-collapse: collapse;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	width: 100%;
}
.pb_table table  tr th,
.pb_table table  tr td {
	padding: 10px;
	font-size: small;
	border-top: solid 1px black;
	border-left: solid 1px black;
}
.pb_table table  tr th {
	background-color: #FFC;
}
/*
@media (max-width:420px) {
.pb_table table tr th,
.pb_table table tr td {
	display: block;
}
}
*/
/*------------------------------------------------------------------------------------------------*/
/* 画像テキスト、テキスト画像                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_image_text h6,
.pb_text_image h6 {
	font-size: medium;
	font-weight: 800;
	margin-bottom: 10px;
}
.pb_image_text img,
.pb_text_image img {
	border: solid 1px #CCC;
	display: block;
}
@media (min-width:400px) {
.pb_image_text img,
.pb_text_image img {
/*	width : 400px;*/
	height: auto;
}

.pb_image_text img {
	float: left;
	margin-right: 20px;
}
.pb_text_image img {
	float: right;
	margin-left: 20px;
}
.pb_image_text:after,
.pb_text_image:after {
	content: "";
	display: block;
	clear: both;
}
}
@media (max-width:399px) {
.pb_image_text img,
.pb_text_image img {
	width: 100%;
	width: -webkit-calc(100% - 2px);
	width: calc(100%-2px);
	height: auto;
	border: solid 1px #CCC;
}
.pb_image_text img,
.pb_text_image img {
	margin-left: auto;
	margin-right: auto;
}
}
/*------------------------------------------------------------------------------------------------*/
/* 埋込コード                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_code ol {
	margin-left: 30px;
	font-size: medium;
}
.pb_code ol li {
	margin-bottom: 30px;
}
