/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html,body {
    color: #222;
    font-size: 14px;
    line-height: 1.5;
    font-family: 'M PLUS 1p', sans-serif ;
    font-weight: 400;
    width: 100%;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

button:focus { outline: none; }


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.content { width: 100%; padding-bottom: 140px; }
.container { max-width: 1290px;}

.require { background: #F41527; color: #fff; padding: 2px 6px; border-radius: 4px; display: inline-block; font-size: 12px; vertical-align: middle; }
#datepicker-default { z-index: 18; }

.require-primary { background: #007bff; color: #fff; padding: 2px 6px; border-radius: 4px; display: inline-block; font-size: 12px; vertical-align: middle; }
/* header */
.logo { margin-right: 12px; }

/* footer */
.footer-tab { background: #595959; padding: 12px; position: fixed; bottom: 0; left: 0; width: 100%;  }

/* input */
input[type="text"], input[type="password"] { padding: 8px; height: auto; }
input[type="text"]::placeholder, input[type="password"]::placeholder, textarea.form-control::placeholder { color: #b3b3b3;}
.input-round { border-radius: 50px; }
.date-default { border: 0; }


/* select */
select.form-control { padding: 8px 30px 8px 8px; height: auto !important; }
select.text_center { text-align-last: center; }
select{ -webkit-appearance:none; -moz-appearance:none;}
select::-ms-expand{ display: none;}
select.style-select1{  background: url(../images/select-arrow1.jpg) no-repeat right center #fff; }
select.style-select2{  background: url(../images/select-arrow2.png) no-repeat right center #fff; }
select.style-select2.bg-lightred {  background: url(../images/select-arrow2.png) no-repeat right center #ffefef !important;}

/* checkbox */
.check-group label { cursor: pointer; }
.check-group .check-default{ background: url(../images/icon-check.png) no-repeat center; width: 20px; height: 17px; vertical-align : middle; opacity: 0.15; cursor: pointer; }
.check-group input[type=checkbox]{ display:none }
.check-group input[type=checkbox]:checked + .check-default{ opacity: 1; }

.check-group .check-square{ height: 17px; width: 17px; border: 1px solid #ccc; vertical-align : middle; cursor: pointer; display: inline-block; background: #fff; }
.check-group input[type=checkbox]{ display:none }
.check-group input[type=checkbox]:checked + .check-square{ background: url(../images/icon-check.png) #fff no-repeat center; background-size: cover; }

/* radio */
.radio-group label { cursor: pointer; }
.radio-group .radio-default{ height: 15px; width: 15px; border-radius: 50%; border: 1px solid #ccc; vertical-align : middle; cursor: pointer; display: inline-block; background: #fff; }
.radio-group input[type=radio]{ display:none }
.radio-group input[type=radio]:checked + .radio-default{ background: url(../images/icon-radio.png) #fff no-repeat center; background-size: cover; }

/* table */
.table-scroll { overflow: auto; }
.data-long { width: 100%; min-width: 980px; }
.table-default tr:nth-child(odd) { background: #fff; }
.table-default tr:nth-child(even) { background: #f9f9f9; }
.table-default.bg-white tr:nth-child(even) { background: #fff; }
.table-default th,
.table-default td { border: 1px solid #666; padding: 4px; }

/* tooltips */
.tooltips { position: relative; display: inline; }
.tooltips .show-tooltips { position: absolute; color: #0B146D; font-size: 15px; background: #FFFFFF; border: 1px solid #7EAFD2; padding: 8px; line-height: 1.2; font-weight: 400; text-align: left; visibility: hidden; border-radius: 8px; box-shadow: 0px 0px 0px 3px #A0DEFF, 0px 0px 0px 7px rgba(165, 237, 255, .4); }
.tooltips.top .show-tooltips:before { content: url(../images/tooltip.png); position: absolute; top: -23px; right: 12px; }
.tooltips.top:hover .show-tooltips { visibility: visible; opacity: 1; top: 90%; left: -20%; z-index: 9; }
.tooltips.bottom .show-tooltips:before { content: url(../images/tooltip.png); position: absolute; bottom: -23px; left: 12px; transform: rotate(180deg); }
.tooltips.bottom:hover .show-tooltips { visibility: visible; opacity: 1; top: -150%; left: 0; z-index: 9; }

.tooltips .show-always-tooltips { position: absolute; top: -150%; left: 0; color: #0B146D; font-size: 15px; background: #FFFFFF; border: 1px solid #7EAFD2; padding: 8px; line-height: 1.2; font-weight: 400; text-align: left; border-radius: 8px; box-shadow: 0px 0px 0px 3px #A0DEFF, 0px 0px 0px 7px rgba(165, 237, 255, .4); }
.tooltips.bottom .show-always-tooltips:before { content: url(../images/tooltip.png); position: absolute; bottom: -23px; left: 12px; transform: rotate(180deg); }
.tooltips.show-always-tooltips.bottom:hover .show-tooltips { visibility: visible; opacity: 1; top: -150%; left: 0; z-index: 9; }

.tooltips .show-always-tooltips2 { position: absolute; top: -300%; left: 0; color: #0B146D; font-size: 15px; background: #FFFFFF; border: 1px solid #7EAFD2; padding: 8px; line-height: 1.2; font-weight: 400; text-align: left; border-radius: 8px; box-shadow: 0px 0px 0px 3px #A0DEFF, 0px 0px 0px 7px rgba(165, 237, 255, .4); }
.tooltips.bottom .show-always-tooltips2:before { content: url(../images/tooltip.png); position: absolute; bottom: -23px; left: 12px; transform: rotate(180deg); }
.tooltips.show-always-tooltips2.bottom:hover .show-tooltips { visibility: visible; opacity: 1; top: -150%; left: 0; z-index: 9; }
/* hover */
.hover-up { position: relative; top: 0; transition: all 0.3s; }
.hover-up:hover, .hover-up:active { top: -5px; }
.hover-down { position: relative; top: 0; transition: all 0.3s; }
.hover-down:hover, .hover-down:active { top: 5px; }
.btn-hover { box-shadow: 0 0 1px rgba(0, 0, 0, 0), inset 0px 1px 1px #fff; transition: all 0.3s; }
.btn-hover:hover, .btn-hover:focus, .btn-hover:active{ box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5), inset 0px 1px 1px #fff; opacity: 0.9;}

/* a.btn */
a.btn { color: #fff !important; cursor: pointer; }
/* button */
.btn-default { background: #dedede; color: #fff; padding: 12px; border: 1px solid #ccc; display: block; width: 100%; text-align: center; border-radius: 5px; font-size: 18px;line-height: 1;  }
.btn-round { background: #dedede; color: #fff; padding: 8px; border: 1px solid #ccc; display: block; width: 100%; text-align: center; border-radius: 50px; font-size: 18px;line-height: 1; }

.btn-disable { background: #cecece !important; color: #bbbbbb !important; border: 1px solid #666 !important; }
.btn-disable-dark { background: #545454 !important; color: #999696 !important; border: 1px solid #666 !important;}

.btn-gray { background: #9e9e9e; border: 1px solid #525252;border-bottom: 2px solid #525252; }
.btn-login-gray {color:#222; background: #e3e3e3; border: 1px solid #e3e3e3;border-bottom: 2px solid #e3e3e3; }

.btn-blue { background: #56acd9; border: 2px solid #3793c4; }
.btn-border-blue { color: #044e8a; border: 2px solid #95bfde;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,239,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(227,239,250,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,239,250,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,239,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,239,250,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(227,239,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3effa', GradientType=0 ); }

.btn-gradient-lightblue { border: 2px solid #3bb6ca; border-top: 2px solid #82d5e9;  background: rgba(73,193,214,1);
    background: -moz-linear-gradient(top, rgba(73,193,214,1) 0%, rgba(44,154,191,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,193,214,1)), color-stop(100%, rgba(44,154,191,1)));
    background: -webkit-linear-gradient(top, rgba(73,193,214,1) 0%, rgba(44,154,191,1) 100%);
    background: -o-linear-gradient(top, rgba(73,193,214,1) 0%, rgba(44,154,191,1) 100%);
    background: -ms-linear-gradient(top, rgba(73,193,214,1) 0%, rgba(44,154,191,1) 100%);
    background: linear-gradient(to bottom, rgba(73,193,214,1) 0%, rgba(44,154,191,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c1d6', endColorstr='#2c9abf', GradientType=0 ); }
.btn-gradient-blue { border: 1px solid #3988c8; border-bottom: 2px solid #3d96da;   background: rgba(93,172,233,1);
    background: -moz-linear-gradient(top, rgba(93,172,233,1) 0%, rgba(62,151,219,1) 78%, rgba(62,151,219,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93,172,233,1)), color-stop(78%, rgba(62,151,219,1)), color-stop(100%, rgba(62,151,219,1)));
    background: -webkit-linear-gradient(top, rgba(93,172,233,1) 0%, rgba(62,151,219,1) 78%, rgba(62,151,219,1) 100%);
    background: -o-linear-gradient(top, rgba(93,172,233,1) 0%, rgba(62,151,219,1) 78%, rgba(62,151,219,1) 100%);
    background: -ms-linear-gradient(top, rgba(93,172,233,1) 0%, rgba(62,151,219,1) 78%, rgba(62,151,219,1) 100%);
    background: linear-gradient(to bottom, rgba(93,172,233,1) 0%, rgba(62,151,219,1) 78%, rgba(62,151,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dace9', endColorstr='#3e97db', GradientType=0 ); }
.btn-gradient-darkblue { border: 1px solid #226ebd; border-top: 2px solid #3d88d5; border-bottom: 2px solid#1e6bba;   background: rgba(58,131,205,1);
    background: -moz-linear-gradient(top, rgba(58,131,205,1) 0%, rgba(31,108,186,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(58,131,205,1)), color-stop(100%, rgba(31,108,186,1)));
    background: -webkit-linear-gradient(top, rgba(58,131,205,1) 0%, rgba(31,108,186,1) 100%);
    background: -o-linear-gradient(top, rgba(58,131,205,1) 0%, rgba(31,108,186,1) 100%);
    background: -ms-linear-gradient(top, rgba(58,131,205,1) 0%, rgba(31,108,186,1) 100%);
    background: linear-gradient(to bottom, rgba(58,131,205,1) 0%, rgba(31,108,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a83cd', endColorstr='#1f6cba', GradientType=0 ); }

.btn-green { background: #a1cc55; border: 2px solid #78af43; }
.btn-gradient-green { border: 1px solid #2dae79; border-top: 2px solid #5dd0ab; border-bottom: 2px solid#169a70;   background: rgba(71,198,147,1);
    background: -moz-linear-gradient(top, rgba(71,198,147,1) 0%, rgba(46,174,123,1) 72%, rgba(46,174,123,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,198,147,1)), color-stop(72%, rgba(46,174,123,1)), color-stop(100%, rgba(46,174,123,1)));
    background: -webkit-linear-gradient(top, rgba(71,198,147,1) 0%, rgba(46,174,123,1) 72%, rgba(46,174,123,1) 100%);
    background: -o-linear-gradient(top, rgba(71,198,147,1) 0%, rgba(46,174,123,1) 72%, rgba(46,174,123,1) 100%);
    background: -ms-linear-gradient(top, rgba(71,198,147,1) 0%, rgba(46,174,123,1) 72%, rgba(46,174,123,1) 100%);
    background: linear-gradient(to bottom, rgba(71,198,147,1) 0%, rgba(46,174,123,1) 72%, rgba(46,174,123,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47c693', endColorstr='#2eae7b', GradientType=0 ); }

.btn-red { background: #D1252B;  }
.btn-gradient-red { border: 1px solid #d35653;  border-bottom: 2px solid#bb322b;   background: rgba(237,115,109,1);
    background: -moz-linear-gradient(top, rgba(237,115,109,1) 0%, rgba(227,86,81,1) 56%, rgba(227,86,81,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,115,109,1)), color-stop(56%, rgba(227,86,81,1)), color-stop(100%, rgba(227,86,81,1)));
    background: -webkit-linear-gradient(top, rgba(237,115,109,1) 0%, rgba(227,86,81,1) 56%, rgba(227,86,81,1) 100%);
    background: -o-linear-gradient(top, rgba(237,115,109,1) 0%, rgba(227,86,81,1) 56%, rgba(227,86,81,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,115,109,1) 0%, rgba(227,86,81,1) 56%, rgba(227,86,81,1) 100%);
    background: linear-gradient(to bottom, rgba(237,115,109,1) 0%, rgba(227,86,81,1) 56%, rgba(227,86,81,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed736d', endColorstr='#e35651', GradientType=0 ); }
.btn-border-red { color: #d52820; border: 2px solid #f4a0a0; background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(251,231,231,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(251,231,231,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(251,231,231,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(251,231,231,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(251,231,231,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(251,231,231,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbe7e7', GradientType=0 );
    }
.btn-gradient-darkred { border: 1px solid #c23f3c;  border-bottom: 2px solid#bb322b;   background: rgba(237,115,109,1);
    background: -moz-linear-gradient(top, rgba(222,57,54,1) 0%, rgba(199,57,54,1) 56%, rgba(199,57,54,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(222,57,54,1)), color-stop(56%, rgba(199,57,54,1)), color-stop(100%, rgba(199,57,54,1)));
    background: -webkit-linear-gradient(top, rgba(222,57,54,1) 0%, rgba(199,57,54,1) 56%, rgba(199,57,54,1) 100%);
    background: -o-linear-gradient(top, rgba(222,57,54,1) 0%, rgba(199,57,54,1) 56%, rgba(199,57,54,1) 100%);
    background: -ms-linear-gradient(top, rgba(222,57,54,1) 0%, rgba(199,57,54,1) 56%, rgba(199,57,54,1) 100%);
    background: linear-gradient(to bottom, rgba(222,57,54,1) 0%, rgba(199,57,54,1) 56%, rgba(199,57,54,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed736d', endColorstr='#e35651', GradientType=0 ); }

.btn-gradient-orange { border: 1px solid #eda73c;  border-bottom: 2px solid#ce5b07;   background: rgba(249,193,82,1);
    background: -moz-linear-gradient(top, rgba(249,193,82,1) 0%, rgba(235,165,61,1) 78%, rgba(235,165,61,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,193,82,1)), color-stop(78%, rgba(235,165,61,1)), color-stop(100%, rgba(235,165,61,1)));
    background: -webkit-linear-gradient(top, rgba(249,193,82,1) 0%, rgba(235,165,61,1) 78%, rgba(235,165,61,1) 100%);
    background: -o-linear-gradient(top, rgba(249,193,82,1) 0%, rgba(235,165,61,1) 78%, rgba(235,165,61,1) 100%);
    background: -ms-linear-gradient(top, rgba(249,193,82,1) 0%, rgba(235,165,61,1) 78%, rgba(235,165,61,1) 100%);
    background: linear-gradient(to bottom, rgba(249,193,82,1) 0%, rgba(235,165,61,1) 78%, rgba(235,165,61,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c152', endColorstr='#eba53d', GradientType=0 ); }
.btn-gradient-darkorange { border: 1px solid #de7125;  border-bottom: 2px solid#ce5b07;   background: rgba(247,136,62,1);
    background: -moz-linear-gradient(top, rgba(247,136,62,1) 0%, rgba(236,114,32,1) 78%, rgba(236,114,32,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,136,62,1)), color-stop(78%, rgba(236,114,32,1)), color-stop(100%, rgba(236,114,32,1)));
    background: -webkit-linear-gradient(top, rgba(247,136,62,1) 0%, rgba(236,114,32,1) 78%, rgba(236,114,32,1) 100%);
    background: -o-linear-gradient(top, rgba(247,136,62,1) 0%, rgba(236,114,32,1) 78%, rgba(236,114,32,1) 100%);
    background: -ms-linear-gradient(top, rgba(247,136,62,1) 0%, rgba(236,114,32,1) 78%, rgba(236,114,32,1) 100%);
    background: linear-gradient(to bottom, rgba(247,136,62,1) 0%, rgba(236,114,32,1) 78%, rgba(236,114,32,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7883e', endColorstr='#ec7220', GradientType=0 ); }

.btn-gradient-yellow { background: #fcdd16;
    background: -moz-linear-gradient(left, #fcdd16 0%, #f9f64a 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #fcdd16), color-stop(100%, #f9f64a));
    background: -webkit-linear-gradient(left, #fcdd16 0%, #f9f64a 100%);
    background: -o-linear-gradient(left, #fcdd16 0%, #f9f64a 100%);
    background: -ms-linear-gradient(left, #fcdd16 0%, #f9f64a 100%);
    background: linear-gradient(to right, #fcdd16 0%, #f9f64a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd16', endColorstr='#f9f64a', GradientType=1 ); }

/* 2023-09-00 add 動画マニュアルダウンロード [START] */
.btn-pink { background: #FB7C7C; }
/* 2023-09-00 add 動画マニュアルダウンロード [END] */

/* arrow scrolldown */
.btn-arrow-scrolldown { background: #CFCFCF; padding: 4px; position: absolute; top:-44px; left: 0; width: 100%; font-weight: bold; border: 0; }
.btn-arrow-scrolldown i { position: relative; top: 0; transition: all 0.3s; }
.btn-arrow-scrolldown:hover { background: #ccc; }
.btn-arrow-scrolldown:hover i { position: relative; top: 5px; }

/* entered */
.entered { border: 2px solid #63CEA3; border-radius: 6px; padding: 8px 18px; text-align: center; font-weight: bold; font-size: 18px; display: inline-block; background: #fff; margin-right: 14px; white-space: nowrap; }
.entered .entered-blue { color: #fff; font-size: 14px; padding: 2px; background: #164FC3; border-radius: 4px; display: inline-block; }

/* pagination */
.pagination { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.pagination .page-item { display: block; margin: 0 2px; }
.page-default .page-link { color: #000; }
.page-default .page-link:focus { box-shadow: none; }
.page-default .page-link.active { background: #a8dac8; color: #fff; }

/* modal */
.modal {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}
.modal-large .modal-dialog { max-width: 980px; width: 100%; margin: 40px auto; padding: 0 18px;  }
.modal-medium{padding-top: 40px;}
.modal-medium .modal-dialog { max-width: 768px; width: 100%; padding: 0 18px;  }


.fa-json {
    background: url(../images/icon-json.png) no-repeat center;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
}
.fa-csv {
    background: url(../images/icon-csv.png) no-repeat center;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
}
.fa-xml {
    background: url(../images/icon-xml.png) no-repeat center;
    background-size: 50px 50px;
    width: 50px;
    height: 50px;
}














/* ==========================================================================
   Media Queries
   ========================================================================== */
@media(max-width:768px){
    .content { width: 768px; overflow: scroll; }
}

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}