@charset "utf-8";
#root {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

body {
    width: 100%;
    -webkit-text-size-adjust: ('none' '100%' 'auto');
    color:#1A1311;
  	font-family: 'Noto Sans JP', sans-serif;
}

.telWrap {
    color: inherit;
}

.telWrap:hover {
    color: inherit;
    text-decoration: underline;
}

.hidden {
    overflow: hidden;
}

.opacity_hover:hover {
    opacity: .7;
}

.cursol-pointer {
    cursor: pointer;
}

.montserrat {
  font-family: 'Montserrat', sans-serif;
}

.sans {
  font-family: 'Noto Sans JP', sans-serif;
}

.rock {
  font-family: 'Rock Salt', cursive;
}

.inLink>a:hover {
    text-decoration: underline;
    color: #1A1311;
}

.headerHight01 {
    width: 100%;
    margin-top: -125px;
    padding-top: 125px;
    z-index: -1;
    position: absolute;
	bottom: 100%;left: 0;right: 0;
}



/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/

/*-- 共通パーツ --------------------------------------------------------------*/

.text01 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 2em;
}

.comBtn01 {
    font-weight: 500;
    max-width: 184px;
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: 14px;
    line-height: 1.714em;
    border: solid 3px #1A1311;
    letter-spacing: 0.1em;text-align: center;
    position: relative;
    color: #1A1311;
    font-family: 'Montserrat', sans-serif;
}

.comBtn01:hover {
    background: #1A1311;
    color: #fff;
}

.comBtn01:after {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 16px;
    content: "";
    background: url(/system_panel/uploads/images/black_arrow.svg)no-repeat;
}

.comBtn01:hover:after {
    background: url(/system_panel/uploads/images/white_arrow.svg)no-repeat;
}


.comBtn02 {
    font-weight: 500;
    max-width: 184px;
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    font-size: 14px;
    line-height: 1.714em;
    border: solid 3px #1A1311;
    letter-spacing: 0.1em;text-align: center;
    position: relative;
    color: #fff;
    background: #1A1311;
    font-family: 'Montserrat', sans-serif;
}

.comBtn02:hover {
    background: #fff;
    color: #1A1311;
}

.comBtn02:after {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 16px;
    content: "";
    background: url(/system_panel/uploads/images/white_arrow.svg)no-repeat;
}

.comBtn02:hover:after {
    background: url(/system_panel/uploads/images/brown_arrow.svg)no-repeat;
}
/*---Title----------------*/

.titJa01 {
    font-size: 12px;
    font-weight: 500;
    line-height: 2em;
    margin-bottom: 8px;
}

.titEn01 {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 0.75em;
}

.titSetBox {
    padding-bottom: 40px;
    position: relative;
}

.titSetBox:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.colorBrown01.titSetBox:before {
    background: #816D51;
}

/*-- ****** -----------------------------------------------------------------*/
/*-- 共通カラー --------------------------------------------------------------*/

.colorWhite {
    color: #fff;
}

.colorBrown01 {
    color: #816D51;
}


/*-- inCover -----------------------------------------------------------------*/

.incover {
    max-width: 1744px;
    width: 96%;
    margin: 0 auto 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 110px;
}


/*-- ****** -----------------------------------------------------------------*/
/*-- パンくずリスト ----------------------------------------------------------*/
.breadBox a {
    color: #393327;
    text-decoration: underline;
}

.breadBox a:hover {
    color: #393327;
    text-decoration: none;
}

.breadWrap {
	padding: 15px 0;
}

.breadBox {
	max-width: 1140px;
	width: 96%;
	margin: auto;
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 1.33em;
}

.breadLink {
	color: #393327;
	text-decoration: underline;
	display: flex;
	align-items: center;
}

.breadLink:hover {
	color: #333;
}

/*-- ****** -----------------------------------------------------------------*/
/*-- coverTxt ---------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/*-- header -----------------------------------------------------------------*/

.header {
    transition: all .7s;
}

.hContPcBtn {
    font-weight: 500;
    max-width: 175px;
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    font-size: 12px;
    line-height: 2em;
    border: solid 3px #816D51;
    text-align: center;
    position: relative;
    color: #816D51;
}

.hContSetPcBox {
    max-width: 374px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hContPcBtn.hContPcBtnColor01 {
    background: #816D51;
    color: #fff;
}

.hContPcBtn.hContPcBtnColor01:after {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 14px;
    content: "";
    background: url(/system_panel/uploads/images/white_arrow.svg)no-repeat;
}

.hContPcBtn.hContPcBtnColor01:hover:after {
    background: url(/system_panel/uploads/images/brown_arrow.svg)no-repeat;
}

.hContPcBtn.hContPcBtnColor01:hover {
    background: #fff;
    color: #816D51;
}

.hContPcBtn.hContPcBtnColor02:after {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 14px;
    content: "";
    background: url(/system_panel/uploads/images/brown_arrow.svg)no-repeat;
}

.hContPcBtn.hContPcBtnColor02:hover:after {
    background: url(/system_panel/uploads/images/white_arrow.svg)no-repeat;
}

.hContPcBtn.hContPcBtnColor02:hover {
    background: #816D51;
    color: #fff;
}


/*--is-animation--*/

.is-animation .hLogoPc {
    max-width: 117.97px;
}

.header.is-animation {
    box-shadow: 1px 1px 6px rgba(51,51,51,0.6);
    transition: all .7s;
}

.is-animation .headerBox01 {
    padding: 15px 0;
}

.is-animation .hNavBox {
    margin: 12px 0 0 auto;
}


/*---------------------------------------------------------------------------*/
/*-- footer -----------------------------------------------------------------*/

.fNavListMag>.fNavLink01:first-child {
    margin: 0;
}

.fReserveBtn01 {
    font-weight: 500;
    max-width: 256px;
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    font-size: 16px;
    line-height: 2em;
    border: solid 3px #816D51;
    text-align: center;
    position: relative;
    color: #fff;
    background: #816D51;
}

.fReserveBtn01:hover {
    background: #fff;
    color: #816D51;
}

.fReserveBtn01:after {
    width: 6px;
    height: 10px;
    position: absolute;
    right: 16px;
    content: "";
    background: url(/system_panel/uploads/images/f_white_arrow.svg)no-repeat;
}

.fReserveBtn01:hover:after {
    background: url(/system_panel/uploads/images/f_brown_arrow.svg)no-repeat;
}


/*---------------------------------------------------------------------------*/

/*---topMain----------------------------------------------*/

.topWr02:before {
    content: "";
    position: absolute;
    max-width: 1400px;
    width: 72.92%;
    height: 74.706%;
    background: #F2EDEA;
    z-index: -1;
    top: 0;
    right: 0;
    margin: auto;
}

.topWr03:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 42%;
    background: #F2EDEA;
    z-index: -1;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.topCompanyWrBox:before {
    content: "";
    position: absolute;
    width: 54.19%;
    max-width: 800px;
    height: 74.804%;
    background: #F2EDEA;
    z-index: -1;
    bottom: 0;
    right: 0;
    margin: auto;
}

.topServicesLinkImgBox:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #816D51;
    mix-blend-mode: multiply;
}

