@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css?family=Lato:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho");
html {
overflow-y: scroll;
font-size: 10px; -ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
img {
vertical-align: middle;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
li {
list-style: none;
}
caption, th {
text-align: left;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
} input, textarea, select {
*font-size: 100%;
} legend {
color: #000;
}
del, ins {
text-decoration: none;
} @font-face {
font-family: 'photograph';
src: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/fonts/photograph_signature_400-webfont.eot); src: local("photograph_signature"), url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/fonts/photograph_signature_400-webfont.woff) format("woff"), url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/fonts/photograph_signature_400-webfont.svg#svgFontName) format("svg"); }
@font-face {
font-family: 'Garamond Premiere Pro';
src: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/fonts/GaramondPremrPro.eot);
src: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/fonts/GaramondPremrPro.eot?#iefix) format("embedded-opentype"), url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/fonts/GaramondPremrPro.woff2) format("woff2"), url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/fonts/GaramondPremrPro.woff) format("woff"), url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/fonts/GaramondPremrPro.ttf) format("truetype"), url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/fonts/GaramondPremrPro.svg#GaramondPremrPro) format("svg");
font-weight: normal;
font-style: normal;
}      @media screen and (min-width: 769px) {
.mbpc-0 {
margin-bottom: 0px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-0 {
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-1 {
margin-bottom: 1px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-1 {
margin-bottom: 1px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-2 {
margin-bottom: 2px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-2 {
margin-bottom: 2px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-3 {
margin-bottom: 3px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-3 {
margin-bottom: 3px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-4 {
margin-bottom: 4px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-4 {
margin-bottom: 4px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-5 {
margin-bottom: 5px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-5 {
margin-bottom: 5px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-6 {
margin-bottom: 6px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-6 {
margin-bottom: 6px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-7 {
margin-bottom: 7px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-7 {
margin-bottom: 7px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-8 {
margin-bottom: 8px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-8 {
margin-bottom: 8px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-9 {
margin-bottom: 9px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-9 {
margin-bottom: 9px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-10 {
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-10 {
margin-bottom: 10px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-11 {
margin-bottom: 11px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-11 {
margin-bottom: 11px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-12 {
margin-bottom: 12px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-12 {
margin-bottom: 12px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-13 {
margin-bottom: 13px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-13 {
margin-bottom: 13px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-14 {
margin-bottom: 14px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-14 {
margin-bottom: 14px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-15 {
margin-bottom: 15px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-15 {
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-16 {
margin-bottom: 16px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-16 {
margin-bottom: 16px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-17 {
margin-bottom: 17px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-17 {
margin-bottom: 17px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-18 {
margin-bottom: 18px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-18 {
margin-bottom: 18px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-19 {
margin-bottom: 19px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-19 {
margin-bottom: 19px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-20 {
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-20 {
margin-bottom: 20px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-21 {
margin-bottom: 21px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-21 {
margin-bottom: 21px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-22 {
margin-bottom: 22px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-22 {
margin-bottom: 22px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-23 {
margin-bottom: 23px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-23 {
margin-bottom: 23px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-24 {
margin-bottom: 24px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-24 {
margin-bottom: 24px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-25 {
margin-bottom: 25px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-25 {
margin-bottom: 25px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-26 {
margin-bottom: 26px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-26 {
margin-bottom: 26px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-27 {
margin-bottom: 27px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-27 {
margin-bottom: 27px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-28 {
margin-bottom: 28px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-28 {
margin-bottom: 28px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-29 {
margin-bottom: 29px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-29 {
margin-bottom: 29px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-30 {
margin-bottom: 30px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-30 {
margin-bottom: 30px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-31 {
margin-bottom: 31px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-31 {
margin-bottom: 31px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-32 {
margin-bottom: 32px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-32 {
margin-bottom: 32px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-33 {
margin-bottom: 33px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-33 {
margin-bottom: 33px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-34 {
margin-bottom: 34px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-34 {
margin-bottom: 34px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-35 {
margin-bottom: 35px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-35 {
margin-bottom: 35px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-36 {
margin-bottom: 36px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-36 {
margin-bottom: 36px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-37 {
margin-bottom: 37px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-37 {
margin-bottom: 37px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-38 {
margin-bottom: 38px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-38 {
margin-bottom: 38px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-39 {
margin-bottom: 39px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-39 {
margin-bottom: 39px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-40 {
margin-bottom: 40px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-40 {
margin-bottom: 40px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-41 {
margin-bottom: 41px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-41 {
margin-bottom: 41px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-42 {
margin-bottom: 42px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-42 {
margin-bottom: 42px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-43 {
margin-bottom: 43px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-43 {
margin-bottom: 43px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-44 {
margin-bottom: 44px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-44 {
margin-bottom: 44px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-45 {
margin-bottom: 45px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-45 {
margin-bottom: 45px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-46 {
margin-bottom: 46px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-46 {
margin-bottom: 46px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-47 {
margin-bottom: 47px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-47 {
margin-bottom: 47px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-48 {
margin-bottom: 48px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-48 {
margin-bottom: 48px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-49 {
margin-bottom: 49px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-49 {
margin-bottom: 49px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-50 {
margin-bottom: 50px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-50 {
margin-bottom: 50px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-51 {
margin-bottom: 51px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-51 {
margin-bottom: 51px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-52 {
margin-bottom: 52px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-52 {
margin-bottom: 52px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-53 {
margin-bottom: 53px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-53 {
margin-bottom: 53px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-54 {
margin-bottom: 54px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-54 {
margin-bottom: 54px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-55 {
margin-bottom: 55px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-55 {
margin-bottom: 55px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-56 {
margin-bottom: 56px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-56 {
margin-bottom: 56px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-57 {
margin-bottom: 57px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-57 {
margin-bottom: 57px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-58 {
margin-bottom: 58px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-58 {
margin-bottom: 58px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-59 {
margin-bottom: 59px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-59 {
margin-bottom: 59px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-60 {
margin-bottom: 60px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-60 {
margin-bottom: 60px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-61 {
margin-bottom: 61px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-61 {
margin-bottom: 61px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-62 {
margin-bottom: 62px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-62 {
margin-bottom: 62px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-63 {
margin-bottom: 63px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-63 {
margin-bottom: 63px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-64 {
margin-bottom: 64px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-64 {
margin-bottom: 64px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-65 {
margin-bottom: 65px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-65 {
margin-bottom: 65px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-66 {
margin-bottom: 66px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-66 {
margin-bottom: 66px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-67 {
margin-bottom: 67px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-67 {
margin-bottom: 67px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-68 {
margin-bottom: 68px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-68 {
margin-bottom: 68px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-69 {
margin-bottom: 69px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-69 {
margin-bottom: 69px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-70 {
margin-bottom: 70px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-70 {
margin-bottom: 70px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-71 {
margin-bottom: 71px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-71 {
margin-bottom: 71px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-72 {
margin-bottom: 72px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-72 {
margin-bottom: 72px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-73 {
margin-bottom: 73px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-73 {
margin-bottom: 73px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-74 {
margin-bottom: 74px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-74 {
margin-bottom: 74px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-75 {
margin-bottom: 75px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-75 {
margin-bottom: 75px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-76 {
margin-bottom: 76px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-76 {
margin-bottom: 76px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-77 {
margin-bottom: 77px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-77 {
margin-bottom: 77px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-78 {
margin-bottom: 78px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-78 {
margin-bottom: 78px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-79 {
margin-bottom: 79px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-79 {
margin-bottom: 79px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-80 {
margin-bottom: 80px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-80 {
margin-bottom: 80px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-81 {
margin-bottom: 81px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-81 {
margin-bottom: 81px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-82 {
margin-bottom: 82px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-82 {
margin-bottom: 82px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-83 {
margin-bottom: 83px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-83 {
margin-bottom: 83px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-84 {
margin-bottom: 84px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-84 {
margin-bottom: 84px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-85 {
margin-bottom: 85px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-85 {
margin-bottom: 85px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-86 {
margin-bottom: 86px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-86 {
margin-bottom: 86px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-87 {
margin-bottom: 87px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-87 {
margin-bottom: 87px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-88 {
margin-bottom: 88px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-88 {
margin-bottom: 88px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-89 {
margin-bottom: 89px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-89 {
margin-bottom: 89px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-90 {
margin-bottom: 90px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-90 {
margin-bottom: 90px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-91 {
margin-bottom: 91px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-91 {
margin-bottom: 91px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-92 {
margin-bottom: 92px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-92 {
margin-bottom: 92px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-93 {
margin-bottom: 93px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-93 {
margin-bottom: 93px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-94 {
margin-bottom: 94px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-94 {
margin-bottom: 94px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-95 {
margin-bottom: 95px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-95 {
margin-bottom: 95px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-96 {
margin-bottom: 96px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-96 {
margin-bottom: 96px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-97 {
margin-bottom: 97px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-97 {
margin-bottom: 97px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-98 {
margin-bottom: 98px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-98 {
margin-bottom: 98px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-99 {
margin-bottom: 99px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-99 {
margin-bottom: 99px !important;
}
}
@media screen and (min-width: 769px) {
.mbpc-100 {
margin-bottom: 100px !important;
}
}
@media screen and (max-width: 768px) {
.mbsp-100 {
margin-bottom: 100px !important;
}
} html.is-open {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
html.is-open body {
-webkit-overflow-scrolling: auto;
}
body {
color: #354a48;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
font-size: 100%;
font-weight: 500;
-webkit-font-smoothing: antialiased;
line-height: 1.4;
overflow-x: hidden;
}
a {
color: #354a48;
text-decoration: none;
}
a.rollover:hover {
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a.rollover:hover:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
@media screen and (min-width: 769px) {
a[href^="tel"] {
pointer-events: none;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
a[href^="tel"] {
display: inline-block;
}
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.inner {
max-width: 1300px;
padding: 0 40px;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.inner {
padding: 0 15px;
}
}
.inner--lg {
max-width: 1340px;
}
.inner--sm {
max-width: 1060px;
}
.main-page {
display: block;
}
@media screen and (max-width: 768px) {
.pc {
display: none !important;
}
}
@media screen and (max-width: 990px) {
.pc-lg {
display: none !important;
}
}
@media screen and (max-width: 1200px) {
.pc-xl {
display: none !important;
}
}
@media screen and (min-width: 991px) {
.tb-sp {
display: none !important;
}
}
@media screen and (min-width: 991px) {
.lg-pc {
display: none !important;
}
}
.sm-sp {
display: none;
}
@media screen and (max-width: 480px) {
.sm-sp {
display: block;
}
}
@media screen and (min-width: 769px) {
.sp {
display: none !important;
}
} .clearfix {
*zoom: 1;
}
.clearfix:before {
content: "";
display: table;
}
.clearfix:after {
clear: both;
content: "";
display: table;
} .gnavi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gnavi li {
position: relative;
text-align: center;
font-size: 11px;
font-size: 1.1rem;
width: 16.666%;
font-weight: bold;
overflow: hidden;
}
.gnavi li span {
display: block;
font-size: 15px;
font-size: 1.5rem;
padding-bottom: 3px;
}
.gnavi li a {
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
position: relative;
display: inline-block;
}
.gnavi li a:after {
content: "";
display: block;
width: 100%;
height: 3px;
background: -o-linear-gradient(315deg, #66d46e 17%, #5ed9cf 52%, #b2eadc 100%);
background: linear-gradient(135deg, #66d46e 17%, #5ed9cf 52%, #b2eadc 100%);
position: absolute;
bottom: -1rem;
z-index: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
@media screen and (max-width: 768px) {
.gnavi li a:after {
content: none;
}
}
.gnavi li a:hover:after {
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
@media screen and (max-width: 768px) {
.gnavi li a:hover:after {
content: none;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
}
}
.gnavi li .gnavi-sub {
width: 100%;
position: absolute;
padding: 20px 0 0;
top: 100%;
left: 0;
opacity: 0;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
background: rgba(34, 34, 34, 0.6);
}
@media screen and (max-width: 990px) {
.gnavi li .gnavi-sub {
display: none;
}
}
.gnavi li .gnavi-sub li {
width: 100%;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
margin-bottom: 20px;
}
.gnavi li .gnavi-sub li:last-of-type {
margin-bottom: 0;
border-bottom: 0;
}
.gnavi li .gnavi-sub li a {
color: #FFF !important;
}
.gnavi li .gnavi-sub li a:after {
display: none !important;
}
.gnavi li:hover {
overflow: visible;
}
.gnavi li:hover .gnavi-sub {
opacity: 1;
}
.entry-footer-box {
padding: 60px 0 80px;
background: #ecf3f2;
}
@media screen and (max-width: 768px) {
.entry-footer-box {
padding: 30px 0 35px;
}
}
.entry-footer-box .entry-lead {
text-align: center;
font-size: 24px;
font-size: 2.4rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
line-height: 1.7;
margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
.entry-footer-box .entry-lead {
font-size: 20px;
font-size: 2rem;
}
}
@media screen and (max-width: 768px) {
.entry-footer-box .entry-lead {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
margin-bottom: 25px;
}
}
.entry-btn-list {
max-width: 980px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.entry-btn-list li {
width: 30.62%;
}
@media screen and (max-width: 768px) {
.entry-btn-list li {
width: 100%;
margin-bottom: 15px;
}
} #header {
width: 100%;
padding: 40px 0 0;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: #FFF;
}
@media screen and (max-width: 990px) {
#header {
padding: 20px 0 25px;
}
}
#header .header-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 40px;
height: 100%;
}
@media screen and (max-width: 1300px) {
#header .header-inner {
padding: 0 20px;
}
}
@media screen and (max-width: 768px) {
#header .header-inner {
padding: 0 15px;
}
}
#header .logo {
width: 308px;
}
#header .logo .off {
display: block;
}
#header .logo .on {
display: none;
}
@media screen and (max-width: 1300px) {
#header .logo {
width: 230px;
}
}
@media screen and (max-width: 320px) {
#header .logo {
width: 190px;
}
}
#header .gnavi-wrap {
padding-left: 30px;
padding-top: 10px;
}
@media screen and (min-width: 991px) {
#header .gnavi-wrap {
display: block !important;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media screen and (max-width: 990px) {
#header .gnavi-wrap {
display: none;
position: fixed;
z-index: 5000;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #eef8f6;
padding: 95px 0 20px;
overflow-y: scroll;
-webkit-transition: all ease-in 0.3s;
-o-transition: all ease-in 0.3s;
transition: all ease-in 0.3s;
}
}
#header .entry-btn {
width: 160px;
}
@media screen and (max-width: 1300px) {
#header .entry-btn {
width: 100px;
}
}
@media screen and (max-width: 990px) {
#header .entry-btn {
width: 160px;
margin: 20px auto 0;
}
}
@media screen and (max-width: 990px) {
#header .entry-btn.pc {
display: none;
}
}
@media screen and (max-width: 990px) {
#header .gnavi {
display: block;
}
}
#header .gnavi li {
height: 60px;
}
@media screen and (max-width: 990px) {
#header .gnavi li {
width: 100%;
height: inherit;
font-size: 10px;
font-size: 1rem;
margin: 0 0 35px;
}
}
@media screen and (max-width: 320px) {
#header .gnavi li {
margin-bottom: 25px;
}
}
@media screen and (max-width: 990px) {
#header .gnavi li span {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 990px) {
#header .gnavi li a {
display: block;
color: #354a48 !important;
}
#header .gnavi li a:hover, #header .gnavi li a:focus, #header .gnavi li a:active {
background: transparent;
outline: none;
}
}
@media screen and (min-width: 991px) {
#header.fixed.top-header {
position: fixed;
background: #ffffff !important;
}
#header.fixed.top-header .gnavi li a {
color: #354a48;
}
}
#header.top-header {
background: none;
position: absolute;
-webkit-transition: 1s ease all;
-o-transition: 1s ease all;
transition: 1s ease all;
}
#header.top-header .gnavi li a {
color: #FFF;
}
#header.top-header .logo .off {
display: block;
}
#header.top-header .logo .on {
display: none;
}
#header.top-header.fixed {
position: fixed;
}
@media screen and (max-width: 990px) {
#header.top-header.fixed {
background: #fff;
}
}
#header.top-header.fixed .logo .off {
display: none;
}
#header.top-header.fixed .logo .on {
display: block;
}
.menu-trigger {
position: absolute;
z-index: 9999;
width: 50px;
height: 50px;
right: 20px;
top: 20px;
cursor: pointer;
display: inline-block;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; background: #66d46e;   background: -o-linear-gradient(315deg, #66d46e 0%, #5ed9cf 100%);
background: linear-gradient(135deg, #66d46e 0%, #5ed9cf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d46e', endColorstr='#5ed9cf',GradientType=1 ); }
@media screen and (min-width: 991px) {
.menu-trigger {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.menu-trigger {
right: 15px;
top: 15px;
}
}
.menu-trigger span {
display: inline-block;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
position: absolute;
left: 12px;
width: 25px;
height: 2px;
background-color: #FFF;
}
.menu-trigger span:nth-of-type(1) {
top: 17px;
}
.menu-trigger span:nth-of-type(2) {
top: 24px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 17px;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(7px) rotate(-45deg);
-ms-transform: translateY(7px) rotate(-45deg);
transform: translateY(7px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-7px) rotate(45deg);
-ms-transform: translateY(-7px) rotate(45deg);
transform: translateY(-7px) rotate(45deg);
} #footer {
padding: 65px 0 60px;
}
@media screen and (max-width: 768px) {
#footer {
padding: 40px 0 45px;
}
}
#footer .footer-inner {
max-width: 700px;
margin: 0 auto;
}
#footer .logo {
width: 100%;
max-width: 308px;
margin: 0 auto 35px;
}
@media screen and (max-width: 768px) {
#footer .logo {
max-width: 230px;
margin-bottom: 25px;
}
}
#footer .gnavi-wrap {
margin-bottom: 35px;
}
@media screen and (min-width: 991px) {
#footer .gnavi-wrap {
display: block !important;
}
}
@media screen and (max-width: 990px) {
#footer .gnavi-wrap {
display: none;
}
}
#footer .copyright {
text-align: center;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
}
@media screen and (max-width: 320px) {
#footer .copyright {
font-size: 10px;
font-size: 1rem;
}
}
#backTop {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 33;
display: none;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#backTop:hover {
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#backTop:hover span {
color: #66d46e;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 768px) {
#backTop {
right: 15px;
bottom: 50px;
}
}
@media screen and (max-width: 768px) and (max-width: 330px) {
#backTop {
right: -35px;
}
}
#backTop span {
display: inline-block;
-webkit-writing-mode: tb-rl;
-ms-writing-mode: tb-rl;
writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 20px;
font-size: 2rem;
color: #354a48;
text-transform: uppercase;
position: relative;
}
@media screen and (max-width: 768px) {
#backTop span {
font-size: 14px;
font-size: 1.4rem;
}
}
#backTop span:after {
content: '';
position: absolute;
width: 0;
height: 0;
top: -20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #66d46e;
}
@media screen and (max-width: 768px) {
#backTop span:after {
border-left: 7px solid transparent;
border-right: 7px solid transparent;
top: -15px;
border-bottom: 7px solid #66d46e;
}
}
.img-w100 img {
width: 100%;
}   .ttlCom01 {
text-align: center;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 40px;
letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
.ttlCom01 {
margin-bottom: 25px;
letter-spacing: 1px;
line-height: 1.5;
}
}
.ttlCom01 span {
display: block;
font-size: 64px;
font-size: 6.4rem;
font-weight: normal;
font-family: photograph;
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.ttlCom01 span {
font-size: 50px;
font-size: 5rem;
}
}
.ttlCom02, .common-post .item__ttl {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
font-weight: 500;
font-size: 30px;
font-size: 3.0rem;
line-height: 1.75;
color: #32cfc2;
background: -webkit-linear-gradient(-20deg, #45ce4f, #32cfc2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1200px) {
.ttlCom02, .common-post .item__ttl {
font-size: 24px;
font-size: 2.4rem;
}
}
@media screen and (max-width: 990px) {
.ttlCom02, .common-post .item__ttl {
font-size: 22px;
font-size: 2.2rem;
}
}
@media screen and (max-width: 768px) {
.ttlCom02, .common-post .item__ttl {
font-size: 18px;
font-size: 1.8rem;
}
}
@media screen and (max-width: 640px) {
.ttlCom02, .common-post .item__ttl {
font-size: 17px;
font-size: 1.7rem;
}
}
.ttlCom03 {
font-size: 30px;
font-size: 3rem;
line-height: 1;
letter-spacing: 0.16em;
color: #354a48;
font-weight: bold;
text-align: center;
margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
.ttlCom03 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.2;
margin-bottom: 30px;
}
}
@media screen and (max-width: 374px) {
.ttlCom03 {
font-size: 22px;
font-size: 2.2rem;
}
}
.ttlCom03__des {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8;
color: #354a48;
font-weight: 500;
letter-spacing: 0.1em;
display: block;
}
.ttlCom03__lg {
font-size: 20px;
font-size: 2rem;
}
@media screen and (max-width: 768px) {
.ttlCom03__lg {
font-size: 18px;
font-size: 1.8rem;
}
} .txtBasic {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.875;
color: #354a48;
letter-spacing: 0.16em;
}
@media screen and (max-width: 768px) {
.txtBasic {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
}
}
.txt-small {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.86;
letter-spacing: 0.16em;
font-weight: 500;
}
@media screen and (max-width: 768px) {
.txt-small {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.6;
}
}
.txt-lg {
font-size: 18px;
font-size: 1.8rem;
line-height: 2;
letter-spacing: 0.16em;
font-weight: 400;
}
@media screen and (max-width: 768px) {
.txt-lg {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.875;
}
}
.txt-center {
text-align: center;
}
.txt-right {
text-align: right;
}
.txt-left {
text-align: left;
}  .btn {
width: 100%;
max-width: 160px;
display: block;
cursor: pointer;
font-weight: bold;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
color: #FFF;
border: 1px solid transparent;
text-align: center;
font-size: 13px;
font-size: 1.3rem;
line-height: 48px;
height: 48px;
background: #66d46e;   background: -o-linear-gradient(315deg, #66d46e 17%, #5ed9cf 52%, #b2eadc 100%);
background: linear-gradient(135deg, #66d46e 17%, #5ed9cf 52%, #b2eadc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66d46e', endColorstr='#b2eadc',GradientType=1 ); background-size: 150% auto;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
@media all and (-ms-high-contrast: none) {
.btn {
line-height: 55px;
}
}
@media screen and (-ms-high-contrast: active) and (max-width: 640px), screen and (-ms-high-contrast: none) and (max-width: 640px) {
.btn {
padding-top: 4px;
}
}
@media screen and (max-width: 768px) {
.btn {
max-width: 200px;
line-height: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
}
}
.btn:hover {
border: 1px solid #66d46e;
}
@media screen and (min-width: 769px) {
.btn:hover {
color: #66d46e !important;
background: #ffffff !important;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
}
.btn--lg {
font-size: 16px;
font-size: 1.6rem;
line-height: 60px;
height: 60px;
max-width: 300px;
}
@media all and (-ms-high-contrast: none) {
.btn--lg {
line-height: 64px !important;
}
}
@media screen and (max-width: 768px) {
.btn--lg {
max-width: 100%;
}
}
.btn--large {
font-size: 20px;
font-size: 2rem;
line-height: 1.875;
letter-spacing: 0.16em;
}
@media screen and (max-width: 1200px) {
.btn--large {
line-height: 1.4;
font-size: 18px;
font-size: 1.8rem;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.sec-mv {
position: relative;
margin-bottom: 67px;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
}
@media screen and (max-width: 768px) {
.sec-mv {
margin-bottom: 50px;
}
}
.sec-mv--nomb {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.sec-mv--nomb {
margin-bottom: 0;
}
}
.sec-mv__img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit:cover';
}
@media screen and (max-width: 768px) {
.sec-mv__img img {
height: 210px;
}
}
.sec-mv__ttl {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 64px;
font-size: 6.4rem;
font-family: photograph;
color: #FFFFFF;
text-align: center;
}
@media screen and (max-width: 1200px) {
.sec-mv__ttl {
top: calc(50% - 20px);
}
}
@media screen and (max-width: 768px) {
.sec-mv__ttl {
font-size: 50px;
font-size: 5rem;
width: 100%;
}
}
.sec-mv__ttl small {
display: block;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 1.2px;
margin: 7px 0 8px;
font-weight: bold;
}
.common-post {
margin-bottom: 158px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1366px) {
.common-post {
margin-bottom: 11.567vw;
}
}
@media screen and (max-width: 768px) {
.common-post {
margin-bottom: 50px;
}
}
.common-post .ttlCom03 {
margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
.common-post .ttlCom03 {
margin-bottom: 30px;
}
}
.common-post .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.common-post .item__img {
margin-left: -6%;
width: 100%;
max-width: 50.738%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50.738%;
flex: 0 0 50.738%;
position: relative;
}
@media screen and (max-width: 768px) {
.common-post .item__img {
margin-left: -15px;
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 45px;
}
}
.common-post .item__img:after {
content: '';
position: absolute;
z-index: -1;
background-color: #eef8f6;
top: 70px;
bottom: -70px;
width: 100%;
height: 100%;
left: 51.5%;
}
@media screen and (max-width: 768px) {
.common-post .item__img:after {
top: 15px;
bottom: -15px;
left: 15px;
}
}
@media screen and (max-width: 768px) {
.common-post .item__img img {
width: 100%;
}
}
.common-post .item__body {
width: 100%;
max-width: 55.262%;
-webkit-box-flex: 0;
-ms-flex: 0 0 55.262%;
flex: 0 0 55.262%;
padding: 0 0 0 61px;
position: relative;
}
@media screen and (max-width: 1366px) {
.common-post .item__body {
padding: 0 0 0 4.466vw;
}
}
@media screen and (max-width: 768px) {
.common-post .item__body {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
}
}
.common-post .item__ttl {
margin-bottom: 29px;
}
@media screen and (min-width: 991px) {
.common-post .item__ttl {
margin-top: -6px;
}
}
@media screen and (max-width: 768px) {
.common-post .item__ttl {
margin-bottom: 30px;
}
}
.common-post .item__txt {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.875;
letter-spacing: 2.5px;
font-weight: 500;
}
@media screen and (max-width: 768px) {
.common-post .item__txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 2;
text-align: justify;
}
}
@media screen and (min-width: 769px) {
.common-post--reverse .item {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.common-post--reverse .item__img {
margin-left: auto;
margin-right: -6%;
}
@media screen and (max-width: 768px) {
.common-post--reverse .item__img {
margin-right: -15px;
}
}
.common-post--reverse .item__img:after {
left: auto;
right: 46.8%;
}
@media screen and (max-width: 768px) {
.common-post--reverse .item__img:after {
left: auto;
right: 15px;
}
}
.common-post--reverse .item__body {
padding: 0 62px 0 0;
}
@media screen and (max-width: 1366px) {
.common-post--reverse .item__body {
padding: 0px 4.539vw 0 0;
}
}
@media screen and (max-width: 768px) {
.common-post--reverse .item__body {
padding: 0;
}
}
.common-post--no-bg {
margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
.common-post--no-bg {
margin-bottom: 50px;
}
}
.common-post--no-bg .item__img:after {
display: none;
}
@media screen and (max-width: 768px) {
.common-post--no-bg .item__img {
margin-right: 0;
margin-left: 0;
}
}
.block-boxcommon .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-boxcommon .list .item {
width: calc( 25% - 15px);
margin-right: 20px;
margin-bottom: 30px;
}
.block-boxcommon .list .item:nth-child(4n), .block-boxcommon .list .item:last-child {
margin-right: 0;
}
@media screen and (max-width: 990px) {
.block-boxcommon .list .item {
width: calc( 50% - 10px);
margin-right: 20px;
margin-bottom: 20px;
}
.block-boxcommon .list .item:nth-child(2n), .block-boxcommon .list .item:last-child {
margin-right: 0;
}
.block-boxcommon .list .item:nth-child(4n) {
margin-right: 0px;
}
}
@media screen and (max-width: 640px) {
.block-boxcommon .list .item {
width: calc( 50% - 7.5px);
margin-right: 15px;
}
.block-boxcommon .list .item:nth-child(3n) {
margin-right: 15px;
}
.block-boxcommon .list .item:nth-child(4n), .block-boxcommon .list .item:nth-child(2n), .block-boxcommon .list .item:last-child {
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
.block-boxcommon .list .item {
width: calc( 50% - 5px);
margin-right: 10px;
}
.block-boxcommon .list .item:nth-child(3n) {
margin-right: 10px;
}
.block-boxcommon .list .item:nth-child(4n), .block-boxcommon .list .item:nth-child(2n), .block-boxcommon .list .item:last-child {
margin-right: 0;
}
}
.block-boxcommon .item-ttl {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
color: #354a48;
letter-spacing: 0em;
background: #eef8f6;
border-radius: 30px 0 30px 0;
width: 100%;
font-weight: bold;
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;
text-align: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 13px 8px 13px;
min-height: 80px;
position: relative;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.block-boxcommon .item-ttl {
height: 80px;
padding: 15px 8px 13px;
}
}
@media screen and (-ms-high-contrast: active) and (max-width: 1200px), screen and (-ms-high-contrast: none) and (max-width: 1200px) {
.block-boxcommon .item-ttl {
font-size: 16px;
font-size: 1.6rem;
padding: 7px 4px 5px;
}
}
@media screen and (-ms-high-contrast: active) and (max-width: 768px), screen and (-ms-high-contrast: none) and (max-width: 768px) {
.block-boxcommon .item-ttl {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (-ms-high-contrast: active) and (max-width: 480px), screen and (-ms-high-contrast: none) and (max-width: 480px) {
.block-boxcommon .item-ttl {
height: 65px;
}
}
.block-boxcommon .item-ttl:hover {
opacity: 0.6;
}
@media screen and (max-width: 1200px) {
.block-boxcommon .item-ttl {
font-size: 15px;
font-size: 1.5rem;
padding: 5px 4px 5px;
}
}
@media screen and (max-width: 768px) {
.block-boxcommon .item-ttl {
font-size: 15px;
font-size: 1.5rem;
}
}
@media screen and (max-width: 480px) {
.block-boxcommon .item-ttl {
font-size: 13px;
font-size: 1.3rem;
min-height: 65px;
}
}
@media screen and (max-width: 374px) {
.block-boxcommon .item-ttl {
font-size: 12px;
font-size: 1.2rem;
}
}
.block-boxcommon .item-ttl:after {
content: '';
height: 7px;
width: 7px;
border-right: 1px solid #354a48;
border-bottom: 1px solid #354a48;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
bottom: 15px;
right: 0;
left: 0;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.block-boxcommon .item-ttl:after {
bottom: 10px;
}
}
.block-boxcommon .item-ttl__des {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.2;
color: #354a48;
width: 100%;
display: inline-block;
position: relative;
font-weight: 500;
top: -9px;
}
@media screen and (max-width: 768px) {
.block-boxcommon .item-ttl__des {
font-size: 9px;
font-size: 0.9rem;
line-height: 1;
top: -12px;
}
}
.block-boxcommon--02 .list .item {
width: calc(50% - 20px);
margin-right: 40px;
}
.block-boxcommon--02 .list .item:nth-child(2n) {
margin-right: 0;
}
@media screen and (max-width: 990px) {
.block-boxcommon--02 .list .item {
width: calc(50% - 10px);
margin-right: 20px;
}
}
@media screen and (max-width: 640px) {
.block-boxcommon--02 .list .item {
width: calc(50% - 7.5px);
margin-right: 15px;
}
}
.block-boxcommon--03 .list .item {
width: calc(33.33% - 26.67px);
margin-right: 40px;
}
.block-boxcommon--03 .list .item:nth-child(3n), .block-boxcommon--03 .list .item:last-child {
margin-right: 0;
}
.block-boxcommon--03 .list .item:nth-child(4n) {
margin-right: 20px;
}
@media screen and (max-width: 990px) {
.block-boxcommon--03 .list .item {
width: calc(50% - 10px);
margin-right: 20px;
}
.block-boxcommon--03 .list .item:nth-child(3n) {
margin-right: 20px;
}
.block-boxcommon--03 .list .item:nth-child(2n), .block-boxcommon--03 .list .item:last-child, .block-boxcommon--03 .list .item:nth-child(4n) {
margin-right: 0;
}
}
@media screen and (max-width: 640px) {
.block-boxcommon--03 .list .item {
width: calc(50% - 7.5px);
margin-right: 15px;
}
.block-boxcommon--03 .list .item:nth-child(3n) {
margin-right: 15px;
}
.block-boxcommon--03 .list .item:nth-child(2n), .block-boxcommon--03 .list .item:last-child, .block-boxcommon--03 .list .item:nth-child(4n) {
margin-right: 0;
}
}
.scrEvent {
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
.scrEvent.fadeIn {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.scrEvent.fade {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.scrEvent.fade.fadeIn {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
@media screen and (min-width: 769px) {
.scrEvent.delay01 {
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
} @-webkit-keyframes line-scroll {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 270px, 0);
transform: translate3d(0, 270px, 0);
}
}
@keyframes line-scroll {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 280px, 0);
transform: translate3d(0, 280px, 0);
}
}
.scroll {
position: absolute;
z-index: 4000;
bottom: 90px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
.scroll {
left: 44%;
bottom: 50px;
}
}
.scroll .c-scroll-text {
letter-spacing: 2px;
font-size: 13px;
color: #FFF;
position: absolute;
top: -20px;
left: 0;
right: 0;
margin: auto;
z-index: 100;
font-weight: bold;
}
.scroll .c-scroll-icon {
width: 21px;
height: 30px;
-webkit-transform: translate3d(-50%, 0%, 0);
transform: translate3d(-50%, 0%, 0);
position: absolute;
left: 30px;
height: 80px;
top: 42%;
margin-top: 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 10;
}
.scroll .c-scroll-icon-line-mask {
height: 140px;
position: relative;
overflow: hidden;
width: 2px;
background: #354a48;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.scroll .c-scroll-icon-line-mask {
height: 80px;
}
}
.scroll .c-scroll-icon-line {
position: absolute;
display: inline-block;
width: 2px;
height: 10px;
background: #FFF;
top: -130px;
left: 0;
-webkit-animation: line-scroll 2s infinite;
animation: line-scroll 2s infinite;
-webkit-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: all cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.main-visual {
position: relative;
}
.main-visual .main-slider {
position: relative;
z-index: 10;
-webkit-transition: 1s ease all;
-o-transition: 1s ease all;
transition: 1s ease all;
pointer-events: none;
}
.main-visual .main-slider .sl-item {
position: relative;
height: 100vh;
background: center/cover no-repeat;
border-radius: 0 5px 0 0;
overflow: hidden;
}
.main-visual .main-slider .sl-item:focus {
outline: none;
}
.main-visual .main-slider .slick-dots {
bottom: inherit;
right: 40px;
top: 50%;
width: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.main-visual .main-slider .slick-dots {
display: none !important;
}
}
.main-visual .main-slider .slick-dots li {
display: block;
margin: 20px 0;
}
.main-visual .main-slider .slick-dots li button::after {
background: #FFF;
}
.main-visual .main-slider .slick-dots li.slick-active button::after {
border-color: #FFF;
background: none;
}
.loading-svg, .sl-item__ttl {
position: absolute;
z-index: 11;
width: 100%;
max-width: 75%;
top: 57%;
left: 0;
right: 0;
margin: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.loading-svg, .sl-item__ttl {
max-width: none;
}
}
@media screen and (max-width: 768px) {
.loading-svg, .sl-item__ttl {
max-width: 98%;
top: 52%;
}
}
.loading-svg img, .sl-item__ttl img {
margin: 0 auto;
width: 100%;
}
.loading-svg span, .sl-item__ttl span {
font-family: "Garamond Premiere Pro";
display: block;
text-align: center;
font-size: 20px;
font-size: 2rem;
color: #fff;
margin-top: 24px;
letter-spacing: 3.5px;
}
@media screen and (max-width: 768px) {
.loading-svg span, .sl-item__ttl span {
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 2px;
margin-top: 10px;
}
}
.top-section.info {
padding: 55px 0 165px;
}
@media screen and (max-width: 768px) {
.top-section.info {
padding: 30px 0 50px;
}
}
.top-section.growth {
padding: 0 0 80px;
}
@media screen and (max-width: 768px) {
.top-section.growth {
padding-bottom: 40px;
}
}
.top-section.benefits {
padding: 65px 0 60px;
background: #f7f7f7;
}
@media screen and (max-width: 768px) {
.top-section.benefits {
padding: 30px 0 35px;
}
}
.top-section.work {
margin-bottom: 105px;
}
@media screen and (max-width: 768px) {
.top-section.work {
margin-bottom: 30px;
}
}
.top-section.voice {
margin-bottom: 115px;
}
@media screen and (max-width: 768px) {
.top-section.voice {
margin-bottom: 70px;
}
}
.top-section.voice .inner {
padding: 0;
}
.concept-block {
background: #f8fcfe url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/index/concept-bg.png) no-repeat center bottom;
background-size: 100% auto;
padding: 115px 0 540px;
}
@media screen and (max-width: 768px) {
.concept-block {
padding: 75px 0 85px;
background-image: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/index/concept-bg-sp.png);
}
}
.concept-block .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: rgba(255,255,255,.8);
padding: 50px 5vw;
}
.concept-block .item__left {
width: 45.3%;
}
@media screen and (min-width: 769px) {
.concept-block .item__left {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media screen and (max-width: 768px) {
.concept-block .item__left {
width: 100%;
}
}
.concept-block .item__right {
width: 54.7%;
padding-left: 6.75%; }
@media screen and (min-width: 769px) {
.concept-block .item__right {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-left: 4.5%;
}
}
@media screen and (min-width: 769px) and (max-width: 1270px) {
.concept-block .item__right {
padding-left: 3vw;
}
}
@media screen and (max-width: 768px) {
.concept-block .item__right {
overflow: hidden;
width: 100%;
padding: 0; }
}
.concept-block .item__ttl {
font-size: 32px;
font-size: 3.2rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
line-height: 1.7;
margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
.concept-block .item__ttl {
font-size: 26px;
font-size: 2.6rem;
}
}
@media screen and (max-width: 768px) {
.concept-block .item__ttl {
font-size: 21px;
font-size: 2.1rem;
margin-bottom: 25px;
}
}
.concept-block .item__text {
font-size: 16px;
font-size: 1.6rem;
line-height: 3;
margin-bottom: 50px;
}
@media screen and (max-width: 1270px) {
.concept-block .item__text {
font-size: 1.25vw;
}
}
@media screen and (max-width: 990px) {
.concept-block .item__text {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 768px) {
.concept-block .item__text {
line-height: 1.9;
margin-bottom: 35px;
}
}
@media screen and (max-width: 768px) {
.concept-block .item .img01 {
width: 78%;
}
}
.concept-block .item .img02 {
display: block;
margin: 150px auto 0;
padding-left: 5%;
}
@media screen and (max-width: 768px) {
.concept-block .item .img02 {
width: 40%;
padding: 0;
float: right;
margin: 40px 10px 0 0;
}
}
.info-block .info-ttl, .sns-block .info-ttl,.terms-block .info-ttl {
text-align: center;
font-size: 32px;
font-size: 3.2rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.info-block .info-ttl, .sns-block .info-ttl,.terms-block .info-ttl {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 20px;
}
}
.info-block .info-list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.info-block .info-list .item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
}
.info-block .info-list .item__date {
width: 115px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.info-block .info-list .item__date {
width: auto;
margin-right: 5px;
}
}
.info-block .info-list .item__cate {
width: 80px;
font-size: 12px;
font-size: 1.2rem;
}
.info-block .info-list .item__cate span {
display: inline-block;
background: #61d7a9;
padding: 3px 15px;
text-align: center;
color: #FFF;
}
@media screen and (max-width: 768px) {
.info-block .info-list .item__cate span {
padding: 0 10px;
line-height: 1.3;
}
}
@media screen and (min-width: 769px) {
.info-block .info-list .item__ttl {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media screen and (max-width: 768px) {
.info-block .info-list .item__ttl {
width: 100%;
}
}
.top-intro-block .item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: -webkit-gradient(linear, right top, left top, color-stop(62%, #eef8f6), color-stop(0%, transparent));
background: -o-linear-gradient(right, #eef8f6 62%, transparent 0%);
background: linear-gradient(to left, #eef8f6 62%, transparent 0%);
margin-bottom: 125px;
}
@media screen and (max-width: 768px) {
.top-intro-block .item {
background: none !important;
margin-bottom: 60px;
}
}
.top-intro-block .item__img {
width: 56.35%;
top: -65px;
position: relative;
z-index: 3;
}
@media screen and (max-width: 768px) {
.top-intro-block .item__img {
top: 0;
width: 100%;
padding: 0 15px;
}
.top-intro-block .item__img img {
width: 100%;
}
}
.top-intro-block .item__text {
width: 43.65%;
padding-left: 4.5%;
padding-top: 30px;
padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
.top-intro-block .item__text {
position: relative;
z-index: 1;
width: 100%;
padding: 90px 0 50px;
background: #eef8f6;
margin-top: -65px;
}
}
.top-intro-block .item__text.scrEvent.fadeIn {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.top-intro-block .item__ttl {
font-size: 31px;
font-size: 3.1rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
letter-spacing: -1px;
margin-bottom: 40px;
line-height: 1.5;
}
@media screen and (max-width: 990px) {
.top-intro-block .item__ttl {
font-size: 22px;
font-size: 2.2rem;
}
}
@media screen and (max-width: 768px) {
.top-intro-block .item__ttl {
font-size: 18px;
font-size: 1.8rem;
padding-left: 12%;
margin-bottom: 30px;
letter-spacing: 0;
}
}
.top-intro-block .item .ttlCom01 {
text-align: left;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.top-intro-block .item .ttlCom01 {
padding-left: 13%;
}
}
.top-intro-block .item--02 {
background: -webkit-gradient(linear, left top, right top, color-stop(62%, #eef8f6), color-stop(20%, transparent));
background: -o-linear-gradient(left, #eef8f6 62%, transparent 20%);
background: linear-gradient(to right, #eef8f6 62%, transparent 20%);
}
@media screen and (max-width: 768px) {
.top-intro-block .item--02 {
margin-bottom: 40px;
}
}
.top-intro-block .item--02::after {
content: "";
display: block;
position: absolute;
height: 100%;
width: 10%;
left: 0;
top: 0;
background: #FFF;
z-index: 1;
}
@media screen and (max-width: 768px) {
.top-intro-block .item--02::after {
display: none;
}
}
@media screen and (min-width: 769px) {
.top-intro-block .item--02 .item__img {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.top-intro-block .item--02 .item__text {
position: relative;
z-index: 2;
padding-right: 5.2%;
padding-left: 0;
}
@media screen and (min-width: 769px) {
.top-intro-block .item--02 .item__text {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
} .top-section.e-resume{
padding-top: 55px;
margin-bottom: 50px;
position: relative;
}
.top-section.e-resume::before{
content:'';
position: absolute;
width: 100%;
background: #eef8f6;
z-index: -1;
top: 120px;
height: calc(100% - 140px);
}
.e-resume-block .item{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px;
}
.e-resume-block .ttlCom01{
text-align: left;
margin-bottom: 40px;
}
.e-resume-block .item__ttl{
font-size: 3.1rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
letter-spacing: -1px;
margin-bottom: 30px;
line-height: 1.5;
}
.e-resume-block .item__text > p{
font-size: 1.6rem;
line-height: 2;
}
.e-resume-block .item__img{
max-width: 380px;
padding-left: 4.5%;
}
.e-resume .entry-btn > span{
font-size: 2rem;
color: #61D7A9;
font-weight: 700;
position: relative;
display: inline-block;
}
.e-resume .entry-btn > span::before,.e-resume .entry-btn > span::after{
content:'';
width: 1px;
height: 30px;
background: #61D7A9;
position: absolute;
}
.e-resume .entry-btn > span::before{
-webkit-transform: rotate(-25deg);
-ms-transform: rotate(-25deg);
transform: rotate(-25deg);
left: -30px;
}
.e-resume .entry-btn > span::after{
-webkit-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
right: -30px;
} 
.e-resume .entry-btn .btn{
width: 90%;
max-width: 470px;
height: 80px;
line-height: 80px;
margin: 5px auto 0;
}
.e-resume .entry-campaign{
max-width: 968px;
margin: 0 auto 20px;
text-align: center;
}
@media screen and (max-width: 768px) {
.e-resume-block .item{
flex-flow: column;
gap: 30px;
}
.e-resume-block .item__ttl{
font-size: 2.1rem;
}
.e-resume-block .item__img{
padding-left: 0;
width: 80%;
max-width: 300px;
}
.top-section.e-resume::before{
top: 80px;
height: calc(100% - 100px);
}
.e-resume .entry-btn > span{
font-size: 1.5rem;
letter-spacing: 0.05em;
}
.e-resume .entry-btn > span::before, .e-resumek .entry-btn > span::after{
height: 40px;
top: 1px;
}
.e-resume .entry-btn > span::after{
right: -20px;
}
.e-resume .entry-btn > span::before{
left: -20px;
}
.e-resume .entry-campaign{
max-width: 400px;
width: 90%;
}
} .menu-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.menu-block .item {
width: 49.2%;
margin: 0 1.6% 20px 0;
}
.menu-block .item:nth-of-type(2n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.menu-block .item {
width: 100%;
margin: 0 0 15px;
}
}
.menu-block .item a {
display: block;
position: relative;
color: #FFF;
}
.menu-block .item a:hover .item__img img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.menu-block .item__img {
position: relative;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.menu-block .item__img img {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.menu-block .item__ttl {
font-size: 26px;
font-size: 2.6rem;
color: #FFF;
position: absolute;
top: 50%;
left: 0;
right: 0;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 990px) {
.menu-block .item__ttl {
font-size: 21px;
font-size: 2.1rem;
}
}
@media screen and (max-width: 768px) {
.menu-block .item__ttl {
font-size: 20px;
font-size: 2rem;
}
}
.menu-block--work {
margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
.menu-block--work {
margin-bottom: 25px;
}
}
.menu-block--work .item {
width: 31.75%;
margin: 0 2.375% 30px 0;
}
@media screen and (min-width: 769px) {
.menu-block--work .item:nth-of-type(2n) {
margin-right: 2.375%;
}
.menu-block--work .item:nth-of-type(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.menu-block--work .item {
width: 48%;
margin: 0 4% 15px 0;
}
.menu-block--work .item:nth-of-type(2n) {
margin-right: 0;
}
}
.menu-block--work .item__img {
border-radius: 40px 0 40px 0;
}
.menu-block--work .item__ttl {
font-size: 22px;
font-size: 2.2rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 990px) {
.menu-block--work .item__ttl {
font-size: 19px;
font-size: 1.9rem;
}
}
@media screen and (max-width: 768px) {
.menu-block--work .item__ttl {
top: 55%;
line-height: 1.3;
}
}
.menu-block--work .item__ttl span {
display: block;
font-size: 14px;
font-size: 1.4rem;
}
@media screen and (max-width: 990px) {
.menu-block--work .item__ttl span {
font-size: 13px;
font-size: 1.3rem;
}
}
@media screen and (max-width: 768px) {
.menu-block--work .item__ttl span {
font-size: 12px;
font-size: 1.2rem;
}
}
.voice-block {
padding: 0 95px;
}
@media screen and (max-width: 768px) {
.voice-block {
padding: 0;
max-width: 414px;
margin: 0 auto;
}
}
.voice-block .item {
position: relative;
min-height: 450px;
background: #f5f5f5;
}
@media screen and (max-width: 768px) {
.voice-block .item {
min-height: 430px;
padding: 20px 25px 0;
}
}
.voice-block .item__inner {
display: block;
width: 100%;
height: 100%;
padding: 0 5.5%;
}
.voice-block .item__img {
position: absolute;
bottom: 0;
right: 0;
}
@media screen and (max-width: 768px) {
.voice-block .item__img {
max-width: 414px;
left: 0;
margin: auto;
}
}
@media screen and (min-width: 769px) {
.voice-block .item__content {
position: absolute;
top: 50%;
left: 5.5%;
z-index: 2;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media screen and (max-width: 768px) {
.voice-block .item__content {
position: relative;
z-index: 2;
}
}
.voice-block .item__ttl {
font-size: 36px;
font-size: 3.6rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
margin-bottom: 10px;
line-height: 1.6;
font-weight: 600;
}
@media screen and (max-width: 990px) {
.voice-block .item__ttl {
font-size: 28px;
font-size: 2.8rem;
}
}
@media screen and (max-width: 768px) {
.voice-block .item__ttl {
font-size: 17px;
font-size: 1.7rem;
}
}
.voice-block .item__text {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.voice-block .item__text {
font-size: 13px;
font-size: 1.3rem;
}
}
@media screen and (max-width: 768px) {
.voice-block .item__text .kana {
font-size: 24px;
font-size: 2.4rem;
font-family: photograph;
color: #61d7a9;
padding-left: 10px;
display: inline-block;
vertical-align: middle;
line-height: 1;
}
}
.voice-block .item__name {
font-size: 24px;
font-size: 2.4rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
letter-spacing: 3px;
margin-top: 10px;
}
.voice-block .item__name .kana {
font-size: 34px;
font-size: 3.4rem;
font-family: photograph;
color: #61d7a9;
padding-left: 20px;
display: inline-block;
vertical-align: middle;
}
.loading {
background: #66d46e;
background: -o-linear-gradient(315deg, #66d46e 17%, #5ed9cf 52%, #b2eadc 100%);
background: linear-gradient(135deg, #66d46e 17%, #5ed9cf 52%, #b2eadc 100%);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10000;
}
.loading .loading-svg {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
.loading .loading-svg {
min-width: 255px;
}
}
.st0 {
fill: #FFFFFF;
}
@-webkit-keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-1 {
-webkit-animation: animate-svg-fill-1 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both;
animation: animate-svg-fill-1 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s both;
}
@-webkit-keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-2 {
-webkit-animation: animate-svg-fill-2 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both;
animation: animate-svg-fill-2 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.56s both;
}
@-webkit-keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-3 {
-webkit-animation: animate-svg-fill-3 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s both;
animation: animate-svg-fill-3 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.62s both;
}
@-webkit-keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-4 {
-webkit-animation: animate-svg-fill-4 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s both;
animation: animate-svg-fill-4 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.68s both;
}
@-webkit-keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-5 {
-webkit-animation: animate-svg-fill-5 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s both;
animation: animate-svg-fill-5 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.74s both;
}
@-webkit-keyframes animate-svg-fill-6 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-6 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-6 {
-webkit-animation: animate-svg-fill-6 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
animation: animate-svg-fill-6 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}
@-webkit-keyframes animate-svg-fill-7 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-7 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-7 {
-webkit-animation: animate-svg-fill-7 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.86s both;
animation: animate-svg-fill-7 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.86s both;
}
@-webkit-keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-8 {
-webkit-animation: animate-svg-fill-8 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s both;
animation: animate-svg-fill-8 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.92s both;
}
@-webkit-keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-9 {
-webkit-animation: animate-svg-fill-9 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s both;
animation: animate-svg-fill-9 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.98s both;
}
@-webkit-keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-10 {
-webkit-animation: animate-svg-fill-10 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s both;
animation: animate-svg-fill-10 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.04s both;
}
@-webkit-keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-11 {
-webkit-animation: animate-svg-fill-11 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
animation: animate-svg-fill-11 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}
@-webkit-keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-12 {
-webkit-animation: animate-svg-fill-12 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s both;
animation: animate-svg-fill-12 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.16s both;
}
@-webkit-keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-13 {
-webkit-animation: animate-svg-fill-13 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s both;
animation: animate-svg-fill-13 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.22s both;
}
@-webkit-keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-14 {
-webkit-animation: animate-svg-fill-14 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s both;
animation: animate-svg-fill-14 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.28s both;
}
@-webkit-keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-15 {
-webkit-animation: animate-svg-fill-15 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.34s both;
animation: animate-svg-fill-15 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.34s both;
}
@-webkit-keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-16 {
-webkit-animation: animate-svg-fill-16 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
animation: animate-svg-fill-16 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}
@-webkit-keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-17 {
-webkit-animation: animate-svg-fill-17 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.46s both;
animation: animate-svg-fill-17 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.46s both;
}
@-webkit-keyframes animate-svg-fill-18 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-18 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-18 {
-webkit-animation: animate-svg-fill-18 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s both;
animation: animate-svg-fill-18 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.52s both;
}
@-webkit-keyframes animate-svg-fill-19 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-19 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-19 {
-webkit-animation: animate-svg-fill-19 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.58s both;
animation: animate-svg-fill-19 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.58s both;
}
@-webkit-keyframes animate-svg-fill-20 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-20 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-20 {
-webkit-animation: animate-svg-fill-20 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.64s both;
animation: animate-svg-fill-20 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.64s both;
}
@-webkit-keyframes animate-svg-fill-21 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-21 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-21 {
-webkit-animation: animate-svg-fill-21 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
animation: animate-svg-fill-21 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s both;
}
@-webkit-keyframes animate-svg-fill-22 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-22 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-22 {
-webkit-animation: animate-svg-fill-22 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.76s both;
animation: animate-svg-fill-22 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.76s both;
}
@-webkit-keyframes animate-svg-fill-23 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-23 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-23 {
-webkit-animation: animate-svg-fill-23 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.82s both;
animation: animate-svg-fill-23 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.82s both;
}
@-webkit-keyframes animate-svg-fill-24 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-24 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-24 {
-webkit-animation: animate-svg-fill-24 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.88s both;
animation: animate-svg-fill-24 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.88s both;
}
@-webkit-keyframes animate-svg-fill-25 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-25 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-25 {
-webkit-animation: animate-svg-fill-25 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.94s both;
animation: animate-svg-fill-25 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1.94s both;
}
@-webkit-keyframes animate-svg-fill-26 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
@keyframes animate-svg-fill-26 {
0% {
fill: transparent;
}
100% {
fill: white;
}
}
.svg-elem-26 {
-webkit-animation: animate-svg-fill-26 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
animation: animate-svg-fill-26 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}
.people-talk {
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.people-talk {
margin-bottom: 50px;
}
}
.people-talk__block {
border-radius: 30px 0 30px 0;
background: -o-linear-gradient(45deg, #f6f6f6 120%, #eeeeee 100%);
background: linear-gradient(45deg, #f6f6f6 120%, #eeeeee 100%);
padding: 72px 79px 75px;
position: relative;
}
@media screen and (max-width: 1366px) {
.people-talk__block {
padding: 5.271vw 5.783vw 5.490vw;
}
}
@media screen and (max-width: 768px) {
.people-talk__block {
border-radius: 0;
padding: 35px 44px;
margin: 0 -15px;
overflow: hidden;
background: -webkit-gradient(linear, left top, left bottom, color-stop(120%, #f5f5f5), to(#eeeeee));
background: -o-linear-gradient(top, #f5f5f5 120%, #eeeeee 100%);
background: linear-gradient(to bottom, #f5f5f5 120%, #eeeeee 100%);
}
}
@media screen and (max-width: 374px) {
.people-talk__block {
padding: 15px 15px;
}
}
.people-talk__img {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
}
.people-talk__img img {
width: 100%;
}
.people-talk__content {
margin-right: 300px;
position: relative;
}
@media screen and (max-width: 1200px) {
.people-talk__content {
margin-right: 250px;
}
}
@media screen and (max-width: 768px) {
.people-talk__content {
margin: 0 0 70vw;
}
}
.people-talk__ttl {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
font-size: 36px;
font-size: 3.6rem;
line-height: 1.5;
font-weight: 500;
letter-spacing: 1.8px;
margin-bottom: 28px;
}
@media screen and (max-width: 1366px) {
.people-talk__ttl {
font-size: 2.635vw;
}
}
@media screen and (max-width: 768px) {
.people-talk__ttl {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
margin-bottom: 20px;
}
}
.people-talk__txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.58;
font-weight: 500;
letter-spacing: 2px;
margin-bottom: 6px;
max-width: 555px;
}
.people-talk__txt:last-child {
line-height: 1.86;
margin-bottom: 0;
}
.people-talk__name {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
font-size: 24px;
font-size: 2.4rem;
line-height: 1.25;
font-weight: 500;
letter-spacing: 4px;
margin-bottom: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 990px) {
.people-talk__name {
font-size: 20px;
font-size: 2rem;
}
}
@media screen and (max-width: 768px) {
.people-talk__name {
font-size: 16px;
font-size: 1.6rem;
}
}
.people-talk__name .signature {
font-weight: normal;
font-family: photograph;
font-size: 34px;
font-size: 3.4rem;
line-height: 1.41;
color: #61d7a9;
display: inline-block;
margin-left: 13px;
letter-spacing: 3.5px;
}
@media screen and (max-width: 768px) {
.people-talk__name .signature {
font-size: 24px;
font-size: 2.4rem;
}
}
.other-interview {
padding: 72px 0 95px;
}
@media screen and (max-width: 1220px) {
.other-interview {
padding: 72px 95px 95px;
}
}
@media screen and (max-width: 768px) {
.other-interview {
padding: 50px 0;
}
}
@media screen and (min-width: 769px) and (max-width: 1220px) {
.other-interview .inner--sm {
max-width: 100%;
padding: 0;
}
}
.other-interview__ttl {
text-align: center;
font-family: "Lato", sans-serif;
font-size: 30px;
font-size: 3rem;
font-weight: bold;
letter-spacing: 3px;
margin-bottom: 44px;
}
@media screen and (max-width: 768px) {
.other-interview__ttl {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
margin-bottom: 20px;
}
}
.other-interview__slide .slick-list {
margin: 0 -20px;
}
@media screen and (max-width: 990px) {
.other-interview__slide .slick-list {
margin: 0 -10px;
}
}
@media screen and (max-width: 768px) {
.other-interview__slide .slick-list {
margin: 0 -7.5px;
}
}
.other-interview__slide .slick-prev, .other-interview__slide .slick-next {
top: 33.6%;
}
@media screen and (max-width: 1220px) {
.other-interview__slide .slick-prev, .other-interview__slide .slick-next {
top: 30%;
}
}
@media screen and (max-width: 768px) {
.other-interview__slide .slick-prev, .other-interview__slide .slick-next {
top: 29%;
}
}
@media screen and (max-width: 413px) {
.other-interview__slide .slick-prev, .other-interview__slide .slick-next {
top: 38%;
}
}
.other-interview__slide .slick-prev {
left: -121px;
}
@media screen and (max-width: 1220px) {
.other-interview__slide .slick-prev {
left: -90px;
}
}
@media screen and (max-width: 768px) {
.other-interview__slide .slick-prev {
left: 13px;
}
}
.other-interview__slide .slick-next {
right: -120px;
}
@media screen and (max-width: 1220px) {
.other-interview__slide .slick-next {
right: -90px;
}
}
@media screen and (max-width: 768px) {
.other-interview__slide .slick-next {
right: 13px;
}
}
.other-interview__slide .item {
margin: 0 20px;
-webkit-backface-visibility: hidden;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (max-width: 990px) {
.other-interview__slide .item {
margin: 0 10px;
}
}
@media screen and (max-width: 768px) {
.other-interview__slide .item {
margin: 0 7.5px;
}
}
.other-interview__slide .item:hover {
opacity: 0.7;
}
.other-interview__slide .item__img {
margin-bottom: 24px;
border-radius: 25px 0px 25px 0px;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.other-interview__slide .item__img {
margin-bottom: 15px;
}
}
.other-interview__slide .item__img img {
width: 100%;
}
.other-interview__slide .item__ttl {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
font-size: 22px;
font-size: 2.2rem;
line-height: 1.36;
font-weight: 500;
letter-spacing: 2px;
margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
.other-interview__slide .item__ttl {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 10px;
}
}
.other-interview__slide .item__txt {
font-weight: 500;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.other-interview__slide .item__txt {
font-size: 14px;
font-size: 1.4rem;
}
}
.banner img {
width: 100%;
}
.gray-box {
background-color: #f7f7f7;
padding: 98px 0 110px;
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.gray-box {
padding: 50px 0;
margin-bottom: 50px;
}
}
.gray-box .ttlCom03 {
margin-bottom: 22px;
}
@media screen and (max-width: 768px) {
.gray-box .ttlCom03 {
margin-bottom: 30px;
}
}
.gray-box .txt {
text-align: center;
font-size: 16px;
font-size: 1.6rem;
line-height: 2.25;
font-weight: 500;
letter-spacing: 1.5px;
margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
.gray-box .txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 2;
margin-bottom: 30px;
text-align: left;
}
}
.gray-box--style02 .box {
margin-bottom: 31px;
}
@media screen and (max-width: 768px) {
.gray-box--style02 .box {
margin-bottom: 0;
}
}
.gray-box--style02 .common-post {
margin-bottom: 23px;
}
@media screen and (max-width: 768px) {
.gray-box--style02 .common-post {
margin-bottom: 0;
}
}
@media screen and (min-width: 1061px) {
.gray-box--style02 .common-post .item__body {
max-width: 56.4%;
-webkit-box-flex: 0;
-ms-flex: 0 0 56.4%;
flex: 0 0 56.4%;
}
}
@media screen and (min-width: 1061px) {
.gray-box--style02 .common-post .item__img {
margin-right: -20%;
max-width: 63.6%;
-webkit-box-flex: 0;
-ms-flex: 0 0 63.6%;
flex: 0 0 63.6%;
}
}
@media screen and (max-width: 1366px) {
.gray-box--style02 .common-post .item__img img {
max-width: 45.388vw;
}
}
@media screen and (max-width: 1059px) {
.gray-box--style02 .common-post .item__img img {
max-width: 100%;
}
}
@media screen and (min-width: 769px) {
.gray-box--style02 .common-post .item__txt {
max-width: 440px;
}
}
.box-plan__diagram {
margin-bottom: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.box-plan__diagram .diagram__left {
width: 37.68%;
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__left {
width: 100%;
padding-bottom: 30px;
margin-bottom: 10px;
position: relative;
}
.box-plan__diagram .diagram__left:after {
content: '';
position: absolute;
width: 12px;
height: 30px;
bottom: 0;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/growth/ico-down.png) no-repeat center;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.box-plan__diagram .diagram__right {
width: 62.32%;
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__right {
width: 100%;
}
}
.box-plan__diagram .diagram__body {
text-align: center;
}
.box-plan__diagram .diagram__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__head {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 0;
}
}
.box-plan__diagram .diagram__step {
position: relative;
}
.box-plan__diagram .diagram__step .ttl {
font-weight: bold;
font-size: 18px;
font-size: 1.8rem;
color: #6FBA96;
margin-bottom: 5px;
}
@media screen and (max-width: 1200px) {
.box-plan__diagram .diagram__step .ttl {
font-size: 16px;
font-size: 1.6rem;
}
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step .ttl {
font-size: 13px;
font-size: 1.3rem;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step .ttl {
font-size: 14px;
font-size: 1.4rem;
text-align: center;
}
}
@media screen and (max-width: 480px) {
.box-plan__diagram .diagram__step .ttl {
font-size: 8px;
font-size: 0.8rem;
}
}
.box-plan__diagram .diagram__step .text {
font-weight: bold;
color: #ffffff;
font-size: 22px;
font-size: 2.2rem;
letter-spacing: 0.15em;
text-align: center;
padding: 17px 5px 14px;
position: relative;
z-index: 10;
}
@media screen and (max-width: 1200px) {
.box-plan__diagram .diagram__step .text {
font-size: 20px;
font-size: 2rem;
}
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step .text {
font-size: 15px;
font-size: 1.5rem;
padding: 14px 5px;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step .text {
padding: 10px 5px;
}
}
@media screen and (max-width: 480px) {
.box-plan__diagram .diagram__step .text {
font-size: 11px;
font-size: 1.1rem;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.box-plan__diagram .diagram__step .text {
height: 61px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 17px 5px 8px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1200px) {
.box-plan__diagram .diagram__step .text {
padding: 14px 5px 7px;
height: 59px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 990px) {
.box-plan__diagram .diagram__step .text {
padding: 5px 5px 0;
height: 49px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 768px) {
.box-plan__diagram .diagram__step .text {
height: 41px;
}
}
.box-plan__diagram .diagram__step--style01 {
padding-right: 32.5%;
margin-bottom: 8px;
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step--style01 {
padding-right: 24.5%;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style01 {
padding-right: 0;
}
}
.box-plan__diagram .diagram__step--style01:after {
content: '';
position: absolute;
width: 133px;
height: 30px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/growth/ico-next-diagram.png) no-repeat center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step--style01:after {
background-size: contain;
width: 86px;
height: 20px;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style01:after {
display: none;
}
}
.box-plan__diagram .diagram__step--style01 .text {
width: 99.9%;
margin-top: 30px;
background-color: #70B66B;
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step--style01 .text {
margin-top: 23px;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style01 .text {
margin-top: 0;
}
}
.box-plan__diagram .diagram__step--style02 {
padding-right: 16.047%;
padding-bottom: 73px;
width: 59.34%;
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step--style02 {
padding-bottom: 40px;
padding-right: 15.047%;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style02 {
width: calc(50% - 15px);
padding-right: 0;
padding-bottom: 30px;
margin-bottom: 10px;
}
}
.box-plan__diagram .diagram__step--style02:after {
content: '';
position: absolute;
z-index: 1;
width: 133px;
height: 30px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/growth/ico-next-diagram.png) no-repeat center;
top: 45px;
right: 0;
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step--style02:after {
background-size: contain;
width: 86px;
height: 20px;
top: 39px;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style02:after {
content: '';
position: absolute;
width: 12px;
height: 30px;
bottom: 0;
top: auto;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/growth/ico-down.png) no-repeat center;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.box-plan__diagram .diagram__step--style02:before {
content: '';
position: absolute;
z-index: -1;
width: 99px;
height: 99px;
right: 121px;
bottom: 0;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/growth/ico-down1-diagram.png) no-repeat center;
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step--style02:before {
background-size: contain;
width: 75px;
height: 75px;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style02:before {
content: '';
position: absolute;
width: 50px;
height: 20px;
right: -31px;
top: 47%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/growth/ico-next-diagram.png) no-repeat center/contain;
}
}
@media screen and (max-width: 480px) {
.box-plan__diagram .diagram__step--style02:before {
top: 43%;
}
}
.box-plan__diagram .diagram__step--style02 .text {
background-color: #70B66B;
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step--style02 .text {
margin-top: 23px;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style02 .text {
margin-top: 24px;
}
}
@media screen and (max-width: 480px) {
.box-plan__diagram .diagram__step--style02 .text {
margin-top: 16px;
}
}
.box-plan__diagram .diagram__step--style03 {
padding-bottom: 73px;
width: 40.66%;
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step--style03 {
padding-bottom: 40px;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style03 {
width: calc(50% - 15px);
padding-bottom: 30px;
margin-bottom: 10px;
}
}
.box-plan__diagram .diagram__step--style03:before {
content: '';
position: absolute;
z-index: -1;
width: 99px;
height: 99px;
left: 16px;
bottom: 0;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/growth/ico-down2-diagram.png) no-repeat center;
}
@media screen and (max-width: 990px) {
.box-plan__diagram .diagram__step--style03:before {
background-size: contain;
width: 75px;
height: 75px;
}
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style03:before {
content: '';
position: absolute;
width: 12px;
height: 30px;
bottom: 0;
top: auto;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/growth/ico-down.png) no-repeat center;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.box-plan__diagram .diagram__step--style03 .text {
background-color: #6FBA96;
}
.box-plan__diagram .diagram__step--style04 .ttl {
color: #6CBDBB;
}
.box-plan__diagram .diagram__step--style04 .text {
background-color: #6CBDBB;
max-width: 328px;
display: block;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__step--style04 .text {
max-width: none;
}
}
.box-plan__diagram .diagram__txt {
font-weight: 500;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.72;
}
@media screen and (max-width: 768px) {
.box-plan__diagram .diagram__txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 2;
}
}
@media screen and (max-width: 480px) {
.box-plan__diagram .diagram__txt {
font-size: 11px;
font-size: 1.1rem;
line-height: 1.5;
}
}
.box-plan__body {
position: relative;
background: #ffffff;
padding: 55px 36px;
}
@media screen and (max-width: 990px) {
.box-plan__body {
padding: 30px 20px;
}
}
@media screen and (max-width: 768px) {
.box-plan__body {
padding: 25px 15px;
}
}
.box-plan__body .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.box-plan__body .row .col {
width: 33.3333%;
padding: 0 10px;
}
@media screen and (max-width: 768px) {
.box-plan__body .row .col {
width: 100%;
margin-bottom: 15px;
}
.box-plan__body .row .col:last-child {
margin-bottom: 0;
}
}
.box-plan__ttl {
position: absolute;
z-index: 2;
left: 29px;
top: -13px;
}
@media screen and (max-width: 990px) {
.box-plan__ttl {
left: 20px;
}
}
@media screen and (max-width: 768px) {
.box-plan__ttl {
left: 5px;
}
}
.box-plan__txt {
width: 100%;
font-weight: bold;
font-size: 22px;
font-size: 2.2rem;
padding: 16px 5px;
background-color: #A7CD31;
color: #ffffff;
text-align: center;
height: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.box-plan__txt {
padding: 16px 5px 10px;
}
}
@media screen and (max-width: 990px) {
.box-plan__txt {
font-size: 17px;
font-size: 1.7rem;
}
}
@media screen and (max-width: 768px) {
.box-plan__txt {
font-size: 16px;
font-size: 1.6rem;
padding: 10px 5px;
}
}
.box-style .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -19px;
}
.box-style .item {
width: 33.3333%;
padding: 0 19px;
margin-bottom: 68px;
text-align: center;
}
@media screen and (max-width: 768px) {
.box-style .item {
width: 50%;
margin-bottom: 50px;
}
}
@media screen and (max-width: 420px) {
.box-style .item {
width: 100%;
}
}
.box-style .item:nth-child(1) .item__ttl {
background-color: #70B66B;
}
.box-style .item:nth-child(2) .item__ttl {
background-color: #6FBB96;
}
.box-style .item:nth-child(3) .item__ttl {
background-color: #6CBDBB;
}
.box-style .item:nth-child(4) .item__ttl {
background-color: #70B66B;
}
.box-style .item:nth-child(5) .item__ttl {
background-color: #6FBA96;
}
.box-style .item:nth-child(6) .item__ttl {
background-color: #6CBDBB;
}
.box-style .item__img {
margin-bottom: 16px;
}
.box-style .item__ttl {
font-weight: bold;
color: #ffffff;
font-size: 22px;
font-size: 2.2rem;
padding: 4px 3px 2px;
display: block;
max-width: 249px;
margin: 0 auto 15px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.box-style .item__ttl {
padding: 6px 3px 0;
}
}
@media screen and (max-width: 1200px) {
.box-style .item__ttl {
font-size: 18px;
font-size: 1.8rem;
}
}
@media screen and (max-width: 768px) {
.box-style .item__ttl {
font-size: 16px;
font-size: 1.6rem;
padding: 7px 5px 4px;
}
}
.box-style .item__txt {
font-weight: 500;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.box-style .item__txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 2;
}
}
.sec-recruit-info {
padding: 34px 0 120px;
}
@media screen and (max-width: 768px) {
.sec-recruit-info {
padding: 0 0px 50px;
}
}
.sec-recruit-info .ttlCom03 {
margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
.sec-recruit-info .ttlCom03 {
margin-bottom: 30px;
}
}
.sec-recruit-info .wrap {
margin-bottom: 100px;
border-bottom: 1px solid #c5c5c5;
}
@media screen and (max-width: 768px) {
.sec-recruit-info .wrap {
margin-bottom: 50px;
}
}
.sec-recruit-info .wrap.border-none {
border: none;
}
.sec-recruit-info .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -20px;
}
@media screen and (max-width: 768px) {
.sec-recruit-info .row {
margin: 0 -8px;
}
}
@media screen and (max-width: 420px) {
.sec-recruit-info .row {
margin: 0 0 20px;
}
}
.sec-recruit-info .item {
width: 100%;
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 0 20px;
position: relative;
margin-bottom: 74px;
}
@media screen and (max-width: 768px) {
.sec-recruit-info .item {
padding: 0 8px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 420px) {
.sec-recruit-info .item {
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 30px;
padding: 0;
}
}
@media screen and (min-width: 769px) {
.sec-recruit-info .item:hover .item__img img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
}
.sec-recruit-info .item__img {
border-radius: 30px 0 30px 0;
overflow: hidden;
position: relative;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.sec-recruit-info .item__img:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(27, 67, 52, 0.3);
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-radius: 30px 0 30px 0;
}
.sec-recruit-info .item__img img {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
border-radius: 30px 0 30px 0;
}
.sec-recruit-info .item__ttl {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 56.4%;
text-align: center;
z-index: 2;
color: #ffffff;
}
@media screen and (max-width: 768px) {
.sec-recruit-info .item__ttl {
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
}
.sec-recruit-info .item__ttl span {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
font-weight: 600;
font-size: 22px;
font-size: 2.2rem;
display: block;
}
@media screen and (max-width: 768px) {
.sec-recruit-info .item__ttl span {
font-size: 16px;
font-size: 1.6rem;
}
}
.sec-recruit-info .item__ttl small {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
display: block;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
line-height: 1;
letter-spacing: 0.16em;
}
.box-info {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.6;
border: 1px solid #C5C5C5;
margin-top: -44px;
padding: 30px 24px 20px;
}
.box-info .ttl {
font-weight: bold;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 24px;
}
.box-info .list-box-info {
margin-top: 20px;
}
.box-info .list-box-info li {
border-bottom: 1px solid #E9E9E9;
padding: 17px 0px 15px;
}
.box-info .list-box-info li p {
margin-bottom: 10px;
}
.box-info .list-box-info li span {
display: block;
margin-bottom: 10px;
}
.box-info .list-box-info li strong {
font-weight: bold;
display: block;
margin-bottom: 7px;
font-size: 14px;
font-size: 1.4rem;
}
.box-info .list-box-info li:last-child {
border-bottom: 0;
}
.box-info .list-box-info li:last-child strong {
margin-bottom: 15px;
padding-top: 18px;
}
.sec-boxcommon {
margin-bottom: 47px;
}
.block-bg {
margin-bottom: 77px;
}
@media screen and (max-width: 768px) {
.block-bg {
margin-bottom: 35px;
}
}
.block-bg img {
width: 100%;
}
@media screen and (min-width: 769px) {
.common-post-lh .item__txt {
line-height: 2.25;
}
}
.box-feature {
margin-bottom: 62px;
padding: 52px 48px 48px 60px;
background: #f7f7f7;
border-radius: 30px 0 30px 0;
}
@media screen and (max-width: 768px) {
.box-feature {
padding: 25px 30px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 640px) {
.box-feature {
padding: 25px 15px;
margin-bottom: 50px;
}
}
.box-feature__ttl {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.5;
letter-spacing: 0.16em;
font-weight: bold;
margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
.box-feature__ttl {
font-size: 20px;
font-size: 2rem;
}
}
.box-feature .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
line-height: 2.25;
}
.box-feature .list .item {
padding-right: 30px;
width: 49%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-left: 28px;
}
@media screen and (max-width: 1200px) {
.box-feature .list .item {
width: 100%;
padding-right: 0;
}
}
.box-feature .list .item:nth-child(2n + 1) {
width: 51%;
}
@media screen and (max-width: 1200px) {
.box-feature .list .item:nth-child(2n + 1) {
width: 100%;
}
}
.box-feature .list .item:before {
content: "";
width: 16px;
height: 12px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/work/icon-check.png) no-repeat center center;
background-size: cover;
padding-right: 5px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
left: 0;
top: 11px;
}
.box-feature--02 .list .item {
width: 58.5%;
}
@media screen and (max-width: 1200px) {
.box-feature--02 .list .item {
width: 100%;
}
}
.box-feature--02 .list .item:nth-child(2n + 1) {
width: 41.5%;
}
@media screen and (max-width: 1200px) {
.box-feature--02 .list .item:nth-child(2n + 1) {
width: 100%;
}
}
.box-feature--03 .list .item {
width: 60.4%;
}
@media screen and (max-width: 1200px) {
.box-feature--03 .list .item {
width: 100%;
}
}
.box-feature--03 .list .item:nth-child(2n + 1) {
width: 39.6%;
}
@media screen and (max-width: 1200px) {
.box-feature--03 .list .item:nth-child(2n + 1) {
width: 100%;
}
}
.box-feature--04 .list .item {
width: 61.7%;
}
@media screen and (max-width: 1200px) {
.box-feature--04 .list .item {
width: 100%;
}
}
.box-feature--04 .list .item:nth-child(2n + 1) {
width: 38.3%;
}
@media screen and (max-width: 1200px) {
.box-feature--04 .list .item:nth-child(2n + 1) {
width: 100%;
}
}
.box-feature--05 .list .item {
width: 78.5%;
}
@media screen and (max-width: 1200px) {
.box-feature--05 .list .item {
width: 100%;
}
}
.box-feature--05 .list .item:nth-child(2n + 1) {
width: 21.5%;
}
@media screen and (max-width: 1200px) {
.box-feature--05 .list .item:nth-child(2n + 1) {
width: 100%;
}
}
.box-schedule {
background: #eef8f6;
padding: 79px 0 41px;
}
@media screen and (max-width: 768px) {
.box-schedule {
padding: 50px 0 50px;
}
}
.box-schedule__ttl {
font-size: 32px;
font-size: 3.2rem;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
font-weight: 500;
line-height: 1;
letter-spacing: 0.16em;
margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
.box-schedule__ttl {
font-size: 30px;
font-size: 3rem;
}
}
.box-schedule__ttldes {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.67;
letter-spacing: 0.1em;
font-weight: bold;
margin-bottom: 9px;
}
.box-schedule__time {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
padding: 5.5px 5px;
background: #fff;
width: 60px;
text-align: center;
display: inline-block;
margin-right: 4px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.box-schedule__time {
padding: 5px 5px 1px;
}
}
.box-schedule__des {
line-height: 1.875;
padding-right: 39px;
}
@media screen and (max-width: 480px) {
.box-schedule__des {
padding-right: 0;
margin-bottom: 10px;
}
}
.box-schedule .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.box-schedule .list .item {
width: calc(33.33% - 23.33px);
margin-right: 35px;
margin-bottom: 32px;
position: relative;
}
.box-schedule .list .item:nth-child(3n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.box-schedule .list .item {
width: calc(50% - 15px);
margin-right: 30px;
}
.box-schedule .list .item:nth-child(3n) {
margin-right: 30px;
}
.box-schedule .list .item:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 480px) {
.box-schedule .list .item {
width: 100%;
margin-right: 0;
margin-bottom: 0;
padding-bottom: 30px;
}
.box-schedule .list .item:nth-child(2n), .box-schedule .list .item:nth-child(3n) {
margin-right: 0;
}
}
.box-schedule .list .item:after {
content: "";
width: 14px;
height: 14px;
border-right: 1px solid #354a48;
border-bottom: 1px solid #354a48;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
display: inline-block;
position: absolute;
top: 50%;
right: 0;
}
@media screen and (max-width: 768px) {
.box-schedule .list .item:after {
right: 10px;
}
}
@media screen and (max-width: 480px) {
.box-schedule .list .item:after {
-webkit-transform: translateY(0%) rotate(45deg);
-ms-transform: translateY(0%) rotate(45deg);
transform: translateY(0%) rotate(45deg);
right: 0;
top: auto;
bottom: 15px;
left: 0;
margin: 0 auto;
}
}
.block-link {
padding: 60px 0 100px;
}
@media screen and (max-width: 768px) {
.block-link {
padding: 50px 0;
}
}
.block-link > .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
@media screen and (-ms-high-contrast: active) and (max-width: 768px), screen and (-ms-high-contrast: none) and (max-width: 768px) {
.block-link > .inner {
display: block;
}
}
.block-link .btn {
max-width: 470px;
width: calc(50% - 20px);
margin-right: 40px;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
gap: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.block-link .btn {
padding: 19px 10px 10px 10px;
}
}
@media screen and (max-width: 990px) {
.block-link .btn {
padding: 10px 10px 6px;
}
}
@media screen and (max-width: 768px) {
.block-link .btn {
width: 100%;
margin: 0px auto 30px;
padding: 10px;
}
.block-link .btn:last-child {
margin-bottom: 0;
}
}
.block-link .btn:last-child {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.block-link .btn:last-child {
margin-right: auto;
margin-bottom: 0;
}
}
.ttl-comp32 {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.75;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
letter-spacing: 0.01em;
margin-bottom: 39px;
font-weight: 500;
}
@media screen and (max-width: 1200px) {
.ttl-comp32 {
font-size: 23px;
font-size: 2.3rem;
}
}
@media screen and (max-width: 990px) {
.ttl-comp32 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.6;
}
}
@media screen and (max-width: 374px) {
.ttl-comp32 {
font-size: 15px;
font-size: 1.5rem;
margin-bottom: 15px;
}
}
.sec-introstaff {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.sec-introstaff {
margin-bottom: 0;
}
}
.block-introstaff .item {
margin-bottom: 153px;
}
.block-introstaff .item a {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
@media screen and (max-width: 990px) {
.block-introstaff .item {
margin-bottom: 75px;
}
}
@media screen and (max-width: 768px) {
.block-introstaff .item {
margin-bottom: 50px;
}
}
.block-introstaff .item:nth-child(even) a {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.block-introstaff .item:nth-child(even) .txt-des {
padding-right: 38px;
padding-left: 0;
text-align: right;
margin-top: 10px;
}
@media screen and (max-width: 1200px) {
.block-introstaff .item:nth-child(even) .txt-des {
padding-left: 25px;
}
}
@media screen and (max-width: 990px) {
.block-introstaff .item:nth-child(even) .txt-des {
margin-top: 45px;
padding-right: 10px;
}
}
@media screen and (max-width: 374px) {
.block-introstaff .item:nth-child(even) .txt-des {
margin-top: 30px;
padding-right: 0;
}
}
.block-introstaff .item:nth-child(even) .txt-des .function {
padding-right: 14px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.block-introstaff .item:nth-child(even) .txt-des .txt-small {
padding-right: 19px;
}
@media screen and (max-width: 374px) {
.block-introstaff .item:nth-child(even) .txt-des .txt-small {
padding-right: 10px;
}
}
.block-introstaff .item:nth-child(even) .img {
text-align: right;
}
.block-introstaff .item:nth-child(even) .img:after {
right: 41%;
left: auto;
}
@media screen and (max-width: 990px) {
.block-introstaff .item:nth-child(even) .img:after {
right: 25px;
left: 0;
}
}
@media screen and (max-width: 374px) {
.block-introstaff .item:nth-child(even) .img:after {
right: 15px;
}
}
.block-introstaff .item:nth-child(even) .ttl-comp32 {
margin-bottom: 15px;
}
.block-introstaff .img {
width: 50%;
position: relative;
}
.block-introstaff .img img {
width: 100%;
}
@media screen and (max-width: 990px) {
.block-introstaff .img img {
width: calc(100% - 25px);
}
}
@media screen and (max-width: 374px) {
.block-introstaff .img img {
width: calc(100% - 15px);
}
}
@media screen and (max-width: 990px) {
.block-introstaff .img {
width: 100%;
}
}
.block-introstaff .img:after {
content: '';
width: 100%;
height: 100%;
display: inline-block;
background: #eef8f6;
position: absolute;
margin: auto;
left: 41%;
z-index: -1;
top: 12.5%;
}
@media screen and (max-width: 990px) {
.block-introstaff .img:after {
left: 25px;
top: 25px;
right: 0;
width: auto;
}
}
@media screen and (max-width: 374px) {
.block-introstaff .img:after {
left: 15px;
top: 15px;
}
}
.block-introstaff .txt-des {
width: 50%;
padding-left: 60px;
margin-top: -9px;
}
@media screen and (max-width: 1366px) {
.block-introstaff .txt-des {
padding-left: 35px;
}
}
@media screen and (max-width: 1200px) {
.block-introstaff .txt-des {
padding-left: 25px;
margin-top: 25px;
}
}
@media screen and (max-width: 990px) {
.block-introstaff .txt-des {
width: 100%;
margin-top: 45px;
padding-left: 25px;
}
}
@media screen and (max-width: 374px) {
.block-introstaff .txt-des {
margin-top: 30px;
padding-left: 15px;
}
}
.block-introstaff .txt-des .function {
margin-bottom: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-introstaff .txt-des .function__jp {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.153;
margin-right: 23px;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
font-weight: 400;
}
@media screen and (max-width: 768px) {
.block-introstaff .txt-des .function__jp {
font-size: 24px;
font-size: 2.4rem;
}
}
@media screen and (max-width: 374px) {
.block-introstaff .txt-des .function__jp {
font-size: 16px;
font-size: 1.6rem;
width: 100%;
margin-right: 0;
display: inline-block;
}
}
.block-introstaff .txt-des .function__en {
font-size: 34px;
font-size: 3.4rem;
letter-spacing: 0.1em;
line-height: 0.9;
color: #61d7a9;
font-family: photograph;
font-weight: 400;
}
@media screen and (max-width: 768px) {
.block-introstaff .txt-des .function__en {
font-size: 32px;
font-size: 3.2rem;
line-height: 1;
}
}
.block-introstaff .txt-des .txt-small {
line-height: 1.93;
}
.bg-gray {
background: #f5f5f5;
}
.bg-lightgreen {
background: #e7f2f0;
}
.sec-boxcommon--mb {
margin-bottom: 33px;
}
.sec-fresher {
padding: 96px 0 0px;
}
@media screen and (max-width: 768px) {
.sec-fresher {
padding: 50px 0 0;
}
}
.sec-fresher .ttlCom03 {
margin-bottom: 24px;
}
.sec-fresher .txt-fresherdes {
margin-bottom: 48px;
}
.sec-fresher .txtBasic-lh {
line-height: 2.25;
font-weight: 500;
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.sec-fresher .ttl-comp32 {
font-size: 26px;
font-size: 2.6rem;
}
}
.block-fresher__des {
padding: 88px 0 68px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/recruit/freshers/img-01.png) no-repeat center center;
background-size: cover;
text-align: left;
margin-bottom: 86px;
}
@media screen and (max-width: 768px) {
.block-fresher__des {
padding: 50px 0 50px;
margin-bottom: 50px;
}
}
.block-fresher__des .ttl-comp32 {
margin-bottom: 10px;
}
.block-fresher__des .list {
margin-bottom: 12px;
}
.block-fresher__des .list.txt-lg {
font-weight: bold;
}
.block-fresher__des .list .item {
display: inline-block;
width: 100%;
font-weight: bold;
}
.block-fresher__des .txtBasic {
margin-bottom: 28px;
font-weight: 500;
}
.block-fresher__des .btn {
margin-left: 0;
}
.block-fresher__des--modify {
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/recruit/freshers/img-02.png) no-repeat center center;
background-size: cover;
}
.block-fresher .ttl-comp32 {
font-weight: 500;
}
.block-summary .ttl-comp32 {
margin-bottom: 23px;
}
.block-summary__tb {
padding: 60px 60px 80px 79px;
background: #fff;
border-radius: 30px 0 30px 0;
margin-bottom: 110px;
}
@media screen and (max-width: 1200px) {
.block-summary__tb {
padding: 45px 45px 45px;
}
}
@media screen and (max-width: 768px) {
.block-summary__tb {
padding: 25px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 374px) {
.block-summary__tb {
padding: 25px 15px;
}
}
.block-summary__tb .list .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #c5c5c5;
}
.block-summary__tb .list .item:last-child {
border-bottom: 1px solid #c5c5c5;
}
.block-summary__tb .list .item__th {
width: 150px;
background: #eef8f6;
padding: 24px 10px 22px;
min-height: 79px;
text-align: center;
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;
font-weight: bold;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.block-summary__tb .list .item__th {
padding: 26px 10px 22px;
}
}
@media screen and (max-width: 768px) {
.block-summary__tb .list .item__th {
width: 100%;
min-height: 50px;
padding: 15px 2px 15px 15px;
border-bottom: 1px solid #c5c5c5;
}
}
@media screen and (max-width: 768px) and (-ms-high-contrast: active), screen and (max-width: 768px) and (-ms-high-contrast: none) {
.block-summary__tb .list .item__th {
padding: 17px 2px 14px 15px;
}
}
.block-summary__tb .list .item__td {
width: calc(100% - 150px);
padding: 24px 10px 24px 38px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.block-summary__tb .list .item__td {
padding: 28px 10px 23px 38px;
}
}
@media screen and (max-width: 768px) {
.block-summary__tb .list .item__td {
width: 100%;
padding: 15px;
min-height: 50px;
}
}
.block-summary__tb--bg .list .item__th {
background: #f5f5f5;
}
.block-process {
padding: 62px 0 76px;
background: #fff;
}
@media screen and (max-width: 768px) {
.block-process {
padding: 50px 0 50px;
}
}
.block-process .ttl-comp32 {
margin-bottom: 13px;
}
.block-process .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-process .list .item {
width: calc(100% / 6);
padding-right: 30px;
position: relative;
height: 110px;
}
@media screen and (max-width: 990px) {
.block-process .list .item {
width: 33.33%;
margin-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
.block-process .list .item {
width: 100%;
height: 80px;
margin-bottom: 50px;
padding-right: 0;
}
.block-process .list .item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 640px) {
.block-process .list .item {
height: 50px;
margin-bottom: 40px;
}
}
@media screen and (max-width: 768px) {
.block-process .list .item:last-child .bg:after {
display: none;
}
}
.block-process .list .item .bg {
height: 100%;
width: 100%;
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;
}
@media screen and (max-width: 768px) {
.block-process .list .item .bg {
position: relative;
}
}
.block-process .list .item .bg:after {
content: '';
width: 0;
height: 0;
border-top: 55px solid transparent;
border-bottom: 55px solid transparent;
position: absolute;
right: 0.2px;
top: 0;
bottom: 0;
}
@media screen and (max-width: 768px) {
.block-process .list .item .bg:after {
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
top: calc( 100% + 2px);
right: 0;
left: 0;
bottom: auto;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.block-process .list .item .bg:after {
border-top-width: 20px;
border-bottom-width: 20px;
}
}
.block-process .list .item .txt {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
line-height: 1.5;
padding: 5px 10px 0 0;
text-align: center;
z-index: 5;
}
@media screen and (max-width: 768px) {
.block-process .list .item .txt {
padding: 0;
}
}
.block-process .list .item.bg-01 .bg {
background: #f5f5f5;
}
.block-process .list .item.bg-01 .bg:after {
border-left: 30px solid #f5f5f5;
}
@media screen and (max-width: 768px) {
.block-process .list .item.bg-01 .bg:after {
border-left-width: 25px;
}
}
@media screen and (max-width: 640px) {
.block-process .list .item.bg-01 .bg:after {
border-left-width: 20px;
}
}
.block-process .list .item.bg-02 .bg {
background: #e0f6e2;
}
.block-process .list .item.bg-02 .bg:after {
border-left: 30px solid #e0f6e2;
}
@media screen and (max-width: 768px) {
.block-process .list .item.bg-02 .bg:after {
border-left-width: 25px;
}
}
@media screen and (max-width: 640px) {
.block-process .list .item.bg-02 .bg:after {
border-left-width: 20px;
}
}
.block-process .list .item.bg-03 .bg {
background: #c2eec5;
}
.block-process .list .item.bg-03 .bg:after {
border-left: 30px solid #c2eec5;
}
@media screen and (max-width: 768px) {
.block-process .list .item.bg-03 .bg:after {
border-left-width: 25px;
}
}
@media screen and (max-width: 640px) {
.block-process .list .item.bg-03 .bg:after {
border-left-width: 20px;
}
}
.block-process .list .item.bg-04 .bg {
background: #a3e5a8;
}
.block-process .list .item.bg-04 .bg:after {
border-left: 30px solid #a3e5a8;
}
@media screen and (max-width: 768px) {
.block-process .list .item.bg-04 .bg:after {
border-left-width: 25px;
}
}
@media screen and (max-width: 640px) {
.block-process .list .item.bg-04 .bg:after {
border-left-width: 20px;
}
}
.block-process .list .item.bg-05 .bg {
background: #81deb0;
}
.block-process .list .item.bg-05 .bg:after {
border-left: 30px solid #81deb0;
}
@media screen and (max-width: 768px) {
.block-process .list .item.bg-05 .bg:after {
border-left-width: 25px;
}
}
@media screen and (max-width: 640px) {
.block-process .list .item.bg-05 .bg:after {
border-left-width: 20px;
}
}
.block-process .list .item.bg-06 .bg {
background: #5ed9cf;
}
.block-process .list .item.bg-06 .bg:after {
border-left: 30px solid #5ed9cf;
}
.block-link.block-link--full {
padding: 83px 0 82px;
display: inline-block;
width: 100%;
}
@media screen and (max-width: 768px) {
.block-link.block-link--full {
padding: 50px 0 50px;
}
}
.block-link.block-link--full a {
width: 100%;
max-width: 100%;
min-height: 100px;
}
@media screen and (max-width: 768px) {
.block-link.block-link--full a {
min-height: 80px;
}
}
.sec-entry {
margin-bottom: 128px;
}
@media screen and (max-width: 768px) {
.sec-entry {
margin-bottom: 50px;
}
}
.sec-entry__txt {
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
line-height: 2.25;
letter-spacing: 0.12em;
text-align: center;
margin-bottom: 49px;
}
@media screen and (max-width: 768px) {
.sec-entry__txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 2;
margin-bottom: 30px;
}
}
@media screen and (max-width: 374px) {
.sec-entry__txt {
font-size: 12px;
font-size: 1.2rem;
}
}
.sec-entry__des {
border-top: 1px solid #C5C5C5;
padding-top: 54px;
margin-bottom: 112px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: 0.12em;
line-height: 1.875;
}
@media screen and (max-width: 768px) {
.sec-entry__des {
padding-top: 50px;
margin-bottom: 50px;
font-size: 14px;
font-size: 1.4rem;
line-height: 2;
}
}
.sec-entry__des .wrap {
max-width: 640px;
margin: 0 auto;
}
.sec-entry__des p {
margin-bottom: 30px;
} section.e-resume-entry{
margin-bottom: 60px;
background: #EDF7F5;
padding: 60px 0;
} .common-form__error {
padding-left: 21px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/entry/ico-error.png) no-repeat left 1px;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
letter-spacing: 0.08em;
color: #C60000;
display: inline-block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.common-form__error {
background-position-y: 0;
}
}
.common-form .error {
padding-left: 21px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/entry/ico-error.png) no-repeat left 1px;
font-size: 12px !important;
display: block !important;
margin-top: 7px;
font-weight: bold !important;
letter-spacing: 0.08em;
color: #C60000 !important;
}
.common-form__txt {
font-size: 12px;
font-size: 1.2rem;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.08em;
text-align: center;
padding: 59px 0 35px;
}
@media screen and (max-width: 768px) {
.common-form__txt {
padding: 50px 0 30px;
}
}
.common-form__checkbox {
display: inline-block;
position: relative;
padding-left: 22px;
margin-bottom: 17px;
cursor: pointer;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (max-width: 768px) {
.common-form__checkbox {
margin-bottom: 15px;
}
}
@media screen and (max-width: 374px) {
.common-form__checkbox {
font-size: 13px;
font-size: 1.3rem;
}
}
.common-form__checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.common-form__checkbox input:checked ~ .checkmark {
background-color: #3B8AFF;
border-color: #3B8AFF;
}
.common-form__checkbox input:checked ~ .checkmark:after {
display: block;
}
.common-form__checkbox .checkmark {
position: absolute;
top: 2px;
left: 0;
height: 14px;
width: 14px;
background-color: #F2F2F2;
border: 1px solid #DFDFDF;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.common-form__checkbox .checkmark {
top: 0;
}
}
@media screen and (max-width: 374px) {
.common-form__checkbox .checkmark {
top: 1px;
}
}
.common-form__checkbox .checkmark:after {
content: "";
position: absolute;
display: none;
left: 3px;
top: 0;
width: 4px;
height: 7px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.common-form__btn {
border: none;
max-width: 380px;
line-height: 60px;
height: 60px;
margin: 0 auto;
}
.common-form .item {
border-bottom: 1px solid #C5C5C5;
padding: 12px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.common-form .item {
padding: 10px 0;
}
}
.common-form .item:first-child {
border-top: 1px solid #C5C5C5;
}
@media screen and (min-width: 769px) {
.common-form .item:first-child {
padding: 21px 0 14px;
}
}
@media screen and (min-width: 769px) {
.common-form .item:first-child .item__label {
padding: 1px 38px 0 0;
}
}
.common-form .item textarea {
min-height: 160px;
vertical-align: top;
}
.common-form .item.hidden {
display: none;
}
.common-form .item__label {
width: 23.68%;
padding: 9px 38px 0 0;
}
@media screen and (max-width: 768px) {
.common-form .item__label {
width: 100%;
padding: 0;
margin-bottom: 10px;
}
}
.common-form .item__content {
width: 76.32%;
}
@media screen and (max-width: 768px) {
.common-form .item__content {
width: 100%;
}
}
.common-form .item__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 8px;
}
.common-form .item__ttl {
text-align: right;
padding-right: 42px;
position: relative;
}
@media screen and (max-width: 768px) {
.common-form .item__ttl {
text-align: left;
display: inline-block;
}
}
.common-form .item__ttl span {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.86;
letter-spacing: 0.08em;
}
.common-form .item__ttl small {
position: absolute;
right: 0;
top: 4px;
display: inline-block;
font-size: 10px;
font-size: 1rem;
font-weight: bold;
letter-spacing: 0.08em;
background-color: #61D7A9;
border-radius: 9.5px;
padding: 2px 6px;
color: #ffffff;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.common-form .item__ttl small {
top: 2px;
padding: 4px 6px 1px;
}
}
.common-form .item__checkbox {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.86;
letter-spacing: 0.086em;
font-weight: bold;
margin-right: 29px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
cursor: pointer;
}
.common-form .item__checkbox > input {
display: none;
}
.common-form .item__checkbox > input:checked ~ .checkmark {
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/entry/ico-checkbox-active.png) no-repeat center;
}
.common-form .item__checkbox .checkmark {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/entry/ico-checkbox.png) no-repeat center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.common-form .item__checkbox .checkmark {
position: relative;
top: -2px;
}
}
.common-form .item .mwform-radio-field {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.86;
letter-spacing: 0.086em;
font-weight: bold;
margin-right: 29px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
cursor: pointer;
margin-left: 0 !important;
}
.common-form .item__tip {
padding: 20px 83px;
background-color: #EFF8F7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 1200px) {
.common-form .item__tip {
padding: 20px;
}
}
@media screen and (max-width: 768px) {
.common-form .item__tip {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 15px;
}
}
.common-form .item__tip span {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 20px;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.86;
letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
.common-form .item__tip span {
width: 100%;
margin-bottom: 10px;
}
}
.common-form .item__tip img {
margin-left: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.common-form .item__tip img {
margin: auto;
}
}
.common-form .item__input {
border: 1px solid #E9E9E9;
background-color: #F2F2F2;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.86;
padding: 8px 15px;
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 640px) {
.common-form .item__input {
padding: 5px 10px;
}
}
.common-form .item__input:focus {
border: 3px solid #61D7A9;
padding: 6px 13px;
outline: none;
background-color: #ffffff;
}
@media screen and (max-width: 640px) {
.common-form .item__input:focus {
padding: 3px 8px;
}
}
.common-form .item__input--short {
max-width: 400px;
}
.common-form .item__input--error {
border: 1px solid #FFA8A8;
background-color: #FFD8D8;
}
.common-form .item__year {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 22px;
}
@media screen and (max-width: 640px) {
.common-form .item__year {
margin-right: 15px;
}
}
.common-form .item__year input {
max-width: 103px;
margin-right: 5px;
}
@media screen and (max-width: 640px) {
.common-form .item__year input {
max-width: 88px;
margin-right: 3px;
}
}
.common-form .item__year span {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.86;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.common-form .item__year span {
padding-top: 6px;
}
}
.common-form .item__date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 20px;
}
@media screen and (max-width: 640px) {
.common-form .item__date {
margin-right: 15px;
}
}
.common-form .item__date input {
max-width: 53px;
margin-right: 6px;
}
@media screen and (max-width: 640px) {
.common-form .item__date input {
margin-right: 3px;
}
}
.common-form .item__date span {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
line-height: 1.86;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.common-form .item__date span {
padding-top: 6px;
}
}
.common-form .item__select {
border: 1px solid #E9E9E9;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.86;
padding: 8px 15px;
width: 100%;
max-width: 197px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
outline: none;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/entry/ico-select.png) no-repeat right center, #F2F2F2;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.common-form .item__select {
padding: 10px 15px 6px;
}
}
@media screen and (max-width: 640px) {
.common-form .item__select {
padding: 5px 10px;
}
}
.common-form .item__select::-ms-expand {
display: none;
}
.common-form .item__txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.86;
font-weight: 500;
letter-spacing: 0.08em;
}
.common-form--confirm {
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.common-form--confirm {
margin-bottom: 50px;
}
}
@media screen and (min-width: 769px) {
.common-form--confirm .item {
padding: 22px 0 20px;
}
}
@media screen and (min-width: 769px) {
.common-form--confirm .item:first-child {
padding: 21px 0 19px;
}
}
@media screen and (min-width: 769px) {
.common-form--confirm .item__label {
padding: 0 38px 0 0;
}
}
.box-notify {
border: 1px solid #C5C5C5;
height: 260px;
overflow-y: scroll;
padding: 28px 25px 0;
margin-bottom: 65px;
-ms-overflow-style: none;
}
.box-notify::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 768px) {
.box-notify {
padding: 15px;
margin-bottom: 50px;
}
}
.box-notify .ttl {
text-align: center;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0.08em;
font-weight: bold;
line-height: 1.86;
margin-bottom: 21px;
}
@media screen and (max-width: 768px) {
.box-notify .ttl {
margin-bottom: 15px;
}
}
.box-notify .heading {
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
letter-spacing: 0.08em;
margin-bottom: 5px;
}
.box-notify .txt {
font-weight: 500;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.6;
}
.box-notify .wrap:not(:last-child) {
padding-bottom: 16px;
border-bottom: 1px solid #E9E9E9;
margin-bottom: 18px;
}
@media screen and (max-width: 768px) {
.box-notify .wrap:not(:last-child) {
padding-bottom: 15px;
margin-bottom: 15px;
}
}
.box-notify .wrap:last-child {
margin-bottom: 28px;
}
@media screen and (max-width: 768px) {
.box-notify .wrap:last-child {
margin-bottom: 15px;
}
}
.sec-entry02 .common-form .item__wrap {
padding-bottom: 10px;
position: relative;
}
.sec-entry02 .common-form .item__wrap .error {
position: absolute;
bottom: -19px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/entry/ico-error.png) no-repeat top 5px left 1px;
}
.sec-entry02 .common-form .radio .error {
position: static;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/entry/ico-error.png) no-repeat left 1px;
width: 100% !important;
}
.mw_wp_form .ttl-confirm {
display: none !important;
}
.mw_wp_form .flex-btn {
margin-top: 30px;
display: none !important;
}
.mw_wp_form .common-form__checkbox02 {
display: block;
margin-bottom: 17px;
font-weight: bold;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 14px;
font-size: 1.4rem;
}
.mw_wp_form .common-form__checkbox02 .mwform-checkbox-field {
display: block;
}
.mw_wp_form .common-form__checkbox02 .error {
display: inline-block !important;
}
.input_select {
width: 63px;
height: 42px;
margin-right: 6px;
border-radius: 0px !important;
}
@media screen and (max-width: 768px) {
.input_select__box .item__date {
margin-right: 6px;
}
}
.mw_wp_form_confirm .common-form__checkbox02 {
display: none !important;
}
.mw_wp_form_confirm .ttl-form {
display: none !important;
}
.mw_wp_form_confirm .btn-form {
display: none !important;
}
.mw_wp_form_confirm .ttl-confirm {
display: block !important;
}
.mw_wp_form_confirm .item__tip {
display: none !important;
}
.mw_wp_form_confirm .flex-btn {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.mw_wp_form_confirm .flex-btn {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.mw_wp_form_confirm .flex-btn .btn {
margin: 0 15px;
}
@media screen and (max-width: 768px) {
.mw_wp_form_confirm .flex-btn .btn {
margin-bottom: 12px;
width: 100% !important;
}
}
@media screen and (max-width: 768px) {
.mw_wp_form_confirm .flex-btn .btn:last-child {
margin-bottom: 0;
}
}
.mw_wp_form_confirm .item__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-size: 1.4rem;
}
.mw_wp_form_confirm .item__content .item__wrap {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.block-career {
padding: 82px 0 70px;
}
@media screen and (max-width: 768px) {
.block-career {
padding: 50px 0 50px;
}
}
.block-career .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-career .list .item {
width: calc(33.33% - 24.667px);
margin-right: 37px;
background: #f4faf9;
border-radius: 30px 0 30px 0;
padding: 27px 30px 22px 30px;
margin-bottom: 30px;
}
.block-career .list .item:nth-child(3n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.block-career .list .item:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 1200px) {
.block-career .list .item {
width: calc( 50% - 15px);
margin-right: 30px;
}
.block-career .list .item:nth-child(3n) {
margin-right: 30px;
}
.block-career .list .item:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
.block-career .list .item {
width: calc( 50% - 15px);
margin-right: 30px;
}
.block-career .list .item:nth-child(3n) {
margin-right: 30px;
}
.block-career .list .item:nth-child(2n) {
margin-right: 0;
}
}
@media screen and (max-width: 640px) {
.block-career .list .item {
width: 100%;
margin-right: 0;
}
.block-career .list .item:nth-child(3n) {
margin-right: 0px;
}
.block-career .list .item:nth-child(2n) {
margin-right: 0;
}
}
.block-career .list .item .txtBasic {
line-height: 1.4375;
color: #354a48;
font-weight: bold;
margin-bottom: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.block-career .list .item .txtBasic:before {
content: '';
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/recruit/career/icon-map.png) no-repeat center center;
background-size: cover;
width: 19px;
height: 24px;
margin-right: 5px;
display: inline-block;
min-width: 19px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.block-career .list .item .txtBasic:before {
position: relative;
top: -4px;
}
}
.block-career.bg-gray .list .item {
background: #fff;
}
.block-career .btn {
width: 100%;
max-width: 100%;
}
.block-career .ttlCom03 {
margin-bottom: 58px;
}
@media screen and (max-width: 768px) {
.block-career .ttlCom03 {
margin-bottom: 35px;
}
.block-career .ttlCom03__lg {
display: inline-block;
width: 100%;
}
}
.block-career .txtBasic-lh {
margin-bottom: 43px;
}
.block-career .item-ttl {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
color: #61d7a9;
font-weight: bold;
margin-bottom: 1px;
}
.block-career .item-des {
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
letter-spacing: 0.1em;
color: #354a48;
font-weight: bold;
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.block-career .item-des {
font-size: 18px;
font-size: 1.8rem;
}
}
@media screen and (max-width: 640px) {
.block-career .item-des {
font-size: 17px;
font-size: 1.7rem;
}
}
.block-career:nth-child(1) {
padding: 85px 0 75px;
}
@media screen and (max-width: 768px) {
.block-career:nth-child(1) {
padding: 50px 0 50px;
}
}
.block-career:nth-child(1) .ttlCom03 {
margin-bottom: 23px;
}
.block-career--modify {
padding: 85px 0 75px;
}
@media screen and (max-width: 768px) {
.block-career--modify {
padding: 50px 0 50px;
}
}
.block-career--modify .ttlCom03 {
margin-bottom: 23px;
}
.block-career:last-child {
border-bottom: 1px solid #c5c5c5;
}
.common-style {
padding: 70px 0 80px;
}
@media screen and (max-width: 768px) {
.common-style {
padding: 50px 0 50px;
}
}
.common-style .ttlCom01 {
margin-bottom: 34px;
}
@media screen and (max-width: 768px) {
.common-style .ttlCom01 {
margin-bottom: 30px;
}
}
.common-style .common-mb {
padding-bottom: 78px;
text-align: center;
letter-spacing: 0.05em;
line-height: 2.25;
}
@media screen and (max-width: 768px) {
.common-style .common-mb {
padding-bottom: 50px;
}
}
.block-interest .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-interest .list .item {
width: calc( 33.33% - 24.67px);
margin-right: 37px;
margin-bottom: 30px;
border-radius: 30px 0 30px 0;
background: #eef8f6;
padding: 76px 30px 46px;
position: relative;
}
.block-interest .list .item:nth-child(3n) {
margin-right: 0;
}
@media screen and (max-width: 1366px) {
.block-interest .list .item:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 1366px) {
.block-interest .list .item {
width: calc(33.33% -  1.6vw);
margin-right: 2.4vw;
padding: 5.5vw 2.0vw 1.4vw 2.0vw;
}
}
@media screen and (max-width: 768px) {
.block-interest .list .item {
width: 100%;
margin-right: 0;
padding: 30px 15px 15px;
margin-bottom: 30px;
}
.block-interest .list .item:last-child {
margin-bottom: 0;
}
}
.block-interest__number {
font-family: "Lato", sans-serif;
line-height: 1;
font-size: 48px;
font-size: 4.8rem;
color: #354a48;
background: -webkit-linear-gradient(-20deg, #45ce4f, #32cfc2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: bold;
position: absolute;
top: -25px;
letter-spacing: 0.16em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.block-interest__number {
color: #45ce4f;
background: none;
-webkit-text-fill-color: #45ce4f;
}
}
@media screen and (max-width: 768px) {
.block-interest__number {
font-size: 45px;
font-size: 4.5rem;
}
}
.block-interest__ttl {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.2;
letter-spacing: 0.16em;
color: #354a48;
font-weight: 500;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
text-align: center;
margin-bottom: 48px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.block-interest__ttl {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 25px;
}
}
@media screen and (max-width: 640px) {
.block-interest__ttl {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 25px;
}
}
.block-interest__ttl span {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0;
text-transform: uppercase;
display: inline-block;
width: 100%;
padding-top: 7px;
}
@media screen and (max-width: 768px) {
.block-interest__ttl span {
font-size: 12px;
font-size: 1.2rem;
}
}
.block-interest .txtBasic {
line-height: 1.875;
letter-spacing: 0.16em;
padding-left: 18px;
padding-right: 16px;
display: inline-block;
width: 100%;
}
@media screen and (max-width: 1366px) {
.block-interest .txtBasic {
padding-left: 1.5vw;
padding-right: 1.2vw;
}
}
@media screen and (max-width: 768px) {
.block-interest .txtBasic {
padding: 0 15px;
}
}
@media screen and (max-width: 374px) {
.block-interest .txtBasic {
padding: 0;
}
}
.sec-promise {
padding: 0 0 70px 0;
}
@media screen and (max-width: 768px) {
.sec-promise {
padding: 0 0 50px 0;
}
}
.sec-business {
padding: 70px 0 105px;
}
@media screen and (max-width: 768px) {
.sec-business {
padding: 50px 0 50px;
}
}
.sec-business .txtBasic {
padding-bottom: 36px;
}
.sec-community {
padding: 90px 0 28px;
}
@media screen and (max-width: 768px) {
.sec-community {
padding: 50px 0 0px;
}
}
.sec-community .ttlCom01 {
margin-bottom: 41px;
}
@media screen and (max-width: 768px) {
.sec-community .ttlCom01 {
margin-bottom: 30px;
}
}
.sec-community .txtBasic {
padding-bottom: 66px;
}
@media screen and (max-width: 768px) {
.sec-community .txtBasic {
padding-bottom: 40px;
}
}
.common-post .item__logo {
display: inline-block;
margin: 30px 0px 0px;
}
@media screen and (min-width: 769px) {
.common-post--other .item--dir {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.common-post--other .item--dir .item__img:after {
left: -70%;
}
.common-post--other .item--dir .item__body {
padding: 0 115px 0 0px;
}
}
.common-post--other .item__img {
width: 56%;
max-width: 56%;
-webkit-box-flex: 0;
-ms-flex: 0 0 56%;
flex: 0 0 56%;
}
@media screen and (max-width: 768px) {
.common-post--other .item__img {
width: 100%;
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.common-post--other .item__img:after {
content: '';
position: absolute;
z-index: -1;
background-color: #eef8f6;
top: 113px;
bottom: auto;
width: 103%;
height: 94%;
left: 70%;
}
@media screen and (max-width: 768px) {
.common-post--other .item__img:after {
top: 15px;
bottom: -15px;
left: 15px;
width: 100%;
height: 100%;
}
}
.common-post--other .item__body {
width: 50%;
max-width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 0 0 0 52px;
}
@media screen and (max-width: 1366px) {
.common-post--other .item__body {
padding: 0 0 0 3.9vw;
}
}
@media screen and (max-width: 768px) {
.common-post--other .item__body {
width: 100%;
max-width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0;
}
}
.common-post--other .item {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
.common-post--other .item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.common-post--other .item__ttl {
margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
.common-post--other .item__ttl {
margin-bottom: 30px;
}
}
.common-post--other .item__txt {
line-height: 2.25;
}
.block-business {
text-align: center;
position: relative;
z-index: 3;
}
@media screen and (max-width: 768px) {
.block-business {
width: 75%;
margin: 0 auto;
}
}
@media screen and (max-width: 374px) {
.block-business {
width: 100%;
}
}
.block-business__content {
position: relative;
}
@media screen and (max-width: 640px) {
.block-business__content {
position: static;
}
}
.box-business {
padding: 45px 45px;
background: rgba(200, 232, 225, 0.851);
border-radius: 30px 0 30px;
width: 640px;
opacity: 0;
display: none;
position: absolute;
-webkit-transition: al 0.2s ease-in;
-o-transition: al 0.2s ease-in;
transition: al 0.2s ease-in;
z-index: 3;
}
@media screen and (max-width: 1366px) {
.box-business {
padding: 3.3vw 3.3vw;
}
}
@media screen and (max-width: 768px) {
.box-business {
max-width: 640px;
width: calc(100%);
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.box-business .txtBasic {
padding-bottom: 2.6vw;
}
}
.box-business.linkid01, .box-business.linkid02, .box-business.linkid03, .box-business.linkid04, .box-business.linkid05, .box-business.linkid06 {
top: calc(50% - 3.5vw);
right: 0;
left: 0;
bottom: auto;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.box-business.linkid01, .box-business.linkid02, .box-business.linkid03, .box-business.linkid04, .box-business.linkid05, .box-business.linkid06 {
top: 50%;
}
}
@media screen and (max-width: 640px) {
.box-business.linkid01, .box-business.linkid02, .box-business.linkid03, .box-business.linkid04, .box-business.linkid05, .box-business.linkid06 {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.box-business.hover {
opacity: 1;
display: block;
}
.box-business .icon-close {
position: absolute;
top: 15px;
right: 15px;
z-index: 10;
}
.box-business .ttl-popup {
font-size: 28px;
font-size: 2.8rem;
line-height: 1.07;
letter-spacing: 0.16em;
font-weight: 700;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.box-business .ttl-popup {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 10px;
}
}
.box-business .ttl-popup__en {
font-size: 14px;
font-size: 1.4rem;
text-transform: uppercase;
display: inline-block;
width: 100%;
font-weight: 500;
}
@media screen and (max-width: 768px) {
.box-business .ttl-popup__en {
font-size: 12px;
font-size: 1.2rem;
}
}
.box-business__popup {
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;
position: relative;
z-index: 3;
}
.box-business__txt {
width: 55%;
text-align: left;
padding-right: 25px;
}
@media screen and (max-width: 1200px) {
.box-business__txt {
width: 80%;
}
}
@media screen and (max-width: 768px) {
.box-business__txt {
padding-right: 1.8vw;
}
}
.box-business__img {
width: 45%;
}
@media screen and (max-width: 1200px) {
.box-business__img {
width: 20%;
}
}
.box-business .link_showmore a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 13px;
font-size: 1.3rem;
line-height: 1.3;
}
@media screen and (max-width: 768px) {
.box-business .link_showmore a {
font-size: 11px;
font-size: 1.1rem;
}
}
.box-business .link_showmore a:after {
content: '';
height: 6px;
width: 30px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/about/icon-more.png) no-repeat center center;
background-size: cover;
display: inline-block;
margin-left: 10px;
-webkit-transition: all ease-in 0.3s;
-o-transition: all ease-in 0.3s;
transition: all ease-in 0.3s;
}
.box-business .link_showmore a:hover:after {
margin-left: 15px;
}
map area {
outline: none;
}
.list-popup {
position: relative;
max-width: 600px;
margin: 67px auto 106px;
}
.list-popup .list-img-map li {
position: absolute;
}
.list-popup .list-img-map li .box-map {
display: block;
width: 180px;
cursor: pointer;
height: 180px;
border-radius: 50%;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
}
.list-popup .list-img-map li .box-map:hover {
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.list-popup .list-img-map li:nth-child(1) {
top: -90px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.list-popup .list-img-map li:nth-child(2) {
top: -7px;
right: -11px;
}
.list-popup .list-img-map li:nth-child(3) {
top: 50%;
right: -88px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.list-popup .list-img-map li:nth-child(4) {
bottom: -2%;
right: -14px;
}
.list-popup .list-img-map li:nth-child(5) {
bottom: -108px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.list-popup .list-img-map li:nth-child(6) {
bottom: -17%;
left: -6px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.list-popup .list-img-map li:nth-child(7) {
top: 50%;
left: -92px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.list-popup .list-img-map li:nth-child(8) {
top: -8px;
left: -6px;
}
.sec-goal {
padding: 67px 0 92px;
background: #eef8f6;
text-align: center;
}
@media screen and (max-width: 768px) {
.sec-goal {
padding: 50px 0 50px;
}
}
.sec-goal .ttlCom02, .sec-goal .common-post .item__ttl, .common-post .sec-goal .item__ttl {
margin-bottom: 25px;
color: #354a48;
background: none;
-webkit-background-clip: text;
-webkit-text-fill-color: #354a48;
letter-spacing: 0;
}
.sec-goal .txtBasic {
line-height: 3;
}
.sec-message {
padding: 112px 0 100px;
}
@media screen and (max-width: 768px) {
.sec-message {
padding: 50px 0 33px;
}
}
.sec-message .common-post {
margin-bottom: 0;
}
.sec-message .common-post .item__body {
padding: 0 45px 0;
}
@media screen and (max-width: 768px) {
.sec-message .common-post .item__body {
padding: 0;
}
}
.sec-message .common-post .item__ttl {
margin-top: -5px;
}
.sec-message .ttlCom01 {
margin-bottom: 97px;
}
@media screen and (max-width: 768px) {
.sec-message .ttlCom01 {
margin-bottom: 35px;
}
}
.sec-desired {
padding: 17px 0 68px;
}
@media screen and (max-width: 768px) {
.sec-desired {
padding: 17px 0 50px;
}
}
.sec-desired .block-interest .list .item {
padding: 48px 24px 55px;
}
@media screen and (max-width: 768px) {
.sec-desired .block-interest .list .item {
padding: 30px 15px 15px;
}
}
.sec-desired .block-interest__number {
padding-left: 10px;
}
.sec-desired .block-interest__ttl {
margin-bottom: 31px;
line-height: 1.3;
}
@media screen and (max-width: 768px) {
.sec-desired .block-interest__ttl {
margin-bottom: 25px;
}
}
.sec-desired .block-interest__ttl span {
padding-top: 5px;
}
.sec-desired .ttlCom03 {
margin-bottom: 75px;
}
@media screen and (max-width: 768px) {
.sec-desired .ttlCom03 {
margin-bottom: 50px;
}
}
.sec-review {
padding: 100px 0 50px;
}
@media screen and (max-width: 768px) {
.sec-review {
padding: 50px 0 50px;
}
}
.sec-review.bg-gray {
background: #f7f7f7;
}
.sec-review .ttlCom03 {
margin-bottom: 55px;
}
@media screen and (max-width: 768px) {
.sec-review .ttlCom03 {
margin-bottom: 50px;
}
}
.sec-review .common-post {
margin-bottom: 175px;
}
@media screen and (max-width: 768px) {
.sec-review .common-post {
margin-bottom: 50px;
}
}
.sec-review .common-post:last-child {
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.sec-review .common-post:last-child {
margin-bottom: 0px;
}
}
.sec-review .common-post .item__img:after {
width: 89%;
}
@media screen and (max-width: 768px) {
.sec-review .common-post .item__img:after {
width: 100%;
}
}
.block-review {
padding: 91px 0 97px;
border-radius: 30px 0 30px;
background: #fff;
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.block-review {
margin-bottom: 50px;
padding: 50px 0 50px;
}
}
.block-review .box-review {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 78px;
}
@media screen and (max-width: 768px) {
.block-review .box-review {
margin-bottom: 50px;
}
}
.block-review .box-review:last-child {
margin-bottom: 0;
}
.block-review .box-review--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.block-review .box-review--reverse .box-review__img {
padding-left: 0;
padding-right: 72px;
}
@media screen and (max-width: 768px) {
.block-review .box-review--reverse .box-review__img {
padding-right: 0;
}
}
.block-review .box-review__ttl {
font-size: 36px;
font-size: 3.6rem;
line-height: 0.83;
letter-spacing: 0.16em;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
}
.block-review .box-review__ttl .txtBasic {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 768px) {
.block-review .box-review__ttl {
font-size: 34px;
font-size: 3.4rem;
margin-bottom: 15px;
}
}
.block-review .box-review .txtBasic {
padding-right: 26px;
}
@media screen and (max-width: 768px) {
.block-review .box-review .txtBasic {
width: 100%;
padding-right: 0;
margin-bottom: 10px;
}
}
.block-review .box-review__txt {
width: 50%;
padding-top: 10px;
}
@media screen and (max-width: 768px) {
.block-review .box-review__txt {
width: 100%;
padding-top: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.block-review .box-review__img {
width: 50%;
padding-left: 65px;
}
@media screen and (max-width: 768px) {
.block-review .box-review__img {
width: 100%;
padding-left: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 35px;
}
}
.block-review .box-review__img img {
width: 100%;
}
.block-review .box-review__name {
font-size: 34px;
font-size: 3.4rem;
line-height: 1.412;
color: #61d7a9;
letter-spacing: 0.1em;
font-family: photograph;
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
.block-review .box-review__name {
font-size: 32px;
font-size: 3.2rem;
}
}
p.txt-post {
font-size: 18px;
font-size: 1.8rem;
margin-top: 10px;
text-align: center;
}
@media screen and (max-width: 768px) {
p.txt-post {
font-size: 16px;
font-size: 1.6rem;
}
}
.sec-historyrsummary {
background: #EFF8F7;
padding: 100px 0 100px;
}
@media screen and (max-width: 768px) {
.sec-historyrsummary {
padding: 50px 0;
}
}
.sec-historyrsummary .block-summary__tb {
margin-bottom: 0;
padding: 60px 60px 60px 79px;
}
@media screen and (max-width: 1200px) {
.sec-historyrsummary .block-summary__tb {
padding: 45px 45px 45px;
}
}
@media screen and (max-width: 768px) {
.sec-historyrsummary .block-summary__tb {
padding: 25px;
}
}
@media screen and (max-width: 374px) {
.sec-historyrsummary .block-summary__tb {
padding: 25px 15px;
}
}
.sec-historyrsummary .block-summary__tb .list {
margin-bottom: 50px;
}
.sec-historyrsummary .block-summary__tb .list .item__td {
padding: 24px 10px 22px 41px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (max-width: 768px) {
.sec-historyrsummary .block-summary__tb .list .item__td {
padding: 15px;
}
}
.sec-historyrsummary .block-summary__tb .txt-small {
letter-spacing: 0;
line-height: 1.8;
}
.box-certify {
padding: 35px 45px 35px 59px;
border-radius: 30px 0 30px 0;
background: #F5F5F5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.box-certify {
padding: 30px 25px;
}
}
@media screen and (max-width: 640px) {
.box-certify {
padding: 30px 15px;
}
}
.box-certify__ttl {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", "Sawarabi Mincho", serif;
color: #354A48;
font-size: 20px;
font-size: 2rem;
line-height: 1.5;
letter-spacing: 0.12em;
font-weight: 500;
margin-bottom: 23px;
text-align: center;
}
@media screen and (max-width: 768px) {
.box-certify__ttl {
font-size: 18px;
font-size: 1.8rem;
}
}
@media screen and (max-width: 374px) {
.box-certify__ttl {
font-size: 15px;
font-size: 1.5rem;
}
}
.box-certify__img {
width: 211px;
}
@media screen and (max-width: 640px) {
.box-certify__img {
text-align: center;
width: 100%;
margin-bottom: 25px;
}
}
.box-certify__txt {
width: calc( 100% - 211px);
padding-left: 40px;
}
@media screen and (max-width: 768px) {
.box-certify__txt {
padding-left: 25px;
}
}
@media screen and (max-width: 640px) {
.box-certify__txt {
width: 100%;
padding-left: 0;
}
}
.sec-officeinfo {
padding: 100px 0 100px;
}
@media screen and (max-width: 768px) {
.sec-officeinfo {
padding: 50px 0;
}
}
.sec-officeinfo .ttlCom03 {
margin-bottom: 27px;
}
@media screen and (max-width: 768px) {
.sec-officeinfo .ttlCom03 {
margin-bottom: 25px;
}
}
.sec-officeinfo .txtBasic {
margin-bottom: 52px;
text-align: center;
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.sec-officeinfo .txtBasic {
margin-bottom: 25px;
}
}
.block-listinfo {
margin-bottom: 15px;
}
.block-listinfo .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block-listinfo .item {
width: calc(50% - 15px);
margin-right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px;
}
@media screen and (max-width: 990px) {
.block-listinfo .item {
margin-bottom: 30px;
}
}
@media screen and (max-width: 640px) {
.block-listinfo .item {
margin-bottom: 25px;
width: 100%;
margin-right: 0;
}
}
.block-listinfo .item:nth-child(2n) {
margin-right: 0;
}
.block-listinfo .item .img {
width: 200px;
}
@media screen and (max-width: 990px) {
.block-listinfo .item .img {
width: 100%;
margin-bottom: 25px;
}
.block-listinfo .item .img img {
width: 100%;
}
}
@media screen and (max-width: 640px) {
.block-listinfo .item .img {
width: 40%;
margin-bottom: 0;
}
}
@media screen and (max-width: 480px) {
.block-listinfo .item .img {
width: 100%;
margin-bottom: 15px;
}
}
.block-listinfo .item__des {
width: calc(100% - 200px);
padding-left: 20px;
}
@media screen and (max-width: 990px) {
.block-listinfo .item__des {
width: 100%;
padding-left: 0;
}
}
@media screen and (max-width: 640px) {
.block-listinfo .item__des {
width: 60%;
padding-left: 15px;
}
}
@media screen and (max-width: 480px) {
.block-listinfo .item__des {
padding-left: 0;
width: 100%;
}
}
.block-listinfo .item__ttl {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.625;
letter-spacing: 0.08em;
color: #354A48;
padding-left: 15px;
position: relative;
font-weight: bold;
margin-bottom: 11px;
margin-top: -5px;
}
@media screen and (max-width: 1200px) {
.block-listinfo .item__ttl {
font-size: 15px;
font-size: 1.5rem;
}
}
.block-listinfo .item__ttl:before {
content: '';
width: 4px;
height: 79%;
background: #66d46e;
background: -o-linear-gradient(top, #66d46e 0%, #5ed9cf 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#66d46e), to(#5ed9cf));
background: linear-gradient(to bottom, #66d46e 0%, #5ed9cf 100%);
position: absolute;
bottom: 0;
top: 5px;
left: 0;
}
.block-listinfo .item__txt {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.54;
letter-spacing: 0.08em;
}
.block-listinfo .item__tel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sec-position {
padding: 95px 0 67px;
background: #F5F5F5;
text-align: center;
}
@media screen and (max-width: 768px) {
.sec-position {
padding: 50px 0 50px;
}
}
@media screen and (max-width: 640px) {
.sec-position .ttlCom03__lg {
display: inline-block;
width: 100%;
}
}
.sec-position .list-position {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.53;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto 53px;
}
@media screen and (max-width: 768px) {
.sec-position .list-position {
font-size: 13px;
font-size: 1.3rem;
max-width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto 25px;
}
}
.sec-position .list-position__note {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.333;
letter-spacing: 0.1em;
padding: 6.5px 6px;
background: #fff;
display: inline-block;
font-weight: 700;
margin-right: 17px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sec-position .list-position__note {
padding: 7px 6px 3px;
}
}
@media screen and (max-width: 768px) {
.sec-position .list-position__note {
font-size: 10px;
font-size: 1rem;
}
}
.sec-position .list-position__txt {
margin-right: 18px;
font-weight: 700;
}
@media screen and (max-width: 640px) {
.sec-position .list-position__txt {
margin-right: 0;
}
}
@media screen and (max-width: 640px) {
.sec-position .list-position__des {
margin-top: 10px;
display: inline-block;
width: 100%;
text-align: left;
}
}
.sec-position .list-position__des02 {
position: relative;
font-weight: 700;
}
.sec-position .list-position__des02:before {
content: '';
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/recruit/career/icon-map.png) no-repeat center center;
background-size: contain;
height: 18px;
width: 15px;
margin-right: 3px;
display: inline-block;
top: 3px;
left: 0;
position: relative;
}
.sec-position .txtBasic {
text-align: center;
}
.sec-position .ttlCom03__des {
margin-bottom: 12px;
}
.sec-position .ttlCom03__bdb {
padding-bottom: 18px;
border-bottom: 1px solid #C5C5C5;
display: inline-block;
margin: 0 auto 16px;
letter-spacing: 0.08em;
}
.sec-jobdescription .block-jobdescription {
padding: 69px 0 74px;
background: url(//wakaba-care.co.jp/renewal/wp-content/themes/WAKABACARE/img/recruit/info/detail/img-01.png) no-repeat center center;
background-size: cover;
}
@media screen and (max-width: 768px) {
.sec-jobdescription .block-jobdescription {
padding: 50px 0 50px;
}
}
.sec-jobdescription .block-jobdescription .txtBasic {
margin-bottom: 15px;
}
.sec-jobdescription .block-jobdescription .txt-lg {
font-weight: bold;
}
.sec-jobdescription .block-characteristic {
background: #EFF8F7;
padding: 68px 0 74px;
}
@media screen and (max-width: 768px) {
.sec-jobdescription .block-characteristic {
padding: 50px 0 50px;
}
}
.sec-jobdescription .block-characteristic .img {
width: calc(50% - 8px);
margin-right: 16px;
}
@media screen and (max-width: 768px) {
.sec-jobdescription .block-characteristic .img {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.sec-jobdescription .block-characteristic .img:last-child {
margin-bottom: 0;
}
}
.sec-jobdescription .block-characteristic .img img {
width: 100%;
}
.sec-jobdescription .block-characteristic .img:last-child {
margin-right: 0;
}
.sec-jobdescription .block-characteristic .inner {
width: 100%;
}
.sec-jobdescription .block-characteristic .txtBasic {
margin-bottom: 40px;
}
.sec-jobdescription .box-characteristic {
padding: 42px 41px 42px 41px;
border-radius: 30px 0 30px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.sec-jobdescription .box-characteristic {
padding: 25px 25px;
}
}
@media screen and (max-width: 640px) {
.sec-jobdescription .box-characteristic {
padding: 15px 15px;
}
}
.sec-jobdescription .block-summary {
padding: 62px 0 75px;
}
@media screen and (max-width: 768px) {
.sec-jobdescription .block-summary {
padding: 50px 0 50px;
}
}
.sec-jobdescription .block-summary .ttl-comp32 {
margin-bottom: 21px;
}
.sec-jobdescription .block-summary .block-summary__tb {
margin-bottom: 0;
padding: 60px 60px 60px 79px;
}
@media screen and (max-width: 990px) {
.sec-jobdescription .block-summary .block-summary__tb {
padding: 35px 35px;
}
}
@media screen and (max-width: 768px) {
.sec-jobdescription .block-summary .block-summary__tb {
padding: 25px 25px;
}
}
.sec-jobdescription .block-summary .block-summary__tb .list .item__td {
padding: 25px 10px 25px 38px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.sec-jobdescription .block-summary .block-summary__tb .list .item__td {
padding: 26px 10px 22px 38px;
}
}
@media screen and (max-width: 768px) {
.sec-jobdescription .block-summary .block-summary__tb .list .item__td {
padding: 15px;
}
}
.block-process--04 {
padding: 62px 0 66px;
}
@media screen and (max-width: 768px) {
.block-process--04 {
padding: 50px 0 50px;
}
}
.block-process--04 .list .item {
width: calc(100% / 4);
}
@media screen and (max-width: 768px) {
.block-process--04 .list .item {
width: 100%;
}
}
.block-process .txt-small {
padding-top: 8px;
}
.block-link--green {
background: #EFF8F7;
}
.block-career .btn {
background: #61d7a9;
}
.sec-info {
margin-bottom: 135px;
}
@media screen and (max-width: 768px) {
.sec-info {
margin-bottom: 50px;
}
}
.list-news li:first-child a {
padding-top: 0;
}
.list-news .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.33;
padding: 17px 0px;
border-bottom: solid 1px #C5C5C5;
}
@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.list-news .item {
padding: 19px 0px 15px;
}
}
.list-news__time {
font-weight: bold;
width: 110px;
}
.list-news__cat {
font-size: 12px;
font-size: 1.2rem;
color: #FFFFFF;
background: #64D6AA;
padding: 5.5px 5px;
width: 80px;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.list-news__cat {
padding-top: 7.5px;
padding-bottom: 3.5px;
position: relative;
top: -3px;
}
}
.list-news__title {
width: calc(100% - 110px - 80px);
padding-left: 10px;
}
@media screen and (max-width: 768px) {
.list-news__title {
width: 100%;
padding: 10px 0px 0px;
}
}
.fl-jus {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.sec-info-detail {
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.sec-info-detail {
margin-bottom: 50px;
}
}
.sec-info-detail .list-news {
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-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #C5C5C5;
padding-bottom: 30px;
margin-bottom: 58px;
}
@media screen and (max-width: 768px) {
.sec-info-detail .list-news {
padding-bottom: 15px;
margin-bottom: 30px;
}
}
.sec-info-detail .list-news__time {
font-size: 14px;
font-size: 1.4rem;
width: auto;
}
.sec-info-detail .list-news__cat {
margin-right: 10px;
}
.sec-info-detail .list-news__title {
width: 100%;
font-size: 30px;
font-size: 3rem;
line-height: 1.4;
padding: 0;
text-align: center;
display: block;
margin-top: 11px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.sec-info-detail .list-news__title {
font-size: 20px;
font-size: 2rem;
}
}
.sec-info-detail .content-detail {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.857;
max-width: 820px;
margin: auto;
}
.sec-info-detail .content-detail p {
margin-bottom: 54px;
}
@media screen and (max-width: 768px) {
.sec-info-detail .content-detail p {
margin-bottom: 30px;
}
}
.sec-info-detail .content-detail > img, .sec-info-detail .content-detail p img {
display: block;
margin: auto;
max-width: 700px;
width: 100%;
height: auto;
}
.list-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
border-top: 1px solid #C5C5C5;
padding-top: 35px;
margin-top: 80px;
color: #202020;
}
@media screen and (max-width: 768px) {
.list-control {
padding-top: 20px;
margin-top: 50px;
}
}
@media screen and (max-width: 370px) {
.list-control {
font-size: 11px;
font-size: 1.1rem;
}
}
.list-control .prev, .list-control .next {
min-width: 120px;
}
@media screen and (max-width: 640px) {
.list-control .prev, .list-control .next {
min-width: 100px;
}
}
@media screen and (max-width: 370px) {
.list-control .prev, .list-control .next {
min-width: 90px;
}
}
.list-control .prev {
text-align: left;
}
.list-control .next {
text-align: right;
}
.list-control .prev a {
position: relative;
padding-left: 15px;
}
.list-control .prev a:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid #64D6AA;
left: 0;
top: 1px;
}
@media screen and (max-width: 768px) {
.list-control .prev a:before {
top: 0;
}
}
.list-control .next a {
position: relative;
padding-right: 15px;
}
.list-control .next a:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #64D6AA;
right: 0;
top: 1px;
}
@media screen and (max-width: 768px) {
.list-control .next a:before {
top: 0;
}
} .page-benefits #id-04 .btn{
max-width: 400px;
height: 70px;
line-height: 70px;
margin-top: 40px;
font-size: 1.8rem;
} .top-section.info .sns-block{
margin-top: 80px;
}
.top-section.info .sns-block p{
text-align: center;
font-size: 1.6rem;
line-height: 2;
}
.top-section.info .sns-block .block-link .btn{
max-width: 400px;
}
@media screen and (max-width: 768px) {
.top-section.info .sns-block p{
text-align: left;
}
} #footer .tmpsc-txt{
position: absolute;
left: 5%;
border: 20px;
font-size: 1.2rem;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
#footer .tmpsc-txt{
position: static;
text-align: center;
margin: 30px auto;
}
} .page-work .sec-dayservice .copy{
text-align: center;
margin-top: 60px;
}
.page-work .sec-dayservice .copy p{
color: #354a48;
background: none;
-webkit-background-clip: text;
-webkit-text-fill-color: #354a48;
letter-spacing: 0;
}
.page-work .sec-dayservice .common-post--no-bg{
margin-bottom: 80px;
}  .top-section.info .terms-block{
background: #EDF7F5;
padding-top: 60px;
}
.top-section.info .terms-block p{
text-align: center;
font-size: 1.6rem;
line-height: 2;
}
.top-section.info .terms-block .block-link{
padding: 60px 0;
}
.top-section.info .terms-block .block-link .btn{
max-width: 300px;
font-size: 1.8rem;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.top-section.info .terms-block{
padding-top: 50px;
}
.top-section.info .terms-block p{
text-align: left;
}
.top-section.info .terms-block .block-link{
padding-top: 30px;
}
}