@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&family=Lato&display=swap");
@import url('/styles/3/get.css');
@import url('/styles/4/get.css');
@import url('/styles/5/get.css');
@import url('/styles/6/get.css');
@import url('/styles/7/get.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,
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;
    font-size: 100%;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

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



body {
    line-height: 1;
    font-family: "FOT-ハミング ProN M";
    color: #454443;
    font-style: normal;
    overflow-x: hidden;
    font-weight:500;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}

a {
    outline: none;
}

@media (min-width: 768px) {
	body {
        background: url('/upload/tenant_1/bg_body_yellow.webp') no-repeat center top/100%, url('/upload/tenant_1/bg_repeat_yellow.webp') repeat left top;
        font-size: 17px;
        line-height: 1.8;
    }

}

@media (max-width: 991px) and (min-width: 768px) {
    body {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
	body {
        background: url('/import/tenant_1/www.canary-dc.net/images/bg_repeat_yellow.webp') repeat left top;
        font-size: 4vw;
        line-height: 1.63636;
    }
}

h1,
.h_ttl {
    color: #b79800;
}

h1 span,
.h_ttl span {
    display: block;
    color: #e59620;
    
}

h2,
.information-ttl {
    position: relative;
    font-family: "FOT-ハミング Std B";
    text-align: center;
    color: #b79800;
    letter-spacing: 1px;
}

h2 span,
.information-ttl span {
    display: table;
    font-size: 22px;
    color: #e59620;
    margin: 0 auto 15px;
    position: relative;
    padding: 0 25px;
}

h2 span:before,
h2 span:after,
.information-ttl span:before,
.information-ttl span:after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #e59620;
}

h2 span:before,
.information-ttl span:before {
    left: 0;
}

h2 span:after,
.information-ttl span:after {
    right: 0;
}

.sec__title:after {
    content: '';
    position: absolute;
    background-color: #e59620;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

h3 {
    font-family: "FOT-ハミング Std B";
    text-align: center;
    letter-spacing: 1px;
    color: #454443;
}

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

.mCS-dark.mCSB_scrollTools {
    opacity: 1;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerContainer {
    left: auto;
    right: 0;
    background: transparent;
    border: 1px solid #b79800;
    overflow: hidden;
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #d69417 !important;
}

@keyframes Scroll {
    from {
        -webkit-transform: translate(0, 0px);
    }
    65% {
        -webkit-transform: translate(0, 15px);
    }
    to {
        -webkit-transform: translate(0, 0px);
    }
}

@-webkit-keyframes Scroll {
    from {
        -webkit-transform: translate(0, 0px);
    }
    65% {
        -webkit-transform: translate(0, 15px);
    }
    to {
        -webkit-transform: translate(0, 0px);
    }
}

.pagetop {
    position: fixed;
    right: 3%;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    z-index: 98;
}

.pagetop a {
    position: relative;
    border-radius: 50%;
    background-color: #d69417;
    display: block;
    text-decoration: none;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
}

.pagetop a:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 52%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.pagetop a:hover {
    background-color: #e9ac37;
}

.map-container {
    position: relative;
    padding-top: 70%;
}

.map-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.calendar-wrap {
    background-color: #ffffff;
}

.calendar-btn {
    margin-top: 10px;
    text-align: center;
}

.calendar-btn.button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .calendar-btn.button a {
        max-width: 285px;
    }
}

.calendar-inner {
    position: relative;
    padding-bottom: 70%;
    height: 0;
    overflow: hidden;
}

.calendar-inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.visca-clinic-page a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #454443;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.visca-clinic-page a img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.visca-clinic-page a span {
    display: block;
}

.visca-clinic-page a:hover {
    color: #d69417;
    text-decoration: none;
}

.visca-clinic-page a:hover img {
    opacity: 0.8;
}

#contents {
    overflow: hidden;
}

.container.is-nolimit {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 768px) {
    .d-pc-none,
    .is-sp {
        display: none !important;
    }
    .pc-text-center {
        text-align: center;
    }
    .pc-w-90per {
        width: 90%;
        margin: 0 auto;
    }
    .page-title {
        border-radius: 60px 0 0 60px;
        background: url('/import/tenant_1/www.canary-dc.net/images/title_bg.png') no-repeat left center/cover;
        background-color: rgba(255, 255, 255, 0.8);
        background-blend-mode: lighten;
    }
    .page-title__access {
        background-image: url('/upload/tenant_1/access_title_bg.webp');
    }
    .page-title__facilities {
        background-image: url('/upload/tenant_1/facilities_title_bg_1.webp');
    }
    .page-title__information {
        background-image: url('/upload/tenant_1/information_title_bg.webp');
    }
    .page-title__information-detail {
        background-image: url('/upload/tenant_1/information-detail_title_bg.webp');
    }
    .page-title__services {
        background-image: url('/upload/tenant_1/services_title_bg.webp');
    }
    .page-title__staff {
        background-image: url('/upload/tenant_1/staff_title_bg_2.webp');
    }
    .sec__title {
        margin-bottom: 52px;
        padding-bottom: 20px;
        letter-spacing: 4px;
    }
    .sec__title:after {
        width: 100px;
        height: 2px;
    }
    h3 {
        font-size: 30px;
        line-height: 35px;
    }
    section[class^="sec-"] {
        margin-bottom: 6%;
    }
    .container {
        padding-right: 15px;
        max-width: none;
    }
    .container.is-nolimit {
        padding-right: 0;
        padding-left: 0;
    }
    .row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .row [class*="col-"] {
        padding-left: 12px;
        padding-right: 12px;
    }
    .mCSB_inside>.mCSB_container {
        margin-right: 15px;
    }
    .mCS-dark.mCSB_scrollTools .mCSB_draggerContainer {
        width: 15px;
        border-radius: 5.5px;
    }
    .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 15px;
    }
    .mCS-dark.mCSB_scrollTools .mCSB_dragger {
        padding-top: 1px;
    }
    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 11px;
        border-radius: 5.5px;
        height: calc(100% - 2px);
    }
    .calendar-wrap {
        border-radius: 30px;
        padding: 30px 30px 90px;
        height: 100%;
        min-height: 450px;
    }
    .pagetop {
        bottom: 3%;
    }
    .visca-clinic-page {
        margin-bottom: 8% !important;
    }
    .visca-clinic-page a {
        font-size: 18px;
    }
    .visca-clinic-page a span {
        padding-top: 6px;
        letter-spacing: 1.8px;
    }
    .mb-pc-70 {
        margin-bottom: 70px !important;
    }
    .mb-pc-71 {
        margin-bottom: 71px !important;
    }
    .mb-pc-72 {
        margin-bottom: 72px !important;
    }
    .mb-pc-73 {
        margin-bottom: 73px !important;
    }
    .mb-pc-74 {
        margin-bottom: 74px !important;
    }
    .mb-pc-75 {
        margin-bottom: 75px !important;
    }
    .mb-pc-76 {
        margin-bottom: 76px !important;
    }
    .mb-pc-77 {
        margin-bottom: 77px !important;
    }
    .mb-pc-78 {
        margin-bottom: 78px !important;
    }
    .mb-pc-79 {
        margin-bottom: 79px !important;
    }
    .mb-pc-80 {
        margin-bottom: 80px !important;
    }
    .mb-pc-81 {
        margin-bottom: 81px !important;
    }
    .mb-pc-82 {
        margin-bottom: 82px !important;
    }
    .mb-pc-83 {
        margin-bottom: 83px !important;
    }
    .mb-pc-84 {
        margin-bottom: 84px !important;
    }
    .mb-pc-85 {
        margin-bottom: 85px !important;
    }
    .mb-pc-86 {
        margin-bottom: 86px !important;
    }
    .mb-pc-87 {
        margin-bottom: 87px !important;
    }
    .mb-pc-88 {
        margin-bottom: 88px !important;
    }
    .mb-pc-89 {
        margin-bottom: 89px !important;
    }
    .mb-pc-90 {
        margin-bottom: 90px !important;
    }
    .mb-pc-91 {
        margin-bottom: 91px !important;
    }
    .mb-pc-92 {
        margin-bottom: 92px !important;
    }
    .mb-pc-93 {
        margin-bottom: 93px !important;
    }
    .mb-pc-94 {
        margin-bottom: 94px !important;
    }
    .mb-pc-95 {
        margin-bottom: 95px !important;
    }
    .mb-pc-96 {
        margin-bottom: 96px !important;
    }
    .mb-pc-97 {
        margin-bottom: 97px !important;
    }
    .mb-pc-98 {
        margin-bottom: 98px !important;
    }
    .mb-pc-99 {
        margin-bottom: 99px !important;
    }
    .mb-pc-100 {
        margin-bottom: 100px !important;
    }
    .mb-pc-101 {
        margin-bottom: 101px !important;
    }
    .mb-pc-102 {
        margin-bottom: 102px !important;
    }
    .mb-pc-103 {
        margin-bottom: 103px !important;
    }
    .mb-pc-104 {
        margin-bottom: 104px !important;
    }
    .mb-pc-105 {
        margin-bottom: 105px !important;
    }
    .mb-pc-106 {
        margin-bottom: 106px !important;
    }
    .mb-pc-107 {
        margin-bottom: 107px !important;
    }
    .mb-pc-108 {
        margin-bottom: 108px !important;
    }
    .mb-pc-109 {
        margin-bottom: 109px !important;
    }
    .mb-pc-110 {
        margin-bottom: 110px !important;
    }
    .mb-pc-111 {
        margin-bottom: 111px !important;
    }
    .mb-pc-112 {
        margin-bottom: 112px !important;
    }
    .mb-pc-113 {
        margin-bottom: 113px !important;
    }
    .mb-pc-114 {
        margin-bottom: 114px !important;
    }
    .mb-pc-115 {
        margin-bottom: 115px !important;
    }
    .mb-pc-116 {
        margin-bottom: 116px !important;
    }
    .mb-pc-117 {
        margin-bottom: 117px !important;
    }
    .mb-pc-118 {
        margin-bottom: 118px !important;
    }
    .mb-pc-119 {
        margin-bottom: 119px !important;
    }
    .mb-pc-120 {
        margin-bottom: 120px !important;
    }
    .mb-pc-121 {
        margin-bottom: 121px !important;
    }
    .mb-pc-122 {
        margin-bottom: 122px !important;
    }
    .mb-pc-123 {
        margin-bottom: 123px !important;
    }
    .mb-pc-124 {
        margin-bottom: 124px !important;
    }
    .mb-pc-125 {
        margin-bottom: 125px !important;
    }
    .mb-pc-126 {
        margin-bottom: 126px !important;
    }
    .mb-pc-127 {
        margin-bottom: 127px !important;
    }
    .mb-pc-128 {
        margin-bottom: 128px !important;
    }
    .mb-pc-129 {
        margin-bottom: 129px !important;
    }
    .mb-pc-130 {
        margin-bottom: 130px !important;
    }
    .mb-pc-131 {
        margin-bottom: 131px !important;
    }
    .mb-pc-132 {
        margin-bottom: 132px !important;
    }
    .mb-pc-133 {
        margin-bottom: 133px !important;
    }
    .mb-pc-134 {
        margin-bottom: 134px !important;
    }
    .mb-pc-135 {
        margin-bottom: 135px !important;
    }
    .mb-pc-136 {
        margin-bottom: 136px !important;
    }
    .mb-pc-137 {
        margin-bottom: 137px !important;
    }
    .mb-pc-138 {
        margin-bottom: 138px !important;
    }
    .mb-pc-139 {
        margin-bottom: 139px !important;
    }
    .mb-pc-140 {
        margin-bottom: 140px !important;
    }
    .mb-pc-141 {
        margin-bottom: 141px !important;
    }
    .mb-pc-142 {
        margin-bottom: 142px !important;
    }
    .mb-pc-143 {
        margin-bottom: 143px !important;
    }
    .mb-pc-144 {
        margin-bottom: 144px !important;
    }
    .mb-pc-145 {
        margin-bottom: 145px !important;
    }
    .mb-pc-146 {
        margin-bottom: 146px !important;
    }
    .mb-pc-147 {
        margin-bottom: 147px !important;
    }
    .mb-pc-148 {
        margin-bottom: 148px !important;
    }
    .mb-pc-149 {
        margin-bottom: 149px !important;
    }
    .mb-pc-150 {
        margin-bottom: 150px !important;
    }
    .mb-pc-151 {
        margin-bottom: 151px !important;
    }
    .mb-pc-152 {
        margin-bottom: 152px !important;
    }
    .mb-pc-153 {
        margin-bottom: 153px !important;
    }
    .mb-pc-154 {
        margin-bottom: 154px !important;
    }
    .mb-pc-155 {
        margin-bottom: 155px !important;
    }
    .mb-pc-156 {
        margin-bottom: 156px !important;
    }
    .mb-pc-157 {
        margin-bottom: 157px !important;
    }
    .mb-pc-158 {
        margin-bottom: 158px !important;
    }
    .mb-pc-159 {
        margin-bottom: 159px !important;
    }
    .mb-pc-160 {
        margin-bottom: 160px !important;
    }
    .mb-pc-161 {
        margin-bottom: 161px !important;
    }
    .mb-pc-162 {
        margin-bottom: 162px !important;
    }
    .mb-pc-163 {
        margin-bottom: 163px !important;
    }
    .mb-pc-164 {
        margin-bottom: 164px !important;
    }
    .mb-pc-165 {
        margin-bottom: 165px !important;
    }
    .mb-pc-166 {
        margin-bottom: 166px !important;
    }
    .mb-pc-167 {
        margin-bottom: 167px !important;
    }
    .mb-pc-168 {
        margin-bottom: 168px !important;
    }
    .mb-pc-169 {
        margin-bottom: 169px !important;
    }
    .mb-pc-170 {
        margin-bottom: 170px !important;
    }
    .mb-pc-171 {
        margin-bottom: 171px !important;
    }
    .mb-pc-172 {
        margin-bottom: 172px !important;
    }
    .mb-pc-173 {
        margin-bottom: 173px !important;
    }
    .mb-pc-174 {
        margin-bottom: 174px !important;
    }
    .mb-pc-175 {
        margin-bottom: 175px !important;
    }
    .mb-pc-176 {
        margin-bottom: 176px !important;
    }
    .mb-pc-177 {
        margin-bottom: 177px !important;
    }
    .mb-pc-178 {
        margin-bottom: 178px !important;
    }
    .mb-pc-179 {
        margin-bottom: 179px !important;
    }
    .mb-pc-180 {
        margin-bottom: 180px !important;
    }
    .mb-pc-181 {
        margin-bottom: 181px !important;
    }
    .mb-pc-182 {
        margin-bottom: 182px !important;
    }
    .mb-pc-183 {
        margin-bottom: 183px !important;
    }
    .mb-pc-184 {
        margin-bottom: 184px !important;
    }
    .mb-pc-185 {
        margin-bottom: 185px !important;
    }
    .mb-pc-186 {
        margin-bottom: 186px !important;
    }
    .mb-pc-187 {
        margin-bottom: 187px !important;
    }
    .mb-pc-188 {
        margin-bottom: 188px !important;
    }
    .mb-pc-189 {
        margin-bottom: 189px !important;
    }
    .mb-pc-190 {
        margin-bottom: 190px !important;
    }
    .mb-pc-191 {
        margin-bottom: 191px !important;
    }
    .mb-pc-192 {
        margin-bottom: 192px !important;
    }
    .mb-pc-193 {
        margin-bottom: 193px !important;
    }
    .mb-pc-194 {
        margin-bottom: 194px !important;
    }
    .mb-pc-195 {
        margin-bottom: 195px !important;
    }
    .mb-pc-196 {
        margin-bottom: 196px !important;
    }
    .mb-pc-197 {
        margin-bottom: 197px !important;
    }
    .mb-pc-198 {
        margin-bottom: 198px !important;
    }
    .mb-pc-199 {
        margin-bottom: 199px !important;
    }
    .mb-pc-200 {
        margin-bottom: 200px !important;
    }
}

@media (min-width: 1024px) {
    .container {
        padding-right: 65px;
        max-width: 1500px;
    }
    .container.is-nolimit {
        max-width: none;
        padding-right: 0;
        padding-left: 0;
    }
    .container.is-nolimit .main-banner {
        padding-top: 0;
    }
    .container.is-nolimit .main-copy {
        padding-left: 280px;
    }
    .page-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .page-title h1,
    .page-title .h_ttl {
        width: 60%;
        max-width: 790px;
        display: table;
        text-align: center;
        padding: 20px 20px 20px 40px;
        line-height: 1.25;
        letter-spacing: 8px;
    }
    .page-title h1 span,
    .page-title .h_ttl span {
        font-size: 24px;
        margin-bottom: 10px;
        letter-spacing: 3px;
    }
}

@media (min-width: 1200px) {
    h2,
    .information-ttl {
        font-size: 36px;
        letter-spacing: 3px;
    }
    h2 span,
    .information-ttl span {
        letter-spacing: 1px;
    }
    .pagetop a {
        width: 86px;
        height: 86px;
        -webkit-box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
        box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
    }
    .pagetop a:after {
        width: 18px;
        height: 18px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
    }
}

@media (min-width: 1366px) {
    .page-title {
        height: 300px;
    }
    .page-title h1,
    .page-title .h_ttl {
        font-size: 64px;
    }
}

