@charset "UTF-8";

/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table:not(.tinymce-table), caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html * {
    /* padding/border差し引きなし */
    box-sizing: border-box;
}

ul, ol {
    list-style: none;
}

body {
    font-size: 16px;
    letter-spacing: 1px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #000;
    line-height: 2;
}

.font-type1 {
    font-family: 'Noto Serif JP', serif;
}

.font-type2 {
    font-family: 'Kosugi Maru', sans-serif;
}

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

a,
a:before,
a:after,
input {
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
    -o-transition-property: background-color, color;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: ease;
    transition-property: background-color, color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}

a {
    color: #000;
    cursor: pointer
}

h1 {
    font-size: 250%;
}

h2 {
    font-weight: 800;
    font-size: 250%;
    letter-spacing: 1px;
}

h3 {
    font-size: 140%;
}

h4 {
    font-size: 120%;
}

h5 {
    font-size: 110%;
}

h6 {
    font-size: 100%;
}

footer {
    background: url("../img/footer-bk.jpg")no-repeat, #000;
    background-size: cover;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 2.5;
    margin-top: 50px;
}

footer a {
    color: #fff;
}

footer h3 {
    font-size: 18px;
    margin-bottom: 30px;
}

.company-name {
    margin-bottom: 15px;
}

.company {
    font-size: 18px;
}

.footer01,
.footer02,
.footer03 {
    border-right: 1px solid #000;
    padding: 0 30px;
}

.footer04 {
    padding-left: 30px;
}

.footer01 img {
    width: 40px;
    height: 100%;
    margin-right: 10px;
}

.contact-bt {
    border: 2px solid #fff;
    background-color: #000;
    border-radius: 50px;
    padding: 10px 30px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}

.company-name a {
    color: #fff;
}

.sns,
.sns a {
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
}

.copyright {
    text-align: center;
    margin: 30px auto 0;
}

#wrapper {
    overflow: hidden;
}

body {
    background-color: #ded7c4;
}

.nav-upper {
    font-size: 10px;
    color: #333;
    background-color: #fff;
    width: 100%;
    padding-left: 10px;
    position: fixed;
    z-index: 999;
}

.navbar {
    box-shadow: 1px 1px 2px #ddd;
}

.bt01 {
    background-color: #999;
    color: #000;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    padding: 10px 20px;
    margin: 0 30px;
}

.bt02 {
    background-color: #cc0000;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 10px 20px;
}

.bt02 a {
    color: #fff;
}

.jumbotron {
    background: url("../img/top-fv.jpg") center center / cover no-repeat;
    width: 100vw;
    height: 100vh;
    margin-top: 60px;
    margin-bottom: 0;
}

.fixed-top {
    top: 20px;
}

main {
    margin-top: 85px;
}

.navbar-expand-lg {
    background-color: #fff;
}

.jumbotron .container {
    text-align: center;
    color: #fff;
}

.jumbotron h1 {
    line-height: 1.8;
}

.jumbotron .lead {
    margin-bottom: 20px;
    margin-top: 10%;
}

.fv-point-inner {
    margin: 0 10px;
    background-color: #023472;
    padding: 1px;
}

.fv-point-inner-pctb {
    position: absolute;
    bottom: 0;
    width: 85%;
}

.fv-point-body {
    background-color: #fff;
    padding: 20px;
    line-height: 1.7;
}

.fv-point-body-pctb {
    display: none;
}

.fv-point-inner h3 {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 15px;
}

.top-cont01 {
    margin-top: 70px;
    border-bottom: 1px solid #999;
    padding-bottom: 15px;
}

.top-cont01-tit {
    background-color: #023472;
    border-radius: 100vh;
    width: 80px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin-right: 40px;
}

.news-day {
    margin-right: 40px;
}

.top-cont02 {
    box-shadow: 2px 2px 3px #ccc;
    margin-top: 70px;
}

.top-cont02-cont {
    background-color: #999;
    color: #fff;
    padding-top: 10px;
}

.top-cont02-cont h2 {
    margin: 15px 0;
    font-size: 16px;
    margin-left: 15px;
}

.top-cont02-inner {
    background-color: #efefef;
    padding: 30px;
    color: #000;
}

.top-cont02-inner h3 {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
}

.top-cont02-inner p {
    font-size: 14px;
    margin-bottom: 20px;
}

.top-cont02-bt01 {
    background-color: #023472;
    width: 100%;
    color: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
}

.top-cont02-bt01:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("../img/bt02-icon.png");
    background-size: contain;
    vertical-align: middle;
    margin-left: 10px;
}

.top-cont02-bt02 {
    background-color: #023472;
    color: #fff;
    padding: 16px;
    margin-left: 10px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    width: 100px;
}

