@charset "UTF-8";
/*要素表示・非表示*/
@media screen and (min-width: 641px) {
.u-sp_dispBlock, .u-sp_dispInBlock, .u-sp_dispInline, .u-sp_dispFlex { display: none; }
.u-pc_dispBlock { display: block; }
.u-pc_dispInBlock { display: inline-block; }
.u-pc_dispInline { display: inline; }
.u-pc_dispFlex { display: flex; } }
@media screen and (max-width: 640px) {
.u-pc_dispBlock, .u-pc_dispInBlock, .u-pc_dispInline, .u-pc_dispFlex { display: none; }
.u-sp_dispBlock { display: block; }
.u-sp_dispInBlock { display: inline-block; }
.u-sp_dispInline { display: inline; }
.u-sp_dispFlex { display: flex; } }
/*
Saff一覧
*/
.underlayer #top-head{margin: 0 0 1.7%}
.Staff{
max-width: 1040px;
padding: 0 20px;
margin: 0 auto 5%;
box-sizing: border-box
}
.StaffTtl{
width: 7.1%;
margin: 0 auto 1.4%
}
.StaffList{
max-width: 87.2%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.StaffList__item{flex: 0 1 20.41284403669725%}
.StaffList__link{display: block}
.StaffList__link:hover{opacity: 0.9}
.StaffPosition{
font-size: 0.8125rem;
text-align: center;
color: #fff;
padding: 7px 2px;
border-radius: 20px;
margin: 0 0 6%
}
.StaffThumb{margin: 0 0 2.8%}
.StaffPosition--01{background-color: #f68893}
.StaffPosition--02{background-color: #99d16d}
.StaffPosition--03{background-color: #5cc7e9}
.StaffName{
width: 19.66292134831461%;
margin: 0 auto
}
@media screen and (max-width: 1000px) {
.Staff{padding: 0 4.5%}
.StaffPosition{
font-size: 1.3vw;
padding: 0.7vw 0.2vw
}
}
@media screen and (max-width: 599px) {
.Staff {
margin: 31.4% 0 10%;
padding: 0 2.7%
}
.StaffTtl {
width: 44.8%;
margin: 0 auto 6.1%
}
.StaffList{max-width: 100%}
.StaffList__item {
flex: 0 1 45.212844%;
margin: 0 0 6vw
}
.StaffThumb {
margin: 0 auto 4.8%;
width: 84%
}
.StaffPosition {
font-size: 2.9vw;
padding: 1.5vw 1.2vw}
}

/*
SaffPage
*/
.StaffRed{color: #c01a2b}
.underlayer.StaffMemberContent #top-head{margin: 0 0 2%}
.StaffMember .breadcrumbs{margin: 0 auto 7%}
@media screen and (max-width: 599px) {
.StaffMember .breadcrumbs{margin: 0 auto 18%}
}
.StaffMemberBg--con{
background: url(../../common/img/staff/concierge_bg_01_pc.jpg) left top no-repeat;
background-size: 100% 147px;
padding: 147px 0 0
}
.StaffMemberBg--con .StaffMemberBgInner{
background: url(../../common/img/staff/concierge_bg_02_pc.jpg) left top repeat;
background-size: 607px 520px;
padding: 0 0 103px}
.StaffMemberBg--work{
background: url(../../common/img/staff/work_bg_01_pc.jpg) left top no-repeat;
background-size: 100% 147px;
padding: 147px 0 0
}
.StaffMemberBg--work .StaffMemberBgInner{
background: url(../../common/img/staff/work_bg_02_pc.jpg) left top repeat;
background-size: 607px 520px;
padding: 0 0 103px
}
.StaffMemberBg--mark{
background: url(../../common/img/staff/marketing_bg_01_pc.jpg) left top no-repeat;
background-size: 100% 147px;
padding: 147px 0 0
}
.StaffMemberBg--mark .StaffMemberBgInner{
background: url(../../common/img/staff/marketing_bg_02_pc.jpg) left top repeat;
background-size: 607px 520px;
padding: 0 0 103px
}
.StaffMemberInner{
max-width: 890px;
padding: 0 20px;
margin: 0 auto;
position: relative;
box-sizing: border-box
}
.StaffMemberInner--02{margin: 3% auto 0}
.StaffMemberTtl{
position: absolute;
top: -98.7%;
left: 19.66292134831461%;
width: 60.67415730337079%
}
.StaffMemberTtl--02{top: -162.7%}
.StaffMemberTtl--03{top: -115.3%}
.StaffMemberTtl--04{top: -135.2%}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, 
	.StaffMemberTtl{top:-99.7%}
	.StaffMemberTtl--02{top: -157.7%}
	.StaffMemberTtl--03{top: -114.3%}
	.StaffMemberTtl--04{top: -134.2%}
}
.StaffMemberBox--Outer{
position: relative;
z-index: 1
}
.StaffMemberBox{
text-align: center;
background: url(../../common/img/staff/staff_border_01_pc.gif) left top no-repeat,url(../../common/img/staff/staff_border_03_pc.gif) left bottom no-repeat,url(../../common/img/staff/staff_border_02_pc.gif) left top repeat;
background-size: 100% auto,100% auto,100% auto;
padding: 3.1% 4%;
line-height: 1.8
}
.StaffMemberBox-work{
background: url(../../common/img/staff/staff_border_g_01_pc.gif) left top no-repeat,url(../../common/img/staff/staff_border_g_03_pc.gif) left bottom no-repeat,url(../../common/img/staff/staff_border_g_02_pc.gif) left top repeat;
background-size: 100% auto,100% auto,100% auto;
}
.StaffMemberBox-mark{
background: url(../../common/img/staff/staff_border_b_01_pc.gif) left top no-repeat,url(../../common/img/staff/staff_border_b_03_pc.gif) left bottom no-repeat,url(../../common/img/staff/staff_border_b_02_pc.gif) left top repeat;
background-size: 100% auto,100% auto,100% auto;
}
.StaffMember2Col{
display: flex;
justify-content: space-between;
margin: 0 0 24px
}
.StaffMember2ColImg{flex: 0 1 50.23529411764706%}
.StaffMember2ColText{
flex: 0 1 47.282353%;
margin: 60px 0 0
}
.StaffMember2Col__ttl--01{
width: 84.1%;
margin: 0 0 4.8%
}
.StaffMember2Col__ttl--02{
width: 77%;
margin: 2% 0 4.2%;
}
.StaffMember2Col__ttl--03{
width: 66%;
margin: 4.3% 0 4.2% 1%;
}
.StaffMember2Col__ttl--04{
width: 96%;
margin: 1.2% 0 4.2%;
}
.StaffMember2Col__ttl--05{
width: 68.1%;
margin: 2.9% 0 4.2% 1%;
}
.StaffMember2Col__ttl--06{
width: 76.3%;
margin: -1.8% 0 4.2%;
}
.StaffMember2Col__ttl--07{
width: 78%;
margin: 5.2% 0 4.5% 0;
}
.StaffMember2Col__ttl--08{
width: 96%;
margin: 7.2% 0 4.2%;
}

.StaffMember2Col__text {line-height: 1.92}
.StaffBtn{
background: #fff;
border: 1px solid #c01a2b;
border-radius: 5px;
margin: 6% 0 0;
}
.StaffBtn__link{
position: relative;
padding: 3.2% 24.4% 4% 3%;
display: block;
}
.StaffBtn__link:hover{
opacity: 1;
}
.StaffBtn__link::before{
content: "";
width: 81px;
height: 83px;
position: absolute;
bottom: 0;
right: 3%;
}
.StaffBtn__link--01::before{
background: url(../../common/img/staff/staff01_bg_01_pc.png) left top no-repeat;
background-size: 100% 100%;
}
.StaffBtn__link--02::before{
background: url(../../common/img/staff/staff02_bg_01_pc.png) left top no-repeat;
background-size: 100% 100%;
}
.StaffBtn__link--03::before{
background: url(../../common/img/staff/staff03_bg_01_pc.png) left top no-repeat;
background-size: 100% 100%;
}
.StaffBtn__link--04::before{
background: url(../../common/img/staff/staff04_bg_01_pc.png) left top no-repeat;
background-size: 100% 100%;
}
@media screen and (max-width: 890px) {
.StaffMemberTtl {top: -24vw}
.StaffMember2Col__text,.StaffMemberBox__text{font-size: 1.8vw}
.StaffBtn__link::before {
width: 9vw;
height: 9.3vw;
}
}
@media screen and (max-width: 599px) {
.underlayer.StaffMemberContent #top-head{margin: 0}
#contents-wrap.StaffMember {margin: 35vw 0 0}
.StaffMemberBg--con {
background: url(../../common/img/staff/concierge_bg_01_sp.jpg) left top no-repeat;
background-size: 100% 14vw;
padding: 13.8vw 0 0;
}
.StaffMemberBg--work {
background: url(../../common/img/staff/work_bg_01_sp.jpg) left top no-repeat;
background-size: 100% 14vw;
padding: 13.8vw 0 0;
}
.StaffMemberBg--mark {
background: url(../../common/img/staff/marketing_bg_01_sp.jpg) left top no-repeat;
background-size: 100% 14vw;
padding: 13.8vw 0 0;
}
.StaffMemberTtl {
position: absolute;
top: -27.4vw;
left: 4%;
width: 91.974157%
}
.StaffMemberBg--con .StaffMemberBgInner,
.StaffMemberBg--work .StaffMemberBgInner,
.StaffMemberBg--mark .StaffMemberBgInner{padding: 0 0 7.3vw}
.StaffMemberBox--Outer {padding: 20.1% 0 0}
.StaffMemberBox {
text-align: center;
background: url(../../common/img/staff/staff_border_01_sp.gif) left top no-repeat,url(../../common/img/staff/staff_border_03_sp.gif) left bottom no-repeat,url(../../common/img/staff/staff_border_02_sp.gif) left top repeat;
background-size: 100% auto,100% auto,100% auto;
padding: 4.6% 5.7%;
line-height: 1.8
}
.StaffMemberBox-mark {
background: url(../../common/img/staff/staff_border_b_01_sp.gif) left top no-repeat,url(../../common/img/staff/staff_border_b_03_sp.gif) left bottom no-repeat,url(../../common/img/staff/staff_border_b_02_sp.gif) left top repeat;
background-size: 100% auto,100% auto,100% auto;
}
.StaffMemberBox-work{
background: url(../../common/img/staff/staff_border_g_01_sp.gif) left top no-repeat,url(../../common/img/staff/staff_border_g_03_sp.gif) left bottom no-repeat,url(../../common/img/staff/staff_border_g_02_sp.gif) left top repeat;
background-size: 100% auto,100% auto,100% auto;
}
.StaffMemberBox__text {
font-size: 3.8vw;
text-align: justify}
.StaffMemberInner--02 {margin: 5% auto 0}
.StaffMember2Col{display: block;margin: 0 0 10vw}
.StaffMember2ColText {margin: 0}
.StaffMember2Col__text{font-size: 3.8vw}
.StaffMember2Col__ttl--01 {
width: 86.1%;
margin: 0 0 1.6%
}
.StaffMember2Col__ttl--02 {width: 99%;margin: 2% 0 2.8%}
.StaffMember2Col__ttl--03{width: 55%;margin: 0 0 1.8% 1%}
.StaffMember2Col__ttl--04{width: 99%;margin: 1.2% 0 2.5%}
.StaffMember2Col__ttl--05{width: 86.1%;margin: 1.9% 0 2.2% 1%}
.StaffMember2Col__ttl--06{width: 99.4%;margin: 2% 0 3.9%}
.StaffMember2Col__ttl--07{width: 73%;margin: 0.2% 0 2% 0;}
.StaffMember2Col__ttl--08{width: 81%;margin: 2.7% 0 2.4%}


.StaffBtn {
background: #fff;
border: 1px solid #c01a2b;
border-radius: 5px;
margin: 3% 0 0;
}
.StaffBtn {margin: 10% 0 0}
.StaffBtn__link::before {
width: 18vw;
height: 17.2vw
}
.u-sp_ls-015{letter-spacing: -0.15vw}
}
@media screen and (max-width: 400px) {
#contents-wrap.StaffMember {margin: 40vw 0 0}
#contents-wrap.Staff .breadcrumbs{
padding: 0
}

}