@media (max-width: 1365px) and (min-width: 1200px) {
    .page-title {
        height: 300px;
    }
    .page-title h1,
    .page-title .h_ttl {
        font-size: 48px;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .page-title {
        height: 240px;
    }
    .page-title h1,
    .page-title .h_ttl {
        font-size: 40px;
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .pagetop a {
        width: 66px;
        height: 66px;
        -webkit-box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
        box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
    }
    .pagetop a:after {
        width: 15px;
        height: 15px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    h2,
    .information-ttl {
        font-size: 32px;
    }
    h3 {
        font-size: 26px;
    }
}

@media (max-width: 1023px) {
    body.hidden {
        overflow: hidden;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .d-tb-none {
        display: none !important;
    }
    .page-title {
        height: 260px;
        margin-left: 30px;
        margin-bottom: 100px;
        padding-right: 30px;
        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;
    }
    .page-title h1,
    .page-title .h_ttl {
        font-size: 56px;
        text-align: center;
        padding: 20px;
        letter-spacing: 6px;
    }
    .page-title h1 span,
    .page-title .h_ttl span {
        font-size: 20px;
        margin-bottom: 10px;
        letter-spacing: 2px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    h2,
    .information-ttl {
        font-size: 28px;
    }
    h3 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .d-sp-none,
    .is-pc {
        display: none !important;
    }
    #main {
        overflow: hidden;
    }
    section[class^="sec-"] {
        margin-bottom: 18%;
    }
    .page-title {
        height: 26.66667vw;
        margin-left: 4vw;
        margin-bottom: 13.86667vw;
        padding-right: 4vw;
        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-radius: 30px 0 0 30px;
        background: url('/import/tenant_1/www.canary-dc.net/images/title_bg.png') no-repeat left center/cover;
        background-color: rgba(255, 255, 255, 0.8);
        background-blend-mode: lighten;
    }
    .page-title__access {
        background-image: url('/upload/tenant_1/access_title_bg.webp');
    }
    .page-title__facilities {
        background-image: url('/upload/tenant_1/facilities_title_bg_1.webp');
    }
    .page-title__information {
        background-image: url('/upload/tenant_1/information_title_bg.webp');
    }
    .page-title__information-detail {
        background-image: url('/upload/tenant_1/information-detail_title_bg.webp');
    }
    .page-title__services {
        background-image: url('/upload/tenant_1/services_title_bg.webp');
    }
    .page-title__staff {
        background-image: url('/upload/tenant_1/staff_title_bg_2.webp');
    }
    .page-title h1,
    .page-title .h_ttl {
        font-size: 8.53333vw;
        text-align: center;
        padding: 2.66667vw;
        letter-spacing: 1.06667vw;
    }
    .page-title h1 span,
    .page-title .h_ttl span {
        font-size: 3.2vw;
        margin-bottom: 1.33333vw;
        letter-spacing: 0.4vw;
    }
    h2,
    .information-ttl {
        font-size: 6.13333vw;
        line-height: 1.3913;
        margin-bottom: 4.66667vw;
        letter-spacing: 0.58667vw;
    }
    h2 span,
    .information-ttl span {
        font-size: 4vw;
        text-align: center;
        letter-spacing: 0.26667vw;
        margin-bottom: 2.13333vw;
    }
    .sec__title {
        margin-bottom: 6.66667vw;
        padding-bottom: 2vw;
    }
    .sec__title:after {
        width: 13.33333vw;
        height: 0.26667vw;
    }
    h3 {
        font-size: 5vw;
        line-height: 1.5;
    }
    h4 {
        font-size: 4vw;
        line-height: 1.2;
    }
    .mCSB_inside>.mCSB_container {
        margin-right: 5.33333vw;
    }
    .mCS-dark.mCSB_scrollTools {
        width: 2.66667vw;
    }
    .mCS-dark.mCSB_scrollTools .mCSB_draggerContainer {
        width: 2.66667vw;
        border-radius: 0.73333vw;
    }
    .mCS-dark.mCSB_scrollTools .mCSB_dragger {
        padding-top: 0.13333vw;
    }
    .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 1.86667vw;
        border-radius: 0.73333vw;
        height: calc(100% - 2px);
    }
    .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 1.86667vw;
    }
    .calendar-wrap {
        border-radius: 4vw;
        padding: 4vw;
        min-height: 66.66667vw;
    }
    .calendar-wrap iframe {
        height: 70vw;
    }
    .calendar-inner {
        padding-bottom: 100%;
    }
    .pagetop {
        bottom: 0;
        right: 0;
    }
    .pagetop a {
        width: 50px;
        height: calc(63px + env(safe-area-inset-bottom));
        border-radius: 0;
        padding-bottom: env(safe-area-inset-bottom);
    }
    .pagetop a:after {
        width: 10px;
        height: 10px;
        border-top: 1.5px solid #fff;
        border-right: 1.5px solid #fff;
    }
    .visca-clinic-page {
        margin-bottom: 32.26667vw !important;
    }
    .visca-clinic-page [class*="col-"]:not(:last-child) {
        margin-bottom: 8vw;
    }
    .visca-clinic-page a {
        font-size: 4vw;
    }
    .visca-clinic-page a img {
        width: 56.8vw;
    }
    .visca-clinic-page a span {
        padding-top: 3.46667vw;
        letter-spacing: 0.48vw;
    }
    .mb-sp-120 {
        margin-bottom: 16vw !important;
    }
    .mb-sp-156 {
        margin-bottom: 20.8vw !important;
    }
    .mb-sp-166 {
        margin-bottom: 22.13333vw !important;
    }
    .mb-sp-174 {
        margin-bottom: 23.2vw !important;
    }
    .mb-sp-180 {
        margin-bottom: 24vw !important;
    }
    .mb-sp-188 {
        margin-bottom: 25.06667vw !important;
    }
    .mb-sp-192 {
        margin-bottom: 25.6vw !important;
    }
    .mb-sp-200 {
        margin-bottom: 26.66667vw !important;
    }
}

.slick-list {
    overflow: visible;
}

@media (min-width: 1224px) {
    main section>.container {
        padding-left: 300px;
    }
}

@media (min-width: 1024px) and (max-width: 1223px) {
    main section>.container {
        padding-left: 25%;
    }
}

@media (max-width: 767px) and (min-width: 576px) {
    .container {
        max-width: 100%;
        padding-left: 4vw;
        padding-right: 4vw;
    }
}

table {
    width: 100%;
}

.table-schedule {
    border-collapse: collapse;
    font-size: 20px;
}

.table-schedule th,
.table-schedule td {
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
}

.table-schedule thead th {
    border-bottom: 1px solid #bfbfbf;
}

.table-schedule thead th:not(:last-child) {
    border-right: 1px solid #bfbfbf;
}

.table-schedule tbody th {
    color: #e59620;
}

.table-schedule tbody tr:not(:last-child) th,
.table-schedule tbody tr:not(:last-child) td {
    border-bottom: 1px solid #bfbfbf;
}

.table-schedule tbody tr th:not(:last-child),
.table-schedule tbody tr td:not(:last-child) {
    border-right: 1px solid #bfbfbf;
}

@media (min-width: 768px) {
    .table-schedule th,
    .table-schedule td {
        padding: 11px 22px;
        letter-spacing: 1.8px;
    }
    .table-schedule thead th:first-child {
        border-top-left-radius: 20px;
    }
    .table-schedule thead th:last-child {
        border-top-right-radius: 20px;
    }
    .table-schedule tbody tr:last-child th:first-child,
    .table-schedule tbody tr:last-child td:first-child {
        border-bottom-left-radius: 20px;
    }
    .table-schedule tbody tr:last-child th:last-child,
    .table-schedule tbody tr:last-child td:last-child {
        border-bottom-right-radius: 20px;
    }
}

@media (max-width: 1480px) and (min-width: 1024px) {
    .table-schedule th,
    .table-schedule td {
        padding: 11px 12px;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .table-schedule th,
    .table-schedule td {
        padding: 11px 12px;
        letter-spacing: 0;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .table-schedule {
        font-size: 20px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .table-schedule {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .table-schedule {
        font-size: 2.93333vw;
    }
    .table-schedule th,
    .table-schedule td {
        padding: 1.33333vw 2vw;
    }
    .table-schedule thead th:first-child {
        border-top-left-radius: 2.66667vw;
    }
    .table-schedule thead th:last-child {
        border-top-right-radius: 2.66667vw;
    }
    .table-schedule tbody tr:last-child th:first-child,
    .table-schedule tbody tr:last-child td:first-child {
        border-bottom-left-radius: 2.66667vw;
    }
    .table-schedule tbody tr:last-child th:last-child,
    .table-schedule tbody tr:last-child td:last-child {
        border-bottom-right-radius: 2.66667vw;
    }
}

.button a {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url('/upload/tenant_1/button_web_yellow_f1c910.webp');
    border-radius: 22.5px;
    height: 45px;
    text-align: center;
    color: #ffffff;
    padding: 10px 30px 10px 20px;
    min-width: 165px;
    -webkit-box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
    box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.button a.arrow:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.button a.arrow:not(.arrow-target):after {
    background: url('/upload/tenant_1/arrow_yellow.webp') no-repeat center center/cover;
}

.button a.arrow.arrow-target:after {
    background: url('/upload/tenant_1/arrow_target_yellow.webp') no-repeat center center/cover;
}

.button a:hover {
    text-decoration: none;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.button a:hover:after {
    right: 5px;
}

@media (min-width: 768px) {
    .button a {
        border-radius: 22.5px;
        height: 45px;
        min-width: 165px;
        letter-spacing: 2px;
    }
    .button a:after {
        width: 20px;
        height: 20px;
        right: 10px;
    }
}

@media (max-width: 767px) {
    .button a {
        border-radius: 4.66667vw;
        height: 9.33333vw;
        min-width: 45.33333vw;
        letter-spacing: 0.26667vw;
    }
    .button a:after {
        width: 4.26667vw;
        height: 4.26667vw;
        right: 2.4vw;
    }
}




/* hedaer ここから */

header .top-bar {
    font-size: 13px;
    border-bottom: 1px solid #e59620;
    padding-bottom: 10px;
}

header .footer-bar {
    margin-top: 24px;
    line-height: 1.9;
}

header .footer-bar p {
    font-size: 16px;
}

header .footer-bar p strong a {
    color: #454443;
}

header .footer-bar .button {
    margin-bottom: 18px;
}

header .footer-bar ul {
    margin-top: 19px;
}

header .footer-bar ul li+li {
    margin-left: 12px;
}

header .footer-bar ul li a:hover {
    opacity: 0.8;
}

header nav.navbar {
    position: relative;
    margin: 0 auto;
    padding: 5px 0 42px;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 2;
}

header nav.navbar ul.navbar-nav {
    width: 100%;
}

header nav.navbar ul.navbar-nav li {
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header nav.navbar ul.navbar-nav li a {
    font-weight:500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1px;
    padding: 15px 0 !important;
    position: relative;
    color: #454443;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header nav.navbar ul.navbar-nav li a:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: rgba(241, 164, 16, 0.4);
    border-radius: 50%;
    top: 50%;
    left: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 2;
}

header nav.navbar ul.navbar-nav li a:hover,
header nav.navbar ul.navbar-nav li a.is-current {
    color: #e59620;
}

header nav.navbar ul.navbar-nav li a:hover:before,
header nav.navbar ul.navbar-nav li a.is-current:before {
    width: 8px;
    height: 8px;
    left: 0.5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #d69417;
}

header nav.navbar ul.navbar-nav li.active a,
header nav.navbar ul.navbar-nav li:hover a {
    color: #e59620;
}

header nav.navbar ul.navbar-nav li.active a:before,
header nav.navbar ul.navbar-nav li:hover a:before {
    width: 8px;
    height: 8px;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

header nav .navbar-brand {
    padding: 21px 0;
    margin-bottom: 7px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header nav .navbar-brand img {
    max-width: 200px;
}

header nav .navbar-brand a {
    font-size: 1.5rem;
    color: #d69417;
}

@media (min-width: 1025px) {
    header.full-header {
        position: absolute;
    }
}

header.sticky-header {
    background: rgba(21, 22, 30, 0.9);
    position: fixed;
}

header.sticky-header nav.navbar {
    padding: 10px 0;
}

@media (min-width: 1024px) {
    header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 7%;
    }
    header .top-bar {
        -webkit-transition: visibility 0.3s, -webkit-transform 0.3s ease-out;
        transition: visibility 0.3s, -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out, visibility 0.3s;
        transition: transform 0.3s ease-out, visibility 0.3s, -webkit-transform 0.3s ease-out;
    }
    header .footer-bar {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    header nav {
        width: 20.7%;
        max-width: 260px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    header nav.navbar {
        padding: 5px 10px 42px;
        position: fixed;
        top: 0;
        left: 1%;
        z-index: 999;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.6);
    }
    header nav.navbar-expand-md {
        display: block;
        margin: 0;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav {
        display: block;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li {
        line-height: 1;
        display: table;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li a {
        padding: 10px 20px !important;
        display: block;
        overflow: hidden;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li a span {
        display: block;
        padding-left: 0;
        -webkit-transform: translateX(-250%);
        transform: translateX(-250%);
        -webkit-transition: padding-left 0.3s ease-in, -webkit-transform 0.5s 0.2s;
        transition: padding-left 0.3s ease-in, -webkit-transform 0.5s 0.2s;
        transition: transform 0.5s 0.2s, padding-left 0.3s ease-in;
        transition: transform 0.5s 0.2s, padding-left 0.3s ease-in, -webkit-transform 0.5s 0.2s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li a:after {
        content: '';
        position: absolute;
        width: 1px;
        height: 0;
        border-left: 1px solid #e59620;
        top: 0;
        left: 4px;
        -webkit-transition: 0.2s linear;
        transition: 0.2s linear;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li a:hover span {
        padding-left: 10px;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(2) a:after {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(3) a:after {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(4) a:after {
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(5) a:after {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(6) a:after {
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(7) a:after {
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(8) a:after {
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(9) a:after {
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(10) a:after {
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(11) a:after {
        -webkit-transition-delay: 2.2s;
        transition-delay: 2.2s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(12) a:after {
        -webkit-transition-delay: 2.4s;
        transition-delay: 2.4s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(13) a:after {
        -webkit-transition-delay: 2.6s;
        transition-delay: 2.6s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(14) a:after {
        -webkit-transition-delay: 2.8s;
        transition-delay: 2.8s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(15) a:after {
        -webkit-transition-delay: 3s;
        transition-delay: 3s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li:nth-child(16) a:after {
        -webkit-transition-delay: 3.2s;
        transition-delay: 3.2s;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav.load-end li a:after {
        height: 100%;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav.load-end.show-menu li a span {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    header nav .navbar-brand img {
        max-width: 277px;
        width: 100%;
        margin:10px 0;
    }
    header nav.nav-fixed {
        padding-bottom: 0;
        padding: 5px 10px 30px;
        overflow-y: auto;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
    }
    header nav.nav-fixed .top-bar {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        height: 0;
        max-height: 0;
        visibility: hidden;
        border-color: transparent;
    }
    header nav.nav-fixed+.main-banner {
        margin-left: 20.7%;
    }
    header nav.nav-fixed+.main-title {
        margin-left: 24.2%;
        margin-bottom: 120px;
    }
    header nav.nav-fixed::-webkit-scrollbar {
        display: none;
    }
    header .main-title {
        width: 100%;
        padding-top: 2%;
    }
    header .footer-bar p {
        -webkit-transition: 0.3s linear;
        transition: 0.3s linear;
    }
    header .footer-bar ul li {
        height: 34px;
    }
    header .footer-bar ul li img {
        width: auto;
        height: 100%;
    }
    body:not(.home) header {
        padding: 12px 0 6px 30%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0;
    }
    body:not(.home) header.sec-mainvisual {
        margin-bottom: 150px;
    }
    body:not(.home) header nav.navbar .navbar-brand {
        padding-top: 20px;
    }
}

@media (max-width: 1480px) and (min-width: 1200px) {
    body.home header nav.navbar {
        padding-top: 10px;
    }
    body.home header nav.navbar .navbar-brand {
        padding: 15px 0;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    header .top-bar {
        font-size: 12px;
    }
    header nav.navbar {
        padding: 10px 10px 30px;
    }
    header nav.navbar .navbar-brand {
        padding: 15px 0;
    }
    header nav.navbar ul.navbar-nav li {
        margin: 0 15px;
    }
    header nav.navbar ul.navbar-nav li a {
        font-size: 14px;
    }
    header nav.navbar.nav-fixed {
        left: 20px;
    }
    header nav.navbar-expand-md .navbar-collapse .navbar-nav li a {
        padding: 10px 20px !important;
    }
    header .footer-bar {
        font-size: 13px;
    }
    body:not(.home) header {
        padding: 15px 0 15px 30%;
    }
}

@media (max-width: 1023px) {
    header {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    header .top-bar {
        width: 100%;
        text-align: center;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    header .footer-bar {
        height: 0;
        max-height: 0;
        visibility: hidden;
        opacity: 0;
    }
    header nav.navbar {
        display: block;
        position: fixed;
        width: 100vw;
        height: 90px;
        left: 0;
        top: 0;
        padding: 0 100px 0 0;
        -ms-flex-flow: wrap !important;
        flex-flow: wrap !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 100%;
        z-index: 99;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        background: url('/upload/tenant_1/bg_repeat_yellow.webp');
    }
}

@media (max-width: 1023px) and (max-width: 767px) {
    header nav.navbar {
        padding: 0 14vw 0 0;
    }
}

@media (max-width: 1023px) {
    header nav.navbar .navbar-toggler {
        display: block;
        border: none;
        outline: none;
        border-radius: 0;
        width: 45px;
        padding: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        top: 22px;
        right: 30px;
        position: absolute;
        z-index: 9;
    }
    header nav.navbar .navbar-toggler span {
        height: 3px;
        width: 45px;
        background: #d69417;
        border-radius: 3px;
        position: relative;
        opacity: 1;
    }
    header nav.navbar .navbar-toggler span:before {
        content: "";
        background: #d69417;
        display: block;
        height: 3px;
        width: 45px;
        top: 10px;
        position: absolute;
        right: 0;
        border-radius: 3px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    header nav.navbar .navbar-toggler span:after {
        content: "";
        background: #d69417;
        display: block;
        width: 30px;
        height: 3px;
        border-radius: 3px;
        right: 0;
        position: absolute;
        top: 20px;
        -webkit-transform: none;
        transform: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }
    header nav.navbar .navbar-toggler[aria-expanded="true"] {
        border-width: 0;
    }
    header nav.navbar .navbar-toggler[aria-expanded="true"] span {
        background: none;
    }
    header nav.navbar .navbar-toggler[aria-expanded="true"] span:before {
        content: "";
        width: 35px;
        top: 7px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    header nav.navbar .navbar-toggler[aria-expanded="true"] span:after {
        content: "";
        width: 35px;
        top: 7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    header nav.navbar .collapse {
        display: block !important;
        -ms-flex-preferred-size: 100% !important;
    }
    header nav.navbar .collapse:not(.show) {
        display: none !important;
    }
    header nav.navbar .navbar-collapse {
        display: block !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    }
    header nav.navbar ul.navbar-nav {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }
    header nav.navbar ul.navbar-nav li {
        margin: 0;
        padding: 0 30px;
    }
    header nav.navbar ul.navbar-nav li:before {
        content: none;
    }
    header nav.navbar ul.navbar-nav li a {
        display: block;
        font-size: 30px;
        padding: 45px 0 !important;
        text-align: center;
        line-height: 1;
        border-bottom: 1px solid #e59620;
    }
    header nav.navbar ul.navbar-nav li a:before {
        display: none;
    }
    header nav.navbar ul.navbar-nav li a:hover {
        color: #d69417;
    }
    header nav.navbar ul.navbar-nav li.active a {
        color: #d69417;
    }
    header nav.navbar.active {
        background-color: #ffffff;
        height: 100vh;
        overflow-y: auto;
    }
    header nav.navbar.active .top-bar {
        opacity: 0;
        height: 0;
        padding: 0;
        max-height: 0;
        visibility: hidden;
    }
    header nav.navbar.active .navbar-toggler {
        top: 30px;
    }
    header nav.navbar.active .footer-bar {
        height: auto;
        max-height: none;
        opacity: 1;
        visibility: visible;
        margin-top: 45px;
        padding: 0 30px 50px;
        font-size: 22px;
        text-align: center;
    }
    header nav.navbar.active .footer-bar .button {
        margin-bottom: 35px;
    }
    header nav.navbar.active .footer-bar .button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 70px;
        font-size: 22px;
        border-radius: 35px;
    }
    header nav.navbar.active .footer-bar .button a:after {
        width: 32px;
        height: 32px;
    }
    header nav.navbar.active .footer-bar ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
    }
    header nav.navbar.active .footer-bar ul li {
        height: 56px;
    }
    header nav.navbar.active .footer-bar ul li+li {
        margin-left: 20px;
    }
    header nav.navbar.active .footer-bar ul li img {
        width: auto;
        height: 100%;
    }
    header nav.navbar.nav-fixed {
        background: url('/upload/tenant_1/bg_repeat_yellow.webp');
    }
    header nav.navbar.nav-fixed .top-bar {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        height: 0;
        max-height: 0;
        visibility: hidden;
        border-color: transparent;
    }
    header nav.navbar.nav-fixed .navbar-brand {
        padding-top: 0;
    }
    header nav .navbar-brand {
        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;
        max-width: 277px;
        padding: 1.2em 0 0;
    }
    header.sticky-header nav.navbar {
        padding: 20px 15px;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    body.home header nav.navbar.nav-fixed:not(.active) .navbar-brand {
        margin: 0 auto;
    }
    body.home header nav.navbar.nav-fixed .navbar-toggler {
        top: 22px;
    }
    body.home header nav.navbar .navbar-toggler {
        top: 34px;
    }
}

@media (max-width: 1023px) {
    body:not(.home) header nav.navbar {
        border-bottom: 1px solid #c6c3bd;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    header .top-bar {
        position: absolute;
        top: 5px;
        left: 0;
        width: 100%;
        padding-bottom: 0;
        border: none;
    }
    header nav .navbar-brand {
        margin: 0 auto;
        height: 100%;
        max-height: 90px;
    }
    header nav .navbar-brand img {
        /* max-height: 50px; */
    }
    header .main-title {
        margin-top: 90px;
    }
}

@media (max-width: 767px) {
    header .top-bar {
        padding: 0;
        font-size: 2.93333vw;
        letter-spacing: 0.26667vw;
        position: absolute;
        top: 2px;
        left: 0;
        width: 100%;
        border: none;
        font-size: 10px;
    }
    header nav .navbar-brand {
        max-width: 80vw;
        width: 100%;
        margin: 0 auto;
        padding: 1.0em 0 .2em;
        height: 17.2vw;
    }
    header nav .navbar-brand img {
        max-height: 15.5vw;
        max-width: 70vw;
    }
    header nav.navbar {
        height: 12vw;
    }
    header nav.navbar .navbar-toggler {
        width: 6vw;
        top: 5.33333vw;
        right: 4vw;
        font-size: 2.93333vw;
    }
    header nav.navbar .navbar-toggler span {
        width: 6vw;
        height: 0.4vw;
    }
    header nav.navbar .navbar-toggler span:before {
        width: 6vw;
        height: 0.4vw;
        top: 1.33333vw;
    }
    header nav.navbar .navbar-toggler span:after {
        width: 4vw;
        height: 0.4vw;
        top: 2.66667vw;
    }
    header nav.navbar .navbar-toggler[aria-expanded="true"] span:before {
        width: 4.66667vw;
        top: 0.93333vw;
    }
    header nav.navbar .navbar-toggler[aria-expanded="true"] span:after {
        content: "";
        width: 4.66667vw;
        top: 0.93333vw;
    }
    header nav.navbar ul.navbar-nav li a {
        padding: 4.66667vw 0 !important;
        font-size: 4vw;
    }
    header nav.navbar.active .navbar-toggler {
        top: 5.33333vw;
    }
    header nav.navbar.active .footer-bar {
        margin-top: 6vw;
        padding: 0 4vw 6.66667vw;
        font-size: 2.93333vw;
    }
    header nav.navbar.active .footer-bar .button {
        margin-bottom: 4.66667vw;
    }
    header nav.navbar.active .footer-bar .button a {
        height: 9.33333vw;
        font-size: 2.93333vw;
        border-radius: 4.66667vw;
    }
    header nav.navbar.active .footer-bar .button a:after {
        width: 4.26667vw;
        height: 4.26667vw;
    }
    header nav.navbar.active .footer-bar ul {
        margin-top: 2.66667vw;
    }
    header nav.navbar.active .footer-bar ul li {
        height: 7.46667vw;
    }
    header nav.navbar.active .footer-bar ul li+li {
        margin-left: 2.66667vw;
    }
    header .main-title {
        margin-top: 17.2vw;
    }
    body.home header {
        background: url('/upload/tenant_1/sp_bg_body_yellow.webp') no-repeat right center;
        background-size: 46.8vw;
    }
    /*body.home header nav.navbar {
        height: 22.13333vw;
    }*/
    /*body.home header nav.navbar.nav-fixed {
        height: 17.2vw;
        border-bottom: 1px solid #c6c3bd;
    }*/
    body.home header nav.navbar.nav-fixed:not(.active) .navbar-brand {
        -webkit-transform: translateY(-1vw);
        transform: translateY(-1vw);
    }
    body.home header nav.navbar .navbar-toggler {
        right: 4vw;
        top: 5.33333vw;
    }
    body.home header nav.navbar.active {
        height: 100vh;
    }
    body.home header nav.navbar.active .navbar-toggler {
        top: 5.33333vw;
    }
    body:not(.home) header nav .top-bar {
        border-bottom: none;
    }
    /*body:not(.home) header nav.navbar:not(.active) {
        height: 17.2vw;
    }*/
}

@-webkit-keyframes fadeMain {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeMain {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes transMainPc {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-90px);
        transform: translateX(-90px);
    }
}

@keyframes transMainPc {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-90px);
        transform: translateX(-90px);
    }
}

@-webkit-keyframes transMainSp {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-60px);
        transform: translateX(-60px);
    }
}

@keyframes transMainSp {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-60px);
        transform: translateX(-60px);
    }
}

@-webkit-keyframes lineMenu {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

@keyframes lineMenu {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}


/* hedaer ここから */


/* ---------------------------------------------------------
 *  SP TEL/WEB button
 *---------------------------------------------------------- */

#fixedMenu {
    display: none;
}

@media only screen and (max-width: 768px) {
    #fixedMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: fixed;
        bottom: 0;
        left: 0;
        width: calc(100% - 50px);
        z-index: 3;
    }
    #fixedMenu.is-switch #telBtn {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    #fixedMenu.is-switch #webBtn {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (max-width: 768px) {
    #telBtn,
    #webBtn {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    #telBtn a,
    #webBtn a {
        height: calc(63px + env(safe-area-inset-bottom));
        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;
        background-color: #d69417;
        color: #fff;
        position: relative;
        -webkit-transition: all .3s;
        transition: all .3s;
        padding-bottom: env(safe-area-inset-bottom);
    }
    #telBtn a span,
    #webBtn a span {
        padding-left: 10px;
        display: inline-block;
        font-size: 1.0rem;
        text-shadow: 0 0 3px #d69417, 0 0 3px #d69417;
    }
    #telBtn a img,
    #webBtn a img {
        max-width: 25px;
    }
    #telBtn a:hover,
    #webBtn a:hover {
        background-color: #e9ac37;
    }
}

footer .ftnav-list {
    border-bottom: 1px solid rgba(232, 221, 216, 0.2);
}

footer .ftnav-list li a {
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

footer .social li a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

footer .social li a:hover {
    opacity: 0.7;
}

footer .copyright {
    color: #fff;
}

footer .footer-logo a {
    color: #d69417;
}

@media (min-width: 768px) {
    .footer-inner {
        background: url('/upload/tenant_1/footer_bg_yellow.webp') no-repeat center top;
        background-size: 100% 100%;
        padding: 58px 0 30px;
        margin-top: -30px;
        letter-spacing: 1px;
    }
    .footer-inner .ftnav-list {
        padding-bottom: 18px;
        margin-bottom: 26px;
        letter-spacing: 2px;
    }
    .footer-inner .ftnav-list li:not(:last-child) {
        margin-right: 50px;
    }
    .footer-inner .social li:not(:last-child) {
        margin-right: 12px;
    }
    .footer-inner .social li img {
        max-height: 34px;
    }
    .footer-inner .copyright {
        margin-top: 70px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .footer-inner {
        background: url('/upload/tenant_1/sp_footer_bg_yellow.webp') no-repeat center top;
        background-size: 100% 100%;
        padding: 5.33333vw 0 18.66667vw;
        margin-top: -6.66667vw;
        letter-spacing: 0.13333vw;
    }
    .footer-inner .ftnav-list {
        margin-bottom: 4.66667vw;
        border: none;
    }
    .footer-inner .ftnav-list li {
        width: calc((100% - 4vw) / 2);
        text-align: center;
        border-bottom: 1px solid rgba(232, 221, 216, 0.2);
    }
    .footer-inner .ftnav-list li:nth-child(2n) {
        margin-left: 4vw;
    }
    .footer-inner .ftnav-list li a {
        display: block;
        padding: 1.6vw 0;
    }
    .footer-inner .social {
        margin-top: 6.66667vw;
    }
    .footer-inner .social li:not(:last-child) {
        margin-right: 3.33333vw;
    }
    .footer-inner .social li img {
        max-height: 6.4vw;
    }
    .footer-inner .copyright {
        margin-top: 6.66667vw;
        font-size: 10px;
        letter-spacing: 1px;
    }
}


/* ---------------------------------------------------------
 *  CLINIC
 *---------------------------------------------------------- */

.visca-clinic__item {
    position: relative;
    background: url('/upload/tenant_1/sec-calendar_bg001_yellow.webp');
    /* color: #d69417; */
    z-index: 1;
}

.visca-clinic__item:after {
    content: '';
    position: absolute;
    border: 1px dashed #fff;
    z-index: -1;
}

.visca-clinic__item h3 {
    /* color: #b79800; */
}

.visca-clinic__item h4 {
    text-align: center;
    
    /* color: #b79800; */
}

.visca-clinic__item .item-tel {
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    display: table;
    color: #e59620;
    line-height: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.visca-clinic__item .item-tel .tel a {
    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;
    color: #454443;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.visca-clinic__item .item-tel .tel a:hover {
    text-decoration: underline;
}

.visca-clinic__item .item-tel:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

.qr-wrap__text {
    width: 62%;
    margin-right: 10%;
}

.qr-wrap__image {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 28%;
}

@media (min-width: 768px) {
    .visca-clinic__item {
        border-radius: 20px;
        letter-spacing: 1px;
    }
    .visca-clinic__item:not(:last-child) {
        margin-bottom: 10px;
    }
    .visca-clinic__item:after {
        left: 5px;
        right: 5px;
        top: 5px;
        bottom: 5px;
        border-radius: 20px;
    }
    .visca-clinic__item h3 {
        margin-bottom: 20px;
        line-height: 1.33333;
    }
    .visca-clinic__item h4 {
        font-size: 22px;
        margin-bottom: 9px;
        line-height: 1.36364;
    }
    .visca-clinic__item .txt-info+.qr-wrap {
        margin-top: 15px;
    }
    .visca-clinic__item .item-tel {
        margin: 0 auto 6px;
        max-width: 302px;
        border-radius: 34px;
        padding: 10px 25px;
        letter-spacing: 1.8px;
    }
    .visca-clinic__item .item-tel p:not(.tel) {
        padding-left: 25px;
    }
    .visca-clinic__item .item-tel .tel {
        margin-top: 5px;
    }
    .visca-clinic__item .item-tel .tel a {
        font-size: 24px;
        letter-spacing: 2px;
    }
    .visca-clinic__item .item-tel .tel a img {
        margin-right: 10px;
    }
    .visca-clinic__item .time {
        border-top: 1px solid #454443;
        padding-top: 15px;
        margin-top: 15px;
    }
    .visca-clinic__item .button {
        margin-top: 6px;
    }
    .visca-clinic__item .qr-wrap {
        width: 100%;
    }
    .visca-clinic__item .qr-wrap__col6 {
        width: 50%;
    }
    .visca-clinic__item .qr-wrap__col6:first-child {
        padding-right: 15%;
    }
    .visca-clinic__item .qr-wrap__col6:last-child {
        padding-left: 15%;
    }
    .visca-clinic__item .qr-wrap__col6:not(:last-child) {
        border-right: 1px dashed #fff;
    }
    .visca-clinic__item .qr-wrap__col6 .qr-wrap__image {
        margin: 0 auto;
        max-width: 80px;
    }
}

@media (min-width: 992px) {
    .visca-clinic__item .txt-info {
        font-size: 18px;
    }
    .visca-clinic__item .tel a img {
        max-width: 23px;
    }
    .visca-clinic__item .qr-wrap__col6:first-child {
        padding-right: 5%;
    }
    .visca-clinic__item .qr-wrap__col6:last-child {
        padding-left: 5%;
    }
    .visca-clinic {
        padding: 116px 0 153px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .visca-clinic .visca-clinic__item .item-tel {
        padding: 10px 15px;
    }
    .visca-clinic .visca-clinic__item .item-tel .tel a {
        font-size: 21px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .visca-clinic__item .tel a img {
        max-width: 20px;
    }
    .visca-clinic__item .qr-wrap__col6:first-child {
        padding-right: 5%;
    }
    .visca-clinic__item .qr-wrap__col6:last-child {
        padding-left: 5%;
    }
    .visca-clinic__item .qr-wrap__col6 .button a {
        font-size: 12px;
        min-width: 0;
        padding-right: 35px;
        letter-spacing: 1px;
    }
    .visca-clinic__item .qr-wrap__col6 .qr-wrap__image {
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    footer {
        overflow: hidden;
    }
    .visca-clinic__item {
        border-radius: 2.66667vw;
        letter-spacing: 0.13333vw;
    }
    .visca-clinic__item:not(:last-child) {
        margin-bottom: 4vw;
    }
    .visca-clinic__item:after {
        left: 0.93333vw;
        right: 0.93333vw;
        top: 0.93333vw;
        bottom: 0.93333vw;
        border-radius: 2.66667vw;
    }
    .visca-clinic__item h3 {
        width: 100%;
        font-size: 5.33333vw;
        line-height: 1.4;
        margin-bottom: 3.33333vw;
    }
    .visca-clinic__item h4 {
        margin-bottom: 3.33333vw;
    }
    .visca-clinic__item .txt-info {
        width: 100%;
    }
    .visca-clinic__item .txt-info+.qr-wrap {
        margin-top: 3.33333vw;
    }
    .visca-clinic__item .item-tel {
        max-width: 56.66667vw;
        margin: 0 auto 1.06667vw;
        border-radius: 6.4vw;
        padding: 1.6vw 4vw;
    }
    .visca-clinic__item .item-tel .tel {
        margin-top: 1.06667vw;
    }
    .visca-clinic__item .item-tel .tel a {
        font-size: 5.0vw;
        letter-spacing: 0.53333vw;
    }
    .visca-clinic__item .item-tel .tel a img {
        width: 4.53333vw;
        margin-right: 2vw;
    }
    .visca-clinic__item .button {
        margin-top: 1.6vw;
    }
    .visca-clinic__item .qr-wrap__text .button {
        max-width: 48vw;
    }
    .visca-clinic__item .qr-wrap__col6 {
        width: 100%;
        margin-bottom: 5.06667vw;
    }
    .visca-clinic__item .qr-wrap__col6 .qr-wrap__image {
        margin: 0 auto;
        max-width: 157px;
    }
    .visca-clinic__item .qr-wrap__col6 .button {
        margin-top: 2vw;
    }
    .visca-clinic__item .qr-wrap__col6 .button a {
        max-width: 100% !important;
    }
    .visca-clinic {
        background: url('/upload/tenant_1/sp_visca-clinic_bg001_yellow.webp') no-repeat center center;
        padding: 26.66667vw 0 32vw;
        background-size: 100% 100%;
    }
    .visca-clinic [class*="col-"]:not(:last-child) {
        margin-bottom: 4vw;
    }
    .visca-clinic h2 {
        margin-bottom: 5.33333vw;
    }
    .visca-clinic h2 img {
        width: 65.46667vw;
    }
    .visca-clinic .visca-clinic__item {
        padding: 2.66667vw 6.66667vw;
    }
    .visca-clinic .qr-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .visca-clinic .qr-wrap h3 {
        width: 100%;
    }
    .visca-clinic .qr-wrap img {
        width: 21.06667vw;
    }
    .visca-clinic .qr-wrap .button a {
        max-width: 50.13333vw;
    }
}


/* ---------------------------------------------------------
 *  mainvisual
 *---------------------------------------------------------- */

.sec-mainvisual .main-banner {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-top: 18px;
    margin-bottom: 109px;
}

.sec-mainvisual .main-banner__slider {
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.sec-mainvisual .main-banner__slider.is-mask {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

@media (min-width: 768px) {
    .sec-mainvisual .main-banner__slider.is-mask {
        -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/main_mark.webp');
        mask-image: url('/import/tenant_1/www.canary-dc.net/images/main_mark.webp');
        margin-bottom: 3.5% !important;
    }
}

@media (max-width: 767px) {
    .sec-mainvisual .main-banner__slider.is-mask {
        -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/main_mark_sp.webp');
        mask-image: url('/import/tenant_1/www.canary-dc.net/images/main_mark_sp.webp');
        margin-bottom: 24vw !important;
    }
}

.sec-mainvisual .main-banner__slider.slick-initialized {
    opacity: 1;
}

.sec-mainvisual .main-banner .slick-slide {
    overflow: hidden;
    position: relative;
}

.sec-mainvisual .main-banner .slick-slide img {
    position: relative;
    width: 100%;
    z-index: 1;
}

.sec-mainvisual .main-banner .slick-slide>img {
    width: auto;
    /* max-width: calc(100% + 100px); */
}

.sec-mainvisual .main-banner .slick-slide:focus {
    outline: none;
}

@media (min-width: 768px) {
    .sec-mainvisual .main-banner .slick-slide.active>img {
        -webkit-animation: transMainPc 6s linear;
        animation: transMainPc 6s linear;
    }
}

@media (max-width: 767px) {
    .sec-mainvisual .main-banner .slick-slide.active>img {
        -webkit-animation: transMainSp 6s ease-in-out;
        animation: transMainSp 6s ease-in-out;
    }
}

.sec-mainvisual .main-banner .main-copy {
    position: absolute;
    bottom: 0;
    left: 7.5%;
    z-index: 3;
}

.sec-mainvisual .main-banner .main-copy span {
    font-size: 2.2rem;
    color: #d69417;
    border-bottom: 5px dotted #d69417;
    line-height: 4.5rem;
    text-shadow: 2px 2px 2px #fff;
}

.sec-mainvisual .main-banner .main-copy img {
    max-width: 25vw;
}

@media (max-width: 767px) {
    .sec-mainvisual .main-banner .main-copy span {
        font-size: 1.2rem;
        line-height: 3rem;
    }
}

.sec-mainvisual .main-banner .main-copy.show-main__copy {
    -webkit-animation: fadeMain 1s ease-in-out;
    animation: fadeMain 1s ease-in-out;
}

@media (max-width: 768px) {
    .sec-mainvisual .main-banner .main-copy.show-main__copy img {
        max-width: 45%;
    }
}

.sec-mainvisual .main-banner .slick-dots {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    right: 10px;
    text-align: right;
    width: auto;
}

.sec-mainvisual .main-banner .slick-dots li {
    display: block;
    margin-bottom: 15px;
}

.sec-mainvisual .main-banner .slick-dots li button:before {
    border: 1px solid #d69417;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    opacity: 1 !important;
    content: '';
}

.sec-mainvisual .main-banner .slick-dots li button:hover:before {
    background-color: #d69417;
}

.sec-mainvisual .main-banner .slick-dots li.slick-active button:before {
    background-color: #d69417;
}

.sec-mainvisual .company-info {
    display: none;
}

@media (max-width: 1023px) {
    .sec-mainvisual .main-banner {
        padding-top: 136px;
    }
    .sec-mainvisual .main-banner .slick-dots {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
    .sec-mainvisual .company-info {
        display: none;
        display: block;
        text-align: center;
    }
    .sec-mainvisual .company-info ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .sec-mainvisual .company-info {
        font-size: 22px;
        margin: 55px 0 170px;
        letter-spacing: 2px;
    }
    .sec-mainvisual .company-info p:not(.button) a {
        color: #454443;
    }
    .sec-mainvisual .company-info ul {
        margin-top: 20px;
    }
    .sec-mainvisual .company-info ul li {
        height: 56px;
    }
    .sec-mainvisual .company-info ul li:not(:last-child) {
        margin-right: 20px;
    }
    .sec-mainvisual .company-info ul li img {
        width: auto;
        height: 100%;
    }
    .sec-mainvisual .company-info .button {
        margin-top: 35px;
    }
    .sec-mainvisual .company-info .button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 340px;
        height: 70px;
        border-radius: 35px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .sec-mainvisual .main-banner {
        padding: 22.13333vw 0 0;
        margin: 5.33333vw 0 0;
    }
    .sec-mainvisual .main-banner .slick-slide div.main-copy {
        max-width: 50.66667vw;
        left: 6.66667vw;
    }
    .sec-mainvisual .main-banner .slick-dots {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        right: 3.33333vw;
    }
    .sec-mainvisual .main-banner .slick-dots li {
        width: 1.6vw;
        height: 1.6vw;
        margin-bottom: 0;
    }
    .sec-mainvisual .main-banner .slick-dots li:not(:last-child) {
        margin-bottom: 4vw;
    }
    .sec-mainvisual .main-banner .slick-dots li button {
        width: 1.6vw;
        height: 1.6vw;
        padding: 0;
    }
    .sec-mainvisual .main-banner .slick-dots li button:before {
        width: 1.6vw;
        height: 1.6vw;
    }
    .sec-mainvisual .company-info {
        display: block;
        font-size: 2.93333vw;
        margin: 0 0 22.66667vw;
        letter-spacing: 0.26667vw;
    }
    .sec-mainvisual .company-info p:not(.button) a {
        color: #454443;
    }
    .sec-mainvisual .company-info ul {
        margin-top: 2.66667vw;
    }
    .sec-mainvisual .company-info ul li {
        height: 7.46667vw;
    }
    .sec-mainvisual .company-info ul li:not(:last-child) {
        margin-right: 2.66667vw;
    }
    .sec-mainvisual .company-info ul li img {
        width: auto;
        height: 100%;
    }
    .sec-mainvisual .company-info .button {
        margin-top: 4.66667vw;
    }
    .sec-mainvisual .company-info .button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 45.33333vw;
        height: 9.33333vw;
        border-radius: 4.66667vw;
        margin: 0 auto;
    }
}


/* ---------------------------------------------------------
 *  opening
 *---------------------------------------------------------- */

.sec-opening .c-open {
    max-width: 600px;
    margin: 0 auto;
}

.sec-opening .c-open+.c-preopen {
    margin-top: 100px;
}

.sec-opening .c-open_ttl {
    margin-top: 20px;
}

.sec-opening .c-open_ttl span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #e7bc0f));
    background: linear-gradient(transparent 60%, #e7bc0f 60%);
    font-size: 26px;
}

.sec-opening .c-open_txt {
    margin-top: 20px;
    text-align: center;
}

.sec-opening .c-preopen {
    max-width: 600px;
    margin: 0 auto;
}

.sec-opening .c-preopen_wrap {
    margin-top: 20px;
    border-top: 3px double #d69417;
    border-bottom: 3px double #d69417;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
    padding: 40px;
}

.sec-opening .c-preopen_list {
    margin-top: 20px;
    text-align: center;
    text-decoration: underline;
    font-size: 20px;
    color: #e59620;
}

@media (min-width: 768px) {
    .sec-opening {
        background: url('/upload/tenant_1/opening_bg01_yellow.webp') no-repeat bottom center/cover;
        background-size: 100% 100%;
        padding: 150px 0;
        letter-spacing: 1.5px;
        margin-bottom: 91px !important;
    }
}

@media (max-width: 767px) {
    .sec-opening {
        background: url('/upload/tenant_1/sp_opening_bg01_yellow.webp') no-repeat center center;
        background-size: 100% 100%;
        padding: 38.93333vw 0 21.33333vw;
        margin-top: -13.33333vw;
        margin-bottom: 23.2vw !important;
        letter-spacing: 0.26667vw;
    }
}


/* ---------------------------------------------------------
 *  NEWS
 *---------------------------------------------------------- */

.sec-news {
    letter-spacing: 1px;
}

.sec-news .button {
    margin-top: 32px;
}

.sec-news .button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 200px;
    margin: 0 auto;
}

.sec-news .sec-news-scroll {
    overflow-y: auto;
}

.sec-news .sec-news-scroll dt {
    margin-bottom: 6px;
    letter-spacing: 2px;
}

.sec-news .sec-news-item {
    border-bottom: 1px solid #454443;
    line-height: 1.7;
    letter-spacing: 1.8px;
    font-size: 16px;
}

.sec-news .sec-news-item a {
    text-decoration: none;
    color: #454443;
}

.sec-news .sec-news-item a:hover {
    opacity: 0.8;
}


/* ---------------------------------------------------------
 *  worktime
 *---------------------------------------------------------- */

.sec-worktime .worktime-logo {
    background-color: #ffffff;
}

.sec-worktime .worktime-logo a {
    font-size: 1.5rem;
    color: #d69417;
}

.sec-worktime p {
    letter-spacing: 1.8px;
    line-height: 1.9;
}

.sec-worktime .tel {
    line-height: 1;
}

.sec-worktime .tel a {
white-space: nowrap;
    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;
    /* color: #e59620; */
    color: #454443;
    line-height: 1;
    text-decoration: none;
}

.sec-worktime .info {
    margin: 0 auto;
}


/* ---------------------------------------------------------
 *  CALENDAR
 *---------------------------------------------------------- */

.sec-calendar h3 {
    text-align: center;
}

.sec-calendar h3 span {
    display: inline;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(45%, #e7bc0f));
    background-image: linear-gradient(to bottom, transparent 65%, #e7bc0f 45%);
    padding: 0 10px;
}

.sec-calendar .visca-clinic__item .button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 238px;
}

.sec-calendar .qr-wrap__image img {
    width: 100%;
}

.sec-calendar .social a {
    position: relative;
    display: block;
    background: url('/upload/tenant_1/social_bg001_yellow_1.webp');
    border-radius: 20px;
    text-align: center;
    color: #454443;
    font-size: 22px;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sec-calendar .social a:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('/upload/tenant_1/arrow_yellow.webp') no-repeat center center/cover;
    border-radius: 50%;
    right: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sec-calendar .social a:hover {
    opacity: 0.8;
}

.sec-calendar .social a:hover:after {
    right: 10px;
}

.sec-emphasis {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible;
    z-index: 2;
    text-shadow: 0 2px 3px #fff;
    font-size: 1.3rem;
    color: #d69417;
}


/* ---------------------------------------------------------
 *  GREETING
 *---------------------------------------------------------- */


.sec-greeting .avatar img {
    max-width: 90%;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/upload/tenant_1/img_mask03.webp');/*MASK-IMG-DATA*/
    mask-image: url('/upload/tenant_1/img_mask03.webp');/*MASK-IMG-DATA*/
}

.sec-greeting .user-content {
    margin: 0 auto;
}

.sec-greeting .user-content .info-item__title {
    border-bottom: 1px solid #454443;
}

.sec-greeting .button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}


/* ---------------------------------------------------------
 *  FEATURE
 *---------------------------------------------------------- */

.sec-feature h3 .numb {
    display: block;
    color: rgba(241, 164, 16, 0.4);
}


.sec-feature .feature-pic img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
}

.sec-feature .feature-pic img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
}
.sec-feature .feature-content {
    margin: 0 auto;
}

.sec-feature .button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/* ---------------------------------------------------------
 *  MEDICAL
 *---------------------------------------------------------- */

.sec-medical .medical-list__item {
    
}

.sec-medical .medical-list__item a {
    display: block;
    text-decoration: none;
    color: #454443;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sec-medical .medical-list__item a img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sec-medical .medical-list__item a:hover {
    color: #e59620;
}

.sec-medical .medical-list__item a:hover .item-image {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sec-medical .medical-list__item .item-image {
    border-radius: 50%;
    background-color: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sec-medical .medical-list__item .item-image img {
    max-width: 80px;
}

.sec-medical .medical-list__item .item-image img[src$=".svg"] {
    max-width: 70px;
}


/* ---------------------------------------------------------
 *  FACILITIES
 *---------------------------------------------------------- */

.sec-facilities {
    overflow: hidden;
}

.sec-facilities .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sec-facilities img {
    margin: 0 auto;
    -webkit-transition: -webkit-transform 0.3s linear;
    transition: -webkit-transform 0.3s linear;
    transition: transform 0.3s linear;
    transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

.sec-facilities__slider {
    max-width: 600px;
    margin: 0 auto;
}

.sec-facilities .slider-item:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.sec-facilities .slider-item__content img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask02.webp');
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask02.webp');
}
.sec-facilities .slider-item__content.is-square img {
    -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
}

.sec-facilities .slider-item .item-content {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.sec-facilities .slick-center img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.sec-facilities .slider-item.slick-center.slick-current img {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.sec-facilities .slider-item.slick-center.slick-cloned img {
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* ---------------------------------------------------------
 *  MAP
 *---------------------------------------------------------- */

.sec-map .map-info {
    background-color: #ffffff;
}

.sec-map .map-info__map .map-container {
    overflow: hidden;
}

.sec-map .map-info__map .map-container iframe {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.sec-map .map-info__map .button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}

.sec-map .map-info dl dt {
    clear: left;
    float: left;
    color: #e59620;
}

.sec-map .map-info dl dt:first-child {
    padding-top: 0;
}

.sec-map .map-info dl dd:nth-child(2) {
    padding-top: 0;
}

.sec-map .map-info dl dd:not(:last-child) {
    border-bottom: 1px solid #454443;
}

.sec-map .map-info dl dd:last-child {
    padding-bottom: 0;
}

.sec-map .map-info dl dd a {
    color: #454443;
}


/* ---------------------------------------------------------
 *  SERVICE
 *---------------------------------------------------------- */

.sec-service {
    letter-spacing: 1.5px;
}

.sec-service h4 {
    color: #e59620;
    
    background-color: rgba(255, 255, 255, 0.6);
}

.sec-cooperate .cooperate-item {
    display: block;
    background-color: #ffffff;
    color: rgba(69, 68, 67, 0.3);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sec-cooperate .cooperate-item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.sec-cooperate .cooperate-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sec-cooperate .cooperate-list>div {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    margin: 10px 1.6%;
}

@media (max-width: 767px) {
    .sec-cooperate .cooperate-list {
        display: block;
    }
    .sec-cooperate .cooperate-list>div {
        margin: 10px 0;
    }
}


/* ---------------------------------------------------------
 *  SNS
 *---------------------------------------------------------- */

.sec-sns {
    display: none;
}

.sec-sns h3 {
    border-bottom: 1px solid #454443;
}

.sec-sns .sns-wrap {
    color: rgba(78, 52, 35, 0.3);
    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-color: #ffffff;
}

.visca-clinic .is-justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.visca-clinic .qr-wrap img {
    width: 100%;
}

.visca-clinic .qr-wrap .button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.visca-clinic__item .item-tel .tel a {
    white-space: nowrap;
}


/* ---------------------------------------------------------
 *  freearea
 *---------------------------------------------------------- */

.sec-freearea h2 {
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .sec-freearea h2 {
        margin-bottom: 3.2vw;
    }
}

@media (min-width: 768px) {
    .sec-news {
        margin-bottom: 122px !important;
    }
    .sec-news .sec-news-scroll .mCSB_container {
        padding-right: 7.8%;
    }
    .sec-news .sec-news-item {
        padding-bottom: 12px;
        margin-bottom: 17px;
    }
    .sec-news .sec-news-item:nth-child(n + 5) {
        display: none;
    }
    .sec-worktime .worktime-logo {
        border-radius: 20px;
        padding: 25px;
        margin-bottom: 11px;
    }
    .sec-worktime .worktime-logo img {
        max-width: 86.6%;
    }
    .sec-worktime .tel {
        margin: 6px 0 16px;
    }
    .sec-worktime .tel a {
        font-size: 30px;
        letter-spacing: 3px;
    }
    .sec-worktime .tel a img {
        margin-right: 10px;
    }
    .sec-worktime .info {
        width: 84%;
        max-width: 480px;
        text-align: center;
        margin-right: 16%;
        margin-top: 31px;
        letter-spacing: 1.7px;
    }
    .sec-calendar {
        margin-bottom: 107px !important;
    }
    .sec-calendar .row:not(:last-child) {
        margin-bottom: 42px;
    }
    .sec-calendar h2 {
        margin-bottom: 60px;
    }
    .sec-calendar h3 {
        margin-bottom: 22px;
    }
    .sec-calendar h4 {
        letter-spacing: 2px;
    }
    .sec-calendar .visca-clinic__item {
        padding: 20px 8%;
    }
    .sec-calendar .qr-wrap {
        margin-top: 5px;
        line-height: 1.6;
        letter-spacing: 1.8px;
    }
    .sec-calendar .qr-wrap__image img {
        max-width: 112px;
    }
    .sec-calendar .social a img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .sec-emphasis {
        background: url('/upload/tenant_1/emphasis_bg01_yellow.webp') no-repeat center center/cover;
        padding: 50px 0;
        line-height: 2;
        letter-spacing: 1.7px;
    }
    .sec-emphasis h2 {
        margin-bottom: 50px;
    }
    .sec-greeting {
        background: url('/upload/tenant_1/greeting_bg01_yellow02.webp') no-repeat bottom center/cover;
        padding: 200px 0 145px;
        margin-top: -100px;
        letter-spacing: 1.5px;
        margin-bottom: 91px !important;
    }

    .sec-greeting [class*="col-"]+[class*="col-"] {
        padding-top: 45px;
    }
    .sec-greeting h2 {
        margin-bottom: 40px;
    }
    .sec-greeting h3 {
        color: #454443;
        margin-bottom: 20px;
        line-height: 1.4;
        font-size:24px;
    }
    .sec-greeting p {
        line-height: 1.875;
    }
    .sec-greeting p:not(:last-child) {
        margin-bottom: 30px;
    }
    .sec-greeting .avatar {
        margin-bottom: 4px;
        padding-top: 11px;
    }
    .sec-greeting .user-content {
        max-width: 280px;
    }
    .sec-greeting .user-content .name {
        line-height: 1.45;
        margin-bottom: 14px;
    }
    .sec-greeting .user-content .name .name_txt {
        font-size: 30px;
    }
    .sec-greeting .user-content .info-item {
        line-height: 1.875;
    }
    .sec-greeting .user-content .info-item:not(:last-child) {
        margin-bottom: 18px;
    }
    .sec-greeting .user-content .info-item__title {
        padding-bottom: 3px;
        margin-bottom: 12px;
    }
    .sec-greeting .button a {
        max-width: 285px;
    }
    .sec-feature {
        background: url('/import/tenant_1/www.canary-dc.net/images/sec-feature_bg001_yellow.webp') no-repeat left bottom -8%/37%;
        margin-bottom: 0 !important;
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .sec-feature .row:not(:last-child) {
        margin-bottom: 90px;
    }
    .sec-feature .row:first-child .feature-content {
        padding-top: 15px;
    }
    .sec-feature .row:nth-child(3) h3 {
        margin-top: -17px;
        margin-bottom: 20px;
    }
    .sec-feature h2 {
        margin-bottom: 68px;
    }
    .sec-feature h3 {
        line-height: 1.35;
        margin-bottom: 25px;
        letter-spacing: 2.9px;
    }
    .sec-feature h3 .numb {
        font-size: 40px;
    }
    .sec-feature .feature-content {
        max-width: 500px;
        line-height: 1.9;
    }
    .sec-feature .button {
        margin-top: 25px;
    }
    .sec-feature .button a {
        max-width: 285px;
    }
    .sec-medical {
        background: url('/upload/tenant_1/medical_bg001_yellow.webp') no-repeat center center;
        background-size: 100% 100%;
        margin-bottom: 0 !important;
    }
    .sec-medical h2 {
        margin-bottom: 80px;
    }
    .sec-medical .medical-list__item {
        line-height: 1.33333;
    }
    .sec-medical .medical-list__item .item-image {
        margin: 0 auto 14px;
    }
    .sec-facilities {
        padding: 96px 0 116px;
        background: url('/upload/tenant_1/sec-facilities_bg01_yellow.webp') no-repeat right center/contain;
    }
    .sec-facilities:not(.sec-introduction) {
        margin-bottom: 0 !important;
    }
    .sec-facilities h2 {
        margin-bottom: 114px;
    }
    .sec-facilities .slider-item {
        padding-top: 30px;
    }
    .sec-facilities .slider-item__content {
        max-width: 470px;
        padding: 0 60px;
        margin: 0 auto;
    }
    .sec-facilities .slider-item .item-content {
        margin-top: 50px;
        line-height: 1.9;
    }
    .sec-facilities .slider-item .item-content h3 {
        margin-bottom: 14px;
        line-height: 1.3;
        font-size: 24px;
    }
    .sec-facilities .button {
        margin-top: 33px;
    }
    .sec-facilities .button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 285px;
        margin: 0 auto;
    }
    .sec-facilities .button.is-double {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sec-facilities .button.is-double a {
        margin: 0 10px;
    }
    .sec-facilities .slick-arrow {
        top: 32%;
        width: 48px;
        height: 48px;
        z-index: 9;
    }
    .sec-facilities .slick-arrow:before {
        display: none;
    }
    .sec-facilities .slick-arrow.slick-prev {
        background: url('/upload/tenant_1/slider_arrow_left_yellow.webp') no-repeat center center/cover;
        left: 7%;
    }
    .sec-facilities .slick-arrow.slick-next {
        background: url('/upload/tenant_1/slider_arrow_right_yellow.webp') no-repeat center center/cover;
        right: 7%;
    }
    .sec-facilities .is-circle .slick-arrow {
        top: 35%;
    }
    .sec-map {
        margin-bottom: 130px !important;
    }
    .sec-map .row:not(:last-child) {
        margin-bottom: 40px;
    }
    .sec-map .map-info {
        border-radius: 30px;
        padding: 30px;
    }
    .sec-map .map-info__map {
        width: 47%;
        margin-right: 4.5%;
    }
    .sec-map .map-info__map .map-container {
        border-radius: 30px;
        padding-top: 0;
        height: calc(100% - 90px);
        margin-bottom: 47px;
    }
    .sec-map .map-info__map .button a {
        max-width: 285px;
    }
    .sec-map .map-info__text {
        width: 48.5%;
    }
    .sec-map .map-info dl dt {
        margin: 0;
        padding: 15px 10px 15px 3px;
    }
    .sec-map .map-info dl dt:first-child {
        padding-top: 0;
    }
    .sec-map .map-info dl dd {
        padding: 15px 8px 15px 0;
        letter-spacing: 1.8px;
        line-height: 1.86;
    }
    .sec-map .map-info dl dd:nth-child(2) {
        padding-top: 0;
    }
    .sec-service {
        background: url('/upload/tenant_1/medical_bg001_yellow.webp') no-repeat center center;
        background-size: 100% 100%;
        margin-bottom: 106px !important;
    }
    .sec-service .service-image {
        margin-bottom: 25px;
    }
    .sec-service .service-content {
        max-width: 354px;
        margin: 0 auto;
        line-height: 1.9;
    }
    .sec-service h4 {
        padding: 16px 20px;
        border-radius: 31px;
        margin-bottom: 17px;
        letter-spacing: 2.5px;
    }
    .sec-cooperate {
        margin-bottom: 111px !important;
    }
    .sec-cooperate .row:not(:last-child) {
        margin-bottom: 42px;
        line-height: 1.9;
        letter-spacing: 1.7px;
    }
    .sec-cooperate [class*="col-"]:nth-child(n+5) {
        margin-top: 24px;
    }
    .sec-cooperate h2 {
        margin-bottom: 50px;
    }
    .sec-cooperate .cooperate-item {
        border-radius: 20px;
    }
    .sec-sns .row:not(:last-child) {
        margin-bottom: 36px;
    }
    .sec-sns h2 {
        margin-bottom: 38px;
    }
    .sec-sns h3 {
        line-height: 1.46667;
        margin-bottom: 20px;
        letter-spacing: 3.4px;
    }
    .sec-sns .sns-wrap {
        position: relative;
        font-size: 14px;
        border-radius: 30px;
        letter-spacing: 2px;
        padding: 20px;
        text-align: center;
    }
    .sec-sns .sns-wrap:not(.sns-insta) {
        min-height: 400px;
    }
    .sec-sns .sns-wrap:not(.sns-insta)>iframe {
        position: absolute !important;
        width: calc(100% - 40px) !important;
        height: calc(100% - 40px) !important;
        left: 20px;
        top: 20px;
    }
    .visca-clinic {
        background: url('/upload/tenant_1/visca-clinic_bg001_yellow.webp') no-repeat center center;
        background-size: 100% 100%;
    }
    .visca-clinic h2 {
        margin-bottom: 60px;
    }
    .visca-clinic h2 img {
        max-width: 370px;
    }
    .visca-clinic .visca-clinic__item {
        height: 100%;
    }
    .visca-clinic .visca-clinic__item:not(.large) {
        padding: 25px 10%;
    }
    .visca-clinic .visca-clinic__item.large {
        padding: 25px 5%;
    }
    .visca-clinic .visca-clinic__item:not(.qr-wrap) {
        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: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .visca-clinic .visca-clinic__item.qr-wrap {
        padding: 25px 5%;
    }
    .visca-clinic .qr-wrap {
        font-size: 18px;
        line-height: 1.66667;
    }
    .visca-clinic .qr-wrap img {
        max-width: 192px;
    }
    .visca-clinic .qr-wrap .button a {
        max-width: 285px;
    }
    .visca-clinic .qr-wrap__col6 .button {
        max-width: 240px;
        margin: 10px auto 0;
    }
}

@media (min-width: 992px) {
    .sec-emphasis {
        min-height: 668px;
    }
    .sec-worktime .tel a img {
        max-width: 23px;
    }
    .sec-medical {
        padding: 120px 0 190px;
    }
    .sec-medical .medical-list__item {
        font-size: 18px;
        width: calc((100% - 80px) / 5);
    }
    .sec-medical .medical-list__item:not(:nth-child(5n)) {
        margin-right: 20px;
    }
    .sec-medical .medical-list__item:nth-child(n+6) {
        margin-top: 59px;
    }
    .sec-medical .medical-list__item .item-image {
        width: 114px;
        height: 114px;
    }
    .sec-medical .medical-list__item .item-title {
        letter-spacing: 2px;
    }
    .sec-map .map-info dl dt {
        width: 100px;
    }
    .sec-map .map-info dl dt+dd {
        padding-left: 100px;
    }
    .sec-service {
        padding: 150px 0 160px;
    }
    .sec-service h4 {
        font-size: 24px;
    }
}

@media (min-width: 1200px) {
    .sec-news .sec-news-scroll {
        line-height: 1.2;
    }
    .sec-calendar h3 {
        font-size: 24px;
        line-height: 1.3;
        letter-spacing: 2.2px;
        padding-left: 15px;
    }
    .sec-calendar h4 {
        font-size: 22px;
    }
    .sec-calendar .social a {
        padding: 30px 32px 30px 57px;
        letter-spacing: 4px;
    }
    .sec-calendar .social a img {
        left: 32px;
    }
}

@media (max-width: 1600px) and (min-width: 1336px) {
    .sec-facilities .slick-arrow.slick-prev {
        left: 7%;
    }
    .sec-facilities .slick-arrow.slick-next {
        right: 7%;
    }
}

@media (max-width: 1335px) and (min-width: 1200px) {
    .sec-facilities .slider-item {
        margin: 0 15px;
    }
    .sec-facilities .slider-item h3 {
        font-size: 20px;
    }
    .sec-facilities .slick-arrow {
        top: 32%;
    }
    .sec-facilities .slick-arrow.slick-prev {
        left: 7%;
    }
    .sec-facilities .slick-arrow.slick-next {
        right: 7%;
    }
}

@media (max-width: 1199px) and (min-width: 1024px) {
    .sec-facilities .slider-item {
        margin: 0 20px;
        font-size: 14px;
    }
    .sec-facilities .slider-item h3 {
        font-size: 18px;
    }
    .sec-facilities .slick-arrow {
        top: 32%;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .sec-calendar {
        font-size: 14px;
    }
    .sec-calendar h3 {
        font-size: 22px;
    }
    .sec-calendar h4 {
        font-size: 20px;
    }
    .sec-calendar .social a {
        padding: 20px 25px;
    }
    .sec-calendar .social a img {
        left: 25px;
    }
}

@media (max-width: 991px) {
    .sec-emphasis {
        min-height: 500px;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .sec-feature {
        background-size: 50%;
    }
    .sec-facilities .slider-item {
        margin: 0 15px;
        font-size: 13px;
    }
    .sec-facilities .slider-item__content {
        padding: 0 20px;
    }
    .sec-facilities .slider-item .item-content h3 {
        font-size: 16px;
    }
    .sec-facilities .slick-arrow {
        top: 32%;
        width: 30px;
        height: 30px;
    }
    .sec-facilities .slick-arrow.slick-prev {
        left: 7%;
    }
    .sec-facilities .slick-arrow.slick-next {
        right: 7%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .sec-worktime .tel a {
        font-size: 22px;
    }
    .sec-worktime .tel a img {
        max-width: 20px;
    }
    .sec-calendar {
        font-size: 12px;
    }
    .sec-calendar h3 {
        font-size: 22px;
    }
    .sec-calendar h4 {
        font-size: 18px;
    }
    .sec-calendar .visca-clinic__item .item-tel {
        padding: 10px 15px;
    }
    .sec-calendar .visca-clinic__item .item-tel .tel a {
        font-size: 20px;
    }
    .sec-calendar .social a {
        padding: 20px 25px;
        font-size: 18px;
    }
    .sec-calendar .social a img {
        left: 10px;
        width: auto;
        max-height: 30px;
    }
    .sec-medical {
        padding: 100px 0;
    }
    .sec-medical .medical-list__item {
        font-size: 14px;
        width: calc((100% - 60px) / 5);
        letter-spacing: normal;
    }
    .sec-medical .medical-list__item:not(:nth-child(5n)) {
        margin-right: 15px;
    }
    .sec-medical .medical-list__item:nth-child(n+6) {
        margin-top: 50px;
    }
    .sec-medical .medical-list__item .item-image {
        width: 90px;
        height: 90px;
    }
    .sec-medical .medical-list__item .item-image img {
        max-width: 65%;
        max-height: 65%;
    }
    .sec-medical .medical-list__item .item-image img[src$=".svg"] {
        max-width: 60%;
        max-height: 60%;
    }
    .sec-map .map-info dl dt {
        width: 80px;
    }
    .sec-map .map-info dl dt+dd {
        padding-left: 80px;
    }
    .sec-service {
        padding: 100px 0;
    }
    .sec-service h4 {
        font-size: 18px;
    }
    .visca-clinic {
        padding: 85px 0 100px;
    }
    .visca-clinic .visca-clinic__item .item-tel {
        padding: 10px 15px;
    }
    .visca-clinic .visca-clinic__item .item-tel .tel a {
        font-size: 20px;
    }
    .visca-clinic .qr-wrap {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .sec-news {
        position: relative;
        padding-bottom: 14vw;
    }
    .sec-news [class*="col-"] {
        position: static;
    }
    .sec-news h2 {
        margin-bottom: 3.73333vw;
    }
    .sec-news .sec-news-item:nth-child(n + 4) {
        display: none;
    }
    .sec-news .sec-news-scroll dt {
        margin-bottom: 0;
        letter-spacing: 0.13333vw;
        line-height: 1.6;
    }
    .sec-news .sec-news-item {
        padding-right: 7%;
        padding-bottom: 2.66667vw;
        margin-bottom: 1.06667vw;
        line-height: 1.7;
        letter-spacing: 0.29333vw;
        font-size: 14px;
    }
    .sec-news .button {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        padding: 0 4vw;
    }
    .sec-news .button a {
        max-width: none;
        min-width: 0;
    }
    .sec-worktime {
        margin-bottom: 25.06667vw !important;
    }
    .sec-worktime [class*="col-"]:not(:last-child) {
        margin-bottom: 5.33333vw;
    }
    .sec-worktime p {
        letter-spacing: 0.28vw;
        line-height: 1.7;
    }
    .sec-worktime .worktime-logo {
        max-width: 72vw;
        margin: 0 auto 2.66667vw;
        padding: 4.66667vw;
        border-radius: 2.66667vw;
    }
    .sec-worktime .worktime-logo img {
        width: 54vw;
    }
    .sec-worktime .tel {
        margin: 2.13333vw 0 2.4vw;
        letter-spacing: 0.58667vw;
    }
    .sec-worktime .tel a {
        font-size: 5.6vw;
    }
    .sec-worktime .tel a img {
        margin-right: 1.86667vw;
        width: 4.53333vw;
    }
    .sec-worktime .info {
        padding: 0 2vw;
        margin-top: 1.33333vw;
    }
    .sec-calendar {
        margin-bottom: 26.13333vw !important;
    }
    .sec-calendar .row:not(:last-child):not(.social) {
        margin-bottom: 17.33333vw;
    }
    .sec-calendar .row:not(:last-child):not(.social) [class*="col-"]:not(:last-child) {
        margin-bottom: 7.73333vw;
    }
    .sec-calendar .social [class*="col-"]:not(:last-child) {
        margin-bottom: 3.46667vw;
    }
    .sec-calendar .social a {
        letter-spacing: 0.4vw;
    }
    .sec-calendar h2 {
        margin-bottom: 5.33333vw;
    }
    .sec-calendar h3 {
        margin-bottom: 3.46667vw;
        letter-spacing: 0.53333vw;
    }
    .sec-calendar h3 span {
        padding: 0;
    }
    .sec-calendar h4 {
        font-size: 5.33333vw;
        margin-bottom: 3.33333vw;
    }
    .sec-calendar .visca-clinic__item {
        padding: 4vw 6.66667vw 2.66667vw;
    }
    .sec-calendar .qr-wrap__image {
        width: 157px;
    }
    .sec-calendar .social a {
        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;
        height: 13.33333vw;
        -webkit-box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
        box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
        font-size: 3.2vw;
    }
    .sec-calendar .social a img {
        margin-right: 3.33333vw;
        height: 5.33333vw;
    }
    .sec-calendar .social a:after {
        width: 4.26667vw;
        height: 4.26667vw;
    }
    .visca-clinic h2 {
        font-size: 5.33333vw;
    }
    .sec-emphasis {
        background: url('/upload/tenant_1/sp_emphasis_bg01_yellow.webp') no-repeat center center/cover;
        min-height: 97.33333vw;
        padding: 26.66667vw 0;
        line-height: 2.09091;
        letter-spacing: 0.25333vw;
    }
    .sec-emphasis__text {
        font-size: 4vw;
        line-height: 1.81818;
    }
    .sec-greeting {
        background: url('/upload/tenant_1/sp_greeting_bg01_yellow.webp') no-repeat center center;
        background-size: 100% 100%;
        padding: 38.93333vw 0 21.33333vw;
        margin-top: -13.33333vw;
        margin-bottom: 23.2vw !important;
        letter-spacing: 0.26667vw;
    }
    .sec-greeting [class*="col-"]+[class*="col-"] {
        margin-top: 10.66667vw;
        line-height: 1.65;
    }
    .sec-greeting h2 {
        margin-bottom: 6.13333vw;
    }
    .sec-greeting h3 {
        margin-bottom: 2.4vw;
        letter-spacing: 0.58667vw;
    }
    .sec-greeting p {
        letter-spacing: 0.25333vw;
    }
    .sec-greeting p:not(:last-child) {
        margin-bottom: 5.33333vw;
    }
    .sec-greeting .avatar {
        margin-bottom: 1.33333vw;
    }
    .sec-greeting .avatar img {
        width: 68vw;
    }
    .sec-greeting .user-content {
        margin-top: 20px;
        max-width: 74.66667vw;
    }
    .sec-greeting .user-content .name {
        margin-bottom: 4vw;
        line-height: 1.26;
        letter-spacing: 0.53333vw;
        padding-left: 2.66667vw;
    }
    .sec-greeting .user-content .name .name_txt {
        font-size: 6.66667vw;
    }
    .sec-greeting .user-content .info-item:not(:last-child) {
        margin-bottom: 5.33333vw;
    }
    .sec-greeting .user-content .info-item__title {
        font-size: 4.6vw;
        padding-bottom: 0.8vw;
        margin-bottom: 1.33333vw;
    }
    .sec-greeting .button {
        margin-top: -1.33333vw;
    }
    .sec-feature {
        letter-spacing: 0.26667vw;
        margin-bottom: 24vw;
        padding-top: 16vw;
        padding-bottom: 16vw;
    }
    .sec-feature .row:not(:last-child) {
        margin-bottom: 18.13333vw;
    }
    .sec-feature h2 {
        margin-bottom: 8vw;
    }
    .sec-feature h3 {
        margin-bottom: 2.13333vw;
        letter-spacing: 0.53333vw;
    }
    .sec-feature h3 .numb {
        font-size: 7.46667vw;
    }
    .sec-feature .button {
        margin-top: 4vw;
    }
    .sec-medical {
        background: url('/upload/tenant_1/sp_medical_bg001_yellow.webp') no-repeat center center;
        background-size: 100% 100%;
        padding: 11.73333vw 0 26.66667vw;
        margin-bottom: 23.46667vw !important;
    }
    .sec-medical h2 {
        margin-bottom: 8vw;
    }
    .sec-medical .medical-list__item {
        width: 50%;
    }
    .sec-medical .medical-list__item:nth-child(n+3) {
        margin-top: 7.33333vw;
    }
    .sec-medical .medical-list__item .item-image {
        width: 23.33333vw;
        height: 23.33333vw;
        margin: 0 auto 2.4vw;
    }
    .sec-medical .medical-list__item .item-image img {
        max-width: 65%;
        max-height: 65%;
    }
    .sec-medical .medical-list__item .item-image img[src$=".svg"] {
        max-width: 60%;
        max-height: 60%;
    }
    .sec-medical .medical-list__item .item-title {
        font-size: 4vw;
        line-height: 1.2;
    }
    .sec-facilities {
        padding: 0 4vw 4vw;
        margin-bottom: 9.6vw !important;
    }
    .sec-facilities h2 {
        margin-bottom: 5.86667vw;
    }
    .sec-facilities .slider-item {
        padding-top: 4vw;
    }
    .sec-facilities .slider-item img {
        width: 63.46667vw;
        margin: 0 auto;
    }
    .sec-facilities .slider-item .item-content {
        margin: 4vw auto 0;
        max-width: 77.33333vw;
        letter-spacing: 0.26667vw;
    }
    .sec-facilities .slider-item .item-content h3 {
        margin-bottom: 2.13333vw;
    }
    .sec-facilities .button {
        margin-top: 5.33333vw;
    }
    .sec-facilities .button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .sec-facilities .button.is-double {
        display: block;
        text-align: center;
    }
    .sec-facilities .button.is-double a {
        margin: 10px 0 0;
    }
    .sec-facilities .slick-arrow {
        top: 40vw;
        width: 9.6vw;
        height: 9.6vw;
        z-index: 9;
    }
    .sec-facilities .slick-arrow:before {
        display: none;
    }
    .sec-facilities .slick-arrow.slick-prev {
        background: url('/upload/tenant_1/slider_arrow_left_yellow.webp') no-repeat center center/cover;
        left: 1.06667vw;
    }
    .sec-facilities .slick-arrow.slick-next {
        background: url('/upload/tenant_1/slider_arrow_right_yellow.webp') no-repeat center center/cover;
        right: 1.06667vw;
    }
    .sec-map {
        margin-bottom: 16.53333vw !important;
    }
    .sec-map .row:not(:last-child) {
        margin-bottom: 8vw;
    }
    .sec-map .sec-worktime {
        margin-bottom: 0 !important;
    }
    .sec-map .map-info {
        border-radius: 4vw;
        padding: 4vw 2.66667vw 5.33333vw;
    }
    .sec-map .map-info__map {
        width: 100%;
        padding: 0 1.33333vw;
        margin-bottom: 8.66667vw;
    }
    .sec-map .map-info__map .map-container {
        height: 66.93333vw;
        padding-top: 0;
        border-radius: 4vw;
        margin-bottom: 2.66667vw;
    }
    .sec-map .map-info dl {
        letter-spacing: 0.24vw;
    }
    .sec-map .map-info dl dt {
        width: 20vw;
        padding: 2.66667vw 0;
    }
    .sec-map .map-info dl dt+dd {
        padding-left: 20vw;
    }
    .sec-map .map-info dl dd {
        padding: 2.66667vw 0;
        letter-spacing: 0.25333vw;
    }
    .sec-service {
        background: url('/import/tenant_1/www.canary-dc.net/images/sp_service_bg001_yellow.webp') no-repeat center center;
        background-size: 100% 100%;
        padding: 25.86667vw 0 23.46667vw;
        margin-bottom: 16.53333vw !important;
    }
    .sec-service [class*="col-"]:not(:last-child) {
        margin-bottom: 8vw;
    }
    .sec-service .service-image {
        margin-bottom: 4vw;
    }
    .sec-service .service-image img {
        max-width: 15%;
    }
    .sec-service .service-content {
        max-width: 73.06667vw;
        margin: 0 auto;
    }
    .sec-service .service-content p {
        max-width: 64.66667vw;
        margin: 0 auto;
    }
    .sec-service h4 {
        padding: 4vw;
        border-radius: 6.4vw;
        margin-bottom: 1.86667vw;
    }
    .sec-cooperate {
        margin-bottom: 24.8vw;
    }
    .sec-cooperate .row:not(:last-child) {
        margin-bottom: 6.66667vw;
        letter-spacing: 0.26667vw;
    }
    .sec-cooperate [class*="col-"]:not(:last-child) {
        margin-bottom: 2.66667vw;
    }
    .sec-cooperate h2 {
        margin-bottom: 3.2vw;
    }
    .sec-cooperate .cooperate-item {
        border-radius: 2.66667vw;
    }
    .sec-cooperate .cooperate-item img {
        width: 100%;
    }
    .sec-sns .row:not(:last-child) {
        margin-bottom: 8vw;
    }
    .sec-sns .col-md-6:not(:last-child) {
        margin-bottom: 6.66667vw;
    }
    .sec-sns .col-md-4:not(:last-child) {
        margin-bottom: 4vw;
    }
    .sec-sns h2 {
        margin-bottom: 5.06667vw;
    }
    .sec-sns h3 {
        margin-bottom: 4vw;
        letter-spacing: 0.53333vw;
    }
    .sec-sns .sns-wrap {
        position: relative;
        border-radius: 4vw;
        padding: 2.66667vw;
    }
    .sec-sns .sns-wrap:not(.sns-insta) {
        min-height: 66.66667vw;
    }
    .sec-sns .sns-wrap:not(.sns-insta)>iframe {
        position: absolute !important;
        width: calc(100% - 5.33vw) !important;
        height: calc(100% - 5.33vw) !important;
        left: 2.66667vw;
        top: 2.66667vw;
    }
}

.sec-introduction {
    background: url('/upload/tenant_1/facilities_bg001_yellow.webp') no-repeat center center;
    background-size: 100% 100%;
}

.item-head {
    text-align: center;
    margin-bottom: 30px;
}

.sec-list__items .row .col-md-4 {
    counter-increment: cnt;
}

.item-clinic .item-clinic__thumb {
    position: relative;
    z-index: 0;
}

.item-clinic .item-clinic__thumb img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
}
.item-clinic .item-clinic__thumb::before {
    content: "0" counter(cnt) ".";
    position: absolute;
    bottom: 0;
    right: 0;
    color: #e59620;
    line-height: 1;
    font-weight: 100;
    z-index: 1;
}

.item-clinic .item-clinic__content h3 {
    text-align: left;
    border-bottom: 1px solid #454443;
}

.item-clinic .item-clinic__content .desc {
    text-align: justify;
}

@media (min-width: 768px) {
    .sec-introduction {
        padding: 90px 0 120px;
    }
    .item-clinic .item-clinic__thumb {
        margin-bottom: 18px;
    }
    .item-clinic .item-clinic__thumb:before {
        right: 0;
        bottom: -8px;
    }
    .item-clinic .item-clinic__content {
        line-height: 1.875;
        letter-spacing: 1px;
    }
    .item-clinic .item-clinic__content h3 {
        letter-spacing: 2.5px;
        padding-bottom: 8px;
        font-size: 22px;
    }
    .item-clinic .item-clinic__content .desc {
        margin-right: 10px;
    }
    .sec-list__items .sec__title {
        margin-bottom: 61px;
    }
    .sec-list__items .col-md-4:nth-child(n+4) {
        margin-top: 54px;
    }
}

@media (min-width: 992px) {
    .item-clinic .item-clinic__thumb:before {
        font-size: 40px;
    }
    .item-clinic .item-clinic__content h3 {
        margin-bottom: 22px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .item-clinic .item-clinic__thumb:before {
        font-size: 30px;
    }
    .item-clinic .item-clinic__content h3 {
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .sec-facilities__slider {
        margin-left: -30px;
        margin-right: -30px;
    }
    .sec-facilities__slider .slider-item .img {
        width: 80vw;
        margin:0 auto;
    }
    
    .sec-facilities__slider .slider-item img {
        width: 100%;
    }
    .sec-introduction {
        background-size: auto 100%;
    }
    .sec-introduction h2 {
        margin-bottom: 1.33333vw;
    }
    .sec-introduction .slide-item .item-content {
        margin-top: 3.73333vw;
    }
    .sec-introduction .slide-item .item-content h3 {
        margin-bottom: 0.26667vw;
    }
    .item-clinic .item-clinic__thumb {
        margin-bottom: 4vw;
    }
    .item-clinic .item-clinic__thumb:before {
        right: 0;
        bottom: 0;
        font-size: 13.33333vw;
    }
    .item-clinic .item-clinic__content {
        line-height: 1.72;
        letter-spacing: 0.30933vw;
    }
    .item-clinic .item-clinic__content h3 {
        margin-bottom: 4.26667vw;
        padding-bottom: 1.06667vw;
    }
    .sec-list__items {
        margin-bottom: 26.13333vw !important;
    }
    .sec-list__items .sec__title {
        margin-bottom: 12vw;
    }
    .sec-list__items .col-md-4:not(:last-child) {
        margin-bottom: 20vw;
    }
}

.information-wrap {
    background-color: #ffffff;
}

.information-wrap .list-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.information-wrap .list-info .date {
    background-color: #e59620;
    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;
    color: #fff;
    font-size: 13px;
}

.information-wrap .list-info .cat {
    color: #e59620;
}

.information-wrap .list-info .cat .txt-info {
    position: relative;
}

.information-wrap .list-info .cat .txt-info:after {
    content: '|';
    display: inline-block;
    vertical-align: text-bottom;
}

.information-wrap .list-info .cat a {
    color: #e59620;
}

.information-ttl {
    margin-bottom: 40px;
}

.information-list .information-list__item {
    position: relative;
}

.information-list .information-list__item:not(:last-child) {
    border-bottom: 1px solid #e59620;
}

.information-list .item-content__title a {
    display: inline-block;
    color: #d69417;
    
}

.recent .recent__title {
    color: #d69417;
    text-align: left;
}

.recent .recent__list li {
    border-bottom: 1px solid #e59620;
}

.recent .recent__list li a {
    color: #d69417;
    
    display: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 768px) {
    .information-wrap {
        padding: 0 5%;
        border-radius: 30px;
    }
    .information-wrap:not(.information-list) {
        padding: 52px 5.1% 63px;
    }
    .information-wrap .list-info {
        letter-spacing: 1px;
        margin-bottom: 14px;
    }
    .information-wrap .list-info .date {
        width: 115px;
        height: 25px;
        border-radius: 12.5px;
        margin-right: 20px;
        letter-spacing: 1.2px;
    }
    .information-wrap .list-info .cat {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    .information-wrap .list-info .cat .txt-info {
        letter-spacing: 2px;
    }
    .information-wrap .list-info .cat .txt-info:after {
        margin: 0 11px 0 14px;
    }
    .information-wrap .list-info .cat a {
        letter-spacing: 1.2px;
    }
    .information-list .information-list__item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .information-list .information-list__item:before,
    .information-list .information-list__item:after {
        content: '';
        position: absolute;
        top: 50%;
    }
    .information-list .information-list__item:before {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid #d69417;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .information-list .information-list__item:after {
        width: 8px;
        height: 8px;
        border-top: 2px solid #d69417;
        border-right: 2px solid #d69417;
        right: 9px;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }
    .information-list .information-list__item .item-thumb {
        width: 200px;
        margin-right: 28px;
    }
    .information-list .information-list__item .item-content {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        width: 100%;
    }
    .information-list .item-content {
        line-height: 1.625;
    }
    .information-list .item-content__title {
        margin-bottom: 10px;
    }
    .information-list .item-content__title a {
        line-height: 1.33333;
        letter-spacing: 2.5px;
        display: inherit;
    }
    .information-list .item-content .desc {
        letter-spacing: 1.8px;
    }
    .recent .recent__title {
        font-size: 34px;
        margin-bottom: 45px;
        letter-spacing: 3.5px;
    }
    .recent .recent__list li {
        width: calc((100% - 24px) / 2);
        padding: 0 0 5px 20px;
    }
    .recent .recent__list li:not(:nth-child(2n)) {
        margin-right: 24px;
    }
    .recent .recent__list li:nth-child(n+3) {
        margin-top: 14px;
    }
    .recent .recent__list li a {
        letter-spacing: 2.3px;
    }
}

@media (min-width: 992px) {
    .information-list .information-list__item {
        padding: 45px 5% 40px 0;
    }
    .information-list .information-list__item:not(:last-child) {
        margin-bottom: 3px;
    }
    .information-list .information-list__item .item-content__title a {
        font-size: 24px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .information-list .information-list__item {
        padding: 35px 5% 35px 0;
    }
    .information-list .information-list__item .item-thumb {
        width: 180px;
        margin-right: 15px;
    }
    .information-list .information-list__item .item-content {
        width: calc(100% - 195px);
        font-size: 14px;
    }
    .information-list .information-list__item .item-content__title a {
        font-size: 18px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .recent .recent__list li {
        padding-left: 5px;
    }
}

@media (max-width: 767px) {
    .information-wrap {
        padding: 5.33333vw;
        border-radius: 4vw;
    }
    .information-wrap.information-detail {
        padding: 7.2vw 5.33333vw 8.8vw;
    }
    .information-wrap .list-info {
        margin-bottom: 1.33333vw;
    }
    .information-wrap .list-info .date {
        width: 24.66667vw;
        height: 5.33333vw;
        border-radius: 2.66667vw;
        margin-right: 2.13333vw;
    }
    .information-wrap .list-info .cat .txt-info:after {
        margin: 0 1.86667vw 0 3.33333vw;
    }
    .information-list .information-list__item:not(:last-child) {
        padding-bottom: 7.46667vw;
        margin-bottom: 10.93333vw;
    }
    .information-list .information-list__item .item-thumb {
        margin-bottom: 3.46667vw;
    }
    .information-list .item-content {
        letter-spacing: 0.26667vw;
    }
    .information-list .item-content__title {
        line-height: 1.66667;
        margin-bottom: 0.53333vw;
    }
    .information-list .item-content__title a {
        letter-spacing: 0.4vw;
    }
    .information-list .item-content .desc {
        letter-spacing: 0.32vw;
    }
    .recent [class*="col-"]:not(:last-child) {
        margin-bottom: 5.33333vw;
    }
    .recent .recent__title {
        font-size: 6.13333vw;
        margin-bottom: 2.4vw;
        letter-spacing: 0.64vw;
    }
    .recent .recent__list {
        letter-spacing: 0.50667vw;
    }
    .recent .recent__list li {
        width: calc((100% - 10vw) / 2);
        padding: 0 0 2vw 0;
    }
    .recent .recent__list li:not(:nth-child(2n)) {
        margin-right: 10vw;
    }
    .recent .recent__list li:nth-child(n+3) {
        margin-top: 2.4vw;
    }
}

.sec-accessmap {
    margin-bottom: 80px;
}

.sec-accessmap__thumb img {
    display: block;
    margin: 0 auto;
}

.sec-accessmap .button {
    text-align: center;
    margin-top: 33px;
    margin-bottom: 93px;
}

@media (max-width: 767px) {
    .sec-accessmap .button {
        margin-top: 5.06667vw;
        margin-bottom: 20vw;
    }
}

.sec-accessmap .button a {
    width: 285px;
}

@media (max-width: 767px) {
    .sec-accessmap .button a {
        width: 81.33333vw;
    }
}

.sec-accessmap .sec-accessmap__wrap {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.sec-accessmap .sec-accessmap__wrap .sec-accessmap__main {
    padding-bottom: 75%;
}

.sec-accessmap .sec-accessmap__main {
    position: relative;
    padding-bottom: 31.25%;
    height: 0;
    overflow: hidden;
}

@media (max-width: 767px) {
    .sec-accessmap .sec-accessmap__main {
        padding-bottom: 80.53%;
    }
}

.sec-accessmap .sec-accessmap__main iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: sepia(0%);
    filter: sepia(0%);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.sec-traffic__content {
    background-color: #ffffff;
    border-radius: 30px;
}

.sec-traffic__content .sec__title--small {
    color: #e59620;
}

.sec-traffic__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sec-traffic__list__item {
    text-align: center;
    border: 1px dashed #e59620;
}

.sec-traffic__list h4 {
    
    color: #454443;
    border-bottom: 1px solid #b8afa8;
}

.sec-traffic__thumb {
    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;
}

.item-access__thumb {
    position: relative;
}


.item-access__thumb img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
}


.item-access__content .desc {
    text-align: justify;
}

@media (min-width: 768px) {
    .sec-accessmap img {
        max-width: 60%;
    }
    .sec-traffic .sec__title--small {
        font-size: 30px;
        margin-bottom: 26px;
    }
    .sec-traffic__list__item {
        width: calc((100% - 48px) / 3);
        border-radius: 30px;
        padding: 21px 3%;
    }
    .sec-traffic__list__item:not(:last-child) {
        margin-right: 24px;
    }
    .sec-traffic__list h4 {
        font-size: 18px;
        line-height: 1.66667;
        padding-bottom: 4px;
        margin-bottom: 12px;
        letter-spacing: 2px;
    }
    .sec-traffic__thumb {
        margin-bottom: 5px;
    }
    .sec-traffic__thumb img {
        width: auto;
        max-height: 100%;
    }
    .sec-traffic__info {
        letter-spacing: 1.6px;
        line-height: 1.9;
    }
    .sec-courtyard .sec__title {
        margin-bottom: 61px;
    }
    .sec-courtyard .map-info__text {
        letter-spacing: 1.6px;
        line-height: 1.9;
    }
    .item-access__thumb {
        margin-bottom: 14px;
    }
    .item-access__content {
        line-height: 1.875;
        letter-spacing: 1.8px;
    }
    .item-access__content .desc {
        margin-right: 10px;
    }
    .sec-list__items__access .col-md-4:nth-child(n+4) {
        margin-top: 32px;
    }
}

@media (min-width: 992px) {
    .sec-traffic__content {
        padding: 35px 6.5% 45px;
    }
    .sec-traffic__thumb {
        height: 62px;
    }
    .sec-traffic__list h4 {
        font-size: 18px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .sec-traffic__content {
        padding: 35px 5% 40px;
    }
    .sec-traffic__thumb {
        height: 48px;
    }
    .sec-traffic__list {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .sec-traffic__content {
        padding: 5.88235vw 12.66667vw 9.33333vw;
        margin-bottom: 3.73333vw;
        border-radius: 4vw;
    }
    .sec-traffic__content h2 {
        margin-bottom: 3.73333vw;
    }
    .sec-traffic__list__item {
        width: 100%;
        padding: 5.33333vw 5.33333vw 4.53333vw;
        border-radius: 4vw;
    }
    .sec-traffic__list__item:not(:last-child) {
        margin-bottom: 4.26667vw;
    }
    .sec-traffic__list__item:first-child img {
        width: 10vw;
    }
    .sec-traffic__list__item:nth-child(2) img {
        width: 12.93333vw;
    }
    .sec-traffic__list__item:nth-child(3) img {
        width: 11.33333vw;
    }
    .sec-traffic__thumb {
        margin-bottom: 1.86667vw;
    }
    .sec-traffic__info {
        letter-spacing: 0.32vw;
    }
    .sec-traffic__info h4 {
        padding-bottom: 1.6vw;
        margin-bottom: 2.66667vw;
        font-size: 3.2vw;
        letter-spacing: 0.26667vw;
    }
    .item-access__thumb {
        margin-bottom: 1.6vw;
    }
    .item-access__content {
        line-height: 1.875;
        letter-spacing: 0.30667vw;
    }
    .sec-list__items__access .col-md-4:not(:last-child) {
        margin-bottom: 10.66667vw;
    }
}

.sec-courtyard dl dt {
    clear: left;
    float: left;
    color: #e59620;
}

.sec-courtyard dl dt:first-child {
    padding-top: 0;
}

.sec-courtyard dl dd {
    border-bottom: 1px solid #454443;
}

.sec-courtyard dl dd:nth-child(2) {
    padding-top: 0;
}

.sec-courtyard dl dd a {
    color: #454443;
}

@media (min-width: 768px) {
    .sec-courtyard dl dt {
        margin: 0;
        padding: 15px 10px 15px 3px;
    }
    .sec-courtyard dl dt:first-child {
        padding-top: 0;
    }
    .sec-courtyard dl dd {
        padding: 15px 0;
    }
    .sec-courtyard dl dd:nth-child(2) {
        padding-top: 0;
    }
}

@media (min-width: 992px) {
    .sec-courtyard dl dt {
        width: 100px;
    }
    .sec-courtyard dl dt+dd {
        padding-left: 100px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .sec-traffic__list {
        font-size: 14px;
    }
    .sec-traffic__list h4 {
        font-size: 16px;
    }
    .sec-courtyard dl dt {
        width: 80px;
    }
    .sec-courtyard dl dt+dd {
        padding-left: 80px;
    }
}

@media (max-width: 767px) {
    .sec-courtyard dl {
        letter-spacing: 0.24vw;
    }
    .sec-courtyard dl dt {
        width: 20vw;
        padding: 3.33333vw 0;
    }
    .sec-courtyard dl dt+dd {
        padding-left: 20vw;
    }
    .sec-courtyard dl dd {
        padding: 3.33333vw 0;
    }
}

.information-detail__title {
    border-bottom: 1px solid #d69417;
}

.information-detail__title h4 {
    color: #b79800;
}

.information-detail__desc {
    color: #d69417;
}

.information-detail__content h3 {
    text-align: left;
}

.information-detail__content .video {
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
}

.information-detail__content .video .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
}

.information-detail__content .video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.information-detail__content .map-container {
    overflow: hidden;
}

.information-detail__action {
    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;
}

.information-detail__action li:not(.button) a {
    color: #d69417;
    text-decoration: underline;
}

.information-detail__action li:not(.button) a:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    .information-detail__title {
        margin-bottom: 60px;
    }
    .information-detail__title .list-info {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-right: 2px;
    }
    .information-detail__title .list-info .date {
        width: 137px;
        height: 30px;
        font-size: 16px;
    }
    .information-detail__title h4 {
        line-height: 1.33333;
        letter-spacing: 2.6px;
    }
    .information-detail__desc {
        width: 80%;
        max-width: 792px;
        margin: 0 auto 75px;
        letter-spacing: 1.7px;
        line-height: 1.9;
    }
    .information-detail__desc p:not(:last-child) {
        margin-bottom: 32px;
    }
    .information-detail__content h3 {
        margin-bottom: 20px;
        letter-spacing: 3.2px;
    }
    .information-detail__content .video {
        padding-top: 42%;
        margin-bottom: 60px;
        border-radius: 30px;
    }
    .information-detail__content .video.is-play-video {
        padding-top: 56.2%;
    }
    .information-detail__content .video.is-play-video .btn-play {
        opacity: 0;
        visibility: hidden;
    }
    .information-detail__content .map-container {
        padding-top: 42%;
        border-radius: 30px;
    }
    .information-detail__action {
        margin-top: 58px;
    }
    .information-detail__action li:not(.button) a img {
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }
    .information-detail__action li.button {
        width: 32%;
    }
    .information-detail__action li.button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 285px;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .information-detail__title {
        padding-bottom: 20px;
    }
    .information-detail__title h4 {
        font-size: 24px;
    }
    .information-detail__content .video .btn-play {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .information-detail__title {
        padding-bottom: 12px;
    }
    .information-detail__title h4 {
        font-size: 18px;
    }
    .information-detail__content .video .btn-play {
        width: 60px;
        height: 60px;
    }
}

@media (max-width: 767px) {
    .information-detail__title {
        margin-bottom: 6.93333vw;
    }
    .information-detail__title .list-info {
        margin-bottom: 1.06667vw;
    }
    .information-detail__title .list-info .date {
        width: 24vw;
        letter-spacing: 0.30667vw;
    }
    .information-detail__title .list-info .cat {
        letter-spacing: 0.26667vw;
    }
    .information-detail__title h4 {
        font-size: 4vw;
        line-height: 1.66667;
        letter-spacing: 0.41333vw;
        padding-bottom: 4.8vw;
    }
    .information-detail__desc {
        margin-bottom: 9.86667vw;
        letter-spacing: 0.32vw;
    }
    .information-detail__desc p:not(:last-child) {
        margin-bottom: 4vw;
    }
    .information-detail__content h3 {
        font-size: 4vw;
        line-height: 1.06667;
        margin-bottom: 5.33333vw;
        letter-spacing: 0.48vw;
        text-align: center;
        color: #b79800;
    }
    .information-detail__content .video {
        padding-top: 42%;
        margin-bottom: 10.4vw;
        border-radius: 4vw;
    }
    .information-detail__content .video .btn-play {
        width: 10.66667vw;
        height: 10.66667vw;
    }
    .information-detail__content .video.is-play-video {
        padding-top: 56.2%;
    }
    .information-detail__content .video.is-play-video .btn-play {
        opacity: 0;
        visibility: hidden;
    }
    .information-detail__content .map-container {
        padding-top: 0;
        height: 60vw;
    }
    .information-detail__action {
        margin-top: 5.33333vw;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .information-detail__action li:not(.button) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .information-detail__action li:not(.button) a img {
        width: 4.26667vw;
        height: 4.26667vw;
        margin-right: 2vw;
    }
    .information-detail__action li.button {
        width: 100%;
        margin-bottom: 6vw;
    }
    .information-detail__action li.button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
    }
}

.sec-list__info .info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url('/upload/tenant_1/social_bg001_yellow.webp');
    
    color: #454443;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.sec-list__info .info-item__icon {
    width: 23.5%;
    margin-right: 5%;
    height: 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-right: 1px solid rgba(95, 71, 49, 0.3);
}

.sec-list__info .info-item__text {
    width: 74%;
    padding-right: 7%;
}

.sec-list__info .info-item:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

.sec-service-content h3 {
    border-bottom: 1px solid rgba(69, 68, 67, 0.2);
}

.sec-service-content .sec-service-content__info {
    margin: 0 auto;
}

.sec-service-content .sec-service-content__info .txt-info {
    background-color: rgba(241, 164, 16, 0.4);
    
    text-align: center;
    line-height: 1.2;
}

.sec-service-content .sec-service-content__info .txt-info span {
    color: #e59620;
}

.sec-service-content .sec-service-content__thumb {
    position: relative;
    z-index: 0;
}

.sec-service-content .sec-service-content__thumb img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
}
.sec-service-content .sec-service-content__thumb .consult {
    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;
    position: absolute;
    left: 0;
    
    color: #ffffff;
    background-color: #decd0f;
    border-radius: 50%;
    z-index: 1;
}

.sec-service-content .sec-service-content__thumb .consult:after {
    content: '';
    position: absolute;
    border: 1px dashed #fff;
    border-radius: 50%;
}

.sec-service-content .sec-service-content__banner h4 {
    background: none;
    color: #454443;
    border-radius: 0;
    padding: 0;
}

.sec-service-content .sec-service-content__banner .button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sec-service-content .sec-service-content__banner .thumb {
    margin-left: 30px;
}

.sec-service-content .sec-service-content__banner .thumb img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
}
.sec-service-content .sec-service-content__banner--first {
    background: url('/upload/tenant_1/services_bg001_yellow.webp') no-repeat center center/cover;
}

.sec-service-content .sec-service-content__item h4 {
    border-bottom: 1px solid #bfbfbf;
}

.sec-service-content .sec-service-content__item .list-check {
    display: table;
}

.sec-service-content .list-check li {
    position: relative;
}

.sec-service-content .list-check li img {
    position: absolute;
    left: 0;
}

@media (min-width: 768px) {
    .sec-list__info h2 {
        margin-bottom: 57px;
    }
    .sec-list__info .info-item {
        line-height: 1.33333;
        -webkit-box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
        box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
        letter-spacing: 1.8px;
    }
    .sec-list__info .info-item__icon {
        max-height: 30px;
    }
    .sec-list__info .info-item__icon img {
        width: auto;
        max-height: 40px;
        max-width: 40px;
    }
    .sec-list__info .info-item__icon img[src$=".svg"] {
        max-height: 35px;
        max-width: 35px;
    }
    .sec-service-content .row:not(:last-child) {
        margin-bottom: 121px;
    }
    .sec-service-content .col-md-12 {
        margin-top: 50px;
    }
    .sec-service-content .col-md-6:nth-child(n+3) {
        margin-top: 87px;
    }
    .sec-service-content h3 {
        margin-bottom: 51px;
        padding-bottom: 19px;
        letter-spacing: 0.5px;
        text-align: center;
    }
    .sec-service-content .sec-service-content__info {
        max-width: 500px;
        width: 90%;
        letter-spacing: 0.2px;
        padding-left: 17px;
        -webkit-transform: translateY(-14px);
        transform: translateY(-14px);
        line-height: 1.92;
    }
    .sec-service-content .sec-service-content__info .txt-info {
        max-width: 375px;
        border-radius: 26px;
        height: 52px;
        padding: 6px 20px;
        line-height: 1.2;
        margin-top: 30px;
    }
    .sec-service-content .sec-service-content__info .txt-info span {
        font-size: 30px;
    }
    .sec-service-content .sec-service-content__thumb.thumb-consult {
        margin-top: 19px;
    }
    .sec-service-content .sec-service-content__thumb .consult {
        width: 115px;
        height: 115px;
        font-size: 18px;
        top: -20px;
    }
    .sec-service-content .sec-service-content__thumb .consult:after {
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
    }
    .sec-service-content .sec-service-content__banner {
        border-radius: 30px;
        min-height: 446px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 30px 6%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: auto;
    }
    .sec-service-content .sec-service-content__banner__info {
        max-width: 475px;
        letter-spacing: 0;
        line-height: 1.875;
        max-width: 100%;
    }
    .sec-service-content .sec-service-content__banner h4 {
        margin-bottom: 30px;
        font-size: 30px;
        letter-spacing: 2.5px;
        line-height: 1.4;
    }
    .sec-service-content .sec-service-content__banner .button {
        margin-top: 30px;
    }
    .sec-service-content .sec-service-content__banner .button a {
        max-width: 282px;
    }
    .sec-service-content .sec-service-content__item {
        max-width: 489px;
        margin: 0 auto;
    }
    .sec-service-content .sec-service-content__item .sec-service-content__thumb {
        margin-bottom: 27px;
        padding: 0 24px;
    }
    .sec-service-content .sec-service-content__item .sec-service-content__info {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
    }
    .sec-service-content .sec-service-content__item h4 {
        font-size: 30px;
        line-height: 1.53333;
        padding: 0 40px 11px 15px;
        margin-bottom: 18px;
        letter-spacing: 3px;
    }
    .sec-service-content .sec-service-content__item .list-check {
        display: table;
        margin: 0 auto 9px;
    }
    .sec-service-content .sec-service-content__item .desc {
        padding: 0 15px;
        letter-spacing: -0.5px;
    }
    .sec-service-content .list-check {
        margin-bottom: 30px;
        letter-spacing: 1.4px;
    }
}

@media (min-width: 992px) {
    .sec-list__info [class*="col-"]:nth-child(n+5) {
        margin-top: 20px;
    }
    .sec-service-content .list-check {
        font-size: 24px;
    }
    .sec-service-content .list-check li {
        padding-left: 44px;
    }
    .sec-service-content .list-check li img {
        max-width: 24px;
        top: 13px;
    }
    .sec-service-content .sec-service-content__banner__info {
        /* width: 45%;*/
    }
}

@media (min-width: 1200px) {
    .sec-list__info .info-item {
        min-height: 70px;
        border-radius: 35px;
        font-size: 18px;
    }
}

@media (max-width: 1480px) and (min-width: 992px) {
    .sec-list__info .info-item {
        min-height: 60px;
        border-radius: 30px;
        font-size: 14px;
    }
    .sec-service-content .sec-service-content__banner {
        min-height: 370px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .sec-list__info [class*="col-"]:nth-child(n+3) {
        margin-top: 20px;
    }
    .sec-list__info .info-item {
        height: 70px;
        border-radius: 35px;
        font-size: 18px;
    }
    .sec-service-content .list-check {
        font-size: 18px;
    }
    .sec-service-content .list-check li {
        padding-left: 38px;
    }
    .sec-service-content .list-check li img {
        max-width: 20px;
        top: 8px;
    }
    .sec-service-content .sec-service-content__info .txt-info {
        padding: 10px 15px;
    }
    .sec-service-content .sec-service-content__info .txt-info span {
        font-size: 24px;
    }
    .sec-service-content .sec-service-content__banner {
        min-height: 350px;
    }
    .sec-service-content .sec-service-content__banner h4 {
        font-size: 24px;
    }
    .sec-service-content .sec-service-content__banner__info {
        /* width: 50%;*/
    }
    .sec-service-content .sec-service-content__item h4 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .sec-list__info .sec__title {
        margin-bottom: 10vw;
    }
    .sec-list__info .col-md-6 {
        width: calc((100% - 4vw) / 2);
    }
    .sec-list__info .col-md-6:not(:nth-child(2n)) {
        margin-right: 4vw;
        padding-right: 0;
    }
    .sec-list__info .col-md-6:nth-child(2n) {
        padding-left: 0;
    }
    .sec-list__info .col-md-6:nth-child(n+3) {
        margin-top: 4vw;
    }
    .sec-list__info .info-item {
        -webkit-box-shadow: 0.4vw 0.66667vw 0.66667vw 0px rgba(63, 41, 29, 0.4);
        box-shadow: 0.4vw 0.66667vw 0.66667vw 0px rgba(63, 41, 29, 0.4);
        letter-spacing: 0.13333vw;
        height: 10.66667vw;
        border-radius: 5.33333vw;
        font-size: 3.2vw;
    }
    .sec-list__info .info-item__icon {
        width: 9.6vw;
        margin-right: 1.6vw;
        max-height: 4.4vw;
    }
    .sec-list__info .info-item__icon img {
        width: auto;
        max-height: 6.66667vw;
        max-width: 6.66667vw;
    }
    .sec-list__info .info-item__text {
        width: calc(100% - 11.2vw);
        padding-right: 1.6vw;
        letter-spacing: normal;
        line-height: 1.2;
    }
    .sec-service-content .row:not(:last-child) {
        margin-bottom: 17.86667vw;
    }
    .sec-service-content .row:not(.align-items-center) .col-md-6:not(:last-child) {
        margin-bottom: 18.4vw;
    }
    .sec-service-content .col-md-12 {
        margin-top: 7.06667vw;
    }
    .sec-service-content h3 {
        letter-spacing: -0.18667vw;
        padding-bottom: 1.06667vw;
        margin-bottom: 4.66667vw;
    }
    .sec-service-content .sec-service-content__thumb {
        margin-bottom: 3.46667vw;
    }
    .sec-service-content .sec-service-content__thumb.thumb-consult {
        margin-top: 1.06667vw;
    }
    .sec-service-content .sec-service-content__thumb .consult {
        position: relative;
        width: 18.53333vw;
        height: 18.53333vw;
    }
    .sec-service-content .sec-service-content__thumb .consult:after {
        top: 0.66667vw;
        left: 0.66667vw;
        right: 0.66667vw;
        bottom: 0.66667vw;
    }
    .sec-service-content .sec-service-content__thumb .consult~img {
        margin-top: -13.33333vw;
    }
    .sec-service-content .sec-service-content__info {
        letter-spacing: 0.05333vw;
    }
    .sec-service-content .sec-service-content__info .txt-info {
        height: 8.26667vw;
        margin-top: 3.33333vw;
        border-radius: 4.26667vw;
        padding: 0.66667vw 2.66667vw;
        letter-spacing: 0.26667vw;
    }
    .sec-service-content .sec-service-content__info .txt-info span {
        font-size: 5.33333vw;
    }
    .sec-service-content .sec-service-content__banner {
        border-radius: 4vw;
        padding: 4.8vw 5.33333vw 6.66667vw;
        letter-spacing: 0.08vw;
    }
    .sec-service-content .sec-service-content__banner h4 {
        font-size: 5.33333vw;
        margin-bottom: 2.66667vw;
        letter-spacing: 0.48vw;
    }
    .sec-service-content .sec-service-content__banner .button {
        margin-top: 3.33333vw;
    }
    .sec-service-content .sec-service-content__banner .thumb {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        text-align: center;
        margin-top: 7.33333vw;
        margin-left: 0;
    }
    .sec-service-content .sec-service-content__item .sec-service-content__thumb {
        text-align: center;
        margin-bottom: 2.66667vw;
        padding-right: 4.26667vw;
    }
    .sec-service-content .sec-service-content__item .sec-service-content__thumb img {
        width: 62.53333vw;
    }
    .sec-service-content .sec-service-content__item h4 {
        font-size: 5.33333vw;
        line-height: 1.5;
        padding-bottom: 0.66667vw;
        margin-bottom: 3.33333vw;
        letter-spacing: 0.93333vw;
    }
    .sec-service-content .list-check {
        font-size: 4.8vw;
        margin-bottom: 2.13333vw;
    }
    .sec-service-content .list-check li {
        padding-left: 8.53333vw;
    }
    .sec-service-content .list-check li img {
        width: 4.66667vw;
        top: 2vw;
    }
}

.sec-staff__introduction.has-bg {
    background: url('/upload/tenant_1/staff_bg001_yellow.webp') no-repeat center center;
    background-size: 100% 100%;
}

.sec-staff__introduction h3,
.sec-staff_recruit h3 {
    text-align: left;
}

.sec-staff__introduction .staff-avatar img,
.sec-staff_recruit .staff-avatar img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/upload/tenant_1/img_mask03.webp');/*MASK-IMG-DATA*/
    mask-image: url('/upload/tenant_1/img_mask03.webp');/*MASK-IMG-DATA*/
}

.sec-staff__list__item {
    background-color: #ffffff;
}

.sec-staff__list__item h4 {
    border-bottom: 1px solid #b8afa8;
}

.sec-staff__list__item h4 strong {
    display: block;
}

.sec-staff__list__item .item-thumb img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
}

.sec-staff__list__pic {
    text-align: center;
}

.sec-staff__list__pic img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/upload/tenant_1/img_mask04.webp');/*MASK-IMG-DATA*/
    /* mask-image: url('//upload/tenant_1/img_mask04.webp'); *//*MASK-IMG-DATA*/
}

.sec-staff__job dl {
    background-color: #ffffff;
}

.sec-staff__job dl dt {
    clear: left;
    float: left;
    color: #e59620;
}

.sec-staff__job dl dt:first-child {
    padding-top: 0;
}

.sec-staff__job dl dd {
    border-bottom: 1px solid #454443;
}

.sec-staff__job dl dd:nth-child(2) {
    padding-top: 0;
}

.sec-staff__job dl dd a {
    color: #454443;
}

.sec-staff__pic {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sec-staff__pic img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/upload/tenant_1/img_mask04.webp');/*MASK-IMG-DATA*/
    mask-image: url('/upload/tenant_1/img_mask04.webp');/*MASK-IMG-DATA*/
}

@media (min-width: 768px) {
    .sec-staff__info {
        letter-spacing: 1.8px;
        line-height: 1.9;
    }
    .sec-staff__info .sec__title {
        margin-bottom: 47px;
    }
    .sec-staff__introduction {
        letter-spacing: 1.5px;
        line-height: 1.875;
    }
    .sec-staff__introduction.has-bg {
        padding: 165px 0 185px;
    }
    .sec-staff__introduction .sec__title {
        margin-bottom: 62px;
    }
    .sec-staff__introduction .row:not(:last-child) {
        margin-bottom: 48px;
    }
    .sec-staff__introduction h3,
    .sec-staff_recruit h3 {
        margin-bottom: 20px;
        line-height: 1.4;
        letter-spacing: 3px;
    }
    .sec-staff__introduction p:not(:last-child),
    .sec-staff_recruit p:not(:last-child) {
        margin-bottom: 30px;
    }
    .sec-staff__introduction .staff-avatar {
        margin: 0 auto 42px;
        padding-left: 6%;
        padding-top: 3%;
        text-align: center;
    }
    .sec-staff__introduction .staff-info {
        line-height: 1.3;
    }
    .sec-staff__introduction .staff-info p:not(:last-child) {
        margin-bottom: 0;
    }
    .sec-staff__introduction .staff-info__position {
        display: table;
        width: 137px;
        margin: 0 auto 15px !important;
        border-bottom: 1px solid #b6aea4;
        padding-bottom: 15px;
    }
    .sec-staff__introduction .staff-info__address {
        font-size: 12px;
    }
    .sec-staff__introduction .staff-info__address span+span {
        margin-left: 25px;
    }
    .sec-staff__introduction .staff-info__name {
        font-size: 40px;
        letter-spacing: 5px;
    }
    .sec-staff__introduction--profile {
        position: relative;
        padding-top: 36px;
    }
    .sec-staff__introduction--profile.row:not(:last-child) {
        margin-bottom: 200px;
    }
    .sec-staff__introduction--profile:before {
        content: '';
        display: block;
        position: absolute;
        width: calc(100% - 24px);
        left: 12px;
        top: 0;
        border-top: 1px solid #454443;
    }
    .sec-staff__introduction--profile h3 {
        padding-left: 22px;
        letter-spacing: 2px;
        margin-bottom: 13px;
    }
    .sec-staff__introduction--profile .list-info {
        padding: 0 20px 0 22px;
    }
    .sec-staff__introduction--profile .list-info li {
        position: relative;
        padding-left: 25px;
    }
    .sec-staff__introduction--profile .list-info li+li {
        margin-top: 12px;
    }
    .sec-staff__introduction--profile .list-info li:before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background-color: #decd0f;
        border-radius: 50%;
        left: 0;
        top: 11px;
    }
    .sec-staff__introduction--profile .list-info li span,
    .sec-staff__introduction--profile .list-info li .time {
        margin-right: 35px;
    }
    .sec-staff__list .row:not(:last-child) {
        margin-bottom: 79px;
    }
    .sec-staff__list .col-md-8+.col-md-12 {
        margin-top: 35px;
    }
    .sec-staff__list .col-md-4:nth-child(n+4) {
        margin-top: 33px;
    }
    .sec-staff__list .sec__title {
        margin-bottom: 40px;
    }
    .sec-staff__list__info {
        letter-spacing: 1.55px;
        line-height: 1.9;
    }
    .sec-staff__list h3 {
        margin-bottom: 29px;
    }
    .sec-staff__list__item {
        border-radius: 30px;
    }
    .sec-staff__list__item .item-thumb {
        margin-bottom: 18px;
        text-align: center;
    }
    .sec-staff__list__item .item-content {
        letter-spacing: 1.8px;
        line-height: 1.9;
    }
    .sec-staff__list__item .item-content h4 {
        padding-bottom: 14px;
        line-height: 1.62;
        margin-bottom: 12px;
        text-align: center;
        font-weight: normal;
    }
    .sec-staff__list__item .item-content h4 strong {
        font-size: 24px;
        letter-spacing: 5px;
    }
    .sec-staff__job {
        letter-spacing: 1.7px;
    }
    .sec-staff__job .sec__title {
        margin-bottom: 43px;
    }
    .sec-staff__job dl {
        margin-top: 30px;
        border-radius: 30px;
    }
    .sec-staff__job dl dt {
        margin: 0;
        padding: 15px 10px 15px 3px;
    }
    .sec-staff__job dl dt:first-child {
        padding-top: 0;
    }
    .sec-staff__job dl dd {
        padding: 15px 8px 15px 0;
    }
    .sec-staff__job dl dd:nth-child(2) {
        padding-top: 0;
    }
}

@media (min-width: 992px) {
    .sec-staff__list__item {
        padding: 30px 30px 55px;
    }
    .sec-staff__job dl {
        padding: 80px 10%;
    }
    .sec-staff__job dl dt {
        width: 200px;
    }
    .sec-staff__job dl dt+dd {
        padding-left: 200px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .sec-staff__introduction--profile h3 {
        padding: 0;
    }
    .sec-staff__introduction--profile .list-info {
        padding: 0;
        letter-spacing: 0;
    }
    .sec-staff__introduction--profile .list-info li {
        padding-left: 18px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .sec-staff__introduction {
        font-size: 14px;
    }
    .sec-staff__introduction h3,
    .sec-staff_recruit h3 {
        font-size: 20px;
    }
    .sec-staff__introduction p:not(:last-child) {
        margin-bottom: 20px;
    }
    .sec-staff__introduction .staff-info__name {
        font-size: 34px;
    }
    .sec-staff__introduction--profile h3 {
        padding: 0;
        font-size: 20px;
    }
    .sec-staff__introduction--profile .list-info {
        padding: 0;
        letter-spacing: 0;
    }
    .sec-staff__introduction--profile .list-info li {
        padding-left: 18px;
    }
    .sec-staff__introduction--profile .list-info li:before {
        top: 8px;
    }
    .sec-staff__introduction--profile .list-info li span {
        display: block;
    }
    .sec-staff__introduction--profile .list-info li span.time {
        margin: 0;
    }
    .sec-staff__list__item {
        padding: 15px 15px 30px;
    }
    .sec-staff__list__item .item-content h4 strong {
        font-size: 20px;
    }
    .sec-staff__job dl {
        padding: 60px 6%;
    }
    .sec-staff__job dl dt {
        width: 160px;
    }
    .sec-staff__job dl dt+dd {
        padding-left: 160px;
    }
}

@media (max-width: 767px) {
    .sec-staff__info {
        letter-spacing: 0.29333vw;
    }
    .sec-staff__info .sec__title {
        margin-bottom: 5.33333vw;
    }
    .sec-staff__introduction {
        letter-spacing: 0.26667vw;
    }
    .sec-staff__introduction.has-bg {
        background: url('/upload/tenant_1/sp_staff_bg001_yellow.webp') no-repeat center center;
        background-size: 100% 100%;
        padding: 24.53333vw 0 20.53333vw;
    }
    .sec-staff__introduction .row:not(:last-child) {
        margin-bottom: 8.10811vw;
    }
    .sec-staff__introduction h3 {
        font-size: 6vw;
        margin-bottom: 3.33333vw;
        letter-spacing: 1.5px;
        line-height: 1.6;
        text-align: center;
    }
    .sec-staff__introduction p:not(:last-child) {
        margin-bottom: 4.66667vw;
    }
    .sec-staff__introduction .staff-avatar {
        width: 66.66667vw;
        margin: 0 auto 2.93333vw;
    }
    .sec-staff__introduction .staff-info {
        line-height: 1.42;
        margin-bottom: 10.66667vw;
    }
    .sec-staff__introduction .staff-info .staff-info__name {
        letter-spacing: 0.53333vw;
    }
    .sec-staff__introduction .staff-info p:not(:last-child) {
        margin-bottom: 0;
    }
    .sec-staff__introduction .staff-info__position {
        display: table;
        width: 18.26667vw;
        font-size: 3.2vw;
        margin: 0 auto 1.33333vw !important;
        border-bottom: 1px solid #b6aea4;
        padding-bottom: 1.33333vw;
    }
    .sec-staff__introduction .staff-info__address {
        font-size: 2.4vw;
    }
    .sec-staff__introduction .staff-info__address span+span {
        margin-left: 2vw;
    }
    .sec-staff__introduction .staff-info__name {
        font-size: 6.66667vw;
    }
    .sec-staff__introduction--profile {
        position: relative;
        padding-top: 6.66667vw;
    }
    .sec-staff__introduction--profile.row:not(:last-child) {
        margin-bottom: 60px;
    }
    .sec-staff__introduction--profile:before {
        content: '';
        display: block;
        position: absolute;
        width: calc(100% - 4vw);
        left: 2vw;
        top: 0;
        border-top: 1px solid #454443;
    }
    .sec-staff__introduction--profile [class*="col-"] {
        margin-bottom: 6.66667vw;
    }
    .sec-staff__introduction--profile .list-info {
        padding-bottom: 6.66667vw;
        border-bottom: 1px solid #454443;
    }
    .sec-staff__introduction--profile .list-info li {
        position: relative;
        padding-left: 5.33333vw;
    }
    .sec-staff__introduction--profile .list-info li+li {
        margin-top: 3.46667vw;
    }
    .sec-staff__introduction--profile .list-info li:before {
        content: '';
        position: absolute;
        width: 1.6vw;
        height: 1.6vw;
        background-color: #be724a;
        border-radius: 50%;
        left: 0;
        top: 1.46667vw;
    }
    .sec-staff__introduction--profile .list-info li span,
    .sec-staff__introduction--profile .list-info li .time {
        margin-right: 6vw;
    }
    .sec-staff__list .row:not(:last-child) {
        margin-bottom: 17.33333vw;
    }
    .sec-staff__list .col-md-8+.col-md-12 {
        margin-top: 5.33333vw;
    }
    .sec-staff__list .col-md-4:not(:last-child) {
        margin-bottom: 5.33333vw;
    }
    .sec-staff__list__info {
        letter-spacing: 0.27027vw;
    }
    .sec-staff__list h3 {
        margin-bottom: 4.66667vw;
    }
    .sec-staff__list__item {
        border-radius: 4vw;
        padding: 7.33333vw 6.66667vw;
    }
    .sec-staff__list__item .item-thumb {
        margin-bottom: 3.33333vw;
        text-align: center;
    }
    .sec-staff__list__item .item-content {
        letter-spacing: 0.26667vw;
    }
    .sec-staff__list__item .item-content h4 {
        padding-bottom: 2vw;
        line-height: 1.4;
        margin-bottom: 3.33333vw;
        text-align: center;
        font-weight: normal;
        font-size: 2.93333vw;
    }
    .sec-staff__list__item .item-content h4 strong {
        font-size: 4vw;
    }
    .sec-staff__job {
        letter-spacing: 0.26667vw;
    }
    .sec-staff__job .sec__title {
        margin-bottom: 4.26667vw;
    }
    .sec-staff__job dl {
        margin-top: 4vw;
        border-radius: 4vw;
        padding: 4.66667vw 4vw 8vw;
        letter-spacing: 0.4vw;
    }
    .sec-staff__job dl dt {
        width: 36vw;
        margin: 0;
        padding: 3.33333vw 1.33333vw 3.33333vw 0;
    }
    .sec-staff__job dl dt:first-child {
        padding-top: 0;
    }
    .sec-staff__job dl dt+dd {
        padding-left: 36vw;
    }
    .sec-staff__job dl dd {
        padding: 3.33333vw 0 3.33333vw 0;
    }
    .sec-staff__job dl dd:nth-child(2) {
        padding-top: 0;
    }
}

.sub-staff-box+.sub-staff-box {
    margin-top: 30px;
}

.c-flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

body#p-second:not(.p-access):not(.p-services):not(.p-facilities):not(.p-staff) .l-footer-reserve {
    margin-top: 0;
}

#main {
    margin-top: 0 !important;
}

@media only screen and (max-width: 768px) {
    #main .sec-free .container {
        padding-right: 0px;
        padding-left: 0px;
    }
}


/* ---------------------------------------------------------
 *	wp-block-uagb-advanced-heading ※タイトル
 *---------------------------------------------------------- */

#main .wp-block-uagb-advanced-heading {
    text-align: center;
}


/* ---------------------------------------------------------
 *	uagb-heading-text ※タイトル
 *---------------------------------------------------------- */

#main h2.uagb-heading-text {
    font-size: 36px;
    margin: 0 auto;
    display: block;
    position: relative;
    color: #b79800;
    padding: 0 0 20px;
    z-index: 0;
}

#main h2.uagb-heading-text:after {
    content: '';
    position: absolute;
    background-color: #e59620;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
    height: 2px;
}

@media only screen and (max-width: 768px) {
    #main h2.uagb-heading-text {
        font-size: 5vw;
        padding: 0 0 30px;
        display: block;
    }
    #main h2.uagb-heading-text::after {
        width: 13.33333vw;
        height: 0.26667vw;
    }
}

@media only screen and (max-width: 480px) {
    #main h2.uagb-heading-text {
        font-size: 7vw;
    }
}


/* ---------------------------------------------------------
 *	uagb-desc-text ※テキスト
 *---------------------------------------------------------- */

#main .uagb-desc-text {
    margin-top: 50px;
    font-size: 1.2rem;
}

#main .uagb-desc-text::before {
    display: none;
}

@media only screen and (max-width: 768px) {
    #main .uagb-desc-text {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 480px) {
    #main .uagb-desc-text {
        font-size: 1.0rem;
    }
}


/* ---------------------------------------------------------
 *	wp-block-buttons ※ボタンブロック
 *---------------------------------------------------------- */

#main .wp-block-buttons {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: normal;
    -moz-column-gap: normal;
    column-gap: normal;
}

@media only screen and (max-width: 768px) {
    #main .wp-block-buttons {
        margin-top: 30px;
        font-size: 3.8vw;
    }
}


/* ---------------------------------------------------------
 *	wp-block-button ※ボタン
 *---------------------------------------------------------- */

#main .wp-block-button {
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
    max-width: 23%;
    margin: 0 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#main .wp-block-button:not(:nth-of-type(4n-3)) {
    margin-left: 2.6%;
}

@media only screen and (max-width: 1023px) {
    #main .wp-block-button {
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
        max-width: 31%;
    }
    #main .wp-block-button:not(:nth-of-type(4n-3)) {
        margin-left: 0%;
    }
    #main .wp-block-button:not(:nth-of-type(3n-2)) {
        margin-left: 3.5%;
    }
}

@media only screen and (max-width: 768px) {
    #main .wp-block-button {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        max-width: 48%;
        margin: 0 0 10px 0;
    }
    #main .wp-block-button:not(:nth-of-type(3n-2)) {
        margin-left: 0%;
    }
    #main .wp-block-button:nth-of-type(even) {
        margin-left: 3%;
    }
}


/* ---------------------------------------------------------
 *	wp-block-image ※image
 *---------------------------------------------------------- */

#main .wp-block-image {
    overflow: hidden;
}

#main .wp-block-image img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/upload/tenant_1/img_mask01.webp');/*MASK-IMG-DATA*/
    mask-image: url('/upload/tenant_1/img_mask01.webp');/*MASK-IMG-DATA*/
    height: auto !important;
}


/* ---------------------------------------------------------
 *	wp-block-button__link ※ボタンリンク
 *---------------------------------------------------------- */

#main .wp-block-button__link {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    position: relative;
    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;
    word-break: break-all;
    background: url('/upload/tenant_1/button_web_yellow.webp');
    border-radius: 100px;
    min-height: 60px;
    text-align: center;
    color: #ffffff;
    padding: 10px 30px 10px 20px;
    line-height: 1.4;
    -webkit-box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
    box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    letter-spacing: 1px;
}

#main .wp-block-button__link:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: url('/upload/tenant_1/arrow_yellow.webp') no-repeat center center/cover;
}

#main .wp-block-button__link:hover {
    text-decoration: none;
}

#main .wp-block-button__link:hover:after {
    right: 5px;
}

@media (min-width: 768px) {
    #main .wp-block-button__link:after {
        width: 20px;
        height: 20px;
        right: 10px;
    }
}

@media (max-width: 767px) {
    #main .wp-block-button__link:after {
        width: 4.26667vw;
        height: 4.26667vw;
        right: 2.4vw;
    }
}


/* ---------------------------------------------------------
 *	.wp-block-uagb-section ※セクション
 *---------------------------------------------------------- */

#main .wp-block-uagb-section {
    margin-top: 150px;
    max-width: none;
    line-height: 1.4;
    overflow: hidden;
}

#main .wp-block-uagb-section p {
    line-height: 1.4;
}

#main .wp-block-uagb-section h3 {
    font-size: 28px;
}

#main .wp-block-uagb-section h4 {
    font-size: 24px;
}

@media only screen and (max-width: 1023px) {
    #main .wp-block-uagb-section {
        margin-top: 100px;
    }
}

@media only screen and (max-width: 768px) {
    #main .wp-block-uagb-section {
        margin-top: 70px;
    }
    #main .wp-block-uagb-section h3 {
        font-size: 24px;
    }
    #main .wp-block-uagb-section h4 {
        font-size: 20px;
    }
}


/* ---------------------------------------------------------
 *	.uagb-section__inner-wrap ※セクション 要素
 *---------------------------------------------------------- */

#main .uagb-section__inner-wrap {
    max-width: 1224px;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
}

#main .uagb-section__inner-wrap p,
#main .uagb-section__inner-wrap figure {
    margin-top: 20px;
    line-height: 1.6;
}

#main .uagb-section__inner-wrap ul {
    margin-top: 20px;
}

#main .uagb-section__inner-wrap ul li {
    position: relative;
    padding-left: 2rem;
    font-size: 1.2rem;
    
    text-align: left;
}

#main .uagb-section__inner-wrap ul li+li {
    margin-top: 10px;
}

#main .uagb-section__inner-wrap ul li::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 8px;
    left: 5px;
    border-radius: 10px;
    background-color: #FF8266;
}

@media only screen and (max-width: 768px) {
    #main .uagb-section__inner-wrap p {
        text-align: left;
    }
    #main .uagb-section__inner-wrap ul li {
        font-size: 1.2rem;
    }
}


/* ---------------------------------------------------------
 *	.wp-block-media-text ※メディアブロック
 *---------------------------------------------------------- */

#main .wp-block-media-text {
    margin-top: 50px;
}

@media only screen and (max-width: 768px) {
    #main .wp-block-media-text {
        margin-top: 20px;
    }
}


/* ---------------------------------------------------------
 *	.wp-block-media-text__media ※メディアブロック img
 *---------------------------------------------------------- */

#main .wp-block-media-text__media {
    overflow: hidden;
}

#main .wp-block-media-text__media img {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
    mask-image: url('/import/tenant_1/www.canary-dc.net/images/img_mask01.webp');
    height: auto !important;
}