.top-cont02-bt03 {
    background-color: #999;
    color: #fff;
    padding: 16px;
    margin-left: 10px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.top-cont02-fm button {
    margin-left: 20px;
}

.or-line {
    border-left: 1px solid #999;
    height: 40%;
    position: relative;
    left: 10px;
}

.input-large {
    padding: 30px;
    border: 1px solid #023472
}

.top-cont02-fm button {
    background-color: #023472;
    color: #fff;
    padding: 15px;
    width: 100px;
}

.top-cont03 {
    margin-top: 70px;
}

.top-cont03 h2 {
    font-weight: 800;
    margin-bottom: 30px;
    font-size: 250%;
    letter-spacing: 1px;
}

.top-cont03-sub {
    text-align: center;
    margin-bottom: 30px;
}

/* カルーセル*/
.top-cont03-cont {
    border: 1px solid #999;
    border-radius: 5px;
    margin: 0 10px;
    padding: 15px;
    background-color: #fff;
    height: 100%;
    width: auto;
}

.top-cont03-cont h3 {
    font-size: 110%;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.7;
    height: 24px;
}

.top-cont03-body {
    line-height: 1.4;
    margin: 15px 0 10px;
    color: #333;
    height: 24px;
    margin-top: 64px;
}

.top-cont03-cond {
    height: 110px;
    margin-top: 82px;
}

.top-cont03-cond ul {
    overflow: hidden;
    margin-right: 5px;
}

.top-cont03-cond li {
    display: inline-block;
    margin-right: 5px;
}

.price {
    color: #cc0000;
    font-size: 24px;
    font-weight: 700;
}

.slider a {
    text-decoration: none;
    color: #000;
}

.slider a:hover h3 {
    color: #3490dc;
}

.pick-bt {
    background-color: #023472;
    color: #fff;
    font-size: 20px;
    padding: 10px 50px;
    text-align: center;
    display: inline-block;
}

.pick-bt-cont {
    text-align: right;
    padding: 20px 0;
}

.top-cont04 {
    background: url("../img/top-cont04-bk.jpg")no-repeat;
    background-size: cover;
    padding: 100px 0;
    margin-top: 70px;
}

.top-cont04-bt {
    width: 100%;
    padding: 30px 0;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #999;
    margin-bottom: 30px;
    margin-right: 20px;
    position: relative;
}

.top-cont04-bt:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: 10px;
    color: #023472;
}

.top-cont04-bt-half {
    width: 46%;
}

.supplier {
    width: 200px;
    height: 200px;
    padding: 30px 10px;
    background-color: #fff;
    margin:0 3px;
}

.supplier img {
    margin: 10px auto;
}

.top-cont05 {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 60px;
    background-color: #ccc;
    padding-top: 100px;
}

.top-cont05 p,
.top-cont06 p {
    margin-bottom: 20px;
    font-size: 14px;
}

.top-cont06 {
    padding-top: 100px;
    padding-bottom: 70px;
    border-bottom: 1px solid #999;
}

.top-cont06-bt01 {
    background: url("../img/support-bt01.png")no-repeat;
    background-size: cover;
}

.top-cont06-bt02 {
    background: url("../img/support-bt02.png")no-repeat;
    background-size: cover;
}

.top-cont06-bt03 {
    background: url("../img/support-bt03.png")no-repeat;
    background-size: cover;
}

.top-cont06-bt04 {
    background: url("../img/support-bt04.png")no-repeat;
    background-size: cover;
}

.top-cont06-bt05 {
    background: url("../img/support-bt05.png")no-repeat;
    background-size: cover;
}

.top-cont06-bt06 {
    background: url("../img/support-bt06.png")no-repeat;
    background-size: cover;
}

.top-cont06-bt {
    width: 100%;
    padding: 30px 0;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #999;
    margin-bottom: 30px;
    margin-right: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.top-cont06-bt::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.top-cont06-bt p {
    z-index: 999;
    font-weight: 700;
}

.top-cont07 {
    padding-top: 70px;
    padding-bottom: 40px;
}

.step {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin: 10px;
    position: relative;
    margin-top: 30px;
    width: 20%;
}

.step:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    top: 40%;
    left: 103%;
    color: #023472;
}

.step:last-child:after {
    display: none;
}

.step img {
    position: absolute;
    top: -20px;
    left: 34%;
}

