@charset "UTF-8";
@charset "UTF-8";

   html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust: 100%; word-break: break-word;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
*,
::before,
::after {
background-repeat: no-repeat; -webkit-box-sizing: inherit;
box-sizing: inherit;
}
::before,
::after {
text-decoration: inherit; vertical-align: inherit;
}
* {
padding: 0; margin: 0;
} hr {
overflow: visible; height: 0; }
details,
main {
display: block; }
summary {
display: list-item; }
small {
font-size: 80%; }
[hidden] {
display: none; }
abbr[title] {
border-bottom: none;  text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
a {
background-color: transparent; }
a:active,
a:hover {
outline-width: 0; }
code,
kbd,
pre,
samp {
font-family: -apple-system, BlinkMacSystemFont, YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', sans-serif; }
pre {
font-size: 1em; }
b,
strong {
font-weight: bolder; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
} input {
border-radius: 0;
} [disabled] {
cursor: default;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
overflow: auto; resize: vertical; }
button,
input,
optgroup,
select,
textarea {
font: inherit; }
optgroup {
font-weight: bold; }
button {
overflow: visible; }
button,
select {
text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
color: inherit;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
} select {
-moz-appearance: none; -webkit-appearance: none; }
select::-ms-expand {
display: none; }
select::-ms-value {
color: currentColor; }
legend {
border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; max-width: 100%; }
::-webkit-file-upload-button { -webkit-appearance: button;
color: inherit;
font: inherit; } img {
border-style: none; } progress {
vertical-align: baseline;
}
svg:not([fill]) {
fill: currentColor;
}  @media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
} [aria-busy="true"] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled] {
cursor: default;
} html {
overflow-x: hidden;
}
body {
font-family: -apple-system, BlinkMacSystemFont, YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', sans-serif;
color: #333;
overflow-x: hidden;
line-height: 1.7;
min-width: 1280px;
}
@media screen and (max-width: 768px) {
body {
min-width: 100%;
}
}
@media screen and (min-width: 769px) {
html,
body,
a {
cursor: none;
}
}
a,
input,
button {
text-decoration: none;
color: inherit;
outline: none;
}
img {
vertical-align: middle;
}
figure {
margin: 0;
padding: 0;
}
input,
textarea {
outline: none;
}
li {
list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
.c-loading {
position: fixed;
z-index: 999999;
background-color: #fff;
width: 100vw;
height: 100vh;
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;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.c-loading_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
}
.c-loading.hide {
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
}
.c-loading img:first-of-type {
top: 24px;
position: relative;
left: -8px;
width: 105%;
}
.c-loading img:last-of-type {
-webkit-animation: rotate 2s infinite linear;
animation: rotate 2s infinite linear;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.c-word_block {
display: inline-block !important;
}
#c-cursor,
#c-stalker {
position: fixed;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
border-radius: 1000px;
}
#c-cursor {
background: #333;
width: 5px;
height: 5px;
z-index: 9999999;
}
@media screen and (max-width: 768px) {
#c-cursor {
display: none;
}
}
#c-cursor.active {
opacity: 0;
}
#c-stalker {
-webkit-transition-duration: .1s;
transition-duration: .1s;
width: 40px;
height: 40px;
border: 1px solid #333;
z-index: 999999;
}
@media screen and (max-width: 768px) {
#c-stalker {
display: none;
}
}
#c-stalker.active {
width: 70px;
height: 70px;
background-color: #333;
opacity: 0.3;
-webkit-transition: all .1s;
transition: all .1s;
}
.c-btn {
width: 260px;
height: 50px;
border-radius: 1000px;
display: block;
text-align: center;
font-size: 15px;
line-height: 50px;
font-weight: bold;
position: relative;
}
@media screen and (max-width: 768px) {
.c-btn {
font-size: 4.6875vw;
}
}
@media screen and (max-width: 768px) {
.c-btn {
width: 80vw;
height: 15vw;
line-height: 15vw;
}
}
.c-btn:after {
position: absolute;
content: "";
width: 0;
height: 0;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
right: 20px;
}
@media screen and (max-width: 768px) {
.c-btn:after {
right: 7.03125vw;
}
}
.c-btn-gradient {
color: #fff;
background: -webkit-gradient(linear, left top, right top, from(#4380B8), to(#BEBCCC));
background: linear-gradient(to right, #4380B8, #BEBCCC);
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.c-btn-gradient {
-webkit-box-shadow: 0 0.9375vw 6.25vw rgba(0, 0, 0, 0.1);
box-shadow: 0 0.9375vw 6.25vw rgba(0, 0, 0, 0.1);
}
}
.c-btn-gradient:after {
border-width: 6px;
border-style: solid;
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #fff;
border-left-color: #fff;
right: 20px;
}
@media screen and (max-width: 768px) {
.c-btn-gradient:after {
border-width: 1.5625vw;
}
}
@media screen and (max-width: 768px) {
.c-btn-gradient:after {
right: 7.03125vw;
}
}
.c-btn-ghost {
border: 2px solid #333;
}
.c-btn-ghost:after {
border-width: 6px;
border-style: solid;
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #333;
border-left-color: #333;
right: 20px;
}
@media screen and (max-width: 768px) {
.c-btn-ghost:after {
border-width: 1.5625vw;
}
}
@media screen and (max-width: 768px) {
.c-btn-ghost:after {
right: 7.03125vw;
}
}
.c-btn-recruit {
color: #fff;
background: -webkit-gradient(linear, left top, right top, from(#9DC02E), to(#54B461));
background: linear-gradient(to right, #9DC02E, #54B461);
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
}
.c-btn-recruit:after {
border-width: 6px;
border-style: solid;
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #fff;
border-left-color: #fff;
}
@media screen and (max-width: 768px) {
.c-btn-recruit:after {
border-width: 1.5625vw;
}
}
.c-title {
text-align: center;
letter-spacing: 0.15rem;
}
.c-title h2 {
font-weight: bold;
}
.c-title_ja {
display: inline-block;
font-size: 32px;
line-height: 1.3;
padding-left: 90px;
}
@media screen and (max-width: 768px) {
.c-title_ja {
font-size: 10vw;
}
}
@media screen and (max-width: 768px) {
.c-title_ja {
font-size: 23px;
padding-left: 18.75vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-title_ja {
font-size: 7.1875vw;
}
}
.c-title_ja.keyColor01 {
position: relative;
}
.c-title_ja.keyColor01:before, .c-title_ja.keyColor01:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor01:before, .c-title_ja.keyColor01:after {
top: 0;
}
}
.c-title_ja.keyColor01:before {
border-width: 16px 28px;
border-color: transparent rgba(181, 57, 57, 0.5) rgba(181, 57, 57, 0.5) transparent;
left: 0;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor01:before {
border-width: 3.75vw 6.5625vw;
}
}
.c-title_ja.keyColor01:after {
border-width: 16px;
border-color: transparent #B53939 #B53939 transparent;
left: 25px;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor01:after {
border-width: 3.75vw;
left: 5.9375vw;
}
}
.c-title_ja.keyColor02 {
position: relative;
}
.c-title_ja.keyColor02:before, .c-title_ja.keyColor02:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor02:before, .c-title_ja.keyColor02:after {
top: 0;
}
}
.c-title_ja.keyColor02:before {
border-width: 16px 28px;
border-color: transparent rgba(59, 83, 167, 0.5) rgba(59, 83, 167, 0.5) transparent;
left: 0;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor02:before {
border-width: 3.75vw 6.5625vw;
}
}
.c-title_ja.keyColor02:after {
border-width: 16px;
border-color: transparent #3B53A7 #3B53A7 transparent;
left: 25px;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor02:after {
border-width: 3.75vw;
left: 5.9375vw;
}
}
.c-title_ja.keyColor03 {
position: relative;
}
.c-title_ja.keyColor03:before, .c-title_ja.keyColor03:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor03:before, .c-title_ja.keyColor03:after {
top: 0;
}
}
.c-title_ja.keyColor03:before {
border-width: 16px 28px;
border-color: transparent rgba(245, 200, 96, 0.5) rgba(245, 200, 96, 0.5) transparent;
left: 0;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor03:before {
border-width: 3.75vw 6.5625vw;
}
}
.c-title_ja.keyColor03:after {
border-width: 16px;
border-color: transparent #F5C860 #F5C860 transparent;
left: 25px;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor03:after {
border-width: 3.75vw;
left: 5.9375vw;
}
}
.c-title_ja.keyColor04 {
position: relative;
}
.c-title_ja.keyColor04:before, .c-title_ja.keyColor04:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor04:before, .c-title_ja.keyColor04:after {
top: 0;
}
}
.c-title_ja.keyColor04:before {
border-width: 16px 28px;
border-color: transparent rgba(157, 192, 46, 0.5) rgba(157, 192, 46, 0.5) transparent;
left: 0;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor04:before {
border-width: 3.75vw 6.5625vw;
}
}
.c-title_ja.keyColor04:after {
border-width: 16px;
border-color: transparent #9DC02E #9DC02E transparent;
left: 25px;
}
@media screen and (max-width: 768px) {
.c-title_ja.keyColor04:after {
border-width: 3.75vw;
left: 5.9375vw;
}
}
.c-title_en {
display: block;
font-size: 16px;
margin-top: 10px;
font-weight: normal !important;
}
@media screen and (max-width: 768px) {
.c-title_en {
font-size: 5vw;
}
}
@media screen and (max-width: 768px) {
.c-title_en {
font-size: 13px;
margin-top: 0;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-title_en {
font-size: 4.0625vw;
}
}
.c-sortBtn {
width: 100%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold;
font-size: 20px;
padding: 25px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.c-sortBtn {
font-size: 6.25vw;
}
}
@media screen and (max-width: 768px) {
.c-sortBtn {
font-size: 14px;
padding: 4.6875vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-sortBtn {
font-size: 4.375vw;
}
}
.c-sortBtn:after {
content: "";
width: 10px;
height: 10px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.c-sortBtn-event {
color: #333;
background-color: rgba(157, 192, 46, 0.5);
}
.c-sortBtn-event:after {
border-top: 3px solid #333;
border-right: 3px solid #333;
}
.c-sortBtn-blog {
color: #fff;
background-color: #6E7AA5;
}
.c-sortBtn-blog:after {
border-top: 3px solid #fff;
border-right: 3px solid #fff;
}
.c-catBadge {
color: #fff;
background-color: #3B53A7;
border-radius: 1000px;
padding: 7px 20px;
font-size: 13px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c-catBadge {
font-size: 4.0625vw;
}
}
@media screen and (max-width: 768px) {
.c-catBadge {
padding: 1.17188vw 4.6875vw;
font-size: 11px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-catBadge {
font-size: 3.4375vw;
}
}
.wp-pagenavi {
margin-top: 40px;
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;
}
.wp-pagenavi .page, .wp-pagenavi .current, .wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
text-align: center;
background-color: #dedede;
display: inline-block;
font-size: 13px;
font-weight: 600;
margin: 0 10px;
}
.wp-pagenavi .current {
background-color: #3B53A7;
color: #ffffff;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
width: auto;
border-radius: 0;
padding: 0 20px;
background-color: #dedede;
}
.c-header {
position: fixed;
margin-left: auto;
margin-right: auto;
width: 1280px;
left: 0;
right: 0;
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;
top: 40px;
background-color: #fff;
z-index: 9999;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.c-header.topFix {
top: 0;
width: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.c-header.topFix .c-header_logo {
-webkit-transition: all 0.3s;
transition: all 0.3s;
margin-left: 10px;
}
@media screen and (max-width: 768px) {
.c-header {
width: 100%;
display: block;
top: 0;
padding-bottom: 2.34375vw;
}
}
.c-header_logo {
display: block;
width: 202px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.c-header_logo {
width: 120px;
margin-top: 10px;
margin-left: 10px;
}
}
.c-header_logo img {
width: 100%;
}
.c-header_bar {
width: 40px;
height: 40px;
position: fixed;
right: 10px;
top: 10px;
padding: 12px 10px;
}
.c-header_bar span {
display: block;
width: 20px;
height: 1px;
background-color: #6F7579;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.c-header_bar span.first {
margin-bottom: 7px;
}
.c-header_bar span.third {
margin-top: 7px;
}
.c-header_bar.show span {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.c-header_bar.show span.first {
-webkit-transform: rotate(45deg) translateY(6px) translateX(5px);
transform: rotate(45deg) translateY(6px) translateX(5px);
}
.c-header_bar.show span.second {
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.c-header_bar.show span.third {
-webkit-transform: rotate(-45deg) translateY(-6px) translateX(5px);
transform: rotate(-45deg) translateY(-6px) translateX(5px);
}
.c-header_menus {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 15px;
font-weight: bold;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.c-header_menus {
font-size: 4.6875vw;
}
}
@media screen and (max-width: 768px) {
.c-header_menus {
font-size: 12px;
margin-top: 15px;
display: block;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-header_menus {
font-size: 3.75vw;
}
}
@media screen and (max-width: 768px) {
.c-header_menus_wrapper {
display: none;
}
}
.c-header_menus_menu:not(:last-of-type) {
margin-right: 33px;
}
@media screen and (max-width: 768px) {
.c-header_menus_menu:not(:last-of-type) {
margin-right: 0;
}
}
.c-header_menus_menu:nth-of-type(8) {
margin-right: 0;
}
.c-header_menus_menu a {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 33px;
padding-bottom: 33px;
}
@media screen and (max-width: 768px) {
.c-header_menus_menu a {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 14px;
border-top: 1px solid rgba(111, 117, 121, 0.5);
}
}
.c-header_menus_menu a.contact, .c-header_menus_menu a.shop {
color: #fff;
padding-left: 14px;
padding-right: 14px;
}
.c-header_menus_menu a.contact {
background: -webkit-gradient(linear, left top, left bottom, from(#6F5CF5), to(#4380B8));
background: linear-gradient(to bottom, #6F5CF5, #4380B8);
}
.c-header_menus_menu a.shop {
background: -webkit-gradient(linear, left top, left bottom, from(#B54624), to(#B52C02));
background: linear-gradient(to bottom, #B54624, #B52C02);
}
.c-footer_message {
width: 100%;
min-width: 1280px;
color: #fff;
padding-top: 114px;
padding-bottom: 109px;
background: url(//care-design.jp/cms/wp-content/themes/caredesign/img/common/image_footer.png) no-repeat;
background-position: center center;
background-size: cover;
text-align: center;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c-footer_message {
min-width: unset;
padding: 9.375vw 4.6875vw;
}
}
.c-footer_message_title {
font-size: 32px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c-footer_message_title {
font-size: 10vw;
}
}
@media screen and (max-width: 768px) {
.c-footer_message_title {
font-size: 20px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-footer_message_title {
font-size: 6.25vw;
}
}
.c-footer_message_text {
margin-top: 45px;
font-size: 18px;
}
@media screen and (max-width: 768px) {
.c-footer_message_text {
font-size: 5.625vw;
}
}
@media screen and (max-width: 768px) {
.c-footer_message_text {
margin-top: 7.03125vw;
text-align: left;
font-size: 14px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-footer_message_text {
font-size: 4.375vw;
}
}
.c-footer_message_btns {
margin-top: 33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.c-footer_message_btns {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.c-footer_message_btn:first-of-type {
margin-right: 60px;
}
@media screen and (max-width: 768px) {
.c-footer_message_btn:first-of-type {
margin-right: 0;
}
}
.c-footer_message_btn a {
width: 380px;
height: 90px;
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;
border-radius: 1000px;
border: 5px solid #fff;
font-size: 18px;
position: relative;
}
@media screen and (max-width: 768px) {
.c-footer_message_btn a {
font-size: 5.625vw;
}
}
@media screen and (max-width: 768px) {
.c-footer_message_btn a {
width: 44vw;
height: 15vw;
border-width: 2px;
font-size: 13px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-footer_message_btn a {
font-size: 4.0625vw;
}
}
.c-footer_message_btn a:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: #fff;
border-left-color: #fff;
right: 40px;
}
@media screen and (max-width: 768px) {
.c-footer_message_btn a:after {
border-width: 1.5625vw;
}
}
@media screen and (max-width: 768px) {
.c-footer_message_btn a:after {
right: 3.125vw;
}
}
.c-footer_links {
letter-spacing: 0.1rem;
width: 1280px;
margin-left: auto;
margin-right: auto;
min-width: 1280px;
margin-top: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.c-footer_links {
min-width: unset;
}
}
@media screen and (max-width: 768px) {
.c-footer_links {
width: 100%;
display: block;
min-width: unset;
margin-top: 14.0625vw;
}
}
.c-footer_links_address {
margin-right: 70px;
}
@media screen and (max-width: 768px) {
.c-footer_links_address {
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 4.6875vw;
width: 100%;
}
}
.c-footer_links_address figure {
width: 162px;
}
.c-footer_links_address figure img {
width: 100%;
}
.c-footer_links_address address {
margin-top: 30px;
padding-left: 11px;
font-weight: bold;
font-size: 12px;
line-height: 1.4;
font-style: normal;
color: #6F7579;
}
@media screen and (max-width: 768px) {
.c-footer_links_address address {
font-size: 3.75vw;
}
}
@media screen and (max-width: 768px) {
.c-footer_links_address address {
margin-top: 0;
font-size: 10px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-footer_links_address address {
font-size: 3.125vw;
}
}
.c-footer_links_address .c-footer_links_mapLink {
display: block;
margin: 20px 0 20px auto;
padding: 0;
color: #6F7579;
width: 128px;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 10px;
font-weight: bold;
border: 1px solid #6F7579;
border-radius: 5px;
}
@media screen and (max-width: 768px) {
.c-footer_links_address .c-footer_links_mapLink {
font-size: 3.125vw;
}
}
.c-footer_links_address .c-footer_links_mapLink i {
margin-left: 10px;
}
.c-footer_links_mapLink {
margin-left: 4.6875vw;
margin-top: 4.6875vw;
margin-bottom: 4.6875vw;
padding: 1.5625vw 0;
display: inline-block;
border: 1px solid #6F7579;
border-radius: 5px;
color: #6F7579;
width: calc(100vw - 4.6875vw * 2);
text-align: center;
font-size: 12px;
}
@media screen and (max-width: 768px) {
.c-footer_links_mapLink {
font-size: 3.75vw;
}
}
.c-footer_links_mapLink i {
margin-left: 2.34375vw;
}
@media screen and (max-width: 768px) {
.c-footer_links_snsLink {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.c-footer_links_snsLink_btn {
display: inline-block;
width: 24px;
height: 24px;
}
@media screen and (max-width: 768px) {
.c-footer_links_snsLink_btn {
margin: 0 5px;
}
}
.c-footer_links_snsLink_btn img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.c-footer_links_block {
width: 40vw;
}
.c-footer_links_block:nth-of-type(2), .c-footer_links_block:nth-of-type(4) {
width: 48vw;
}
.c-footer_links_block:nth-of-type(2), .c-footer_links_block:nth-of-type(3) {
margin-bottom: 4.6875vw;
}
}
.c-footer_links_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 12px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c-footer_links_list {
font-size: 3.75vw;
}
}
@media screen and (max-width: 768px) {
.c-footer_links_list {
width: 100vw;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 9.375vw 4.6875vw;
margin-right: 4.6875vw;
}
}
.c-footer_links_list ul {
padding-left: 26px;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul {
padding-left: 7.03125vw;
}
}
.c-footer_links_list ul li {
margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul li {
margin-bottom: 1.875vw;
font-size: 11px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-footer_links_list ul li {
font-size: 3.4375vw;
}
}
.c-footer_links_list ul li:first-of-type {
position: relative;
}
.c-footer_links_list ul li:first-of-type.top:before {
border-width: 6px;
border-style: solid;
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: #B53939;
border-bottom-color: #B53939;
border-left-color: transparent;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul li:first-of-type.top:before {
border-width: 1.5625vw;
}
}
.c-footer_links_list ul li:first-of-type.service:before {
border-width: 6px;
border-style: solid;
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: #3B53A7;
border-bottom-color: #3B53A7;
border-left-color: transparent;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul li:first-of-type.service:before {
border-width: 1.5625vw;
}
}
.c-footer_links_list ul li:first-of-type.staff:before {
border-width: 6px;
border-style: solid;
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: #F5C860;
border-bottom-color: #F5C860;
border-left-color: transparent;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul li:first-of-type.staff:before {
border-width: 1.5625vw;
}
}
.c-footer_links_list ul li:first-of-type.recruit:before {
border-width: 6px;
border-style: solid;
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: #9DC02E;
border-bottom-color: #9DC02E;
border-left-color: transparent;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul li:first-of-type.recruit:before {
border-width: 1.5625vw;
}
}
.c-footer_links_list ul li:first-of-type.ec:before {
border-width: 6px;
border-style: solid;
width: 0;
height: 0;
border-top-color: transparent;
border-right-color: #B53939;
border-bottom-color: #B53939;
border-left-color: transparent;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul li:first-of-type.ec:before {
border-width: 1.5625vw;
}
}
.c-footer_links_list ul li:first-of-type:before {
position: absolute;
content: "";
left: -26px;
top: 2px;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul li:first-of-type:before {
left: -7.03125vw;
top: 1.25vw;
}
}
.c-footer_links_list ul li:not(:first-of-type) {
color: #6F7579;
}
.c-footer_links_list ul.small li {
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul.small li {
margin-bottom: 1.5625vw;
}
}
.c-footer_links_list ul.small li:not(:first-of-type) {
font-size: 10px;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul.small li:not(:first-of-type) {
font-size: 3.125vw;
}
}
.c-footer_links_list ul:first-of-type, .c-footer_links_list ul:nth-of-type(3), .c-footer_links_list ul:nth-of-type(4) {
margin-right: 40px;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul:first-of-type, .c-footer_links_list ul:nth-of-type(3), .c-footer_links_list ul:nth-of-type(4) {
margin-right: 0;
}
}
.c-footer_links_list ul:nth-of-type(2) {
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul:nth-of-type(2) {
margin-right: 0;
}
}
.c-footer_links_list ul img {
width: 162px;
}
@media screen and (max-width: 768px) {
.c-footer_links_list ul img {
width: 30vw;
}
}
.c-footer_copyright {
margin-top: 50px;
margin-bottom: 30px;
text-align: center;
}
@media screen and (max-width: 768px) {
.c-footer_copyright {
margin-top: 4.6875vw;
margin-bottom: 2.34375vw;
}
}
.c-footer_copyright p {
margin-top: 24px;
font-size: 14px;
letter-spacing: 0.15rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.c-footer_copyright p {
font-size: 4.375vw;
}
}
@media screen and (max-width: 768px) {
.c-footer_copyright p {
font-size: 11px;
margin-top: 2.34375vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.c-footer_copyright p {
font-size: 3.4375vw;
}
}
@font-face {
font-family: "Avenir Light";
src: url(//db.onlinewebfonts.com/t/116af611cbcd9e4bada60b4e700430c1.eot);
src: url(//db.onlinewebfonts.com/t/116af611cbcd9e4bada60b4e700430c1.eot?#iefix) format("embedded-opentype"), url(//db.onlinewebfonts.com/t/116af611cbcd9e4bada60b4e700430c1.woff2) format("woff2"), url(//db.onlinewebfonts.com/t/116af611cbcd9e4bada60b4e700430c1.woff) format("woff"), url(//db.onlinewebfonts.com/t/116af611cbcd9e4bada60b4e700430c1.ttf) format("truetype"), url(//db.onlinewebfonts.com/t/116af611cbcd9e4bada60b4e700430c1.svg#Avenir Light) format("svg");
}
.u-avenirLt {
font-family: "Avenir Light" !important;
}
@media screen and (min-width: 769px) {
.u-sp {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.u-pc {
display: none !important;
}
}
.js-animeBlock {
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
-webkit-transform: translateY(70px);
transform: translateY(70px);
}
.js-animeBlockShow {
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.p-pepper_note {
display: block;
margin-top: 2em;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.06em;
color: #000;
text-align: right;
}

.p-mv_caption:last-of-type{
top: 32vw !important;
max-width: 30%;
width: 100%;
}
.blue-link{
color:#0C72CE;
text-decoration: underline;
}
.blue-link:hover{
color:#0C72CE;
text-decoration: none;
}
.p-access .map-block{
margin-top: 50px;
}
.p-access .map-block .c-title_ja{
font-weight: bold;
}
.p-recruit_flow figure{
margin: 50px auto 0;
display: block;
max-width: 1183px;
padding: 0 20px;
}
.p-recruit_flow figure img{
width: 100%;
display: block;
}
.p-recruit_flow {
padding: 50px 0;
}
@media screen and (max-width: 768px){
.p-mv_caption:last-of-type {
top: 85vw!important;
left: 1em;
max-width: 67%;
width: 100%;
}
} .p-member{
padding: 100px 0;
} .p-member .tabs {
margin-top: 50px;
padding-bottom: 40px; margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
} .p-member .tab_item {
width: calc( 100% / 4 );
max-width: 200px;
height: 45px;
box-shadow: 0px 0px 10px -3px rgb(0 0 0 / 60%);
border-radius: 19px;
background-color: #fff;
line-height: 45px;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
margin: 0 12px;
}
.p-member .tab_item:hover {
opacity: 0.75;
} .p-member input[name="tab_item"] {
display: none;
} .p-member  .tab_content {
display: none;
padding: 195px 0px 0;
clear: both; position: relative;
width: 100%;
} #all:checked ~ #all_content,
#fukuyama:checked ~ #fukuyama_content,
#mihara:checked ~ #mihara_content,
#onomichi:checked ~ #onomichi_content,
#hiroshima:checked ~ #hiroshima_content {
display: block;
} .tabs input:checked + .tab_item {
background-color: #333333;
color: #fff;
}
.tab_content .p-staffBlock_wrapper:nth-child(even) .p-staffBlock{
flex-flow: row-reverse;
}
.tab_item.fukuyama{
color:#376084;
}
.tabs input:checked + .tab_item.fukuyama {
background-color:#376084;
}
.tab_item.mihara{
color:#B53939;
}
.tabs input:checked + .tab_item.mihara {
background-color:#B53939;
}
.tab_item.onomichi{
color:#E0B34D;
}
.tabs input:checked + .tab_item.onomichi {
background-color:#E0B34D;
}
.tab_item.hiroshima{
color:#9DC02E;
}
.tabs input:checked + .tab_item.hiroshima {
background-color:#9DC02E;
}
.p-staffBlock .office-block{
position: absolute;
left: -13%;
top: -49px;
z-index: 1; max-width: 202px;
width: 100%;
}
.p-staffBlock.reverse .office-block{
position: absolute;
left:auto;
top: -49px;
right: -13%; max-width: 202px;
width: 100%;
}
.p-staffBlock.reverse .office-block .of-block{
margin: 0 0 0 auto;
}
.p-staffBlock .office-block .of-block:nth-child(2), 
.p-staffBlock .office-block .of-block:nth-child(3),
.p-staffBlock .office-block .of-block:nth-child(4),
.p-staffBlock.reverse .office-block .of-block:nth-child(2), 
.p-staffBlock.reverse .office-block .of-block:nth-child(3), 
.p-staffBlock.reverse .office-block .of-block:nth-child(4) {
margin-top: -20px;
}
.p-staffBlock.reverse .office-block .of-block img{
display: block;
}
.p-staffBlock .office-block .of-block{
display: block;
position: relative;
}
.p-staffBlock .office-block .of-block span{
font-weight: bold;
}
.p-staffBlock .office-block .of-block.hiroshima span{
color: #9DC02E; text-align: center;
display: block;
}
.p-staffBlock .office-block .of-block.hiroshima span::before{
content: "";
background: url(//care-design.jp/cms/wp-content/themes/caredesign/img/common/icon_hiroshima.svg) no-repeat;
background-size: cover;
width: 99px;
height: 69px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: -61px;
}
.p-staffBlock .office-block .of-block.mihara span{
color: #B53939; text-align: center;
display: block;
}
.p-staffBlock .office-block .of-block.mihara span::before{
content: "";
background: url(//care-design.jp/cms/wp-content/themes/caredesign/img/common/icon_mihara.svg) no-repeat;
background-size: cover;
width: 65px;
height: 67px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: -60px;
}
.p-staffBlock .office-block .of-block.fukuyama span{
color: #4380B8; text-align: center;
display: block;
}
.p-staffBlock .office-block .of-block.fukuyama span::before{
content: "";
background: url(//care-design.jp/cms/wp-content/themes/caredesign/img/common/icon_fukuyama.svg) no-repeat;
background-size: cover;
width: 68px;
height: 60px;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
top: -51px;
}
@media screen and (max-width: 768px){
.p-member{
padding: 50px 0;
}
.p-member .tab_item {
width: 100%;
max-width: 40%;
height: 45px;
line-height: 45px;
font-size: 14px;
flex-wrap: wrap;
margin: 0 12px 20px;
}
.p-member .tab_content {
padding: 43px 0px 0;
}
.tab_content .p-staffBlock_wrapper:nth-child(even) .p-staffBlock {
display: block;
}
.p-staffBlock .office-block .of-block {
max-width: 187px;
width: 100%;
padding: 5px 10px;
font-size: 14px;
}
.p-staffBlock .office-block .of-block.hiroshima span::before {
width: 84px;
height: 57px;
top: -52px;
}
.p-staffBlock .office-block .of-block.mihara span::before {
width: 54px;
height: 56px;
top: -51px;
}
.p-staffBlock .office-block .of-block.fukuyama span::before {
width: 53px;
height: 52px;
top: -42px;
}
.p-staffBlock .office-block{
left: -9%;
top: -27px;
}
.p-staffBlock.reverse .office-block{
right: -9%;
top: -27px;
}
.p-staffBlock .office-block .of-block:nth-child(2), 
.p-staffBlock .office-block .of-block:nth-child(3),
.p-staffBlock .office-block .of-block:nth-child(4),
.p-staffBlock.reverse .office-block .of-block:nth-child(2), 
.p-staffBlock.reverse .office-block .of-block:nth-child(3), 
.p-staffBlock.reverse .office-block .of-block:nth-child(4) {
margin-top: -30px;
}
.p-staffBlock .office-block{
max-width: 169px;
}
.p-staffBlock.reverse .office-block{
max-width: 169px;
}
}
.p-company table tr:nth-of-type(11) th, 
.p-company table tr:nth-of-type(11) td,
.p-company table tr:nth-of-type(14) th, 
.p-company table tr:nth-of-type(14) td {
padding-bottom: 0;
}
.p-company table tr:nth-of-type(15),
.p-company table tr:nth-of-type(14),
.p-company table tr:nth-of-type(12),
.p-company table tr:nth-of-type(11),
.p-company table tr:nth-of-type(7),
.p-company table tr:nth-of-type(8),
.p-company table tr:nth-of-type(9) {
border-bottom: none;
}
.p-company .virtual-box{
max-width: 300px;
width: 100%;
display: block;
cursor: pointer;
background-color: #ECF6FF;
padding: 1em 1em;
border-radius: 11px;
}
.p-company .virtual-box .img-box{
margin-top: 1em;
}
.p-company .virtual-box img{
width: 100%;
display: block;
border-radius: 11px;
}
.p-company .virtual-box:hover img{
opacity: 0.8;
}
.p-company .img-box-only{
max-width: 348px;
width: 100%;
}
.p-company .img-box-only img{
display: block;
width: 100%;
}
.p-history_list table th,
.p-history + .p-history .p-history_list table th{
width: 30%;
}
.p-history_list table td,
.p-history + .p-history .p-history_list table td{
width: 65%;
}
@media screen and (max-width: 768px){
.p-recruit_info_detail {
margin-top: 50px;
}
.p-recruit_info_detail dd th, 
.p-recruit_info_detail dd td {
width: 100%;
display: block!important;
}
.p-recruit_info_detail dd th {
width: 100%!important;
}
.p-blogList_sortArea.tag {
flex-wrap: wrap;
justify-content: flex-start!important;
padding: 0 20px;
} 
.c-blogCard_detail_tags {
flex-wrap: wrap;
}
.c-blogCard_detail_tag {
margin-bottom: 7px;
}
.p-blogList_sortArea li {
margin-bottom: 7px;
}
.p-blogList_sortArea li .c-catBadge {
font-size: 16px;
}
.p-history_list table th,
.p-history + .p-history .p-history_list table th{
width: 100%!important;
display: block;
}
.p-history_list table td,
.p-history + .p-history .p-history_list table td{
width: 100%!important;
display: block;
}
}
.p-policy {
padding: 5em 0;
}
.p-history:after {
background-color: #FFFAEF!important;
height: 103% !important;
}
.p-history{
padding: 3em 1em;
}
.p-history .history-wrapper{
max-width: 1160px;
width: 100%;
margin: 0 auto;
}
.p-history .history-wrapper .h-box{
display: flex;
justify-content: space-between;
margin-bottom: 6em;
}
.p-history .history-wrapper .h-box.reverse{
flex-flow: row-reverse;
}
.p-history .history-wrapper .h-box .img-box{
width: 47%;
}
.p-history .history-wrapper .h-box .img-box img{
display: block;
width: 100%;
}
.p-history .history-wrapper .h-box .text-area{
width: 48%;
}
.p-history .history-wrapper .h-box .text-area a{
text-decoration: underline;
}
.p-history .history-wrapper .h-box .text-area a:hover{
text-decoration: none;
}
.p-history .history-wrapper .h-box .text-area .date{
font-weight: bold;
position: relative;
padding-left: 1em;
}
.p-history .history-wrapper .h-box .text-area .date::before{
content: '';
background: url(//care-design.jp/cms/wp-content/themes/caredesign/img/company/img_deco.png) no-repeat;
width: 69px;
height: 60px;
background-size: cover;
position: absolute;
left: -18px;
top: 7px;
}
.p-history .history-wrapper .h-box .text-area .date .year{
font-size: 50px;
font-weight: 500;
margin-right: 0.4em;
position: relative;
}
.p-history .history-wrapper .h-box .text-area .ttl{
font-size: 18px;
font-weight: bold;
position: relative;
padding-bottom: 0.8em;
margin-bottom: 1em;
}
.p-history .history-wrapper .h-box .text-area .ttl::before{
content: '';
background-color: #F5C860;
height: 3px;
width: 120px;
position: absolute;
bottom: 0;
left: 0;
}
@media screen and (max-width: 768px){
.p-history .history-wrapper .h-box{
display: block;
margin-bottom: 3em;
}
.p-history .history-wrapper .h-box .img-box{
width: 100%;
}
.p-history .history-wrapper .h-box .text-area{
width: 100%;
margin-bottom: 1em;
}
.p-history .history-wrapper .h-box .text-area .date .year {
font-size: 30px;
}
.p-history .history-wrapper .h-box .text-area .date::before {
width: 37px;
height: 39px;
left: -6px;
}
.p-history:after {
top: -11vw!important;
height: 101% !important;
}
.p-policy:after {
height: 92%!important;
}
.p-history .history-wrapper .h-box .text-area .date{
margin-bottom: 0.5em;
}
.p-history .history-wrapper{
margin-top: 3em;
}
}
.top-banner-area{
padding: 6em 1em 1em;
}
.top-banner-area a{
display: block;
max-width: 1050px;
width: 100%;
margin: 0 auto;
}
.top-banner-area a img{
display: block;
width: 100%;
}