/* ---------------------------------------------------------
 *	.wp-block-media-text__content ※メディアブロック
 *---------------------------------------------------------- */

#main .wp-block-media-text__content h3 {
    font-size: 28px;
}

#main .wp-block-media-text__content h4 {
    font-size: 24px;
}

@media only screen and (max-width: 600px) {
    #main .wp-block-media-text__content {
        padding: 0;
    }
    #main .wp-block-media-text__content h3 {
        font-size: 24px;
    }
    #main .wp-block-media-text__content h4 {
        font-size: 20px;
    }
}


/* ---------------------------------------------------------
 *	.uagb-separator-wrap ※セパレーター　枠
 *---------------------------------------------------------- */

#main .uagb-separator-wrap {
    display: none;
}

#main .uagb-separator-wrap+.uagb-desc-text {
    margin-top: 50px;
}

@media only screen and (max-width: 768px) {
    #main .uagb-separator-wrap+.uagb-desc-text {
        margin-top: 40px;
    }
}


/* ---------------------------------------------------------
 *	.uagb-separator ※セパレーター　子
 *---------------------------------------------------------- */

#main .uagb-separator {
    border-color: #d69417;
}


/* ---------------------------------------------------------
 *	.wp-block-uagb-icon-list ※アイコン付きリスト 枠
 *---------------------------------------------------------- */

