@charset "utf-8";
/********************************/
/*          可変ユニット        */
/********************************/
/*------------------------------*/
/*        基本文字サイズ        */
/*------------------------------*/
.pb_main {
    font-size: var(--setting-font-size);
}
/*------------------------------*/
/*          行間の設定          */
/*------------------------------*/
.pb_main h3,
.pb_main h4 {
    margin-bottom: 10px;
}
.pb_main h5,
.pb_main h6 {
    margin-bottom: 0px;
}
.pb_main >p,
.pb_main >div {
    margin-bottom: 30px;
    line-height: 1.8;
}
/*------------------------------*/
/*           テーブル           */
/*------------------------------*/
.pb_main table {
    border-collapse: collapse;
}
/*------------------------------*/
/*           大見出し           */
/*------------------------------*/
.pb_main h3 {
    padding: 10px;
    border-radius: 5px;
    font-size: calc(var(--setting-font-size) + 0.4rem);
    color: var(--setting-color);
    background-color: var(--setting-background-color);
}
/*------------------------------*/
/*           中見出し           */
/*------------------------------*/
.pb_main h4 {
    padding: 0px 5px;
    font-size: calc(var(--setting-font-size) + 0.4rem);
    border-top: solid 1px var(--setting-background-color);
    border-left: solid 10px var(--setting-background-color);
}
/*------------------------------*/
/*           小見出し           */
/*------------------------------*/
.pb_main h5 {
    padding: 5px 10px;
    font-size: calc(var(--setting-font-size) + 0.1rem);
}
/*------------------------------*/
/*          見出し画像          */
/*------------------------------*/
.pb_main .cs_midasi {
    position: relative;
    margin-bottom: 10px;
    font-size: calc(var(--setting-font-size) + 0.4rem);
}
.pb_main .cs_midasi >img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.pb_main .cs_midasi >h3 {
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    text-shadow:
        black 1px 1px 0,  black -1px -1px 0,
        black -1px 1px 0, black 1px -1px 0,
        black 0px 1px 0,  black  0-1px 0,
        black -1px 0 0,   black 1px 0 0;
}
.pb_main .cs_midasi >p {
    position: absolute;
    bottom: 5px;
    right: 10px;
    color: white;
    text-shadow:
        black 1px 1px 0,  black -1px -1px 0,
        black -1px 1px 0, black 1px -1px 0,
        black 0px 1px 0,  black  0-1px 0,
        black -1px 0 0,   black 1px 0 0;
}
@media (max-width: 959px) {
.pb_main .cs_midasi >p {
    left: 10px;
}
}
/*------------------------------*/
/*              表              */
/*------------------------------*/
.pb_main .cs_table table {
    border-top:solid 1px #999999;
    border-left:solid 1px #999999;
    /*margin: 0 auto;*/
    width: 100%;
}
.pb_main .cs_table table tr th {
    color: var(--setting-color);
    background-color: var(--setting-background-color);
    white-space: nowrap;
}
.pb_main .cs_table table tr th,
.pb_main .cs_table table tr td {
    border-right:solid 1px #999999;
    border-bottom:solid 1px #999999;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
.pb_main .cs_table table tr th,
.pb_main .cs_table table tr td {
    padding: 5px;
}
/*
@media (max-width:959px) {
.pb_main .cs_table table tr th,
.pb_main .cs_table table tr td {
    display: block;
}
}
*/
/*------------------------------*/
/*    行テキスト、段テキスト    */
/*------------------------------*/
.pb_main .cs_text {
    padding-left: 10px;
    line-height: 2.5;
}
/*------------------------------*/
/*          右テキスト          */
/*------------------------------*/
.pb_main .cs_text_right {
    text-align: right;
}
/*------------------------------*/
/*          中テキスト          */
/*------------------------------*/
.pb_main .cs_text_center {
    text-align: center;
}
/*------------------------------*/
/*          メイン画像          */
/*------------------------------*/
.pb_main .cs_main_img table tr th,
.pb_main .cs_main_img table tr td {
    word-break: break-all;
    font-size: calc(var(--setting-font-size) - 0.2rem);
}
.pb_main .cs_main_img_img {
    text-align: center;
}
/*
.pb_main .cs_main_img_img img {
    border: solid 1px #ccc;
}
*/
@media (min-width: 800px) {
.pb_main .cs_main_img table {
    width: 800px;
    margin: 0 auto;
}
/*
.pb_main .cs_main_img_img img {
    width: 800px;
    height: 600px
    object-fit: cover;
}
*/
}
@media (max-width: 799px) {
.pb_main .cs_main_img table {
    width: 100%;
}
.pb_main .cs_main_img_img img {
    width: 100%;
}
}
/*------------------------------*/
/*          画像リスト          */
/*------------------------------*/
.pb_main .cs_img_list_img {
    text-align: center;
}
.pb_main .cs_img_list_img img {
    width: 228px;
    height: 170.5px;
    border: solid 1px #ccc;
    object-fit: cover;
}
.pb_main .cs_img_list {
    display: flex;
    align-items: flex-start;
}
.pb_main .cs_img_list table tr td,
.pb_main .cs_img_list table tr th {
    word-break: break-all;
    font-size: calc(var(--setting-font-size) - 0.2rem);
}
.pb_main .cs_img_list table tr td img {
    text-align: center;
}
.pb_main .cs_img_list table {
    width: 230px;
}
@media (min-width: 960px) {
.pb_main .cs_img_list table {
    margin-right: 5px;
    margin-left: 5px;
}
}
@media (max-width: 959px) {
.pb_main .cs_img_list {
    flex-wrap: wrap;
}
.pb_main .cs_img_list table {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
}
/*------------------------------*/
/*  画像テキスト、テキスト画像  */
/*------------------------------*/
.pb_main h6 {
    font-size: calc(var(--setting-font-size) + 0.1rem);
}
.pb_main .cs_img_text div table tr th,
.pb_main .cs_img_text div table tr td,
.pb_main .cs_text_img div table tr td,
.pb_main .cs_text_img div table tr th {
    font-size: calc(var(--setting-font-size) - 0.2rem);
}
/*------------------------------*/
/*         画像テキスト         */
/*------------------------------*/
.pb_main .cs_img_text div table tr th,
.pb_main .cs_img_text div table tr td {
    word-break: break-all;
}
.pb_main .cs_img_text_img {
    text-align: center;
}
/*
.pb_main .cs_img_text_img img {
    border: solid 1px #ccc;
}
*/
.pb_main .cs_img_text p {
    line-height: 2.5;
}
@media (min-width: 960px) {
.pb_main .cs_img_text div {
    display: flex;
    align-items: flex-start;
/*
    justify-content: space-between;
*/
    justify-content: center;
}
/*
.pb_main .cs_img_text div table {
    width: 400px;
}
*/
/*
.pb_main .cs_img_text_img img {
    width: 400px;
    height: 300px;
    object-fit: cover;
}
*/
.pb_main .cs_img_text div p {
/*
    width: calc(100% - 420px);
*/
    margin-left: 20px;
}
}
@media (max-width: 959px) {
.pb_main .cs_img_text div table {
    width: 100%;
    margin-bottom: 10px;
}
.pb_main .cs_img_text div table tr td img {
    width: 100%;
}
}
/*------------------------------*/
/*         テキスト画像         */
/*------------------------------*/
.pb_main .cs_text_img_img {
    text-align: center;
}
/*
.pb_main .cs_text_img_img img {
    border: solid 1px #ccc;
}
*/
.pb_main .cs_text_img,
.pb_main .cs_text_img p {
    line-height: 2.5;
}
@media (min-width: 900px) {
.pb_main .cs_text_img div table {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    width: 400px;
}
/*
.pb_main .cs_text_img_img img {
    width: 400px;
    height: 300px;
    object-fit: cover;
}
*/
.pb_main .cs_text_img div:after {
    content: "";
    clear: both;
    display: block;
}
}
@media (max-width: 899px) {
.pb_main .cs_text_img div table {
    width: 100%;
    margin-bottom: 10px;
}
.pb_main .cs_text_img div table tr td img {
    width: 100%;
}
}
/*------------------------------*/
/*              動画            */
/*------------------------------*/
.pb_main .cs_video {
    text-align: center;
}
.pb_main .cs_video video {
    vertical-align:bottom;
}
/*--------------------*/
/*リンク、添付ファイル*/
/*--------------------*/
.cs_link {
    padding-left: 20px;
    box-sizing: border-box;
    word-break: break-all;
}
.cs_link span {
    padding: 0 5px;
    width: 65px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    font-family: "メイリオ", Meiryo, sans-serif;
    box-sizing: border-box;
    font-size: calc(var(--setting-font-size) - 0.1rem);
}
.cs_pdf  {border: solid 1px black;color:#fff;background-color: red;}
.cs_doc  {border: solid 1px black;color:#fff;background-color: blue;}
.cs_docx {border: solid 1px black;color:#fff;background-color: blue;}
.cs_xls  {border: solid 1px black;color:#fff;background-color: green;}
.cs_xlsx {border: solid 1px black;color:#fff;background-color: green;}
.cs_csv  {border: solid 1px black;color:#fff;background-color: green;}
.cs_ppt  {border: solid 1px black;color:#fff;background-color: orange;}
.cs_pptx {border: solid 1px black;color:#fff;background-color: orange;}
.cs_png  {border: solid 1px black;color:#fff;background-color: gray;}
.cs_jpeg {border: solid 1px black;color:#fff;background-color: gray;}
.cs_gif  {border: solid 1px black;color:#fff;background-color: gray;}
.cs_jpg  {border: solid 1px black;color:#fff;background-color: gray;}
.cs_bmp  {border: solid 1px black;color:#fff;background-color: gray;}
.cs_txt  {border: solid 1px black;color:#fff;background-color: gray;}
.cs_url  {border: solid 1px #9bd;color:#139;background-color: #eef;}
.cs_rtf  {border: solid 1px black;color:black;background-color: #fff;}
.cs_zip  {border: solid 1px black;color:black;background-color: #fff;}
/*------------------------------*/
/*          埋込コード          */
/*------------------------------*/
.pb_main .cs_code iframe {
    width: 100%;
}
.pb_main .cs_code ol li,
.pb_main .cs_code ul li{
    margin-left: 50px;
}
/*------------------------------*/
/*            ボタン            */
/*------------------------------*/
.pb_main .cs_button {
    text-align: center;
}
.pb_main .cs_button button {
    padding: 10px 0;
    border-radius: 25px;
    border: solid 1px #CCC;
    box-shadow: 0 3px #EEE;
    font-size: var(--setting-font-size);
    color: var(--setting-color);
    background-color: var(--setting-background-color);
}
@media (min-width: 900px) {
.pb_main .cs_button button {
    width: 70%;
}
}
@media (max-width: 899px) {
.pb_main .cs_button button {
    width: 90%;
}
}
.pb_main .cs_button button:hover {
    text-decoration: underline;
    cursor: pointer;
    opacity: 1;
}
.pb_main .cs_button button:active {
  box-shadow: none;
  position: relative;
  top: 3px;
}