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


@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@700&display=swap&text=シェルパグループ");  html,
body,
div,
span,
figure,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
address,
em,
font,
img,
small,
strong,
sub,
sup,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
background: transparent;
border: 0;
outline: 0;
font-size: 1em;
}
html {
font-size: 62.5%;
}
body,
table,
input,
textarea,
select,
option {
font-family: 'Noto Sans JP', sans-serif;
}
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
:focus {
outline: 0;
}
img {
vertical-align: top;
max-width: 100%;
height: auto;
}
a,
input {
transition: all 0.3s;
}
a,
a:link {
color: inherit;
text-decoration: none;
}
a:visited {
color: inherit;
}
a:active {
color: inherit;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
a[href^="tel:"] {
cursor: default;
pointer-events: none;
}
.grecaptcha-badge {
visibility: hidden;
}
@media (max-width: 768px) {
a[href^="tel:"] {
cursor: pointer;
pointer-events: auto;
}
.wrap {
min-width: 320px;
}
}  @media (min-width:1024px) {
.tb:not(.pc) {
display: none;
}
.sp:not(.pc) {
display: none;
}
} @media (min-width:768px) and (max-width:1023px) {
.pc:not(.tb) {
display: none;
}
.sp:not(.tb) {
display: none;
}
} @media (max-width:767px) {
.pc:not(.sp) {
display: none;
}
.tb:not(.sp) {
display: none;
}
} :root {
--baseTextColor: #21393E;
--subTextColor: #EBB53C;
--baseBgColor: #FCF9F7;
--subBgColor: #F5F1EE;
--mainLs: 0.07em;
--enText: 'Cormorant Garamond', serif;
--minchoText: 'Zen Old Mincho', serif;
}  body {
animation: fade-in 3s;
}
header h1,
header .logo {
animation: fade-in 0.8s ease-out both;
animation-delay: 1s;
}
.top #contactFixTop .text {
animation: fade-in 0.6s ease-out both;
animation-delay: 1.2s;
}
#contactFix .text {
animation: fade-in 0.6s ease-out both;
animation-delay: 1.2s;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
} header .bar {
animation: cutInHeader 0.3s ease-in both;
animation-delay: 0.2s;
}
@keyframes cutInHeader {
0% {
transform: translate(330px, -330px) rotate(45deg);
}
100% {
transform: translate(0, 0) rotate(45deg);
}
} body.top .wrap::before {
animation: cutInWrap 0.8s ease-in both;
animation-delay: 0.3s;
}
@keyframes cutInWrap {
0% {
transform: translate(2000px, -2000px) rotate(45deg);
}
100% {
transform: translate(0, 0) rotate(45deg);
}
} .top #contactFixTop .bar {
animation: cutInContactTop 0.5s ease-in both;
animation-delay: 0.8s;
}
@keyframes cutInContactTop {
0% {
transform: translate(1030px, -505px) rotate(45deg);
}
100% {
transform: translate(430px, 95px) rotate(45deg);
}
}
#contactFix .bar {
animation: cutInContact 0.5s ease-in both;
animation-delay: 0.4s;
}
@keyframes cutInContact {
0% {
transform: translate(1185px, -500px) rotate(45deg);
}
100% {
transform: translate(585px, 100px) rotate(45deg);
}
} html {
overflow: auto;
}
@supports (-webkit-touch-callout: none) {
html {
height: -webkit-fill-available;
}
}
body {
font-size: 1.6rem;
font-weight: 400;
color: var(--baseTextColor);
background-color: var(--baseBgColor);
}
body * p {
line-height: 2;
letter-spacing: 0.08em;
}
body.fixed {
position: fixed;
width: 100%;
height: 100%;
}
.wrap {
position: relative;
overflow: hidden;
}
.taLeft {
text-align: left;
}
.taCenter {
text-align: center;
}
.taRight {
text-align: right;
}
.flex {
display: flex;
justify-content: space-between;
}
.contents {
max-width: 1056px;
margin: 0 96px 0 192px;
position: relative;
}
@media (min-width: 1435px) {
.contents {
margin: 0 auto 0 auto;
}
}
@media (max-width:1023px) {
.contents {
margin: 0 64px;
}
.flex {
display: block;
}
}
@media (max-width:767px) {
.contents {
margin: 0 28px;
}
}
@media (max-width: 480px) {
body * p {
font-size: 1.4rem;
}
} header {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
header .bar {
width: 290px;
height: 510px;
transform: translate(330px, -330px) rotate(45deg);
transform-origin: top right;
background-color: #fff;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 100%);
position: absolute;
top: 0;
left: 0;
}
header h1,
header .logo {
width: 96px;
position: absolute;
top: 48px;
left: 32px;
opacity: 0;
}
header h1 a,
header .logo a {
transition: all 0.3s;
}
header h1 a:hover,
header .logo a:hover {
opacity: 0.7;
}
@media (max-width: 1023px) {
header h1,
header .logo {
width: 80px;
top: 20px;
left: 16px;
}
header .bar {
width: 200px;
height: 350px;
}
}
@media (max-width: 768px) {}
@media (max-width: 480px) {
header .bar {
width: 150px;
height: 300px;
}
header h1,
header .logo {
width: 65px;
top: 18px;
left: 10px;
}
} nav {
width: 190px;
height: 100vh;
font-size: 1.4rem;
position: fixed;
padding: 0 0 48px 0;
letter-spacing: var(--mainLs);
display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 999;
transition: all 0.3s;
}
.top nav {
color: #fff;
}
.top nav.color {
color: var(--baseTextColor);
}
nav.on {
color: var(--baseTextColor);
background-color: #fff;
}
nav.none {
visibility: hidden;
opacity: 0;
}
nav .gNavi>li,
nav .lang {
padding-left: 32px;
}
nav a {
display: block;
padding: 7px 0;
position: relative;
}
nav .current-menu-item>a::before,
nav .current-menu-parent>a::before {
content: "";
display: inline-block;
width: 32px !important;
border-top: 1px solid var(--subTextColor);
position: relative;
bottom: 5px;
left: -32px !important;
margin-right: -16px;
}
nav .gNavi a::before {
content: "";
display: inline-block;
width: 0;
border-top: 1px solid var(--subTextColor);
position: relative;
bottom: 5px;
left: -32px;
transition: all 0.3s;
}
nav .gNavi li:hover>a::before {
width: 32px;
margin-right: -16px;
}
nav .gNavi .menu-item-has-children>a::after {
content: "";
display: inline-block;
height: 9px;
width: 9px;
margin-left: 10px;
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/navi-icon-off.png) no-repeat center center / contain;
}
nav .gNavi .menu-item-has-children:hover {
background-color: var(--subBgColor);
}
nav .gNavi .menu-item-has-children:hover>a::after {
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/navi-icon-on.png) no-repeat center center / contain;
}
nav .gNavi .sub-menu {
color: var(--baseTextColor);
visibility: hidden;
opacity: 0;
width: 280px;
height: 100vh;
background-color: var(--subBgColor);
position: absolute;
top: 0;
left: 190px;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 32px;
transition: all 0.3s;
}
nav .gNavi .sub-menu.on {
visibility: visible;
opacity: 1;
}
nav .gNavi .naviServices ul::before {
content: "サービス一覧";
margin-bottom: 30px;
}
nav .gNavi .naviGroup ul::before {
content: "グループ一覧";
margin-bottom: 30px;
}
nav .gNavi .naviRecruit ul::before {
content: "採用情報一覧";
margin-bottom: 30px;
}
nav .lang {
display: flex;
margin-top: 20px;
}
nav .lang li::after {
content: "";
display: block;
width: 18px;
border-bottom: 2px solid var(--subTextColor);
margin-top: -2px;
opacity: 0;
transition: all 0.3s;
}
nav .lang li:first-of-type a::after,
nav .lang li:nth-of-type(-n+2) a::after {
content: "/";
margin: 0 5px;
}
nav .lang li a {
opacity: 0.5;
}
nav .lang li.on a {
opacity: 1;
}
nav .lang li.on::after,
nav .lang li:hover::after,
nav .lang li:hover a {
opacity: 1;
} .menu {
height: 40px;
width: 40px;
position: fixed;
top: 5vw;
right: 5vw;
cursor: pointer;
mix-blend-mode: difference;
z-index: 1001;
transition: all 0.3s;
}
.menu.on {
mix-blend-mode: normal;
}
.menu div {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
transition: top 0.4s 0.2s, transform 0.4s 0s;
}
.menu div:nth-of-type(1) {
top: calc(35% - 0px);
}
.menu div:nth-of-type(2) {
top: calc(35% - 13px);
}
.menu div:nth-of-type(3) {
top: calc(35% + 13px);
}
.menu.on div {
top: calc(35% - 0px);
transform-origin: center center;
transition: top 0.4s 0s, transform 0.4s 0.2s;
background-color: var(--baseTextColor);
}
.menu.on div:nth-of-type(1) {
transform: rotate(45deg);
}
.menu.on div:nth-of-type(2) {
opacity: 0;
}
.menu.on div:nth-of-type(3) {
transform: rotate(135deg);
}
.menuBox {
padding-top: 90px;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
left: 0;
background-color: #fff;
z-index: 1000;
overflow-y: auto;
transition: all 0.3s;
}
.menuBox.on {
visibility: visible;
opacity: 1;
}
.menuBox h1,
.menuBox .logo {
position: absolute;
width: 65px;
top: 18px;
left: 10px;
}
.menuBox .spNavi li {
border-bottom: 1px solid var(--subBgColor);
}
.menuBox .spNavi li.menu-item-has-children {
position: relative;
}
.menuBox .spNavi li.menu-item-has-children>a::before {
content: "";
display: inline-block;
width: 0;
border-top: 1px solid var(--subTextColor);
position: relative;
bottom: 5px;
left: -32px;
transition: all 0.3s;
}
.menuBox .spNavi li.menu-item-has-children.on>a::before {
width: 48px;
margin-right: -15px;
}
.menuBox .spNavi li.current-menu-item>a::before,
.menuBox .spNavi li.current-menu-parent>a::before {
content: "";
display: inline-block;
width: 48px;
border-top: 1px solid var(--subTextColor);
position: relative;
bottom: 5px;
left: -32px;
margin-right: -15px;
}
.menuBox .spNavi li.menu-item-has-children.on {
background-color: var(--subBgColor);
}
.menuBox .spNavi li.menu-item-has-children span::before {
content: "";
display: block;
height: 18px;
width: 18px;
margin-left: 15px;
position: absolute;
top: 22px;
right: 32px;
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/navi-icon-sp-off.png) no-repeat center center / contain;
}
.menuBox .spNavi li.menu-item-has-children span.on::before {
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/navi-icon-sp-on.png) no-repeat center center / contain;
}
.menuBox .spNavi li.menu-item-has-children.on>a::after {
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/navi-icon-sp-on.png) no-repeat center center / contain;
}
.menuBox .spNavi a {
display: block;
padding: 20px 32px;
}
.menuBox .sub-menu {
display: none;
}
.menuBox .sub-menu li:not(:last-child) {
border-bottom: 1px solid #fff;
}
.menuBox .lang {
display: flex; position: absolute;
top: 30px;
left: 120px;
}
.menuBox .lang li::after {
content: "";
display: block;
width: 18px;
border-bottom: 2px solid var(--subTextColor);
margin-top: 2px;
opacity: 0;
transition: all 0.3s;
}
.menuBox .lang li:first-of-type a::after {
content: "/";
margin: 0 20px;
}
.menuBox .lang li a {
opacity: 0.5;
}
.menuBox .lang li.on a {
opacity: 1;
}
.menuBox .lang li.on::after {
opacity: 1;
}
.menuBox .contact {
margin: 28px;
}
.menuBox .contact a {
width: 100%;
padding: 24px;
background-color: var(--baseBgColor);
display: block;
clip-path: polygon(24px 0, 100% 0%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 24px);
position: relative;
}
.menuBox .contact a span:nth-of-type(1) {
font-size: 3rem;
font-family: var(--enText);
display: block;
}
.menuBox .contact a span:nth-of-type(2) {
color: #ADADAF;
font-size: 1.4rem;
}
.menuBox .contact a span:nth-of-type(3) {
display: block;
width: 48px;
height: 48px;
border-radius: 50%;
border: 1px solid var(--subTextColor);
position: absolute;
top: 50%;
right: 28px;
transform: translateY(-50%);
}
.menuBox .contact a span:nth-of-type(3)::after {
content: "";
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/arrow1.png) no-repeat center center / contain;
width: 16px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
} #contactFix,
#contactFixFade,
.top #contactFixTop {
position: fixed;
right: 0;
bottom: 0;
z-index: 999;
} .top #contactFixTop {
color: #fff;
}
.top #contactFixTop .bar {
content: "";
display: block;
width: 600px;
height: 600px;
transform: translate(1030px, 505px) rotate(45deg);
transform-origin: top right;
background: linear-gradient(0deg, rgba(235, 181, 60, 0) 0%, rgba(235, 181, 60, 1) 20%, rgba(235, 181, 60, 1) 100%);
position: absolute;
right: 0;
top: 0;
transition: all 0.3s;
}
.top #contactFixTop .text {
position: absolute;
right: 32px;
bottom: 32px;
opacity: 0;
transition: all 0.3s;
}
.top #contactFixTop .text span:nth-of-type(1) {
color: var(--baseTextColor);
font-size: 5.2rem;
font-family: var(--enText);
font-weight: 400;
display: block;
margin-bottom: -30px;
position: relative;
z-index: 1;
}
.top #contactFixTop .text span:nth-of-type(2) {
font-size: 1.4rem;
letter-spacing: 0.08em;
vertical-align: middle;
margin-right: 10px;
position: relative;
}
.top #contactFixTop .text span:nth-of-type(2)::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: -3px;
left: 0;
opacity: 1;
background-color: #fff;
transition: opacity 0.1s 0.2s linear;
}
.top #contactFixTop .text span:nth-of-type(2)::after {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: -3px;
left: 0;
background-color: #fff;
transform-origin: left;
transform: scaleX(0);
transition: transform 0.2s 0.1s;
}
.top #contactFixTop:hover .text span:nth-of-type(2)::before {
opacity: 0;
transition: opacity 0.1s linear;
}
.top #contactFixTop:hover .text span:nth-of-type(2)::after {
transform: scaleX(1);
}
.top #contactFixTop .text span:nth-of-type(3) {
display: inline-block;
width: 64px;
height: 64px;
border-radius: 50%;
background-color: #fff;
position: relative;
transform-origin: center center;
vertical-align: middle;
overflow: hidden;
transition: all 0.3s;
}
.top #contactFixTop .text span:nth-of-type(3)::before {
content: "";
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/arrow2.png) no-repeat center center / contain;
width: 24px;
height: 12px;
position: absolute;
top: 50%;
left: -100%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.top #contactFixTop .text span:nth-of-type(3)::after {
content: "";
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/arrow2.png) no-repeat center center / contain;
width: 24px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.top #contactFixTop:hover .text span:nth-of-type(3)::before {
left: 50%;
}
.top #contactFixTop:hover .text span:nth-of-type(3)::after {
left: 200%;
}
.top #contactFixTop:hover .text span:nth-of-type(3) {
transform: scale(1.1);
}
.top #contactFixTop.scrollNone {
visibility: hidden;
opacity: 0;
} #contactFixFade {
visibility: hidden;
opacity: 0;
}
#contactFixFade.scrollDisplay {
visibility: visible;
opacity: 1;
}
#contactFix:hover,
#contactFixFade:hover {
opacity: 0.7;
}
#contactFix .bar,
#contactFixFade .bar {
content: "";
display: block;
width: 600px;
height: 600px;
transform: translate(585px, 100px) rotate(45deg);
transform-origin: top right;
background: linear-gradient(0deg, rgba(235, 181, 60, 0) 0%, rgba(235, 181, 60, 1) 20%, rgba(235, 181, 60, 1) 100%);
position: absolute;
right: 0;
top: 0;
transition: all 0.3s;
}
#contactFix .text,
#contactFixFade .text {
width: 80px;
text-align: center;
color: var(--baseTextColor);
letter-spacing: var(--mainLs);
font-size: 1.2rem;
position: absolute;
right: 20px;
bottom: 24px;
transition: all 0.3s;
}
#contactFix .text::before,
#contactFixFade .text::before {
content: '';
display: block;
margin: 0 auto 5px;
width: 25px;
height: 18px;
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/contact-icon.png) no-repeat center center / contain;
}
#contactFix.none,
#contactFixFade.none {
visibility: hidden;
opacity: 0;
}
@media (max-width: 480px) {
#contactFix.scrollSmall {
transform: scale(0.8);
transform-origin: right bottom;
}
#contactFix .bar {
width: 590px;
height: 590px;
}
#contactFix .text {
right: 14px;
bottom: 20px;
}
} .comTitle1 span:nth-of-type(1) {
font-size: 8rem;
font-family: var(--enText);
font-weight: 400;
display: block;
}
.comTitle1 span:nth-of-type(2) {
font-size: 2.4rem;
font-family: var(--minchoText);
font-weight: 500;
letter-spacing: var(--mainLs);
position: relative;
padding-left: 50px;
}
.comTitle1 span:nth-of-type(2)::before {
content: "";
display: block;
border-top: 1px solid var(--subTextColor);
width: 32px;
position: absolute;
top: 0.75em;
left: 0;
}
.comTitle2 {
font-size: 3.2rem;
font-family: var(--minchoText);
font-weight: 500;
letter-spacing: var(--mainLs);
padding-left: 96px;
margin: 0 0 40px -96px;
position: relative;
}
.comTitle2::before {
content: "";
width: 72px;
border-top: 1px solid var(--subTextColor);
position: absolute;
top: 0.75em;
left: 0;
}
@media (max-width: 1150px) {
.comTitle2 {
margin: 0 0 40px 0;
}
}
@media (max-width: 1023px) {
.comTitle1 span:nth-of-type(1) {
font-size: 7rem;
}
.comTitle1 span:nth-of-type(2) {
font-size: 2.2rem;
}
}
@media (max-width: 480px) {
.comTitle1 span:nth-of-type(1) {
font-size: 5rem;
}
.comTitle1 span:nth-of-type(2) {
font-size: 1.8rem;
}
.comTitle2 {
font-size: 2.4rem;
padding-left: 50px;
}
.comTitle2::before {
content: "";
width: 32px;
border-top: 1px solid var(--subTextColor);
position: absolute;
top: 0.75em;
left: 0;
}
} .comButton1 {
display: inline-block;
margin-top: 80px;
position: relative;
}
.comButton1 span:nth-of-type(1) {
font-size: 1.6rem;
padding-bottom: 3px;
letter-spacing: var(--mainLs);
margin-right: 15px;
vertical-align: middle;
position: relative;
transition: all 0.3s;
}
.comButton1 span:nth-of-type(1)::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: -3px;
left: 0;
opacity: 1;
background-color: var(--subTextColor);
transition: opacity 0.1s 0.23s linear;
}
.comButton1 span:nth-of-type(1)::after {
content: "";
width: 100%;
height: 1px;
position: absolute;
bottom: -3px;
left: 0;
background-color: var(--subTextColor);
transform-origin: left;
transform: scaleX(0);
transition: transform 0.2s 0.1s;
}
.comButton1:hover span:nth-of-type(1)::before {
opacity: 0;
transition: opacity 0.1s linear;
}
.comButton1:hover span:nth-of-type(1)::after {
transform: scaleX(1);
}
.comButton1:hover span:nth-of-type(1) {
color: var(--subTextColor) !important;
}
.comButton1.white span:nth-of-type(1) {
color: #fff;
}
.comButton1 span:nth-of-type(2) {
display: inline-block;
width: 64px;
height: 64px;
border-radius: 50%;
border: 1px solid var(--subTextColor);
position: relative;
transform-origin: center center;
vertical-align: middle;
overflow: hidden;
transition: all 0.3s;
}
.comButton1 span:nth-of-type(2)::before {
content: "";
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/arrow2.png) no-repeat center center / contain;
width: 24px;
height: 12px;
position: absolute;
top: 50%;
left: -100%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.comButton1 span:nth-of-type(2)::after {
content: "";
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/arrow2.png) no-repeat center center / contain;
width: 24px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
.comButton1:hover span:nth-of-type(2)::before {
left: 50%;
}
.comButton1:hover span:nth-of-type(2)::after {
left: 200%;
}
.comButton1:hover span:nth-of-type(2) {
transform: scale(1.1);
}
@media all and (max-width: 480px) {
.comButton1 {
display: block;
margin-top: 64px;
text-align: right;
}
} .bgTriangle1::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 486px 486px 0 0;
border-color: var(--subBgColor) transparent transparent transparent; }
.bgTriangle2::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 486px 486px 0 0;
border-color: var(--baseBgColor) transparent transparent transparent;
}
.bgTriangle3::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 486px 486px 0 0;
border-color: #273F41 transparent transparent transparent;
}
@media (max-width: 1023px) {
.bgTriangle1::before {
border-width: 350px 350px 0 0;
}
.bgTriangle2::before {
border-width: 350px 350px 0 0;
}
.bgTriangle3::before {
border-width: 350px 350px 0 0;
}
}
@media (max-width: 767px) {
.bgTriangle1::before {
border-width: 200px 200px 0 0;
}
.bgTriangle2::before {
border-width: 200px 200px 0 0;
}
.bgTriangle3::before {
border-width: 200px 200px 0 0;
}
} footer {
padding: 96px 0 48px;
background-color: var(--subBgColor);
}
footer .address {
font-size: 1.4rem;
}
footer .address a:hover {
opacity: 0.7;
}
footer .address img {
width: 216px;
margin-bottom: 32px;
}
footer .address p:first-of-type {
line-height: 1.5;
}
footer .address p:last-of-type {
margin-top: 10px;
}
footer .navi {
letter-spacing: var(--mainLs);
margin: 0 32px;
font-size: 1.5rem;
}
footer .navi>a {
margin-bottom: 32px;
display: inline-block;
}
.top footer .navi>a {
color: #adadaf;
}
footer .navi .current-menu-item,
footer .navi .current-menu-parent,
footer .navi .current-page-ancestor {
color: #adadaf;
}
footer .navi ul {
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 320px;
height: 180px;
}
footer .navi ul li {
margin: 0 24px 20px 0;
}
footer .navi ul li a {
display: block;
}
footer .navi ul li a:hover,
footer .navi>a:hover {
color: var(--subTextColor);
}
footer .navi ul li a span {
width: 20px;
height: 15px;
position: relative;
margin-right: 10px;
display: inline-block;
overflow: hidden;
}
footer .navi ul li a span::before {
content: "";
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/arrow1.png) no-repeat center center / contain;
width: 16px;
height: 8px;
position: absolute;
top: 60%;
left: -100%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
footer .navi ul li a span::after {
content: "";
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/arrow1.png) no-repeat center center / contain;
width: 16px;
height: 8px;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
footer .navi ul li a:hover span::before {
left: 50%;
}
footer .navi ul li a:hover span::after {
left: 200%;
}
footer .contact {
width: 27.5%;
}
footer .contact a {
width: 100%;
height: 287px;
padding: 32px;
background-color: var(--baseBgColor);
display: block;
clip-path: polygon(32px 0, 100% 1%, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 32px);
position: relative;
}
footer .contact a span:nth-of-type(1) {
font-size: 5.2rem;
font-family: var(--enText);
font-weight: 400;
display: block;
}
footer .contact a span:nth-of-type(2) {
color: #ADADAF;
}
footer .contact a span:nth-of-type(3) {
display: block;
width: 64px;
height: 64px;
border-radius: 50%;
border: 1px solid var(--subTextColor);
position: absolute;
right: 32px;
bottom: 32px;
transform-origin: center center;
overflow: hidden;
transition: all 0.3s;
}
footer .contact a span:nth-of-type(3)::before {
content: "";
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/arrow2.png) no-repeat center center / contain;
width: 24px;
height: 12px;
position: absolute;
top: 50%;
left: -100%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
footer .contact a span:nth-of-type(3)::after {
content: "";
background: url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/img/common/arrow2.png) no-repeat center center / contain;
width: 24px;
height: 12px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s;
}
footer .contact a:hover span:nth-of-type(3)::before {
left: 50%;
}
footer .contact a:hover span:nth-of-type(3)::after {
left: 200%;
}
footer .contact a:hover span:nth-of-type(3) {
transform: scale(1.1);
}
footer .copyright {
color: #adadaf;
font-family: var(--enText);
}
@media all and (min-width: 1220px) {
footer .address .br {
display: none;
}
}
@media all and (max-width: 1219px) {
footer .address .br {
display: block;
}
}
@media all and (max-width: 1150px) {
footer .contact a span:nth-of-type(1) {
font-size: 4.5rem;
}
}
@media (max-width: 1023px) {
footer .address .br {
display: none;
}
footer .navi {
margin: 32px 0;
}
footer .navi ul {
width: 100%;
height: 100%;
}
footer .contact {
width: 100%;
}
footer .contact a {
height: 200px;
}
footer .copyright {
margin-top: 48px;
}
}
@media (max-width: 480px) {
footer .navi ul {
font-size: 1.4rem;
}
footer .navi ul li a span {
height: 12px;
}
}
body.page .wrap:before{content:"";display:block;width:960px;height:2000px;transform:translate(0,0) rotate(45deg);transform-origin:top right;background-color:var(--subBgColor);position:absolute;top:0;left:0}@media (max-width:1023px){body.page .wrap:before{width:80vw}}@media (max-width:480px){body.page .wrap:before{width:110vw}}.page .inner{max-width:864px;margin-left:96px}.page .containerA{margin-top:96px}.page .containerB{margin-top:72px}.page .containerC{margin-top:64px}.page .containerD{margin-top:56px}.page .largeImgA img,.page .largeImgB img,.page .headImg img{object-fit:cover;width:100%;height:100%}.page .largeImgA{height:320px}.page .largeImgB{height:288px}.page .headImg{height:320px;margin-right:calc(50% - 50vw)}.page .headImg.large{height:448px}.page .rowImg{margin-top:56px;display:flex;justify-content:space-between}.page .rowImg img{width:48.3%;display:block}.page .chart{margin:56px 0}.page .bgWhite{background-color:#fff !important}.page .anchorLink ul{margin:0 96px;display:flex;flex-wrap:wrap;gap:32px 0;justify-content:space-between}.page .anchorLink ul li{width:48.5%;border-bottom:1px solid #c9cccb;font-size:1.4rem;letter-spacing:var(--mainLs);position:relative}.page .anchorLink ul li:after{content:"";width:48px;display:block;position:absolute;bottom:-1px;left:0;border-bottom:1px solid var(--subTextColor);transition:all .3s}.page .anchorLink ul li a{display:block;padding:20px 48px 20px 0;position:relative}.page .anchorLink ul li a:before{content:"";display:block;border-bottom:solid 2px var(--subTextColor);border-right:solid 2px var(--subTextColor);width:12px;height:12px;transform:translateY(-50%) rotate(45deg);position:absolute;top:50%;right:24px;transition:all .3s}.page .anchorLink ul li a:hover{color:var(--subTextColor)}.page .anchorLink ul li a:hover:before{top:60%}.page .anchorLink ul li:hover:after{width:100%}.page .rowText{display:flex;justify-content:space-between;align-items:center;margin-top:32px}.page .rowText div:first-of-type{flex:1}.page .rowText div:last-of-type{width:320px;display:flex;justify-content:center}.page .rowText h2{font-size:2.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);padding-left:64px;position:relative}.page .rowText h2:before{content:"";width:48px;border-top:1px solid var(--subTextColor);position:absolute;top:.75em;left:0}.page .rowText p{font-size:1.4rem;margin:20px 0 0 64px}.page .rowText .comButton1{margin-top:0}.page .beforeIcon{position:relative}.page .serviceTop .beforeIcon img,.page .groupTop .beforeIcon img{clip-path:polygon(144px 0,100% 0%,100% 100%,0 100%,0% 144px)}.page .beforeIcon:before{content:'';display:block;width:144px;height:144px;position:absolute;top:0;left:0}@media (max-width:1150px){.page .inner{margin-left:0}}@media (max-width:897px){.page .anchorLink ul{margin:0 64px}.page .rowText{display:block}.page .rowText .comButton1{margin-top:32px}}@media (max-width:767px){.page .rowImg{display:block}.page .rowImg img{width:100%}.page .rowImg img:first-of-type{margin-bottom:32px}}@media (max-width:480px){.page .headImg{height:240px}.page .headImg.large{height:240px}.page .anchorLink ul{margin:0;display:block}.page .anchorLink ul li{width:100%}.page .rowImg img:first-of-type{margin-right:0}.page .largeImgA{height:230px}.page .largeImgB{height:230px}.page .beforeIcon:before{width:104px;height:104px}.page .serviceTop .beforeIcon img,.page .groupTop .beforeIcon img{clip-path:polygon(96px 0,100% 0%,100% 100%,0 100%,0% 96px)}}.page .pageTitle{margin:182px 0 96px;line-height:1;position:relative}.page .pageTitle h1 span:first-of-type{font-size:4.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);line-height:1.5}.page .pageTitle h1 span:last-of-type{font-size:2.4rem;font-family:var(--enText);font-weight:700;color:var(--subTextColor);display:inline-block;margin-left:32px}.page.sherpa2 .pageTitle h1 span:last-of-type{display:block;margin-left:0;margin-top:8px}.page .pageTitle p{font-size:1.4rem;letter-spacing:var(--mainLs);margin-top:20px}@media (max-width:1023px){.page .pageTitle h1 span:first-of-type{font-size:3.8rem}.page .pageTitle h1 span:last-of-type{font-size:2.4rem;display:block;margin-left:0;margin-top:8px}}@media (max-width:480px){.page .pageTitle{margin:140px 0 48px;line-height:1}.page .pageTitle h1 span:first-of-type{font-size:2.7rem}.page .pageTitle h1 span:last-of-type{font-size:2rem}.page .pageTitle p{font-size:1.2rem}}@keyframes slide-in{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}.page .featuresIndexWrap{width:100%;min-height:calc(100vh - 182px);z-index:1;position:relative}.page .featuresIndex{width:100%;position:absolute;bottom:0;right:0;display:flex;flex-direction:column;align-items:flex-end}.page .featuresIndex div{height:180px;margin-top:10px;clip-path:polygon(180px 0,100% 0%,100% 100%,0% 100%);display:flex;align-items:center;padding:0 80px 0 160px}.page .featuresIndex div:nth-of-type(1){width:59.52vw;background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/features-top-bg01.jpg) no-repeat center center/cover;animation:slide-in .8s ease both;animation-delay:1.2s}.page .featuresIndex div:nth-of-type(2){width:calc(59.52vw + 185px);background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/features-top-bg02.jpg) no-repeat center center/cover;animation:slide-in .8s ease both;animation-delay:1.4s}.page .featuresIndex div:nth-of-type(3){width:calc(59.52vw + 370px);background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/features-top-bg03.jpg) no-repeat center center/cover;animation:slide-in .8s ease both;animation-delay:1.6s}.page .featuresIndex div span:first-of-type{font-size:3.5rem;font-family:var(--enText);font-weight:700;color:var(--subTextColor);position:relative;padding-left:40px}.page .featuresIndex div span:first-of-type:before{content:"";width:32px;display:inline-block;border-top:1px solid var(--subTextColor);position:absolute;top:.6em;left:0}.page .featuresIndex div span:last-of-type{font-size:1.6rem;font-family:var(--minchoText);font-weight:500;color:#fff;letter-spacing:var(--mainLs);margin-left:20px}.page .featuresMain{padding:160px 0 192px;position:relative}.page .featuresMain .featuresBody{display:flex;justify-content:space-between;align-items:center}.page .featuresMain .featuresBody .text{flex:1;margin:0 135px 0 32px;position:relative}.page .featuresMain .featuresBody .text .textAnimation2,.page .featuresMain .featuresBody .text .textAnimation3{visibility:hidden;opacity:0;position:absolute;top:0;left:0}.page .featuresMain .featuresBody h3 span{display:block}.page .featuresMain .featuresBody h3 span:nth-of-type(1){font-size:4rem;font-family:'Cormorant Garamond',serif;font-weight:700;color:var(--subTextColor)}.page .featuresMain .featuresBody h3 span:nth-of-type(2){margin-top:20px;font-size:2rem;font-family:'Zen Old Mincho',serif;font-weight:500;letter-spacing:var(--mainLs)}.page .featuresMain .featuresBody h3 span:nth-of-type(3){font-size:2.8rem;font-family:'Zen Old Mincho',serif;font-weight:500;letter-spacing:var(--mainLs);margin-top:10px;padding-left:50px;position:relative}.page .featuresMain .featuresBody h3 span:nth-of-type(3):before{content:"";display:block;border-top:1px solid var(--subTextColor);width:32px;position:absolute;top:.75em;left:0}.page .featuresMain .featuresBody p{margin-top:32px}.page .featuresMain .featuresBody .photo{width:435px;position:relative}.page .featuresMain .featuresBody .photo ul{position:relative;width:330px;height:453px}.page .featuresMain .featuresBody .photo ul li{position:absolute;top:0;left:0}.page .featuresMain .featuresBody .photo ul li:nth-of-type(1){transform:rotate(-15deg)}.page .featuresMain .featuresBody .photo ul li:nth-of-type(3){transform:rotate(15deg)}.page .featuresMain .featuresBody .photo ul li:nth-of-type(4){transform:rotate(-15deg)}.page .featuresMain .featuresBody .photo .meter{position:absolute;top:100px;right:0;display:flex;flex-direction:column;align-items:center}.page .featuresMain .featuresBody .photo .meter .top{color:var(--subTextColor);margin-bottom:10px}.page .featuresMain .featuresBody .photo .meter .bar{position:relative;width:2px;height:192px;background-color:#d0d2d2}.page .featuresMain .featuresBody .photo .meter .bar .move{position:absolute;top:0;right:0;left:0;width:100%;height:0;background-color:var(--subTextColor)}.page .featuresMain .featuresBody .photo .meter .bottom{margin-top:10px}@media (max-width:1250px){.page .featuresMain .featuresBody .text{margin:0 100px 0 0}}@media (max-width:1100px){.page .featuresMain .featuresBody{display:block}.page .featuresMain .featuresBody .text{margin:0}.page .featuresMain .featuresBody .photo{width:100%}.page .featuresMain .featuresBody .photo ul{width:45vw;height:66vw;margin:115px auto 0}.page .featuresMain .featuresBody .photo .meter{top:16vw;right:6vw}}@media (max-width:1023px){.page .featuresIndex div{flex-direction:column;align-items:start;justify-content:center}.page .featuresIndex div span:last-of-type{margin-left:40px}.page .featuresMain .featuresBody p{font-size:1.4rem}.page .featuresMain .featuresBody .photo ul{width:40vw;height:66vw;margin:72px auto 0}.page .featuresMain .featuresBody .photo .meter{right:8vw}}@media (max-width:768px){.page .featuresIndex div{height:18vh;clip-path:none;padding:0 64px}.page .featuresIndex div:nth-of-type(1){width:calc(100vw - 64px)}.page .featuresIndex div:nth-of-type(2){width:calc(100vw - 64px)}.page .featuresIndex div:nth-of-type(3){width:calc(100vw - 64px)}}@media (max-width:767px){.page .featuresMain .featuresBody .photo ul{width:60vw;height:85vw;margin:64px auto 0}.page .featuresMain .featuresBody .photo .meter{display:none}}@media (max-width:480px){.page .featuresIndexWrap{min-height:calc(100vh - 140px)}.page .featuresIndex div{height:16vh;clip-path:none;padding:0}.page .featuresIndex div:nth-of-type(1){width:calc(100vw - 28px)}.page .featuresIndex div:nth-of-type(2){width:calc(100vw - 28px)}.page .featuresIndex div:nth-of-type(3){width:calc(100vw - 28px)}.page .featuresIndex div span:first-of-type{font-size:2.6rem;padding-left:32px}.page .featuresIndex div span:first-of-type:before{width:24px}.page .featuresIndex div span:last-of-type{font-size:1.3rem;margin-left:32px}.page .featuresMain{padding:80px 0 80px}.page .featuresMain .featuresBody:not(:first-child){margin-top:80px}.page .featuresMain .featuresBody h3 span:nth-of-type(1){font-size:3rem}.page .featuresMain .featuresBody h3 span:nth-of-type(2){font-size:1.7rem}.page .featuresMain .featuresBody h3 span:nth-of-type(3){font-size:2.2rem;padding-left:38px}.page .featuresMain .featuresBody h3 span:nth-of-type(3):before{width:24px}}.page .serviceTop{margin-bottom:192px}.page .dxTitle{font-size:2.8rem;font-family:var(--minchoText);font-weight:500;margin-top:48px;letter-spacing:var(--mainLs)}.page .dxTitle+p{margin-top:32px}.page .beforeIcon.serviceIcon01:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-top-icon01.png) no-repeat center center/contain}.page .beforeIcon.serviceIcon02:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-top-icon02.png) no-repeat center center/contain}.page .beforeIcon.serviceIcon03:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-top-icon03.png) no-repeat center center/contain}.page .beforeIcon.serviceIcon04:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-top-icon04.png) no-repeat center center/contain}.page .beforeIcon.serviceIcon05:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-top-icon05.png) no-repeat center center/contain}.page .beforeIcon.serviceIcon06:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-top-icon06.png) no-repeat center center/contain}.page .beforeIcon.serviceIcon07:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-top-icon07.png) no-repeat center center/contain}.page .beforeIcon.serviceIcon08:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-top-icon08.png) no-repeat center center/contain}.page .beforeIcon.pointIcon01:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-point01.png) no-repeat center center/contain}.page .beforeIcon.pointIcon02:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-point02.png) no-repeat center center/contain}.page .beforeIcon.pointIcon03:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-point03.png) no-repeat center center/contain}.page .beforeIcon.pointIcon04:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-point04.png) no-repeat center center/contain}.page .beforeIcon.stepIcon01:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-step01.png) no-repeat center center/contain}.page .beforeIcon.stepIcon02:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-step02.png) no-repeat center center/contain}.page .beforeIcon.stepIcon03:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-step03.png) no-repeat center center/contain}.page .beforeIcon.stepIcon04:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-step04.png) no-repeat center center/contain}.page .rowImgTextA{display:flex;justify-content:space-between;align-items:center}.page .rowImgTextA div:first-of-type{width:432px;margin-right:48px}.page .rowImgTextA div:last-of-type{flex:1}.page .rowImgTextA h2{font-size:2.4rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs)}.page .rowImgTextA p{font-size:1.4rem;margin-top:20px}.page .rowImgTextA .comButton1{margin-top:32px}.page .rowImgTextA .comButton1 span:nth-of-type(2){width:48px;height:48px}.page .rowImgTextA .comButton1 span:nth-of-type(2):before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/common/arrow1.png) no-repeat center center/contain;width:16px;height:8px}.page .rowImgTextA .comButton1 span:nth-of-type(2):after{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/common/arrow1.png) no-repeat center center/contain;width:16px;height:8px}.page .rowImgTextB{align-items:center}.page .rowImgTextB div:first-of-type{width:54.5%;margin-right:64px}.page .rowImgTextB div:last-of-type{flex:1;margin-top:32px}.page .rowImgTextB h3{font-size:2.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);margin-bottom:32px}.page .rowImgTextB ul{margin:32px 0;letter-spacing:var(--mainLs)}.page .rowImgTextB li{position:relative;padding-left:28px}.page .rowImgTextB li:not(:first-child){margin-top:8px}.page .rowImgTextB li:before{content:"";width:16px;border-top:1px solid var(--subTextColor);position:absolute;top:.75em;left:0}.page .rowImgTextB p{font-size:1.4rem}.page .rowImgTextB figure{padding:32px 0 0 32px;height:372px}.page .rowImgTextB figure img{object-fit:cover;width:100%;height:100%}.page .rowImgTextC{position:relative}.page .rowImgTextC:before{content:"";clip-path:polygon(100% 0,0 0,0 100%);background-color:#fff;width:256px;height:256px;position:absolute;top:0;left:0;z-index:-1}.page .rowImgTextC h2{font-size:2.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);margin-bottom:32px}.page .rowImgTextC p{font-size:1.4rem}.page .rowImgTextC div:first-of-type{width:384px;margin:48px}.page .rowImgTextC div:last-of-type{flex:1;margin-top:48px}.page .serviceInfo{margin-top:136px;padding:128px 0 192px;position:relative;background-color:var(--subBgColor)}.page .serviceInfo .titleWrap,.page .serviceFlow .titleWrap{display:flex;align-items:end}.page .serviceInfo .read,.page .serviceFlow .read{margin-left:134px}.page .serviceFlow{padding:128px 0 192px;position:relative;background-color:var(--baseBgColor)}.page .serviceGuide{padding:128px 0 192px;position:relative;background-color:#fff}.page .serviceGuide ol{color:#707070;letter-spacing:var(--mainLs);line-height:2}.page .serviceGuide .inner>ol{list-style-type:decimal;margin-left:24px}.page .serviceGuide .inner>ol>li:not(:first-child){margin-top:24px}.page .serviceGuide .inner>ol>li>ol{list-style-type:lower-roman;margin:40px 0 40px 64px}.page .serviceContact{height:320px;background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/service-contact-bg.jpg) no-repeat center center/cover;position:relative}.page .serviceContact .contents{height:100%}.page .serviceContact .contents:before{content:"";height:128px;border-left:1px solid var(--subTextColor);position:absolute;top:-64px;left:32px}.page .serviceContact p{color:#fff;font-size:2.4rem;font-family:var(--minchoText);font-weight:500;position:absolute;top:50%;left:0;transform:translateY(-50%)}.page .serviceContact .comButton1{position:absolute;top:50%;right:96px;transform:translateY(-50%);margin-top:0}@media (max-width:1170px){.page .serviceContact p{font-size:2rem;top:35%}.page .serviceContact .comButton1{top:65%;right:0}}@media (max-width:1023px){.page .serviceContact p{font-size:2.2rem}.page .rowImgTextB div:first-of-type{width:100%;margin-right:0}.page .rowImgTextB h3{font-size:2.4rem}.page .rowImgTextC div:first-of-type{width:100%;margin:0;padding:48px}.page .rowImgTextC div:last-of-type{margin-top:0}}@media (max-width:897px){.page .rowImgTextA{display:block;margin:96px 72px 0}.page .rowImgTextA div:first-of-type{width:100%;margin-right:0}.page .rowImgTextA h2{margin-top:32px;font-size:2.2rem}.page .serviceInfo .titleWrap,.page .serviceFlow .titleWrap{display:block}.page .serviceInfo .read,.page .serviceFlow .read{margin-left:0;margin-top:32px}}@media (max-width:767px){.page .serviceTop{margin-bottom:128px}.page .rowText div:last-of-type{width:100%;display:block}.page .rowText p{margin:20px 0 0}.page .rowImgTextA{display:block;margin:96px 0 0}.page .serviceContact p{font-size:1.8rem}.page .serviceContact .contents:before{height:96px;top:-48px;left:32px}}@media (max-width:480px){.page .serviceInfo{padding:80px 0 128px;margin-top:96px}.page .serviceFlow{padding:80px 0 96px}.page .serviceGuide{padding:80px 0 128px}.page .rowText h2{font-size:2.2rem;padding-left:50px}.page .rowText h2:before{width:32px}.page .rowImgTextB figure{padding:16px 0 0 16px;height:230px}.page .rowImgTextB ul{font-size:1.4rem}.page .rowImgTextC h2{font-size:2.2rem}.page .rowImgTextC div:first-of-type{padding:28px}.page .serviceGuide ol{font-size:1.4rem}.page .serviceGuide .inner>ol>li>ol{margin:40px 0 40px 32px}.page .dxTitle{font-size:2.2rem}}.page .aboutStaff,.page .groupStaff{padding:128px 0;position:relative;background-color:var(--subBgColor)}.page .aboutStaff .staffLarge,.page .groupStaff .staffLarge{display:flex;justify-content:space-between;margin-top:96px}.page .aboutStaff .staffLarge figure,.page .groupStaff .staffLarge figure{width:240px;margin-right:48px}.page .aboutStaff .staffLarge dl,.page .groupStaff .staffLarge dl{flex:1}.page .aboutStaff .staffLarge dt span:first-of-type,.page .groupStaff .staffLarge dt span:first-of-type{font-size:2.4rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs)}.page .aboutStaff .staffLarge dt span:last-of-type,.page .groupStaff .staffLarge dt span:last-of-type{font-size:2rem;font-family:var(--enText);font-weight:700;color:var(--subTextColor);display:inline-block;margin-left:20px}.page .aboutStaff .staffLarge dd:first-of-type,.page .groupStaff .staffLarge dd:first-of-type{letter-spacing:var(--mainLs);margin-top:32px}.page .aboutStaff .staffLarge h3,.page .groupStaff .staffLarge h3{margin-top:32px;font-weight:400;padding-left:24px;position:relative}.page .aboutStaff .staffLarge h3:before,.page .groupStaff .staffLarge h3:before{content:"";width:16px;border-top:1px solid var(--subTextColor);position:absolute;top:.75em;left:0}.page .aboutStaff .staffLarge p,.page .groupStaff .staffLarge p{font-size:1.4rem;margin:8px 0 0 24px}.page .aboutStaff .staffLarge ul,.page .groupStaff .staffLarge ul{margin:16px 0 0 24px;font-size:1.4rem;line-height:1.7}.page .aboutStaff .staffLarge li,.page .groupStaff .staffLarge li{display:flex;justify-content:space-between;margin-bottom:12px}.page .aboutStaff .staffLarge li span:first-of-type,.page .groupStaff .staffLarge li span:first-of-type{display:block;font-size:2rem;font-family:var(--enText);font-weight:700;width:70px;margin-top:-5px}.page .aboutStaff .staffLarge li span:last-of-type,.page .groupStaff .staffLarge li span:last-of-type{display:block;flex:1}.page .aboutStaff .staffSmall,.page .groupStaff .staffSmall{display:flex;margin-top:96px}.page .aboutStaff .staffSmall dl,.page .groupStaff .staffSmall dl{display:flex;flex-direction:column;width:256px}.page .aboutStaff .staffSmall dl:not(:first-child),.page .groupStaff .staffSmall dl:not(:first-child){margin-left:48px}.page .aboutStaff .staffSmall dl dt,.page .groupStaff .staffSmall dl dt{order:2}.page .aboutStaff .staffSmall dl dd:nth-of-type(1),.page .groupStaff .staffSmall dl dd:nth-of-type(1){order:1}.page .aboutStaff .staffSmall dl dd:nth-of-type(2),.page .groupStaff .staffSmall dl dd:nth-of-type(2){order:3}.page .aboutStaff .staffSmall dl dt span:nth-of-type(1),.page .groupStaff .staffSmall dl dt span:nth-of-type(1){font-size:2.1rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);display:block;margin-top:24px}.page .aboutStaff .staffSmall dl dt span:nth-of-type(2),.page .groupStaff .staffSmall dl dt span:nth-of-type(2){font-size:1.7rem;font-family:var(--enText);font-weight:700;color:var(--subTextColor);display:block;margin-top:8px}.page .aboutStaff .staffSmall dl dd:nth-of-type(2),.page .groupStaff .staffSmall dl dd:nth-of-type(2){font-size:1.4rem;margin-top:16px;padding-top:16px;border-top:1px solid rgba(33,57,62,.2);letter-spacing:var(--mainLs);line-height:2}.page .groupCompany dl,.page .aboutCompany dl{margin-top:48px;letter-spacing:var(--mainLs);line-height:2;display:flex;justify-content:space-between;flex-wrap:wrap}.page .groupCompany dt,.page .aboutCompany dt{width:20%;padding:32px;border-bottom:1px solid var(--subTextColor);display:flex;align-items:center}.page .groupCompany dd,.page .aboutCompany dd{width:80%;padding:32px;border-bottom:1px solid #d2d7d8}.page .groupCompany dd li:not(:first-child),.page .aboutCompany dd li:not(:first-child){margin-top:24px}.page .groupCompany dd li span,.page .aboutCompany dd li span{display:block;position:relative;padding-left:24px}.page .groupCompany dd li span:before,.page .aboutCompany dd li span:before{content:"";display:block;border-top:1px solid var(--subTextColor);width:16px;position:absolute;top:1em;left:0}.page .groupCompany dl a:after,.page .aboutCompany dl a:after{content:'';display:inline-block;width:12px;height:12px;background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/common/ex-link-icon.png) no-repeat center center/contain;margin-left:5px}.page .groupCompany dl a:hover,.page .aboutCompany dl a:hover{opacity:.7}@media (max-width:1023px){.page .groupCompany dt,.page .aboutCompany dt{padding:24px}.page .groupCompany dd,.page .aboutCompany dd{padding:24px}}@media (max-width:767px){.page .aboutStaff .staffLarge,.page .groupStaff .staffLarge{display:block;margin-top:96px}.page .aboutStaff .staffLarge figure,.page .groupStaff .staffLarge figure{width:100%;margin-right:0;text-align:right;height:60vw}.page .aboutStaff .staffLarge figure img,.page .groupStaff .staffLarge figure img{object-fit:cover;width:65vw;height:100%}.page .aboutStaff .staffLarge dt,.page .groupStaff .staffLarge dt{margin-top:32px}.page .aboutStaff .staffLarge dt span:first-of-type,.page .groupStaff .staffLarge dt span:first-of-type{font-size:2.4rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs)}.page .aboutStaff .staffLarge dt span:last-of-type,.page .groupStaff .staffLarge dt span:last-of-type{font-size:2rem;display:block;margin-left:0;margin-top:8px}.page .aboutStaff .staffSmall,.page .groupStaff .staffSmall{display:block;margin-top:0}.page .aboutStaff .staffSmall dl,.page .groupStaff .staffSmall dl{margin-top:96px;width:100%}.page .aboutStaff .staffSmall dl:not(:first-child),.page .groupStaff .staffSmall dl:not(:first-child){margin-left:0}.page .aboutStaff .staffSmall dl dd:first-of-type,.page .groupStaff .staffSmall dl dd:first-of-type{width:100%;margin-right:0;text-align:right;height:60vw}.page .aboutStaff .staffSmall dl dd img,.page .groupStaff .staffSmall dl dd img{object-fit:cover;width:65vw;height:100%}.page .groupCompany dl,.page .aboutCompany dl{display:block;font-size:1.4rem;margin-top:32px}.page .groupCompany dt,.page .aboutCompany dt{width:100%;padding:16px}.page .groupCompany dt:not(:first-child),.page .aboutCompany dt:not(:first-child){margin-top:24px}.page .groupCompany dd,.page .aboutCompany dd{width:100%;padding:16px}}@media (max-width:480px){.page .aboutStaff,.page .groupStaff{padding:80px 0 96px;position:relative;background-color:var(--subBgColor)}.page .aboutStaff .staffLarge,.page .groupStaff .staffLarge{margin-top:64px}.page .aboutStaff .staffLarge dd:first-of-type,.page .groupStaff .staffLarge dd:first-of-type{font-size:1.6rem;margin-top:32px}.page .aboutStaff .staffSmall dl,.page .groupStaff .staffSmall dl{margin-top:64px}}.page .groupTop{padding-bottom:192px}.page .beforeIcon.groupIcon01:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/group-top-icon01.png) no-repeat center center/contain}.page .beforeIcon.groupIcon02:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/group-top-icon02.png) no-repeat center center/contain}.page .beforeIcon.groupIcon03:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/group-top-icon03.png) no-repeat center center/contain}.page .beforeIcon.groupIcon04:before{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/group-top-icon04.png) no-repeat center center/contain}.page .groupService{margin-top:128px;padding:0 0 192px;position:relative}.page .groupService .comTitle1{margin-bottom:48px}.page .groupCompany{padding:128px 0 192px;position:relative;background-color:var(--baseBgColor)}.page .groupMap{margin-top:128px}.page .groupMap h3{font-size:2.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);padding-left:50px;position:relative}.page .groupMap p{margin-top:48px}.page .groupMap h3:before{content:"";display:block;border-top:1px solid var(--subTextColor);width:32px;position:absolute;top:.75em;left:0}.page .groupMap .gMap{margin-top:40px}@media (max-width:480px){.page .groupTop{padding-bottom:128px}.page .groupIcon02 img{object-position:35% center}.page .groupIcon04 img{object-position:70% center}.page .serviceInfo{padding:80px 0 128px;margin-top:96px}.page .groupService{margin-top:96px;padding:0 0 128px}.page .groupCompany{padding:80px 0 128px}.page .groupMap{margin-top:80px}.page .groupMap h3{font-size:2.4rem}.page .groupMap p{margin-top:24px}}.page .aboutUs{padding:96px 0 128px}.page .aboutUs p{margin-top:64px}.page .aboutCompany{padding:128px 0;position:relative;background-color:var(--subBgColor)}.page .aboutHistory{padding:128px 0;position:relative}.page .aboutHistory ul{margin-top:96px}.page .aboutHistory ul li{margin-left:8px;padding:0 0 70px 40px;border-left:2px solid var(--subTextColor);position:relative}.page .aboutHistory ul li:last-of-type{border-image:linear-gradient(to bottom,rgba(235,181,60,1) 0%,rgba(235,181,60,0) 100%);border-image-slice:1}.page .aboutHistory ul li:before{content:"";width:16px;height:16px;background-color:#fff;border-radius:50%;border:2px solid var(--subTextColor);display:block;position:absolute;top:0;left:-9px}.page .aboutHistory ul li span{display:block}.page .aboutHistory ul li span:nth-of-type(1){font-size:4rem;font-family:var(--enText);font-weight:400;color:var(--subTextColor);width:150px;margin-top:-20px}.page .aboutHistory ul li span:nth-of-type(2){font-size:1.4rem;flex:1;margin-top:-5px}.page .aboutMap{padding:128px 0 192px;position:relative}.page .aboutMap p{margin-top:96px}.page .aboutMap .gMap{margin-top:40px}@media (max-width:1023px){.page .aboutHistory ul li span:nth-of-type(1){width:100%;margin-top:0;position:relative;top:-20px}.page .aboutHistory ul li span:nth-of-type(2){margin-top:0;position:relative;top:-20px}}@media (max-width:480px){.page .aboutUs{padding:80px 0 96px}.page .aboutUs p{margin-top:48px}.page .aboutCompany{padding:80px 0 96px}.page .aboutHistory{padding:80px 0 64px}.page .aboutHistory ul{margin-top:72px}.page .aboutStaff{padding:80px 0 96px;position:relative;background-color:var(--subBgColor)}.page .aboutStaff .staffLarge{margin-top:64px}.page .aboutStaff .staffLarge dd:first-of-type{font-size:1.6rem;margin-top:32px}.page .aboutStaff .staffSmall dl{margin-top:64px}.page .aboutMap{padding:80px 0 128px;position:relative}.page .aboutMap p{margin-top:48px}.page .aboutMap .gMap{margin-top:40px}}.page .recruitTop svg{position:fixed;width:0;height:0}.page .recruit{padding-bottom:192px}.page .recruitTop clipPath{transform:translate(calc(50vw - 352px), calc(50vh - 176px));width:100%;height:100vh}.page .recruitTagline{width:100%;min-height:100vh;height:-webkit-fill-available;position:relative;color:#fff;display:flex;justify-content:flex-end;align-items:center;z-index:1;margin-top:-400px;clip-path:url(#taglineClip);-webkit-clip-path:url(#taglineClip)}.page .recruitTagline .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.page .recruitTagline .bg img{object-fit:cover;width:100%;height:100%}.page .recruitTagline div{width:360px;margin-right:8vw}.page .recruitTagline h2{font-size:4.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);margin-bottom:48px}.page .taglineTitleOuter{font-size:4.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);position:fixed;bottom:20vh;left:63vw}.page .recruitTagline p{font-size:2rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs)}.page .recruitReason{padding:128px 0 192px;position:relative;counter-reset:number 0}.page .recruitReason .reason{display:flex;justify-content:space-between;align-items:center}.page .recruitReason .fixed{position:fixed;top:0;left:0}.page .recruitReason .reason .text{flex:1;margin:0 135px 0 32px;position:relative}.page .recruitReason .reason .text .textAnimation2,.page .recruitReason .reason .text .textAnimation3,.page .recruitReason .reason .text .textAnimation4,.page .recruitReason .reason .text .textAnimation5{visibility:hidden;opacity:0;position:absolute;top:0;left:0}.page .recruitReason .reason h3{font-size:2.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);line-height:1.6;position:relative}.page .recruitReason .reason h3:before{counter-increment:number 1;content:counter(number,decimal-leading-zero) "";font-size:24rem;font-family:var(--enText);font-weight:700;letter-spacing:-.04em;color:#f7e5bf;position:absolute;top:-110px;right:0;line-height:1;z-index:-1}.page .recruitReason .reason p{margin-top:32px}.page .recruitReason .reason .photo{width:435px;position:relative}.page .recruitReason .reason .photo ul{position:relative;width:330px;height:453px}.page .recruitReason .reason .photo ul li{position:absolute;top:0;left:0}.page .recruitReason .reason .photo ul li:nth-of-type(1){transform:rotate(-15deg)}.page .recruitReason .reason .photo ul li:nth-of-type(3){transform:rotate(15deg)}.page .recruitReason .reason .photo ul li:nth-of-type(4){transform:rotate(-15deg)}.page .recruitReason .reason .photo .meter{position:absolute;top:100px;right:0;display:flex;flex-direction:column;align-items:center}.page .recruitReason .reason .photo .meter .top{color:var(--subTextColor);margin-bottom:10px}.page .recruitReason .reason .photo .meter .bar{position:relative;width:2px;height:192px;background-color:#d0d2d2}.page .recruitReason .reason .photo .meter .bar .move{position:absolute;top:0;right:0;left:0;width:100%;height:0;background-color:var(--subTextColor)}.page .recruitReason .reason .photo .meter .bottom{margin-top:10px}.page .recruitReason .reason{margin-top:80px}.page .recruitSystem{padding:128px 0;background-color:var(--subBgColor);position:relative}.page .recruitSystem .system{margin:80px calc(50% - 50vw) 0 0;display:flex;justify-content:space-between}.page .recruitSystem .system div{flex:1;padding:10vw 7vw;color:#fff}.page .recruitSystem .system div:first-of-type{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/recruit-top-system-bg01.jpg) no-repeat center center/cover;border-right:1px solid var(--subBgColor)}.page .recruitSystem .system div:last-of-type{background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/recruit-top-system-bg02.jpg) no-repeat center center/cover}.page .recruitSystem .system h3{font-size:2.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);margin-bottom:32px}.page .recruitSystem .system .comButton1{margin-top:24px}.page .recruitPositions{padding:128px 0 192px;position:relative;background-color:var(--subBgColor)}.page .recruitPositions .flex{flex-wrap:wrap}.page .recruitPositions .flex div{width:45%;margin-top:80px}.page .recruitPositions h3{font-size:2.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs)}.page .recruitPositions p{font-size:1.4rem;margin-top:24px;letter-spacing:var(--mainLs)}.page .recruitPositions .comButton1{margin-top:24px}@media (max-width:1434px){.page .recruitSystem .contents{max-width:none}.page .recruitSystem .system{width:calc(100% + 96px);margin:80px -96px 0 0}}@media (max-width:1250px){.page .recruitReason .reason .text{margin:0 100px 0 0}}@media (max-width:1100px){.page .recruitReason .reason{display:block}.page .recruitReason .reason .text{margin:0}.page .recruitReason .reason .photo{width:100%}.page .recruitReason .reason .photo ul{width:45vw;height:66vw;margin:115px auto 0}.page .recruitReason .reason .photo .meter{top:16vw;right:6vw}}@media (max-width:1023px){.page .taglineTitleOuter{font-size:3.8rem;bottom:15vh;left:60vw}.page .recruitTagline{align-items:flex-end}.page .recruitTagline div{width:360px;margin-right:8vw;margin-bottom:8vh}.page .recruitTagline h2{font-size:4rem;margin-bottom:32px}.page .recruitTagline p{font-size:1.8rem}.page .recruitReason .reason .photo ul{width:45vw;height:66vw;margin:72px auto 0}.page .recruitReason .reason .photo .meter{right:8vw}.page .recruitSystem .system{width:calc(100% + 64px);margin:80px -64px 0 0}.page .recruitPositions .flex div{width:100%;margin-top:64px}}@media (max-width:767px){.page .taglineTitleOuter{font-size:3rem;bottom:15vh;left:60vw}.page .recruitReason .reason .photo ul{width:60vw;height:85vw;margin:64px auto 0}.page .recruitReason .reason .photo .meter{display:none}.page .recruitSystem .system{display:block;width:100%;margin:64px 0 0}.page .recruitSystem .system div:first-of-type{border-right:none;margin-bottom:24px}.page .recruitSystem .system h3{font-size:2.2rem}}@media (max-width:480px){.page .recruit{padding-bottom:128px}.page .recruitTagline{justify-content:center}.page .taglineTitleOuter{font-size:2.8rem;bottom:auto;top:72vh;left:6vw}.page .recruitTagline div{width:85vw;margin:0 0 48px}.page .recruitTagline h2{font-size:3rem;margin-bottom:24px}.page .recruitTagline p{font-size:1.5rem}.page .recruitReason{padding:80px 0 80px}.page .recruitReason .comTitle1 span:nth-of-type(1){font-size:4.3rem}.page .recruitReason .reason{margin-top:80px}.page .recruitReason .reason h3{font-size:2.2rem}.page .recruitReason .reason h3:before{font-size:16rem;top:-62px;right:0}.page .recruitSystem{padding:80px 0}.page .recruitSystem .system h3{font-size:2.2rem}.page .recruitPositions{padding:80px 0 128px}.page .recruitPositions h3{font-size:2.2rem}}.page main>.contact{padding-bottom:192px}.page .contact .formTable{width:100%;height:100%;border-spacing:0 48px;letter-spacing:var(--mainLs);line-height:2}.page .contact .formTable th{width:262px;vertical-align:middle;white-space:nowrap;text-align:left;font-weight:400}.page .contact .formTable td{position:relative;vertical-align:middle}.page .contact .formTable th span{font-size:1.2rem;color:var(--subTextColor);letter-spacing:var(--mainLs);line-height:24px;border:1px solid var(--subTextColor);display:inline-block;border-radius:12px;padding:0 8px;margin-left:10px}.page .contact .formTable .message{padding-top:20px;vertical-align:top}::placeholder{color:#a6a6a6;font-size:1.4rem}.page .contact textarea,.page .contact input[type=text],.page .contact input[type=tel],.page .contact input[type=email]{font-size:1.6rem;color:var(--baseTextColor);padding:20px 24px;width:100%;line-height:1.8;letter-spacing:var(--mainLs);background-color:#fff;border:1px solid #d4d6d8;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .3s}.page .contact textarea:hover,.page .contact input[type=text]:hover,.page .contact input[type=tel]:hover,.page .contact input[type=email]:hover{border:1px solid var(--subTextColor)}.page .contact textarea:focus,.page .contact input[type=text]:focus,.page .contact input[type=tel]:focus,.page .contact input[type=email]:focus{border:1px solid var(--subTextColor)}.page .contact input:not(:placeholder-shown),.page .contact textarea:not(:placeholder-shown){border:1px solid #d4d6d8;background-color:var(--baseBgColor)}.page .contact input[type=checkbox]{opacity:0;position:absolute}.page .contact textarea{width:100%;height:224px}.page .contact label{margin-right:48px;display:inline-block;cursor:pointer;vertical-align:middle}.page .contact label span:before{content:'';display:inline-block;height:24px;width:24px;margin-right:15px;background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/contact-check.png) no-repeat left center/24px 24px;vertical-align:middle}.page .contact label input[type=checkbox]:checked+span:before{height:24px;width:29px;margin-right:10px;background:url(//sherpaz.jp/sherpa-cms/wp-content/themes/sherpa-CMS/css/../img/page/contact-check-on.png) no-repeat left center/29px 24px}.page .contact .agree{text-align:center;letter-spacing:.08em;margin:auto}.page .contact .agree label{margin-right:0}.page .contact .agree a{text-decoration:underline}.page .contact input[type=submit]{width:320px;font-size:1.6rem;font-weight:500;letter-spacing:.08em;text-align:center;display:block;line-height:64px;margin:32px auto 0 auto;background-color:var(--subTextColor);border:none;cursor:pointer;transition:all .3s}.page .contact input[type=submit]:disabled{color:#fff;background-color:#c4c4c4;cursor:not-allowed}.page .contact.thanks h4{font-size:2.4rem;font-weight:500;text-align:center;margin-top:96px}.page .contact.thanks p{font-size:1.6rem;text-align:center;margin-top:32px}@media all and (max-width:767px){.page .contact .formTable{margin-top:20px;border-spacing:0 28px}.page .contact .formTable th{display:block;width:100%;text-align:center;padding:0 0 28px}.page .contact .formTable td{display:block}.page .contact textarea{height:200px}.page .contact input[type=submit]{margin:48px auto 0 auto}::placeholder{font-size:1.3rem}.page .contact .privacy{margin:0 auto 0}}@media all and (max-width:480px){.page main>.contact{padding-bottom:128px}.page .contact input[type=submit]{width:100%}.page .contact.thanks h4{font-size:2rem;margin-top:64px}.page .contact.thanks p{font-size:1.4rem}}.page .news,.page .useful{padding-bottom:196px}.page .news ul,.page .useful .inner ul{margin-top:64px;letter-spacing:var(--mainLs)}.page .news ul li,.page .useful .inner ul li{line-height:2}.page .news ul li a,.page .useful .inner ul li a{display:block;padding-bottom:30px;border-bottom:1px solid rgba(0,0,0,.2)}.page .news ul li:not(:first-child) a,.page .useful .inner ul li:not(:first-child) a{padding-top:30px}.page .news ul li a:hover,.page .useful .inner ul li a:hover{border-bottom:1px solid rgba(235,181,60,1)}.page .news ul li span,.page .useful .inner ul li span{font-weight:500;color:#adadaf;display:block}.page .useful .inner ul li span b{display:inline-block;padding:3px;margin-left:8px;color:#fff;font-size:1.2rem;font-weight:400;line-height:1;vertical-align:baseline;border-radius:2px;background-color:rgba(0,0,0,.2)}.page .newsPost,.page .usefulPost{padding-bottom:192px}.page .newsPost .headline .date,.page .usefulPost .headline .date{font-size:3rem;font-family:var(--enText);font-weight:400;color:#adadaf;letter-spacing:var(--mainLs);margin-bottom:8px}.page .newsPost .headline h2,.page .usefulPost .headline h2{font-size:3rem;font-weight:500;letter-spacing:var(--mainLs);line-height:1.8;padding-bottom:48px;border-bottom:1px solid var(--baseTextColor)}.page .newsPost .post,.page .usefulPost .post{margin-top:64px;letter-spacing:var(--mainLs)}.page .post h3{font-size:2.4rem;font-weight:500;padding-left:32px;margin:48px 0 24px;letter-spacing:var(--mainLs);line-height:1.8;position:relative}.page .post h3:before{content:"";display:block;border-top:1px solid var(--subTextColor);width:16px;position:absolute;top:.9em;left:0}.page .post h4{font-size:2rem;font-weight:500;margin:40px 0 16px;letter-spacing:var(--mainLs);line-height:1.8}.page .post p:not(:first-child){margin-top:32px}.page .post a{text-decoration:underline}.page .post ul{line-height:2;letter-spacing:var(--mainLs);margin:32px 0 0 32px}.page .post li{margin-top:8px;padding-left:16px;position:relative}.page .post li:before{content:"";display:block;width:6px;height:6px;background-color:var(--subTextColor);border-radius:50%;position:absolute;top:.8em;left:0}.page .post .box{margin:32px 0;padding:32px 40px;line-height:2;background-color:#fff}.page .post figure{margin-top:24px}.page .post img{display:block}.page .pagination{margin-top:64px;display:flex;justify-content:center;gap:24px;letter-spacing:var(--mainLs)}.page .pagination span{display:block;padding:14px 16px;line-height:1;background-color:#fff;border-radius:5px}.page .pagination a{display:block;padding:14px 16px;line-height:1;background-color:var(--subBgColor);border-radius:5px}.page .pagination a:hover{color:#fff;background-color:var(--subTextColor)}.page .pagination .current{color:#fff;background-color:var(--subTextColor)}.page .useful .catNavi{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;letter-spacing:var(--mainLs);border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}.page .useful .catNavi li{flex:1;display:flex;justify-content:center;align-items:center;margin:16px 0}.page .useful .catNavi li:not(:first-of-type):before{content:"";display:block;width:1px;height:24px;background-color:rgba(0,0,0,.2)}.page .useful .catNavi a{display:block;margin:0 16px;padding:16px 0;width:100%;text-align:center;border-radius:5px}.page .useful .catNavi a:hover,.page .useful .catNavi .current-cat a{background-color:#f4e4c2}@media (max-width:1023px){.page .news,.page .useful{padding-bottom:128px}}@media (max-width:767px){.page .useful .catNavi{display:block;border-top:1px solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}.page .useful .catNavi li{display:block;margin:0}.page .useful .catNavi li:not(:first-of-type):before{content:"";display:block;width:100%;height:1px}.page .useful .catNavi a{display:block;margin:8px 0;padding:10px;width:100%;text-align:left;border-radius:5px}}@media (max-width:480px){.page .news ul li a,.page .useful .inner ul li a{font-size:1.4rem}.page .useful .inner ul li span b{font-size:1.1rem}.page .newsPost,.page .usefulPost{padding-bottom:128px}.page .newsPost .headline .date,.page .usefulPost .headline .date{font-size:2.4rem}.page .newsPost .headline h2,.page .usefulPost .headline h2{font-size:2rem;padding-bottom:32px}.page .newsPost .post,.page .usefulPost .post{margin-top:48px;font-size:1.4rem}.page .post h3{font-size:2rem;padding-left:24px}.page .post p:not(:first-child){margin-top:24px}.page .post ul{font-size:1.4rem;margin:32px 0 0 16px}.page .post .box{padding:24px 32px;font-size:1.4rem}.page .pagination{font-size:1.4rem}.page .pagination{gap:8px}}.page .privacy{padding-bottom:192px}.page .privacy h2{font-size:2.4rem;font-family:var(--minchoText);font-weight:500;padding-left:32px;margin:48px 0 24px;letter-spacing:var(--mainLs);line-height:1.8;position:relative}.page .privacy h2:before{content:"";display:block;border-top:1px solid var(--subTextColor);width:16px;position:absolute;top:.9em;left:0}.page .privacy dl{line-height:2;letter-spacing:var(--mainLs)}.page .privacy dt{margin-top:24px;padding-left:16px;position:relative}.page .privacy dt:before{content:"";display:block;width:6px;height:6px;background-color:var(--subTextColor);border-radius:50%;position:absolute;top:.8em;left:0}.page .privacy dd{padding-left:16px}@media (max-width:480px){.page .privacy{padding-bottom:128px}.page .privacy h2{font-size:2rem;padding-left:24px}.page .privacy dl{font-size:1.4rem}}.page .generalTitle1{font-size:2.8rem;font-family:var(--minchoText);font-weight:500;letter-spacing:var(--mainLs);margin:48px 0 32px}.page .generalTitle2{font-size:2rem;font-weight:500;letter-spacing:var(--mainLs);margin:48px 0 32px}.page .generalText:not(:first-child){margin-top:32px}.page .generalList{line-height:2;letter-spacing:var(--mainLs);margin:32px 0 0 32px}.page .generalList li{margin-top:8px;padding-left:16px;position:relative}.page .generalList li:before{content:"";display:block;width:6px;height:6px;background-color:var(--subTextColor);border-radius:50%;position:absolute;top:.8em;left:0}.page table:not(.formTable){margin-top:48px;letter-spacing:var(--mainLs);line-height:2}.page table:not(.formTable) th{padding:32px;text-align:left;font-weight:400;border-bottom:1px solid var(--subTextColor)}.page table:not(.formTable) td{padding:32px;border-bottom:1px solid #d2d7d8}@media (max-width:767px){.page table:not(.formTable){margin-top:32px;font-size:1.4rem}.page table:not(.formTable) th,.page table:not(.formTable) td{padding:16px}}@media (max-width:480px){.page .generalTitle1{font-size:2.2rem}.page .generalTitle2{font-size:1.8rem}.page .generalList{font-size:1.4rem;margin:32px 0 0 16px}}