#main .wp-block-uagb-icon-list {
    margin-top: 30px;
}

#main .uagb-icon-list__outer-wrap .uagb-icon-list__wrapper {
    margin-left: 0;
    margin-right: 0;
    display: block;
}

#main .uagb-icon-list__outer-wrap .uagb-icon-list__wrap {
    display: block;
}

#main .uagb-icon-list__outer-wrap .uagb-icon-list__wrap .uagb-icon-list__content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


/* ---------------------------------------------------------
 *	.uagb-icon-list__wrapper ※アイコン付きリスト　枠2
 *---------------------------------------------------------- */

#main .uagb-icon-list__outer-wrap .uagb-icon-list__source-icon svg {
    width: 20px;
}

#main .uagb-icon-list__wrapper {
    margin-bottom: 0 !important;
    font-size: 1.8rem;
}


/* ---------------------------------------------------------
 *	.wp-block-uagb-icon-list-child ※アイコン付きリスト　子
 *---------------------------------------------------------- */

#main .wp-block-uagb-icon-list-child {
    margin-bottom: 0 !important;
}

#main .wp-block-uagb-icon-list-child+.wp-block-uagb-icon-list-child {
    margin-top: 10px;
}


/* ---------------------------------------------------------
 *	.uagb-icon-list__label ※アイコン付きリスト　子span
 *---------------------------------------------------------- */