.step h3 {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.step p {
    line-height: 1.5;
}

.top-cont08 {
    background-color: #efefef;
    margin-top: 50px;
}

.top-cont08 .card {
    width: 30%;
}

.top-cont08 .coordinators {
    padding-left: 1.5rem;
}

.tit-sub {
    font-size: 14px;
    margin-bottom: 40px;
    margin-top: 5px;
}

.card img {
    border-radius: 0.25rem 0.25rem 0 0;
}

.card-text {
    line-height: 1.5;
}

.column {
    padding-top: 100px;
    padding-bottom: 40px;
}

.column-img img {
    border-radius: 15px;
    width: 100%;
    height: 140px;
    object-fit: cover;
}

.column-day {
    font-size: 14px;
    margin: 10px auto;
}

.column-txt {
    margin-bottom: 30px;
}

.column-tit {
    line-height: 1.7;
}

.column-category {
    color: #333;
    margin-left: 10px;
}

.column-maru {
    color: #fe680c;
}

.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(215,164,35,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
    background-color: #034572;
}

.navbar-toggler {
    border-color: #034572;
}

.btn {
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    padding: 10px 30px 10px;
    text-align: center;
    outline: none;
    transition: ease .2s;
}

.top-cont02-fm .btn {
    padding: 20px 30px 10px;
}

.pick-bt-cont .btn {
    margin-right: 30px;
}

.star .btn {
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    padding: 0;
    text-align: center;
    outline: none;
    transition: ease .2s;
    line-height: 1.0;
}

.btn span {
    position: relative;
    z-index: 3;
    color: #fff;
}

.top-cont04-r .btn span,
.top-cont06-r .btn span {
    color: #000;
}

.btn:hover span {
    color: #fff;
}

.bgskew::before {
    content: '';
    position: absolute;
    top: 0;
    left: -156%;
    background-color: rgba(0, 0, 0, 0.5);
    width: 120%;
    height: 100%;
    transform: skewX(-25deg);
}

.company-name .bgskew::before {
    content: '';
    position: absolute;
    top: 0;
    left: -130%;
    background-color: rgba(255, 255, 255, 0.5);
    width: 120%;
    height: 100%;
    transform: skewX(-25deg);
}

.bgskew:hover::before {
    animation: skewanime .5s forwards;
}

@keyframes skewanime {
    100% {
        left: -10%;
    }
}

.star .nav-link {
    padding: 5px;
}

.star-txt {
    font-size: 7px;
    color: #fff;
}

.star {
    line-height: 1.0;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #023472;
    color: #fff;
    margin-left: 20px;
    border-radius: 5px;
    padding: 4px 5px;
}

.star-bt {
    line-height: 1.0;
    text-align: center;
    border: 1px solid #ccc;
    background-color: #023472;
    color: #fff;
    margin-left: 20px;
    border-radius: 5px;
    padding: 7px 10px 5px;
    font-size: 10px;
}

.link {
    color: #3490dc;
    text-decoration: underline;
}

/*利用規約 ・ プライバシーポリシー*/
.pt-3 {
    padding-top: 1rem!important;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

.pt-3-ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.pri-sign {
    text-align: right;
}

.star-w, .favadd-yet {
    color: #fff;
    margin-bottom: 5px;
}

/*星の色変更する場合*/
.star-y {
    color: #fff000;
    margin-bottom: 5px;
    display: inline-block;
}

.favadd-fin {
    margin-bottom: 5px;
    display: inline-block;
}
.nav-link {
    margin-right: 20px;
}

/* 案件詳細 */
.bread-column {
    margin: 30px 0;
}

.bread-column02 {
    margin: 10px 0;
    font-size: 12px;
    color: #333;
}

.job-cont01 {
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 22px;
    background-color: #fff;
    margin-bottom: 20px;
}

.job-tit-new, .job-tit-end {
    margin-left: 20px;
    padding-top: 10px;
}

.icon-job-new, .icon-job-end {
    border-radius: 8px;
    color: #fff;
    font-size: xx-small;
    padding: 2px 6px;
}

.icon-job-new {
    background-color: #d7a420;
}

.icon-job-end {
    background-color: #999;
}

.job-tit h2 {
    font-size: 24px;
}

.bread-column {
    margin-top: 100px;
    font-size: 12px;
    color: #333;
}

.job-body {
    border-radius: 5px;
    padding: 20px 40px;
    font-size: 16px;
    background-color: #fff;
    margin-bottom: 20px;
}

.tag {
    background-color: #023472;
    border-radius: 30px;
    font-size: 12px;
    color: #fff;
    padding: 5px 10px;
}

.job-body li {
    display: inline-block;
}

.job-body table {
    margin: 20px 0;
}

.job-body th {
    background-color: #f8e2a8;
}

.job-body .table td,
.job-body .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #999;
}

.compay-card-body .table td,
.compay-card-body .table th {
    padding: 0;
    border-top: 0px none;
    border-bottom: 1px solid #dee2e6;
    vertical-align: top;
}

.compay-card-body .table th {
    width: 20%;
}

.job-body .table {
    border-top: 2px solid #666;
}

.job-body th {
    width: 20%;
}

.job-table02 th {
    background-color: #c1e1ff;
}

table, td, th {
    border-bottom: 1px solid #999;
}

.job-coodinator {
    border: 2px solid #023472;
    background-color: #f8f2dd;
    padding: 30px;
}

.coodi-r img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 0 auto;
}

.coodi-r p {
    margin: 0 auto;
}

.coodi-r {
    text-align: center;
}

.coodi-l h3 {
    margin-bottom: 20px;
}

.job-cont02 {
    margin-top: 70px;
    background-color: #fff;
    padding: 30px;
    border-radius: 20px;
    text-align: center;
}

.job-cont02-bt {
    background-color: #023472;
    border-radius: 30px;
    width: 70%;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
    font-size: 34px;
    padding: 20px;
    color: #fff;
    margin: 20px auto;
}

.job-cont02-bt-l {
    display: flex;
    justify-content: center;
    align-items: center;
}

.job-cont02-bt-r {
    margin-top: 10px;
}
.job-cont03 a{
    margin: 20px auto 0;
}
.job-cont03-star-bt {
    background-color: #fff;
    border: 2px solid #023472;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    width: 40%;
}
.job-cont03-star-bt span {
    color: #023472;
}
.star-default, .favadd-yet-detail {
    margin-bottom: 5px;
    display: inline-block;
}

/* 案件一覧 */
.jobli-ti {
    border: 2px solid #023472;
    background-color: #fff;
    padding: 20px 10px;
    border-radius: 5px;
}

.jobli-ti-inner-a {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #999;
}

.jobli-ti-inner-a h2 {
    font-size: 20px;
    font-weight: 400;
}

.jobli-title {
    font-size: 20px;
    font-weight: 700;
    margin-right: 5px;
}

.hit-num {
    color: #d7a420;
    font-size: 18px;
    font-weight: 700;
}

.jobli-sort .form-control {
    padding: 5px 20px;
    border: 1px solid #023472;
}

.jobli-ti-inner-b {
    padding-top: 20px;
}

.jobli-left-body {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}

