@charset "UTF-8";
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::before,
::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
    margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
    border: 0;
    border-top: 1px solid;
    margin: 0;
    clear: both;
    color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace; /* 1 */
    font-size: inherit; /* 2 */
}

address {
    font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
    vertical-align: bottom;
    -o-object-fit: cover;
    object-fit: cover;
}

embed,
object,
iframe {
    border: 0;
    vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px #a8a8a8 solid;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
    cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
    display: none;
}

/**
 * Remove padding
 */
option {
    padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
    outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
/* label[for] {
    cursor: pointer;
} */

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
    outline: none;
}

/* Table */
/* ============================================ */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption {
    text-align: left;
}

td,
th {
    vertical-align: top;
    padding: 0;
}

th {
    text-align: left;
    font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

html {
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

body {
    color: #000000;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.8;
}
@media screen and (max-width: 768px) {
    body {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

a:hover {
    text-decoration: none;
}
a:hover img {
    opacity: 0.8;
}
a img {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
}

small {
    font-size: inherit;
}

input,
select {
    font-family: inherit;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.m-wrapper {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 1000px) {
    .m-wrapper {
        max-width: 91.25%;
    }
}

.m-tellink {
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .m-tellink {
        pointer-events: auto;
        text-decoration: underline;
    }
}

.for-ie {
    display: none;
    width: 100%;
    color: #fff;
    letter-spacing: 0.05em;
    padding: 25px 4.375%;
    background-color: #e83e34;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.for-ie .m-wrapper {
    position: relative;
    padding-right: 100px;
}
.for-ie a {
    text-decoration: underline;
}
.for-ie a:hover {
    text-decoration: none;
}
.for-ie button {
    width: 120px;
    text-align: center;
    line-height: 1;
    padding: 10px 10px 12px;
    border: 1px solid #fff;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.for-ie button:focus {
    outline: none;
}

.tCenter {
    text-align: center !important;
}

.tRight {
    text-align: right !important;
}

.tLeft {
    text-align: left !important;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

.mT0 {
    margin-top: 0px !important;
}

.mT5 {
    margin-top: 5px !important;
}

.mT10 {
    margin-top: 10px !important;
}

.mT15 {
    margin-top: 15px !important;
}

.mT20 {
    margin-top: 20px !important;
}

.mT25 {
    margin-top: 25px !important;
}

.mT30 {
    margin-top: 30px !important;
}

.mT35 {
    margin-top: 35px !important;
}

.mT40 {
    margin-top: 40px !important;
}

.mT45 {
    margin-top: 45px !important;
}

.mT50 {
    margin-top: 50px !important;
}

.mB0 {
    margin-bottom: 0px !important;
}

.mB5 {
    margin-bottom: 5px !important;
}

.mB10 {
    margin-bottom: 10px !important;
}

.mB15 {
    margin-bottom: 15px !important;
}

.mB20 {
    margin-bottom: 20px !important;
}

.mB25 {
    margin-bottom: 25px !important;
}

.mB30 {
    margin-bottom: 30px !important;
}

.mB35 {
    margin-bottom: 35px !important;
}

.mB40 {
    margin-bottom: 40px !important;
}

.mB45 {
    margin-bottom: 45px !important;
}

.mB50 {
    margin-bottom: 50px !important;
}

.mL0 {
    margin-left: 0px !important;
}

.mL10 {
    margin-left: 10px !important;
}

.mL20 {
    margin-left: 20px !important;
}

.mL30 {
    margin-left: 30px !important;
}

.mR0 {
    margin-right: 0px !important;
}

.mR10 {
    margin-right: 10px !important;
}

.mR20 {
    margin-right: 20px !important;
}

.mR30 {
    margin-right: 30px !important;
}

.pT0 {
    padding-top: 0px !important;
}

.pT5 {
    padding-top: 5px !important;
}

.pT10 {
    padding-top: 10px !important;
}

.pT15 {
    padding-top: 15px !important;
}

.pT20 {
    padding-top: 20px !important;
}

.pT25 {
    padding-top: 25px !important;
}

.pT30 {
    padding-top: 30px !important;
}

.pT35 {
    padding-top: 35px !important;
}

.pT40 {
    padding-top: 40px !important;
}

.pT45 {
    padding-top: 45px !important;
}

.pT50 {
    padding-top: 50px !important;
}

.pB0 {
    padding-bottom: 0px !important;
}

.pB5 {
    padding-bottom: 5px !important;
}

.pB10 {
    padding-bottom: 10px !important;
}

.pB15 {
    padding-bottom: 15px !important;
}

.pB20 {
    padding-bottom: 20px !important;
}

.pB25 {
    padding-bottom: 25px !important;
}

.pB30 {
    padding-bottom: 30px !important;
}

.pB35 {
    padding-bottom: 35px !important;
}

.pB40 {
    padding-bottom: 40px !important;
}

.pB45 {
    padding-bottom: 45px !important;
}

.pB50 {
    padding-bottom: 50px !important;
}

.pL0 {
    padding-left: 0px !important;
}

.pL10 {
    padding-left: 10px !important;
}

.pL20 {
    padding-left: 20px !important;
}

.pL30 {
    padding-left: 30px !important;
}

.pR0 {
    padding-right: 0px !important;
}

.pR10 {
    padding-right: 10px !important;
}

.pR20 {
    padding-right: 20px !important;
}

.pR30 {
    padding-right: 30px !important;
}

.fadeIn {
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
}
.fadeIn.is-show {
    opacity: 1;
}

.fadeInUp {
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
}
.fadeInUp.is-show {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.zoomIn {
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}
.zoomIn.is-show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.m-pc-hidden {
    display: none;
}
@media screen and (max-width: 768px) {
    .m-pc-hidden {
        display: inline-block;
    }
}

.m-sp-hidden {
    display: inline-block;
}
@media screen and (max-width: 768px) {
    .m-sp-hidden {
        display: none;
    }
}

.visually-hidden {
    /**
   * a11y-css-resetから引用
   * https://github.com/mike-engel/a11y-css-reset
  **/
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/*******************************
Style
*******************************/
body {
    overflow-x: hidden;
}
body.is-fix {
    height: 100vh;
    overflow: hidden;
}
body.is-fix::after {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}
body.is-fix1 {
    height: 100vh;
    overflow: hidden;
}
body.is-calendar .ui-datepicker {
    z-index: 1000 !important;
    position: absolute;
    top: calc(50% - 200px) !important;
    left: calc(50% - 135px) !important;
}
body.is-fix2 {
    height: 100vh;
    overflow: hidden;
}
body.is-fix2 .ui-datepicker {
    z-index: 1000 !important;
}

a:hover,
a img:hover {
    opacity: 0.8;
}

img {
    -o-object-fit: cover;
    object-fit: cover;
}

.m-wrapper {
    width: 95%;
}
@media screen and (max-width: 1000px) {
    .m-wrapper {
        max-width: 87.5%;
    }
}
@media screen and (max-width: 768px) {
    .m-wrapper {
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 768px) {
    .m-boxtitle .m-wrapper {
        max-width: 100%;
        width: 100%;
    }
    .m-boxtitle .m-titldetail01 {
        padding: 15px 24px 16px 45px;
    }
    .m-boxtitle .m-titldetail01.icon-dotblue:before {
        left: 24px;
    }
}

.m-title {
    line-height: 40px;
    text-align: center;
    /* margin-bottom: 70px; */
}

.m-title_jp {
    font-size: 33px;
    font-size: 2.0625rem;
    display: block;
    letter-spacing: 0.07em;
}
@media screen and (max-width: 768px) {
    .m-title_jp {
        font-size: 26px;
        font-size: 1.625rem;
    }
}

.m-title_en {
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: 0.06em;
}
@media screen and (max-width: 768px) {
    .m-title_en {
        font-size: 13px;
        font-size: 0.8125rem;
    }
}

.m-titldetail01 {
    padding-left: 39px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2.5;
    letter-spacing: 0.1em;
    background: #f5f5f5;
    border-radius: 5px;
}
@media screen and (max-width: 1000px) {
    .m-titldetail01 {
        font-size: 22px;
        font-size: 1.375rem;
    }
}
@media screen and (max-width: 768px) {
    .m-titldetail01 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.6666666667;
        padding: 15px 0 15px 20px;
    }
}
.m-titldetail01.icon-dotblue:before {
    left: 18px;
    height: 27px;
    top: 52%;
}
@media screen and (max-width: 768px) {
    .m-titldetail01.icon-dotblue:before {
        top: 22px;
        left: 0;
        height: 20px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.m-titleheader {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2;
    padding-left: 0px;
    letter-spacing: 0.05em;
}
.m-titldetail {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2;
    padding-left: 16px;
    letter-spacing: 0.05em;
}
@media screen and (max-width: 640px) {
    .m-titldetail {
        font-size: 16px;
        font-size: 1rem;
    }
}
.m-titldetail.icon-dotblue:before {
    height: 20px;
}

.l-container {
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 100vh;
    position: relative;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
}

.m-border0 {
    border: 0 !important;
}

.border-right {
    border-right: 1px #ddd solid !important;
}

.border-left {
    border-left: 1px #ddd solid !important;
}

.m-borderbottom {
    border-bottom: 1px #498fef solid;
}

.m-bdB1 {
    border-bottom: 1px #e3e3e3 solid;
}

.m-bdred {
    border: 1px #e22828 solid !important;
    border-radius: 5px !important;
}

.m-bdR0 {
    border-right: 0 !important;
}

button:hover {
    opacity: 0.8;
}
button:focus {
    outline: 0;
}

.m-box-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-btn01 {
    max-width: 207px;
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    border-radius: 25px;
    color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-size: 1rem;
    line-height: 3;
    background: #1a3188;
}

.m-btn02 {
    background: transparent;
    border: 1px solid #1a3188;
    color: #1a3188;
}

.m-btn-pink {
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    background: #fb6090;
    border-radius: 2px;
    font-weight: 700;
    padding: 1px 7px 3px;
    margin-right: 5px;
}

.font-style {
    font-style: italic !important;
}

.font-size-12 {
    font-size: 12px;
    font-size: 0.75rem;
}

.font-size-14 {
    font-size: 14px;
    font-size: 0.875rem;
}

.font-size-18 {
    font-size: 18px;
    font-size: 1.125rem;
}

.font-size-20 {
    font-size: 20px;
    font-size: 1.25rem;
}

.font-size-24 {
    font-size: 24px;
    font-size: 1.5rem;
}

.font-size-26 {
    font-size: 26px;
    font-size: 1.625rem;
}

.font-size-28 {
    font-size: 28px;
    font-size: 1.75rem;
}

.font-size-30 {
    font-size: 30px;
    font-size: 1.875rem;
}

.font-size-32 {
    font-size: 32px;
    font-size: 2rem;
}

.font-size-36 {
    font-size: 36px;
    font-size: 2.25rem;
}

.font-size-40 {
    font-size: 40px;
    font-size: 2.5rem;
}

.m-colorwhite {
    color: #fff !important;
}

.m-colorblue {
    color: #498fef !important;
}

.m-colorblue01 {
    color: #2e5ed1 !important;
}

.m-colorgreen {
    color: #279896 !important;
}

.m-colorred {
    color: #e22828 !important;
}

.m-colorred01 {
    color: #ed2c2c !important;
}

.m-colorred02 {
    color: #c8392f !important;
}

.m-colorgray {
    color: #868686 !important;
}

.m-colorback {
    color: #000 !important;
}

.m-gray01 {
    color: #919191 !important;
    background: #f0f0f0 !important;
    border: 0 !important;
    pointer-events: none;
}

.m-bgwhite {
    background: #fff !important;
}

.m-bggray {
    background: #a2a2a2 !important;
}

.m-bggray01 {
    background: #a8a8a8 !important;
}

.m-bggray02 {
    background: #eeeeee !important;
}

.m-bgblue {
    background: #1a3188 !important;
}

.m-bgblue01 {
    background: #2db4b9 !important;
}

.m-bgblue02 {
    background: #c3e7e8 !important;
}

.m-bgred01 {
    background: rgba(253, 0, 0, 0.1) !important;
}

.m-bgred02 {
    background: #fee5e5 !important;
}

.m-bgpink {
    background: #fc5c8e !important;
}

.m-bgpink01 {
    background: #fb6090 !important;
}

.m-bgpink02 {
    background: #fed1e0 !important;
}

.m-bgyellow {
    background: #fef69b !important;
}

.m-bgyellow-management {
    background: rgba(254, 246, 155, 0.7) !important;
}

.m-seclect01.m-colorback.gray {
    color: #000 !important;
}

.border-right-yellow {
    border-right: 2px #ffd00d solid !important;
}

.border-right-pink {
    border-right: 2px #fb6090 solid !important;
}

.border-right-blue {
    border-right: 2px #2db4b9 solid !important;
}

.m-roboto {
    font-family: "Roboto", sans-serif;
}

.m-txtdecoration {
    text-decoration: underline;
}

.flex-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.flex-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.notification-for-businesses {
    margin-bottom: 25px;
}

.width-1 {
    width: calc(1 * (100% + 1px)) !important;
}

.width-2 {
    width: calc(2 * (100% + 1px)) !important;
}

.width-3 {
    width: calc(3 * (100% + 1px)) !important;
}

.width-4 {
    width: calc(4 * (100% + 1px)) !important;
}

.width-5 {
    width: calc(5 * (100% + 1px)) !important;
}

.width-6 {
    width: calc(6 * (100% + 1px)) !important;
}

.width-7 {
    width: calc(7 * (100% + 1px)) !important;
}

.zindex-2 {
    z-index: 2 !important;
}

.zindex-3 {
    z-index: 3 !important;
}

.zindex-4 {
    z-index: 4 !important;
}

.zindex-5 {
    z-index: 5 !important;
}

.zindex-6 {
    z-index: 6 !important;
}

.zindex-7 {
    z-index: 7 !important;
}

.zindex-8 {
    z-index: 8 !important;
}

.zindex-9 {
    z-index: 9 !important;
}

.position-relative-top {
    position: relative !important;
    top: -33px !important;
}

.position-relative-bottom {
    position: relative !important;
    bottom: -33px !important;
}

.m-relative {
    position: relative !important;
}

.m-absolute {
    position: absolute !important;
}

.icon-select-new,
.icon-message-menu,
.icon-calendar-menu,
.icon-ques01,
.icon-link,
.icon-ques,
.icon-font,
.icon-price,
.icon-calendar,
.icon-calendar1,
.icon-job,
.icon-jobContent,
.icon-map,
.icon-bag,
.icon-video,
.icon-remark,
.icon-search,
.icon-dotblue,
.icon-dotblue1,
.icon-people,
.icon-select,
.icon-square,
.icon-pen,
.icon-others,
.icon-ellipsis,
.icon-book {
    position: relative;
}
.icon-select-new:before,
.icon-message-menu:before,
.icon-calendar-menu:before,
.icon-ques01:before,
.icon-link:before,
.icon-ques:before,
.icon-font:before,
.icon-price:before,
.icon-calendar:before,
.icon-calendar1:before,
.icon-job:before,
.icon-jobContent:before,
.icon-map:before,
.icon-bag:before,
.icon-video:before,
.icon-remark:before,
.icon-search:before,
.icon-dotblue:before,
.icon-dotblue1:before,
.icon-people:before,
.icon-select:before,
.icon-square:before,
.icon-pen:before,
.icon-others:before,
.icon-ellipsis:before,
.icon-book:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: 100% !important;
    -o-object-fit: contain;
    object-fit: contain;
}

.icon-ques01:before {
    background: url(../img/icon_ques01.svg) center center no-repeat;
    left: inherit;
    right: -25px;
    width: 24px;
    height: 24px;
}
.icon-ques01.m-sub-ques {
    margin-left: 5px;
}

.icon-message-menu:before {
    background: url(../img/icon_message_menu.svg) center center no-repeat;
    width: 24px;
    height: 24px;
}

.icon-calendar-menu:before {
    background: url(../img/icon_calendar_menu.svg) center center no-repeat;
    width: 22px;
    height: 24px;
}

.icon-book:before {
    background: url(../img/icon_book.svg) center center no-repeat;
    top: 12px;
    left: 0;
    width: 23px;
    height: 17px;
}

.icon-link:before {
    background: url(../img/icon_01.svg) center center no-repeat;
    left: inherit;
    right: -22px;
    width: 16px;
    height: 16px;
}

.icon-ques:before {
    background: url(../img/icon_ques.svg) center center no-repeat;
    left: inherit;
    right: -25px;
    width: 19px;
    height: 19px;
}

.icon-font:before {
    content: "";
    background: #1a3188;
    width: 1px;
    height: 35px;
    position: absolute;
    top: 57px;
    left: 50%;
}

.m-dot {
    position: relative;
    padding-left: 10px;
}
.m-dot:before {
    content: "";
    background: #000;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 12px;
    left: 0;
    border-radius: 50%;
}

.icon-pen::before {
    background: url("../img/icon_pen.png") top center no-repeat;
    width: 17px;
    height: 17px;
    top: 15px;
}

.icon-price::before {
    background: url("../img/icon_price.svg") top center no-repeat;
    width: 23px;
    height: 25px;
}

.icon-job::before {
    background: url("../img/icon_job.svg") top center no-repeat;
    width: 22px;
    height: 25px;
}

.icon-jobContent::before {
    background: url("../img/icon_job-content.svg") top center no-repeat;
    width: 22px;
    height: 25px;
}

.icon-bag::before {
    background: url("../img/icon_bag.svg") top center no-repeat;
    width: 23px;
    height: 21px;
}

.icon-video::before {
    background: url("../img/icon_video.svg") top center no-repeat;
    width: 23px;
    height: 21px;
}

.icon-remark::before {
    background: url("../img/icon_remark.svg") top center no-repeat;
    width: 23px;
    height: 21px;
}

.icon-map::before {
    background: url("../img/icon_map.svg") top center no-repeat;
    width: 10.5px;
    height: 15px;
}

.icon-search::before {
    background: url("../img/img_search.svg") top center no-repeat;
    left: 31px;
    width: 21px;
    height: 22px;
    cursor: pointer;
    top: 53%;
}

.icon-calendar::before {
    background: url("../img/icon_calendar.svg") center center no-repeat;
    left: -25px;
    width: 20px;
    height: 16px;
    top: 45%;
}

.icon-calendar1::before {
    background: url("../img/icon_calendar1.svg") center center no-repeat;
    left: -25px;
    width: 25px;
    height: 20px;
}

.icon-people::before {
    background: url("../img/icon_people.svg") center center no-repeat;
    width: 25px;
    height: 23px;
}

.icon-dotblue:before {
    background: #1a3188;
    width: 10px;
    height: 20px;
}

.icon-square:before {
    background: #1a3188;
    width: 8px;
    height: 8px;
}

.icon-select:before {
    background: url("../img/arr_bottom.svg") center center no-repeat;
    width: 10px;
    height: 6px;
    left: auto;
    right: 19px;
    pointer-events: none;
    background-size: 100%;
    z-index: 9;
}

.icon-others:before {
    background: url("../img/icon_tilde.svg") center center no-repeat;
    width: 14px;
    height: 20px;
    right: 5%;
    left: inherit;
    background-size: 100%;
}
@media screen and (max-width: 640px) {
    .icon-others:before {
        right: 10%;
    }
}

.icon-ellipsis:before {
    background: url("../img/icon_dot.svg") center center no-repeat;
    width: 19px;
    height: 3px;
    right: 5%;
    left: inherit;
    background-size: 100%;
}

.icon-closecheck {
    position: relative;
}
.icon-closecheck:before {
    content: "\f2d3";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    left: -19px;
    font-size: 17px;
    font-size: 1.0625rem;
    top: -4px;
    color: #d60000;
    margin-right: 3px;
}

.m-dotsetting {
    position: absolute;
    top: 23px;
    right: 0;
    cursor: pointer;
}

.m-hidden {
    display: none;
}
@media screen and (max-width: 768px) {
    .m-hidden {
        display: block;
    }
}

.m-cursor {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.pointer-events {
    pointer-events: none !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.invisible {
    opacity: 0 !important;
    height: auto !important;
}

.invisible01 {
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.invisible02 {
    opacity: 0 !important;
    height: 1px !important;
}

.m-opacity {
    opacity: 0 !important;
}

.m-opacity05 {
    opacity: 0.5 !important;
}

.m-visibility {
    visibility: hidden !important;
}

.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

.display-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.display-inlineblock {
    display: inline-block !important;
}

.pdLR0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mL0 {
    margin-left: 0 !important;
}

.mR0 {
    margin-right: 0 !important;
}

.mB0 {
    margin-bottom: 0 !important;
}

.mT0 {
    margin-top: 0 !important;
}

.pL0 {
    padding-left: 0 !important;
}

.pR0 {
    padding-right: 0 !important;
}

.pB0 {
    padding-bottom: 0 !important;
}

.pT0 {
    padding-top: 0 !important;
}

.width100 {
    width: 100% !important;
}

.m-height100 {
    height: 100% !important;
}

.m-add-image {
    max-width: 155px !important;
    height: 38px !important;
}

.max-width100 {
    max-width: 100% !important;
}

.m-boxselect select {
    width: 100%;
}

.position-absolute {
    position: absolute !important;
    opacity: 0 !important;
    height: auto !important;
    pointer-events: none;
}

.popup-note-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 200;
}
.popup-note-message .box-alert-message {
    width: auto;
    max-width: 650px;
    padding: 40px 50px;
    -webkit-box-shadow: 2px 2px 2px;
    box-shadow: 2px 2px 2px;
}
.popup-note-message .text-alert-message {
    font-size: 18px;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .popup-note-message .box-alert-message {
        padding: 10px 20px;
    }
    .popup-note-message .text-alert-message {
        font-size: 12px;
        font-size: 0.75rem;
    }
}

@media screen and (max-width: 768px) {
    @supports (-webkit-overflow-scrolling: touch) {
        /* CSS specific to iOS devices */
        input[type="color"],
        input[type="date"],
        input[type="datetime"],
        input[type="datetime-local"],
        input[type="email"],
        input[type="month"],
        input[type="number"],
        input[type="password"],
        input[type="search"],
        input[type="tel"],
        input[type="text"],
        input[type="time"],
        input[type="url"],
        input[type="week"],
        input,
        select,
        textarea {
            font-size: 16px !important;
        }
    }
    /* iPhone Portrait */
}
@media screen and (max-width: 768px) and (max-device-width: 480px) and (orientation: portrait) {
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    input,
    select,
    textarea {
        font-size: 16px !important;
    }
}
::-webkit-input-placeholder {
    color: #919191;
}
::-moz-placeholder {
    color: #919191;
}
:-ms-input-placeholder {
    color: #919191;
}
::-ms-input-placeholder {
    color: #919191;
}
::placeholder {
    color: #919191;
}

input {
    color: #000 !important;
}

.input-notice {
    font-weight: 400 !important;
}

.boxselect-text-right select,
.boxselect-text-right select option {
    -moz-text-align-last: right;
    text-align-last: right;
    direction: rtl;
}

@media not all and (-webkit-min-device-pixel-ratio: 0),
    not all and (min-resolution: 0.001dpcm) {
    select {
        line-height: normal;
    }
}

select,
select option {
    color: #000000;
}

select:invalid,
select option[value=""] {
    color: #919191;
}

select.gray {
    color: #919191;
}

.grayout option:first-child {
    color: #000;
}

.txt-center {
    text-align: center !important;
}

.txt-left {
    text-align: left !important;
}

.txt-right {
    text-align: right !important;
}

.txt-justify {
    text-align: justify !important;
}

.margin-auto {
    margin: auto;
}

.border-r0 a::after {
    display: block !important;
}
@media screen and (max-width: 425px) {
    .border-r0 a::after {
        display: none !important;
    }
}

.border-bottom {
    border-bottom: 1px solid #e3e3e3;
}

.form-group input {
    border: 1px #a8a8a8 solid;
}

.m-textmap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-scrollbar {
    height: 75px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625;
    overflow-y: auto;
    padding: 10px 12px;
    resize: none;
    width: 100%;
    border: 1px #a8a8a8 solid;
    border-radius: 5px;
}
.m-scrollbar textarea:focus {
    outline: none;
}

textarea {
    resize: none;
}

::-webkit-scrollbar {
    width: 7px;
    background: #e2e2e2;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    border-radius: 5x;
}

::-webkit-scrollbar-thumb {
    background: #c9c9c9;
    border-radius: 10px;
}

.is-invalid {
    border: 1px solid #e22828 !important;
}

.m-input157 {
    width: 157px !important;
    margin: 0 10px;
    padding-left: 0 !important;
    text-align: center;
}

.m-displayflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-errorprofile {
    color: #e22828;
    font-style: italic;
    font-weight: 300;
    margin-top: 5px;
}

.m-error {
    color: #e22828;
    font-style: italic;
    font-weight: 300;
    font-size: 13px;
    font-size: 0.8125rem;
}

.m-boxchoose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
    .m-boxchoose {
        padding: 0 6.2%;
    }
}
.m-boxchoose .m-txtexpress {
    letter-spacing: 0.2em;
}
.m-boxchoose .m-boxselect {
    background: #1a3188;
    border-radius: 15px;
    display: block;
    font-size: 13px;
    font-size: 0.8125rem;
    height: 28px;
    margin-left: 5px;
    text-align: center;
}
.m-boxchoose .m-boxselect select {
    color: #fff;
    width: 120px;
}
.m-boxchoose .m-boxselect select:focus {
    outline: 0;
}
.m-boxchoose .m-boxselect.icon-select:before {
    width: 7px;
    height: 4px;
    right: 13px;
}

.m-btnslide .m-btn01 {
    max-width: 161px;
    height: 38px;
    font-size: 14px;
    font-size: 0.875rem;
}

.m-blockslider__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 16px 0 18px;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #818181;
}

.slick-arrow {
    cursor: pointer;
    position: relative;
}
.slick-arrow::after {
    content: "";
    background: url("../img/arr_pre.svg") top center no-repeat;
    width: 6px;
    height: 9px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: 100%;
}
.slick-arrow.prev {
    padding-left: 20px;
}
.slick-arrow.prev::after {
    left: 0;
}
.slick-arrow.next {
    padding-right: 20px;
}
.slick-arrow.next::after {
    background-image: url("../img/arr_next.svg");
    right: 0;
}

@media screen and (max-width: 768px) {
    .m-btn01 {
        margin-bottom: 12px;
    }
}

.form-checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-size: 0.8125rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 20px;
}
.form-checkbox input {
    margin-bottom: 0;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: auto;
}
.form-checkbox input:checked ~ .checkmark {
    background-color: #1a3188;
    border: 0;
}
.form-checkbox input:checked ~ .checkmark:after {
    display: block;
}
.form-checkbox .checkmark {
    position: absolute;
    top: 50%;
    left: 1px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px #a8a8a8 solid;
}
.form-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 52%;
    top: 2px;
    width: 4px;
    height: 8px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: translatex(-50%) rotate(45deg);
    transform: translatex(-50%) rotate(45deg);
}

.m-detail__form .form-checkbox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.l-content {
    padding-bottom: 200px !important;
    padding-top: 132px;
}
@media screen and (max-width: 768px) {
    .l-content {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}

.l-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 24px 18px 22px;
    background: #1a3188;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 900;
}
@media screen and (max-width: 768px) {
    .l-header {
        padding: 9px 17px 9px 24px;
    }
}
@media screen and (max-width: 1000px) {
    .l-header .m-logo img {
        width: 178px;
    }
}
@media (max-width: 900px) and (min-width: 768px) {
    .l-header .m-logo img {
        width: 125px;
    }
}
@media screen and (max-width: 768px) {
    .l-header .m-logo img {
        width: 123px;
    }
}
.l-header .m-logo__text {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-left: 6px;
    letter-spacing: 0.1em;
}
@media (max-width: 1200px) and (min-width: 768px) {
    .l-header .m-logo__text {
        display: block;
    }
}
@media screen and (max-width: 1000px) {
    .l-header .m-logo__text {
        font-size: 11px;
        font-size: 0.6875rem;
        display: none;
    }
}
.l-header .m-btnlogin {
    margin-left: auto;
    max-width: 156px;
    width: 100%;
    background: #fff;
    color: #1a3188;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 36px;
    text-align: center;
    display: block;
    border-radius: 25px;
}
.l-header .m-btnlogintoppage {
    background: transparent;
    color: #fff;
    border: 1px #fff solid;
    max-width: 87px;
    width: 100%;
}
.l-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    line-height: 1;
}
.l-header li {
    position: relative;
    margin-left: 23px;
}
@media (max-width: 1250px) and (min-width: 768px) {
    .l-header li {
        margin-left: 20px;
    }
}
@media screen and (max-width: 1000px) {
    .l-header li {
        margin-left: 10px;
    }
}
.l-header li a {
    position: relative;
}
@media screen and (max-width: 768px) {
    .l-header li a {
        margin-right: 0;
    }
}
.l-header li.m-item4 {
    margin-left: 29px;
}
@media screen and (max-width: 1000px) {
    .l-header li.m-item4 {
        margin-left: 10px;
    }
}
.l-header li.m-item5 {
    margin-left: 32px;
}
@media screen and (max-width: 1000px) {
    .l-header li.m-item5 {
        margin-left: 15px;
    }
}
.l-header li.m-item6 {
    margin-left: 33px;
}
@media screen and (max-width: 1000px) {
    .l-header li.m-item6 {
        margin-left: 15px;
    }
}
.l-header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
    .l-header__content {
        height: 30px;
    }
}
.l-header__glnv {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 768px) {
    .l-header__glnv {
        display: block;
    }
}
.l-header__glnv ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .l-header__glnv ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }
}
.l-header__glnv li a {
    font-size: 14px;
    font-size: 0.875rem;
}
@media (max-width: 1100px) and (min-width: 768px) {
    .l-header__glnv li a {
        font-size: 12px;
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 1000px) {
    .l-header__glnv li a {
        font-size: 11px;
        font-size: 0.6875rem;
    }
}
@media screen and (max-width: 768px) {
    .l-header__glnv li a {
        color: #fff;
        font-size: 16px;
        font-size: 1rem;
        line-height: 50px;
    }
}
.l-header__glnv li a:hover {
    border-bottom: 1px #fff solid;
}
.l-header li.is-active > a {
    border-bottom: 1px #fff solid;
}
.l-header .m-logout {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 2.6153846154;
    border-radius: 25px;
    border: 1px #fff solid;
    padding: 0 20px;
    display: inline-block;
    margin-left: 23px;
}
@media (max-width: 800px) and (min-width: 768px) {
    .l-header .m-logout {
        margin-left: 10px;
    }
}
@media screen and (max-width: 768px) {
    .l-header .m-logout {
        margin: 34px auto 8px;
        height: 36px;
    }
}

.m-notemenu {
    font-size: 10px;
    font-size: 0.625rem;
    position: relative;
    z-index: 5;
    top: -3px;
    left: 1px;
    margin-left: 12px;
    pointer-events: none;
}
.m-notemenu:before {
    content: "";
    background: #ff5c8e;
    width: 18px;
    height: 18px;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    top: 0;
    right: 40%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
@media not all and (-webkit-min-device-pixel-ratio: 0),
    not all and (min-resolution: 0.001dpcm) {
    .m-notemenu:before {
        top: inherit;
        right: 3px;
    }
}
.m-notemenu.m-notemenu01 {
    top: -9px;
    left: -3px;
    margin-left: 0;
    display: none;
}
@media screen and (max-width: 768px) {
    .m-notemenu.m-notemenu01 {
        display: block;
    }
}
.m-notemenu.m-notemenu01:before {
    top: 1px;
    right: 50%;
}

.is-showlogo {
    position: relative;
    z-index: 999;
}

@media screen and (max-width: 768px) {
    .menu-station .is-showmenu ul {
        border-top: 1px #dddddd solid;
    }
    .is-showlogo {
        position: relative;
        z-index: 999;
    }
    .sec-gnav {
        position: fixed;
        top: 0;
        left: -100%;
        background: #1a3188;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: 100%;
        height: 100vh;
        max-height: 622px;
        -webkit-transition: 0.2s ease-in;
        transition: 0.2s ease-in;
        z-index: 900;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-font-feature-settings: "palt" 1;
        font-feature-settings: "palt" 1;
        padding-top: 51px;
        padding-bottom: 16px;
        text-align: center;
    }
    .sec-gnav.is-showmenu {
        left: 0;
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }
    .sec-gnav.is-showmenu ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sec-gnav.is-showmenu li {
        width: 50%;
        text-align: center;
        margin-left: 0;
        display: inline-block;
    }
    .sec-gnav.is-showmenu .m-item01 {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 3px 0 4px;
    }
    .sec-gnav.is-showmenu .m-item01 a {
        letter-spacing: 0.1em;
    }
    .sec-gnav.is-showmenu .m-item01 a::before {
        right: -29px;
    }
    .sec-gnav.is-showmenu .m-itemmaxwidth {
        width: 100%;
        position: relative;
    }
    .sec-gnav.is-showmenu .m-item02 a {
        margin-right: 22px;
        letter-spacing: 0.07em;
    }
    .sec-gnav.is-showmenu .m-item09 {
        line-height: 46px;
    }
    .sec-gnav.is-showmenu > ul > li {
        border-bottom: 1px #dddddd solid;
        border-right: 1px #dddddd solid;
    }
    .sec-gnav.is-showmenu .m-boxpolicy > li {
        border-bottom: 0;
        border-right: 0;
    }
    .sec-gnav.is-showmenu .m-boxpolicy > li a {
        font-size: 12px;
        font-size: 0.75rem;
    }
    .sec-gnav .m-parent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sec-gnav .m-parent li {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin: 0 15px;
    }
    .sec-gnav .m-parent li a {
        font-size: 14px;
        font-size: 0.875rem;
        position: relative;
        line-height: 2.9;
    }
    .sec-gnav .m-parent li::after {
        content: "";
        background: #fff;
        position: absolute;
        top: 50%;
        right: -15px;
        width: 1px;
        height: 16px;
        pointer-events: none;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .sec-gnav .m-parent li:last-child::after {
        display: none;
    }
    .sec-gnav .m-parent02 {
        display: none;
    }
    .sec-gnav__btn {
        width: 24px;
        height: 22px;
        margin-left: auto;
        cursor: pointer;
        margin-top: 8px;
    }
    .sec-gnav__btn span {
        width: 24px;
        height: 2px;
        background: #fff;
        display: block;
        margin-bottom: 5px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }
    .sec-gnav__btn.is-menuopen {
        position: absolute;
        right: 10px;
        top: 13px;
        z-index: 999;
        margin-top: 0;
    }
    .sec-gnav__btn.is-menuopen span {
        background: #fff;
    }
    .sec-gnav__btn.is-menuopen span:nth-child(1) {
        -webkit-transform: translate(-14px, 11px) rotate(-28deg);
        transform: translate(-14px, 11px) rotate(-28deg);
    }
    .sec-gnav__btn.is-menuopen span:nth-child(2) {
        opacity: 0;
    }
    .sec-gnav__btn.is-menuopen span:nth-child(3) {
        -webkit-transform: translate(-14px, -3px) rotate(28deg);
        transform: translate(-14px, -3px) rotate(28deg);
    }
}
.menu-nurse {
    height: 30px;
}
.menu-nurse .m-logo img {
    width: 123px;
}
.menu-nurse .m-logo__text {
    display: none;
}
.menu-nurse .m-logout {
    margin: 24px 0 12px;
}
.menu-nurse .sec-gnav {
    position: fixed;
    top: 0;
    left: -100%;
    background: #1a3188;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 100%;
    height: 100vh;
    max-height: 622px;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    z-index: 900;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    padding-top: 51px;
    padding-bottom: 16px;
    text-align: center;
}
.menu-nurse .sec-gnav.is-showmenu {
    left: 0;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.menu-nurse .sec-gnav.is-showmenu ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.menu-nurse .sec-gnav.is-showmenu li {
    width: 50%;
    text-align: center;
    margin-left: 0;
    display: inline-block;
}
.menu-nurse .sec-gnav.is-showmenu li a {
    line-height: 50px;
}
.menu-nurse .sec-gnav.is-showmenu .m-item01 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px #f7f7f7 solid;
}
.menu-nurse .sec-gnav.is-showmenu .m-item01 a {
    letter-spacing: 0.1em;
}
.menu-nurse .sec-gnav.is-showmenu .m-item01 a::before {
    right: -29px;
}
.menu-nurse .sec-gnav.is-showmenu .m-itemmaxwidth {
    width: 100%;
    position: relative;
}
.menu-nurse .sec-gnav.is-showmenu .m-item02 a {
    margin-right: 22px;
    letter-spacing: 0.07em;
}
.menu-nurse .sec-gnav.is-showmenu .m-item09 {
    line-height: 46px;
}
.menu-nurse .sec-gnav.is-showmenu .m-item10 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgb(255, 126, 114);
    background: linear-gradient(
        155deg,
        rgb(255, 126, 114) 0%,
        rgb(252, 92, 142) 100%
    );
}
.menu-nurse .sec-gnav.is-showmenu .m-item10 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.menu-nurse .sec-gnav.is-showmenu .m-item10 ul li {
    width: 50%;
}
.menu-nurse .sec-gnav.is-showmenu .m-item10 ul li .m-sub-item10 {
    margin-left: 33px;
}
.menu-nurse .sec-gnav.is-showmenu .m-sub-item10 {
    width: 50%;
}
.menu-nurse .sec-gnav.is-showmenu .m-sub-item10 .m-sub01-item10 {
    padding-left: 33px;
}
.menu-nurse .sec-gnav.is-showmenu .m-sub-item10 .m-sub02-item10 {
    padding-left: 36px;
}
.menu-nurse .sec-gnav.is-showmenu > ul > li {
    border-bottom: 1px #f7f7f7 solid;
}
.menu-nurse .sec-gnav.is-showmenu > ul > li > a {
    font-size: 16px;
    font-size: 1rem;
}
.menu-nurse .sec-gnav.is-showmenu .m-boxpolicy > li {
    border-bottom: 0;
    border-right: 0;
}
.menu-nurse .sec-gnav.is-showmenu .m-boxpolicy > li a {
    font-size: 12px;
    font-size: 0.75rem;
}
.menu-nurse .sec-gnav .m-parent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.menu-nurse .sec-gnav .m-parent li {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 15px;
}
.menu-nurse .sec-gnav .m-parent li a {
    font-size: 14px;
    font-size: 0.875rem;
    position: relative;
    line-height: 2.9;
}
.menu-nurse .sec-gnav .m-parent li::after {
    content: "";
    background: #fff;
    position: absolute;
    top: 50%;
    right: -15px;
    width: 1px;
    height: 16px;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-nurse .sec-gnav .m-parent li:last-child::after {
    display: none;
}
.menu-nurse .sec-gnav .m-parent02 {
    display: none;
}
@media screen and (max-width: 640px) {
    .menu-nurse .sec-gnav .m-parent02 {
        max-width: 280px;
        margin: auto;
    }
}
.menu-nurse .sec-gnav__btn {
    width: 24px;
    height: 22px;
    margin-left: auto;
    cursor: pointer;
    margin-top: 8px;
}
.menu-nurse .sec-gnav__btn span {
    width: 24px;
    height: 2px;
    background: #fff;
    display: block;
    margin-bottom: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.menu-nurse .sec-gnav__btn.is-menuopen {
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 999;
    margin-top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-nurse .sec-gnav__btn.is-menuopen span {
    background: #fff;
}
.menu-nurse .sec-gnav__btn.is-menuopen span:nth-child(1) {
    -webkit-transform: translate(-14px, 11px) rotate(-28deg);
    transform: translate(-14px, 11px) rotate(-28deg);
}
.menu-nurse .sec-gnav__btn.is-menuopen span:nth-child(2) {
    opacity: 0;
}
.menu-nurse .sec-gnav__btn.is-menuopen span:nth-child(3) {
    -webkit-transform: translate(-14px, -3px) rotate(28deg);
    transform: translate(-14px, -3px) rotate(28deg);
}
.menu-nurse .m-notemenu.m-notemenu01 {
    display: block;
}

@media screen and (max-width: 640px) {
    .m-parent .m-itemparent:after {
        display: none;
    }
}

.m-arrbtn {
    background: url(../img/icon_arr_02.svg) center center no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 6px;
    background-size: 10px 6px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 100%;
    padding: 20px;
    cursor: pointer;
}
.m-arrbtn-op {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.form-group {
    max-width: 448px;
    width: 100%;
    margin: 0 auto 40px;
}
.form-group input {
    width: 100%;
    border-radius: 5px;
    font-size: 16px;
    font-size: 1rem;
    padding-left: 16px;
}
.form-group.form-checkbox input,
.form-group .form-checkbox input {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.m-forgetpassword {
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625;
    color: #498fef;
    width: 100%;
    display: block;
    margin: 10px;
}
.c-btnsubmit {
    max-width: 448px;
    margin: 0 auto 40px;
    text-align: center;
    display: block;
    width: 100%;
    background: #1a3188;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.7777777778;
    height: 50px;
}

.m-boxpass {
    text-align: center;
}

.m-discontent {
    display: block !important;
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
    margin: auto;
}

.m-search select {
    direction: rtl;
}

.sec-search .m-title {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .sec-search .m-wrapper {
        max-width: 100%;
        padding: 0;
    }
}
.sec-search .m-search {
    background: #f5f5f5;
    padding: 56px 0 57px;
    margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
    .sec-search .m-search {
        padding: 33px 24px 26px;
    }
}
.sec-search .m-search__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 828px;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    .sec-search .m-search__form {
        max-width: 552px;
    }
}
@media screen and (max-width: 768px) {
    .sec-search .m-search__form {
        display: inherit;
        max-width: 100%;
        width: 100%;
    }
}
.sec-search .m-search label {
    width: 100%;
}
.sec-search .m-search .m-boxselect {
    width: 62%;
    text-align: right;
    font-size: 14px;
    font-size: 0.875rem;
}
.sec-search .m-search .m-boxselect:after {
    display: none;
}
@media screen and (max-width: 768px) {
    .sec-search .m-search .m-boxselect {
        width: 100%;
    }
}
.sec-search .m-search .m-boxsubmit {
    width: 100%;
    display: block;
}
.sec-search .m-search .m-boxsubmit .c-btnsubmit {
    max-width: 448px;
    width: 100%;
    margin: 25px auto 0;
}
.sec-search .m-search .m-textselect {
    color: #a8a8a8;
    cursor: default;
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
}
.sec-search .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px #a8a8a8 solid;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    height: 38px;
    max-width: 448px;
    width: 100%;
    margin: auto auto 10px auto;
}
@media screen and (max-width: 768px) {
    .sec-search .form-group {
        max-width: 100%;
        margin-bottom: 10px;
    }
}
.sec-search .m-seclect01 {
    width: 100%;
    display: block;
    width: 100%;
}
.sec-search .m-boxselect {
    position: relative;
}
@media screen and (max-width: 768px) {
    .sec-search .m-boxselect {
        text-align: right;
    }
}
.sec-search .m-boxselect:after {
    content: "";
    background: url("../img/arr_bottom.svg") center center no-repeat;
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 5px;
    pointer-events: none;
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .sec-search .m-boxselect:after {
        display: none;
    }
}
.sec-search .m-boxselect select:focus {
    outline: none;
}
.sec-search .m-boxdate input {
    font-size: 14px;
    font-size: 0.875rem;
}

.sec-information .m-address {
    padding-left: 24px;
}
.sec-information .m-selfintroduction {
    padding-left: 24px;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sec-information .m-introduce {
    background: #f5f5f5;
    padding: 10px 13px 8px;
    line-height: 2.1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width: 1000px) {
    .sec-information .m-introduce {
        padding: 6px 13px;
    }
}
.sec-information .m-like {
    top: 46.5%;
    right: 12px;
}
@media screen and (max-width: 1000px) {
    .sec-information .m-like {
        top: 47.5%;
    }
}
.sec-information .m-inforrank {
    margin-bottom: 5px;
}

.l-nurselist .form-group {
    margin-bottom: 0;
}

.m-information__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 3.5714285714;
}
@media screen and (max-width: 768px) {
    .m-information__filter {
        display: inherit;
    }
}

.m-filter a {
    font-size: 13px;
    font-size: 0.8125rem;
    border-radius: 15px;
    color: #fff;
    text-align: center;
    padding: 4px 12px;
}

.m-highestorder {
    background: #1a3188;
    margin-left: 7px;
    margin-right: 6px;
}

.m-loginorder {
    background: #a2a2a2;
}

.m-switch {
    position: relative;
    display: inline-block;
    width: 43px;
    height: 23px;
}
.m-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.m-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.m-slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 3px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.m-slider.m-round {
    border-radius: 12px;
}
.m-slider:before {
    border-radius: 50%;
}

.m-btnfilter input:checked + .m-slider {
    background-color: #1a3188;
}

.m-btnfilter input:focus + .m-slider {
    -webkit-box-shadow: 0 0 1px #1a3188;
    box-shadow: 0 0 1px #1a3188;
}

.m-btnfilter input:checked + .m-slider:before {
    -webkit-transform: translateX(26px);
    transform: translateX(26px);
    left: 0;
}

.m-btnfilter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-textintroduction {
    margin-right: 5px;
}

.m-photo {
    margin-right: 6px;
}

.box-filter01 {
    margin-right: 13px;
}

.m-information__filter {
    margin-bottom: 19px;
}
.m-information__list {
    margin-bottom: 45px;
}
.m-information__list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
    .m-information__list ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.m-information__list li {
    width: 29.5%;
    margin-right: 5.75%;
    margin-bottom: 31px;
    position: relative;
}
@media screen and (max-width: 1000px) {
    .m-information__list li {
        width: 48%;
        margin-right: 0;
        min-height: auto;
        margin-bottom: 40px;
    }
}
@media (max-width: 640px) {
    .m-information__list li {
        width: 100%;
    }
}
.m-information__list li:nth-child(3n + 3) {
    margin-right: 0 !important;
}

.l-stationnurselist .m-information__list li {
    width: 30.8%;
    margin-right: 3.75%;
    margin-bottom: 41px;
}
@media screen and (max-width: 1000px) {
    .l-stationnurselist .m-information__list li {
        width: 48%;
        margin-right: 0;
    }
}
@media (max-width: 640px) {
    .l-stationnurselist .m-information__list li {
        width: 100%;
    }
}
.l-stationnurselist .m-information__list li:nth-child(3n + 3) {
    margin-right: 0;
}
.l-stationnurselist .m-like {
    top: 215px;
    right: 12px;
}
.l-stationnurselist .m-titlelist {
    padding: 0 40px;
}

.m-titlelist {
    border-bottom: 1px #dddddd solid;
}

.m-inforlogo__img {
    width: 175px;
    height: 175px;
    margin: auto;
    text-align: center;
    display: block;
    border-radius: 50%;
    margin-bottom: 13px;
}

.m-checklike__input {
    position: absolute;
    left: -100vw;
}
.m-checklike__input:checked + label svg path {
    fill: #1a3188;
}

.m-checklike__labe {
    color: #aab8c2;
    font-size: 20px;
    font-size: 1.25rem;
    cursor: pointer;
}

.m-titlelist {
    text-align: center;
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 5px;
}

.m-like {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}
.m-like label svg {
    width: 27px;
    height: 24px;
}

.m-rate-like-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.m-rate-like-container .left-margin {
    margin-right: 10px;
}

.m-nickname {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.6923076923;
}

.m-areainfor {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 2;
    -webkit-font-feature-settings: "palt" 0;
    font-feature-settings: "palt" 0;
}

.m-inforoccupation {
    color: #1a3188;
    background: #ebedf4;
    display: inline-block;
    border-radius: 15px;
    padding: 1px 16px;
    margin-bottom: 13px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    white-space: nowrap;
}

.m-wagebox-red {
    color: #ebedf4;
    background: #ff0000;
    display: inline-block;
    border-radius: 15px;
    padding: 1px 16px;
    margin-bottom: 13px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    white-space: nowrap;
}

.m-wagebox-pink{
    color: #ebedf4;
    background: #ff69b4;
    display: inline-block;
    border-radius: 15px;
    padding: 1px 16px;
    margin-bottom: 13px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    white-space: nowrap;
}

.m-wagebox-navy {
    color: #ebedf4;
    background: #1a3188;
    display: inline-block;
    border-radius: 15px;
    padding: 1px 16px;
    margin-bottom: 13px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    white-space: nowrap;
}

.m-evaluated {
    color: #66500f;
    background: #ffd700;
    display: inline-block;
    border-radius: 15px;
    padding: 1px 16px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c-pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1a3188;
}
.c-pagination li a {
    border: 1px #1a3188 solid;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 4px;
    font-size: 14px;
    font-size: 0.875rem;
    position: relative;
}
@media screen and (max-width: 768px) {
    .c-pagination li a {
        font-size: 13px;
        font-size: 0.8125rem;
        width: 36px;
        height: 36px;
    }
}
@media (max-width: 320px) {
    .c-pagination li a {
        font-size: 13px;
        font-size: 0.8125rem;
        margin: 0 3px;
        width: 30px;
        height: 30px;
    }
}
.c-pagination li.active a,
.c-pagination li:hover a {
    background: #1a3188;
    color: #fff;
    opacity: 1;
    position: relative;
}
.c-pagination li:hover a:after {
    border-color: #fff;
}
.c-pagination .m-right {
    position: relative;
    right: -14px;
}
.c-pagination .m-right a::after {
    border-bottom: 1px solid #1a3188;
    border-left: 1px solid #1a3188;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-right: 4px;
}
@media screen and (max-width: 640px) {
    .c-pagination .m-right {
        margin-left: 10px;
        right: 0;
    }
}
.c-pagination .m-left {
    position: relative;
    left: -14px;
}
.c-pagination .m-left a::after {
    border-top: 1px solid #1a3188;
    border-right: 1px solid #1a3188;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-left: 4px;
}
@media screen and (max-width: 640px) {
    .c-pagination .m-left {
        margin-right: 10px;
        left: 0;
    }
}
.c-pagination .m-left a:after,
.c-pagination .m-right a:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
}
.c-pagination .m-left:hover a:after,
.c-pagination .m-right:hover a:after {
    border-color: #fff;
}
.c-pagination .m-left.disabled a,
.c-pagination .m-right.disabled a {
    border-color: #a8a8a8;
}
.c-pagination .m-left.disabled a::after,
.c-pagination .m-right.disabled a::after {
    border-color: #a8a8a8;
}
.c-pagination .m-left.disabled:hover a,
.c-pagination .m-right.disabled:hover a {
    border-color: #a8a8a8;
}
.c-pagination .m-left.disabled:hover a::after,
.c-pagination .m-right.disabled:hover a::after {
    border-color: #a8a8a8;
}
.c-pagination .disabled:hover a {
    border-color: #a8a8a8;
    background: transparent;
}
.c-pagination .m-dothidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ui-datepicker {
    z-index: 1000 !important;
}

.l-viewjob .l-header {
    margin-bottom: 58px;
}
@media screen and (max-width: 768px) {
    .l-viewjob .l-header {
        margin-bottom: 37px;
    }
}
.l-viewjob .sec-search .m-title {
    margin-bottom: 25px;
}
.l-viewjob .sec-search .m-search {
    padding: 33px 0 26px;
    margin-bottom: 34px;
}
@media screen and (max-width: 768px) {
    .l-viewjob .sec-search .form-group {
        margin-bottom: 8px;
    }
}
.l-viewjob .sec-search .m-seclect01 {
    letter-spacing: 0.15em;
}
.l-viewjob .sec-search .m-boxdate input {
    letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
    .l-viewjob .m-title_jp {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1;
    }
}
@media screen and (max-width: 768px) {
    .l-viewjob .m-title_en {
        font-size: 13px;
        font-size: 0.8125rem;
    }
}
.l-viewjob .m-search__form {
    width: 95%;
}
.l-viewjob .m-imgviewjob {
    width: 100%;
    text-align: center;
    margin-bottom: 3px;
}
.l-viewjob .m-titlelist {
    border: 0;
}
.l-viewjob .m-boxjob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
}
.l-viewjob .m-inforoccupation {
    margin-bottom: 0;
}
.l-viewjob .m-searchjob {
    letter-spacing: 0.05em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.l-viewjob .m-searchsubjob {
    letter-spacing: 0.05em;
    font-size: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.l-viewjob .m-selfintroduction {
    letter-spacing: 0.14em;
    padding-left: 0;
    font-size: 10px;
}
.l-viewjob .m-inforrank .m-address {
    padding-left: 22px;
    font-size: 10px;
}
.l-viewjob .m-information__list {
    margin-bottom: 0;
}
.l-viewjob .m-information__list li {
    margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
    .l-viewjob .m-information__list li {
        margin-bottom: 16px;
    }
}
.l-viewjob .see-more.m-more {
    max-width: 155px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.7142857143;
    margin-top: 30px;
    height: 38px;
}
@media screen and (max-width: 768px) {
    .l-viewjob .see-more.m-more {
        margin-top: 3px;
    }
}
.l-viewjob .l-content {
    padding-bottom: 55px;
}
.l-viewjob .l-footer {
    padding: 30px 0 33px;
}
@media screen and (max-width: 768px) {
    .l-viewjob .l-footer {
        padding: 13px 0;
    }
}

@media screen and (max-width: 768px) {
    .l-nursefavorite .m-boxlike {
        padding-top: 7px;
    }
}

/* @media screen and (max-width: 768px) {
    .l-nurseoffer .m-btnoffer {
        height: 38px;
        max-width: 155px;
    }
} */

.m-photojob {
    width: 100%;
    max-width: 100%;
    height: 222px;
    overflow: hidden;
    margin-bottom: 13px;
    position: relative;
}
.m-photojob img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}

.m-box-enddeadline {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(168, 168, 168, 0.4);
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 900;
    -webkit-font-feature-settings: "palt" 0;
    font-feature-settings: "palt" 0;
}

@media screen and (max-width: 768px) {
    .l-nursejoblist .m-search label {
        font-size: 13px;
        font-size: 0.8125rem;
    }
    .l-nursejoblist .m-boxdate input,
    .l-nursejoblist .m-seclect01 {
        font-size: 15px;
        font-size: 0.9375rem;
    }
    .l-nursejoblist .c-btnsubmit {
        font-size: 16px;
        font-size: 1rem;
    }
    .l-nursejoblist .c-btnsubmit.icon-search::before {
        left: 26px;
    }
    .l-nursejoblist .sec-search .m-wrapper {
        width: 100%;
    }
    .l-nursejoblist .sec-search .m-search {
        padding: 33px 15px 40px;
        margin-bottom: 36px;
    }
}

.m-price {
    color: #1a3188;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 3px;
    font-family: "Roboto", sans-serif;
    line-height: 1.3;
    letter-spacing: 0.02em;
}

.m-boxlike label svg {
    width: 18px;
    height: 16px;
}

.m-boxlike {
    position: absolute;
    top: 24px;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px;
    z-index: 20;
}

.nurse-boxlike .m-boxlike {
    bottom: 1px;
    top: unset;
    height: 24px;
}

.l-footer {
    position: relative;
    border-top: 1px #dddddd solid;
    padding: 20px 0;
    color: #868686;
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 0.01em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: center;
    margin-top: auto;
}
@media screen and (max-width: 768px) {
    .l-footer {
        padding: 12px 0;
        font-size: 10px;
        font-size: 0.625rem;
    }
}
.l-footer .m-footer__text {
    letter-spacing: 0.1em;
}

.m-footer__menu {
    position: absolute;
    top: 0;
    right: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
@media screen and (max-width: 1000px) {
    .m-footer__menu {
        right: 15px;
    }
}
@media screen and (max-width: 768px) {
    .m-footer__menu {
        position: inherit;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.m-footer__menu li:not(:last-child) a {
    border-right: 1px #818181 solid;
    margin-right: 19px;
    padding-right: 19px;
}

.m-boxdate input {
    padding-left: 0;
}
.m-boxdate input:focus {
    outline: none;
}

.focus-none {
    border: 0 !important;
}
.focus-none:focus {
    outline: 0 !important;
}

.sec-login .form-group input {
    border: 1px #a8a8a8 solid;
    height: 46px;
    margin-bottom: 16px;
    color: #919191;
}

.m-profilepicture {
    position: relative;
}

.icon-closefile {
    position: absolute;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    right: -10px;
    bottom: -12px;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #e22828;
    border-radius: 50%;
    z-index: 99;
    cursor: pointer;
}
.icon-closefile:before {
    content: "x";
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.icon-closefile:hover {
    background: #f76b6b;
}

.m-detail__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.m-detail__form label {
    font-size: 14px;
    font-size: 0.875rem;
    margin-left: 9px;
}
.m-detail__form .form-group {
    width: 33%;
    margin: 0 0 10px 0;
}
@media screen and (max-width: 640px) {
    .m-detail__form .form-group {
        width: 47%;
    }
}
.m-detail .form-checkbox .checkmark {
    background: #e8eaf3;
    border: 0;
}
.m-detail .form-checkbox .checkmark:after {
    border-color: #1a3188;
}
.m-detail .form-checkbox input:checked ~ .checkmark {
    background-color: #e8eaf3;
    border: 0;
}

.m-calendar-inner {
    position: relative;
}
.m-calendar-inner table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
}
.m-calendar-inner td {
    text-align: center;
    vertical-align: middle;
    width: 14.2857142857%;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 1px;
}
.m-calendar-inner td.not-m-current-linkbox {
    color: #c0c0c0;
}
.m-calendar-inner td.today {
    color: #000;
}
.m-calendar-inner thead td {
    border: none;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 1.25rem;
}
.m-calendar-inner .m-btncalendar {
    position: absolute;
    top: -10px;
}
.m-calendar-inner .m-btncalendar {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #d3e3e3;
}
.m-calendar-inner .m-btncalendar::after {
    font-family: "Font Awesome 6 Free";
    position: absolute;
    font-weight: 900;
    top: 10px;
    font-size: 33px;
    font-size: 2.0625rem;
}
.m-calendar-inner .m-btnnext:after {
    content: "\f105";
}
.m-calendar-inner .m-btnpre::after {
    content: "\f104";
}
.m-calendar-inner .m-btnpre {
    left: 6px;
}
.m-calendar-inner .m-btnnext {
    right: 21px;
}
.m-calendar-inner .item-red,
.m-calendar-inner .item-gray,
.m-calendar-inner .item-gray-none,
.m-calendar-inner .item-red01,
.m-calendar-inner .item-green {
    width: 100%;
    height: 60px;
    font-size: 11px;
    font-size: 0.6875rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f0f0f0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.m-calendar-inner .item-red .hourfrom:before,
.m-calendar-inner .item-red01 .hourfrom:before,
.m-calendar-inner .item-green .hourfrom:before,
.m-calendar-inner .item-gray .hourfrom:before {
    content: "";
    background: #000;
    width: 1px;
    height: 5px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
}
.m-calendar-inner .item-gray .hourfrom:before {
    background-color: #999;
}
.m-calendar-inner .item-gray-none {
    text-indent: -9999px;
}
.m-calendar-inner .item-red {
    background-color: #f1a59f;
    color: #000;
}
.m-calendar-inner .item-red01 {
    background-color: #e7c8c6;
    color: #aaa;
}
.m-calendar-inner .item-red01 .hourfrom:before {
    background-color: #999;
}
.m-calendar-inner .item-green {
    background-color: #bae0e0;
}
.m-calendar-inner .item-red:after,
.m-calendar-inner .item-red01:after {
    content: "X";
    font-family: "Font Awesome 6 Free";
    font-size: 45px;
    font-size: 2.8125rem;
    position: absolute;
    color: #ca685d;
    font-weight: 900;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}
@media (max-width: 1250px) {
    .m-calendar-inner .item-red:after,
    .m-calendar-inner .item-red01:after {
        font-size: 40px;
        font-size: 2.5rem;
    }
}
@media (max-width: 320px) {
    .m-calendar-inner .item-red:after,
    .m-calendar-inner .item-red01:after {
        font-size: 33px;
        font-size: 2.0625rem;
    }
}
.m-calendar-inner .box-hour {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
}
.m-calendar-inner .hourfrom {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 5px;
}
.m-calendar-inner .days td:nth-child(6) {
    color: #549293;
}
.m-calendar-inner .days td:nth-child(7) {
    color: #ed2c2c;
}
.m-calendar-inner .months {
    padding: 10px;
}

.block-calendarcontainer {
    position: relative;
}

.m-calendar-new {
    padding: 56px 70px;
    position: relative;
}
.m-calendar-new table {
    clear: both;
    width: 100%;
    border-collapse: inherit;
}
.m-calendar-new td {
    text-align: left;
    vertical-align: top;
    width: 14.2857142857%;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Roboto", sans-serif;
    color: #6a6a6a;
    -webkit-box-shadow: 1px 0 0 0 #dcdcdc, 0 1px 0 0 #dcdcdc,
        1px 1px 0 0 #dcdcdc, 1px 0 0 0 #dcdcdc inset, 0 1px 0 0 #dcdcdc inset;
    box-shadow: 1px 0 0 0 #dcdcdc, 0 1px 0 0 #dcdcdc, 1px 1px 0 0 #dcdcdc,
        1px 0 0 0 #dcdcdc inset, 0 1px 0 0 #dcdcdc inset;
    max-height: 105px;
    height: 105px;
    line-height: 1;
    padding-top: 8px;
    max-width: 122px;
    position: relative;
}
@media screen and (max-width: 1000px) {
    .m-calendar-new td {
        font-size: 15px;
        font-size: 0.9375rem;
        padding-top: 8px;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new td {
        font-size: 10px;
        font-size: 0.625rem;
        -webkit-box-shadow: 1px 0 0 0 #f2f2f2, 0 1px 0 0 #f2f2f2,
            1px 1px 0 0 #f2f2f2, 1px 0 0 0 #f2f2f2 inset,
            0 1px 0 0 #f2f2f2 inset;
        box-shadow: 1px 0 0 0 #f2f2f2, 0 1px 0 0 #f2f2f2, 1px 1px 0 0 #f2f2f2,
            1px 0 0 0 #f2f2f2 inset, 0 1px 0 0 #f2f2f2 inset;
        padding-top: 5px;
        height: 54px;
        max-height: 54px;
        min-width: 40px;
        max-width: 40px;
    }
}
.m-calendar-new td.m-daycolorgray {
    color: rgba(106, 106, 106, 0.2);
}
.m-calendar-new td.m-daycolorgray01 {
    color: rgba(0, 0, 0, 0.5);
}
.m-calendar-new td.m-daycolorblue {
    color: #2e5ed1;
}
.m-calendar-new td.m-daycolorblue01 {
    color: rgba(46, 94, 209, 0.5);
}
.m-calendar-new td.m-daycolorred {
    color: #c8392f;
}
.m-calendar-new td.m-daycolorred01 {
    color: rgba(200, 57, 47, 0.5);
}
.m-calendar-new td.m-daycolorblack {
    color: #000000;
}
.m-calendar-new td.m-daybgkgray {
    background: rgb(235, 235, 235);
}
.m-calendar-new td.m-daybgkgray01 {
    background: #e6e9f2;
}
.m-calendar-new td.m-daybgkgray02 {
    background: #f5f5f5;
}
.m-calendar-new td.m-dayborder {
    -webkit-box-shadow: 1px 0 0 0 #1a3188, 0 1px 0 0 #1a3188,
        1px 1px 0 0 #1a3188, 1px 0 0 0 #1a3188 inset, 0 1px 0 0 #1a3188 inset;
    box-shadow: 1px 0 0 0 #1a3188, 0 1px 0 0 #1a3188, 1px 1px 0 0 #1a3188,
        1px 0 0 0 #1a3188 inset, 0 1px 0 0 #1a3188 inset;
    position: relative;
    z-index: 2;
}
.m-calendar-new td .m-daybgkyellow {
    background: #fef69b;
    color: #000;
}
.m-calendar-new td .m-daybgkpink {
    background: #fed1e0;
    color: #000;
}
.m-calendar-new td .m-daybgkblue {
    background: #c3e7e8;
    color: #000;
}
.m-calendar-new td .m-daybgkyellow01 {
    background: rgba(254, 246, 155, 0.5);
    color: rgba(0, 0, 0, 0.5);
}
.m-calendar-new td .m-daybgkpink01 {
    background: rgba(254, 209, 224, 0.5);
    color: rgba(0, 0, 0, 0.5);
}
.m-calendar-new td .m-daybgkblue01 {
    background: rgba(195, 231, 232, 0.5);
    color: rgba(0, 0, 0, 0.5);
}
.m-calendar-new .box-date03 {
    padding-left: 9px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .box-date03 {
        padding-left: 3px;
    }
}
.m-calendar-new thead {
    background: #404867;
    color: #fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    overflow: hidden;
}
.m-calendar-new thead td {
    height: 58px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new thead td {
        height: 48px;
    }
}
.m-calendar-new thead td,
.m-calendar-new .days td {
    font-family: "Noto Sans JP", sans-serif;
    border: none;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    padding: 0;
    font-size: 22px;
    font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
    .m-calendar-new thead td,
    .m-calendar-new .days td {
        font-size: 16px;
        font-size: 1rem;
    }
}
.m-calendar-new .days td {
    font-size: 16px;
    font-size: 1rem;
    height: 41px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .days td {
        -webkit-box-shadow: 1px 0 0 0 #f2f2f2, 0 1px 0 0 #f2f2f2,
            1px 1px 0 0 #f2f2f2, 1px 0 0 0 #f2f2f2 inset,
            0 1px 0 0 #f2f2f2 inset;
        box-shadow: 1px 0 0 0 #f2f2f2, 0 1px 0 0 #f2f2f2, 1px 1px 0 0 #f2f2f2,
            1px 0 0 0 #f2f2f2 inset, 0 1px 0 0 #f2f2f2 inset;
        font-size: 10px;
        font-size: 0.625rem;
        height: 20px;
    }
}
.m-calendar-new .m-btncalendar {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #d3e3e3;
    position: absolute;
    top: 23px;
    z-index: 66;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-btncalendar {
        top: 20px;
    }
}
.m-calendar-new .m-btnpre {
    left: 28px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-btnpre {
        left: 18px;
    }
}
.m-calendar-new .m-btnnext {
    right: 28px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-btnnext {
        right: 18px;
    }
}
.m-calendar-new .m-btnpre:after,
.m-calendar-new .m-btnnext:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-btnpre:after,
    .m-calendar-new .m-btnnext:after {
        width: 8px;
        height: 8px;
    }
}
.m-calendar-new .m-btnpre:after {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-btnpre:after {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
    }
}
.m-calendar-new .m-btnnext:after {
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-btnnext:after {
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
    }
}
.m-calendar-new .item-gray-none {
    text-indent: -9999px;
}
.m-calendar-new .box-hour {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 8px;
    line-height: 25px;
    padding-left: 9px;
    margin-left: 1px;
}
@media screen and (max-width: 1000px) {
    .m-calendar-new .box-hour {
        font-size: 12px;
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new .box-hour {
        font-size: 10px;
        font-size: 0.625rem;
        line-height: 15px;
        margin-top: 2px;
        padding-left: 3px;
    }
}
@media screen and (max-width: 640px) {
    .m-calendar-new .box-hour {
        font-size: 7px;
        font-size: 0.4375rem;
        line-height: 12px;
    }
}
@media (max-width: 320px) {
    .m-calendar-new .box-hour {
        font-size: 6px;
        font-size: 0.375rem;
    }
}
.m-calendar-new .months {
    color: #fff;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.m-calendar-new .block-monthcontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 54px;
}
@media screen and (max-width: 640px) {
    .m-calendar-new .block-monthcontainer {
        padding: 0 40px;
    }
}
.m-calendar-new .m-boxnotecalendar01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.m-calendar-new .m-boxnotecalendar01 .m-imgboxnote {
    background: #c3e7e8;
    width: 46px;
    height: 21px;
    margin-right: 7px;
}
.m-calendar-new .m-boxnotecalendar01 .m-textboxnote {
    font-size: 16px;
    font-size: 1rem;
}
.m-calendar-new .block-selecttime01 {
    background: url("../img/icon_bgday.png") top center no-repeat;
    background-size: 100%;
    width: 34px;
    height: 24px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 20;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .block-selecttime01 {
        width: 25px;
        height: 18px;
    }
}
.m-calendar-new .block-selecttime01:hover {
    opacity: 0.8;
}
.m-calendar-new .block-freetime {
    position: absolute;
    top: 100%;
    right: -50%;
    z-index: 55;
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 15px;
    padding: 12px 20px 23px;
    font-size: 16px;
    font-size: 1rem;
    width: 179px;
    color: #000;
    display: none;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
@media screen and (max-width: 1000px) {
    .m-calendar-new .block-freetime {
        right: -30%;
        font-size: 14px;
        font-size: 0.875rem;
        width: 130px;
        padding: 12px 10px 23px;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new .block-freetime {
        right: -25%;
        margin-bottom: 5px;
        border-radius: 5px;
        padding: 5px;
        font-size: 10px;
        font-size: 0.625rem;
        width: 90px;
    }
}
@media screen and (max-width: 640px) {
    .m-calendar-new .block-freetime {
        right: -50%;
    }
}
@media (max-width: 320px) {
    .m-calendar-new .block-freetime {
        font-size: 8px;
        font-size: 0.5rem;
        width: 76px;
    }
}
.m-calendar-new .block-freetime .hour-freetime:not(:last-child) {
    margin-bottom: 9px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .block-freetime .hour-freetime:not(:last-child) {
        margin-bottom: 5px;
    }
}
.m-calendar-new .block-freetime .box-inner-freetime {
    height: 70px;
    max-height: 100px;
    overflow-y: auto;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .block-freetime .box-inner-freetime {
        height: 45px;
    }
}
.m-calendar-new .day-freetime {
    font-size: 20px;
    font-size: 1.25rem;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 9px;
    margin-bottom: 16px;
}
@media screen and (max-width: 1000px) {
    .m-calendar-new .day-freetime {
        font-size: 18px;
        font-size: 1.125rem;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new .day-freetime {
        font-size: 14px;
        font-size: 0.875rem;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
}
.m-calendar-new .day-iconfreetime {
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .day-iconfreetime {
        font-size: 10px;
        font-size: 0.625rem;
    }
}
.m-calendar-new .m-blocknotication-calendarnew {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    position: relative;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-blocknotication-calendarnew {
        margin-top: 10px;
    }
}
.m-calendar-new .m-blocknotication-calendarnew .m-boxnotecalendar01 {
    margin-right: 15px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-blocknotication-calendarnew .m-boxnotecalendar01 {
        margin-bottom: 10px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-blocknotication-calendarnew .m-textboxnote {
        font-size: 10px;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new .m-blocknotication-calendarnew .m-imgboxnote {
        width: 25px;
        height: 10px;
        margin-right: 3px;
    }
}

.normal .item-green,
.box-hour {
    cursor: pointer;
}

.m-offerdatetime .m-titldetail {
    font-size: 16px;
    font-size: 1rem;
}

.m-calendar-new01 {
    padding: 0;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new01 {
        margin-top: 0;
    }
}
.m-calendar-new01 .days td {
    font-size: 10px;
    font-size: 0.625rem;
    height: 20px;
}
@media (max-width: 1000px) and (min-width: 768px) {
    .m-calendar-new01 .days td {
        font-size: 16px;
        font-size: 1rem;
        height: 41px;
    }
}
.m-calendar-new01 td {
    font-size: 10px;
    font-size: 0.625rem;
    height: 53px;
    min-width: 40px;
    max-width: 40px;
    padding-top: 4px;
}
@media (max-width: 1000px) and (min-width: 768px) {
    .m-calendar-new01 td {
        font-size: 15px;
        font-size: 0.9375rem;
        height: 105px;
        padding-top: 8px;
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new01 td {
        font-size: 15px;
        font-size: 0.9375rem;
        padding-right: 0;
        height: 65px;
    }
}
@media screen and (max-width: 640px) {
    .m-calendar-new01 td {
        font-size: 10px;
        font-size: 0.625rem;
        height: 50px;
    }
}
.m-calendar-new01 .box-date03 {
    padding-left: 3px;
}
@media screen and (max-width: 1000px) {
    .m-calendar-new01 .box-date03 {
        padding-left: 9px;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new01 .box-date03 {
        padding-left: 3px;
    }
}
.m-calendar-new01 .box-hour {
    font-size: 7px;
    font-size: 0.4375rem;
    margin-top: 3px;
    line-height: 13px;
    padding-left: 3px;
}
@media (max-width: 1000px) and (min-width: 768px) {
    .m-calendar-new01 .box-hour {
        font-size: 12px;
        font-size: 0.75rem;
        margin-top: 8px;
        line-height: 25px;
        padding-left: 9px;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new01 .box-hour {
        font-size: 12px;
        font-size: 0.75rem;
    }
}
@media screen and (max-width: 640px) {
    .m-calendar-new01 .box-hour {
        font-size: 7px;
        font-size: 0.4375rem;
    }
}
@media (max-width: 320px) {
    .m-calendar-new01 .box-hour {
        font-size: 6px;
        font-size: 0.375rem;
        line-height: 10px;
    }
}
.m-calendar-new01 thead {
    background: none;
}
.m-calendar-new01 thead td {
    font-size: 16px;
    font-size: 1rem;
}
.m-calendar-new01 .months {
    color: #000000;
    font-size: 16px;
    font-size: 1rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 1000px) and (min-width: 768px) {
    .m-calendar-new01 .months {
        font-size: 22px;
        font-size: 1.375rem;
    }
}
.m-calendar-new01 .m-btnpre {
    left: 0;
}
.m-calendar-new01 .m-btnnext {
    right: 0;
}
.m-calendar-new01 .m-btnpre:after,
.m-calendar-new01 .m-btnnext:after {
    top: 50px;
}
.m-calendar-new01 .m-btnpre:after {
    border-top: 3px solid rgba(0, 0, 0, 0.5);
    border-right: 3px solid rgba(0, 0, 0, 0.5);
    left: 0;
}
@media screen and (max-width: 768px) {
    .m-calendar-new01 .m-btnpre:after {
        border-top: 1px solid rgba(0, 0, 0, 0.5);
        border-right: 1px solid rgba(0, 0, 0, 0.5);
    }
}
.m-calendar-new01 .m-btnnext:after {
    border-bottom: 3px solid rgba(0, 0, 0, 0.5);
    border-left: 3px solid rgba(0, 0, 0, 0.5);
    right: 0;
}
@media screen and (max-width: 768px) {
    .m-calendar-new01 .m-btnnext:after {
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
        border-left: 1px solid rgba(0, 0, 0, 0.5);
    }
}
.m-calendar-new01 .block-monthcontainer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.m-calendar-new01 .after-month,
.m-calendar-new01 .before-month {
    display: none;
}

.m-calendar-new02 {
    padding: 0;
}
.m-calendar-new02 .box-hour {
    padding-left: 0;
}
@media screen and (max-width: 768px) {
    .m-calendar-new02 .box-hour {
        padding-left: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 15px;
        font-size: 10px;
        font-size: 0.625rem;
    }
}
@media (max-width: 320px) {
    .m-calendar-new02 .box-hour {
        font-size: 8px;
        font-size: 0.5rem;
        line-height: 12px;
    }
}
.m-calendar-new02 .box-hour span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.m-calendar-new02 .box-text05 {
    padding-left: 9px;
}
@media screen and (max-width: 768px) {
    .m-calendar-new02 .box-text05 {
        padding-left: 0;
    }
}
@media screen and (max-width: 768px) {
    .m-calendar-new02 td {
        min-width: 47px;
        max-width: 47px;
    }
}
@media (max-width: 320px) {
    .m-calendar-new02 td {
        min-width: 40px;
        max-width: 40px;
    }
}
.m-calendar-new02 .months {
    color: #000000;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 22px;
    font-size: 1.375rem;
}
@media screen and (max-width: 768px) {
    .m-calendar-new02 .months {
        font-size: 16px;
        font-size: 1rem;
    }
}
.m-calendar-new02 .block-monthcontainer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 20px 0;
}
.m-calendar-new02 .m-btnpre {
    left: 0;
}
.m-calendar-new02 .m-btnpre:after {
    border-top: 3px solid rgba(0, 0, 0, 0.5);
    border-right: 3px solid rgba(0, 0, 0, 0.5);
}
.m-calendar-new02 .m-btnnext {
    right: 0;
}
.m-calendar-new02 .m-btnnext:after {
    border-bottom: 3px solid rgba(0, 0, 0, 0.5);
    border-left: 3px solid rgba(0, 0, 0, 0.5);
}
.m-calendar-new02 thead {
    background: none;
}
.m-calendar-new02 .m-btncalendar {
    top: 12px;
}
.m-calendar-new02 .m-box-setdaytime {
    background: #f7f7f7;
    padding: 6px 8px 9px;
    font-size: 12px;
    font-size: 0.75rem;
    color: #6a6a6a;
}
.m-calendar-new02 .m-text-linkdaytime {
    font-size: 10px;
    font-size: 0.625rem;
    -webkit-font-feature-settings: "palt" 0;
    font-feature-settings: "palt" 0;
    margin-bottom: 3px;
}
.m-calendar-new02 .m-linkdetail-timeinfomation {
    margin-left: 12px;
    text-decoration: underline;
}
.m-calendar-new02 .m-box-timeinfomation {
    position: relative;
}
.m-calendar-new02 .m-box-timeinfomation li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 16px;
    border-bottom: 1px #f2f2f2 solid;
    cursor: pointer;
}
.m-calendar-new02 .m-box-timeinfomation li:hover {
    opacity: 0.8;
}
.m-calendar-new02 .m-number-timeinfomation {
    font-size: 10px;
    font-size: 0.625rem;
    padding: 8px 13px;
    color: #6a6a6a;
    font-family: "Roboto", sans-serif;
}
.m-calendar-new02 .m-text-timeinfomation {
    font-size: 12px;
    font-size: 0.75rem;
    color: #000;
    padding-left: 9px;
}
.m-calendar-new02 .m-btntimeinfomation {
    color: #fff;
    font-size: 10px;
    font-size: 0.625rem;
    padding: 2px 9px;
    font-weight: 700;
    border-radius: 2px;
    margin-right: 5px;
}
.m-calendar-new02 .m-addbtn-calendar {
    position: absolute;
    bottom: -35px;
    right: -20px;
    cursor: pointer;
    z-index: 10;
}
.m-calendar-new02 .m-addbtn-calendar:hover {
    opacity: 0.8;
}

.position-block-hour {
    position: absolute;
    width: 100%;
    white-space: nowrap;
}

.box-hour01 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.text-elippes {
    overflow: inherit;
}

.l-popupstationdetail .l-main {
    padding-top: 0;
}

.modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.modal.is-showpopup {
    display: block;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.modal-content {
    background-color: #fefefe;
    max-width: 329px;
    width: 95%;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
}
@media screen and (max-width: 768px) and (orientation: landscape) {
    .modal-content {
        max-height: 95%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .modal-content .m-closetime::before {
        top: 0;
        right: 0;
    }
    .modal-content .m-titletime {
        font-size: 15px !important;
    }
}
.modal-content .icon-others:before {
    right: -16%;
}
@media (max-width: 320px) {
    .modal-content {
        max-width: 280px;
    }
}
.modal-content .form-grouptime.m-starttime {
    margin-bottom: 20px;
}

.bg_popuphide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 950;
    background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 768px) {
    .bg_popuphide {
        height: calc(100% - 53px);
    }
}

.bg_popuphide1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 950;
    background-color: rgba(0, 0, 0, 0.5);
}

.bg_popuphide2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 950;
    background-color: rgba(0, 0, 0, 0.5);
}

.modalsaveimages {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.modalsaveimages::-webkit-scrollbar {
    display: none;
}
.modalsaveimages.is-showpopup {
    display: block;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.modalsaveimages.is-showpopup1 {
    display: block;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.modalsaveimages .modal-content {
    max-width: 1000px;
    text-align: center;
    padding-bottom: 0;
}
@media screen and (max-width: 768px) {
    .modalsaveimages .modal-content {
        max-width: 100%;
        width: 100%;
        border-radius: 0;
        height: 100%;
        padding-top: 47px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (max-width: 768px) {
    .modalsaveimages .modal-content .m-titletime {
        font-size: 16px;
        font-size: 1rem;
        background: #404867;
        color: #fff;
        border-radius: 0;
        width: 100%;
        display: inline-block;
    }
}
.modalsaveimages .m-boximagesmessage {
    margin: 40px auto;
    max-width: 915px;
    background: #fff;
}
@media screen and (max-width: 768px) {
    .modalsaveimages .m-boximagesmessage {
        margin: 40px 0 0 0;
    }
}
.modalsaveimages .m-boximagesmessage img {
    max-height: 520px;
}
.modalsaveimages .m-boxsaveimg {
    background: #efefef;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 11px 0 13px;
}
.modalsaveimages .m-boxsaveimg img {
    -o-object-fit: contain;
    object-fit: contain;
}
@media screen and (max-width: 768px) {
    .modalsaveimages .m-boxsaveimg {
        border-radius: 0;
        height: 53px;
    }
}
@media screen and (max-width: 768px) {
    .modalsaveimages .m-closetime::before {
        content: "";
        background: transparent url(../img/closetime.svg) top 50% center
            no-repeat;
        top: 55px;
        right: auto;
        left: 24px;
    }
}

.modalSaveimgcomplete {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.modalSaveimgcomplete .m-boxbtnsaveimg {
    margin: 28px 0 33px;
}
.modalSaveimgcomplete.is-showpopup2 {
    display: block;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.modalmessage {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}
.modalmessage.is-showpopup {
    display: block;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.m-boxbtnmessage {
    margin: 29px 0 30px;
}
.m-boxbtnmessage .m-btndeletemessage {
    margin-top: 12px;
    background: transparent;
    color: #e64545;
    border: 1px solid;
}

.block-timenew {
    width: 100%;
}

.form-timenew {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.form-timenew label {
    font-size: 14px;
    font-size: 0.875rem;
    width: 20%;
}
.form-timenew input {
    border: 1px #a8a8a8 solid;
    border-radius: 5px;
    height: 38px;
    width: 80%;
    padding-left: 14px;
    font-size: 13px;
    font-size: 0.8125rem;
}

.m-starttime {
    margin-right: 10%;
}

.m-closetime {
    cursor: pointer;
}
.m-closetime::before {
    content: "";
    background: #1a3188 url("../img/closetime.svg") top 50% center no-repeat;
    top: -15px;
    right: -15px;
    border-radius: 50%;
    width: 41px;
    height: 41px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: 12px 12px;
}

.m-closetime-new {
    cursor: pointer;
}
.m-closetime-new::before {
    content: "";
    background: #1a3188 url("../img/closetime.svg") top 50% center no-repeat;
    top: -15px;
    right: -15px;
    border-radius: 50%;
    width: 41px;
    height: 41px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: 12px 12px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.blur {
    opacity: 0.5;
}

.modal-content {
    border-radius: 5px;
    padding-bottom: 10px;
}

.m-titletime {
    background: #efefef;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    padding: 15px 0 12px;
    font-size: 14px;
    font-size: 0.875rem;
}

.form-time {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0 19px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 425px) {
    .form-time {
        padding: 0 15px 20px;
    }
}

.form-grouptime {
    margin-bottom: 10px;
    width: 45%;
}
.form-grouptime label {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 5px;
    display: block;
}
.form-grouptime select {
    border: 1px #a8a8a8 solid;
    border-radius: 5px;
    font-size: 13px;
    font-size: 0.8125rem;
    height: 38px;
    text-align: center;
    width: 100%;
    padding-left: 2%;
}
@media not all and (-webkit-min-device-pixel-ratio: 0),
    not all and (min-resolution: 0.001dpcm) {
    .form-grouptime select {
        padding-left: 15px;
    }
}
.form-grouptime .m-seclect01 {
    margin-right: 27px;
    position: relative;
}
.form-grouptime .m-seclect01::before {
    background: url("../img/icon_arrtime.png") top center no-repeat;
    width: 12px;
    height: 19px;
    position: absolute;
    top: 50%;
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-grouptime01 {
    width: 100%;
}
.form-grouptime01 select {
    width: 100%;
    text-align: left;
    padding-left: 14px;
}

.form-group.form-breaktime {
    padding: 0;
}
.form-group.form-breaktime label {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 5px;
    display: block;
}
.form-group.form-breaktime input {
    font-size: 14px;
    font-size: 0.875rem;
    height: 38px;
    width: 100%;
    padding-left: 14px;
}

.form-breaktime01 {
    font-size: 14px;
    font-size: 0.875rem;
}

.form-group.form-breaktime01 .m-inputbreaktime {
    max-width: 140px;
    padding-left: 10px;
    margin: 0 5px;
    font-size: 13px;
    font-size: 0.8125rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 320px) {
    .form-group.form-breaktime01 .m-inputbreaktime {
        max-width: 98px;
        font-size: 10px;
        font-size: 0.625rem;
        padding-left: 5px;
    }
}

.m-timeselect {
    font-size: 16px;
    font-size: 1rem;
}

.m-blocktime {
    max-width: 291px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 17px 0 15px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
    position: relative;
}

.m-pretime:after,
.m-nexttime:after {
    content: "";
    background: url("../img/icon_arrtime.png") top center no-repeat;
    width: 12px;
    height: 19px;
    position: absolute;
    top: 50%;
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.m-pretime:after {
    left: 0;
    top: 20%;
    -webkit-transform: rotate(178deg) translateY(-50%);
    transform: rotate(178deg) translateY(-50%);
}

.m-nexttime:after {
    right: 0;
}

.container--tabs {
    max-width: 1000px;
    margin: auto;
    width: 95%;
}
@media screen and (max-width: 768px) {
    .container--tabs {
        max-width: 100%;
        width: 87.5%;
    }
}
.container--tabs .nav-tabs {
    width: 100%;
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f5f5f5;
    border-radius: 5px;
}
.container--tabs .nav-tabs > li {
    width: 50%;
    text-align: center;
    position: relative;
}
.container--tabs .nav-tabs > li > a {
    width: 100%;
    display: block;
    border-radius: 5px;
    padding: 21px 0;
    line-height: 1;
    font-size: 18px;
    font-size: 1.125rem;
}
.container--tabs .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
}
.container--tabs .nav-tabs > li.active::before {
    content: "";
    background: url("../img/arr_tab.svg") top center no-repeat;
    width: 16px;
    height: 11px;
    position: absolute;
    bottom: -11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 8;
}
.container--tabs .nav-tabs > li.active > a,
.container--tabs .nav-tabs > li.active > a:hover,
.container--tabs .nav-tabs > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #1a3188;
    border-bottom-color: transparent;
    text-align: center;
}
.container--tabs .tab-content {
    width: 100%;
    margin-top: 40px;
}
.container--tabs .tab-content > .tab-pane {
    display: none;
}
.container--tabs .tab-content > .tab-pane.active {
    display: block;
}
.container--tabs .tab-content > .active {
    display: block;
}

.selectMultiple {
    width: 100%;
    position: relative;
    border: 1px #a8a8a8 solid;
    border-radius: 5px;
}
.selectMultiple select {
    opacity: 0;
}
.selectMultiple > div {
    position: relative;
    z-index: 2;
    padding: 8px 12px 2px 12px;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
    font-size: 1rem;
    min-height: 46px;
}
.selectMultiple > div .arrow {
    right: 1px;
    top: 0;
    bottom: 0;
    cursor: pointer;
    width: 100%;
    position: absolute;
}
.selectMultiple > div span {
    color: #919191;
    display: block;
    position: absolute;
    left: 12px;
    cursor: pointer;
    top: 8px;
    line-height: 28px;
    width: 100%;
}
.selectMultiple > div span.hide {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(-4px, 0);
    transform: translate(-4px, 0);
}
.selectMultiple > div a {
    position: relative;
    padding: 0 24px 6px 8px;
    line-height: 28px;
    color: #000;
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 0 0;
}
.selectMultiple > div a em {
    font-style: normal;
    display: block;
    white-space: nowrap;
}
.selectMultiple > div a:before {
    content: "";
    left: 0;
    top: 0;
    bottom: 6px;
    width: 100%;
    position: absolute;
    display: block;
    background: rgba(228, 236, 250, 0.7);
    z-index: -1;
    border-radius: 4px;
}
.selectMultiple > div a i {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 28px;
    display: block;
}
.selectMultiple > div a i:before,
.selectMultiple > div a i:after {
    content: "";
    display: block;
    width: 2px;
    height: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #000;
    border-radius: 1px;
}
.selectMultiple > div a i:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.selectMultiple > div a i:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.selectMultiple > div a.notShown {
    opacity: 0;
}
.selectMultiple > div a.notShown:before {
    width: 28px;
}
.selectMultiple > div a.notShown i {
    opacity: 0;
}
.selectMultiple > div a.notShown em {
    opacity: 0;
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0);
}
.selectMultiple > div a.notShown.shown {
    opacity: 1;
}
.selectMultiple > div a.notShown.shown:before {
    width: 100%;
}
.selectMultiple > div a.notShown.shown i {
    opacity: 1;
}
.selectMultiple > div a.notShown.shown em {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.selectMultiple > div a.remove:before {
    width: 28px;
}
.selectMultiple > div a.remove i {
    opacity: 0;
}
.selectMultiple > div a.remove em {
    opacity: 0;
    -webkit-transform: translate(-12px, 0);
    transform: translate(-12px, 0);
}
.selectMultiple > div a.remove.disappear {
    opacity: 0;
}
.selectMultiple > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    font-size: 1rem;
    z-index: 1;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    border-radius: 8px;
    border: 1px #a8a8a8 solid;
    z-index: 10;
    background: #fff;
}
.selectMultiple > ul li {
    padding: 5px 16px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    text-align: right;
}
.selectMultiple > ul li:first-child {
    border-radius: 8px 8px 0 0;
}
.selectMultiple > ul li:first-child:last-child {
    border-radius: 8px;
}
.selectMultiple > ul li:last-child {
    border-radius: 0 0 8px 8px;
}
.selectMultiple > ul li:last-child:first-child {
    border-radius: 8px;
}
.selectMultiple > ul li:hover {
    background: #1a3188;
    color: #fff;
}
.selectMultiple > ul li:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    border-radius: 100%;
    -webkit-transform: scale(1, 1) translate(-50%, -50%);
    transform: scale(1, 1) translate(-50%, -50%);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.selectMultiple > ul li.beforeRemove {
    border-radius: 0 0 8px 8px;
}
.selectMultiple > ul li.beforeRemove:first-child {
    border-radius: 8px;
}
.selectMultiple > ul li.afterRemove {
    border-radius: 8px 8px 0 0;
}
.selectMultiple > ul li.afterRemove:last-child {
    border-radius: 8px;
}
.selectMultiple > ul li.remove {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.selectMultiple > ul li.remove:after {
    -webkit-animation: ripple 0.1s ease-out;
    animation: ripple 0.1s ease-out;
}
.selectMultiple > ul li.notShown {
    display: none;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.selectMultiple > ul li.notShown.show {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.selectMultiple.open > div .arrow:before {
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}
.selectMultiple.open > div .arrow:after {
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}
.selectMultiple.open > ul {
    opacity: 1;
    visibility: visible;
}

.select-text-left .selectMultiple.open > ul li {
    text-align: left;
}

.multiple-right .selectMultiple > div span {
    text-align: right;
}

@-webkit-keyframes ripple {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 1;
    }
    25% {
        -webkit-transform: scale(30, 30);
        transform: scale(30, 30);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(50, 50);
        transform: scale(50, 50);
    }
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 1;
    }
    25% {
        -webkit-transform: scale(30, 30);
        transform: scale(30, 30);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(50, 50);
        transform: scale(50, 50);
    }
}
.m-boxprofile-item02 .form-multiselect.form-group {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .m-boxprofile-item02 .form-multiselect.form-group {
        margin: 10px 0;
        display: block !important;
        padding-bottom: 10px;
    }
}
.m-boxprofile-item02 .form-multiselect.form-group label {
    line-height: 1;
    padding-top: 15px;
}
@media screen and (max-width: 768px) {
    .m-boxprofile-item02 .form-multiselect.form-group label {
        margin-bottom: 15px;
        padding-top: 0;
        display: block;
    }
}
.m-boxprofile-item02 .form-multiselect.form-group .m-boxselect {
    font-size: 14px;
    font-size: 0.875rem;
    width: 100%;
}
.m-boxprofile-item02
    .form-multiselect.form-group
    .m-boxselect.icon-select:before {
    top: 23px;
}
.m-boxprofile-item02 .form-multiselect.form-group .selectMultiple {
    border: 0;
}
@media screen and (max-width: 768px) {
    .m-boxprofile-item02 .form-multiselect.form-group .selectMultiple {
        border: 1px #a8a8a8 solid;
    }
}
.m-boxprofile-item02 .form-multiselect.form-group .selectMultiple > ul,
.m-boxprofile-item02 .form-multiselect.form-group .selectMultiple > div {
    font-size: 14px;
    font-size: 0.875rem;
}
.m-boxprofile-item02 .form-multiselect.form-group .selectMultiple > div {
    padding-right: 35px;
}
.m-boxprofile-item02 .form-multiselect.form-group .selectMultiple > div span {
    padding-right: 50px;
}
.m-boxprofile-item02 .form-multiselect.form-group .selectMultiple.open > div {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom-select-wrapper select {
    display: none;
}
.custom-select-wrapper .custom-boxchoose {
    position: relative;
    display: inline-block;
}
.custom-select-wrapper .custom-select-trigger {
    position: relative;
    display: block;
    width: 120px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 2.1538461538;
    color: #fff;
    background: #1a3188;
    border-radius: 15px;
    cursor: pointer;
}
.custom-select-wrapper .custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: 5px 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 20;
}
.custom-select-wrapper .custom-boxchoose.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.custom-select-wrapper .custom-option {
    position: relative;
    display: block;
    border: 1px solid #1a3188;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 2.1538461538;
    color: #1a3188;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 15px;
    background: #fff;
}
.custom-select-wrapper .custom-option:not(:last-child) {
    margin-bottom: 5px;
}
.custom-select-wrapper .custom-option:hover {
    background: #1a3188;
    color: #fff;
}

.l-termsofservice .m-boxsubtexttitle {
    margin-bottom: 30px;
    font-size: 18px;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .l-termsofservice .m-boxsubtexttitle {
        font-size: 16px;
        font-size: 1rem;
    }
}
.l-termsofservice .m-textintroprivacy {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .l-termsofservice .m-boxtitle01 {
        background: #f5f5f5;
    }
}
.l-termsofservice .m-boxtitle01 .m-wrapper {
    background: #f5f5f5;
}
.l-termsofservice .m-titldetail01 {
    margin-bottom: 20px;
}
.l-termsofservice .m-titldetail {
    margin-bottom: 10px;
}
@media screen and (max-width: 425px) {
    .l-termsofservice .m-titldetail.icon-dotblue:before {
        top: 16px;
    }
}
.l-termsofservice .m-subtitle {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .l-termsofservice .m-subtitle {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
.l-termsofservice .m-boxorder {
    padding-left: 20px;
}
.l-termsofservice .m-blocktermsofservice {
    margin-bottom: 20px;
}
.l-termsofservice .m-blocktermsofservice .m-order {
    list-style: decimal;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .l-termsofservice .m-blocktermsofservice .m-order {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
.l-termsofservice .m-blocktermsofservice .m-orderparent {
    padding-left: 40px;
}
@media screen and (max-width: 768px) {
    .l-termsofservice .m-blocktermsofservice .m-orderparent {
        padding-left: 30px;
    }
}
.l-termsofservice .m-blocktermsofservice .m-orderparent01 {
    padding-left: 50px;
}
@media screen and (max-width: 768px) {
    .l-termsofservice .m-blocktermsofservice .m-orderparent01 {
        padding-left: 30px;
    }
}
.l-termsofservice .m-blocktermsofservice .m-orderparent02 li {
    list-style: decimal;
}
.l-termsofservice .m-blocktermsofservice .m-orderchild {
    list-style: circle;
}

.l-privacypolicy .m-boxorder {
    padding-left: 50px;
}
@media screen and (max-width: 768px) {
    .l-privacypolicy .m-boxorder {
        padding-left: 30px;
    }
}
.l-privacypolicy .m-boxaddress {
    margin-bottom: 30px;
}
.l-privacypolicy .m-boxaddress ul {
    padding-left: 50px;
}
@media screen and (max-width: 768px) {
    .l-privacypolicy .m-boxaddress ul {
        padding-left: 30px;
    }
}
.l-privacypolicy .m-boxaddress li {
    list-style: disc;
}

.m-blockaddlocation {
    margin: 20px 0;
}

.m-boxtextlocation {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2;
    margin-top: 15px;
    margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
    .m-boxtextlocation {
        padding: 0 10px;
    }
}

.m-deleteform {
    max-width: 157px;
    width: 100%;
    display: block;
    text-align: center;
    background: #231815;
    color: #fff;
    padding: 9px 0;
    border-radius: 37px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.1875;
    letter-spacing: 0.05em;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    .m-deleteform {
        max-width: 100px;
    }
}

.m-boxbtndelete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
}
@media screen and (max-width: 768px) {
    .m-boxbtndelete {
        padding: 0 10px;
    }
}

.m-textservice {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 5px;
}

.m-btnsavelocation {
    margin-top: 40px;
}

.m-radio-edit {
    width: 0;
}

.m-boxprogressbar {
    margin-bottom: 30px;
    -webkit-font-feature-settings: "palt" 0;
    font-feature-settings: "palt" 0;
}
.m-boxprogressbar .m-texrprogressbar {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .m-boxprogressbar .m-texrprogressbar {
        margin-bottom: 15px;
    }
}
.m-boxprogressbar .m-fulfillment {
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 10px;
    color: #1a3188;
    font-weight: 700;
}
.m-boxprogressbar .m-progress {
    position: relative;
    height: 50px;
    width: 100%;
    background: #ebedf4;
}
.m-boxprogressbar .m-progress .m-colorprogressbar {
    position: absolute;
    background: rgb(70, 86, 168);
    background: linear-gradient(
        155deg,
        rgb(70, 86, 168) 0%,
        rgb(26, 49, 136) 100%
    );
    width: 0%;
    height: 50px;
    -webkit-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;
}

.m-boxselect-mypage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.delete-nearest-depot,
.delete-nearest-depot01 {
    max-width: 46px;
    width: 100%;
    margin-left: 15px;
    height: 46px;
    background: #fb0000;
    border-radius: 50px;
}

.delete-nearest-depot01,
.m-add-nearest {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    background: #fb0000;
    border-radius: 50px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 13px;
    font-size: 0.8125rem;
}

.m-add-nearest {
    background: #1a3188;
}

.tabpanel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.tabpanel__tab {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.tabpanel__tab:checked + .tabpanel__tablabel {
    color: black;
}
.tabpanel__tablabel {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 5px;
    color: white;
    font-weight: 700;
}
.tabpanel__tablabel:hover {
    cursor: pointer;
}
.tabpanel__panels {
    width: 100%;
    display: inline-block;
    overflow-y: auto;
    padding-top: 10px;
    margin-top: 10px;
}
.tabpanel__panel {
    display: none;
}
.tabpanel__panel > *:first-child {
    margin-top: 0;
}
.tabpanel__panel > *:last-child {
    margin-bottom: 0;
}
.tabpanel__panel > * + * {
    margin-top: 24px;
}

#tabpanel__tab-1:checked ~ .tabpanel__panels #tabpanel__panel-1,
#tabpanel__tab-2:checked ~ .tabpanel__panels #tabpanel__panel-2,
#tabpanel__tab-3:checked ~ .tabpanel__panels #tabpanel__panel-3,
#tabpanel__tab-4:checked ~ .tabpanel__panels #tabpanel__panel-4,
#tabpanel__tab-5:checked ~ .tabpanel__panels #tabpanel__panel-5 {
    display: block;
    position: relative;
    top: 0px;
}

.media__body > * {
    margin: 0;
}
.media__body > p + p,
.media__body > p + h2 {
    margin-top: 24px;
}

.media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 300px;
    overflow-y: auto;
}
.media::-webkit-scrollbar {
    display: none;
}

.m-blockemoji {
    position: relative;
    width: 100%;
}
@media screen and (max-width: 768px) {
    .m-blockemoji {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }
}

.emoji-popup {
    position: absolute;
    top: 0;
    left: -57px;
    height: auto;
    max-width: 700px;
    width: 100%;
    border-radius: 2px;
    text-align: left;
    overflow-y: auto;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    background: #fff;
    z-index: 99;
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%);
}
@media screen and (max-width: 768px) {
    .emoji-popup {
        left: 0;
    }
}
.emoji-popup .emoji-wrapper {
    overflow: hidden;
    padding: 10px;
    border-radius: 10px;
    border: 1px #ddd solid;
}
.emoji-popup .img-emoji {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 10px;
    cursor: pointer;
    -o-object-fit: cover !important;
    object-fit: cover !important;
}
.emoji-popup .img-emoji:nth-child(4n + 4) {
    margin-right: 0;
}
.emoji-popup.is-showemoji {
    opacity: 1;
    display: block;
    visibility: visible;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.tabpanel__tablabel {
    display: none !important;
}

.m-logo img {
    -o-object-fit: contain;
    object-fit: contain;
}

.modalgroupiconchat,
.modal-add-groupchat,
.modal-update-groupchat {
    display: none;
}
.modalgroupiconchat .block-timenew,
.modal-add-groupchat .block-timenew,
.modal-update-groupchat .block-timenew {
    margin: auto;
    padding: 20px 15px 5px;
}
.modalgroupiconchat .form-timenew input,
.modal-add-groupchat .form-timenew input,
.modal-update-groupchat .form-timenew input {
    width: 65%;
}
.modalgroupiconchat .m-addicongroup,
.modal-add-groupchat .m-addicongroup,
.modal-update-groupchat .m-addicongroup {
    border: 0;
    opacity: 0;
    width: 40px !important;
}
.modalgroupiconchat .m-boxaddicon,
.modal-add-groupchat .m-boxaddicon,
.modal-update-groupchat .m-boxaddicon {
    position: relative;
    width: 64%;
}
.modalgroupiconchat .m-boxaddicon:before,
.modal-add-groupchat .m-boxaddicon:before,
.modal-update-groupchat .m-boxaddicon:before {
    content: "+";
    border: 1px solid #a8a8a8;
    padding: 4px 15px;
    color: #a8a8a8;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    cursor: pointer;
    border-radius: 5px;
}
.modalgroupiconchat .form-timenew label,
.modal-add-groupchat .form-timenew label,
.modal-update-groupchat .form-timenew label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media screen and (max-width: 768px) {
    .modalgroupiconchat .form-timenew label,
    .modal-add-groupchat .form-timenew label,
    .modal-update-groupchat .form-timenew label {
        font-size: 12px;
        font-size: 0.75rem;
    }
}
.modalgroupiconchat .m-boxbtn02,
.modal-add-groupchat .m-boxbtn02,
.modal-update-groupchat .m-boxbtn02 {
    margin: 15px 0 20px;
}

.m-boxbtn02 {
    margin: 0 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
}
.m-boxbtn02 .m-btn01 {
    max-width: 145px;
}
@media (max-width: 320px) {
    .m-boxbtn02 .m-btn01 {
        height: 38px;
        max-width: 125px;
    }
}

.m-boxbtn03 {
    max-width: 450px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.modaldeletechatgroup {
    display: none;
}

.m-listmember {
    padding: 0 15px;
    margin-top: 20px;
    min-height: 150px;
    max-height: 226px;
    overflow-y: auto;
}
@media (max-width: 320px) {
    .m-listmember {
        max-height: 200px;
    }
}

.m-avata {
    margin-bottom: 10px;
}

.modallistmember,
.modal-add-groupchat {
    display: none;
}
.modallistmember .m-searchlistchat,
.modal-add-groupchat .m-searchlistchat {
    font-size: 16px;
    font-size: 1rem;
    border: 1px #a8a8a8 solid;
    border-radius: 5px;
    height: 38px;
}
.modallistmember .m-titletime,
.modal-add-groupchat .m-titletime {
    margin-bottom: 20px;
}
.modallistmember .box-formsearch,
.modal-add-groupchat .box-formsearch {
    position: relative;
    text-align: center;
}
.modallistmember .m-searchmemberlist,
.modal-add-groupchat .m-searchmemberlist {
    position: absolute;
    top: 50%;
    left: 0;
    color: #a8a8a8;
    left: 25px;
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.modallistmember .m-searchlistchat,
.modal-add-groupchat .m-searchlistchat {
    padding-left: 35px;
    max-width: 300px;
    width: 100%;
    text-align: left;
}
@media (max-width: 320px) {
    .modallistmember .m-searchlistchat,
    .modal-add-groupchat .m-searchlistchat {
        max-width: 255px;
    }
}
.modallistmember .m-avata,
.modal-add-groupchat .m-avata {
    cursor: pointer;
}
.modallistmember .m-boxavata,
.modal-add-groupchat .m-boxavata {
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modallistmember .form-checkbox .checkmark,
.modal-add-groupchat .form-checkbox .checkmark {
    top: 18px;
    width: 20px;
    height: 20px;
}
.modallistmember .form-checkbox .checkmark:after,
.modal-add-groupchat .form-checkbox .checkmark:after {
    left: 50%;
    width: 6px;
    height: 11px;
}

.m-btnbackchat {
    display: none;
}
@media screen and (max-width: 768px) {
    .m-btnbackchat {
        display: block;
    }
}

.modal-add-groupchat .form-timenew {
    margin-bottom: 15px;
}
.modal-add-groupchat .m-listmember {
    max-height: 176px;
    margin-top: 20px;
}
@media (max-width: 320px) {
    .modal-add-groupchat .m-listmember {
        min-height: 100px;
        max-height: 130px;
    }
}
.modal-add-groupchat .block-timenew {
    padding: 0 15px;
}
@media (max-width: 320px) {
    .modal-add-groupchat .m-boxbtn02 {
        margin: 15px 0 0;
    }
}

.m-listmember .m-photo img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.modal-update-groupchat .m-boxbtn02 {
    margin-top: 0;
}
.modal-update-groupchat .block-timenew {
    padding-bottom: 10px;
}

.m-btndeleteavata {
    max-width: 30%;
    height: 35px;
    margin-left: auto;
    margin-right: inherit;
    font-size: 14px;
    font-size: 0.875rem;
}

.title-addlistmember {
    position: absolute;
    top: 50%;
    left: 55px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modal-box01 {
    padding: 0 36px 39px;
    display: none;
}
@media screen and (max-width: 768px) {
    .modal-box01 {
        padding: 0 36px 30px;
    }
}
.modal-box01 .modal-content {
    max-width: 764px;
    padding-bottom: 42px;
}
@media screen and (max-width: 768px) {
    .modal-box01 .modal-content {
        max-width: 426px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 640px) {
    .modal-box01 .modal-content {
        max-width: 335px;
    }
}
@media (max-width: 320px) {
    .modal-box01 .modal-content {
        max-width: 290px;
        padding-bottom: 5px;
    }
}
.modal-box01 .block-form-groupdaytime {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 17px;
    margin-bottom: 20px;
}
.modal-box01 .block-form-offer {
    width: 100%;
    padding-bottom: 17px;
    margin-bottom: 20px;
}
.block-form-offer textarea.form-group-offer {
    height: 380px !important;
    overflow-y: auto;
}
.modal-box01 .m-titletime {
    -webkit-font-feature-settings: "palt" 0;
    font-feature-settings: "palt" 0;
    font-size: 18px;
    font-size: 1.125rem;
}
@media (max-width: 320px) {
    .modal-box01 .m-titletime {
        font-size: 14px;
        font-size: 0.875rem;
        padding: 10px 0;
    }
}
.modal-box01 .form-group-offer .m-boxselect,
.modal-box01 .block-formdaytime .m-boxselect {
    font-size: 16px;
    font-size: 1rem;
}
.modal-box01 label.m-timecol3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fef69b;
    border-radius: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    height: 28px;
}
@media screen and (max-width: 768px) {
    .modal-box01 label.m-timecol3 {
        width: auto;
        padding: 10px;
    }
}
@media (max-width: 320px) {
    .modal-box01 label.m-timecol3 {
        font-size: 11px;
        font-size: 0.6875rem;
        padding: 10px 5px;
    }
}
.modal-box01 .form-group-offer .custom-select {
    width: 80.7%;
    border: 1px solid #a8a8a8;
    border-radius: 5px;
    height: 38px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 768px) {
    .modal-box01 .form-group-offer .custom-select {
        width: 100%;
    }
}
.modal-box01 .form-grouptime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.modal-box01 .form-time {
    padding: 38px 36px 0 36px;
    max-height: 385px;
    height: 100%;
    overflow-y: auto;
}
.modal-box01 .form-offer {
    padding: 38px 36px 0 36px;
    max-height: 585px;
    height: 100%;
    overflow-y: auto;
}
@media screen and (max-width: 768px) {
    .modal-box01 .form-time {
        padding: 20px;
        max-height: 285px;
    }
}
@media (max-width: 320px) {
    .modal-box01 .form-time {
        padding: 10px;
        max-height: 265px;
    }
}
.modal-box01 .form-group-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 8px;
    border: 1px #a8a8a8 solid;
}
@media screen and (max-width: 768px) {
    .modal-box01 .form-group-offer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.modal-box01 .block-formdaytime01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 0 0 8px;
}
@media screen and (max-width: 768px) {
    .modal-box01 .block-formdaytime01 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 320px) {
    .modal-box01 .block-formdaytime01 {
        padding: 15px 0 15px 8px;
        margin-top: 10px;
    }
}
.modal-box01 .m-box01-daytime {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .modal-box01 .m-box01-daytime {
        margin-bottom: 13px;
        width: 100%;
    }
}
@media (max-width: 320px) {
    .modal-box01 .m-box01-daytime {
        padding-bottom: 10px;
    }
}
.modal-box01 .m-text-daytime01 {
    width: 75px;
    margin-right: 11px;
}
.modal-box01 .m-text-daytime02 {
    width: 106px;
}
.modal-box01 .m-text-daytime03 {
    width: 75px;
}
.modal-box01 .m-boxbtn-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-font-feature-settings: "palt" 0;
    font-feature-settings: "palt" 0;
    max-width: 481px;
    margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
    .modal-box01 .m-boxbtn-offer {
        max-width: 320px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 320px) {
    .modal-box01 .m-boxbtn-offer .m-btn01 {
        font-size: 14px;
        font-size: 0.875rem;
        max-width: 155px;
        height: 38px;
    }
}
.modal-box01 .m-btn-generate-message {
    max-width: 256px;
    margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
    .modal-box01 .m-btn-generate-message {
        margin-right: auto;
    }
}
@media (max-width: 320px) {
    .modal-box01 .m-btn-generate-message.m-btn01 {
        max-width: 207px;
        height: 38px;
    }
}
.modal-box01 .m-box01-daytime:first-child {
    margin-right: 3%;
}
@media screen and (max-width: 768px) {
    .modal-box01 .m-box01-daytime:first-child {
        margin-right: 0;
    }
}
.modal-box01 .m-box01-daytime input:focus,
.modal-box01 .m-box01-daytime select:focus,
.modal-box01 .form-group-offer select:focus,
.modal-box01 .m-box01-daytime input:-webkit-autofill,
.modal-box01 .m-box01-daytime input:-webkit-autofill:hover {
    border: 0;
    outline: 0;
}
.modal-box01 .m-text-daytime02 input {
    width: 106px;
}
.modal-box01 .m-text-daytime02 input::-webkit-input-placeholder {
    color: #000;
}
.modal-box01 .m-text-daytime02 input::-moz-placeholder {
    color: #000;
}
.modal-box01 .m-text-daytime02 input:-ms-input-placeholder {
    color: #000;
}
.modal-box01 .m-text-daytime02 input::-ms-input-placeholder {
    color: #000;
}
.modal-box01 .m-text-daytime02 input::placeholder {
    color: #000;
}
.modal-box01 .m-text-daytime02 select {
    width: 57px;
}
.modal-box01 .m-box01-daytime .icon-select:before {
    top: 60%;
    right: 0;
}
.modal-box01 .form-group-offer select {
    padding-left: 13px;
}
.modal-box01 .m-box01-daytime select {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .modal-box01 .m-box01-daytime select {
        text-align: initial;
        padding-left: 10px;
    }
}
.modal-box01 .icon-select:before {
    background-image: url("../img/icon_select03.png");
}
.modal-box01 .box-block-formdaytime01:not(:first-child) {
    margin-top: 10px;
}

.modal-box02,
.modal-box04 {
    display: none;
}

.modal-box02 .modal-content,
.modal-box03 .modal-content,
.modal-box04 .modal-content,
.modal-box05 .modal-content,
.modal-box08 .modal-content {
    max-width: 650px;
    padding-bottom: 36px;
}
@media screen and (max-width: 768px) {
    .modal-box02 .modal-content,
    .modal-box03 .modal-content,
    .modal-box04 .modal-content,
    .modal-box05 .modal-content,
    .modal-box08 .modal-content {
        max-width: 426px;
        padding-bottom: 10px;
    }
}
@media screen and (max-width: 640px) {
    .modal-box02 .modal-content,
    .modal-box03 .modal-content,
    .modal-box04 .modal-content,
    .modal-box05 .modal-content,
    .modal-box08 .modal-content {
        max-width: 335px;
    }
}
@media (max-width: 320px) {
    .modal-box02 .modal-content,
    .modal-box03 .modal-content,
    .modal-box04 .modal-content,
    .modal-box05 .modal-content,
    .modal-box08 .modal-content {
        max-width: 300px;
        padding-bottom: 5px;
    }
}
.modal-box02 .block-form-groupdaytime,
.modal-box03 .block-form-groupdaytime,
.modal-box04 .block-form-groupdaytime,
.modal-box05 .block-form-groupdaytime,
.modal-box08 .block-form-groupdaytime {
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 16px;
    margin-bottom: 27px;
}
@media screen and (max-width: 768px) {
    .modal-box02 .block-form-groupdaytime,
    .modal-box03 .block-form-groupdaytime,
    .modal-box04 .block-form-groupdaytime,
    .modal-box05 .block-form-groupdaytime,
    .modal-box08 .block-form-groupdaytime {
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
}
@media (max-width: 320px) {
    .modal-box02 .block-form-groupdaytime,
    .modal-box03 .block-form-groupdaytime,
    .modal-box04 .block-form-groupdaytime,
    .modal-box05 .block-form-groupdaytime,
    .modal-box08 .block-form-groupdaytime {
        margin-bottom: 5px;
    }
}
.modal-box02 .m-titletime,
.modal-box03 .m-titletime,
.modal-box04 .m-titletime,
.modal-box05 .m-titletime,
.modal-box08 .m-titletime {
    -webkit-font-feature-settings: "palt" 0;
    font-feature-settings: "palt" 0;
    font-size: 18px;
    font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
    .modal-box02 .m-titletime,
    .modal-box03 .m-titletime,
    .modal-box04 .m-titletime,
    .modal-box05 .m-titletime,
    .modal-box08 .m-titletime {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
@media (max-width: 320px) {
    .modal-box02 .m-titletime,
    .modal-box03 .m-titletime,
    .modal-box04 .m-titletime,
    .modal-box05 .m-titletime,
    .modal-box08 .m-titletime {
        padding: 10px 0;
    }
}
.modal-box02 .form-group-offer .m-boxselect,
.modal-box02 .block-formdaytime .m-boxselect,
.modal-box03 .form-group-offer .m-boxselect,
.modal-box03 .block-formdaytime .m-boxselect,
.modal-box04 .form-group-offer .m-boxselect,
.modal-box04 .block-formdaytime .m-boxselect,
.modal-box05 .form-group-offer .m-boxselect,
.modal-box05 .block-formdaytime .m-boxselect,
.modal-box08 .form-group-offer .m-boxselect,
.modal-box08 .block-formdaytime .m-boxselect {
    font-size: 16px;
    font-size: 1rem;
}
.modal-box02 label.m-timecol3,
.modal-box03 label.m-timecol3,
.modal-box04 label.m-timecol3,
.modal-box05 label.m-timecol3,
.modal-box08 label.m-timecol3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fef69b;
    border-radius: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    font-size: 13px;
    font-size: 0.8125rem;
    height: 28px;
}
@media screen and (max-width: 768px) {
    .modal-box02 label.m-timecol3,
    .modal-box03 label.m-timecol3,
    .modal-box04 label.m-timecol3,
    .modal-box05 label.m-timecol3,
    .modal-box08 label.m-timecol3 {
        width: auto;
        padding: 10px;
    }
}
.modal-box02 .form-group-offer .custom-select,
.modal-box03 .form-group-offer .custom-select,
.modal-box04 .form-group-offer .custom-select,
.modal-box05 .form-group-offer .custom-select,
.modal-box08 .form-group-offer .custom-select {
    width: 80.7%;
    border: 1px solid #a8a8a8;
    border-radius: 5px;
    height: 38px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 768px) {
    .modal-box02 .form-group-offer .custom-select,
    .modal-box03 .form-group-offer .custom-select,
    .modal-box04 .form-group-offer .custom-select,
    .modal-box05 .form-group-offer .custom-select,
    .modal-box08 .form-group-offer .custom-select {
        width: 100%;
    }
}
.modal-box02 .form-grouptime,
.modal-box03 .form-grouptime,
.modal-box04 .form-grouptime,
.modal-box05 .form-grouptime,
.modal-box08 .form-grouptime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.modal-box02 .form-time,
.modal-box03 .form-time,
.modal-box04 .form-time,
.modal-box05 .form-time,
.modal-box08 .form-time {
    padding: 38px 28px 0 22px;
}
@media screen and (max-width: 768px) {
    .modal-box02 .form-time,
    .modal-box03 .form-time,
    .modal-box04 .form-time,
    .modal-box05 .form-time,
    .modal-box08 .form-time {
        padding: 20px 20px 5px 20px;
    }
}
@media (max-width: 320px) {
    .modal-box02 .form-time,
    .modal-box03 .form-time,
    .modal-box04 .form-time,
    .modal-box05 .form-time,
    .modal-box08 .form-time {
        padding: 10px;
    }
}
.modal-box02 .form-group-offer,
.modal-box03 .form-group-offer,
.modal-box04 .form-group-offer,
.modal-box05 .form-group-offer,
.modal-box08 .form-group-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 8px;
    padding: 0 8px;
    border-bottom: 1px #e7e7e7 solid;
    padding-bottom: 20px;
    margin-bottom: 17px;
}
@media screen and (max-width: 768px) {
    .modal-box02 .form-group-offer,
    .modal-box03 .form-group-offer,
    .modal-box04 .form-group-offer,
    .modal-box05 .form-group-offer,
    .modal-box08 .form-group-offer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.modal-box02 .block-formdaytime01,
.modal-box03 .block-formdaytime01,
.modal-box04 .block-formdaytime01,
.modal-box05 .block-formdaytime01,
.modal-box08 .block-formdaytime01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 20px 0 18px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .modal-box02 .block-formdaytime01,
    .modal-box03 .block-formdaytime01,
    .modal-box04 .block-formdaytime01,
    .modal-box05 .block-formdaytime01,
    .modal-box08 .block-formdaytime01 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 10px;
    }
}
@media (max-width: 320px) {
    .modal-box02 .block-formdaytime01,
    .modal-box03 .block-formdaytime01,
    .modal-box04 .block-formdaytime01,
    .modal-box05 .block-formdaytime01,
    .modal-box08 .block-formdaytime01 {
        padding: 0;
        margin-top: 10px;
    }
}
.modal-box02 .text01-before-number,
.modal-box02 .text01-before-daypicker,
.modal-box03 .text01-before-number,
.modal-box03 .text01-before-daypicker,
.modal-box04 .text01-before-number,
.modal-box04 .text01-before-daypicker,
.modal-box05 .text01-before-number,
.modal-box05 .text01-before-daypicker,
.modal-box08 .text01-before-number,
.modal-box08 .text01-before-daypicker {
    border: 1px #a8a8a8 solid;
    max-width: 38px;
    height: 38px;
    border-radius: 5px;
}
.modal-box02 .text01-before-number,
.modal-box02 .text01-before-daypicker,
.modal-box03 .text01-before-number,
.modal-box03 .text01-before-daypicker,
.modal-box04 .text01-before-number,
.modal-box04 .text01-before-daypicker,
.modal-box05 .text01-before-number,
.modal-box05 .text01-before-daypicker,
.modal-box08 .text01-before-number,
.modal-box08 .text01-before-daypicker {
    text-align: center;
    margin-right: 7px;
}
.modal-box02 .text01-before-number:focus,
.modal-box02 .text01-before-daypicker:focus,
.modal-box03 .text01-before-number:focus,
.modal-box03 .text01-before-daypicker:focus,
.modal-box04 .text01-before-number:focus,
.modal-box04 .text01-before-daypicker:focus,
.modal-box05 .text01-before-number:focus,
.modal-box05 .text01-before-daypicker:focus,
.modal-box08 .text01-before-number:focus,
.modal-box08 .text01-before-daypicker:focus {
    outline: 1px #a8a8a8 solid !important;
}
.modal-box02 .text01-before-daypicker,
.modal-box03 .text01-before-daypicker,
.modal-box04 .text01-before-daypicker,
.modal-box05 .text01-before-daypicker,
.modal-box08 .text01-before-daypicker {
    max-width: 154px;
    text-align: center;
}
.modal-box02 .text01-before-daypicker:focus,
.modal-box03 .text01-before-daypicker:focus,
.modal-box04 .text01-before-daypicker:focus,
.modal-box05 .text01-before-daypicker:focus,
.modal-box08 .text01-before-daypicker:focus {
    outline: 1px #a8a8a8 solid !important;
}
.modal-box02 .m-box01-daytime,
.modal-box03 .m-box01-daytime,
.modal-box04 .m-box01-daytime,
.modal-box05 .m-box01-daytime,
.modal-box08 .m-box01-daytime {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .modal-box02 .m-box01-daytime,
    .modal-box03 .m-box01-daytime,
    .modal-box04 .m-box01-daytime,
    .modal-box05 .m-box01-daytime,
    .modal-box08 .m-box01-daytime {
        margin-bottom: 13px;
        width: 100%;
    }
}
.modal-box02 .m-text-daytime01,
.modal-box03 .m-text-daytime01,
.modal-box04 .m-text-daytime01,
.modal-box05 .m-text-daytime01,
.modal-box08 .m-text-daytime01 {
    padding: 5px 0;
    margin-right: 11px;
}
.modal-box02 .m-text-daytime02,
.modal-box03 .m-text-daytime02,
.modal-box04 .m-text-daytime02,
.modal-box05 .m-text-daytime02,
.modal-box08 .m-text-daytime02 {
    width: 106px;
}
.modal-box02 .m-text-daytime03,
.modal-box03 .m-text-daytime03,
.modal-box04 .m-text-daytime03,
.modal-box05 .m-text-daytime03,
.modal-box08 .m-text-daytime03 {
    width: 75px;
}
.modal-box02 .m-boxbtn-offer,
.modal-box03 .m-boxbtn-offer,
.modal-box04 .m-boxbtn-offer,
.modal-box05 .m-boxbtn-offer,
.modal-box08 .m-boxbtn-offer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-font-feature-settings: "palt" 0;
    font-feature-settings: "palt" 0;
    max-width: 481px;
    margin: 20px auto 0;
}
@media screen and (max-width: 768px) {
    .modal-box02 .m-boxbtn-offer,
    .modal-box03 .m-boxbtn-offer,
    .modal-box04 .m-boxbtn-offer,
    .modal-box05 .m-boxbtn-offer,
    .modal-box08 .m-boxbtn-offer {
        max-width: 320px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 320px) {
    .modal-box02 .m-boxbtn-offer .m-btn01,
    .modal-box03 .m-boxbtn-offer .m-btn01,
    .modal-box04 .m-boxbtn-offer .m-btn01,
    .modal-box05 .m-boxbtn-offer .m-btn01,
    .modal-box08 .m-boxbtn-offer .m-btn01 {
        font-size: 14px;
        font-size: 0.875rem;
        max-width: 155px;
        height: 38px;
    }
}
.modal-box02 .m-btn-generate-message,
.modal-box03 .m-btn-generate-message,
.modal-box04 .m-btn-generate-message,
.modal-box05 .m-btn-generate-message,
.modal-box08 .m-btn-generate-message {
    max-width: 256px;
    margin-right: 18px;
}
@media screen and (max-width: 768px) {
    .modal-box02 .m-btn-generate-message,
    .modal-box03 .m-btn-generate-message,
    .modal-box04 .m-btn-generate-message,
    .modal-box05 .m-btn-generate-message,
    .modal-box08 .m-btn-generate-message {
        margin-right: auto;
    }
}
@media (max-width: 320px) {
    .modal-box02 .m-btn-generate-message.m-btn01,
    .modal-box03 .m-btn-generate-message.m-btn01,
    .modal-box04 .m-btn-generate-message.m-btn01,
    .modal-box05 .m-btn-generate-message.m-btn01,
    .modal-box08 .m-btn-generate-message.m-btn01 {
        max-width: 207px;
        height: 38px;
    }
}
.modal-box02 .m-box01-daytime:first-child,
.modal-box03 .m-box01-daytime:first-child,
.modal-box04 .m-box01-daytime:first-child,
.modal-box05 .m-box01-daytime:first-child,
.modal-box08 .m-box01-daytime:first-child {
    margin-right: 3%;
}
@media screen and (max-width: 768px) {
    .modal-box02 .m-box01-daytime:first-child,
    .modal-box03 .m-box01-daytime:first-child,
    .modal-box04 .m-box01-daytime:first-child,
    .modal-box05 .m-box01-daytime:first-child,
    .modal-box08 .m-box01-daytime:first-child {
        margin-right: 0;
    }
}
.modal-box02 .m-box01-daytime input:focus,
.modal-box02 .m-box01-daytime select:focus,
.modal-box02 .form-group-offer select:focus,
.modal-box02 .m-box01-daytime input:-webkit-autofill,
.modal-box02 .m-box01-daytime input:-webkit-autofill:hover,
.modal-box03 .m-box01-daytime input:focus,
.modal-box03 .m-box01-daytime select:focus,
.modal-box03 .form-group-offer select:focus,
.modal-box03 .m-box01-daytime input:-webkit-autofill,
.modal-box03 .m-box01-daytime input:-webkit-autofill:hover,
.modal-box04 .m-box01-daytime input:focus,
.modal-box04 .m-box01-daytime select:focus,
.modal-box04 .form-group-offer select:focus,
.modal-box04 .m-box01-daytime input:-webkit-autofill,
.modal-box04 .m-box01-daytime input:-webkit-autofill:hover,
.modal-box05 .m-box01-daytime input:focus,
.modal-box05 .m-box01-daytime select:focus,
.modal-box05 .form-group-offer select:focus,
.modal-box05 .m-box01-daytime input:-webkit-autofill,
.modal-box05 .m-box01-daytime input:-webkit-autofill:hover,
.modal-box08 .m-box01-daytime input:focus,
.modal-box08 .m-box01-daytime select:focus,
.modal-box08 .form-group-offer select:focus,
.modal-box08 .m-box01-daytime input:-webkit-autofill,
.modal-box08 .m-box01-daytime input:-webkit-autofill:hover {
    border: 0;
    outline: 0;
}
.modal-box02 .m-text-daytime02 input,
.modal-box03 .m-text-daytime02 input,
.modal-box04 .m-text-daytime02 input,
.modal-box05 .m-text-daytime02 input,
.modal-box08 .m-text-daytime02 input {
    width: 106px;
}
.modal-box02 .m-text-daytime02 input::-webkit-input-placeholder,
.modal-box03 .m-text-daytime02 input::-webkit-input-placeholder,
.modal-box04 .m-text-daytime02 input::-webkit-input-placeholder,
.modal-box05 .m-text-daytime02 input::-webkit-input-placeholder,
.modal-box08 .m-text-daytime02 input::-webkit-input-placeholder {
    color: #000;
}
.modal-box02 .m-text-daytime02 input::-moz-placeholder,
.modal-box03 .m-text-daytime02 input::-moz-placeholder,
.modal-box04 .m-text-daytime02 input::-moz-placeholder,
.modal-box05 .m-text-daytime02 input::-moz-placeholder,
.modal-box08 .m-text-daytime02 input::-moz-placeholder {
    color: #000;
}
.modal-box02 .m-text-daytime02 input:-ms-input-placeholder,
.modal-box03 .m-text-daytime02 input:-ms-input-placeholder,
.modal-box04 .m-text-daytime02 input:-ms-input-placeholder,
.modal-box05 .m-text-daytime02 input:-ms-input-placeholder,
.modal-box08 .m-text-daytime02 input:-ms-input-placeholder {
    color: #000;
}
.modal-box02 .m-text-daytime02 input::-ms-input-placeholder,
.modal-box03 .m-text-daytime02 input::-ms-input-placeholder,
.modal-box04 .m-text-daytime02 input::-ms-input-placeholder,
.modal-box05 .m-text-daytime02 input::-ms-input-placeholder,
.modal-box08 .m-text-daytime02 input::-ms-input-placeholder {
    color: #000;
}
.modal-box02 .m-text-daytime02 input::placeholder,
.modal-box03 .m-text-daytime02 input::placeholder,
.modal-box04 .m-text-daytime02 input::placeholder,
.modal-box05 .m-text-daytime02 input::placeholder,
.modal-box08 .m-text-daytime02 input::placeholder {
    color: #000;
}
.modal-box02 .m-text-daytime02 select,
.modal-box03 .m-text-daytime02 select,
.modal-box04 .m-text-daytime02 select,
.modal-box05 .m-text-daytime02 select,
.modal-box08 .m-text-daytime02 select {
    width: 57px;
}
.modal-box02 .m-box01-daytime .icon-select:before,
.modal-box03 .m-box01-daytime .icon-select:before,
.modal-box04 .m-box01-daytime .icon-select:before,
.modal-box05 .m-box01-daytime .icon-select:before,
.modal-box08 .m-box01-daytime .icon-select:before {
    top: 60%;
    right: 0;
}
.modal-box02 .form-group-offer select,
.modal-box03 .form-group-offer select,
.modal-box04 .form-group-offer select,
.modal-box05 .form-group-offer select,
.modal-box08 .form-group-offer select {
    padding-left: 13px;
}
.modal-box02 .m-box01-daytime select,
.modal-box03 .m-box01-daytime select,
.modal-box04 .m-box01-daytime select,
.modal-box05 .m-box01-daytime select,
.modal-box08 .m-box01-daytime select {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .modal-box02 .m-box01-daytime select,
    .modal-box03 .m-box01-daytime select,
    .modal-box04 .m-box01-daytime select,
    .modal-box05 .m-box01-daytime select,
    .modal-box08 .m-box01-daytime select {
        text-align: initial;
        padding-left: 10px;
    }
}
.modal-box02 .icon-select:before,
.modal-box03 .icon-select:before,
.modal-box04 .icon-select:before,
.modal-box05 .icon-select:before,
.modal-box08 .icon-select:before {
    background-image: url("../img/icon_select03.png");
}
.modal-box02 .box-block-formdaytime01:not(:first-child),
.modal-box03 .box-block-formdaytime01:not(:first-child),
.modal-box04 .box-block-formdaytime01:not(:first-child),
.modal-box05 .box-block-formdaytime01:not(:first-child),
.modal-box08 .box-block-formdaytime01:not(:first-child) {
    border-top: 1px #e7e7e7 solid;
    padding-top: 20px;
}
@media screen and (max-width: 768px) {
    .modal-box02 .box-block-formdaytime01:not(:first-child),
    .modal-box03 .box-block-formdaytime01:not(:first-child),
    .modal-box04 .box-block-formdaytime01:not(:first-child),
    .modal-box05 .box-block-formdaytime01:not(:first-child),
    .modal-box08 .box-block-formdaytime01:not(:first-child) {
        padding-top: 15px;
    }
}
@media (max-width: 320px) {
    .modal-box02 .box-block-formdaytime01:not(:first-child),
    .modal-box03 .box-block-formdaytime01:not(:first-child),
    .modal-box04 .box-block-formdaytime01:not(:first-child),
    .modal-box05 .box-block-formdaytime01:not(:first-child),
    .modal-box08 .box-block-formdaytime01:not(:first-child) {
        padding-top: 0;
    }
}
.modal-box02 .box-block-formdaytime01:not(:last-child),
.modal-box03 .box-block-formdaytime01:not(:last-child),
.modal-box04 .box-block-formdaytime01:not(:last-child),
.modal-box05 .box-block-formdaytime01:not(:last-child),
.modal-box08 .box-block-formdaytime01:not(:last-child) {
    padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
    .modal-box02 .box-block-formdaytime01:not(:last-child),
    .modal-box03 .box-block-formdaytime01:not(:last-child),
    .modal-box04 .box-block-formdaytime01:not(:last-child),
    .modal-box05 .box-block-formdaytime01:not(:last-child),
    .modal-box08 .box-block-formdaytime01:not(:last-child) {
        padding-bottom: 5px;
    }
}
.modal-box02 .box-block-formdaytime01:first-child,
.modal-box03 .box-block-formdaytime01:first-child,
.modal-box04 .box-block-formdaytime01:first-child,
.modal-box05 .box-block-formdaytime01:first-child,
.modal-box08 .box-block-formdaytime01:first-child {
    margin-bottom: 0;
}
.modal-box02 .m-checkmonthday,
.modal-box03 .m-checkmonthday,
.modal-box04 .m-checkmonthday,
.modal-box05 .m-checkmonthday,
.modal-box08 .m-checkmonthday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.modal-box02 .form-checkbox,
.modal-box03 .form-checkbox,
.modal-box04 .form-checkbox,
.modal-box05 .form-checkbox,
.modal-box08 .form-checkbox {
    padding-left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.modal-box02 .form-checkbox .checkmark,
.modal-box03 .form-checkbox .checkmark,
.modal-box04 .form-checkbox .checkmark,
.modal-box05 .form-checkbox .checkmark,
.modal-box08 .form-checkbox .checkmark {
    left: 0;
    background: #cccccc;
    border: 1px #cccccc solid;
}
.modal-box02 .form-checkbox .checkmark:after,
.modal-box03 .form-checkbox .checkmark:after,
.modal-box04 .form-checkbox .checkmark:after,
.modal-box05 .form-checkbox .checkmark:after,
.modal-box08 .form-checkbox .checkmark:after {
    display: block;
    left: 56%;
    top: 1px;
}
.modal-box02 .form-checkbox input:checked ~ .checkmark:after,
.modal-box03 .form-checkbox input:checked ~ .checkmark:after,
.modal-box04 .form-checkbox input:checked ~ .checkmark:after,
.modal-box05 .form-checkbox input:checked ~ .checkmark:after,
.modal-box08 .form-checkbox input:checked ~ .checkmark:after {
    top: 2px;
}
.modal-box02 label.m-timecol3,
.modal-box03 label.m-timecol3,
.modal-box04 label.m-timecol3,
.modal-box05 label.m-timecol3,
.modal-box08 label.m-timecol3 {
    min-width: 75px;
}
.modal-box02 .text02-repetition,
.modal-box03 .text02-repetition,
.modal-box04 .text02-repetition,
.modal-box05 .text02-repetition,
.modal-box08 .text02-repetition {
    padding-left: 0;
    margin-left: 24px;
}
.modal-box02 .form-group-repetition,
.modal-box03 .form-group-repetition,
.modal-box04 .form-group-repetition,
.modal-box05 .form-group-repetition,
.modal-box08 .form-group-repetition {
    width: 100%;
    min-width: 73px;
}
.modal-box02 .box-block-repetition .m-box01-daytime,
.modal-box03 .box-block-repetition .m-box01-daytime,
.modal-box04 .box-block-repetition .m-box01-daytime,
.modal-box05 .box-block-repetition .m-box01-daytime,
.modal-box08 .box-block-repetition .m-box01-daytime {
    width: auto;
}
.modal-box02 .box-block-repetition .m-box01-daytime:first-child,
.modal-box03 .box-block-repetition .m-box01-daytime:first-child,
.modal-box04 .box-block-repetition .m-box01-daytime:first-child,
.modal-box05 .box-block-repetition .m-box01-daytime:first-child,
.modal-box08 .box-block-repetition .m-box01-daytime:first-child {
    margin-right: 0;
}
.modal-box02 .btn-weekendday01,
.modal-box03 .btn-weekendday01,
.modal-box04 .btn-weekendday01,
.modal-box05 .btn-weekendday01,
.modal-box08 .btn-weekendday01 {
    font-size: 14px;
    font-size: 0.875rem;
    background: #f5f5f5;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}
.modal-box02 .btn-weekendday01:not(:last-child),
.modal-box03 .btn-weekendday01:not(:last-child),
.modal-box04 .btn-weekendday01:not(:last-child),
.modal-box05 .btn-weekendday01:not(:last-child),
.modal-box08 .btn-weekendday01:not(:last-child) {
    margin-right: 5px;
}
.modal-box02 .btn-weekendday01.m-bgblue,
.modal-box03 .btn-weekendday01.m-bgblue,
.modal-box04 .btn-weekendday01.m-bgblue,
.modal-box05 .btn-weekendday01.m-bgblue,
.modal-box08 .btn-weekendday01.m-bgblue {
    background: #1a3188;
    color: #fff;
}
.modal-box02 .block-deadline-setting .m-box01-daytime,
.modal-box03 .block-deadline-setting .m-box01-daytime,
.modal-box04 .block-deadline-setting .m-box01-daytime,
.modal-box05 .block-deadline-setting .m-box01-daytime,
.modal-box08 .block-deadline-setting .m-box01-daytime {
    width: 40%;
}
@media screen and (max-width: 768px) {
    .modal-box02 .block-deadline-setting .m-box01-daytime,
    .modal-box03 .block-deadline-setting .m-box01-daytime,
    .modal-box04 .block-deadline-setting .m-box01-daytime,
    .modal-box05 .block-deadline-setting .m-box01-daytime,
    .modal-box08 .block-deadline-setting .m-box01-daytime {
        width: 100%;
    }
}
.modal-box02 .text-deadline-day,
.modal-box03 .text-deadline-day,
.modal-box04 .text-deadline-day,
.modal-box05 .text-deadline-day,
.modal-box08 .text-deadline-day {
    font-size: 16px;
    font-size: 1rem;
    color: #919191;
    padding: 5px 27px 7px 15px;
    border: 1px #a8a8a8 solid;
    border-radius: 5px;
    margin-right: 9px;
}
.modal-box02 .m-boxbtn-weekendday02,
.modal-box03 .m-boxbtn-weekendday02,
.modal-box04 .m-boxbtn-weekendday02,
.modal-box05 .m-boxbtn-weekendday02,
.modal-box08 .m-boxbtn-weekendday02 {
    display: none;
    width: 50%;
    background: #f5f5f5;
}
.modal-box02 .m-boxbtn-weekendday02 label,
.modal-box03 .m-boxbtn-weekendday02 label,
.modal-box04 .m-boxbtn-weekendday02 label,
.modal-box05 .m-boxbtn-weekendday02 label,
.modal-box08 .m-boxbtn-weekendday02 label {
    font-size: 16px;
    font-size: 1rem;
}
.modal-box02 .m-boxbtn-weekendday02 .m-box01-daytime,
.modal-box03 .m-boxbtn-weekendday02 .m-box01-daytime,
.modal-box04 .m-boxbtn-weekendday02 .m-box01-daytime,
.modal-box05 .m-boxbtn-weekendday02 .m-box01-daytime,
.modal-box08 .m-boxbtn-weekendday02 .m-box01-daytime {
    padding: 6px 14px;
}
.modal-box02 .m-boxbtn-weekendday02 .form-repetition01,
.modal-box03 .m-boxbtn-weekendday02 .form-repetition01,
.modal-box04 .m-boxbtn-weekendday02 .form-repetition01,
.modal-box05 .m-boxbtn-weekendday02 .form-repetition01,
.modal-box08 .m-boxbtn-weekendday02 .form-repetition01 {
    width: 82%;
}
@media (max-width: 320px) {
    .modal-box02 .m-closetime::before,
    .modal-box03 .m-closetime::before,
    .modal-box04 .m-closetime::before,
    .modal-box05 .m-closetime::before,
    .modal-box08 .m-closetime::before {
        right: -5px;
    }
}
@media (max-width: 320px) {
    .modal-box02 .m-titletime,
    .modal-box03 .m-titletime,
    .modal-box04 .m-titletime,
    .modal-box05 .m-titletime,
    .modal-box08 .m-titletime {
        font-size: 12px;
        font-size: 0.75rem;
        padding: 10px 0 5px;
    }
}

.modal-box03 .m-oveflow-formtime,
.modal-box08 .m-oveflow-formtime {
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
}
@media screen and (max-width: 768px) {
    .modal-box03 .m-oveflow-formtime,
    .modal-box08 .m-oveflow-formtime {
        max-height: 175px;
    }
}
.modal-box03 .box-block-formdaytime,
.modal-box08 .box-block-formdaytime {
    margin-bottom: 0;
}
.modal-box03 .box-block-formdaytime:not(:first-child),
.modal-box08 .box-block-formdaytime:not(:first-child) {
    margin-top: 0;
    border-top: 1px #ddd solid;
    padding-top: 10px;
}
@media screen and (max-width: 768px) {
    .modal-box03 .box-block-formdaytime:not(:first-child),
    .modal-box08 .box-block-formdaytime:not(:first-child) {
        padding-top: 5px;
    }
}
.modal-box03 .m-btnadddesired-date,
.modal-box08 .m-btnadddesired-date {
    margin-bottom: 20px;
    margin-top: 5px;
}
.modal-box03 .block-form-groupdaytime,
.modal-box08 .block-form-groupdaytime {
    padding-bottom: 0;
    margin-bottom: 20px;
}
.modal-box03 .m-box01-daytime,
.modal-box08 .m-box01-daytime {
    margin-bottom: 12px;
}
@media (max-width: 320px) {
    .modal-box03 .block-formdaytime01,
    .modal-box08 .block-formdaytime01 {
        margin-top: 5px;
    }
}

.modal-box05 .box-before-day {
    -webkit-font-feature-settings: "palt" 0;
    font-feature-settings: "palt" 0;
}
.modal-box05 .text01-before-day {
    font-size: 16px;
    font-size: 1rem;
    padding: 6px 14px;
    border: 1px solid #a8a8a8;
    border-radius: 5px;
    color: #919191;
    margin-right: 5px;
}
.modal-box05 .text02-before-day {
    font-size: 13px;
    font-size: 0.8125rem;
}
@media (max-width: 320px) {
    .modal-box05 .text02-before-day {
        font-size: 11px;
        font-size: 0.6875rem;
    }
}
.modal-box05 .text03-before-day {
    font-size: 10px;
    font-size: 0.625rem;
}
.modal-box05 label.m-timecol3 {
    background: #c3e7e8;
    margin-right: 10px;
}
.modal-box05 .box-block-formdaytime02:not(:last-child) {
    padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .modal-box05 .m-text-deadlinesetting {
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 768px) and (max-width: 320px) {
    .modal-box05 .m-text-deadlinesetting {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    .modal-box05 .m-text-deadlinesetting .form-group-repetition {
        width: 33%;
    }
}
.modal-box05 .form-time {
    padding: 20px 18px 7px;
}
@media (max-width: 320px) {
    .modal-box05 .form-time {
        padding: 5px 10px 5px;
    }
}
.modal-box05 .m-btn01 {
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .modal-box05 .m-boxbtn-weekendday02 {
        width: 100%;
        margin-bottom: 10px;
    }
    .modal-box05 .m-boxbtn-weekendday02 .m-box01-daytime {
        margin-bottom: 0;
    }
}
.modal-box05 .m-titletime {
    padding: 10px 0;
}
.modal-box05 .modal-content {
    padding-bottom: 20px;
}
@media (max-width: 320px) {
    .modal-box05 .modal-content {
        padding-bottom: 5px;
    }
}
@media screen and (max-width: 768px) {
    .modal-box05 .box-block-repetition .m-box01-daytime,
    .modal-box05 .box-block-datepicker01 .m-box01-daytime {
        margin-bottom: 8px;
    }
}
.modal-box05 .block-form-groupdaytime {
    padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .modal-box05 .block-deadline-setting .m-box01-daytime:not(:first-child) {
        margin-bottom: 5px;
    }
}
.modal-box05 .m-boxbtn-weekendday03 {
    background: none;
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .modal-box05 .m-boxbtn-weekendday03 .m-box01-daytime {
        margin-bottom: 0;
        padding: 6px 0;
    }
}

.modal-box06 .modal-content,
.modal-box07 .modal-content {
    padding: 20px 18px 26px;
}
.modal-box06 .m-title-noteaddtime,
.modal-box07 .m-title-noteaddtime {
    font-size: 16px;
    font-size: 1rem;
    background: #fef69b;
    border-radius: 4px;
    padding: 5px 10px;
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.modal-box06 .m-text-noteaddtime,
.modal-box07 .m-text-noteaddtime {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 2;
    letter-spacing: 0.05em;
}
.modal-box06 .m-box01-daytime,
.modal-box07 .m-box01-daytime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal-box06 label.m-timecol3,
.modal-box07 label.m-timecol3 {
    font-size: 13px;
    font-size: 0.8125rem;
    background: #fef69b;
    border-radius: 4px;
    padding: 5px 12px 4px 11px;
    margin-right: 12px;
    color: #030303;
}
.modal-box06 .m-box-noteaddtime01,
.modal-box07 .m-box-noteaddtime01 {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 0.05em;
}
.modal-box06 .m-box01-daytime,
.modal-box07 .m-box01-daytime {
    margin-top: 10px;
}
.modal-box06 .m-box01-daytime:last-child,
.modal-box07 .m-box01-daytime:last-child {
    margin-bottom: 25px;
}
.modal-box06 .form-notice-time,
.modal-box07 .form-notice-time {
    padding: 0 12px;
}

.modal-box07 .m-title-noteaddtime {
    background: #ffd1e0;
}
.modal-box07 label.m-timecol3 {
    background: #ffd1e0;
}

.box05-yellow label.m-timecol3 {
    background: #fef69b;
}

.checkbox-none {
    display: none;
}

.modalout-groupchat {
    display: none;
}

.modal-delete-avatachatgroup {
    display: none;
    z-index: 1000;
}

.modal-box-none {
    display: none;
}

.m-title-elipsis {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-rank-star {
    width: 100%;
    display: inline-block;
}

.rank-rate {
    border: none;
    float: left;
}
.rank-rate > input {
    display: none;
}
.rank-rate > label:before {
    margin-right: 5px;
    font-size: 10px;
    font-size: 0.625rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    display: inline-block;
    content: "\f005";
}
.rank-rate > .half:before {
    content: "\f089";
    position: absolute;
}
.rank-rate > label {
    color: #ddd;
    float: right;
    line-height: 1;
}
.rank-rate > label.m-color-rank {
    color: #ffd700;
}

.rank-rate01 {
    border: none;
    float: left;
}
.rank-rate01 > input {
    display: none;
}
.rank-rate01 > label:before {
    margin: 5px 5px 5px 0;
    font-size: 30px;
    font-size: 1.875rem;
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    display: inline-block;
    content: "\f005";
}
.rank-rate01 > .half:before {
    content: "\f089";
    position: absolute;
}
.rank-rate01 > label {
    color: #ddd;
    float: right;
    line-height: 1;
}
.rank-rate01 > label.m-color-rank {
    color: #ffd700;
}
.rank-rate01 > input:checked ~ label,
.rank-rate01:not(:checked) > label:hover,
.rank-rate01:not(:checked) > label:hover ~ label {
    color: #ffd700;
}
.rank-rate01 > input:checked + label:hover,
.rank-rate01 > input:checked ~ label:hover,
.rank-rate01 > label:hover ~ input:checked ~ label,
.rank-rate01 > input:checked ~ label:hover ~ label {
    color: #ffed85;
}

.m-titletime01 {
    font-size: 16px;
    font-size: 1rem;
}

.modal-box-evaluation {
    display: none;
}
.modal-box-evaluation .modal-content {
    padding-bottom: 20px;
}
.modal-box-evaluation .content-evaluation {
    padding: 10px 15px 20px 15px;
}
.modal-box-evaluation .form-group-evaluation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.modal-box-evaluation .form-group-evaluation .rank-rate > label:before {
    font-size: 25px;
    font-size: 1.5625rem;
}
.modal-box-evaluation .text01-evaluation {
    width: 90px;
}
.modal-box-evaluation .choose-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.modal-box-evaluation .box-choose-status {
    margin-right: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal-box-evaluation .box-choose-status label {
    margin-left: 5px;
}
.modal-box-evaluation .form-group-evaluation.block-rank-star {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.modal-box-evaluation .form-checkbox .checkmark {
    height: 20px;
    width: 20px;
    left: 0;
}
.modal-box-evaluation .form-checkbox .checkmark:after {
    top: 3px;
    width: 5px;
    height: 10px;
}
.modal-box-evaluation .text02-evaluation {
    margin-left: 20px;
}
.modal-box-evaluation .text03-evaluation {
    margin-bottom: 10px;
    display: block;
}
.modal-box-evaluation .m-textarea.m-freeentry {
    border: 1px #ddd solid;
    padding: 5px 10px;
}
.modal-box-evaluation .m-textarea.m-freeentry textarea {
    font-size: 16px;
    width: 100%;
    line-height: 1.5;
    height: 100px;
}
.modal-box-evaluation .m-textarea.m-freeentry textarea:focus {
    outline: 0;
    border: 0;
}
.modal-box-evaluation .m-boxbtn-evaluation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
}
.modal-box-evaluation .m-boxbtn-evaluation .m-btn01 {
    max-width: 150px;
    height: 45px;
}
.modal-box-evaluation .m-boxbtn-evaluation .m-btncancle {
    margin-right: 10px;
}

.btn-evaluate-ofbusiness {
    margin-top: 30px;
}
@media screen and (max-width: 640px) {
    .btn-evaluate-ofbusiness {
        height: 38px;
        max-width: 155px;
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.m-cropper-modal {
    display: none;
}
.m-cropper-modal .modal-content {
    padding-bottom: 20px;
    max-width: 500px;
}
.m-cropper-modal .m-closetime::before {
    z-index: 9;
}
.m-cropper-modal .save-button {
    margin-top: 20px;
}

.is-showpopup1 {
    display: block;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.is-showpopup2 {
    display: block;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.box-alert-message {
    position: relative;
    width: 27.4%;
    margin-bottom: 10px;
    max-width: 274px;
    padding: 5px 10px;
    border: 1px solid;
    border-radius: 5px;
    line-height: 1.3;
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
@media screen and (max-width: 768px) {
    .box-alert-message {
        width: 100%;
        margin-left: 24px;
    }
}
@media screen and (max-width: 425px) {
    .box-alert-message {
        margin: 0 auto 10px;
    }
}
.box-alert-message.alert-success {
    color: #056674;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.box-alert-message.alert-danger {
    color: #ff4e50;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.box-alert-message.alert-warning {
    color: #ff8c00;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.box-alert-message.alert-info {
    color: #3282b8;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.m-btnmessage {
    cursor: pointer;
    position: absolute;
    top: -12px;
    right: -15px;
    border: 1px solid;
    border-radius: 50%;
    padding: 0 6px;
    font-size: 14px;
    font-size: 0.875rem;
    background: #f5f5f5;
    z-index: 10;
    line-height: 1.85;
}

.text-alert-message {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    word-break: break-all;
}

.tab-pay-managemnent .tab-content-managementcontainer {
    width: 500px;
    margin: 0 auto;
}
.tab-pay-managemnent ul.block-tab-pay {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.tab-pay-managemnent ul.block-tab-pay li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}
.tab-pay-managemnent ul.block-tab-pay li.m-current-linkbox {
    background: #ededed;
    color: #222;
}
.tab-pay-managemnent .tab-content-pay {
    display: none;
    background: #ededed;
    padding: 15px;
}
.tab-pay-managemnent .tab-content-pay.m-current-linkbox {
    display: inherit;
}

@media screen and (min-width: 768px) {
    .top-pc {
        display: inline;
    }
    .top-sp {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .top-pc {
        display: none;
    }
    .top-sp {
        display: inline;
    }
}
hr.centered-hr {
    text-align: center;
    margin: 40px auto;
    max-width: 448px;
    width: 100%;
    height: 100%;
}
div.centered-div {
    text-align: center;
    margin: 30px;
}
.profile-container .centered-div {
    margin: 15px;
}
ul.centered-ul {
    text-align: center;
    margin: 30px;
}
li.list-item-with-margin {
    margin: 10px;
}
.user-register-btn {
    max-width: 448px;
    margin: 0 auto 40px;
    text-align: center;
    display: block;
    width: 100%;
    border: solid thin #000;
    color: #000;
    border-radius: 5px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.7777777778;
    height: 50px;
}
.line-btn {
    max-width: 448px;
    margin: 20px auto 20px;
    text-align: center;
    display: inline-flex;
    width: 100%;
    align-items: center;
    text-decoration: none;
    background: #06c755;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    border-radius: 5px;
    line-height: 2.7777777778;
    height: 50px;
}
.line-btn img {
    height: 2em;
    margin-left: 20px;
}
.line-btn span {
    flex: 1;
    text-align: center;
}
/*メニューをページ下部に固定*/
#sp-fixed-menu {
    position: fixed;
    width: 100%;
    bottom: 0px;
    font-size: 0;
    z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

#sp-fixed-menu li {
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 0;
    margin: 0;
    font-size: 10px;
    text-align: center;
    display: inline-block;
    position: relative;
    background: #fff;
}
/*ボタンを調整*/
#sp-fixed-menu li a {
    color: #000;
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px;
}
/*PCの場合*/
@media (min-width: 768px) {
    .for-sp {
        display: none;
    }
}

.download-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 15px;
}
.fa-message {
    position: relative;
    font-size: 10px;
}
.m-footer-badge {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #ff5c8e;
    color: white;
    border-radius: 50%;
    padding: 5px 5px;
    width: 18px;
    height: 18px;
    font-size: 10px;
}
.line-job-btn {
    max-width: 448px;
    margin: 20px auto 20px;
    text-align: center;
    display: inline-flex;
    width: 100%;
    align-items: center;
    text-decoration: none;
    color: #06c755;
    font-size: 18px;
    font-size: 1.125rem;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    line-height: 2.7777777778;
    height: 50px;
}
.line-job-btn img {
    background: #06c755;
    height: 2em;
    margin-left: 20px;
    border-radius: 5px;
}
.line-job-btn span {
    flex: 1;
    text-align: center;
}
.line-job-btn i {
    text-align: center;
    margin-right: 20px;
    color: black;
}
.profile-flow {
    max-width: 448px;
    font-size: 24px;
    white-space: nowrap;
    display: block;
    letter-spacing: 0.07em;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .profile-flow {
        max-width: 448px;
        font-size: 18px;
    }
}
.profile-flow-title {
    font-size: 36px;
}
@media screen and (max-width: 768px) {
    .profile-flow-title {
        font-size: 24px;
    }
}
.profile-flow-sub {
    font-size: 20px;
    max-width: 448px;
    margin: 0 auto 40px;
    color: #7e7e7e;
    white-space: nowrap;
    display: block;
    letter-spacing: 0.07em;
}
@media screen and (max-width: 768px) {
    .profile-flow-sub {
        max-width: 448px;
        margin: 0 auto 40px;
        font-size: 14px;
        color: #7e7e7e;
    }
    .profile-flow-sub-title{
        font-size: 20px;
        margin: 0 auto 10px;
    }
}
.profile-footer {
    position: relative;
    background: #F3F3F3;
    height: 73px;
}
.profile-footer span {
    color: #5C5C5C;
    position: absolute;
    width: 100vw;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.profile-container {
    padding-top: 80px;
    height: 100vh;
}
.profile-container .centered-div.profile-img-container {
    margin: 0;
}

.profile-container .centered-div span {
    display: inline-block;
    width: 100%;
    margin: 0;
}
.m-wrapper.profile-wrapper {
    display: flex;
    flex-direction: column;
    height: calc(100% - 73px);
    padding-bottom: 0;
}
.profile-resister-img {
    height: 30vh;
    width: auto;
}
@media screen and (max-width: 768px) {
    .profile-resister-img {
        width: 60%;
    }
}
.form-work {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 70%;
}
.form-work.h-adr {
    justify-content: start;
    width: 70%;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .form-work.h-adr {
        width: 100%;
    }
}
.form-work .button-container {
    margin: auto 0 0;
}

.form-work .button-container.two-button-container button {
    margin: 0;
}

.form-work .button-container input {
    display: none;
}
.form-work .button-container button.white-button {
    background: #fff;
    color: #333;
    border: 1px solid #333;
    border-radius: 5px;
}
.form-work label:has(input:checked) {
    background: #1a3188;
    color: #fff;
}
.profile-container button.c-btnsubmit:disabled {
    opacity: 0.5;
}
.stepBar {
    display: flex;
    max-width: 400px;
    align-items: center;
    position: relative;
    margin: auto;
    text-align: center;
}
.stepBar .completed span {
    background: #519600;
    color: #fff;
  }
.stepBar li.completed:before {
    content: "";
    top: -18px;
    left: 35%;
    width: 13px;
    height: 7px;
    border-left: 2px solid #519600;
    border-bottom: 2px solid #519600;
    transform: rotate(-45deg);
}
.stepBar li {
    font-size: 12px;
    list-style: none;
    position: relative;
    margin: 0 25px;
    width: 33.333%;
  }
  .stepBar li:after {
    position: absolute;
    content: "";
    top: 11px;
    left: -31px;
    width: 11px;
	height: 11px;
	border-top: 3px solid #3F3F46;
	border-right: 3px solid #3F3F46;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .stepBar li:first-child:after {
    display: none;
  }
  .stepBar li:before {
    position: absolute;
    content: "Step";
    color: #5C5C5C;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
  }

  .stepBar li span {
    background: #EBE9E6;
    color: #5C5C5C;
    display: inline-block;
    height: 36px;
    margin-bottom: 5px;
    line-height: 33px;
    width: 36px;
    font-size: 18px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
  .stepBar .visited span {
    background: #0044C7;
    color: #fff;
  }
.button-container {
    width: 100%;
    max-width: 448px;
    margin: 20px auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.personal-container {
    width: 100%;
    max-width: 448px;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
}
.form-work .personal-item {
    margin-bottom: 10px;
    width: 100%;
}
.form-work .personal-item .p-postal-code,
.form-work .personal-item textarea {
    border: #E0E0E0 1px solid;
    background: #FAFAFA;
    border-radius: 8px;
    height: 49px;
    width: 56%;
    padding: 10px;
    margin: 5px 0;
}
.form-work .personal-item textarea {
    display: block;
    width: 100%;
    height: 50%;
}
.form-work .personal-item label {
    margin: 0 10px 0 3px;
    font-weight: bold;
}
.form-work .personal-item .personal-100 {
    display: block;
    width: 100%;
    border: #E0E0E0 1px solid;
    background: #FAFAFA;
    border-radius: 8px;
    height: 49px;
    padding: 10px;
    margin: 5px 0;
}
.form-work .personal-item .required {
    color: #B90000;
    font-size: 12px;
}
.form-work .personal-item .address-box {
    display: inline-block;
    margin: 0;
    height: auto;
    border: none;
    background-color: transparent;
    border-radius: 0;
    visibility: hidden;
}
.form-work .personal-item #dummybox-prefecture,
.form-work .personal-item #dummybox-municipality,
.form-work .personal-item #dummybox-after-address {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    position: absolute;
}
.form-work .personal-item .address-flex {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
}
.form-work .personal-item .comment-message {
    margin: 10px 0;
}
.form-work .personal-item.comment-container {
    height: 100%;
    margin: 0;
}
.form-work .personal-item.comment-container label {
    margin: 0;
}
.form-work .post-code-container {
    display: flex;
    justify-content: space-between;
}
.form-work .post-code-container button {
    color: #333333;
    border-bottom: #333333 1px solid;
    padding: 2px;
    margin: 15px 0 15px 7px;
}
.form-work > button {
    margin-top: auto;
}
.form-work .profile-template-container {
    margin: 10px 0;
    text-align: center;
}
.form-work .profile-template-container span {
    padding-bottom: 2px;
    border-bottom: 1px solid #333333;
    cursor: pointer;
}
.form-work
.m-required {
    color: #e22828;
    font-size: 12px;
    font-size: 0.75rem;
    margin-left: 4px;
}
.hidari {
    width: 100%;
    max-width: 448px;
    margin: 20px auto;
}
.hidari input {
    width: 100%;
    max-width: 448px;
    text-align: center;
    border: 1px #a8a8a8 solid;
    height: 46px;
    color: #919191;
}
.hidari textarea {
    width: 100%;
    max-width: 448px;
    margin: auto;
    border: 1px #a8a8a8 solid;
    height: 200px;
}
.small-span {
    font-size: 80%;
}
/* 日本地図DOM */
.japan_map {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    display: table;
    background-color: #adf6ff;
}
/* 日本地図画像（スマホ対応用） */
.japan_map img {
    max-width: 100%;
    height: auto;
    border: 0;
    -webkit-backface-visibility: hidden;
}
/* 日本地図ボタン */
.japan_map .area_btn {
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    cursor: pointer;
    border: 3px solid #333333;
    border-radius: 5px;
    background-color: #fff;
    padding: 0.2em auto;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

/* ボタン配置（使用する日本地図画像により微調整） */
.japan_map .area_btn.area1 {
    top: 30%;
    right: 0;
    width: 30%;
}
.japan_map .area_btn.area2 {
    top: 58%;
    right: 11%;
    width: 13%;
}
.japan_map .area_btn.area3 {
    top: 56%;
    right: 27.5%;
    width: 13%;
}
.japan_map .area_btn.area4 {
    top: 65%;
    right: 44%;
    width: 13%;
}
.japan_map .area_btn.area5 {
    top: 52%;
    left: 20%;
    width: 25%;
}
.japan_map .area_btn.area6 {
    top: 70%;
    left: 0;
    width: 25%;
}
/* オーバーレイ */
.japan_map .area_overlay {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-color: #111;
    opacity: 0.5;
    cursor: pointer;
}

/* 選択前は表示を隠す */
.japan_map .pref_area {
    display: none;
}

/* 地域毎の都道府県リスト */
.japan_map .pref_list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: 3;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    background-color: #fff;
}
.japan_map .pref_list > div {
    box-sizing: border-box;
    width: 50%;
    border: 1px solid #ccc;
    font-weight: bold;
    text-align: center;
    padding: 0.5em;
    cursor: pointer;
}

@media screen and (max-width: 480px) {
    /* スマホユーザー向けにボタン文字サイズを調整 */
    .japan_map .area_btn {
        font-size: 4vw;
    }
}
.center-span {
    display: flex;
    justify-content: center;
    align-items: center;
}
#flatpickr {
    border: none;
}
#flatpickr:focus {
    outline: none;
}
i.fa-magnifying-glass {
    font-size: 25px; /* アイコンのサイズを設定 */
}
i.fa-calendar-days {
    font-size: 25px; /* アイコンのサイズを設定 */
}
i.fa-message {
    font-size: 25px; /* アイコンのサイズを設定 */
}
i.fa-user {
    font-size: 25px; /* アイコンのサイズを設定 */
}
i.fa-plus {
    font-size: 16px;
}
.cp_linetab {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    margin: auto;
    max-width: 448px;
}
.toggle-title {
    background: #c9c9c9;
}

.cp_linetab input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.toggle-title {
    font-weight: bold;
    line-height: 3;
    position: relative;
    display: block;
    padding: 0 0 0 1em;
    cursor: pointer;
    border-radius: 5px;
    margin-bottom: 10px;
}

.cp_linetab .cp_linetab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s;
}

.cp_linetab input:checked ~ .cp_linetab-content {
    max-height: 20em;
}
.toggle-title:after {
    content: "\2b";
    position: absolute;
    top: 0;
    right: 0;
    width: 2em;
    height: 3em;
}
input:checked ~ .toggle-title::after {
    content: "\2d";
}
@media screen and (max-width: 768px) {
    .cp_linetab {
        max-width: 100%;
    }
}
.search-btnsubmit {
    width: 100%;
    max-width: 448px;
    margin: auto;
    text-align: center;
    display: block;
    width: 100%;
    background: #1a3188;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.7777777778;
    height: 50px;
}
@media screen and (max-width: 768px) {
    .search-btnsubmit {
        max-width: 100%;
    }
}

.jobcard-container {
    display: flex;
    border-bottom: 1px #dddddd solid;
}
.jobcard-image {
    width: 30%;
}
.jobcard-text {
    width: 70%;
}
.m-distancedate {
    font-size: 13px;
}

.div-searchprice {
    max-width: 448px;
    margin: 10px auto 0;
    text-align: center;
}
.span-searchprice {
    font-size: 13px;
}
.searchprice {
    color: #ff00b8;
    font-size: 16px;
}
.span-marker {
    background: linear-gradient(transparent 70%, rgba(26, 49, 136, 0.5) 30%);
}
.top-text {
    position: absolute;
    top: -10%;
    width: 100%;
    margin: auto;
    z-index: 1000;
}
.top-text p {
    color: #fff;
    font-size: 20px;
    text-align: center;
}
.bottom-text {
    position: absolute;
    display: flex;
    margin: 10px auto;
    gap: 10px;
    width: 100%;
    z-index: 1000;
    color: #fff;
}
.flex-row {
    display: flex;
    gap: 4px;
    position: relative; /* 相対位置指定 */
}
.flex-row::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2.5%;
    width: 95%;
    border-bottom: 1px solid #868686;
}
.flex-row:last-child::after {
    display: none; /* 最後の.flex-row要素の線を非表示にする */
}
.flex-row + .flex-row {
    margin-top: 4px;
}
.flex-item {
    padding: 4px;
}
.flex-item:nth-child(1) {
    padding-left: 2.5%;
    width: 25px;
}
.flex-item:nth-child(2) {
    flex: 1;
}
.flex-item:nth-child(3) {
    flex: 2;
}
.fa-exclamation-triangle {
    color: yellow;
}
.maru-span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background-color: #1a3188;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px;
}