#main .uagb-icon-list__label {
    font-size: 1.2rem;
    
}


/* ---------------------------------------------------------
 *	.wp-block-table ※アイコン付きリスト　子span
 *---------------------------------------------------------- */

#main .wp-block-table.is-style-stripes {
    border-bottom: none;
}

#main .wp-block-table table {
    width: 100%;
    border-collapse: collapse;
}

#main .wp-block-table table th,
#main .wp-block-table table td {
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
    font-size: 1.0rem;
}

#main .wp-block-table table thead th {
    border-bottom: 1px solid #bfbfbf;
}

#main .wp-block-table table thead th:not(:last-child) {
    border-right: 1px solid #bfbfbf;
}

#main .wp-block-table table tbody th {
    
    color: #e59620;
}

#main .wp-block-table table tbody tr:not(:last-child) th,
#main .wp-block-table table tbody tr:not(:last-child) td {
    border-bottom: 1px solid #bfbfbf;
}

#main .wp-block-table table tbody tr th:not(:last-child),
#main .wp-block-table table tbody tr td:not(:last-child) {
    border-right: 1px solid #bfbfbf;
}

@media (min-width: 768px) {
    #main .wp-block-table table th,
    #main .wp-block-table table td {
        padding: 11px 22px;
        letter-spacing: 1.8px;
    }
    #main .wp-block-table table tbody tr:first-child th:first-child,
    #main .wp-block-table table tbody tr:first-child td:first-child {
        border-top-left-radius: 20px;
    }
    #main .wp-block-table table tbody tr:first-child th:last-child,
    #main .wp-block-table table tbody tr:first-child td:last-child {
        border-top-right-radius: 20px;
    }
    #main .wp-block-table table tbody tr:last-child th:first-child,
    #main .wp-block-table table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 20px;
    }
    #main .wp-block-table table tbody tr:last-child th:last-child,
    #main .wp-block-table table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 20px;
    }
}