.jobli-left-body h3 {
    background-color: #ccc;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}

.jobli-left-body .top-cont02-bt02 {
    background-color: #023472;
    color: #fff;
    padding: 8px 5px;
    margin-left: 5px;
    text-align: center;
    font-size: 13px;
    box-shadow: 2px 2px 3px #999;
    width: 60px;
}

.clear-link {
    font-size: 13px;
    color: #212529;
    text-decoration: underline;
}

.jobli-left-body .form-control {
    padding: 10px;
    font-size: 11px;
    border: 1px solid #023472;
}

.jobli-l02 {
    margin-top: 20px;
    font-size: 13px;
}

.jobli-left-body .form-check {
    margin-bottom: 10px;
    padding-left: 5px;
}

.jobli-left-body .form-check-label {
    margin-left: 20px;
}

.jobli-l02 .top-cont02-bt02,
.jobli-l07 .top-cont02-bt02 {
    width: 100%;
    margin-left: 0;
    padding: 20px;
    margin: 20px auto;
}

.jobli-l07 .top-cont02-bt02 {
    margin: 10px auto;
}

.jobli-l03,
.jobli-l04,
.jobli-l05,
.jobli-l06,
.jobli-l07 {
    font-size: 13px;
    margin-top: 10px;
}

.jobli-left-body input {
    margin-top: 7px;
}

.jobli-l06 h4 {
    font-weight: 700;
}

.jobli-cont {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 40px;
    border: 1px solid #ccc;
    margin-top: 20px;
}

.jobli-cont01-ti {
    border-bottom: 2px solid #999;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.en,
.station {
    font-size: 24px;
    font-weight: 700;
    color: #023472;
    margin-right: 10px;
}

.station {
    font-size: 20px;
    padding-top: 5px;
}

.salery:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("../img/money.png");
    background-size: contain;
    vertical-align: -5px;
    margin-right: 15px;
}

.station:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url("../img/marker.png");
    background-size: contain;
    vertical-align: -5px;
    margin-right: 10px;
    /* margin-left: 50px; */
}

.jobli-cont02 li {
    display: inline-block;
}

.jobli-cont table {
    margin: 10px 0;
}

.jobli-cont03 th {
    background-color: #f8e2a8;
    width: 25%;
    padding: 5px 10px;
}

.jobli-cont03 td {
    padding: 5px 10px;
}

.jobli-cont03 .table td,
.jobli-cont03 .table th {
    padding: 10px;
}

.jobli-cont01-ti .star {
    padding: 6px;
}

.jobli-cont01-ti h3 {
    margin-top: 7px;
}

.jobli-cont .table-bordered th,
.jobli-cont .table-bordered td {
    border: 1px solid #999;
}

.jobli-bt {
    background-color: #023472;
    color: #fff;
    font-size: 18px;
    padding: 10px 60px;
    text-align: center;
    display: inline-block;
    margin-right: 30px;
    border-radius: 10px;
    width: 40%;
}

.jobli-bt02 {
    background-color: #fff;
    border: 2px solid #023472;
    font-size: 18px;
    padding: 10px 60px;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    width: 40%;
}

.jobli-endbt {
    pointer-events: none;
    background-color: #999;
    font-size: 18px;
    padding: 10px 60px;
    text-align: center;
    display: inline-block;
    border-radius: 10px;
    width: 40%;
}

.jobli-bt02 span {
    color: #023472;
}

.jobli-cont04 a {
    margin: 20px auto 0;
}

.jobli-pagination {
    margin-top: 70px;
}

.collabe-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.jobli-pagination .page-link {
    padding: 4px 10px;
    color: #023472;
    border: 1px solid #023472;
    border-radius: 5px;
    margin: 0 5px;
}

.jobli-pagination .p-arrow {
    background-color: #023472;
    color: #fff;
}

.jobli-pagination .page-item.active .page-link{
    background-color: #023472;
    border-color: #023472;
}

.jobli-main .job-cont02-bt {
    width: 100%;
}

.navbar {
    box-shadow: 1px 1px 2px #ddd;
}

#hover-wrapper {
    width: 750px;
    overflow: hidden;
    font-size: 14px;
}

#hover-wrapper h2 {
    background-color: #999;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    padding: 20px 0;
}

.hover-main {
    padding: 30px;
    background-color: #fff;
}

.hover-serch {
    margin-bottom: 20px;
    margin-right: 70px;
}

#hover-wrapper h3 {
    margin: 30px 0;
    background-color: #ccc;
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    padding-left: 20px;
}

.hover02 .nav-tabs {
    margin-bottom: 30px;
}

.hover-skill {
    margin-bottom: 10px;
}

.hover-skill {
    padding: 0 20px;
}

.hover04 .month {
    display: inline-block;
    float: left;
}

.hover04 .form-control {
    padding: 0 50px;
    border: 1px solid #023472;
}

.hover04 .month {
    margin: 10px 20px 0 10px;
}

.hover-price {
    margin-right: 20px;
}

.hover-main .top-cont02-bt02 {
    width: 100%;
}

.hover-clear-link {
    color: #3490dc;
    text-decoration: underline;
}

.top-cont02-fm .top-cont02-bt02 {
    width: 30%;
}

.jobli-l01 .top-cont02-bt02 {
    width: 50px;
    line-height: unset;
    padding: 5px;
}

.jobli-left-body .free-w input {
    margin-top: 0;
}

