@charset "utf-8";
/********************************/
/*          見出し画像          */
/********************************/
.pb_midasiimg {
    margin-bottom: 10px;
    position: relative;
}
@media (min-width:1000px) {
.pb_midasiimg_title {
    font-size: 1.6rem;
}
.pb_midasiimg_txt {
    font-size: 1.4rem;
}
.pb_midasiimg_title {
    top: 10px;
    left: 10px;
}
.pb_midasiimg_txt {
    bottom: 10px;
    right: 20px;
}
}
@media (max-width: 999px) {
.pb_midasiimg_title {
    font-size: 1.2rem;
}
.pb_midasiimg_txt {
    font-size: 1.0rem;
}
.pb_midasiimg,
.pb_midasiimg img {
    width: 100%;
}
.pb_midasiimg_title {
    top: 5px;
    left: 10px;
}
.pb_midasiimg_txt {
    bottom: 5px;
    right: 20px;
}
}
.pb_midasiimg_title,
.pb_midasiimg_txt {
    position: absolute;
    text-shadow: 
        var(--true-siro) 2px  0px, var(--true-siro) -2px  0px,
        var(--true-siro) 0px -2px, var(--true-siro)  0px  2px,
        var(--true-siro) 2px  2px, var(--true-siro) -2px  2px,
        var(--true-siro) 2px -2px, var(--true-siro) -2px -2px,
        var(--true-siro) 1px  2px, var(--true-siro) -1px  2px,
        var(--true-siro) 1px -2px, var(--true-siro) -1px -2px,
        var(--true-siro) 2px  1px, var(--true-siro) -2px  1px,
        var(--true-siro) 2px -1px, var(--true-siro) -2px -1px;
}
/********************************/
/*            テキスト          */
/********************************/
.pb_linetxt {
    font-size: 1.2rem;
    line-height: 1.6;
    margin-bottom: 25px;
}
/********************************/
/*           右テキスト         */
/********************************/
.pb_linetxt_right {
    text-align: right;
}
/********************************/
/*           中テキスト         */
/********************************/
.pb_linetxt_center {
    text-align: center;
}
/********************************/
/*               表             */
/********************************/
.pb_table {
    margin-bottom: 25px;
}
.pb_table table {
    border-right: solid 1px var(--true-kuro);
    border-bottom: solid 1px var(--true-kuro);
}
.pb_table table tbody tr th {
    background-color: var(--color-pale);
}
.pb_table table tbody tr th,
.pb_table table tbody tr td {
    padding: 20px;
    font-size: 1.2rem;
    line-height: 2.0;
    word-break: break-all;
    border-top: solid 1px var(--true-kuro);
    border-left: solid 1px var(--true-kuro);
}
@media (max-width:430px) {
.pb_table table {
    width: 100%;
}
}
/********************************/
/*           メイン画像         */
/********************************/
.pb_mainimg {
    margin-bottom: 25px;
}
@media (min-width:1000px) {
.pb_mainimg table {
    margin: 0 auto;
}
}
@media (max-width: 999px) {
.pb_mainimg table,
.pb_mainimg table tbody tr td img {
    width: 100%;
}
}
.pb_mainimg table tbody tr th,
.pb_mainimg table tbody tr td {
    font-size: 1.2rem;
    word-break: break-all;
}
.pb_mainimg table tbody tr th {
    line-height: 2.0;
}
/********************************/
/*           画像リスト         */
/********************************/
.pb_imglist {
    margin-bottom: 5px;
}
.pb_imglist > div {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}
@media (min-width:1000px) {
.pb_imglist > div {
    width: 1000px;
    margin: 0 auto;
}
.pb_imglist > div table {
    margin-right: 64px;
}
.pb_imglist > div table:last-of-type {
    margin-right: 0px;
}
.pb_imglist > div table {
    width: 202px;
}
}
@media (max-width:999px) and (min-width:431px) {
.pb_imglist > div {
    width: 100%;
}
.pb_imglist > div table {
    margin-right: 64px;
}
.pb_imglist > div table:last-of-type {
    margin-right: 0px;
}
.pb_imglist > div table {
    width: 202px;
}
}
@media (max-width:443px) {
.pb_imglist > div {
    width: 100%;
}
.pb_imglist > div table {
    width: 43%;
    margin-left: 10px;
    margin-right: 10px;
}
.pb_imglist table tbody tr td img {
    width: 100%;
}
}
.pb_imglist > div table {
    margin-bottom: 20px;
}
.pb_imglist table tbody tr td img {
    border: solid 1px #CCC;
}
.pb_imglist table tbody tr th,
.pb_imglist table tbody tr td {
    font-size: 1.2rem;
    word-break: break-all;
}
.pb_imglist table tbody tr th {
    line-height: 2.0;
}
/********************************/
/*           サムネイル         */
/********************************/
.pb_thumbnail {
    margin-bottom: 5px;
}
@media (min-width:1000px) {
.pb_thumbnail > div {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}
}
@media (max-width:999px) {
.pb_thumbnail > div {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}
}
.pb_thumbnail > div table {
    width: 102px;
}
@media (min-width:431px) {
.pb_thumbnail > div table {
    margin: 0 11px 20px 11px;
}
}
@media (max-width:430px) {
.pb_thumbnail > div table {
    margin: 0 8px 20px 8px;
}
}
.pb_thumbnail table tbody tr td img {
    border: solid 1px #CCC;
}
.pb_thumbnail table tbody tr th,
.pb_thumbnail table tbody tr td {
    font-size: 1.0rem;
    word-break: break-all;
}
.pb_thumbnail table tbody tr th {
    line-height: 1.5;
}
/********************************/
/*          画像テキスト        */
/********************************/
.pb_imgtxt {
    margin-top: 10px;
    margin-bottom: 15px;
}
.pb_imgtxt > div {
    margin-bottom: 20px;
}
@media (min-width:451px) {
.pb_imgtxt {
    display: flex;
}
.pb_imgtxt table {
    margin-right: 20px;
}
}
@media (max-width:450px) {
.pb_imgtxt table {
    margin: 0 auto;
}
.pb_imgtxt table,
.pb_imgtxt table tbody tr td img {
    width: 100%;
}
}
.pb_imgtxt table tbody tr th,
.pb_imgtxt table tbody tr td {
    font-size: 1.0rem;
    word-break: break-all;
}
.pb_imgtxt table tbody tr th {
    line-height: 1.5;
}
.pb_imgtxt > div > h6 {
    margin-bottom: 5px;
    font-size: 1.2rem;
}
.pb_imgtxt > div > p {
    font-size: 1.2rem;
    line-height: 2.0;
}
/********************************/
/*          テキスト画像        */
/********************************/
@media (min-width:451px) {
.pb_txtimg {
    margin-bottom: 25px;
}
.pb_txtimg table {
    margin-left: 20px;
    float: right;
}
.pb_txtimg table,
.pb_txtimg table tbody tr td img {
    width: 450px;
}
}
@media (max-width:450px) {
.pb_txtimg {
    margin-bottom: 5px;
}
.pb_txtimg > p {
    margin-bottom: 20px;
}
.pb_txtimg table {
    margin: 0 auto 20px;
}
.pb_txtimg table,
.pb_txtimg table tbody tr td img {
    width: 100%;
}
}
.pb_txtimg table tbody tr th,
.pb_txtimg table tbody tr td {
    font-size: 1.0rem;
    word-break: break-all;
}
.pb_txtimg table tbody tr th {
    line-height: 1.5;
}
.pb_txtimg table tbody tr td:first-of-type {
    text-align: center;

}
.pb_txtimg > h6 {
    margin-bottom: 5px;
    font-size: 1.2rem;
}
.pb_txtimg > p {
    font-size: 1.2rem;
    line-height: 2.0;
}
.pb_txtimg:after {
    content: "";
    clear: both;
    display: block;
}
/********************************/
/*     添付ファイル、リンク     */
/********************************/
.pb_link {
    padding-left: 20px;
    margin-bottom: 25px;
    box-sizing: border-box;
    word-break: break-all;
}
.pb_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: 0.9rem;
}
.pb_pdf  {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-pink);}
.pb_doc  {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-blue);}
.pb_docx {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-blue);}
.pb_xls  {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-gree);}
.pb_xlsx {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-gree);}
.pb_csv  {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-gree);}
.pb_ppt  {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-yell);}
.pb_pptx {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-yell);}
.pb_png  {border: solid 1px var(--true-kuro);color:var(--true-siro);background-color: var(--true-gray);}
.pb_jpeg {border: solid 1px var(--true-kuro);color:var(--true-siro);background-color: var(--true-gray);}
.pb_gif  {border: solid 1px var(--true-kuro);color:var(--true-siro);background-color: var(--true-gray);}
.pb_jpg  {border: solid 1px var(--true-kuro);color:var(--true-siro);background-color: var(--true-gray);}
.pb_bmp  {border: solid 1px var(--true-kuro);color:var(--true-siro);background-color: var(--true-gray);}
.pb_txt  {border: solid 1px var(--true-kuro);color:var(--true-siro);background-color: var(--true-gray);}
.pb_url  {border: solid 1px var(--true-blue);color:var(--true-blue);background-color: var(--true-skyb);}
.pb_rtf  {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-siro);}
.pb_zip  {border: solid 1px var(--true-kuro);color:var(--true-kuro);background-color: var(--true-siro);}
/********************************/
/*          埋込コード          */
/********************************/
.pb_code {
    margin-bottom: 25px;
}
.pb_code ol li,
.pb_code ul li {
     margin-left: 50px;
}
.pb_code ol li a,
.pb_code ul li a {
    word-break: break-all;
}
/********************************/
/*           仕切り線           */
/********************************/
.pb_hr {
    margin-bottom: 25px;
}
.pb_hr hr {
    height: 10px;
    border: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-size: 7px 7px;
    background-image: -webkit-repeating-linear-gradient(90deg, var(--color-dark), var(--color-dark) 2px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(90deg, var(--color-dark), var(--color-dark) 2px, transparent 2px, transparent 5px);
}
/********************************/
/*             動画             */
/********************************/
.pb_video {
    text-align: center;
    margin-bottom: 25px;
}
.pb_video video {
    vertical-align:bottom;
}
@media (max-width:450px) {
.pb_video video {
    width: 100%;
}
}
/********************************/
/*            ボタン            */
/********************************/
.pb_button {
    text-align: center;
    margin-bottom: 25px;
}
.pb_button button {
    padding: 10px 0;
    border-radius: 25px;
    border: solid 1px var(--color-dark);
    box-shadow: 0 3px var(--true-gray);
    color: var(--black);
    background-color: var(--color-pale);
    font-size: 1.1rem;
    width: 70%;
}
.pb_button button:hover {
    text-decoration: underline;
    cursor: pointer;
    opacity: 1;
}
.pb_button button:active {
    box-shadow: none;
    position: relative;
    top: 3px;
}