@media (max-width: 1480px) and (min-width: 1024px) {
    #main .wp-block-table table th,
    #main .wp-block-table table td {
        padding: 11px 12px;
    }
}

@media (min-width: 1200px) {
    #main .wp-block-table table {
        font-size: 22px;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    #main .wp-block-table table th,
    #main .wp-block-table table td {
        padding: 11px 12px;
        letter-spacing: 0;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #main .wp-block-table table {
        font-size: 20px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #main .wp-block-table table {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    #main .wp-block-table table {
        font-size: 2.93333vw;
    }
    #main .wp-block-table table th,
    #main .wp-block-table table td {
        padding: 1.33333vw 2vw;
        font-size: .8rem;
    }
    #main .wp-block-table table tbody tr:first-child th:first-child,
    #main .wp-block-table table tbody tr:first-child td:first-child {
        border-top-left-radius: 2.66667vw;
    }
    #main .wp-block-table table tbody tr:first-child th:last-child,
    #main .wp-block-table table tbody tr:first-child td:last-child {
        border-top-right-radius: 2.66667vw;
    }
    #main .wp-block-table table tbody tr:last-child th:first-child,
    #main .wp-block-table table tbody tr:last-child td:first-child {
        border-bottom-left-radius: 2.66667vw;
    }
    #main .wp-block-table table tbody tr:last-child th:last-child,
    #main .wp-block-table table tbody tr:last-child td:last-child {
        border-bottom-right-radius: 2.66667vw;
    }
}