.hover06 h4 {
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
}

.hover-position-width {
    width: 50%;
}

.hover-commitment-width {
    width: 25%;
}

.hover-23area-width {
    width: 25%;
}

.hover-23outer-width {
    width: 50%;
}

.hover-skill-width {
    width: 25%;
}

.hover-clear-bt {
    color: #023472;
    background-color: #fff;
    border: 2px solid #023472;
    box-shadow: 2px 2px 3px #999;
    text-align: center;
    width: 25%;
}

.hover-cond-search-bt {
    background-color: #023472;
    color: #fff;
    box-shadow: 2px 2px 3px #999;
    padding: 16px;
    margin-left: 10px;
    text-align: center;
    width: 25%;
}

.hover-row {
    margin-left: 0;
    width: 100%;
}

/* 案件一覧　・　報酬から探す */
.jobli-left-body .jobli-l05 .form-control {
    padding: 8px;
    font-size: 16px;
    border: 1px solid #023472;
}

.jobofferPrice {
    padding-bottom: 10px;
    padding-right: 140px;
}

/* 企業向けお問い合わせ */
.bus-tit {
    background: url("../img/busi-tit.jpg")no-repeat center;
    height: 270px;
    background-size: cover;
    text-align: center;
    color: #fff;
}

.bus-tel02:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f3cd";
    color: #023472;
    background-color: #fff;
    border-radius: 50%;
    padding: 8px 11px;
}

.bus-tit h1 {
    padding-top: 70px;
    font-size: 30px;
    font-weight: 800;
}

.bus-tel01 {
    margin: 35px auto 15px;
}

.bus-tel02 {
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: 700;
}

.bus-cont {
    padding-top: 100px;
}

.bus-cont h2 {
    text-align: center;
    margin-bottom: 40px;
}

.bt-contact {
    text-align: center;
    margin-top: 30px;
}

.bus-tel02 a {
    color: #fff;
}

.use-tit {
    background: url("../img/useful-tit.jpg")no-repeat center;
    height: 270px;
    background-size: cover;
    text-align: center;
    color: #fff;
}

.use-tit h1 {
    padding-top: 70px;
    font-size: 30px;
    font-weight: 800;
}

.use-menu {
    border-radius: 10px;
    background-color: #fff;
}

.use-menu-ti li {
    display: inline-block;
}

.use-menu ul {
    overflow: hidden;
}

.use-menu img {
    height: 30px;
    margin-right: 5px;
}

.use-menu-ti {
    font-size: 16px;
    background-color: #0d3a64;
    color: #fff;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    line-height: 1.3;
    font-size: 14px;
}

.menu-body li {
    border-bottom: 1px solid #eee;
    padding: 15px;
    font-size: 14px;
}

.menu-body li:last-child {
    border-bottom: none;
}

.menu-body img {
    width: 11px;
    height: 9px;
    margin-top: 12px;
}

.w25 {
    width: 25%;
    margin-right: 10px;
}

.use-menulist {
    padding-bottom: 50px;
    border-bottom: 1px solid #999;
}

.use-cont {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    margin-top: 30px;
}

.use-cont h2 {
    margin: 50px auto;
    text-align: center;
}

.use-cont h3 {
    background-color: #f4ede0;
    border-left: 5px solid #023472;
    padding: 10px;
    font-size: 20px;
    font-weight: 700;
    margin-top: 40px;
}

.use-cont h4 {
    margin-left: 20px;
    font-weight: 700;
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 10px;
}

.use-txt {
    margin-left: 40px;
    margin-right: 25px;
    margin-top: 15px;
}

.use-lead {
    margin: 20px 15px 0 20px;
}

a.anchor {
    display: block;
    cursor: default;
    padding-top: 70px;
    margin-top: -70px;
}

.ser-tit {
    background: url("../img/service-tit.jpg")no-repeat center;
    height: 270px;
    background-size: cover;
    text-align: center;
    color: #fff;
}

.ser-tit h1 {
    padding-top: 70px;
    font-size: 30px;
    font-weight: 800;
}

.ser-cont h2 {
    margin: 40px auto 10px;
    text-align: center;
}

.ser-tit-sub {
    text-align: center;
    font-size: 14px;
}

.ser-body {
    margin: 40px auto;
}

.ser-follow {
    border-radius: 30px;
    background-color: #fff;
    padding: 30px;
}

.ser-follow h3 {
    border-bottom: 3px solid #023472;
    padding-bottom: 10px;
    padding-left: 50px;
    margin-left: 30px;
    position: relative;
}

.fo-ti01 h3:before,
.fo-ti02 h3:before,
.fo-ti03 h3:before {
    content: "";
    display: inline-block;
    width: 57px;
    height: 57px;
    background-image: url(../img/follow-ico01.png);
    background-size: contain;
    position: absolute;
    top: -17px;
    left: -24px;
}

.fo-ti02 h3:before {
    background-image: url(../img/follow-ico02.png);
}

.fo-ti03 h3:before {
    background-image: url(../img/follow-ico03.png);
}

.ser-follow-red {
    font-size: 18px;
    color: #cc0000;
    margin: 20px;
}

.ser-follow-txt {
    margin-left: 20px;
}

.ser-cont02-step {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
}

.ser-cont02-step {
    position: relative;
    margin-top: 40px;
}

.ser-cont02-step:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f107";
    position: absolute;
    top: 100%;
    left: 45%;
    color: #023472;
}