.topLinkJaTit {
    font-size: 12px;
    font-weight: 500;
    line-height: 2em;
    margin-bottom: 7px;
}

.topLinkEnTit {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1em;
}

.topServicesLinkBox01:hover .iBanaLk {
    transform: scale(1.1);
    transition: .5s;
}

.topServicesLinkBox01 .iBanaLk {
    transition: .5s;
}

.topServicesLinkImgBox>img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.topServicesLink02 {
    max-width: 580px !important;
}

.topServicesLink02>.topServicesLinkBox01 {
    padding: 55.17% 0 0 0 !important;
}

.topServicesLink02>.topServicesLinkBox01>.topServicesLinkTextBox {
    width: 97.24% !important;
}

/*----*/



/*----kasou------------------------------------------------*/

.inBalanceImg01>img {
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    max-height: 100%;
    height: auto;
    max-width: 100%;
    width: auto;
    bottom: 0;
    left: 0;
    margin: auto;
}

.objectFitImg {
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
}


a[data-lightbox] {
    position: relative;
    display: block;
}

a[data-lightbox]:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.3);
    opacity: 0;
    transition: .5s;
    z-index: 1;
}

a[data-lightbox]:hover:before {
    opacity: 1;
    transition: .5s;
    z-index: 1;
}

.galleryImg01>a[data-lightbox] {
    padding-top: 75%;
}

.galleryImg01>a[data-lightbox] img {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*---form--*/

.formTh {
    padding: 15px 15px 15px 15px;
    background-color: #816D51;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.formTd {
    padding: 15px 10px 15px 10px;
    background: #fff;
    color: #555;
}

.formRow {
    border: 1px solid #ccc;
}

.contTable {
    border: 1px solid #ccc;
}

.requiredText {
    padding: 1px 4px 1px 4px;
    color: #fff;
    font-size: 14px;
    background-color: #ff1f1f;
}

.privacyBox {
    border: 1px solid #ccc;
    padding: 15px 2% 15px 2%;
    width: 100%;
    overflow-y: scroll;
    background: #fff;
    height: 250px;
}

/*----*/

.compBaseTb {
    border: 1px solid #ccc;
}

.compBaseTr {
    border: 1px solid #ccc;
}

.compBaseTh {
    padding: 15px;
    background-color: #816D51;
    color: #fff;
}

.compBaseTd {
    padding: 15px;
    background: #fff;
}

/*----*/

.dressingCheckList01 {
    border-bottom: 1px dashed #816D51;
}

/*---staff----*/

.staffColImgBox {
    background: #F2EDEA;
}

.staffColImgBox>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
}

/*----hair----*/

.hairMenuTit:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #1A1311;
}

.inHairCareBox:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #816D51;
    mix-blend-mode: multiply;
}

/*-------------visiting--------------*/

.flowColImgBox>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
}

.priceLink {
    text-decoration: underline;
}

.priceLink:hover {
    text-decoration: none;
}

.feeSearchTit01 {
    position: relative;
    padding: 1rem 1.5rem;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}

.feeSearchTit01:before {
    position: absolute;
    height: 1.8rem;
    content: '';
}

.feeSearchTit01:after {
    position: absolute;
    height: 1.8rem;
    content: '';
}

.feeSearchTit01:before {
    border-left: solid 3px;
    left: 0;
    transform: rotate(-30deg);
}

.feeSearchTit01:after {
    border-right: solid 3px;
    right: 0;
    transform: rotate(30deg);
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

  


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.titEn01 {
    font-size: 24px;
}

.incover {
    height: 160px;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.topServicesLink02 {
    max-width: 373px !important;
}

.topServicesLink02>.topServicesLinkBox01 {
    padding: 85.72% 0 0 0 !important;
}
  
.topServicesLink02>.topServicesLinkBox01>.topServicesLinkTextBox {
    width: 95.71% !important;
}
  
.titEn01 {
    font-size: 32px;
}
  
.feeSearchTit01 {
    font-size: 25px;
}

.incover {
    height: 250px;
}

    
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.topLinkEnTit {
    font-size: 24px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.incover {
    height: 306px;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1250px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1250px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1700px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1700px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

.visiting_bg {
	background: url("https://h-arm-s.com/system_panel/uploads/images/visit_20260824_01.jpg") center center / contain no-repeat !important;
}