/* ---------------------------------------------------------
 *	.p-flowchart ※フローチャート
 *---------------------------------------------------------- */

#main .p-flowchart .wp-block-media-text {
    padding: 0 20px 20px 20px;
    counter-increment: cnt;
    position: relative;
    z-index: 0;
    background-color: rgba(255, 255, 255, 0.3);
    content: counter(cnt);
    border-radius: 20px;
}

#main .p-flowchart .wp-block-media-text::before {
    width: 100px;
    height: 100px;
    content: "0" counter(cnt);
    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;
    position: absolute;
    left: 0;
    top: 0;
    letter-spacing: 5px;
    color: #ffffff;
    background-color: #e59620;
    border-radius: 50%;
    z-index: 1;
    font-size: 32px;
    padding-top: 20px;
    font-family: "FOT-ハミング Std B";
}

#main .p-flowchart .wp-block-media-text:after {
    content: '[ STEP ]';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 90px;
    height: 90px;
    border: 1px dashed #fff;
    border-radius: 50%;
    z-index: 1;
    font-size: 0.6rem;
    color: #ffffff;
    font-family: "FOT-ハミング Std B";
    text-align: center;
    padding-top: 24px;
    letter-spacing: 2px;
}

@media only screen and (max-width: 1023px) {
    #main .p-flowchart .wp-block-media-text {
        padding: 0 80px 20px 20px;
    }
}