.ser-cont02-step:last-child:after {
    display: none;
}

.flow-tit01 {
    font-size: 24px;
    margin-left: 10px;
    font-weight: 700;
}

.step-ti {
    margin-top: 10px;
}

.step-merit {
    margin-top: 20px;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
    border: 3px solid #023472;
}

.step-merit img {
    position: relative;
    top: -27px;
    left: 10px;
    left: 20px;
}

.step-txt {
    margin-top: -20px;
}

.ser-cont02 h2 {
    text-align: center;
}

.ser-cont02,
.ser-cont {
    margin-top: 70px;
}

.column-cont {
    margin: 0 20px;
}

.tb .star {
    padding: 8px 20px;
}

.jobli-left-column .card-header {
    padding: 0;
    background-color: #fff;
    border-bottom: none;
    margin: 0 auto;
}

.jobli-left-column .card {
    border: none;
}

.jobli-left-column .card-body {
    padding: 0;
}

.jobli-left-column .card .btn {
    padding: 0 30px 10px;
    font-size: 12px;
}

.jobli-cont01-ti .nav-item {
    padding-top: 3px;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: auto !important;
}

.btn-entry {
    background-color: #023472;
}

.required {
    color: rgb(230, 3, 3);
}

.sitemap-header {
    background-color: #023472;
    color: #fff
}

.sitemap-col-width {
    width: 33%;
}

.sitemap-posi-width {
    width: 50%;
}

.form-check-inline {
    margin-right: 0;
}

.btn:focus, .btn.focus {
    box-shadow: 0 0 0 0;
}

.fa-circle-question {
    color: #d7a420;
}

.bs-tooltip-top .arrow::before {
    color: #023472;
    border-top-color: #023472;
}

.tooltip-inner {
    background-color: #023472;
    border: 2px solid #023472;
    text-align: start;
    max-width: 300px;
}

/* スクロールボタン */
#page_top {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 10px;
    bottom: -60px;
    background: #023472;
    opacity: 0.7;
    border-radius: 50%;
}

#page_top a {
    position: relative;
    display: block;
    width: 60px;
    height: 25px;
    text-decoration: none;
}

#page_top a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f102';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -5px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

/* 運営会社 */
#googlemap {
    height: 450px;
}

