/* 共通 START　*/

        @media print {
            body {
                -webkit-print-color-adjust: exact;
            }
        }

        div.all {
            width: 900px;
            margin: 0px auto;
        }

        div.title {
            background-color: #163A67;
            border-radius: 5px;
        }

        div.back {
            background-color: rgb(230, 233, 236);
            border-radius: 5px;
            padding-bottom: 10px;
        }

        div.back1 {
            background-color: rgb(230, 233, 236);
            border-radius: 5px;
            padding-bottom: 10px;
            padding-top: 10px;
        }

        div.pagebreak {
            break-after: page;
        }

        h2 {
            color: white;
        }

        h2.title {
            color: #003768;
            border-bottom: solid 2px #003768;
            padding: 5px 25px 0%;
        }

        p.title {
            height: 30px;
            padding: 5px;
            font-size: large;
            padding: 5px 25px 0%;
            margin-bottom: 0px;
        }

        p {
            margin: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }

        table {
            border-collapse: separate;
            border-spacing: 5px 2px;
            width: 95%;
            table-layout: fixed;
            padding-bottom: 15px;
            border-collapse: collapse;
        }

        th, td {
            border: solid 1px white;
            border-radius: 2px;
            position: static;
        }

        th {
            font-weight: normal;
            text-align: center;
        }

        th.th40 {
            width: 40%;
        }

        th.th25 {
            width: 25%;
        }

        th.th35 {
            width: 35%;
        }

        th.th70 {
            width: 70%;
        }

        th.th30 {
            width: 30%;
        }

        th.th45 {
            width: 45%;
        }

        /* 共通 END　*/

        /* design*/

        tr.test0 {
            background-color: rgb(145, 193, 255);
            border: solid 0px;
        }

        tr.test1 {
            background-color: rgb(195, 221, 255);
            border: solid 0px;
        }

        tr.test2 {
            background-color: rgba(228, 238, 250, 0.884);
            border: solid 0px;
        }

        table.server th, table.range th, table.system th, table.list th, table.server td, table.range td, table.system td, table.list td {
            border-bottom: solid black;
            border-width: 1px;
        }

        table.flow th, table.flow td {
            border: solid 1px rgb(5, 3, 22);
            border-radius: 2px;
            position: static;
        }

        table.range, table.list, table.system, table.server {
            margin-left: 22px;
        }

        /*design end */

        /* ご対応フロー　START*/

        table.flow {
            border-collapse: separate;
            border-spacing: 5px 21px;
            width: 100%;
            table-layout: fixed;
            text-align: center;
            position: relative;
            z-index: 10;
        }

        div.blue_allow, div.pink_allow {
            position: relative;
        }

        div::before, div::after {
            content: "";
            display: block;
            position: absolute;
        }

        div.pink_allow::before {
            top: 27px;
            left: 270px;
            width: 2px;
            height: 697px;
            background: rgb(255, 176, 189);
            z-index: 0;
        }

        div.pink_allow::after {
            top: 724px;
            left: 263px;
            border: 8px solid;
            border-color: rgb(255, 176, 189)transparent transparent transparent;
            z-index: 0;
        }

        div.blue_allow::before {
            top: 27px;
            left: 760px;
            width: 2px;
            height: 697px;
            background: lightskyblue;
            z-index: 0;
        }

        div.blue_allow::after {
            top: 724px;
            left: 753px;
            border: 8px solid;
            border-color: lightskyblue transparent transparent transparent;
            z-index: 0;
        }

        div.pink_allowR, div.pink_allowR2, div.pink_allowR3, div.pink_allowR4 {
            position: relative;
        }

        div.pink_allowR::before, div.pink_allowR2::before, div.pink_allowR3::before, div.pink_allowR4::before {
            top: 82px;
            left: 520px;
            width: 235px;
            height: 2px;
            background: rgb(252, 193, 203);
        }

        div.pink_allowR2::before {
            top: 181px;
        }

        div.pink_allowR3::before {
            top: 279px;
        }

        div.pink_allowR4::before {
            top: 622px;
        }

        div.pink_allowR::after, div.pink_allowR2::after, div.pink_allowR3::after, div.pink_allowR4::after {
            top: 76px;
            left: 750px;
            width: 0;
            height: 0;
            border: 7px solid;
            border-color: transparent transparent transparent rgb(252, 193, 203);
        }

        div.pink_allowR2::after {
            top: 175px;
        }

        div.pink_allowR3::after {
            top: 273px;
            left: 620px;
        }

        div.pink_allowR4::after {
            top: 616px;
        }

        div.blue_allowL, div.blue_allowL2, div.blue_allowL3 {
            position: relative;
        }

        div.blue_allowL::before, div.blue_allowL2::before, div.blue_allowL3::before {
            top: 132px;
            left: 540px;
            width: 235px;
            height: 2px;
            background: lightskyblue;
        }

        div.blue_allowL2::before {
            top: 377px;
        }

        div.blue_allowL3::before {
            top: 573px;
        }

        div.blue_allowL::after, div.blue_allowL2::after, div.blue_allowL3::after {
            top: 126px;
            left: 531px;
            width: 0;
            height: 0;
            border: 7px solid;
            border-color: transparent lightskyblue transparent transparent;
        }

        div.blue_allowL2::after {
            top: 371px;
        }

        div.blue_allowL3::after {
            top: 567px;
        }

        td.pink, th.pink {
            background-color: rgb(250, 206, 213);
            width: 60%;
        }

        td.yellow {
            background-color: lightgoldenrodyellow;
        }

        td.blue, th.blue {
            background-color: lightskyblue;
            width: 30%;
        }

        td.blank {
            visibility: hidden;
        }

        /* ご対応フロー　END*/

        /* スケジュール　START*/

        table.calendar {
            border-collapse: separate;
            border-spacing: 5px 2px;
            width: 100%;
            table-layout: fixed;
            padding-bottom: 15px;
        }

        table.calendar td, table.calendar th {
            height: 30px;
            vertical-align: top;
        }

        table.calendar td {
            font-size: 5px;
        }

        div.line, div.line2, div.line3, div.line4, div.line5, div.line6, div.line7, div.line8 {
            position: relative;
        }

        div.line::before, div.line2::before, div.line3::before, div.line4::before, div.line5::before, div.line6::before, div.line7::before, div.line8::before {
            left: 9px;
            width: 875px;
            height: 8px;
            background: rgb(0, 174, 255);
        }

        div.line::before {
            margin-top: 61px;
            width: 429px;
            left: 357px;
        }

        div.line2::before {
            margin-top: 96px;
            border-radius: 10px 0px 0px 10px;
        }

        div.line3::before {
            margin-top: 131px;
        }

        div.line4::before {
            margin-top: 166px;
            border-radius: 0px 10px 10px 0px;
            width: 363px;
        }

        div.line5::before {
            margin-top: 202px;
        }

        div.line6::before {
            margin-top: 60px;
        }

        div.line7::before {
            margin-top: 97px;
        }

        div.line8::before {
            margin-top: 132px;
            width: 438px;
        }

        table.calendar th, table.calendar td {
            border: solid 1px rgb(0 0 0 / 65%);
            border-radius: 2px;
            position: static;
        }

        th.saturday, td.saturday {
            color: mediumblue;
        }

        th.sunday, td.sunday, td.holiday {
            color: red;
        }

        /* スケジュール　END*/

        /* お問合せについて START*/

        div.toiawase {
            padding-left: 3%;
            padding-top: 1%;
        }

        /* お問合せについて END*/