@media only screen and (max-width: 768px) {
    #main .p-flowchart .wp-block-group {
        margin-top: 80px;
    }
    #main .p-flowchart .wp-block-media-text {
        margin-top: 80px;
        padding: 0 20px 20px;
        display: block;
        border-radius: 10px;
    }
    #main .p-flowchart .wp-block-media-text::before {
        width: 90px;
        height: 90px;
        font-size: 28px;
        padding-top: 20px;
    }
    #main .p-flowchart .wp-block-media-text:after {
        width: 80px;
        height: 80px;
        font-size: 0.4rem;
        padding-top: 16px;
    }
    #main .p-flowchart .wp-block-media-text__content {
        margin-top: 20px;
    }
}


/* ---------------------------------------------------------
 *	.p-verticalFlat ※フラットレイアウト　縦Ver
 *---------------------------------------------------------- */

#main .p-verticalFlat .wp-block-media-text__content h3,
#main .p-verticalFlat .wp-block-media-text__content h4 {
    font-size: 1.6rem;
}

#main .p-verticalFlat .wp-block-media-text__content p {
    font-size: 1.2rem;
}

#main .p-verticalFlat .wp-block-media-text {
    padding: 0 20px 20px;
    -ms-grid-columns: 40% auto !important;
    grid-template-columns: 40% auto !important;
}

@media only screen and (max-width: 768px) {
    #main .p-verticalFlat .wp-block-media-text__content {
        margin-top: 20px;
    }
    #main .p-verticalFlat .wp-block-media-text__content h3,
    #main .p-verticalFlat .wp-block-media-text__content h4 {
        font-size: 1.2rem;
    }
    #main .p-verticalFlat .wp-block-media-text__content p {
        font-size: 1rem;
    }
    #main .p-verticalFlat .wp-block-media-text {
        -ms-grid-columns: auto auto !important;
        grid-template-columns: auto auto !important;
    }
}


/* ---------------------------------------------------------
 *	.p-horizontalFlat ※フラットレイアウト 横Ver
 *---------------------------------------------------------- */

#main .p-horizontalFlat .uagb-section__inner-wrap>.wp-block-columns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#main .p-horizontalFlat .uagb-section__inner-wrap>.wp-block-columns:after {
    content: "";
    display: block;
    width: 31%;
    height: 0;
}

#main .p-horizontalFlat .wp-block-column {
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-bottom: 40px;
    padding: 40px 20px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
}

#main .p-horizontalFlat .wp-block-column:not(:first-child) {
    margin-left: 0;
}

#main .p-horizontalFlat .wp-block-column h3,
#main .p-horizontalFlat .wp-block-column h4 {
    font-size: 2.0rem;
}

#main .p-horizontalFlat .wp-block-column p {
    font-size: 1.0rem;
}

@media only screen and (max-width: 768px) {
    #main .p-horizontalFlat .uagb-section__inner-wrap .wp-block-column {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        padding: 20px;
        margin-top: 20px;
        border-radius: 10px;
    }
    #main .p-horizontalFlat .uagb-section__inner-wrap .wp-block-column h3,
    #main .p-horizontalFlat .uagb-section__inner-wrap .wp-block-column h4 {
        font-size: 1.6rem;
    }
}


/* ---------------------------------------------------------
 *	mwform
 *---------------------------------------------------------- */

#main .mw_wp_form {
    max-width: 800px;
    margin: 0 auto 0;
    padding: 50px 0;
    font-size: 1.0rem;
    text-align: left;
}

#main .mw_wp_form form>p {
    line-height: 1.8;
}

@media only screen and (max-width: 1023px) {
    #main .mw_wp_form {
        padding: 50px 15px;
    }
}

#main .mw_wp_form input[type="submit"] {
    cursor: pointer;
    margin-top: 30px;
    text-align: center;
    display: inline-block;
    min-width: 220px;
    padding: 15px 20px;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: #d69417;
    color: #fff;
    line-height: 1.4;
    font-size: 1.6rem;
    border: none;
}

#main .mw_wp_form input[type="submit"].is-hover,
#main .mw_wp_form input[type="submit"]:hover {
    background-color: #d69417;
}

@media only screen and (max-width: 768px) {
    #main .mw_wp_form input[type="submit"] {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 480px) {
    #main .mw_wp_form input[type="submit"] {
        font-size: 3.8vw;
    }
}

@media only screen and (max-width: 1023px) {
    #main .mw_wp_form input[name*="postcode"],
    #main .mw_wp_form input[name*="tel"] {
        max-width: 26vw;
    }
}

#main .mw_wp_form .mwform-checkbox-field,
#main .mw_wp_form .mwform-radio-field {
    margin-right: 20px;
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    #main .mw_wp_form .mwform-checkbox-field,
    #main .mw_wp_form .mwform-radio-field {
        margin: 0 10px 0 0;
    }
}

#main .mw_wp_form form>p>input[type="text"],
#main .mw_wp_form form>p>input[type="email"],
#main .mw_wp_form textarea {
    width: 100%;
}


/* ---------------------------------------------------------
 *	記事
 *---------------------------------------------------------- */

.information-detail__content {
    max-width: 1224px;
    margin: 20px auto 0;
    font-size: 1.2rem;
}

.information-detail__content p,
.information-detail__content div,
.information-detail__content table,
.information-detail__content img,
.information-detail__content ul,
.information-detail__content ol {
    margin-bottom: 30px;
}

.information-detail__content table {
    border-top: 1px solid #e59620;
    border-left: 1px solid #e59620;
}

.information-detail__content table th {
    background-color: #adadad;
}

.information-detail__content table td,
.information-detail__content table th {
    font-size: 1.2rem;
    padding: 5px 10px;
    border-bottom: 1px solid #e59620;
    border-right: 1px solid #e59620;
}

.information-detail__content h1,
.information-detail__content h2,
.information-detail__content h3,
.information-detail__content h4,
.information-detail__content h5,
.information-detail__content h6 {
    font-weight: 700;
    margin-bottom: 3rem;
    line-height: 1.4;
}

.information-detail__content h1 {
    font-size: 2.6rem;
    border-bottom: 3px solid #d69417;
    position: relative;
    padding-bottom: 10px;
}

.information-detail__content h2 {
    font-size: 2.4rem;
    border-bottom: 3px solid #e59620;
    position: relative;
    padding-bottom: 10px;
    color: #b79800;
}

.information-detail__content h2::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 200px;
    height: 3px;
    background-color: #d69417;
}

.information-detail__content h3 {
    font-size: 2.2rem;
    padding-bottom: 10px;
    border-bottom: 3px solid #e59620;
}

.information-detail__content h4 {
    font-size: 2.0rem;
    padding-bottom: 10px;
    border-bottom: 2px solid #e59620;
}

.information-detail__content h5 {
    font-size: 1.8rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #e59620;
}

.information-detail__content h6 {
    font-size: 1.6rem;
    padding-bottom: 5px;
    border-bottom: 1px solid #e59620;
}

.information-detail__content a {
    text-decoration: underline;
    color: #0070c9;
}

.information-detail__content a:hover {
    text-decoration: none;
}

.information-detail__content .aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.information-detail__content .alignleft {
    display: block;
}

.information-detail__content .alignright {
    margin-left: auto;
    display: block;
}

.information-detail__content ul li {
    list-style-type: disc;
    list-style-position: inside;
}

.information-detail__content ol li {
    list-style-type: decimal;
    list-style-position: inside;
}

.information-detail__content .googlemap {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    height: 0;
    overflow: hidden;
    padding-bottom: 45.75%;
    position: relative;
}

.information-detail__content .googlemap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.information-detail__content .youtube {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    padding-top: 45.75%;
}

.information-detail__content .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

@media only screen and (max-width: 1023px) {
    .information-detail__content .googlemap {
        padding-top: 50%;
    }
    .information-detail__content .youtube {
        padding-top: 56.25%;
    }
}

@media only screen and (max-width: 768px) {
    .information-detail__content {
        margin: 20px auto 0;
        overflow: hidden;
    }
    .information-detail__content h1,
    .information-detail__content h2,
    .information-detail__content h3,
    .information-detail__content h4,
    .information-detail__content h5,
    .information-detail__content h6 {
        margin-bottom: 2rem;
    }
    .information-detail__content h1 {
        font-size: 2.2rem;
        padding-bottom: 10px;
    }
    .information-detail__content h1::before {
        width: 100px;
    }
    .information-detail__content h2 {
        font-size: 2.0rem;
    }
    .information-detail__content h2::before {
        width: 50px;
    }
    .information-detail__content h3 {
        font-size: 1.8rem;
        padding-bottom: 5px;
    }
    .information-detail__content h4 {
        font-size: 1.6rem;
        padding-bottom: 5px;
    }
    .information-detail__content h5 {
        font-size: 1.4rem;
        padding-bottom: 5px;
    }
    .information-detail__content h6 {
        font-size: 1.4rem;
        padding-bottom: 5px;
    }
}


/*20220613追加*/

.txt-c {
    text-align: center;
}

.mb2em {
    margin-bottom: 2em;
}

.mb4em {
    margin-bottom: 4em;
}

.mt2em {
    margin-top: 2em;
}

.mt1em {
    margin-top: 1em;
}

#main .sec-staff_recruit .wp-block-table table td {
    text-align: left;
}

#main .sec-staff_recruit .wp-block-table table td a {
    color: #d69417;
}

#main .sec-staff_recruit .wp-block-table table {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.w50 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 2em;
}

.row.social {
    justify-content: space-around;
}

@media only screen and (max-width: 768px) {
    #main .sec-staff_recruit .wp-block-table table {
        width: auto;
    }
    .w50 {
        width: auto;
    }
    .sec-mainvisual .main-banner .slick-slide>img {
        /* transform: translateX(-12%); */
    }
}


/*20220616追加*/

.c-preopen_txt {
    text-align: center;
}

.va-c {
    align-items: center;
}

.sec-courtyard dl dt+dd br:not(:first-child) {
    display: none;
}

.sec-mainvisual .main-banner .slick-dots {
    display: none;
}

/*20220721追加*/
.sp_only {
    display: none;
}
@media only screen and (max-width: 768px) {
    .sp_only {
        display: block;
        margin-top: 2rem;
    }
    
}

/* 220903追加 */
.sec-information h2 {
    margin-bottom: 60px;
}
.sec-information h3 {
    border-bottom: 1px solid #454443;
    padding-bottom: 10px;
    font-size: 20px;
    margin-bottom: 10px;
}
.sec-information .row {
    background-color: #ffffff;
    border-radius: 34px;
    padding: 30px 10px;
    justify-content: center;
    column-gap: 22px;
}
.sec-information .col-md-6 {
    flex: 0 0 46%;
    max-width: 46%;
}
footer .row-center {
    justify-content: center;
}
.page-title__equipments {
    background-image: url('/upload/tenant_1/equipments_title_bg.webp');
}
.sec-opening .c-preopen_list {
    text-decoration: none;
}
.sec-emphasis {
    color: #454443;
}
.banner-area {
    max-width: 500px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
}
.banner-area img {
    width: 100%;
    height: auto;
}
.sec-banner-area {
    margin-bottom: 80px;
    margin-top: -30px;
}
.sec-news .sec-news-item a {
    pointer-events: none;
}
.sec-accessmap .sec-accessmap__wrap .sec-accessmap__main02 {
    height: auto;
    padding-bottom: 30px;
    text-align: center;
    margin-top: 60px;
}
.sec-accessmap__main02 img {
    width: 100%;
    max-width: 600px;
    height: auto;
}
@media only screen and (max-width: 768px) {
    .sec-information .row {
        display: block;
        padding: 20px 10px;
        margin-right: 0;
        margin-left: 0;
    }
    .sec-information h3 {
        padding-bottom: 8px;
        font-size: 18px;
        margin-bottom: 8px;
    }
    .sec-information .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sec-information h2 {
        margin-bottom: 20px;
    }
    .sec-information .col-md-6:nth-of-type(2) {
        margin-top: 25px;
    }
    .sec-banner-area {
        margin-bottom: 50px;
        margin-top: -30px;
    }
    .sec-accessmap .sec-accessmap__wrap .sec-accessmap__main02 {
        height: auto;
        padding-bottom: 0;
        margin-top: 30px;
    }
}


.sec-news .sec-news-item:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.sec-news .sec-news-item a {
pointer-events: auto;
}

body.information h1 span.news-date {
display: inline-block;
font-size: 18px;
margin-bottom: 4px;
}
@media only screen and (max-width: 768px) {
body.information h1 span.news-date {
font-size: 16px;
}
body.information h1.item-content__title {
padding-bottom: 16px;
}
}




.follow {
--button-size: 60px;
position: fixed;
right: 0;
bottom: 180px;
z-index: 2;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
@media only screen and (max-width: 768px) {
.follow {
bottom: 100px;
}
}

.follow.is-true {
-webkit-transform: translateX(calc(100% - var(--button-size)));
transform: translateX(calc(100% - var(--button-size)));
}

.follow.is-true .follow__button__icon::before {
-webkit-transform: scale(-1, 1) translateX(50%);
transform: scale(-1, 1) translateX(50%);
-webkit-animation: 2s infinite forwards running return;
animation: 2s infinite forwards running return;
}

.follow__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
background-color: #d69417;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
overflow: hidden;
}
.follow.is-true:not(.follow2) .follow__inner {
background-color: rgba(214, 148, 23,.7);
}

.follow__button {
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;
width: var(--button-size);
padding: 8px;
background-color: transparent;
cursor: pointer;
outline: none;
border: none;
border-right: 1px solid #fff;
-webkit-transition: all .15s;
transition: all .15s;
}

.follow__button:hover {
background-color: #d69417;
}

.follow__button__icon {
max-width: 30px;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
letter-spacing: 5px;
position: relative;
padding-bottom: 30px;
}

.follow__button__icon::before {
content: '';
bottom: 6px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
width: 20px;
height: 20px;
-webkit-transition: all .3s;
transition: all .3s;
background-image: url('/import/tenant_1/www.canary-dc.net/images/angle-double-right.svg');
background-repeat: no-repeat;
background-size: 100%;
-webkit-animation: 2s infinite 2s forwards running expansion;
animation: 2s infinite 2s forwards running expansion;
}

.follow__main {
position: relative;
padding: 1em;
font-size: 13px;
}

.follow__tel {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
padding-bottom: .5em;
text-align: center;
font-size: 1.1em;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", "Noto Serif JP", serif;
}

.follow__tel-number {
color: #d69417;
font-size: 1.5em;
}

.follow table {
margin-top: 0 !important;
background-color: transparent;
}

.follow th, .follow td {
padding: .2em .6em;
border-bottom-color: #d69417;
}

.follow .c-access_att {
margin-top: .5em;
}

.follow .c-access_att > li {
line-height: 1.4;
}

.follow .c-access_att > li + li {
margin-top: .25em;
}

@media only screen and (max-width: 1215px) {
.follow {
margin: 0;
padding: 0;
--button-size: 60px;
}
}

@media only screen and (max-width: 768px) {
.follow__button__icon {
max-width: 20px;
font-size: .9rem;
line-height: 1.2;
padding-top: 8px;
}
.follow__main {
padding-top: .7em;
padding-bottom: .7em;
padding-left: .5em;
padding-right: .5em;
font-size: 11px;
}
.follow__tel {
display: none;
}
.follow th, .follow td {
padding: .2em .4em;
}
.follow .c-access_table, .follow .c-access_att {
font-size: inherit;
}
}

@-webkit-keyframes expansion {
0% {
left: 50%;
}
80% {
left: calc(50% + 10px);
opacity: 0;
}
100% {
left: calc(50% + 10px);
opacity: 0;
}
}

@keyframes expansion {
0% {
left: 50%;
}
80% {
left: calc(50% + 10px);
opacity: 0;
}
100% {
left: calc(50% + 10px);
opacity: 0;
}
}

@-webkit-keyframes return {
0% {
left: 50%;
}
80% {
left: calc(50% - 10px);
opacity: 0;
}
100% {
left: calc(50% - 10px);
opacity: 0;
}
}

@keyframes return {
0% {
left: 50%;
}
80% {
left: calc(50% - 10px);
opacity: 0;
}
100% {
left: calc(50% - 10px);
opacity: 0;
}
}

#fixedMenu_web {
width: 60px;
position: fixed;
right: 0;
bottom: 380px;
z-index: 3;
border-radius: 10px 0 0 10px;
background-color: rgba(214, 148, 23,.9);
}

#fixedMenu_web a {
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;
width: 60px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: upright;
text-orientation: upright;
padding: 30px 10px;
letter-spacing: 5px;
color: #fff;
}

#fixedMenu_web a:hover {
background-color: rgba(255, 255, 255, 0.2);
}

@media only screen and (max-width: 768px) {
#fixedMenu_web {
display: none;
}
}


:root {
/*--notice: #ff104d;*/
--notice: #92502c;
}
b.parking {
font-size: 1.7em;
color: var(--notice);
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}

body.access b.parking.mt {
font-size: 1.7em;
margin-top: 48px;
display: inline-block;
}
@media only screen and (min-width: 769px) {
body.access b.parking.mt {
margin-top: 64px;
font-size: 2em;
}
}
body.access .sec-traffic__info b.parking {
display: inline;
font-size: 1.4em;
}
.text-align {
text-align: center;
}
.sec-accessmap .sec-accessmap__wrap .sec-accessmap__main02 {
margin-top: 16px;
}
body.home .company-info strong.btn,
strong.side-btn {
background: url('/upload/tenant_1/sp_opening_bg01_yellow.webp') no-repeat center center;
background-size: cover;
display: inline-block;
padding: 6px 24px;
margin: 8px 16px;
box-sizing: border-box;
border-radius: 16px;
text-align: center;
font-size: 1.8em;
color: var(--notice);
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
body.home .company-info strong.btn a,
strong.side-btn a {
color: var(--notice) !important;
text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
strong.side-btn {
display: inline-block;
width: auto;
font-size: 18px;
text-align: left;
padding: 0;
background: transparent;
margin: 0;
}
@media only screen and (min-width: 769px) {
strong.side-btn,
header b.parking {
margin: 0 !important;
font-size: 18px;
}
header b.parking {
margin-top: 16px !important;
}
}

.no-flex-shrink {
flex-shrink: 0;
}

.follow b.parking {
font-size: 1.4em !important;
color: white !important;
}

p.info b.parking {
font-size: 1.4em !important;
}

@media only screen and (max-width: 768px) {
.follow2 {
display: none;
}
#telBtn {
border-left: 0;
}
.pagetop {
border-top: 1px solid white;
}
}
/*20230328編集*/
.bnr img{
	width: 70%;
    margin: 0 auto;
    display: block;
}
@media only screen and (max-width: 768px) {
.bnr img{
	width: 100%;
    margin: 0 auto;
    display: block;
}
}
/*20230613編集*/
.yoyaku{
	/*max-width: 600px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
	background: url('/import/tenant_1/www.canary-dc.net/images/button_web_yellow_f1c910.png');
	border-radius: 30px;
    padding: 30px;
	margin-bottom: 80px;
	-webkit-box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
    box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
	    max-width: 580px;*/
		    max-width: 420px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    background: url('/upload/tenant_1/button_web_yellow_f1c910.webp');
    border-radius: 30px;
    padding: 20px 30px;
    margin-bottom: 80px;
    -webkit-box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);
    box-shadow: 3px 5px 5px 0px rgba(63, 41, 29, 0.4);

}
.yoyaku img{
/*width: 150px;
margin-top: 10px;*/
width: 90px;
margin-right: 10px;
}
.yoyaku a{
	width:100%;
	display: flex;
	text-decoration: none;
	justify-content: center;
}
.yoyaku p{
    display: block;
    text-align: center;
    font-size: 26px;
	color: #007bff;
	margin-right:10px;
}
.yoyaku p span{
display: block;
    color: #454443;
    font-size: 17px;
    text-align: left;
	}
@media only screen and (max-width: 768px) {
.yoyaku{
    padding: 15px;
}
.yoyaku p {
    font-size: 22px;
}
.yoyaku p span{
    font-size: 16px;
}
.yoyaku img{
width: 70px;
    margin-right: 20px;
	margin-top:0;
}
}


.breadcrumbs-list *{
  color: #454443!important;
}