.compay-card-body {
    padding: 1.0px 1.25rem 1.25rem;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

.tb {
    display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 590px) {
    .pc {
        display: none !important;
    }

    .tb {
        display: none !important;
    }

    .sp {
        display: block !important;
    }
}

@media screen and (min-width:591px) and (max-width:920px) {
    .pc {
        display: none !important;
    }

    .tb {
        display: block !important;
    }

    .sp {
        display: none !important;
    }
}

/* タブレット */
@media screen and (max-width: 920px) {

    .slick-next,
    .slick-prev {
        display: none;
    }

    .jumbotron {
        height: 1120px;
    }

    .top-cont04 {
        background: url(../img/top-cont04-bk.jpg)no-repeat, #e1e0dc;
        background-size: 150%;
        padding: 100px 0 200px;
        margin-top: 70px;
        background-position: center bottom;
    }

    .top-cont06-inner {
        margin-bottom: 30px;
    }

    .coo-txt {
        margin-bottom: 20px;
    }

    .job-cont02-bt {
        width: 100%;
    }

    .job-cont02 h2 {
        font-size: 30px;
    }

    .job-cont02-bt-r {
        font-size: 30px;
    }

    .footer01, .footer02, .footer03 {
        padding: 0 10px 0 10px;
    }

    .w25 {
        width: 100%;
        margin-bottom: 20px;
    }

    .use-cont h2 {
        margin: 30px auto 0;
        font-size: 30px;
    }

    .use-m-t {
        margin-bottom: 10px;
    }

    .use-menu-ti {
        position: relative;
    }

    .use-m-t {
        position: absolute;
        top: 17px;
        left: 60px;
    }

    .nav-link {
        margin-left: 15px;
    }

    .nav-item {
        border-bottom: 1px dotted #ccc;
        margin-bottom: 10px;
    }

    .top-cont02-fm .top-cont02-bt02 {
        padding: 15px 5px 10px;
        width: 40%;
    }

    .job-tit-new {
        width: 33%;
        margin-left: 25em;
    }

    .job-tit-end {
        width: 33%;
        margin-left: 0.3em;
    }

    .pt-3 {
        padding-top: 1rem!important;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 0.5rem;
    }

    /* ハンバーガーメニュー内スライドバー */
    .sidebar_inner {
        height: 100vh;
        overflow-y: scroll;
    }

     /* 案件一覧 */
    .jobli-main {
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* iPadカルーセル表示 */
@media (max-width: 1024px) {

    /* カルーセル*/
    .top-cont03-cont {
        height: 390px;
        width: 225px;
    }

    .top-cont03-cond {
        margin-top: 96px;
    }
}

/* スマホ */
@media screen and (max-width: 590px) {
    .fv-point01 {
        margin-bottom: 20px;
    }

    .fv-point-inner {
        margin: 0;
    }

    .nav-link {
        margin-left: 15px;
    }

    .nav-item {
        border-bottom: 1px dotted #ccc;
        margin-bottom: 10px;
    }

    .job-cont02-bt-l {
        position: relative;
        top: 54px;
        margin-top: -54px;
        z-index: 999;
    }

    .job-cont02-bt-r {
        font-size: 20px;
    }

    .footer01, .footer02, .footer03 {
        border-right: none;
        margin-bottom: 30px;
        padding: 0 30px;
    }

    .footer h3 {
        margin-bottom: 10px;
    }

    footer {
        background: #333;
    }

    .contact-bt {
        width: 100%;
    }

    .footer01 {
        margin-top: 30px;
        background-color: #666;
        padding-top: 30px;
    }

    .footer03,
    .footer04 {
        border-top: 1px solid #efefef;
        padding: 30px;
    }

    .fv-sm {
        margin-top: 110px;
    }

    .skill-sm {
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #999;
        box-shadow: 1px 1px 2px #999;
        height: 100px;
    }

    .skill-sm h4 {
        font-size: 14px;
        text-align: center;
        margin: 10px auto;
        letter-spacing: 0;
    }

    .skill-sm img {
        height: 50px;
        margin: 0 auto;
        padding: 5px;
    }

    .fv-sm .col-4 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .fv-sm .d-flex {
        margin: 20px auto;
    }

    .fv-sm h3 {
        font-size: 18px;
        font-weight: 700;
    }

    .serch-sm {
        background-color: #023472;
        margin: 30px auto;
        padding: 20px;
        color: #fff;
    }

    .serch-sm h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .top-cont02-fm .top-cont02-bt02 {
        background-color: #023472;
        color: #fff;
        padding: 16px;
        margin-left: 0;
        /* margin-right: 10px; */
        text-align: center;
        margin-top: 10px;
        box-shadow: unset;
        width: 100%;
        border: 1px solid #ccc;
    }

    .h1-sm-tit-sub {
        font-size: 14px;
        margin-bottom: 10px;
    }

    h1 {
        font-weight: 800;
        margin-bottom: 40px;
        font-size: 200%;
        letter-spacing: 1px;
        line-height: 1.4;
    }

    .fv-point-inner {
        border-radius: 5px;
    }

    .fv-point-body {
        border-radius: 0 0 5px 5px
    }

    .fv-point-inner h3 {
        text-align: left;
    }

    .fv-menu .btn {
        padding: 10px;
    }

    .fv-menu .btn-link {
        color: #fff;
    }

    .fv-menu {
        border-bottom: 1px solid #999;
        padding-bottom: 30px;
    }

    .top-cont01 {
        background-color: #fff;
        padding: 20px;
        margin: 20px 15px;

    }

    .top-cont01-tit {
        margin: 0 auto;
    }

    .top-cont04 {
        background-size: 140%;
        background-position: center bottom;
        padding: 70px 0 100px;
        background-color: #e1e0dc;
        margin-top: 70px;
    }

    .step:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 100%;
        left: 50%;
    }

    .step {
        margin-bottom: 30px;
        width: 100%;
        margin-left: 0;
    }

    .step img {
        left: 43%;
    }

    .pick-bt-cont {
        text-align: center;
    }

    .pick-bt-cont .btn {
        margin: 0 auto;
    }

    .pick-bt {
        width: 93%;
    }

    .top-cont08 .coo-txt {
        margin-bottom: 20px;
    }

    .top-cont08 .card {
        width: 90%;
        margin: 0 auto 20px;
    }

    .top-cont08 .coordinators {
        padding-left: 0;
    }

    .column-cont {
        margin-bottom: 30px;
    }

    .job-body {
        padding: 20px 10px;
    }

    .job-body .table td, .job-body .table th {
        display: flex;
        padding: 5px 10px;
        width: 100%;
        border-top: unset;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .job-body .table td {
        padding: 20px 10px;
    }

    .job-tit-new, .job-tit-end {
        width: 33%;
        margin-left: 0.3em;
    }

    .top-cont03 h2 {
        font-size: 26px;
    }

    .job-cont02 h2 {
        font-size: 26px;
    }

    .job-cont02-bt {
        width: 100%;
        font-size: 18px;
    }

    .job-cont02 {
        padding: 20px;
        text-align: left;
    }

    .jobli-cont01-ti .job-tit-new {
        margin-left: 14em;
        padding-top: 0px;
    }

    .jobli-cont01-ti .job-tit-end{
        margin-left: 0;
        padding-top: 0px;
    }

    .jobli-cont01-ti .nav-item {
        border-bottom: 0;
    }

    .en {
        font-size: 20px;
    }

    .station {
        padding-top: 0;
    }

    .jobli-cont .table-bordered th,
    .jobli-cont .table-bordered td {
        display: flex;
        width: 100%;
        border: unset;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .jobli-cont .table-bordered th {
        border-top: 1px solid #ccc;
    }

    .jobli-cont .table-bordered td {
        border-bottom: 1px solid #ccc;
        margin-bottom: 5px;
    }

    .jobli-bt,
    .jobli-bt02,
    .jobli-endbt,
    .job-cont03-star-bt {
        width: 100%;
    }

    .jobli-cont01-ti {
        border-bottom: 1px dotted #000;
    }

    .use-tit {
        background: url(../img/useful-tit.jpg)no-repeat center bottom;
        height: 150px;
        background-size: 180%;
        background-color: #24272c;
    }

    .use-tit h1 {
        padding-top: 26px;
    }

    .w25 {
        width: 100%;
        margin-right: 0;
    }

    .use-menu {
        margin-bottom: 20px;
    }

    .use-cont {
        padding: 15px;
    }

    .use-cont h2 {
        margin: 30px auto;
        font-size: 180%;
    }

    .use-cont h3 {
        margin-top: 20px;
    }

    .use-lead {
        margin: 20px 15px 0 20px;
    }

    .use-txt {
        margin-left: 15px;
        word-break: break-word;
    }

    .use-cont h4 {
        margin-left: 10px;
        margin-right: 15px;
    }

    .jobli-cont00 .col-md-9 {
        padding-right: 0;
        padding-left: 0;
    }

    /* 案件一覧 */
    .jobli-main {
        padding-left: 0px;
        padding-right: 0px;
    }

    .jobli-body {
        padding: 5px 5px 5px;
        margin: -15px -5px;
    }

    .jobli-ti {
        margin: 0px 0px 10px;
    }

    .jobli-cont {
        padding: 20px 10px;
    }

    .jobli-pagination {
        margin-top: 30px;
    }

    .job-cont02 {
        margin-top: 30px;
    }

    #hover-wrapper {
        width: 100%;
    }

    .hover-main {
        padding: 15px;
        padding-bottom: 40px;
    }

    .top-cont02-fm .top-cont02-bt02 {
        padding: 15px 5px 10px;
        margin: 0 auto;
        display: block;
        margin-top: 10px;
        font-size: 14px;
        width: 40%;
    }

    .form-control {
        height: 50px;
        margin-top: 10px;
        padding: 15px;
        font-size: 12px;
    }

    .hover02 .nav-link {
        padding: 5px;
        margin-left: 0;
        font-size: 14px;
        letter-spacing: 0;
        margin-right: 5px;
    }

    .hover02 .nav {
        display: block;
    }

    .form-check-inline {
        margin-right: 2px;
    }

    .hover-skill {
        padding: 0;
        margin-bottom: 0;
    }

    .form-control {
        width: 100%;
    }

    .hover04 .month {
        margin: 30px 20px 0 10px;
    }

    .hover04 .form-group {
        margin-bottom: 0;
    }

    #hover-wrapper h3 {
        margin: 30px 0 20px;
    }

    .top-cont02-bt02 {
        margin-left: 0;
        margin-top: 20px;
    }

    #hover-wrapper {
        padding-bottom: 50px;
    }

    .hover-position-width {
        width: 100%;
        padding-left: 20px;
    }

    .hover-commitment-width {
        width: 100%;
        padding-left: 20px;
    }

    .hover-23area-width {
        width: 100%;
        padding-left: 30px;
    }

    .hover-23outer-width {
        width: 100%;
        padding-left: 30px;
    }

    .hover-area-width {
        width: 100%;
        padding-left: 20px;
    }

    .hover-skill-width {
        width: 100%;
        padding-left: 5px;
    }

    .hover-price {
        text-align: center;
    }

    .hover-serch {
        width: 100%;
    }

    .hover-clear-bt {
        padding: 15px 5px 10px;
        margin: 0 auto;
        display: block;
        margin-top: 10px;
        font-size: 14px;
        width: 40%;
    }

    .hover-cond-search-bt {
        padding: 15px 5px 10px;
        margin: 0 auto;
        display: block;
        margin-top: 10px;
        font-size: 14px;
        width: 40%;
    }

    .bus-tit h1 {
        padding-top: 60px;
        font-size: 26px;
        font-weight: 800;
        margin: 0 15px;
    }

    .bus-tel01 {
        margin: 25px auto 5px;
    }

    .bus-cont {
        padding-top: 30px;
        border-bottom: 1px solid #bbb;
        padding-bottom: 40px;
    }

    .bus-cont h2 {
        margin-top: 30px;
        font-size: 26px;
    }

    .ser-follow h3 {
        font-size: 18px;
    }

    .ser-follow {
        padding: 30px 10px;
    }

    .ser-follow-red {
        margin: 20px 10px;
    }

    .ser-follow-txt {
        margin-left: 10px;
    }

    .star-w, .favadd-yet {
        color: #fff;
        margin-bottom: 5px;
    }

    .favadd-fin {
        margin-bottom: 5px;
    }

    .star-txt {
        font-size: 4px;
        letter-spacing: 0;
        top: -2px;
    }

    .star {
        padding: 2px;
    }

    .top-cont02-bt03 {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .sp-jobsearch-bt {
        margin-left: auto;
        margin-right: 10px;
        max-width: 45px;
    }

    .pt-3 {
        padding-top: 1rem!important;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 0.5rem;
    }

    .sitemap-col-width {
        width: 100%;
    }

    .sitemap-posi-width {
        width: 100%;
    }

    .jobli-pagination .p-arrow {
        background-color: #fff;
        color: #023472;
    }

    .jobli-pagination .page-item.active .page-link {
        pointer-events: none;
        cursor: auto;
        background-color: #023472;
        border-color: #023472;
    }

    #page-elements {
        display: none;
    }

    /* ハンバーガーメニュー内スライドバー */
    .sidebar_inner {
        height: calc(100vh - 77px);
        overflow-y: scroll;
    }

    /* カルーセル*/
    .top-cont03-cont {
        height: auto;
        width: 280px;
        padding: 15px;
        margin: auto;
    }

    .top-cont03-cond {
        margin-top: 94px;
    }

    .top-cont03-cond li{
        margin-left: 5px;
    }

    .price-list {
        display: flex;
        align-items: center;
    }

    .top-cont04-bt-half {
        width: 100%;
    }
}